@vuer-ai/vuer-uikit 0.0.2 → 0.0.3

package/dist/index.mjs

@@ -0,0 +1,31 @@
+import './chunk-ZCYBA6YN.mjs';
+export { ThemeProvider, useTheme } from './chunk-D4C5V4EN.mjs';
+export { Toaster, toast } from './chunk-QNTUEKYQ.mjs';
+export { ToggleGroup, ToggleGroupItem } from './chunk-3Q75Z2CT.mjs';
+export { Toggle, toggleVariants } from './chunk-UFR656UY.mjs';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-5U4NWZMT.mjs';
+export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger } from './chunk-263CMARJ.mjs';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './chunk-SKWTWHB7.mjs';
+export { RadioGroup, RadioGroupItem } from './chunk-PKGNHHWG.mjs';
+export { Slider } from './chunk-CZSRIDXN.mjs';
+export { Switch } from './chunk-DWIK2CUV.mjs';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-J4RFFBDJ.mjs';
+export { Checkbox } from './chunk-WOG6UIG5.mjs';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-MASRZTZC.mjs';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-CFXL2XYO.mjs';
+export { InputNumbers } from './chunk-WI2J7NIV.mjs';
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from './chunk-ATDHGFVI.mjs';
+export { Badge, badgeVariants } from './chunk-TOZYLDAL.mjs';
+import './chunk-VGCVIHBR.mjs';
+export { CursorProvider } from './chunk-SUU4Z6E5.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from './chunk-ZKYQYCKN.mjs';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './chunk-KAPV3EZO.mjs';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-GA2JCN3F.mjs';
+export { Textarea } from './chunk-JOBQTBEM.mjs';
+export { Button } from './chunk-Q3APPCB2.mjs';
+export { InputRoot, InputSlot } from './chunk-KVDEBKWR.mjs';
+export { withCursor } from './chunk-CP7QYV4N.mjs';
+import './chunk-QS7WS6DD.mjs';
+export { cn } from './chunk-HW6SLBO3.mjs';
+import './chunk-3FR3WKI4.mjs';
+export { TabsCursorProvider } from './chunk-FYEZTS4S.mjs';

package/dist/styles/theme.css

@@ -0,0 +1,185 @@
+/* src/styles/theme.css */
+:root {
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--black-1);
+  --text-primary: var(--gray-9);
+  --text-secondary: var(--gray-7);
+  --text-tertiary: var(--gray-5);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--white-1);
+  --bg-secondary: var(--gray-1);
+  --bg-tertiary: var(--gray-2);
+  --bg-quaternary: var(--gray-3);
+  --bg-mask: var(--black-alpha-5);
+  --icon-highlight: var(--black-1);
+  --icon-primary: var(--gray-8);
+  --icon-secondary: var(--gray-6);
+  --icon-tertiary: var(--gray-4);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--gray-2);
+  --line-secondary: var(--gray-6);
+  --shadow-primary: var(--black-alpha-3);
+  --shadow-secondary: var(--black-alpha-4);
+  --black-1: rgba(0, 0, 0, 1);
+  --black-alpha-1: rgba(0, 0, 0, 0.6);
+  --black-alpha-2: rgba(0, 0, 0, 0.2);
+  --black-alpha-3: rgba(0, 0, 0, 0.1);
+  --black-alpha-4: rgba(0, 0, 0, 0.06);
+  --black-alpha-5: rgba(56, 57, 59, 0.5);
+  --black-alpha-6: rgba(90, 93, 98, 0.3);
+  --black-alpha-7: rgba(75, 77, 83, 0.5);
+  --white-1: rgba(255, 255, 255, 1);
+  --white-alpha-1: rgba(227, 230, 235, 0.6);
+  --white-alpha-2: rgba(173, 176, 183, 0.6);
+  --white-alpha-3: rgba(246, 247, 248, 0.8);
+  --blue-1: rgba(230, 246, 255, 1);
+  --blue-2: rgba(163, 220, 255, 1);
+  --blue-3: rgba(122, 200, 255, 1);
+  --blue-4: rgba(82, 177, 255, 1);
+  --blue-5: rgba(41, 151, 255, 1);
+  --blue-6: rgba(0, 123, 255, 1);
+  --blue-7: rgba(0, 98, 217, 1);
+  --blue-8: rgba(0, 74, 179, 1);
+  --blue-9: rgba(0, 54, 140, 1);
+  --blue-10: rgba(0, 36, 102, 1);
+  --gray-1: rgba(245, 245, 245, 1);
+  --gray-2: rgba(220, 222, 229, 1);
+  --gray-3: rgba(202, 206, 217, 1);
+  --gray-4: rgba(181, 184, 196, 1);
+  --gray-5: rgba(147, 150, 159, 1);
+  --gray-6: rgba(121, 124, 131, 1);
+  --gray-7: rgba(87, 90, 96, 1);
+  --gray-8: rgba(75, 77, 83, 1);
+  --gray-9: rgba(52, 53, 56, 1);
+  --gray-10: rgba(29, 29, 30, 1);
+  --red-1: rgba(255, 240, 240, 1);
+  --red-2: rgba(255, 232, 232, 1);
+  --red-3: rgba(255, 191, 192, 1);
+  --red-4: rgba(255, 150, 156, 1);
+  --red-5: rgba(255, 110, 122, 1);
+  --red-6: rgba(255, 69, 91, 1);
+  --red-7: rgba(217, 48, 73, 1);
+  --red-8: rgba(179, 30, 58, 1);
+  --red-9: rgba(140, 17, 44, 1);
+  --red-10: rgba(102, 11, 34, 1);
+  --yellow-1: rgba(255, 253, 240, 1);
+  --yellow-2: rgba(255, 248, 214, 1);
+  --yellow-3: rgba(255, 237, 173, 1);
+  --yellow-4: rgba(255, 224, 133, 1);
+  --yellow-5: rgba(255, 209, 92, 1);
+  --yellow-6: rgba(251, 187, 49, 1);
+  --yellow-7: rgba(212, 149, 32, 1);
+  --yellow-8: rgba(173, 114, 17, 1);
+  --yellow-9: rgba(135, 82, 7, 1);
+  --yellow-10: rgba(97, 55, 4, 1);
+  --green-1: rgba(240, 255, 243, 1);
+  --green-2: rgba(228, 242, 231, 1);
+  --green-3: rgba(211, 230, 216, 1);
+  --green-4: rgba(165, 217, 181, 1);
+  --green-5: rgba(122, 204, 151, 1);
+  --green-6: rgba(84, 190, 125, 1);
+  --green-7: rgba(60, 153, 99, 1);
+  --green-8: rgba(39, 115, 73, 1);
+  --green-9: rgba(22, 77, 48, 1);
+  --green-10: rgba(11, 38, 25, 1);
+  --radius: 0.25rem;
+  --spacing: 0.25rem;
+}
+.dark {
+  color-scheme: dark;
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--white-1);
+  --text-primary: var(--gray-2);
+  --text-secondary: var(--gray-5);
+  --text-tertiary: var(--gray-6);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--gray-10);
+  --bg-secondary: var(--gray-9);
+  --bg-tertiary: var(--gray-8);
+  --bg-quaternary: var(--gray-7);
+  --bg-mask: var(--black-alpha-5);
+  --icon-highlight: var(--white-1);
+  --icon-primary: var(--gray-2);
+  --icon-secondary: var(--gray-5);
+  --icon-tertiary: var(--gray-6);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--gray-8);
+  --line-secondary: var(--gray-4);
+  --shadow-primary: var(--black-alpha-1);
+  --shadow-secondary: var(--black-alpha-2);
+}
+.liquidlight {
+  color-scheme: light;
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--black-1);
+  --text-primary: var(--gray-9);
+  --text-secondary: var(--gray-7);
+  --text-tertiary: var(--gray-5);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--white-1);
+  --bg-secondary: var(--white-alpha-1);
+  --bg-tertiary: var(--gray-2);
+  --bg-quaternary: var(--gray-3);
+  --bg-mask: var(--white-alpha-3);
+  --icon-highlight: var(--black-1);
+  --icon-primary: var(--gray-8);
+  --icon-secondary: var(--gray-6);
+  --icon-tertiary: var(--gray-4);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--white-alpha-2);
+  --line-secondary: var(--gray-6);
+  --shadow-primary: var(--black-alpha-3);
+  --shadow-secondary: var(--black-alpha-4);
+}
+.liquiddark {
+  color-scheme: dark;
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--white-1);
+  --text-primary: var(--gray-2);
+  --text-secondary: var(--gray-5);
+  --text-tertiary: var(--gray-6);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--gray-10);
+  --bg-secondary: var(--black-alpha-6);
+  --bg-tertiary: var(--gray-8);
+  --bg-quaternary: var(--gray-7);
+  --bg-mask: var(--black-alpha-5);
+  --icon-highlight: var(--white-1);
+  --icon-primary: var(--gray-2);
+  --icon-secondary: var(--gray-5);
+  --icon-tertiary: var(--gray-6);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--black-alpha-7);
+  --line-secondary: var(--gray-4);
+  --shadow-primary: var(--black-alpha-1);
+  --shadow-secondary: var(--black-alpha-2);
+}
+@theme inline { --color-brand-primary: var(--brand-primary); --color-brand-secondary: var(--brand-secondary); --color-brand-tertiary: var(--brand-tertiary); --color-text-highlight: var(--text-highlight); --color-text-primary: var(--text-primary); --color-text-secondary: var(--text-secondary); --color-text-tertiary: var(--text-tertiary); --color-text-withbg: var(--text-withbg); --color-bg-primary: var(--bg-primary); --color-bg-secondary: var(--bg-secondary); --color-bg-tertiary: var(--bg-tertiary); --color-bg-quaternary: var(--bg-quaternary); --color-bg-mask: var(--bg-mask); --color-icon-highlight: var(--icon-highlight); --color-icon-primary: var(--icon-primary); --color-icon-secondary: var(--icon-secondary); --color-icon-tertiary: var(--icon-tertiary); --color-icon-withbg: var(--icon-withbg); --color-danger-primary: var(--danger-primary); --color-danger-secondary: var(--danger-secondary); --color-danger-tertiary: var(--danger-tertiary); --color-accent-warning: var(--accent-warning); --color-accent-success: var(--accent-success); --color-line-primary: var(--line-primary); --color-line-secondary: var(--line-secondary); --color-shadow-primary: var(--shadow-primary); --color-shadow-secondary: var(--shadow-secondary); --radius-uk-xs: var(--radius); --radius-uk-sm: calc(var(--radius) + 2px); --radius-uk-md: calc(var(--radius) + 4px); --radius-uk-lg: calc(var(--radius) + 8px); --radius-uk-xl: calc(var(--radius) + 12px); --spacing-xxs: calc(var(--spacing) - 2px); --spacing-xs: var(--spacing); --spacing-sm: calc(var(--spacing) + 2px); --spacing-md: calc(var(--spacing) + 4px); --spacing-lg: calc(var(--spacing) + 8px); --spacing-xl: calc(var(--spacing) + 12px); --text-uk-xs: 10px; --text-uk-sm: 11px; --text-uk-md: 12px; --text-uk-lg: 13px; --text-uk-xl: 14px; --text-uk-xxl: 16px; --leading-uk-xs: 12px; --leading-uk-sm: 14px; --leading-uk-md: 16px; --leading-uk-lg: 18px; --leading-uk-xl: 20px; --leading-uk-xxl: 24px; }

package/dist/styles/theme.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/theme.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/toast.css

@@ -0,0 +1,44 @@
+/* src/styles/toast.css */
+.vk-toast,
+[data-sonner-toast].vk-toast {
+  background: var(--color-bg-secondary) !important;
+  background-color: var(--color-bg-secondary) !important;
+  border: none !important;
+  border-radius: var(--radius-uk-md) !important;
+  padding: var(--spacing-lg) !important;
+  box-shadow: 0px 8px 24px 0px var(--color-shadow-primary) !important;
+}
+.vk-toast [data-title] {
+  color: var(--color-text-primary) !important;
+  font-size: 14px !important;
+  font-weight: 500 !important;
+}
+.vk-toast-description {
+  color: var(--color-text-secondary) !important;
+  font-size: 12px !important;
+  font-weight: 400 !important;
+}
+.vk-toast button[data-button] {
+  background: transparent !important;
+  color: var(--color-text-primary) !important;
+  border: none !important;
+  font-size: 12px !important;
+  font-weight: 400 !important;
+  text-decoration: none !important;
+  cursor: pointer !important;
+  position: absolute !important;
+  right: 16px !important;
+  top: 50% !important;
+  transform: translateY(-50%) !important;
+}
+.vk-toast button[data-button]:hover {
+  background: var(--color-bg-tertiary) !important;
+}
+.vk-toast button[data-cancel] {
+  background: transparent !important;
+  color: var(--color-text-secondary) !important;
+  border: none !important;
+  font-size: 12px !important;
+  font-weight: 400 !important;
+  cursor: pointer !important;
+}

package/dist/styles/toast.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/toast.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/variables.css

@@ -0,0 +1,184 @@
+/* src/styles/variables.css */
+:root {
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--black-1);
+  --text-primary: var(--gray-9);
+  --text-secondary: var(--gray-7);
+  --text-tertiary: var(--gray-5);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--white-1);
+  --bg-secondary: var(--gray-1);
+  --bg-tertiary: var(--gray-2);
+  --bg-quaternary: var(--gray-3);
+  --bg-mask: var(--black-alpha-5);
+  --icon-highlight: var(--black-1);
+  --icon-primary: var(--gray-8);
+  --icon-secondary: var(--gray-6);
+  --icon-tertiary: var(--gray-4);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--gray-2);
+  --line-secondary: var(--gray-6);
+  --shadow-primary: var(--black-alpha-3);
+  --shadow-secondary: var(--black-alpha-4);
+  --black-1: rgba(0, 0, 0, 1);
+  --black-alpha-1: rgba(0, 0, 0, 0.6);
+  --black-alpha-2: rgba(0, 0, 0, 0.2);
+  --black-alpha-3: rgba(0, 0, 0, 0.1);
+  --black-alpha-4: rgba(0, 0, 0, 0.06);
+  --black-alpha-5: rgba(56, 57, 59, 0.5);
+  --black-alpha-6: rgba(90, 93, 98, 0.3);
+  --black-alpha-7: rgba(75, 77, 83, 0.5);
+  --white-1: rgba(255, 255, 255, 1);
+  --white-alpha-1: rgba(227, 230, 235, 0.6);
+  --white-alpha-2: rgba(173, 176, 183, 0.6);
+  --white-alpha-3: rgba(246, 247, 248, 0.8);
+  --blue-1: rgba(230, 246, 255, 1);
+  --blue-2: rgba(163, 220, 255, 1);
+  --blue-3: rgba(122, 200, 255, 1);
+  --blue-4: rgba(82, 177, 255, 1);
+  --blue-5: rgba(41, 151, 255, 1);
+  --blue-6: rgba(0, 123, 255, 1);
+  --blue-7: rgba(0, 98, 217, 1);
+  --blue-8: rgba(0, 74, 179, 1);
+  --blue-9: rgba(0, 54, 140, 1);
+  --blue-10: rgba(0, 36, 102, 1);
+  --gray-1: rgba(245, 245, 245, 1);
+  --gray-2: rgba(220, 222, 229, 1);
+  --gray-3: rgba(202, 206, 217, 1);
+  --gray-4: rgba(181, 184, 196, 1);
+  --gray-5: rgba(147, 150, 159, 1);
+  --gray-6: rgba(121, 124, 131, 1);
+  --gray-7: rgba(87, 90, 96, 1);
+  --gray-8: rgba(75, 77, 83, 1);
+  --gray-9: rgba(52, 53, 56, 1);
+  --gray-10: rgba(29, 29, 30, 1);
+  --red-1: rgba(255, 240, 240, 1);
+  --red-2: rgba(255, 232, 232, 1);
+  --red-3: rgba(255, 191, 192, 1);
+  --red-4: rgba(255, 150, 156, 1);
+  --red-5: rgba(255, 110, 122, 1);
+  --red-6: rgba(255, 69, 91, 1);
+  --red-7: rgba(217, 48, 73, 1);
+  --red-8: rgba(179, 30, 58, 1);
+  --red-9: rgba(140, 17, 44, 1);
+  --red-10: rgba(102, 11, 34, 1);
+  --yellow-1: rgba(255, 253, 240, 1);
+  --yellow-2: rgba(255, 248, 214, 1);
+  --yellow-3: rgba(255, 237, 173, 1);
+  --yellow-4: rgba(255, 224, 133, 1);
+  --yellow-5: rgba(255, 209, 92, 1);
+  --yellow-6: rgba(251, 187, 49, 1);
+  --yellow-7: rgba(212, 149, 32, 1);
+  --yellow-8: rgba(173, 114, 17, 1);
+  --yellow-9: rgba(135, 82, 7, 1);
+  --yellow-10: rgba(97, 55, 4, 1);
+  --green-1: rgba(240, 255, 243, 1);
+  --green-2: rgba(228, 242, 231, 1);
+  --green-3: rgba(211, 230, 216, 1);
+  --green-4: rgba(165, 217, 181, 1);
+  --green-5: rgba(122, 204, 151, 1);
+  --green-6: rgba(84, 190, 125, 1);
+  --green-7: rgba(60, 153, 99, 1);
+  --green-8: rgba(39, 115, 73, 1);
+  --green-9: rgba(22, 77, 48, 1);
+  --green-10: rgba(11, 38, 25, 1);
+  --radius: 0.25rem;
+  --spacing: 0.25rem;
+}
+.dark {
+  color-scheme: dark;
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--white-1);
+  --text-primary: var(--gray-2);
+  --text-secondary: var(--gray-5);
+  --text-tertiary: var(--gray-6);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--gray-10);
+  --bg-secondary: var(--gray-9);
+  --bg-tertiary: var(--gray-8);
+  --bg-quaternary: var(--gray-7);
+  --bg-mask: var(--black-alpha-5);
+  --icon-highlight: var(--white-1);
+  --icon-primary: var(--gray-2);
+  --icon-secondary: var(--gray-5);
+  --icon-tertiary: var(--gray-6);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--gray-8);
+  --line-secondary: var(--gray-4);
+  --shadow-primary: var(--black-alpha-1);
+  --shadow-secondary: var(--black-alpha-2);
+}
+.liquidlight {
+  color-scheme: light;
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--black-1);
+  --text-primary: var(--gray-9);
+  --text-secondary: var(--gray-7);
+  --text-tertiary: var(--gray-5);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--white-1);
+  --bg-secondary: var(--white-alpha-1);
+  --bg-tertiary: var(--gray-2);
+  --bg-quaternary: var(--gray-3);
+  --bg-mask: var(--white-alpha-3);
+  --icon-highlight: var(--black-1);
+  --icon-primary: var(--gray-8);
+  --icon-secondary: var(--gray-6);
+  --icon-tertiary: var(--gray-4);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--white-alpha-2);
+  --line-secondary: var(--gray-6);
+  --shadow-primary: var(--black-alpha-3);
+  --shadow-secondary: var(--black-alpha-4);
+}
+.liquiddark {
+  color-scheme: dark;
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--white-1);
+  --text-primary: var(--gray-2);
+  --text-secondary: var(--gray-5);
+  --text-tertiary: var(--gray-6);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--gray-10);
+  --bg-secondary: var(--black-alpha-6);
+  --bg-tertiary: var(--gray-8);
+  --bg-quaternary: var(--gray-7);
+  --bg-mask: var(--black-alpha-5);
+  --icon-highlight: var(--white-1);
+  --icon-primary: var(--gray-2);
+  --icon-secondary: var(--gray-5);
+  --icon-tertiary: var(--gray-6);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--black-alpha-7);
+  --line-secondary: var(--gray-4);
+  --shadow-primary: var(--black-alpha-1);
+  --shadow-secondary: var(--black-alpha-2);
+}

package/dist/styles/variables.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/variables.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/ui/avatar.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import react__default, { ComponentProps } from 'react';
+
+declare function Avatar({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+interface AvatarGroupProps {
+    children: react__default.ReactNode;
+    className?: string;
+    spacing?: "tight" | "normal" | "loose";
+    max?: number;
+}
+declare function AvatarGroup({ children, className, spacing, max }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage };

package/dist/ui/avatar.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import react__default, { ComponentProps } from 'react';
+
+declare function Avatar({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime.JSX.Element;
+interface AvatarGroupProps {
+    children: react__default.ReactNode;
+    className?: string;
+    spacing?: "tight" | "normal" | "loose";
+    max?: number;
+}
+declare function AvatarGroup({ children, className, spacing, max }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage };

package/dist/ui/avatar.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var chunkKYKEJFJT_js = require('../chunk-KYKEJFJT.js');
+require('../chunk-UWO6RBCE.js');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkKYKEJFJT_js.Avatar; }
+});
+Object.defineProperty(exports, "AvatarFallback", {
+  enumerable: true,
+  get: function () { return chunkKYKEJFJT_js.AvatarFallback; }
+});
+Object.defineProperty(exports, "AvatarGroup", {
+  enumerable: true,
+  get: function () { return chunkKYKEJFJT_js.AvatarGroup; }
+});
+Object.defineProperty(exports, "AvatarImage", {
+  enumerable: true,
+  get: function () { return chunkKYKEJFJT_js.AvatarImage; }
+});

package/dist/ui/avatar.mjs

@@ -0,0 +1,2 @@
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from '../chunk-ATDHGFVI.mjs';
+import '../chunk-HW6SLBO3.mjs';

package/dist/ui/badge.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "success" | "warning" | null | undefined;
+    type?: "circle" | "default" | "dot" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, type, asChild, ...props }: ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Badge, badgeVariants };

package/dist/ui/badge.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "success" | "warning" | null | undefined;
+    type?: "circle" | "default" | "dot" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, type, asChild, ...props }: ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Badge, badgeVariants };

package/dist/ui/badge.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkXACRGXGF_js = require('../chunk-XACRGXGF.js');
+require('../chunk-ST4P6AN6.js');
+require('../chunk-UWO6RBCE.js');
+
+
+
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkXACRGXGF_js.Badge; }
+});
+Object.defineProperty(exports, "badgeVariants", {
+  enumerable: true,
+  get: function () { return chunkXACRGXGF_js.badgeVariants; }
+});

package/dist/ui/badge.mjs

@@ -0,0 +1,3 @@
+export { Badge, badgeVariants } from '../chunk-TOZYLDAL.mjs';
+import '../chunk-QS7WS6DD.mjs';
+import '../chunk-HW6SLBO3.mjs';

package/dist/ui/button.d.mts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "destructive" | "primary" | "secondary" | "ghost" | null | undefined;
+    size?: "base" | "sm" | "lg" | null | undefined;
+    icon?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/ui/button.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "destructive" | "primary" | "secondary" | "ghost" | null | undefined;
+    size?: "base" | "sm" | "lg" | null | undefined;
+    icon?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/ui/button.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunk5BIQ3IN7_js = require('../chunk-5BIQ3IN7.js');
+require('../chunk-ST4P6AN6.js');
+require('../chunk-UWO6RBCE.js');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunk5BIQ3IN7_js.Button; }
+});

package/dist/ui/button.mjs

@@ -0,0 +1,3 @@
+export { Button } from '../chunk-Q3APPCB2.mjs';
+import '../chunk-QS7WS6DD.mjs';
+import '../chunk-HW6SLBO3.mjs';

package/dist/ui/card.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function Card({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardAction({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/ui/card.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function Card({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardAction({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };