@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.
Files changed (146) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +235 -0
  3. package/dist/buttons/Button.d.ts +18 -0
  4. package/dist/buttons/Button.d.ts.map +1 -0
  5. package/dist/buttons/ButtonGroup.d.ts +18 -0
  6. package/dist/buttons/ButtonGroup.d.ts.map +1 -0
  7. package/dist/buttons/index.d.ts +5 -0
  8. package/dist/buttons/index.d.ts.map +1 -0
  9. package/dist/buttons/index.js +2 -0
  10. package/dist/buttons-Dtj_5Uc3.js +61 -0
  11. package/dist/buttons-Dtj_5Uc3.js.map +1 -0
  12. package/dist/data/Table.d.ts +92 -0
  13. package/dist/data/Table.d.ts.map +1 -0
  14. package/dist/data/index.d.ts +3 -0
  15. package/dist/data/index.d.ts.map +1 -0
  16. package/dist/data/index.js +2 -0
  17. package/dist/data-wxNpnX83.js +153 -0
  18. package/dist/data-wxNpnX83.js.map +1 -0
  19. package/dist/feedback/Accordion.d.ts +87 -0
  20. package/dist/feedback/Accordion.d.ts.map +1 -0
  21. package/dist/feedback/Badge.d.ts +73 -0
  22. package/dist/feedback/Badge.d.ts.map +1 -0
  23. package/dist/feedback/Countdown.d.ts +33 -0
  24. package/dist/feedback/Countdown.d.ts.map +1 -0
  25. package/dist/feedback/Diff.d.ts +43 -0
  26. package/dist/feedback/Diff.d.ts.map +1 -0
  27. package/dist/feedback/FileInput.d.ts +28 -0
  28. package/dist/feedback/FileInput.d.ts.map +1 -0
  29. package/dist/feedback/Indicator.d.ts +47 -0
  30. package/dist/feedback/Indicator.d.ts.map +1 -0
  31. package/dist/feedback/Kbd.d.ts +31 -0
  32. package/dist/feedback/Kbd.d.ts.map +1 -0
  33. package/dist/feedback/Modal.d.ts +51 -0
  34. package/dist/feedback/Modal.d.ts.map +1 -0
  35. package/dist/feedback/RadialProgress.d.ts +35 -0
  36. package/dist/feedback/RadialProgress.d.ts.map +1 -0
  37. package/dist/feedback/Rating.d.ts +34 -0
  38. package/dist/feedback/Rating.d.ts.map +1 -0
  39. package/dist/feedback/Skeleton.d.ts +24 -0
  40. package/dist/feedback/Skeleton.d.ts.map +1 -0
  41. package/dist/feedback/Steps.d.ts +60 -0
  42. package/dist/feedback/Steps.d.ts.map +1 -0
  43. package/dist/feedback/Swap.d.ts +53 -0
  44. package/dist/feedback/Swap.d.ts.map +1 -0
  45. package/dist/feedback/Timeline.d.ts +76 -0
  46. package/dist/feedback/Timeline.d.ts.map +1 -0
  47. package/dist/feedback/Toast.d.ts +30 -0
  48. package/dist/feedback/Toast.d.ts.map +1 -0
  49. package/dist/feedback/index.d.ts +31 -0
  50. package/dist/feedback/index.d.ts.map +1 -0
  51. package/dist/feedback/index.js +2 -0
  52. package/dist/feedback-DFutN-Kz.js +817 -0
  53. package/dist/feedback-DFutN-Kz.js.map +1 -0
  54. package/dist/forms/Checkbox.d.ts +15 -0
  55. package/dist/forms/Checkbox.d.ts.map +1 -0
  56. package/dist/forms/FormField.d.ts +16 -0
  57. package/dist/forms/FormField.d.ts.map +1 -0
  58. package/dist/forms/Input.d.ts +19 -0
  59. package/dist/forms/Input.d.ts.map +1 -0
  60. package/dist/forms/Radio.d.ts +78 -0
  61. package/dist/forms/Radio.d.ts.map +1 -0
  62. package/dist/forms/Range.d.ts +15 -0
  63. package/dist/forms/Range.d.ts.map +1 -0
  64. package/dist/forms/Select.d.ts +28 -0
  65. package/dist/forms/Select.d.ts.map +1 -0
  66. package/dist/forms/Textarea.d.ts +17 -0
  67. package/dist/forms/Textarea.d.ts.map +1 -0
  68. package/dist/forms/Toggle.d.ts +15 -0
  69. package/dist/forms/Toggle.d.ts.map +1 -0
  70. package/dist/forms/index.d.ts +17 -0
  71. package/dist/forms/index.d.ts.map +1 -0
  72. package/dist/forms/index.js +2 -0
  73. package/dist/forms-CuvlRMro.js +362 -0
  74. package/dist/forms-CuvlRMro.js.map +1 -0
  75. package/dist/index.d.ts +38 -0
  76. package/dist/index.d.ts.map +1 -0
  77. package/dist/index.js +9 -0
  78. package/dist/layout/Card.d.ts +65 -0
  79. package/dist/layout/Card.d.ts.map +1 -0
  80. package/dist/layout/Carousel.d.ts +56 -0
  81. package/dist/layout/Carousel.d.ts.map +1 -0
  82. package/dist/layout/Chat.d.ts +54 -0
  83. package/dist/layout/Chat.d.ts.map +1 -0
  84. package/dist/layout/Container.d.ts +17 -0
  85. package/dist/layout/Container.d.ts.map +1 -0
  86. package/dist/layout/Divider.d.ts +22 -0
  87. package/dist/layout/Divider.d.ts.map +1 -0
  88. package/dist/layout/Flex.d.ts +59 -0
  89. package/dist/layout/Flex.d.ts.map +1 -0
  90. package/dist/layout/Footer.d.ts +25 -0
  91. package/dist/layout/Footer.d.ts.map +1 -0
  92. package/dist/layout/Hero.d.ts +52 -0
  93. package/dist/layout/Hero.d.ts.map +1 -0
  94. package/dist/layout/Join.d.ts +40 -0
  95. package/dist/layout/Join.d.ts.map +1 -0
  96. package/dist/layout/Link.d.ts +20 -0
  97. package/dist/layout/Link.d.ts.map +1 -0
  98. package/dist/layout/Mask.d.ts +26 -0
  99. package/dist/layout/Mask.d.ts.map +1 -0
  100. package/dist/layout/Mockup.d.ts +95 -0
  101. package/dist/layout/Mockup.d.ts.map +1 -0
  102. package/dist/layout/Stack.d.ts +45 -0
  103. package/dist/layout/Stack.d.ts.map +1 -0
  104. package/dist/layout/index.d.ts +46 -0
  105. package/dist/layout/index.d.ts.map +1 -0
  106. package/dist/layout/index.js +2 -0
  107. package/dist/layout-0aaJX4B2.js +554 -0
  108. package/dist/layout-0aaJX4B2.js.map +1 -0
  109. package/dist/navigation/Breadcrumbs.d.ts +22 -0
  110. package/dist/navigation/Breadcrumbs.d.ts.map +1 -0
  111. package/dist/navigation/Drawer.d.ts +25 -0
  112. package/dist/navigation/Drawer.d.ts.map +1 -0
  113. package/dist/navigation/Dropdown.d.ts +40 -0
  114. package/dist/navigation/Dropdown.d.ts.map +1 -0
  115. package/dist/navigation/MenuComponent.d.ts +54 -0
  116. package/dist/navigation/MenuComponent.d.ts.map +1 -0
  117. package/dist/navigation/Navbar.d.ts +23 -0
  118. package/dist/navigation/Navbar.d.ts.map +1 -0
  119. package/dist/navigation/Pagination.d.ts +12 -0
  120. package/dist/navigation/Pagination.d.ts.map +1 -0
  121. package/dist/navigation/Tabs.d.ts +35 -0
  122. package/dist/navigation/Tabs.d.ts.map +1 -0
  123. package/dist/navigation/index.d.ts +15 -0
  124. package/dist/navigation/index.d.ts.map +1 -0
  125. package/dist/navigation/index.js +2 -0
  126. package/dist/navigation-4cwyfLvr.js +285 -0
  127. package/dist/navigation-4cwyfLvr.js.map +1 -0
  128. package/dist/shared/styles.d.ts +79 -0
  129. package/dist/shared/styles.d.ts.map +1 -0
  130. package/dist/styles-DFkMxi90.js +126 -0
  131. package/dist/styles-DFkMxi90.js.map +1 -0
  132. package/dist/theme/ThemeProvider.d.ts +73 -0
  133. package/dist/theme/ThemeProvider.d.ts.map +1 -0
  134. package/dist/theme/index.d.ts +3 -0
  135. package/dist/theme/index.d.ts.map +1 -0
  136. package/dist/theme/index.js +2 -0
  137. package/dist/theme-D9CUMvuT.js +118 -0
  138. package/dist/theme-D9CUMvuT.js.map +1 -0
  139. package/dist/typography/Text.d.ts +47 -0
  140. package/dist/typography/Text.d.ts.map +1 -0
  141. package/dist/typography/index.d.ts +3 -0
  142. package/dist/typography/index.d.ts.map +1 -0
  143. package/dist/typography/index.js +2 -0
  144. package/dist/typography-CU1RMGKA.js +112 -0
  145. package/dist/typography-CU1RMGKA.js.map +1 -0
  146. 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":"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"}
@@ -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"}