@sigx/daisyui 0.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +235 -0
- package/dist/buttons/Button.d.ts +18 -0
- package/dist/buttons/Button.d.ts.map +1 -0
- package/dist/buttons/ButtonGroup.d.ts +18 -0
- package/dist/buttons/ButtonGroup.d.ts.map +1 -0
- package/dist/buttons/index.d.ts +5 -0
- package/dist/buttons/index.d.ts.map +1 -0
- package/dist/buttons/index.js +2 -0
- package/dist/buttons-Dtj_5Uc3.js +61 -0
- package/dist/buttons-Dtj_5Uc3.js.map +1 -0
- package/dist/data/Table.d.ts +92 -0
- package/dist/data/Table.d.ts.map +1 -0
- package/dist/data/index.d.ts +3 -0
- package/dist/data/index.d.ts.map +1 -0
- package/dist/data/index.js +2 -0
- package/dist/data-wxNpnX83.js +153 -0
- package/dist/data-wxNpnX83.js.map +1 -0
- package/dist/feedback/Accordion.d.ts +87 -0
- package/dist/feedback/Accordion.d.ts.map +1 -0
- package/dist/feedback/Badge.d.ts +73 -0
- package/dist/feedback/Badge.d.ts.map +1 -0
- package/dist/feedback/Countdown.d.ts +33 -0
- package/dist/feedback/Countdown.d.ts.map +1 -0
- package/dist/feedback/Diff.d.ts +43 -0
- package/dist/feedback/Diff.d.ts.map +1 -0
- package/dist/feedback/FileInput.d.ts +28 -0
- package/dist/feedback/FileInput.d.ts.map +1 -0
- package/dist/feedback/Indicator.d.ts +47 -0
- package/dist/feedback/Indicator.d.ts.map +1 -0
- package/dist/feedback/Kbd.d.ts +31 -0
- package/dist/feedback/Kbd.d.ts.map +1 -0
- package/dist/feedback/Modal.d.ts +51 -0
- package/dist/feedback/Modal.d.ts.map +1 -0
- package/dist/feedback/RadialProgress.d.ts +35 -0
- package/dist/feedback/RadialProgress.d.ts.map +1 -0
- package/dist/feedback/Rating.d.ts +34 -0
- package/dist/feedback/Rating.d.ts.map +1 -0
- package/dist/feedback/Skeleton.d.ts +24 -0
- package/dist/feedback/Skeleton.d.ts.map +1 -0
- package/dist/feedback/Steps.d.ts +60 -0
- package/dist/feedback/Steps.d.ts.map +1 -0
- package/dist/feedback/Swap.d.ts +53 -0
- package/dist/feedback/Swap.d.ts.map +1 -0
- package/dist/feedback/Timeline.d.ts +76 -0
- package/dist/feedback/Timeline.d.ts.map +1 -0
- package/dist/feedback/Toast.d.ts +30 -0
- package/dist/feedback/Toast.d.ts.map +1 -0
- package/dist/feedback/index.d.ts +31 -0
- package/dist/feedback/index.d.ts.map +1 -0
- package/dist/feedback/index.js +2 -0
- package/dist/feedback-DFutN-Kz.js +817 -0
- package/dist/feedback-DFutN-Kz.js.map +1 -0
- package/dist/forms/Checkbox.d.ts +15 -0
- package/dist/forms/Checkbox.d.ts.map +1 -0
- package/dist/forms/FormField.d.ts +16 -0
- package/dist/forms/FormField.d.ts.map +1 -0
- package/dist/forms/Input.d.ts +19 -0
- package/dist/forms/Input.d.ts.map +1 -0
- package/dist/forms/Radio.d.ts +78 -0
- package/dist/forms/Radio.d.ts.map +1 -0
- package/dist/forms/Range.d.ts +15 -0
- package/dist/forms/Range.d.ts.map +1 -0
- package/dist/forms/Select.d.ts +28 -0
- package/dist/forms/Select.d.ts.map +1 -0
- package/dist/forms/Textarea.d.ts +17 -0
- package/dist/forms/Textarea.d.ts.map +1 -0
- package/dist/forms/Toggle.d.ts +15 -0
- package/dist/forms/Toggle.d.ts.map +1 -0
- package/dist/forms/index.d.ts +17 -0
- package/dist/forms/index.d.ts.map +1 -0
- package/dist/forms/index.js +2 -0
- package/dist/forms-CuvlRMro.js +362 -0
- package/dist/forms-CuvlRMro.js.map +1 -0
- package/dist/index.d.ts +38 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +9 -0
- package/dist/layout/Card.d.ts +65 -0
- package/dist/layout/Card.d.ts.map +1 -0
- package/dist/layout/Carousel.d.ts +56 -0
- package/dist/layout/Carousel.d.ts.map +1 -0
- package/dist/layout/Chat.d.ts +54 -0
- package/dist/layout/Chat.d.ts.map +1 -0
- package/dist/layout/Container.d.ts +17 -0
- package/dist/layout/Container.d.ts.map +1 -0
- package/dist/layout/Divider.d.ts +22 -0
- package/dist/layout/Divider.d.ts.map +1 -0
- package/dist/layout/Flex.d.ts +59 -0
- package/dist/layout/Flex.d.ts.map +1 -0
- package/dist/layout/Footer.d.ts +25 -0
- package/dist/layout/Footer.d.ts.map +1 -0
- package/dist/layout/Hero.d.ts +52 -0
- package/dist/layout/Hero.d.ts.map +1 -0
- package/dist/layout/Join.d.ts +40 -0
- package/dist/layout/Join.d.ts.map +1 -0
- package/dist/layout/Link.d.ts +20 -0
- package/dist/layout/Link.d.ts.map +1 -0
- package/dist/layout/Mask.d.ts +26 -0
- package/dist/layout/Mask.d.ts.map +1 -0
- package/dist/layout/Mockup.d.ts +95 -0
- package/dist/layout/Mockup.d.ts.map +1 -0
- package/dist/layout/Stack.d.ts +45 -0
- package/dist/layout/Stack.d.ts.map +1 -0
- package/dist/layout/index.d.ts +46 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +2 -0
- package/dist/layout-0aaJX4B2.js +554 -0
- package/dist/layout-0aaJX4B2.js.map +1 -0
- package/dist/navigation/Breadcrumbs.d.ts +22 -0
- package/dist/navigation/Breadcrumbs.d.ts.map +1 -0
- package/dist/navigation/Drawer.d.ts +25 -0
- package/dist/navigation/Drawer.d.ts.map +1 -0
- package/dist/navigation/Dropdown.d.ts +40 -0
- package/dist/navigation/Dropdown.d.ts.map +1 -0
- package/dist/navigation/MenuComponent.d.ts +54 -0
- package/dist/navigation/MenuComponent.d.ts.map +1 -0
- package/dist/navigation/Navbar.d.ts +23 -0
- package/dist/navigation/Navbar.d.ts.map +1 -0
- package/dist/navigation/Pagination.d.ts +12 -0
- package/dist/navigation/Pagination.d.ts.map +1 -0
- package/dist/navigation/Tabs.d.ts +35 -0
- package/dist/navigation/Tabs.d.ts.map +1 -0
- package/dist/navigation/index.d.ts +15 -0
- package/dist/navigation/index.d.ts.map +1 -0
- package/dist/navigation/index.js +2 -0
- package/dist/navigation-4cwyfLvr.js +285 -0
- package/dist/navigation-4cwyfLvr.js.map +1 -0
- package/dist/shared/styles.d.ts +79 -0
- package/dist/shared/styles.d.ts.map +1 -0
- package/dist/styles-DFkMxi90.js +126 -0
- package/dist/styles-DFkMxi90.js.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +73 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -0
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +2 -0
- package/dist/theme-D9CUMvuT.js +118 -0
- package/dist/theme-D9CUMvuT.js.map +1 -0
- package/dist/typography/Text.d.ts +47 -0
- package/dist/typography/Text.d.ts.map +1 -0
- package/dist/typography/index.d.ts +3 -0
- package/dist/typography/index.d.ts.map +1 -0
- package/dist/typography/index.js +2 -0
- package/dist/typography-CU1RMGKA.js +112 -0
- package/dist/typography-CU1RMGKA.js.map +1 -0
- package/package.json +88 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-wxNpnX83.js","names":[],"sources":["../src/data/Table.tsx"],"sourcesContent":["import { component, DefineProp, DefineSlot } from 'sigx';\r\n\r\n// ============================================\r\n// Table Component\r\n// ============================================\r\n\r\nexport type TableSize = 'xs' | 'sm' | 'md' | 'lg';\r\n\r\nexport type TableProps = \r\n & DefineProp<'zebra', boolean, false>\r\n & DefineProp<'pinRows', boolean, false>\r\n & DefineProp<'pinCols', boolean, false>\r\n & DefineProp<'size', TableSize, false>\r\n & DefineProp<'class', string, false>\r\n & DefineSlot<'default'>;\r\n\r\nconst tableSizeClasses: Record<TableSize, string> = {\r\n xs: 'table-xs',\r\n sm: 'table-sm',\r\n md: '',\r\n lg: 'table-lg'\r\n};\r\n\r\n/**\r\n * Table component with DaisyUI styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Table zebra>\r\n * <Thead>\r\n * <Tr><Th>Name</Th><Th>Age</Th></Tr>\r\n * </Thead>\r\n * <Tbody>\r\n * <Tr><Td>John</Td><Td>25</Td></Tr>\r\n * </Tbody>\r\n * </Table>\r\n * ```\r\n */\r\nexport const Table = component<TableProps>(({ props, slots }) => {\r\n const getClasses = () => {\r\n const classes = ['table'];\r\n \r\n if (props.zebra) classes.push('table-zebra');\r\n if (props.pinRows) classes.push('table-pin-rows');\r\n if (props.pinCols) classes.push('table-pin-cols');\r\n if (props.size) {\r\n const sizeClass = tableSizeClasses[props.size];\r\n if (sizeClass) classes.push(sizeClass);\r\n }\r\n if (props.class) classes.push(props.class);\r\n \r\n return classes.join(' ');\r\n };\r\n\r\n return () => (\r\n <div class=\"overflow-x-auto\">\r\n <table class={getClasses()}>\r\n {slots.default?.()}\r\n </table>\r\n </div>\r\n );\r\n});\r\n\r\n// ============================================\r\n// Thead Component\r\n// ============================================\r\n\r\nexport type TheadProps = \r\n & DefineProp<'class', string, false>\r\n & DefineSlot<'default'>;\r\n\r\n/**\r\n * Table head component.\r\n */\r\nexport const Thead = component<TheadProps>(({ props, slots }) => {\r\n return () => (\r\n <thead class={props.class}>\r\n {slots.default?.()}\r\n </thead>\r\n );\r\n});\r\n\r\n// ============================================\r\n// Tbody Component\r\n// ============================================\r\n\r\nexport type TbodyProps = \r\n & DefineProp<'class', string, false>\r\n & DefineSlot<'default'>;\r\n\r\n/**\r\n * Table body component.\r\n */\r\nexport const Tbody = component<TbodyProps>(({ props, slots }) => {\r\n return () => (\r\n <tbody class={props.class}>\r\n {slots.default?.()}\r\n </tbody>\r\n );\r\n});\r\n\r\n// ============================================\r\n// Tr Component\r\n// ============================================\r\n\r\nexport type TrProps = \r\n & DefineProp<'hover', boolean, false>\r\n & DefineProp<'active', boolean, false>\r\n & DefineProp<'class', string, false>\r\n & DefineSlot<'default'>;\r\n\r\n/**\r\n * Table row component.\r\n */\r\nexport const Tr = component<TrProps>(({ props, slots }) => {\r\n const getClasses = () => {\r\n const classes: string[] = [];\r\n \r\n if (props.hover) classes.push('hover');\r\n if (props.active) classes.push('active');\r\n if (props.class) classes.push(props.class);\r\n \r\n return classes.join(' ');\r\n };\r\n\r\n return () => (\r\n <tr class={getClasses()}>\r\n {slots.default?.()}\r\n </tr>\r\n );\r\n});\r\n\r\n// ============================================\r\n// Th Component\r\n// ============================================\r\n\r\nexport type ThProps = \r\n & DefineProp<'class', string, false>\r\n & DefineSlot<'default'>;\r\n\r\n/**\r\n * Table header cell component.\r\n */\r\nexport const Th = component<ThProps>(({ props, slots }) => {\r\n return () => (\r\n <th class={props.class}>\r\n {slots.default?.()}\r\n </th>\r\n );\r\n});\r\n\r\n// ============================================\r\n// Td Component\r\n// ============================================\r\n\r\nexport type TdProps = \r\n & DefineProp<'class', string, false>\r\n & DefineSlot<'default'>;\r\n\r\n/**\r\n * Table data cell component.\r\n */\r\nexport const Td = component<TdProps>(({ props, slots }) => {\r\n return () => (\r\n <td class={props.class}>\r\n {slots.default?.()}\r\n </td>\r\n );\r\n});\r\n\r\n// ============================================\r\n// Avatar Component\r\n// ============================================\r\n\r\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\r\nexport type AvatarShape = 'circle' | 'rounded' | 'square';\r\n\r\nexport type AvatarProps = \r\n & DefineProp<'src', string, false>\r\n & DefineProp<'alt', string, false>\r\n & DefineProp<'size', AvatarSize, false>\r\n & DefineProp<'shape', AvatarShape, false>\r\n & DefineProp<'online', boolean, false>\r\n & DefineProp<'offline', boolean, false>\r\n & DefineProp<'placeholder', string, false>\r\n & DefineProp<'class', string, false>;\r\n\r\nconst avatarSizeClasses: Record<AvatarSize, string> = {\r\n xs: 'w-8',\r\n sm: 'w-12',\r\n md: 'w-16',\r\n lg: 'w-20',\r\n xl: 'w-24'\r\n};\r\n\r\nconst avatarShapeClasses: Record<AvatarShape, string> = {\r\n circle: 'rounded-full',\r\n rounded: 'rounded-xl',\r\n square: ''\r\n};\r\n\r\n/**\r\n * Avatar component with DaisyUI styling.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Avatar src=\"/user.jpg\" size=\"md\" shape=\"circle\" online />\r\n * <Avatar placeholder=\"JD\" size=\"lg\" />\r\n * ```\r\n */\r\nexport const Avatar = component<AvatarProps>(({ props }) => {\r\n const getContainerClasses = () => {\r\n const classes = ['avatar'];\r\n \r\n if (props.online) classes.push('online');\r\n if (props.offline) classes.push('offline');\r\n if (!props.src && props.placeholder) classes.push('placeholder');\r\n if (props.class) classes.push(props.class);\r\n \r\n return classes.join(' ');\r\n };\r\n\r\n const getImageClasses = () => {\r\n const classes: string[] = [];\r\n \r\n classes.push(avatarSizeClasses[props.size ?? 'md']);\r\n classes.push(avatarShapeClasses[props.shape ?? 'circle']);\r\n \r\n return classes.join(' ');\r\n };\r\n\r\n return () => (\r\n <div class={getContainerClasses()}>\r\n {props.src ? (\r\n <div class={getImageClasses()}>\r\n <img src={props.src} alt={props.alt ?? 'Avatar'} />\r\n </div>\r\n ) : props.placeholder ? (\r\n <div class={`bg-neutral text-neutral-content ${getImageClasses()}`}>\r\n <span class=\"text-xl\">{props.placeholder}</span>\r\n </div>\r\n ) : null}\r\n </div>\r\n );\r\n});\r\n\r\n// ============================================\r\n// Stat Component\r\n// ============================================\r\n\r\nexport type StatProps = \r\n & DefineProp<'title', string>\r\n & DefineProp<'value', string | number>\r\n & DefineProp<'description', string, false>\r\n & DefineProp<'class', string, false>\r\n & DefineSlot<'figure'>;\r\n\r\n/**\r\n * Stat component for displaying statistics.\r\n * \r\n * @example\r\n * ```tsx\r\n * <Stats>\r\n * <Stat title=\"Total Users\" value=\"1,200\" description=\"↗︎ 400 (22%)\" />\r\n * <Stat title=\"Revenue\" value=\"$2.6M\" description=\"↘︎ 90 (14%)\" />\r\n * </Stats>\r\n * ```\r\n */\r\nexport const Stat = component<StatProps>(({ props, slots }) => {\r\n const getClasses = () => {\r\n const classes = ['stat'];\r\n if (props.class) classes.push(props.class);\r\n return classes.join(' ');\r\n };\r\n\r\n return () => (\r\n <div class={getClasses()}>\r\n {slots.figure && <div class=\"stat-figure\">{slots.figure()}</div>}\r\n <div class=\"stat-title\">{props.title}</div>\r\n <div class=\"stat-value\">{props.value}</div>\r\n {props.description && <div class=\"stat-desc\">{props.description}</div>}\r\n </div>\r\n );\r\n});\r\n\r\n// ============================================\r\n// Stats Container Component\r\n// ============================================\r\n\r\nexport type StatsProps = \r\n & DefineProp<'vertical', boolean, false>\r\n & DefineProp<'class', string, false>\r\n & DefineSlot<'default'>;\r\n\r\n/**\r\n * Stats container component.\r\n */\r\nexport const Stats = component<StatsProps>(({ props, slots }) => {\r\n const getClasses = () => {\r\n const classes = ['stats', 'shadow'];\r\n if (props.vertical) classes.push('stats-vertical');\r\n if (props.class) classes.push(props.class);\r\n return classes.join(' ');\r\n };\r\n\r\n return () => (\r\n <div class={getClasses()}>\r\n {slots.default?.()}\r\n </div>\r\n );\r\n});\r\n"],"mappings":";;AAgBA,IAAM,mBAA8C;CAChD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACP;AAiBD,MAAa,QAAQ,WAAuB,EAAE,OAAO,YAAY;CAC7D,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,QAAQ;AAEzB,MAAI,MAAM,MAAO,SAAQ,KAAK,cAAc;AAC5C,MAAI,MAAM,QAAS,SAAQ,KAAK,iBAAiB;AACjD,MAAI,MAAM,QAAS,SAAQ,KAAK,iBAAiB;AACjD,MAAI,MAAM,MAAM;GACZ,MAAM,YAAY,iBAAiB,MAAM;AACzC,OAAI,UAAW,SAAQ,KAAK,UAAU;;AAE1C,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAE1C,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,oBAAC,OAAA;EAAI,OAAM;YACP,oBAAC,SAAA;GAAM,OAAO,YAAY;aACrB,MAAM,WAAW;IACd;GACN;EAEZ;AAaF,MAAa,QAAQ,WAAuB,EAAE,OAAO,YAAY;AAC7D,cACI,oBAAC,SAAA;EAAM,OAAO,MAAM;YACf,MAAM,WAAW;GACd;EAEd;AAaF,MAAa,QAAQ,WAAuB,EAAE,OAAO,YAAY;AAC7D,cACI,oBAAC,SAAA;EAAM,OAAO,MAAM;YACf,MAAM,WAAW;GACd;EAEd;AAeF,MAAa,KAAK,WAAoB,EAAE,OAAO,YAAY;CACvD,MAAM,mBAAmB;EACrB,MAAM,UAAoB,EAAE;AAE5B,MAAI,MAAM,MAAO,SAAQ,KAAK,QAAQ;AACtC,MAAI,MAAM,OAAQ,SAAQ,KAAK,SAAS;AACxC,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAE1C,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,oBAAC,MAAA;EAAG,OAAO,YAAY;YAClB,MAAM,WAAW;GACjB;EAEX;AAaF,MAAa,KAAK,WAAoB,EAAE,OAAO,YAAY;AACvD,cACI,oBAAC,MAAA;EAAG,OAAO,MAAM;YACZ,MAAM,WAAW;GACjB;EAEX;AAaF,MAAa,KAAK,WAAoB,EAAE,OAAO,YAAY;AACvD,cACI,oBAAC,MAAA;EAAG,OAAO,MAAM;YACZ,MAAM,WAAW;GACjB;EAEX;AAmBF,IAAM,oBAAgD;CAClD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACP;AAED,IAAM,qBAAkD;CACpD,QAAQ;CACR,SAAS;CACT,QAAQ;CACX;AAWD,MAAa,SAAS,WAAwB,EAAE,YAAY;CACxD,MAAM,4BAA4B;EAC9B,MAAM,UAAU,CAAC,SAAS;AAE1B,MAAI,MAAM,OAAQ,SAAQ,KAAK,SAAS;AACxC,MAAI,MAAM,QAAS,SAAQ,KAAK,UAAU;AAC1C,MAAI,CAAC,MAAM,OAAO,MAAM,YAAa,SAAQ,KAAK,cAAc;AAChE,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAE1C,SAAO,QAAQ,KAAK,IAAI;;CAG5B,MAAM,wBAAwB;EAC1B,MAAM,UAAoB,EAAE;AAE5B,UAAQ,KAAK,kBAAkB,MAAM,QAAQ,MAAM;AACnD,UAAQ,KAAK,mBAAmB,MAAM,SAAS,UAAU;AAEzD,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,oBAAC,OAAA;EAAI,OAAO,qBAAqB;YAC5B,MAAM,MACH,oBAAC,OAAA;GAAI,OAAO,iBAAiB;aACzB,oBAAC,OAAA;IAAI,KAAK,MAAM;IAAK,KAAK,MAAM,OAAO;KAAY;IACjD,GACN,MAAM,cACN,oBAAC,OAAA;GAAI,OAAO,mCAAmC,iBAAiB;aAC5D,oBAAC,QAAA;IAAK,OAAM;cAAW,MAAM;KAAmB;IAC9C,GACN;GACF;EAEZ;AAwBF,MAAa,OAAO,WAAsB,EAAE,OAAO,YAAY;CAC3D,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,OAAO;AACxB,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAC1C,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,qBAAC,OAAA;EAAI,OAAO,YAAY;;GACnB,MAAM,UAAU,oBAAC,OAAA;IAAI,OAAM;cAAe,MAAM,QAAQ;KAAO;GAChE,oBAAC,OAAA;IAAI,OAAM;cAAc,MAAM;KAAY;GAC3C,oBAAC,OAAA;IAAI,OAAM;cAAc,MAAM;KAAY;GAC1C,MAAM,eAAe,oBAAC,OAAA;IAAI,OAAM;cAAa,MAAM;KAAkB;;GACpE;EAEZ;AAcF,MAAa,QAAQ,WAAuB,EAAE,OAAO,YAAY;CAC7D,MAAM,mBAAmB;EACrB,MAAM,UAAU,CAAC,SAAS,SAAS;AACnC,MAAI,MAAM,SAAU,SAAQ,KAAK,iBAAiB;AAClD,MAAI,MAAM,MAAO,SAAQ,KAAK,MAAM,MAAM;AAC1C,SAAO,QAAQ,KAAK,IAAI;;AAG5B,cACI,oBAAC,OAAA;EAAI,OAAO,YAAY;YACnB,MAAM,WAAW;GAChB;EAEZ"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot, DefineModel, DefineEvent } from 'sigx';
|
|
2
|
+
export interface AccordionItem {
|
|
3
|
+
id: string;
|
|
4
|
+
title: string;
|
|
5
|
+
content: string;
|
|
6
|
+
}
|
|
7
|
+
export type AccordionVariant = 'arrow' | 'plus' | 'none';
|
|
8
|
+
export type AccordionType = 'radio' | 'details';
|
|
9
|
+
export type AccordionProps = DefineProp<'items', AccordionItem[], false> & DefineModel<'activeId', string> & DefineProp<'variant', AccordionVariant, false> & DefineProp<'join', boolean, false> & DefineProp<'type', AccordionType, false> & DefineProp<'class', string, false> & DefineSlot<'default'> & DefineEvent<'change', string>;
|
|
10
|
+
export type AccordionItemType = 'radio' | 'details';
|
|
11
|
+
export type AccordionItemProps = DefineProp<'title', string> & DefineProp<'name', string, false> & DefineProp<'open', boolean, false> & DefineProp<'forceOpen', boolean, false> & DefineProp<'forceClose', boolean, false> & DefineProp<'variant', AccordionVariant, false> & DefineProp<'type', AccordionItemType, false> & DefineProp<'class', string, false> & DefineSlot<'default'> & DefineSlot<'title'> & DefineEvent<'toggle', boolean>;
|
|
12
|
+
export type CollapseProps = DefineModel<boolean> & DefineProp<'title', string> & DefineProp<'variant', AccordionVariant, false> & DefineProp<'forceOpen', boolean, false> & DefineProp<'forceClose', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'> & DefineSlot<'title'> & DefineEvent<'toggle', boolean>;
|
|
13
|
+
/**
|
|
14
|
+
* Accordion with compound components for flexible usage.
|
|
15
|
+
*
|
|
16
|
+
* @example Using items array:
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <Accordion items={items} model:activeId={activeId} variant="arrow" />
|
|
19
|
+
* ```
|
|
20
|
+
*
|
|
21
|
+
* @example Using compound pattern:
|
|
22
|
+
* ```tsx
|
|
23
|
+
* <Accordion variant="arrow">
|
|
24
|
+
* <Accordion.Item title="Question 1">Answer 1</Accordion.Item>
|
|
25
|
+
* <Accordion.Item title="Question 2">Answer 2</Accordion.Item>
|
|
26
|
+
* </Accordion>
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export declare const Accordion: ((props: {
|
|
30
|
+
class?: string | undefined;
|
|
31
|
+
join?: boolean | undefined;
|
|
32
|
+
variant?: AccordionVariant | undefined;
|
|
33
|
+
type?: AccordionType | undefined;
|
|
34
|
+
items?: AccordionItem[] | undefined;
|
|
35
|
+
activeId?: import("@sigx/runtime-core").Model<string> | undefined;
|
|
36
|
+
} & {
|
|
37
|
+
"onUpdate:activeId"?: ((detail: string) => void) | undefined;
|
|
38
|
+
onChange?: ((detail: string) => void) | undefined;
|
|
39
|
+
} & {
|
|
40
|
+
slots?: Partial<{
|
|
41
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
42
|
+
}> | undefined;
|
|
43
|
+
} & {
|
|
44
|
+
activeId?: import("@sigx/runtime-core").Model<string> | import("@sigx/runtime-core").ModelBinding<string> | (() => string) | undefined;
|
|
45
|
+
} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
|
|
46
|
+
ref?: import("@sigx/runtime-core").Ref<void> | undefined;
|
|
47
|
+
children?: any;
|
|
48
|
+
}) => import("@sigx/runtime-core").JSXElement) & {
|
|
49
|
+
__setup: import("@sigx/runtime-core").SetupFn<{
|
|
50
|
+
items?: AccordionItem[] | undefined;
|
|
51
|
+
activeId?: import("@sigx/runtime-core").Model<string> | undefined;
|
|
52
|
+
variant?: AccordionVariant | undefined;
|
|
53
|
+
join?: boolean | undefined;
|
|
54
|
+
type?: AccordionType | undefined;
|
|
55
|
+
class?: string | undefined;
|
|
56
|
+
change?: import("@sigx/runtime-core").EventDefinition<string> | undefined;
|
|
57
|
+
}, AccordionProps, void, {
|
|
58
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
59
|
+
}>;
|
|
60
|
+
__name?: string;
|
|
61
|
+
__props: {
|
|
62
|
+
items?: AccordionItem[] | undefined;
|
|
63
|
+
activeId?: import("@sigx/runtime-core").Model<string> | undefined;
|
|
64
|
+
variant?: AccordionVariant | undefined;
|
|
65
|
+
join?: boolean | undefined;
|
|
66
|
+
type?: AccordionType | undefined;
|
|
67
|
+
class?: string | undefined;
|
|
68
|
+
change?: import("@sigx/runtime-core").EventDefinition<string> | undefined;
|
|
69
|
+
};
|
|
70
|
+
__events: AccordionProps;
|
|
71
|
+
__ref: void;
|
|
72
|
+
__slots: {
|
|
73
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
74
|
+
};
|
|
75
|
+
} & {
|
|
76
|
+
Item: import("@sigx/runtime-core").ComponentFactory<AccordionItemProps, void, {
|
|
77
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
78
|
+
} & {
|
|
79
|
+
title: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
80
|
+
}>;
|
|
81
|
+
Collapse: import("@sigx/runtime-core").ComponentFactory<CollapseProps, void, {
|
|
82
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
83
|
+
} & {
|
|
84
|
+
title: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
85
|
+
}>;
|
|
86
|
+
};
|
|
87
|
+
//# sourceMappingURL=Accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/feedback/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAM7F,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AACzD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,CAAC;AAEhD,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,GAC3C,WAAW,CAAC,UAAU,EAAE,MAAM,CAAC,GAC/B,UAAU,CAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,CAAC,GAC9C,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAsHpC,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GACxB,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,GAC3B,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,CAAC,GAC9C,UAAU,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,CAAC,GAC5C,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,UAAU,CAAC,OAAO,CAAC,GACnB,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAiFrC,MAAM,MAAM,aAAa,GACnB,WAAW,CAAC,OAAO,CAAC,GACpB,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,GAC3B,UAAU,CAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,CAAC,GAC9C,UAAU,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,UAAU,CAAC,OAAO,CAAC,GACnB,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAgErC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGpB,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type BadgeVariant = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'neutral';
|
|
3
|
+
export type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
4
|
+
export type BadgeProps = DefineProp<'variant', BadgeVariant, false> & DefineProp<'size', BadgeSize, false> & DefineProp<'outline', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
5
|
+
/**
|
|
6
|
+
* Badge component with DaisyUI styling.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <Badge variant="success">Active</Badge>
|
|
11
|
+
* <Badge variant="error" size="lg" outline>Error</Badge>
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
export declare const Badge: import("@sigx/runtime-core").ComponentFactory<BadgeProps, void, {
|
|
15
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
16
|
+
}>;
|
|
17
|
+
export type LoadingSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
18
|
+
export type LoadingType = 'spinner' | 'dots' | 'ring' | 'ball' | 'bars' | 'infinity';
|
|
19
|
+
export type LoadingProps = DefineProp<'type', LoadingType, false> & DefineProp<'size', LoadingSize, false> & DefineProp<'class', string, false>;
|
|
20
|
+
/**
|
|
21
|
+
* Loading indicator component with DaisyUI styling.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```tsx
|
|
25
|
+
* <Loading type="spinner" size="lg" />
|
|
26
|
+
* <Loading type="dots" />
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export declare const Loading: import("@sigx/runtime-core").ComponentFactory<LoadingProps, void, {}>;
|
|
30
|
+
export type AlertVariant = 'info' | 'success' | 'warning' | 'error';
|
|
31
|
+
export type AlertProps = DefineProp<'variant', AlertVariant, false> & DefineProp<'class', string, false> & DefineSlot<'default'> & DefineSlot<'icon'>;
|
|
32
|
+
/**
|
|
33
|
+
* Alert component with DaisyUI styling.
|
|
34
|
+
*
|
|
35
|
+
* @example
|
|
36
|
+
* ```tsx
|
|
37
|
+
* <Alert variant="success">Operation completed successfully!</Alert>
|
|
38
|
+
* <Alert variant="error">An error occurred.</Alert>
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
export declare const Alert: import("@sigx/runtime-core").ComponentFactory<AlertProps, void, {
|
|
42
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
43
|
+
} & {
|
|
44
|
+
icon: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
45
|
+
}>;
|
|
46
|
+
export type ProgressColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
|
|
47
|
+
export type ProgressProps = DefineProp<'value', number, false> & DefineProp<'max', number, false> & DefineProp<'color', ProgressColor, false> & DefineProp<'class', string, false>;
|
|
48
|
+
/**
|
|
49
|
+
* Progress bar component with DaisyUI styling.
|
|
50
|
+
*
|
|
51
|
+
* @example
|
|
52
|
+
* ```tsx
|
|
53
|
+
* <Progress value={75} max={100} color="primary" />
|
|
54
|
+
* ```
|
|
55
|
+
*/
|
|
56
|
+
export declare const Progress: import("@sigx/runtime-core").ComponentFactory<ProgressProps, void, {}>;
|
|
57
|
+
export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
58
|
+
export type TooltipColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
|
|
59
|
+
export type TooltipProps = DefineProp<'tip', string> & DefineProp<'position', TooltipPosition, false> & DefineProp<'color', TooltipColor, false> & DefineProp<'open', boolean, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
60
|
+
/**
|
|
61
|
+
* Tooltip component with DaisyUI styling.
|
|
62
|
+
*
|
|
63
|
+
* @example
|
|
64
|
+
* ```tsx
|
|
65
|
+
* <Tooltip tip="This is a tooltip" position="top">
|
|
66
|
+
* <Button>Hover me</Button>
|
|
67
|
+
* </Tooltip>
|
|
68
|
+
* ```
|
|
69
|
+
*/
|
|
70
|
+
export declare const Tooltip: import("@sigx/runtime-core").ComponentFactory<TooltipProps, void, {
|
|
71
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
72
|
+
}>;
|
|
73
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/feedback/Badge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { DefineProp } from 'sigx';
|
|
2
|
+
export type CountdownProps = DefineProp<'value', number> & DefineProp<'class', string, false>;
|
|
3
|
+
/**
|
|
4
|
+
* Countdown component with animated number transitions.
|
|
5
|
+
* Value should be between 0 and 99 for proper display.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* // Single countdown
|
|
10
|
+
* <Countdown value={42} />
|
|
11
|
+
*
|
|
12
|
+
* // Timer display with multiple countdowns
|
|
13
|
+
* <div class="flex gap-2">
|
|
14
|
+
* <Countdown value={hours()} />:
|
|
15
|
+
* <Countdown value={minutes()} />:
|
|
16
|
+
* <Countdown value={seconds()} />
|
|
17
|
+
* </div>
|
|
18
|
+
*
|
|
19
|
+
* // With labels
|
|
20
|
+
* <div class="flex gap-4">
|
|
21
|
+
* <div class="flex flex-col items-center">
|
|
22
|
+
* <Countdown value={15} />
|
|
23
|
+
* <span class="text-sm">days</span>
|
|
24
|
+
* </div>
|
|
25
|
+
* <div class="flex flex-col items-center">
|
|
26
|
+
* <Countdown value={10} />
|
|
27
|
+
* <span class="text-sm">hours</span>
|
|
28
|
+
* </div>
|
|
29
|
+
* </div>
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
export declare const Countdown: import("@sigx/runtime-core").ComponentFactory<CountdownProps, void, {}>;
|
|
33
|
+
//# sourceMappingURL=Countdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Countdown.d.ts","sourceRoot":"","sources":["../../src/feedback/Countdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,MAAM,CAAC;AAM7C,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,GAC3B,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAMzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,SAAS,yEAYpB,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type DiffProps = DefineProp<'aspectRatio', string, false> & DefineProp<'class', string, false> & DefineSlot<'first'> & DefineSlot<'second'>;
|
|
3
|
+
/**
|
|
4
|
+
* Diff component for side-by-side comparison of two items.
|
|
5
|
+
* Creates a draggable slider to reveal differences between two elements.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* // Image comparison
|
|
10
|
+
* <Diff
|
|
11
|
+
* slots={{
|
|
12
|
+
* first: () => <img src="before.jpg" alt="Before" />,
|
|
13
|
+
* second: () => <img src="after.jpg" alt="After" />
|
|
14
|
+
* }}
|
|
15
|
+
* />
|
|
16
|
+
*
|
|
17
|
+
* // Custom aspect ratio
|
|
18
|
+
* <Diff aspectRatio="4/3">
|
|
19
|
+
* <template #first>
|
|
20
|
+
* <img src="original.png" />
|
|
21
|
+
* </template>
|
|
22
|
+
* <template #second>
|
|
23
|
+
* <img src="edited.png" />
|
|
24
|
+
* </template>
|
|
25
|
+
* </Diff>
|
|
26
|
+
*
|
|
27
|
+
* // With any content
|
|
28
|
+
* <Diff>
|
|
29
|
+
* <template #first>
|
|
30
|
+
* <div class="bg-primary p-8">Version A</div>
|
|
31
|
+
* </template>
|
|
32
|
+
* <template #second>
|
|
33
|
+
* <div class="bg-secondary p-8">Version B</div>
|
|
34
|
+
* </template>
|
|
35
|
+
* </Diff>
|
|
36
|
+
* ```
|
|
37
|
+
*/
|
|
38
|
+
export declare const Diff: import("@sigx/runtime-core").ComponentFactory<DiffProps, void, {
|
|
39
|
+
first: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
40
|
+
} & {
|
|
41
|
+
second: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
42
|
+
}>;
|
|
43
|
+
//# sourceMappingURL=Diff.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Diff.d.ts","sourceRoot":"","sources":["../../src/feedback/Diff.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMzD,MAAM,MAAM,SAAS,GACf,UAAU,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,OAAO,CAAC,GACnB,UAAU,CAAC,QAAQ,CAAC,CAAC;AAM3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,IAAI;;;;EA0Bf,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { DefineProp, DefineEvent } from 'sigx';
|
|
2
|
+
export type FileInputSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
3
|
+
export type FileInputColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
|
|
4
|
+
export type FileInputProps = DefineProp<'accept', string, false> & DefineProp<'multiple', boolean, false> & DefineProp<'size', FileInputSize, false> & DefineProp<'color', FileInputColor, false> & DefineProp<'bordered', boolean, false> & DefineProp<'ghost', boolean, false> & DefineProp<'disabled', boolean, false> & DefineProp<'class', string, false> & DefineEvent<'change', FileList | null>;
|
|
5
|
+
/**
|
|
6
|
+
* File input component with DaisyUI styling.
|
|
7
|
+
* Provides styled file upload controls with events for handling selected files.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <FileInput
|
|
12
|
+
* accept="image/*"
|
|
13
|
+
* onChange={(files) => handleFiles(files)}
|
|
14
|
+
* color="primary"
|
|
15
|
+
* bordered
|
|
16
|
+
* />
|
|
17
|
+
*
|
|
18
|
+
* <FileInput
|
|
19
|
+
* multiple
|
|
20
|
+
* accept=".pdf,.doc,.docx"
|
|
21
|
+
* size="lg"
|
|
22
|
+
* color="secondary"
|
|
23
|
+
* onChange={(files) => uploadDocuments(files)}
|
|
24
|
+
* />
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
export declare const FileInput: import("@sigx/runtime-core").ComponentFactory<FileInputProps, void, {}>;
|
|
28
|
+
//# sourceMappingURL=FileInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../src/feedback/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAM1D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3G,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,GACxC,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,KAAK,CAAC,GAC1C,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,WAAW,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAC;AAuB7C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,SAAS,yEAgCpB,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type IndicatorPosition = 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
|
|
3
|
+
export type IndicatorProps = DefineProp<'position', IndicatorPosition, false> & DefineProp<'class', string, false> & DefineSlot<'default'> & DefineSlot<'indicator'>;
|
|
4
|
+
/**
|
|
5
|
+
* Indicator component to place an element on the corner of another element.
|
|
6
|
+
* Commonly used for notification badges, status dots, etc.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* // Badge indicator
|
|
11
|
+
* <Indicator
|
|
12
|
+
* position="top-end"
|
|
13
|
+
* slots={{
|
|
14
|
+
* indicator: () => <Badge variant="error">99+</Badge>
|
|
15
|
+
* }}
|
|
16
|
+
* >
|
|
17
|
+
* <Button>Inbox</Button>
|
|
18
|
+
* </Indicator>
|
|
19
|
+
*
|
|
20
|
+
* // Status dot on avatar
|
|
21
|
+
* <Indicator position="bottom-end">
|
|
22
|
+
* <template #indicator>
|
|
23
|
+
* <span class="badge badge-xs badge-success"></span>
|
|
24
|
+
* </template>
|
|
25
|
+
* <img src="/avatar.jpg" class="w-12 h-12 rounded-full" />
|
|
26
|
+
* </Indicator>
|
|
27
|
+
*
|
|
28
|
+
* // Multiple indicators
|
|
29
|
+
* <Indicator position="top-start">
|
|
30
|
+
* <template #indicator>
|
|
31
|
+
* <Badge variant="info">New</Badge>
|
|
32
|
+
* </template>
|
|
33
|
+
* <Indicator position="top-end">
|
|
34
|
+
* <template #indicator>
|
|
35
|
+
* <Badge variant="error">3</Badge>
|
|
36
|
+
* </template>
|
|
37
|
+
* <Card>Content</Card>
|
|
38
|
+
* </Indicator>
|
|
39
|
+
* </Indicator>
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
export declare const Indicator: import("@sigx/runtime-core").ComponentFactory<IndicatorProps, void, {
|
|
43
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
44
|
+
} & {
|
|
45
|
+
indicator: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
46
|
+
}>;
|
|
47
|
+
//# sourceMappingURL=Indicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Indicator.d.ts","sourceRoot":"","sources":["../../src/feedback/Indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMzD,MAAM,MAAM,iBAAiB,GACvB,WAAW,GACX,YAAY,GACZ,SAAS,GACT,cAAc,GACd,eAAe,GACf,YAAY,GACZ,cAAc,GACd,eAAe,GACf,YAAY,CAAC;AAEnB,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,UAAU,EAAE,iBAAiB,EAAE,KAAK,CAAC,GAChD,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,GACrB,UAAU,CAAC,WAAW,CAAC,CAAC;AAkB9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,SAAS;;;;EAkBpB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type KbdSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
3
|
+
export type KbdProps = DefineProp<'size', KbdSize, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
4
|
+
/**
|
|
5
|
+
* Keyboard key component for displaying keyboard shortcuts.
|
|
6
|
+
* Renders styled keyboard key indicators.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* // Single key
|
|
11
|
+
* <Kbd>K</Kbd>
|
|
12
|
+
*
|
|
13
|
+
* // Key combination
|
|
14
|
+
* <Kbd>⌘</Kbd> + <Kbd>K</Kbd>
|
|
15
|
+
*
|
|
16
|
+
* // Different sizes
|
|
17
|
+
* <Kbd size="xs">Ctrl</Kbd>
|
|
18
|
+
* <Kbd size="lg">Enter</Kbd>
|
|
19
|
+
*
|
|
20
|
+
* // Full shortcut display
|
|
21
|
+
* <div class="flex gap-1">
|
|
22
|
+
* <Kbd>Ctrl</Kbd>
|
|
23
|
+
* <Kbd>Shift</Kbd>
|
|
24
|
+
* <Kbd>P</Kbd>
|
|
25
|
+
* </div>
|
|
26
|
+
* ```
|
|
27
|
+
*/
|
|
28
|
+
export declare const Kbd: import("@sigx/runtime-core").ComponentFactory<KbdProps, void, {
|
|
29
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
30
|
+
}>;
|
|
31
|
+
//# sourceMappingURL=Kbd.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../src/feedback/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMzD,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,QAAQ,GACd,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAa5B;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,GAAG;;EAYd,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot, DefineModel, DefineEvent } from 'sigx';
|
|
2
|
+
export type ModalProps = DefineModel<boolean> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
3
|
+
export type ModalHeaderProps = DefineProp<'class', string, false> & DefineEvent<'close'> & DefineSlot<'default'>;
|
|
4
|
+
export type ModalBodyProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
5
|
+
export type ModalActionsProps = DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
6
|
+
/**
|
|
7
|
+
* Modal compound component with Header, Body, and Actions sub-components.
|
|
8
|
+
*/
|
|
9
|
+
export declare const Modal: ((props: {
|
|
10
|
+
class?: string | undefined;
|
|
11
|
+
model?: import("@sigx/runtime-core").Model<boolean> | undefined;
|
|
12
|
+
} & {
|
|
13
|
+
"onUpdate:modelValue"?: ((detail: boolean) => void) | undefined;
|
|
14
|
+
} & {
|
|
15
|
+
slots?: Partial<{
|
|
16
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
17
|
+
}> | undefined;
|
|
18
|
+
} & {
|
|
19
|
+
model?: import("@sigx/runtime-core").Model<boolean> | import("@sigx/runtime-core").ModelBinding<boolean> | (() => boolean) | undefined;
|
|
20
|
+
} & JSX.IntrinsicAttributes & import("@sigx/runtime-core").ComponentAttributeExtensions & {
|
|
21
|
+
ref?: import("@sigx/runtime-core").Ref<void> | undefined;
|
|
22
|
+
children?: any;
|
|
23
|
+
}) => import("@sigx/runtime-core").JSXElement) & {
|
|
24
|
+
__setup: import("@sigx/runtime-core").SetupFn<{
|
|
25
|
+
model?: import("@sigx/runtime-core").Model<boolean> | undefined;
|
|
26
|
+
class?: string | undefined;
|
|
27
|
+
}, ModalProps, void, {
|
|
28
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
29
|
+
}>;
|
|
30
|
+
__name?: string;
|
|
31
|
+
__props: {
|
|
32
|
+
model?: import("@sigx/runtime-core").Model<boolean> | undefined;
|
|
33
|
+
class?: string | undefined;
|
|
34
|
+
};
|
|
35
|
+
__events: ModalProps;
|
|
36
|
+
__ref: void;
|
|
37
|
+
__slots: {
|
|
38
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
39
|
+
};
|
|
40
|
+
} & {
|
|
41
|
+
Header: import("@sigx/runtime-core").ComponentFactory<ModalHeaderProps, void, {
|
|
42
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
43
|
+
}>;
|
|
44
|
+
Body: import("@sigx/runtime-core").ComponentFactory<ModalBodyProps, void, {
|
|
45
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
46
|
+
}>;
|
|
47
|
+
Actions: import("@sigx/runtime-core").ComponentFactory<ModalActionsProps, void, {
|
|
48
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
49
|
+
}>;
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/feedback/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAA6B,MAAM,MAAM,CAAC;AAMxH,MAAM,MAAM,UAAU,GAChB,WAAW,CAAC,OAAO,CAAC,GACpB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAgF5B,MAAM,MAAM,gBAAgB,GACtB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,WAAW,CAAC,OAAO,CAAC,GACpB,UAAU,CAAC,SAAS,CAAC,CAAC;AA0B5B,MAAM,MAAM,cAAc,GACpB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAiB5B,MAAM,MAAM,iBAAiB,GACvB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAa5B;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIhB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { DefineProp, DefineSlot } from 'sigx';
|
|
2
|
+
export type RadialProgressColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
|
|
3
|
+
export type RadialProgressProps = DefineProp<'value', number> & DefineProp<'size', string, false> & DefineProp<'thickness', string, false> & DefineProp<'color', RadialProgressColor, false> & DefineProp<'class', string, false> & DefineSlot<'default'>;
|
|
4
|
+
/**
|
|
5
|
+
* Radial/circular progress indicator component.
|
|
6
|
+
* Displays progress as a circular arc with customizable size and color.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* // Basic progress
|
|
11
|
+
* <RadialProgress value={70}>70%</RadialProgress>
|
|
12
|
+
*
|
|
13
|
+
* // With color
|
|
14
|
+
* <RadialProgress value={85} color="primary">85%</RadialProgress>
|
|
15
|
+
*
|
|
16
|
+
* // Custom size and thickness
|
|
17
|
+
* <RadialProgress
|
|
18
|
+
* value={50}
|
|
19
|
+
* size="12rem"
|
|
20
|
+
* thickness="4px"
|
|
21
|
+
* color="success"
|
|
22
|
+
* >
|
|
23
|
+
* 50%
|
|
24
|
+
* </RadialProgress>
|
|
25
|
+
*
|
|
26
|
+
* // With custom content
|
|
27
|
+
* <RadialProgress value={100} color="success">
|
|
28
|
+
* <span class="text-2xl">✓</span>
|
|
29
|
+
* </RadialProgress>
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
export declare const RadialProgress: import("@sigx/runtime-core").ComponentFactory<RadialProgressProps, void, {
|
|
33
|
+
default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;
|
|
34
|
+
}>;
|
|
35
|
+
//# sourceMappingURL=RadialProgress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadialProgress.d.ts","sourceRoot":"","sources":["../../src/feedback/RadialProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAMzD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhH,MAAM,MAAM,mBAAmB,GACzB,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,GAC3B,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GACjC,UAAU,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,mBAAmB,EAAE,KAAK,CAAC,GAC/C,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,SAAS,CAAC,CAAC;AAM5B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,cAAc;;EAsBzB,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { DefineProp, DefineModel, DefineEvent } from 'sigx';
|
|
2
|
+
export type RatingSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
3
|
+
export type RatingMask = 'star' | 'star-2' | 'heart' | 'circle' | 'diamond' | 'hexagon' | 'decagon' | 'triangle';
|
|
4
|
+
export type RatingColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
|
|
5
|
+
export type RatingProps = DefineModel<number> & DefineProp<'max', number, false> & DefineProp<'size', RatingSize, false> & DefineProp<'mask', RatingMask, false> & DefineProp<'half', boolean, false> & DefineProp<'readOnly', boolean, false> & DefineProp<'color', RatingColor, false> & DefineProp<'class', string, false> & DefineEvent<'change', number>;
|
|
6
|
+
/**
|
|
7
|
+
* Rating component with DaisyUI styling and two-way model binding.
|
|
8
|
+
* Supports different sizes, mask shapes, colors, and half-star ratings.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* const rating = signal(3);
|
|
13
|
+
*
|
|
14
|
+
* // Basic rating with model binding
|
|
15
|
+
* <Rating model={rating} max={5} mask="star" color="warning" />
|
|
16
|
+
*
|
|
17
|
+
* // Read-only rating
|
|
18
|
+
* <Rating model={rating} readOnly />
|
|
19
|
+
*
|
|
20
|
+
* // Half-star rating
|
|
21
|
+
* <Rating model={rating} half max={5} color="primary" />
|
|
22
|
+
*
|
|
23
|
+
* // Heart-shaped rating
|
|
24
|
+
* <Rating model={rating} mask="heart" color="error" />
|
|
25
|
+
*
|
|
26
|
+
* // With change event
|
|
27
|
+
* <Rating
|
|
28
|
+
* model={rating}
|
|
29
|
+
* onChange={(value) => console.log('New rating:', value)}
|
|
30
|
+
* />
|
|
31
|
+
* ```
|
|
32
|
+
*/
|
|
33
|
+
export declare const Rating: import("@sigx/runtime-core").ComponentFactory<RatingProps, void, {}>;
|
|
34
|
+
//# sourceMappingURL=Rating.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../src/feedback/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAMvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACjH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExG,MAAM,MAAM,WAAW,GACjB,WAAW,CAAC,MAAM,CAAC,GACnB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAChC,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,GACrC,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACtC,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,CAAC,GACvC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAkCpC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,MAAM,sEAqEjB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { DefineProp } from 'sigx';
|
|
2
|
+
export type SkeletonProps = DefineProp<'width', string, false> & DefineProp<'height', string, false> & DefineProp<'circle', boolean, false> & DefineProp<'class', string, false>;
|
|
3
|
+
/**
|
|
4
|
+
* Skeleton loading placeholder component.
|
|
5
|
+
* Displays animated loading placeholders for content.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* // Basic skeleton
|
|
10
|
+
* <Skeleton width="100%" height="2rem" />
|
|
11
|
+
*
|
|
12
|
+
* // Circle skeleton for avatar
|
|
13
|
+
* <Skeleton circle width="4rem" height="4rem" />
|
|
14
|
+
*
|
|
15
|
+
* // Card skeleton layout
|
|
16
|
+
* <div class="space-y-2">
|
|
17
|
+
* <Skeleton circle width="3rem" height="3rem" />
|
|
18
|
+
* <Skeleton width="100%" height="1rem" />
|
|
19
|
+
* <Skeleton width="80%" height="1rem" />
|
|
20
|
+
* </div>
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export declare const Skeleton: import("@sigx/runtime-core").ComponentFactory<SkeletonProps, void, {}>;
|
|
24
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/feedback/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,MAAM,CAAC;AAM7C,MAAM,MAAM,aAAa,GACnB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GAClC,UAAU,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,GACnC,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GACpC,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAMzC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,QAAQ,wEAgBnB,CAAC"}
|