@vritti/quantum-ui 0.2.9 → 0.2.10

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 (180) hide show
  1. package/dist/Alert.js +7 -2
  2. package/dist/Alert.js.map +1 -1
  3. package/dist/Avatar.js +5 -5
  4. package/dist/Badge.js +2 -28
  5. package/dist/Badge.js.map +1 -1
  6. package/dist/Badge2.js +30 -0
  7. package/dist/Badge2.js.map +1 -0
  8. package/dist/Button.js +1 -1
  9. package/dist/Button2.js +35 -16
  10. package/dist/Button2.js.map +1 -1
  11. package/dist/Card.js +1 -1
  12. package/dist/Chart.js +1 -1
  13. package/dist/Checkbox.js +2 -289
  14. package/dist/Checkbox.js.map +1 -1
  15. package/dist/Checkbox2.js +292 -0
  16. package/dist/Checkbox2.js.map +1 -0
  17. package/dist/Combination.js +5 -5
  18. package/dist/DatePicker.js +3 -325
  19. package/dist/DatePicker.js.map +1 -1
  20. package/dist/DropdownMenu.js +77 -7
  21. package/dist/DropdownMenu.js.map +1 -1
  22. package/dist/Form.js +23 -6
  23. package/dist/Form.js.map +1 -1
  24. package/dist/Label.js +2 -2
  25. package/dist/OTPField.js +1 -1
  26. package/dist/PasswordField.js +1 -1
  27. package/dist/PhoneField.js +6 -6
  28. package/dist/PhoneField.js.map +1 -1
  29. package/dist/Progress.js +3 -3
  30. package/dist/Skeleton.js +1 -1
  31. package/dist/Sonner.js +4 -1
  32. package/dist/Sonner.js.map +1 -1
  33. package/dist/Spinner.js +1 -1
  34. package/dist/Switch.js +4 -4
  35. package/dist/TextArea.js +1 -1
  36. package/dist/TextField.js +4 -3
  37. package/dist/TextField.js.map +1 -1
  38. package/dist/ThemeContext.js +2 -8
  39. package/dist/ThemeContext.js.map +1 -1
  40. package/dist/Toggle.js +3 -3
  41. package/dist/Typography.js +1 -1
  42. package/dist/assets/quantum-ui.css +31 -31
  43. package/dist/{chevron-down.js → chevron-left.js} +4 -4
  44. package/dist/chevron-left.js.map +1 -0
  45. package/dist/components/Badge.js +2 -1
  46. package/dist/components/Badge.js.map +1 -1
  47. package/dist/components/DataTable.js +2 -0
  48. package/dist/components/DataTable.js.map +1 -0
  49. package/dist/components/Select.js +1379 -0
  50. package/dist/components/Select.js.map +1 -0
  51. package/dist/field.js +2 -2
  52. package/dist/hooks/index.js +1 -0
  53. package/dist/hooks/index.js.map +1 -1
  54. package/dist/index.js +9 -5
  55. package/dist/index.js.map +1 -1
  56. package/dist/index10.js +10 -99
  57. package/dist/index10.js.map +1 -1
  58. package/dist/index11.js +35 -73
  59. package/dist/index11.js.map +1 -1
  60. package/dist/index12.js +1 -1
  61. package/dist/index13.js +3 -3
  62. package/dist/index2.js +65 -58
  63. package/dist/index2.js.map +1 -1
  64. package/dist/index3.js +60 -8
  65. package/dist/index3.js.map +1 -1
  66. package/dist/index4.js +80 -106
  67. package/dist/index4.js.map +1 -1
  68. package/dist/index5.js +42 -37
  69. package/dist/index5.js.map +1 -1
  70. package/dist/index6.js +9 -4
  71. package/dist/index6.js.map +1 -1
  72. package/dist/index7.js +125 -10
  73. package/dist/index7.js.map +1 -1
  74. package/dist/index8.js +37 -42
  75. package/dist/index8.js.map +1 -1
  76. package/dist/index9.js +4 -37
  77. package/dist/index9.js.map +1 -1
  78. package/dist/lib/components/Alert/Alert.d.ts +2 -1
  79. package/dist/lib/components/Alert/Alert.d.ts.map +1 -1
  80. package/dist/lib/components/DataTable/DataTable.d.ts +15 -0
  81. package/dist/lib/components/DataTable/DataTable.d.ts.map +1 -0
  82. package/dist/lib/components/DataTable/components/DataTableColumnHeader.d.ts +12 -0
  83. package/dist/lib/components/DataTable/components/DataTableColumnHeader.d.ts.map +1 -0
  84. package/dist/lib/components/DataTable/components/DataTableEmpty.d.ts +13 -0
  85. package/dist/lib/components/DataTable/components/DataTableEmpty.d.ts.map +1 -0
  86. package/dist/lib/components/DataTable/components/DataTablePagination.d.ts +13 -0
  87. package/dist/lib/components/DataTable/components/DataTablePagination.d.ts.map +1 -0
  88. package/dist/lib/components/DataTable/components/DataTableToolbar.d.ts +15 -0
  89. package/dist/lib/components/DataTable/components/DataTableToolbar.d.ts.map +1 -0
  90. package/dist/lib/components/DataTable/components/DataTableViewOptions.d.ts +11 -0
  91. package/dist/lib/components/DataTable/components/DataTableViewOptions.d.ts.map +1 -0
  92. package/dist/lib/components/DataTable/hooks/useDataTable.d.ts +3 -0
  93. package/dist/lib/components/DataTable/hooks/useDataTable.d.ts.map +1 -0
  94. package/dist/lib/components/DataTable/index.d.ts +10 -0
  95. package/dist/lib/components/DataTable/index.d.ts.map +1 -0
  96. package/dist/lib/components/DataTable/types.d.ts +67 -0
  97. package/dist/lib/components/DataTable/types.d.ts.map +1 -0
  98. package/dist/lib/components/DataTable/utils.d.ts +3 -0
  99. package/dist/lib/components/DataTable/utils.d.ts.map +1 -0
  100. package/dist/lib/components/Form/Form.d.ts +2 -1
  101. package/dist/lib/components/Form/Form.d.ts.map +1 -1
  102. package/dist/lib/components/PhoneField/PhoneField.d.ts +1 -0
  103. package/dist/lib/components/PhoneField/PhoneField.d.ts.map +1 -1
  104. package/dist/lib/components/Select/Select.d.ts +23 -0
  105. package/dist/lib/components/Select/Select.d.ts.map +1 -0
  106. package/dist/lib/components/Select/components/MultiSelect/MultiSelect.d.ts +25 -0
  107. package/dist/lib/components/Select/components/MultiSelect/MultiSelect.d.ts.map +1 -0
  108. package/dist/lib/components/Select/components/MultiSelect/MultiSelectFilter.d.ts +21 -0
  109. package/dist/lib/components/Select/components/MultiSelect/MultiSelectFilter.d.ts.map +1 -0
  110. package/dist/lib/components/Select/components/SingleSelect/SingleSelect.d.ts +25 -0
  111. package/dist/lib/components/Select/components/SingleSelect/SingleSelect.d.ts.map +1 -0
  112. package/dist/lib/components/Select/components/SingleSelect/SingleSelectFilter.d.ts +21 -0
  113. package/dist/lib/components/Select/components/SingleSelect/SingleSelectFilter.d.ts.map +1 -0
  114. package/dist/lib/components/Select/hooks/useMultiSelect.d.ts +32 -0
  115. package/dist/lib/components/Select/hooks/useMultiSelect.d.ts.map +1 -0
  116. package/dist/lib/components/Select/hooks/useSelect.d.ts +23 -0
  117. package/dist/lib/components/Select/hooks/useSelect.d.ts.map +1 -0
  118. package/dist/lib/components/Select/hooks/useSingleSelect.d.ts +30 -0
  119. package/dist/lib/components/Select/hooks/useSingleSelect.d.ts.map +1 -0
  120. package/dist/lib/components/Select/index.d.ts +38 -0
  121. package/dist/lib/components/Select/index.d.ts.map +1 -0
  122. package/dist/lib/components/Select/types.d.ts +31 -0
  123. package/dist/lib/components/Select/types.d.ts.map +1 -0
  124. package/dist/lib/components/TextField/TextField.d.ts.map +1 -1
  125. package/dist/lib/components/index.d.ts +2 -1
  126. package/dist/lib/components/index.d.ts.map +1 -1
  127. package/dist/lib/context/ThemeContext.d.ts +1 -1
  128. package/dist/lib/context/ThemeContext.d.ts.map +1 -1
  129. package/dist/lib/context/index.d.ts +1 -1
  130. package/dist/lib/context/index.d.ts.map +1 -1
  131. package/dist/lib/hooks/index.d.ts +2 -1
  132. package/dist/lib/hooks/index.d.ts.map +1 -1
  133. package/dist/lib/hooks/useSSE.d.ts +21 -0
  134. package/dist/lib/hooks/useSSE.d.ts.map +1 -0
  135. package/dist/lib/index.d.ts +2 -2
  136. package/dist/lib/index.d.ts.map +1 -1
  137. package/dist/lib/utils/axios.d.ts.map +1 -1
  138. package/dist/popover.js +329 -0
  139. package/dist/popover.js.map +1 -0
  140. package/dist/separator2.js +2 -2
  141. package/dist/shadcn/shadcnAlert/alert.d.ts.map +1 -1
  142. package/dist/shadcn/shadcnAlert/index.d.ts +1 -1
  143. package/dist/shadcn/shadcnAlert/index.d.ts.map +1 -1
  144. package/dist/shadcn/shadcnBadge/Badge.d.ts +1 -1
  145. package/dist/shadcn/shadcnButton/Button.d.ts +2 -2
  146. package/dist/shadcn/shadcnButton/Button.d.ts.map +1 -1
  147. package/dist/shadcn/shadcnInputOTP/InputOTP.d.ts +2 -2
  148. package/dist/shadcn/shadcnMultiSelect/index.d.ts +3 -0
  149. package/dist/shadcn/shadcnMultiSelect/index.d.ts.map +1 -0
  150. package/dist/shadcn/shadcnMultiSelect/multi-select.d.ts +61 -0
  151. package/dist/shadcn/shadcnMultiSelect/multi-select.d.ts.map +1 -0
  152. package/dist/shadcn/shadcnSingleSelect/index.d.ts +3 -0
  153. package/dist/shadcn/shadcnSingleSelect/index.d.ts.map +1 -0
  154. package/dist/shadcn/shadcnSingleSelect/single-select.d.ts +60 -0
  155. package/dist/shadcn/shadcnSingleSelect/single-select.d.ts.map +1 -0
  156. package/dist/shadcn/shadcnSonner/sonner.d.ts +1 -1
  157. package/dist/shadcn/shadcnSonner/sonner.d.ts.map +1 -1
  158. package/dist/useSSE.js +82 -0
  159. package/dist/useSSE.js.map +1 -0
  160. package/dist/useTheme.js.map +1 -1
  161. package/dist/utils/axios.js +4167 -2
  162. package/dist/utils/axios.js.map +1 -1
  163. package/dist/utils.js +3748 -2970
  164. package/dist/utils.js.map +1 -1
  165. package/dist/utils2.js +3042 -0
  166. package/dist/utils2.js.map +1 -0
  167. package/dist/x.js +18 -0
  168. package/dist/x.js.map +1 -0
  169. package/package.json +11 -5
  170. package/dist/SelectField.js +0 -1351
  171. package/dist/SelectField.js.map +0 -1
  172. package/dist/axios.js +0 -4228
  173. package/dist/axios.js.map +0 -1
  174. package/dist/chevron-down.js.map +0 -1
  175. package/dist/components/SelectField.js +0 -2
  176. package/dist/components/SelectField.js.map +0 -1
  177. package/dist/lib/components/SelectField/SelectField.d.ts +0 -24
  178. package/dist/lib/components/SelectField/SelectField.d.ts.map +0 -1
  179. package/dist/lib/components/SelectField/index.d.ts +0 -3
  180. package/dist/lib/components/SelectField/index.d.ts.map +0 -1
package/dist/Alert.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
- import { c as cn } from './utils.js';
3
- import { c as cva } from './index8.js';
2
+ import { c as cn } from './utils2.js';
3
+ import { c as cva } from './index5.js';
4
4
  import { I as Info, T as TriangleAlert } from './triangle-alert.js';
5
5
  import { c as createLucideIcon } from './createLucideIcon.js';
6
6
 
@@ -79,6 +79,9 @@ function AlertDescription({ className, ...props }) {
79
79
  }
80
80
  );
81
81
  }
82
+ function AlertAction({ className, ...props }) {
83
+ return /* @__PURE__ */ jsx("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props });
84
+ }
82
85
 
83
86
  const variantIcons = {
84
87
  default: Info,
@@ -91,6 +94,7 @@ function Alert({
91
94
  variant = "default",
92
95
  title,
93
96
  description,
97
+ action,
94
98
  icon,
95
99
  hideIcon = false,
96
100
  children,
@@ -102,6 +106,7 @@ function Alert({
102
106
  !hideIcon && (icon ?? /* @__PURE__ */ jsx(IconComponent, { className: "h-4 w-4" })),
103
107
  title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
104
108
  description && /* @__PURE__ */ jsx(AlertDescription, { children: description }),
109
+ action && /* @__PURE__ */ jsx(AlertAction, { children: action }),
105
110
  children
106
111
  ] });
107
112
  }
package/dist/Alert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sources":["../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-alert.js","../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-check.js","../shadcn/shadcnAlert/alert.tsx","../lib/components/Alert/Alert.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.562.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n];\nconst CircleAlert = createLucideIcon(\"circle-alert\", __iconNode);\n\nexport { __iconNode, CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-react v0.562.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"m9 12 2 2 4-4\", key: \"dzmm74\" }]\n];\nconst CircleCheck = createLucideIcon(\"circle-check\", __iconNode);\n\nexport { __iconNode, CircleCheck as default };\n//# sourceMappingURL=circle-check.js.map\n","import { cva, type VariantProps } from 'class-variance-authority';\r\nimport type * as React from 'react';\r\nimport { cn } from '../utils';\r\n\r\nconst alertVariants = cva(\r\n \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert\",\r\n {\r\n variants: {\r\n variant: {\r\n default: 'bg-card text-card-foreground',\r\n destructive:\r\n 'text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current',\r\n warning:\r\n 'text-warning bg-card *:data-[slot=alert-description]:text-warning/90 *:[svg]:text-current',\r\n success:\r\n 'text-success bg-card *:data-[slot=alert-description]:text-success/90 *:[svg]:text-current',\r\n info: 'text-primary bg-card *:data-[slot=alert-description]:text-primary/90 *:[svg]:text-current',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n },\r\n },\r\n);\r\n\r\nfunction Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\r\n return <div data-slot=\"alert\" role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />;\r\n}\r\n\r\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\r\n return (\r\n <div\r\n data-slot=\"alert-title\"\r\n className={cn(\r\n 'font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\r\n return (\r\n <div\r\n data-slot=\"alert-description\"\r\n className={cn(\r\n 'text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\r\n className,\r\n )}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\r\n return <div data-slot=\"alert-action\" className={cn('absolute top-2 right-2', className)} {...props} />;\r\n}\r\n\r\nexport { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };\r\n","import type { VariantProps } from 'class-variance-authority';\r\nimport { AlertCircle, CheckCircle2, Info, TriangleAlert } from 'lucide-react';\r\nimport {\r\n type alertVariants,\r\n Alert as ShadcnAlert,\r\n AlertDescription as ShadcnAlertDescription,\r\n AlertTitle as ShadcnAlertTitle,\r\n} from '../../../shadcn/shadcnAlert';\r\nimport { cn } from '../../../shadcn/utils';\r\n\r\nexport interface AlertProps extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof alertVariants> {\r\n /** Short heading text */\r\n title?: React.ReactNode;\r\n /** Body / description text */\r\n description?: React.ReactNode;\r\n /** Override the default variant-based icon */\r\n icon?: React.ReactNode;\r\n /** Hide the icon entirely */\r\n hideIcon?: boolean;\r\n}\r\n\r\nconst variantIcons = {\r\n default: Info,\r\n destructive: AlertCircle,\r\n warning: TriangleAlert,\r\n success: CheckCircle2,\r\n info: Info,\r\n} as const;\r\n\r\nexport function Alert({\r\n variant = 'default',\r\n title,\r\n description,\r\n icon,\r\n hideIcon = false,\r\n children,\r\n className,\r\n ...props\r\n}: AlertProps) {\r\n const IconComponent = variant ? variantIcons[variant] : variantIcons.default;\r\n\r\n return (\r\n <ShadcnAlert variant={variant} className={cn(className)} {...props}>\r\n {!hideIcon && (icon ?? <IconComponent className=\"h-4 w-4\" />)}\r\n {title && <ShadcnAlertTitle>{title}</ShadcnAlertTitle>}\r\n {description && <ShadcnAlertDescription>{description}</ShadcnAlertDescription>}\r\n {children}\r\n </ShadcnAlert>\r\n );\r\n}\r\n"],"names":["__iconNode","Alert","AlertCircle","CheckCircle2","ShadcnAlert","ShadcnAlertTitle","ShadcnAlertDescription"],"mappings":"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","x_google_ignoreList":[0,1]}
1
+ {"version":3,"file":"Alert.js","sources":["../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-alert.js","../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/circle-check.js","../shadcn/shadcnAlert/alert.tsx","../lib/components/Alert/Alert.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.562.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n];\nconst CircleAlert = createLucideIcon(\"circle-alert\", __iconNode);\n\nexport { __iconNode, CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-react v0.562.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"m9 12 2 2 4-4\", key: \"dzmm74\" }]\n];\nconst CircleCheck = createLucideIcon(\"circle-check\", __iconNode);\n\nexport { __iconNode, CircleCheck as default };\n//# sourceMappingURL=circle-check.js.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport type * as React from 'react';\nimport { cn } from '../utils';\n\nconst alertVariants = cva(\n \"grid gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert\",\n {\n variants: {\n variant: {\n default: 'bg-card text-card-foreground',\n destructive:\n 'text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current',\n warning: 'text-warning bg-card *:data-[slot=alert-description]:text-warning/90 *:[svg]:text-current',\n success: 'text-success bg-card *:data-[slot=alert-description]:text-success/90 *:[svg]:text-current',\n info: 'text-primary bg-card *:data-[slot=alert-description]:text-primary/90 *:[svg]:text-current',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nfunction Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n return <div data-slot=\"alert\" role=\"alert\" className={cn(alertVariants({ variant }), className)} {...props} />;\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-title\"\n className={cn(\n 'font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-description\"\n className={cn(\n 'text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3',\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<'div'>) {\n return <div data-slot=\"alert-action\" className={cn('absolute top-2 right-2', className)} {...props} />;\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };\n","import type { VariantProps } from 'class-variance-authority';\nimport { AlertCircle, CheckCircle2, Info, TriangleAlert } from 'lucide-react';\nimport {\n type alertVariants,\n Alert as ShadcnAlert,\n AlertAction as ShadcnAlertAction,\n AlertDescription as ShadcnAlertDescription,\n AlertTitle as ShadcnAlertTitle,\n} from '../../../shadcn/shadcnAlert';\nimport { cn } from '../../../shadcn/utils';\n\nexport interface AlertProps extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof alertVariants> {\n /** Short heading text */\n title?: React.ReactNode;\n /** Body / description text */\n description?: React.ReactNode;\n /** Action element positioned in the top-right corner (e.g. button or link) */\n action?: React.ReactNode;\n /** Override the default variant-based icon */\n icon?: React.ReactNode;\n /** Hide the icon entirely */\n hideIcon?: boolean;\n}\n\nconst variantIcons = {\n default: Info,\n destructive: AlertCircle,\n warning: TriangleAlert,\n success: CheckCircle2,\n info: Info,\n} as const;\n\nexport function Alert({\n variant = 'default',\n title,\n description,\n action,\n icon,\n hideIcon = false,\n children,\n className,\n ...props\n}: AlertProps) {\n const IconComponent = variant ? variantIcons[variant] : variantIcons.default;\n\n return (\n <ShadcnAlert variant={variant} className={cn(className)} {...props}>\n {!hideIcon && (icon ?? <IconComponent className=\"h-4 w-4\" />)}\n {title && <ShadcnAlertTitle>{title}</ShadcnAlertTitle>}\n {description && <ShadcnAlertDescription>{description}</ShadcnAlertDescription>}\n {action && <ShadcnAlertAction>{action}</ShadcnAlertAction>}\n {children}\n </ShadcnAlert>\n );\n}\n"],"names":["__iconNode","Alert","AlertCircle","CheckCircle2","ShadcnAlert","ShadcnAlertTitle","ShadcnAlertDescription","ShadcnAlertAction"],"mappings":"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","x_google_ignoreList":[0,1]}
package/dist/Avatar.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import { c as createContextScope } from './index2.js';
4
- import { u as useCallbackRef } from './index3.js';
5
- import { u as useLayoutEffect2 } from './index6.js';
6
- import { P as Primitive } from './index9.js';
3
+ import { c as createContextScope } from './index3.js';
4
+ import { u as useCallbackRef } from './index6.js';
5
+ import { u as useLayoutEffect2 } from './index9.js';
6
+ import { P as Primitive } from './index11.js';
7
7
  import { r as requireShim } from './index14.js';
8
- import { c as cn } from './utils.js';
8
+ import { c as cn } from './utils2.js';
9
9
 
10
10
  var shimExports = requireShim();
11
11
 
package/dist/Badge.js CHANGED
@@ -1,32 +1,6 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import { S as Slot } from './index10.js';
3
- import { c as cva } from './index8.js';
4
- import { c as cn } from './utils.js';
5
-
6
- const badgeVariants = cva(
7
- "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] transition-[color,box-shadow] overflow-hidden",
8
- {
9
- variants: {
10
- variant: {
11
- default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
12
- secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
13
- destructive: "bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
14
- outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
15
- ghost: "hover:bg-accent hover:text-accent-foreground",
16
- link: "text-primary underline-offset-4 hover:underline cursor-pointer"
17
- }
18
- },
19
- defaultVariants: {
20
- variant: "default"
21
- }
22
- }
23
- );
24
- function Badge$1({ className, variant = "default", asChild = false, ...props }) {
25
- const Comp = asChild ? Slot : "span";
26
- return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className), ...props });
27
- }
1
+ import { B as Badge$1 } from './Badge2.js';
28
2
 
29
3
  const Badge = Badge$1;
30
4
 
31
- export { Badge as B, badgeVariants as b };
5
+ export { Badge as B };
32
6
  //# sourceMappingURL=Badge.js.map
package/dist/Badge.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sources":["../shadcn/shadcnBadge/Badge.tsx","../lib/components/Badge/Badge.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type * as React from 'react';\nimport { cn } from '../utils';\n\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] transition-[color,box-shadow] overflow-hidden',\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary/90',\n secondary: 'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',\n destructive:\n 'bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n outline: 'border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n ghost: 'hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline cursor-pointer',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nexport interface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n asChild?: boolean;\n}\n\nfunction Badge({ className, variant = 'default', asChild = false, ...props }: BadgeProps) {\n const Comp = asChild ? Slot : 'span';\n\n return (\n <Comp data-slot=\"badge\" data-variant={variant} className={cn(badgeVariants({ variant }), className)} {...props} />\n );\n}\n\nexport { Badge, badgeVariants };\n","import { badgeVariants, Badge as ShadcnBadge } from '../../../shadcn/shadcnBadge';\n\nexport const Badge = ShadcnBadge;\nexport type { BadgeProps } from '../../../shadcn/shadcnBadge';\nexport { badgeVariants };\n"],"names":["Badge","ShadcnBadge"],"mappings":";;;;;AAKA,MAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,8TAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,6DAAA;AAAA,QACT,SAAA,EAAW,mEAAA;AAAA,QACX,WAAA,EACE,wJAAA;AAAA,QACF,OAAA,EAAS,sFAAA;AAAA,QACT,KAAA,EAAO,8CAAA;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAMA,SAASA,OAAA,CAAM,EAAE,SAAA,EAAW,OAAA,GAAU,WAAW,OAAA,GAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAe;AACxF,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,MAAA;AAE9B,EAAA,2BACG,IAAA,EAAA,EAAK,WAAA,EAAU,OAAA,EAAQ,cAAA,EAAc,SAAS,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,SAAS,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAEpH;;ACjCO,MAAM,KAAA,GAAQC;;;;"}
1
+ {"version":3,"file":"Badge.js","sources":["../lib/components/Badge/Badge.tsx"],"sourcesContent":["import { badgeVariants, Badge as ShadcnBadge } from '../../../shadcn/shadcnBadge';\n\nexport const Badge = ShadcnBadge;\nexport type { BadgeProps } from '../../../shadcn/shadcnBadge';\nexport { badgeVariants };\n"],"names":["ShadcnBadge"],"mappings":";;AAEO,MAAM,KAAA,GAAQA;;;;"}
package/dist/Badge2.js ADDED
@@ -0,0 +1,30 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { S as Slot } from './index4.js';
3
+ import { c as cva } from './index5.js';
4
+ import { c as cn } from './utils2.js';
5
+
6
+ const badgeVariants = cva(
7
+ "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] transition-[color,box-shadow] overflow-hidden",
8
+ {
9
+ variants: {
10
+ variant: {
11
+ default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
12
+ secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
13
+ destructive: "bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
14
+ outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
15
+ ghost: "hover:bg-accent hover:text-accent-foreground",
16
+ link: "text-primary underline-offset-4 hover:underline cursor-pointer"
17
+ }
18
+ },
19
+ defaultVariants: {
20
+ variant: "default"
21
+ }
22
+ }
23
+ );
24
+ function Badge({ className, variant = "default", asChild = false, ...props }) {
25
+ const Comp = asChild ? Slot : "span";
26
+ return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className), ...props });
27
+ }
28
+
29
+ export { Badge as B, badgeVariants as b };
30
+ //# sourceMappingURL=Badge2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge2.js","sources":["../shadcn/shadcnBadge/Badge.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type * as React from 'react';\nimport { cn } from '../utils';\n\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] transition-[color,box-shadow] overflow-hidden',\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground [a&]:hover:bg-primary/90',\n secondary: 'bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',\n destructive:\n 'bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n outline: 'border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',\n ghost: 'hover:bg-accent hover:text-accent-foreground',\n link: 'text-primary underline-offset-4 hover:underline cursor-pointer',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nexport interface BadgeProps extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n asChild?: boolean;\n}\n\nfunction Badge({ className, variant = 'default', asChild = false, ...props }: BadgeProps) {\n const Comp = asChild ? Slot : 'span';\n\n return (\n <Comp data-slot=\"badge\" data-variant={variant} className={cn(badgeVariants({ variant }), className)} {...props} />\n );\n}\n\nexport { Badge, badgeVariants };\n"],"names":[],"mappings":";;;;;AAKA,MAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,8TAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,6DAAA;AAAA,QACT,SAAA,EAAW,mEAAA;AAAA,QACX,WAAA,EACE,wJAAA;AAAA,QACF,OAAA,EAAS,sFAAA;AAAA,QACT,KAAA,EAAO,8CAAA;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;AAMA,SAAS,KAAA,CAAM,EAAE,SAAA,EAAW,OAAA,GAAU,WAAW,OAAA,GAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAe;AACxF,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,MAAA;AAE9B,EAAA,2BACG,IAAA,EAAA,EAAK,WAAA,EAAU,OAAA,EAAQ,cAAA,EAAc,SAAS,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,EAAE,SAAS,CAAA,EAAG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAEpH;;;;"}
package/dist/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import { c as cn } from './utils.js';
3
+ import { c as cn } from './utils2.js';
4
4
  import { S as Spinner } from './Spinner.js';
5
5
  import { B as Button$1 } from './Button2.js';
6
6
 
package/dist/Button2.js CHANGED
@@ -1,27 +1,37 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { S as Slot } from './index10.js';
3
- import { c as cva } from './index8.js';
4
- import { c as cn } from './utils.js';
2
+ import { S as Slot } from './index4.js';
3
+ import { c as cva } from './index5.js';
4
+ import { c as cn } from './utils2.js';
5
5
 
6
6
  const buttonVariants = cva(
7
- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
7
+ "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",
8
8
  {
9
9
  variants: {
10
10
  variant: {
11
- default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
12
- destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
13
- outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
14
- secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
15
- ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
11
+ default: "bg-primary text-primary-foreground [a]:hover:bg-primary/90",
12
+ outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
13
+ secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/90 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
14
+ ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
15
+ destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
16
16
  link: "text-primary underline-offset-4 hover:underline"
17
17
  },
18
18
  size: {
19
- default: "h-9 px-4 py-2 has-[>svg]:px-3",
20
- sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
21
- lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
22
- icon: "size-9"
19
+ default: "h-9 gap-2 px-4 py-2 has-[>svg]:px-3",
20
+ xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3",
21
+ sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
22
+ lg: "h-10 gap-2 px-6 has-[>svg]:px-4",
23
+ icon: "size-9",
24
+ "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] [&_svg:not([class*='size-'])]:size-3",
25
+ "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)]",
26
+ "icon-lg": "size-10"
23
27
  }
24
28
  },
29
+ compoundVariants: [
30
+ {
31
+ variant: "link",
32
+ className: "h-auto p-0 inline border-none"
33
+ }
34
+ ],
25
35
  defaultVariants: {
26
36
  variant: "default",
27
37
  size: "default"
@@ -30,13 +40,22 @@ const buttonVariants = cva(
30
40
  );
31
41
  function Button({
32
42
  className,
33
- variant,
34
- size,
43
+ variant = "default",
44
+ size = "default",
35
45
  asChild = false,
36
46
  ...props
37
47
  }) {
38
48
  const Comp = asChild ? Slot : "button";
39
- return /* @__PURE__ */ jsx(Comp, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props });
49
+ return /* @__PURE__ */ jsx(
50
+ Comp,
51
+ {
52
+ "data-slot": "button",
53
+ "data-variant": variant,
54
+ "data-size": size,
55
+ className: cn(buttonVariants({ variant, size, className })),
56
+ ...props
57
+ }
58
+ );
40
59
  }
41
60
 
42
61
  export { Button as B, buttonVariants as b };
@@ -1 +1 @@
1
- {"version":3,"file":"Button2.js","sources":["../shadcn/shadcnButton/Button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type * as React from 'react';\n\nimport { cn } from '../utils';\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\n destructive:\n 'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n outline:\n 'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n link: 'text-primary underline-offset-4 hover:underline',\n },\n size: {\n default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n icon: 'size-9',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n }) {\n const Comp = asChild ? Slot : 'button';\n\n return <Comp data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />;\n}\n\nexport { Button, buttonVariants };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,6bAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,kEAAA;AAAA,QACT,WAAA,EACE,6JAAA;AAAA,QACF,OAAA,EACE,uIAAA;AAAA,QACF,SAAA,EAAW,wEAAA;AAAA,QACX,KAAA,EAAO,sEAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,+BAAA;AAAA,QACT,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI,sCAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EAGK;AACH,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAE9B,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,WAAA,EAAU,QAAA,EAAS,WAAW,EAAA,CAAG,cAAA,CAAe,EAAE,OAAA,EAAS,MAAM,SAAA,EAAW,CAAC,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAC1G;;;;"}
1
+ {"version":3,"file":"Button2.js","sources":["../shadcn/shadcnButton/Button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type * as React from 'react';\n\nimport { cn } from '../utils';\n\nconst buttonVariants = cva(\n \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none\",\n {\n variants: {\n variant: {\n default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/90',\n outline:\n 'border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground',\n secondary:\n 'bg-secondary text-secondary-foreground hover:bg-secondary/90 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n ghost:\n 'hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground',\n destructive:\n 'bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30',\n link: 'text-primary underline-offset-4 hover:underline',\n },\n size: {\n default: 'h-9 gap-2 px-4 py-2 has-[>svg]:px-3',\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3\",\n sm: 'h-8 gap-1.5 px-3 has-[>svg]:px-2.5',\n lg: 'h-10 gap-2 px-6 has-[>svg]:px-4',\n icon: 'size-9',\n 'icon-xs': \"size-6 rounded-[min(var(--radius-md),10px)] [&_svg:not([class*='size-'])]:size-3\",\n 'icon-sm': 'size-7 rounded-[min(var(--radius-md),12px)]',\n 'icon-lg': 'size-10',\n },\n },\n compoundVariants: [\n {\n variant: 'link',\n className: 'h-auto p-0 inline border-none',\n },\n ],\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n);\n\nfunction Button({\n className,\n variant = 'default',\n size = 'default',\n asChild = false,\n ...props\n}: React.ComponentProps<'button'> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n }) {\n const Comp = asChild ? Slot : 'button';\n\n return (\n <Comp\n data-slot=\"button\"\n data-variant={variant}\n data-size={size}\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\nexport { Button, buttonVariants };\n"],"names":[],"mappings":";;;;;AAMA,MAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,kjBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,4DAAA;AAAA,QACT,OAAA,EACE,iLAAA;AAAA,QACF,SAAA,EACE,iIAAA;AAAA,QACF,KAAA,EACE,kHAAA;AAAA,QACF,WAAA,EACE,6NAAA;AAAA,QACF,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,qCAAA;AAAA,QACT,EAAA,EAAI,kGAAA;AAAA,QACJ,EAAA,EAAI,oCAAA;AAAA,QACJ,EAAA,EAAI,iCAAA;AAAA,QACJ,IAAA,EAAM,QAAA;AAAA,QACN,SAAA,EAAW,kFAAA;AAAA,QACX,SAAA,EAAW,6CAAA;AAAA,QACX,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB;AAAA,QACE,OAAA,EAAS,MAAA;AAAA,QACT,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,MAAA,CAAO;AAAA,EACd,SAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,SAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EAGK;AACH,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}
package/dist/Card.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { c as cn } from './utils.js';
2
+ import { c as cn } from './utils2.js';
3
3
 
4
4
  function Card({ className, ...props }) {
5
5
  return /* @__PURE__ */ jsx(
package/dist/Chart.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  import React__default, { isValidElement, forwardRef, useContext, createContext, useMemo, useState, useCallback, useRef, useImperativeHandle, useEffect, PureComponent, useLayoutEffect, cloneElement, createElement } from 'react';
4
- import { a as clsx, c as cn } from './utils.js';
4
+ import { a as clsx, c as cn } from './utils2.js';
5
5
  import { createPortal } from 'react-dom';
6
6
  import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
7
7
  import { r as requireShim } from './index14.js';
package/dist/Checkbox.js CHANGED
@@ -1,294 +1,7 @@
1
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
- import * as React from 'react';
1
+ import { jsx, jsxs } from 'react/jsx-runtime';
3
2
  import React__default from 'react';
4
3
  import { F as Field, a as FieldContent, e as FieldLabel, b as FieldDescription, c as FieldError } from './field.js';
5
- import { u as useComposedRefs } from './index5.js';
6
- import { c as createContextScope, u as useSize } from './index12.js';
7
- import { P as Primitive, u as useControllableState, a as composeEventHandlers } from './index13.js';
8
- import { u as usePrevious } from './index7.js';
9
- import { P as Presence } from './index4.js';
10
- import { c as cn } from './utils.js';
11
- import { C as Check } from './check.js';
12
-
13
- var CHECKBOX_NAME = "Checkbox";
14
- var [createCheckboxContext] = createContextScope(CHECKBOX_NAME);
15
- var [CheckboxProviderImpl, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);
16
- function CheckboxProvider(props) {
17
- const {
18
- __scopeCheckbox,
19
- checked: checkedProp,
20
- children,
21
- defaultChecked,
22
- disabled,
23
- form,
24
- name,
25
- onCheckedChange,
26
- required,
27
- value = "on",
28
- // @ts-expect-error
29
- internal_do_not_use_render
30
- } = props;
31
- const [checked, setChecked] = useControllableState({
32
- prop: checkedProp,
33
- defaultProp: defaultChecked ?? false,
34
- onChange: onCheckedChange,
35
- caller: CHECKBOX_NAME
36
- });
37
- const [control, setControl] = React.useState(null);
38
- const [bubbleInput, setBubbleInput] = React.useState(null);
39
- const hasConsumerStoppedPropagationRef = React.useRef(false);
40
- const isFormControl = control ? !!form || !!control.closest("form") : (
41
- // We set this to true by default so that events bubble to forms without JS (SSR)
42
- true
43
- );
44
- const context = {
45
- checked,
46
- disabled,
47
- setChecked,
48
- control,
49
- setControl,
50
- name,
51
- form,
52
- value,
53
- hasConsumerStoppedPropagationRef,
54
- required,
55
- defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked,
56
- isFormControl,
57
- bubbleInput,
58
- setBubbleInput
59
- };
60
- return /* @__PURE__ */ jsx(
61
- CheckboxProviderImpl,
62
- {
63
- scope: __scopeCheckbox,
64
- ...context,
65
- children: isFunction(internal_do_not_use_render) ? internal_do_not_use_render(context) : children
66
- }
67
- );
68
- }
69
- var TRIGGER_NAME = "CheckboxTrigger";
70
- var CheckboxTrigger = React.forwardRef(
71
- ({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {
72
- const {
73
- control,
74
- value,
75
- disabled,
76
- checked,
77
- required,
78
- setControl,
79
- setChecked,
80
- hasConsumerStoppedPropagationRef,
81
- isFormControl,
82
- bubbleInput
83
- } = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);
84
- const composedRefs = useComposedRefs(forwardedRef, setControl);
85
- const initialCheckedStateRef = React.useRef(checked);
86
- React.useEffect(() => {
87
- const form = control?.form;
88
- if (form) {
89
- const reset = () => setChecked(initialCheckedStateRef.current);
90
- form.addEventListener("reset", reset);
91
- return () => form.removeEventListener("reset", reset);
92
- }
93
- }, [control, setChecked]);
94
- return /* @__PURE__ */ jsx(
95
- Primitive.button,
96
- {
97
- type: "button",
98
- role: "checkbox",
99
- "aria-checked": isIndeterminate(checked) ? "mixed" : checked,
100
- "aria-required": required,
101
- "data-state": getState(checked),
102
- "data-disabled": disabled ? "" : void 0,
103
- disabled,
104
- value,
105
- ...checkboxProps,
106
- ref: composedRefs,
107
- onKeyDown: composeEventHandlers(onKeyDown, (event) => {
108
- if (event.key === "Enter") event.preventDefault();
109
- }),
110
- onClick: composeEventHandlers(onClick, (event) => {
111
- setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);
112
- if (bubbleInput && isFormControl) {
113
- hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
114
- if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
115
- }
116
- })
117
- }
118
- );
119
- }
120
- );
121
- CheckboxTrigger.displayName = TRIGGER_NAME;
122
- var Checkbox$2 = React.forwardRef(
123
- (props, forwardedRef) => {
124
- const {
125
- __scopeCheckbox,
126
- name,
127
- checked,
128
- defaultChecked,
129
- required,
130
- disabled,
131
- value,
132
- onCheckedChange,
133
- form,
134
- ...checkboxProps
135
- } = props;
136
- return /* @__PURE__ */ jsx(
137
- CheckboxProvider,
138
- {
139
- __scopeCheckbox,
140
- checked,
141
- defaultChecked,
142
- disabled,
143
- required,
144
- onCheckedChange,
145
- name,
146
- form,
147
- value,
148
- internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxs(Fragment, { children: [
149
- /* @__PURE__ */ jsx(
150
- CheckboxTrigger,
151
- {
152
- ...checkboxProps,
153
- ref: forwardedRef,
154
- __scopeCheckbox
155
- }
156
- ),
157
- isFormControl && /* @__PURE__ */ jsx(
158
- CheckboxBubbleInput,
159
- {
160
- __scopeCheckbox
161
- }
162
- )
163
- ] })
164
- }
165
- );
166
- }
167
- );
168
- Checkbox$2.displayName = CHECKBOX_NAME;
169
- var INDICATOR_NAME = "CheckboxIndicator";
170
- var CheckboxIndicator = React.forwardRef(
171
- (props, forwardedRef) => {
172
- const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
173
- const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
174
- return /* @__PURE__ */ jsx(
175
- Presence,
176
- {
177
- present: forceMount || isIndeterminate(context.checked) || context.checked === true,
178
- children: /* @__PURE__ */ jsx(
179
- Primitive.span,
180
- {
181
- "data-state": getState(context.checked),
182
- "data-disabled": context.disabled ? "" : void 0,
183
- ...indicatorProps,
184
- ref: forwardedRef,
185
- style: { pointerEvents: "none", ...props.style }
186
- }
187
- )
188
- }
189
- );
190
- }
191
- );
192
- CheckboxIndicator.displayName = INDICATOR_NAME;
193
- var BUBBLE_INPUT_NAME = "CheckboxBubbleInput";
194
- var CheckboxBubbleInput = React.forwardRef(
195
- ({ __scopeCheckbox, ...props }, forwardedRef) => {
196
- const {
197
- control,
198
- hasConsumerStoppedPropagationRef,
199
- checked,
200
- defaultChecked,
201
- required,
202
- disabled,
203
- name,
204
- value,
205
- form,
206
- bubbleInput,
207
- setBubbleInput
208
- } = useCheckboxContext(BUBBLE_INPUT_NAME, __scopeCheckbox);
209
- const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
210
- const prevChecked = usePrevious(checked);
211
- const controlSize = useSize(control);
212
- React.useEffect(() => {
213
- const input = bubbleInput;
214
- if (!input) return;
215
- const inputProto = window.HTMLInputElement.prototype;
216
- const descriptor = Object.getOwnPropertyDescriptor(
217
- inputProto,
218
- "checked"
219
- );
220
- const setChecked = descriptor.set;
221
- const bubbles = !hasConsumerStoppedPropagationRef.current;
222
- if (prevChecked !== checked && setChecked) {
223
- const event = new Event("click", { bubbles });
224
- input.indeterminate = isIndeterminate(checked);
225
- setChecked.call(input, isIndeterminate(checked) ? false : checked);
226
- input.dispatchEvent(event);
227
- }
228
- }, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);
229
- const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);
230
- return /* @__PURE__ */ jsx(
231
- Primitive.input,
232
- {
233
- type: "checkbox",
234
- "aria-hidden": true,
235
- defaultChecked: defaultChecked ?? defaultCheckedRef.current,
236
- required,
237
- disabled,
238
- name,
239
- value,
240
- form,
241
- ...props,
242
- tabIndex: -1,
243
- ref: composedRefs,
244
- style: {
245
- ...props.style,
246
- ...controlSize,
247
- position: "absolute",
248
- pointerEvents: "none",
249
- opacity: 0,
250
- margin: 0,
251
- // We transform because the input is absolutely positioned but we have
252
- // rendered it **after** the button. This pulls it back to sit on top
253
- // of the button.
254
- transform: "translateX(-100%)"
255
- }
256
- }
257
- );
258
- }
259
- );
260
- CheckboxBubbleInput.displayName = BUBBLE_INPUT_NAME;
261
- function isFunction(value) {
262
- return typeof value === "function";
263
- }
264
- function isIndeterminate(checked) {
265
- return checked === "indeterminate";
266
- }
267
- function getState(checked) {
268
- return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
269
- }
270
-
271
- function Checkbox$1({ className, ...props }) {
272
- return /* @__PURE__ */ jsx(
273
- Checkbox$2,
274
- {
275
- "data-slot": "checkbox",
276
- className: cn(
277
- "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
278
- className
279
- ),
280
- ...props,
281
- children: /* @__PURE__ */ jsx(
282
- CheckboxIndicator,
283
- {
284
- "data-slot": "checkbox-indicator",
285
- className: "grid place-content-center text-current transition-none",
286
- children: /* @__PURE__ */ jsx(Check, { className: "size-3.5" })
287
- }
288
- )
289
- }
290
- );
291
- }
4
+ import { C as Checkbox$1 } from './Checkbox2.js';
292
5
 
293
6
  const Checkbox = React__default.forwardRef(
294
7
  ({ label, description, error, id, ...props }, ref) => {