+ import Text from '$lib/components/typography/Text.svelte';
+ import S3Service from '$lib/services/s3';
+
+ export let name: string;
+ export let img: string;
+ export let type: string;
+ export let level: number;
+ export let ascencion: number;
+ export let refinement: number;
+ export let rarity: number;
+ export let location: string;
+
+
+
diff --git a/src/lib/components/ui/card/WeapCard.svelte b/src/lib/components/ui/card/WeapCard.svelte
new file mode 100644
index 00000000..dcc2fd23
--- /dev/null
+++ b/src/lib/components/ui/card/WeapCard.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+
+
{count}
+
+
+ {name}
+
+
+
{type}
+
diff --git a/src/lib/components/ui/card/index.ts b/src/lib/components/ui/card/index.ts
index 86c54082..c7800bac 100644
--- a/src/lib/components/ui/card/index.ts
+++ b/src/lib/components/ui/card/index.ts
@@ -1,9 +1,9 @@
import Root from './card.svelte';
-import Content from './card-content.svelte';
-import Description from './card-description.svelte';
-import Footer from './card-footer.svelte';
-import Header from './card-header.svelte';
-import Title from './card-title.svelte';
+import Content from './CardContent.svelte';
+import Description from './CardDescription.svelte';
+import Footer from './CardFooter.svelte';
+import Header from './CardHeader.svelte';
+import Title from './CardTitle.svelte';
export {
Root,
diff --git a/src/lib/components/ui/character-tabs/character-tabs.svelte b/src/lib/components/ui/character-tabs/character-tabs.svelte
index 918d4447..447e5845 100644
--- a/src/lib/components/ui/character-tabs/character-tabs.svelte
+++ b/src/lib/components/ui/character-tabs/character-tabs.svelte
@@ -1,6 +1,6 @@
+
+
+
+ {$i18n.t('weapons.detailed.tab.stats.title')}
+
+ {$i18n.t('weapons.detailed.tab.refinement.title')}
+
+
+
+
+
+
+
+
+
+ {#each weaponData.refinements as refinement}
+
+ {weaponData.passive}. {refinement.refinement}
+ {refinement.desc}
+
+ {/each}
+
+
diff --git a/src/lib/components/ui/date-range-picker/DateRangePicker.svelte b/src/lib/components/ui/date-range-picker/DateRangePicker.svelte
index c67db86d..ad27e27c 100644
--- a/src/lib/components/ui/date-range-picker/DateRangePicker.svelte
+++ b/src/lib/components/ui/date-range-picker/DateRangePicker.svelte
@@ -4,6 +4,7 @@
import { cn } from '$lib/utils';
import { Button } from '$lib/components/ui/button';
import { RangeCalendar } from '$lib/components/ui/range-calendar';
+ import { Popover, PopoverContent, PopoverTrigger } from '$lib/components/ui/popover';
const df = new DateFormatter('en-US', {
dateStyle: 'medium'
@@ -14,8 +15,8 @@
diff --git a/src/lib/components/ui/dragdrop/DragDropList.svelte b/src/lib/components/ui/dragdrop/DragDropList.svelte
new file mode 100644
index 00000000..423d65b2
--- /dev/null
+++ b/src/lib/components/ui/dragdrop/DragDropList.svelte
@@ -0,0 +1,295 @@
+
+
+
+
+
+
+
+ {#each data as datum, i (datum.id ? datum.id : JSON.stringify(datum))}
+
+
+
+
+
+ {#if datum.html}
+ {@html datum.html}
+ {:else if datum.text}
+
{datum.text}
+ {:else if datum.check}
+
+
+ check(i)}
+ class=""
+ id={datum.check
+ .replace(/[^a-zA-Z]/g, '')
+ .replace(/(?:^\w|[A-Z]|\b\w)/g, (match, index) =>
+ index === 0 ? match.toLowerCase() : match.toUpperCase()
+ )
+ .concat('Check')}
+ checked={data[i].checked}
+ />
+
+ {:else}
+
{datum}
+ {/if}
+
+
+
+
+ {/each}
+
+
+
diff --git a/src/lib/components/ui/drawer-dropdown/DrawerDropdown.svelte b/src/lib/components/ui/drawer-dropdown/DrawerDropdown.svelte
new file mode 100644
index 00000000..f33a2abe
--- /dev/null
+++ b/src/lib/components/ui/drawer-dropdown/DrawerDropdown.svelte
@@ -0,0 +1,31 @@
+
+
+{#if $isDesktop}
+
+
+
+
+
+
+
+
+{:else}
+
+
+
+
+
+
+
+
+{/if}
diff --git a/src/lib/components/ui/drawer/drawer-content.svelte b/src/lib/components/ui/drawer/drawer-content.svelte
new file mode 100644
index 00000000..b4d019f8
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-content.svelte
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/components/ui/drawer/drawer-description.svelte b/src/lib/components/ui/drawer/drawer-description.svelte
new file mode 100644
index 00000000..cc092ee9
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-description.svelte
@@ -0,0 +1,18 @@
+
+
+
+
+
diff --git a/src/lib/components/ui/drawer/drawer-footer.svelte b/src/lib/components/ui/drawer/drawer-footer.svelte
new file mode 100644
index 00000000..da35d000
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-footer.svelte
@@ -0,0 +1,16 @@
+
+
+
+
+
diff --git a/src/lib/components/ui/drawer/drawer-header.svelte b/src/lib/components/ui/drawer/drawer-header.svelte
new file mode 100644
index 00000000..1c3aa361
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-header.svelte
@@ -0,0 +1,19 @@
+
+
+
+
+
diff --git a/src/lib/components/ui/drawer/drawer-nested.svelte b/src/lib/components/ui/drawer/drawer-nested.svelte
new file mode 100644
index 00000000..de5e96ac
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-nested.svelte
@@ -0,0 +1,12 @@
+
+
+
+
+
diff --git a/src/lib/components/ui/drawer/drawer-overlay.svelte b/src/lib/components/ui/drawer/drawer-overlay.svelte
new file mode 100644
index 00000000..c7221098
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-overlay.svelte
@@ -0,0 +1,18 @@
+
+
+
+
+
diff --git a/src/lib/components/ui/drawer/drawer-title.svelte b/src/lib/components/ui/drawer/drawer-title.svelte
new file mode 100644
index 00000000..95299866
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-title.svelte
@@ -0,0 +1,18 @@
+
+
+
+
+
diff --git a/src/lib/components/ui/drawer/drawer.svelte b/src/lib/components/ui/drawer/drawer.svelte
new file mode 100644
index 00000000..2ac8ce5e
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer.svelte
@@ -0,0 +1,12 @@
+
+
+
+
+
diff --git a/src/lib/components/ui/drawer/index.ts b/src/lib/components/ui/drawer/index.ts
new file mode 100644
index 00000000..dd39b2a5
--- /dev/null
+++ b/src/lib/components/ui/drawer/index.ts
@@ -0,0 +1,41 @@
+import { Drawer as DrawerPrimitive } from 'vaul-svelte';
+
+import Root from './drawer.svelte';
+import Content from './drawer-content.svelte';
+import Description from './drawer-description.svelte';
+import Overlay from './drawer-overlay.svelte';
+import Footer from './drawer-footer.svelte';
+import Header from './drawer-header.svelte';
+import Title from './drawer-title.svelte';
+import NestedRoot from './drawer-nested.svelte';
+
+const Trigger = DrawerPrimitive.Trigger;
+const Portal = DrawerPrimitive.Portal;
+const Close = DrawerPrimitive.Close;
+
+export {
+ Root,
+ NestedRoot,
+ Content,
+ Description,
+ Overlay,
+ Footer,
+ Header,
+ Title,
+ Trigger,
+ Portal,
+ Close,
+
+ //
+ Root as Drawer,
+ NestedRoot as DrawerNestedRoot,
+ Content as DrawerContent,
+ Description as DrawerDescription,
+ Overlay as DrawerOverlay,
+ Footer as DrawerFooter,
+ Header as DrawerHeader,
+ Title as DrawerTitle,
+ Trigger as DrawerTrigger,
+ Portal as DrawerPortal,
+ Close as DrawerClose
+};
diff --git a/src/lib/components/ui/icon-button/IconButton.svelte b/src/lib/components/ui/icon-button/IconButton.svelte
index 9dd7a673..53492e87 100644
--- a/src/lib/components/ui/icon-button/IconButton.svelte
+++ b/src/lib/components/ui/icon-button/IconButton.svelte
@@ -1,8 +1,9 @@
diff --git a/src/lib/components/ui/icon/icon.svelte b/src/lib/components/ui/icon/icon.svelte
index c93a4ef7..cb3fd67d 100644
--- a/src/lib/components/ui/icon/icon.svelte
+++ b/src/lib/components/ui/icon/icon.svelte
@@ -1,75 +1,13 @@
-