@incognia/cosmik 1.0.11 → 1.1.0

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 (199) hide show
  1. package/dist/Tabs/index.d.ts +5 -1
  2. package/dist/Tabs/index.d.ts.map +1 -1
  3. package/dist/cosmik.css +3 -1
  4. package/dist/index.cjs +1 -2
  5. package/dist/index.js +36 -179
  6. package/dist/index10.cjs +2 -2
  7. package/dist/index10.cjs.map +1 -1
  8. package/dist/index10.js +12 -195
  9. package/dist/index10.js.map +1 -1
  10. package/dist/index11.cjs +2 -2
  11. package/dist/index11.cjs.map +1 -1
  12. package/dist/index11.js +61 -140
  13. package/dist/index11.js.map +1 -1
  14. package/dist/index12.cjs +2 -2
  15. package/dist/index12.cjs.map +1 -1
  16. package/dist/index12.js +156 -228
  17. package/dist/index12.js.map +1 -1
  18. package/dist/index13.cjs +2 -2
  19. package/dist/index13.cjs.map +1 -1
  20. package/dist/index13.js +92 -119
  21. package/dist/index13.js.map +1 -1
  22. package/dist/index14.cjs +2 -2
  23. package/dist/index14.cjs.map +1 -1
  24. package/dist/index14.js +71 -24
  25. package/dist/index14.js.map +1 -1
  26. package/dist/index15.cjs +2 -2
  27. package/dist/index15.cjs.map +1 -1
  28. package/dist/index15.js +105 -25
  29. package/dist/index15.js.map +1 -1
  30. package/dist/index16.cjs +2 -2
  31. package/dist/index16.cjs.map +1 -1
  32. package/dist/index16.js +57 -22
  33. package/dist/index16.js.map +1 -1
  34. package/dist/index17.cjs +2 -2
  35. package/dist/index17.cjs.map +1 -1
  36. package/dist/index17.js +23 -63
  37. package/dist/index17.js.map +1 -1
  38. package/dist/index18.cjs +2 -2
  39. package/dist/index18.cjs.map +1 -1
  40. package/dist/index18.js +90 -23
  41. package/dist/index18.js.map +1 -1
  42. package/dist/index19.cjs +2 -2
  43. package/dist/index19.cjs.map +1 -1
  44. package/dist/index19.js +83 -102
  45. package/dist/index19.js.map +1 -1
  46. package/dist/index2.cjs +1 -0
  47. package/dist/index2.js +7 -0
  48. package/dist/index20.cjs +2 -2
  49. package/dist/index20.cjs.map +1 -1
  50. package/dist/index20.js +126 -48
  51. package/dist/index20.js.map +1 -1
  52. package/dist/index21.cjs +2 -2
  53. package/dist/index21.cjs.map +1 -1
  54. package/dist/index21.js +41 -31
  55. package/dist/index21.js.map +1 -1
  56. package/dist/index22.cjs +2 -2
  57. package/dist/index22.cjs.map +1 -1
  58. package/dist/index22.js +76 -46
  59. package/dist/index22.js.map +1 -1
  60. package/dist/index23.cjs +2 -2
  61. package/dist/index23.cjs.map +1 -1
  62. package/dist/index23.js +68 -185
  63. package/dist/index23.js.map +1 -1
  64. package/dist/index24.cjs +2 -2
  65. package/dist/index24.cjs.map +1 -1
  66. package/dist/index24.js +31 -28
  67. package/dist/index24.js.map +1 -1
  68. package/dist/index25.cjs +2 -2
  69. package/dist/index25.cjs.map +1 -1
  70. package/dist/index25.js +17 -132
  71. package/dist/index25.js.map +1 -1
  72. package/dist/index26.cjs +2 -2
  73. package/dist/index26.cjs.map +1 -1
  74. package/dist/index26.js +17 -17
  75. package/dist/index26.js.map +1 -1
  76. package/dist/index27.cjs +2 -2
  77. package/dist/index27.cjs.map +1 -1
  78. package/dist/index27.js +52 -36
  79. package/dist/index27.js.map +1 -1
  80. package/dist/index28.cjs +2 -2
  81. package/dist/index28.cjs.map +1 -1
  82. package/dist/index28.js +10 -33
  83. package/dist/index28.js.map +1 -1
  84. package/dist/index29.cjs +2 -2
  85. package/dist/index29.cjs.map +1 -1
  86. package/dist/index29.js +25 -135
  87. package/dist/index29.js.map +1 -1
  88. package/dist/index30.cjs +2 -2
  89. package/dist/index30.cjs.map +1 -1
  90. package/dist/index30.js +66 -62
  91. package/dist/index30.js.map +1 -1
  92. package/dist/index31.cjs +2 -2
  93. package/dist/index31.cjs.map +1 -1
  94. package/dist/index31.js +22 -88
  95. package/dist/index31.js.map +1 -1
  96. package/dist/index32.cjs +2 -2
  97. package/dist/index32.cjs.map +1 -1
  98. package/dist/index32.js +30 -23
  99. package/dist/index32.js.map +1 -1
  100. package/dist/index33.cjs +2 -2
  101. package/dist/index33.cjs.map +1 -1
  102. package/dist/index33.js +97 -93
  103. package/dist/index33.js.map +1 -1
  104. package/dist/index34.cjs +2 -2
  105. package/dist/index34.cjs.map +1 -1
  106. package/dist/index34.js +19 -72
  107. package/dist/index34.js.map +1 -1
  108. package/dist/index35.cjs +2 -2
  109. package/dist/index35.cjs.map +1 -1
  110. package/dist/index35.js +81 -62
  111. package/dist/index35.js.map +1 -1
  112. package/dist/index36.cjs +2 -2
  113. package/dist/index36.cjs.map +1 -1
  114. package/dist/index36.js +14 -161
  115. package/dist/index36.js.map +1 -1
  116. package/dist/index37.cjs +2 -2
  117. package/dist/index37.cjs.map +1 -1
  118. package/dist/index37.js +44 -6
  119. package/dist/index37.js.map +1 -1
  120. package/dist/index38.cjs +2 -2
  121. package/dist/index38.cjs.map +1 -1
  122. package/dist/index38.js +22 -36
  123. package/dist/index38.js.map +1 -1
  124. package/dist/index39.cjs +2 -2
  125. package/dist/index39.cjs.map +1 -1
  126. package/dist/index39.js +71 -16
  127. package/dist/index39.js.map +1 -1
  128. package/dist/index4.cjs +2 -2
  129. package/dist/index4.cjs.map +1 -1
  130. package/dist/index4.js +18 -160
  131. package/dist/index4.js.map +1 -1
  132. package/dist/index40.cjs +2 -2
  133. package/dist/index40.cjs.map +1 -1
  134. package/dist/index40.js +58 -120
  135. package/dist/index40.js.map +1 -1
  136. package/dist/index41.cjs +2 -2
  137. package/dist/index41.cjs.map +1 -1
  138. package/dist/index41.js +73 -16
  139. package/dist/index41.js.map +1 -1
  140. package/dist/index42.cjs +2 -2
  141. package/dist/index42.cjs.map +1 -1
  142. package/dist/index42.js +15 -10
  143. package/dist/index42.js.map +1 -1
  144. package/dist/index43.cjs +2 -2
  145. package/dist/index43.cjs.map +1 -1
  146. package/dist/index43.js +87 -5
  147. package/dist/index43.js.map +1 -1
  148. package/dist/index44.cjs +2 -2
  149. package/dist/index44.cjs.map +1 -1
  150. package/dist/index44.js +52 -26
  151. package/dist/index44.js.map +1 -1
  152. package/dist/index45.cjs +2 -7
  153. package/dist/index45.cjs.map +1 -1
  154. package/dist/index45.js +48 -238
  155. package/dist/index45.js.map +1 -1
  156. package/dist/index46.cjs +2 -2
  157. package/dist/index46.cjs.map +1 -1
  158. package/dist/index46.js +85 -17
  159. package/dist/index46.js.map +1 -1
  160. package/dist/index5.cjs +2 -2
  161. package/dist/index5.cjs.map +1 -1
  162. package/dist/index5.js +34 -80
  163. package/dist/index5.js.map +1 -1
  164. package/dist/index6.cjs +2 -2
  165. package/dist/index6.cjs.map +1 -1
  166. package/dist/index6.js +1586 -163
  167. package/dist/index6.js.map +1 -1
  168. package/dist/index7.cjs +2 -2
  169. package/dist/index7.cjs.map +1 -1
  170. package/dist/index7.js +14 -196
  171. package/dist/index7.js.map +1 -1
  172. package/dist/index8.cjs +2 -2
  173. package/dist/index8.cjs.map +1 -1
  174. package/dist/index8.js +23 -91
  175. package/dist/index8.js.map +1 -1
  176. package/dist/index9.cjs +7 -2
  177. package/dist/index9.cjs.map +1 -1
  178. package/dist/index9.js +162 -40
  179. package/dist/index9.js.map +1 -1
  180. package/package.json +22 -20
  181. package/dist/index.cjs.map +0 -1
  182. package/dist/index.js.map +0 -1
  183. package/dist/index3.cjs +0 -2
  184. package/dist/index3.cjs.map +0 -1
  185. package/dist/index3.js +0 -87
  186. package/dist/index3.js.map +0 -1
  187. package/dist/index47.cjs +0 -2
  188. package/dist/index47.cjs.map +0 -1
  189. package/dist/index47.js +0 -2732
  190. package/dist/index47.js.map +0 -1
  191. package/dist/index48.cjs +0 -2
  192. package/dist/index48.cjs.map +0 -1
  193. package/dist/index48.js +0 -5
  194. package/dist/index48.js.map +0 -1
  195. package/dist/index49.cjs +0 -2
  196. package/dist/index49.cjs.map +0 -1
  197. package/dist/index49.js +0 -5
  198. package/dist/index49.js.map +0 -1
  199. /package/dist/{cosmik-theme.css → src/cosmik-theme.css} +0 -0
package/dist/index13.js CHANGED
@@ -1,120 +1,93 @@
1
- import { j as e } from "./index37.js";
2
- import { LucideX as D } from "lucide-react";
3
- import m from "react";
4
- import { Button as c } from "./index6.js";
5
- import { Popover as O, PopoverTrigger as z, PopoverContent as B } from "./index20.js";
6
- import { cn as I } from "./index39.js";
7
- function X({
8
- children: x,
9
- label: h,
10
- selectedLabel: f,
11
- trigger: g,
12
- i18n: r,
13
- value: n,
14
- onOpenChange: j,
15
- onApply: s,
16
- contentProps: v = {},
17
- buttonProps: C = {},
18
- clearable: u = !0,
19
- ...N
20
- }) {
21
- const [w, d] = m.useState(!1), [i, o] = m.useState(n || null), y = n ? f ? f(n) : n.toString() : h, T = /* @__PURE__ */ e.jsxs(
22
- c,
23
- {
24
- variant: n ? "filled" : "outline",
25
- intent: n ? "filter" : "secondary",
26
- size: "sm",
27
- className: I(
28
- "font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",
29
- {
30
- "pr-12": !!n
31
- }
32
- ),
33
- ...C,
34
- children: [
35
- y,
36
- u && n && /* @__PURE__ */ e.jsx(
37
- D,
38
- {
39
- className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
40
- onClick: (t) => {
41
- t.preventDefault(), o(null), s?.(void 0);
42
- }
43
- }
44
- )
45
- ]
46
- }
47
- );
48
- function p() {
49
- s?.(i ?? void 0), d(!1);
50
- }
51
- return /* @__PURE__ */ e.jsxs(
52
- O,
53
- {
54
- open: w,
55
- onOpenChange: (t) => {
56
- j?.(t), t || s?.(i ?? void 0), t && o(n ?? null), d(t);
57
- },
58
- ...N,
59
- children: [
60
- /* @__PURE__ */ e.jsx(z, { asChild: !0, children: g || T }),
61
- /* @__PURE__ */ e.jsx(
62
- B,
63
- {
64
- className: "w-full min-w-[200px]",
65
- align: "start",
66
- ...v,
67
- children: /* @__PURE__ */ e.jsxs("div", { children: [
68
- /* @__PURE__ */ e.jsx(
69
- "div",
70
- {
71
- onKeyDown: (t) => {
72
- if (t.defaultPrevented || t.key !== "Enter") return;
73
- const l = t.target;
74
- if (!l) return;
75
- const a = l.tagName, k = a === "INPUT", E = a === "TEXTAREA", P = a === "BUTTON", b = l.isContentEditable;
76
- !k || E || P || b || (t.preventDefault(), t.stopPropagation(), p());
77
- },
78
- children: x({
79
- onFilterChange: o,
80
- filterValue: i
81
- })
82
- }
83
- ),
84
- /* @__PURE__ */ e.jsxs("div", { className: "w-full flex justify-between mt-16", children: [
85
- u && i && r.clear && /* @__PURE__ */ e.jsx(
86
- c,
87
- {
88
- variant: "link",
89
- intent: "secondary",
90
- size: "fit-content",
91
- type: "button",
92
- onClick: () => o(null),
93
- children: r.clear
94
- }
95
- ),
96
- r.apply && /* @__PURE__ */ e.jsx(
97
- c,
98
- {
99
- className: "ml-auto",
100
- variant: "link",
101
- size: "fit-content",
102
- type: "button",
103
- onClick: (t) => {
104
- t.preventDefault(), p();
105
- },
106
- children: r.apply
107
- }
108
- )
109
- ] })
110
- ] })
111
- }
112
- )
113
- ]
114
- }
115
- );
1
+ "use client";
2
+ import { cva as e } from "./index5.js";
3
+ import { cn as t } from "./index7.js";
4
+ import { require_jsx_runtime as n } from "./index10.js";
5
+ import { buttonVariants as r } from "./index12.js";
6
+ import "react";
7
+ import * as i from "@radix-ui/react-alert-dialog";
8
+ //#region src/AlertDialog/index.tsx
9
+ var a = n();
10
+ function o({ ...e }) {
11
+ return /* @__PURE__ */ (0, a.jsx)(i.Root, {
12
+ "data-slot": "alert-dialog",
13
+ ...e
14
+ });
116
15
  }
117
- export {
118
- X as Filter
119
- };
120
- //# sourceMappingURL=index13.js.map
16
+ function s({ ...e }) {
17
+ return /* @__PURE__ */ (0, a.jsx)(i.Trigger, {
18
+ "data-slot": "alert-dialog-trigger",
19
+ ...e
20
+ });
21
+ }
22
+ function c({ ...e }) {
23
+ return /* @__PURE__ */ (0, a.jsx)(i.Portal, {
24
+ "data-slot": "alert-dialog-portal",
25
+ ...e
26
+ });
27
+ }
28
+ function l({ className: e, ...n }) {
29
+ return /* @__PURE__ */ (0, a.jsx)(i.Overlay, {
30
+ "data-slot": "alert-dialog-overlay",
31
+ className: t("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48", e),
32
+ ...n
33
+ });
34
+ }
35
+ function u({ className: e, ...n }) {
36
+ return /* @__PURE__ */ (0, a.jsxs)(c, { children: [/* @__PURE__ */ (0, a.jsx)(l, {}), /* @__PURE__ */ (0, a.jsx)(i.Content, {
37
+ "data-slot": "alert-dialog-content",
38
+ className: t("bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]", e),
39
+ ...n
40
+ })] });
41
+ }
42
+ function d({ className: e, ...n }) {
43
+ return /* @__PURE__ */ (0, a.jsx)("div", {
44
+ "data-slot": "alert-dialog-header",
45
+ className: t("flex flex-col gap-8 text-left font-display", e),
46
+ ...n
47
+ });
48
+ }
49
+ function f({ className: e, ...n }) {
50
+ return /* @__PURE__ */ (0, a.jsx)("div", {
51
+ "data-slot": "alert-dialog-footer",
52
+ className: t("flex gap-8 flex-row justify-end", e),
53
+ ...n
54
+ });
55
+ }
56
+ var p = e("flex items-center text-lg font-semibold", {
57
+ variants: { intent: {
58
+ default: "text-gray-800",
59
+ warning: "text-yellow-600",
60
+ danger: "text-magenta-600"
61
+ } },
62
+ defaultVariants: { intent: "default" }
63
+ });
64
+ function m({ className: e, intent: n, ...r }) {
65
+ return /* @__PURE__ */ (0, a.jsx)(i.Title, {
66
+ "data-slot": "alert-dialog-title",
67
+ className: t(p({ intent: n }), e),
68
+ ...r
69
+ });
70
+ }
71
+ function h({ className: e, ...n }) {
72
+ return /* @__PURE__ */ (0, a.jsx)(i.Description, {
73
+ "data-slot": "alert-dialog-description",
74
+ className: t("text-base text-gray-900", e),
75
+ ...n
76
+ });
77
+ }
78
+ function g({ className: e, intent: n, ...o }) {
79
+ return /* @__PURE__ */ (0, a.jsx)(i.Action, {
80
+ className: t(r({ intent: n }), e),
81
+ ...o
82
+ });
83
+ }
84
+ function _({ className: e, ...n }) {
85
+ return /* @__PURE__ */ (0, a.jsx)(i.Cancel, {
86
+ className: t(r({ intent: "secondary" }), e),
87
+ ...n
88
+ });
89
+ }
90
+ //#endregion
91
+ export { o as AlertDialog, g as AlertDialogAction, _ as AlertDialogCancel, u as AlertDialogContent, h as AlertDialogDescription, f as AlertDialogFooter, d as AlertDialogHeader, m as AlertDialogTitle, s as AlertDialogTrigger };
92
+
93
+ //# sourceMappingURL=index13.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index13.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } from '../Button'\nimport {\n Popover,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n i18n: {\n apply?: string\n clear?: string\n }\n value?: T\n onOpenChange?: (open: boolean) => void\n onApply: (value?: T) => void\n children: (props: {\n onFilterChange: (value: T | null) => void\n filterValue: T | null\n }) => React.ReactNode\n contentProps?: PopoverContentProps\n buttonProps?: ButtonProps\n clearable?: boolean\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n label: string\n selectedLabel?: (value: T) => React.ReactNode\n trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n trigger: React.ReactNode\n label?: never\n selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n children,\n label,\n selectedLabel,\n trigger,\n i18n,\n value,\n onOpenChange,\n onApply,\n contentProps = {},\n buttonProps = {},\n clearable = true,\n ...props\n}: FilterProps<T>) {\n const [isOpen, setIsOpen] = React.useState(false)\n const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n const filterLabel = value\n ? selectedLabel\n ? selectedLabel(value)\n : value.toString()\n : label\n\n const defaultTrigger = (\n <Button\n variant={value ? 'filled' : 'outline'}\n intent={value ? 'filter' : 'secondary'}\n size=\"sm\"\n className={cn(\n 'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n {\n 'pr-12': !!value\n }\n )}\n {...buttonProps}\n >\n {filterLabel}\n {clearable && value && (\n <LucideX\n className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n onClick={e => {\n e.preventDefault()\n setLocalValue(null)\n onApply?.(undefined)\n }}\n />\n )}\n </Button>\n )\n\n function handleApply() {\n onApply?.(localValue ?? undefined)\n setIsOpen(false)\n }\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={open => {\n onOpenChange?.(open)\n if (!open) onApply?.(localValue ?? undefined)\n if (open) setLocalValue(value ?? null)\n setIsOpen(open)\n }}\n {...props}\n >\n <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n <PopoverContent\n className=\"w-full min-w-[200px]\"\n align=\"start\"\n {...contentProps}\n >\n <div>\n <div\n onKeyDown={e => {\n if (e.defaultPrevented) return\n if (e.key !== 'Enter') return\n const target = e.target as HTMLElement | null\n if (!target) return\n const tagName = target.tagName\n const isInput = tagName === 'INPUT'\n const isTextarea = tagName === 'TEXTAREA'\n const isButton = tagName === 'BUTTON'\n const isContentEditable = target.isContentEditable\n // Only apply on Enter from filter input fields, not from buttons,\n // textareas, or other interactive/contenteditable elements.\n if (!isInput || isTextarea || isButton || isContentEditable) {\n return\n }\n e.preventDefault()\n e.stopPropagation()\n handleApply()\n }}\n >\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {clearable && localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => setLocalValue(null)}\n >\n {i18n.clear}\n </Button>\n )}\n {i18n.apply && (\n <Button\n className=\"ml-auto\"\n variant=\"link\"\n size=\"fit-content\"\n type=\"button\"\n onClick={e => {\n e.preventDefault()\n handleApply()\n }}\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","clearable","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","handleApply","Popover","open","PopoverTrigger","PopoverContent","target","tagName","isInput","isTextarea","isButton","isContentEditable"],"mappings":"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"}
1
+ {"version":3,"file":"index13.js","names":[],"sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction AlertDialog({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n return (\n <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n )\n}\n\nfunction AlertDialogPortal({\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n return (\n <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n )\n}\n\nfunction AlertDialogOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n return (\n <AlertDialogPrimitive.Overlay\n data-slot=\"alert-dialog-overlay\"\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction AlertDialogContent({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n return (\n <AlertDialogPortal>\n <AlertDialogOverlay />\n <AlertDialogPrimitive.Content\n data-slot=\"alert-dialog-content\"\n className={cn(\n 'bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\n className\n )}\n {...props}\n />\n </AlertDialogPortal>\n )\n}\n\nfunction AlertDialogHeader({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-dialog-header\"\n className={cn('flex flex-col gap-8 text-left font-display', className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogFooter({\n className,\n ...props\n}: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"alert-dialog-footer\"\n className={cn('flex gap-8 flex-row justify-end', className)}\n {...props}\n />\n )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-semibold', {\n variants: {\n intent: {\n default: 'text-gray-800',\n warning: 'text-yellow-600',\n danger: 'text-magenta-600'\n }\n },\n defaultVariants: {\n intent: 'default'\n }\n})\n\nfunction AlertDialogTitle({\n className,\n intent,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title> & {\n intent?: VariantProps<typeof titleVariants>['intent']\n}) {\n return (\n <AlertDialogPrimitive.Title\n data-slot=\"alert-dialog-title\"\n className={cn(titleVariants({ intent }), className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogDescription({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n return (\n <AlertDialogPrimitive.Description\n data-slot=\"alert-dialog-description\"\n className={cn('text-base text-gray-900', className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogAction({\n className,\n intent,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n intent?: VariantProps<typeof buttonVariants>['intent']\n}) {\n return (\n <AlertDialogPrimitive.Action\n className={cn(buttonVariants({ intent }), className)}\n {...props}\n />\n )\n}\n\nfunction AlertDialogCancel({\n className,\n ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n return (\n <AlertDialogPrimitive.Cancel\n className={cn(buttonVariants({ intent: 'secondary' }), className)}\n {...props}\n />\n )\n}\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogTitle,\n AlertDialogTrigger,\n titleVariants\n}\n"],"mappings":";;;;;;;;;AAQA,SAAS,EAAY,EACnB,GAAG,KACsD;CACzD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,EAAmB,EAC1B,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EAA8B,aAAU;EAAuB,GAAI;CAAQ,CAAA;AAE/E;AAEA,SAAS,EAAkB,EACzB,GAAG,KACwD;CAC3D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EAA6B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AAE7E;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EACE,aAAU;EACV,WAAW,EACT,6JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KACyD;CAC5D,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAqB,CAAA,GACrB,iBAAA,GAAA,EAAA,KAAC,EAAqB,SAAtB;EACE,aAAU;EACV,WAAW,EACT,6UACA,CACF;EACA,GAAI;CACL,CAAA,CACgB,EAAA,CAAA;AAEvB;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,8CAA8C,CAAS;EACrE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KAC2B;CAC9B,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,mCAAmC,CAAS;EAC1D,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAgB,EAAI,2CAA2C;CACnE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,SAAS;EACT,QAAQ;CACV,EACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CAAC;AAED,SAAS,EAAiB,EACxB,cACA,WACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,OAAtB;EACE,aAAU;EACV,WAAW,EAAG,EAAc,EAAE,UAAO,CAAC,GAAG,CAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,aAAtB;EACE,aAAU;EACV,WAAW,EAAG,2BAA2B,CAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,WACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EACE,WAAW,EAAG,EAAe,EAAE,UAAO,CAAC,GAAG,CAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,GAAG,KACwD;CAC3D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAqB,QAAtB;EACE,WAAW,EAAG,EAAe,EAAE,QAAQ,YAAY,CAAC,GAAG,CAAS;EAChE,GAAI;CACL,CAAA;AAEL"}
package/dist/index14.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),n=require("./index39.cjs"),l=require("./index40.cjs");function s({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex w-full",e),...t})}function o({variant:e,children:t,...i}){return r.jsxRuntimeExports.jsx(l.GradientScroll,{variant:e,...i,children:r.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-8 w-fit",children:t})})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex space-x-8",e),...t})}exports.FilterBar=s;exports.FilterBarContent=c;exports.FilterBarScrollableContent=o;
2
- //# sourceMappingURL=index14.cjs.map
1
+ const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs"),r=require("./index10.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("@radix-ui/react-slot");var o=r.default,s=t.cva(`inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]`,{variants:{variant:{green:`bg-green-200/72 text-green-900/88`,yellow:`bg-yellow-200/72 text-yellow-900/88`,magenta:`bg-magenta-200/56 text-magenta-900/88`,gray:`bg-gray-300/80 text-gray-900/88`,purple:`bg-purple-200/64 text-purple-900/88`,robinblue:`bg-robinblue-200/64 text-robinblue-800/88`},border:{outline:`border`,none:`border-0`}},compoundVariants:[{border:`outline`,variant:`green`,className:`border-green-300`},{border:`outline`,variant:`yellow`,className:`border-yellow-300`},{border:`outline`,variant:`magenta`,className:`border-magenta-300`},{border:`outline`,variant:`gray`,className:`border-gray-400`},{border:`outline`,variant:`purple`,className:`border-purple-300`},{border:`outline`,variant:`robinblue`,className:`border-robinblue-300`}],defaultVariants:{variant:`gray`,border:`none`}});function c({className:e,variant:t,border:r,asChild:i=!1,...c}){return(0,o.jsx)(i?a.Slot:`span`,{"data-slot":`badge`,className:n.cn(s({variant:t,border:r}),e),...c})}exports.Badge=c,exports.badgeVariants=s;
2
+ //# sourceMappingURL=index14.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index14.cjs","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n variant,\n children,\n ...props\n}: FilterBarScrollableContentProps) {\n return (\n <GradientScroll variant={variant} {...props}>\n <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n </GradientScroll>\n )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n className,\n ...props\n}: FilterBarContentProps) {\n return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":"uKASO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CACjE,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,cAAeH,CAAS,EAAI,GAAGC,EAAO,CAClE,CAMO,SAASG,EAA2B,CACzC,QAAAC,EACA,SAAAC,EACA,GAAGL,CACL,EAAoC,CAClC,OACEC,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CAAe,QAAAF,EAAmB,GAAGJ,EACpC,iCAAC,MAAA,CAAI,UAAU,oCAAqC,SAAAK,CAAA,CAAS,CAAA,CAC/D,CAEJ,CAIO,SAASE,EAAiB,CAC/B,UAAAR,EACA,GAAGC,CACL,EAA0B,CACxB,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,iBAAkBH,CAAS,EAAI,GAAGC,EAAO,CACrE"}
1
+ {"version":3,"file":"index14.cjs","names":[],"sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]',\n {\n variants: {\n variant: {\n green: 'bg-green-200/72 text-green-900/88',\n yellow: 'bg-yellow-200/72 text-yellow-900/88',\n magenta: 'bg-magenta-200/56 text-magenta-900/88',\n gray: 'bg-gray-300/80 text-gray-900/88',\n purple: 'bg-purple-200/64 text-purple-900/88',\n robinblue: 'bg-robinblue-200/64 text-robinblue-800/88'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n }\n },\n compoundVariants: [\n {\n border: 'outline',\n variant: 'green',\n className: 'border-green-300'\n },\n {\n border: 'outline',\n variant: 'yellow',\n className: 'border-yellow-300'\n },\n {\n border: 'outline',\n variant: 'magenta',\n className: 'border-magenta-300'\n },\n {\n border: 'outline',\n variant: 'gray',\n className: 'border-gray-400'\n },\n {\n border: 'outline',\n variant: 'purple',\n className: 'border-purple-300'\n },\n {\n border: 'outline',\n variant: 'robinblue',\n className: 'border-robinblue-300'\n }\n ],\n defaultVariants: {\n variant: 'gray',\n border: 'none'\n }\n }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n className,\n variant,\n border,\n asChild = false,\n ...props\n}: BadgeProps) {\n const Comp = asChild ? Slot : 'span'\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant, border }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":"6MASM,EAAgB,EAAA,IACpB,kJACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,oCACP,OAAQ,sCACR,QAAS,wCACT,KAAM,kCACN,OAAQ,sCACR,UAAW,2CACb,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,UACR,QAAS,QACT,UAAW,kBACb,EACA,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBACb,EACA,CACE,OAAQ,UACR,QAAS,UACT,UAAW,oBACb,EACA,CACE,OAAQ,UACR,QAAS,OACT,UAAW,iBACb,EACA,CACE,OAAQ,UACR,QAAS,SACT,UAAW,mBACb,EACA,CACE,OAAQ,UACR,QAAS,YACT,UAAW,sBACb,CACF,EACA,gBAAiB,CACf,QAAS,OACT,OAAQ,MACV,CACF,CACF,EAKA,SAAS,EAAM,CACb,YACA,UACA,SACA,UAAU,GACV,GAAG,GACU,CAEb,OACE,EAAA,EAAA,KAFW,EAAU,EAAA,KAAO,OAE5B,CACE,YAAU,QACV,UAAW,EAAA,GAAG,EAAc,CAAE,UAAS,QAAO,CAAC,EAAG,CAAS,EAC3D,GAAI,CACL,CAAA,CAEL"}
package/dist/index14.js CHANGED
@@ -1,25 +1,72 @@
1
- import { j as t } from "./index37.js";
2
- import { cn as n } from "./index39.js";
3
- import { GradientScroll as l } from "./index40.js";
4
- function c({ className: r, ...e }) {
5
- return /* @__PURE__ */ t.jsx("div", { className: n("flex w-full", r), ...e });
1
+ import { cva as e } from "./index5.js";
2
+ import { cn as t } from "./index7.js";
3
+ import { require_jsx_runtime as n } from "./index10.js";
4
+ import "react";
5
+ import { Slot as r } from "@radix-ui/react-slot";
6
+ //#region src/Badge/index.tsx
7
+ var i = n(), a = e("inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]", {
8
+ variants: {
9
+ variant: {
10
+ green: "bg-green-200/72 text-green-900/88",
11
+ yellow: "bg-yellow-200/72 text-yellow-900/88",
12
+ magenta: "bg-magenta-200/56 text-magenta-900/88",
13
+ gray: "bg-gray-300/80 text-gray-900/88",
14
+ purple: "bg-purple-200/64 text-purple-900/88",
15
+ robinblue: "bg-robinblue-200/64 text-robinblue-800/88"
16
+ },
17
+ border: {
18
+ outline: "border",
19
+ none: "border-0"
20
+ }
21
+ },
22
+ compoundVariants: [
23
+ {
24
+ border: "outline",
25
+ variant: "green",
26
+ className: "border-green-300"
27
+ },
28
+ {
29
+ border: "outline",
30
+ variant: "yellow",
31
+ className: "border-yellow-300"
32
+ },
33
+ {
34
+ border: "outline",
35
+ variant: "magenta",
36
+ className: "border-magenta-300"
37
+ },
38
+ {
39
+ border: "outline",
40
+ variant: "gray",
41
+ className: "border-gray-400"
42
+ },
43
+ {
44
+ border: "outline",
45
+ variant: "purple",
46
+ className: "border-purple-300"
47
+ },
48
+ {
49
+ border: "outline",
50
+ variant: "robinblue",
51
+ className: "border-robinblue-300"
52
+ }
53
+ ],
54
+ defaultVariants: {
55
+ variant: "gray",
56
+ border: "none"
57
+ }
58
+ });
59
+ function o({ className: e, variant: n, border: o, asChild: s = !1, ...c }) {
60
+ return /* @__PURE__ */ (0, i.jsx)(s ? r : "span", {
61
+ "data-slot": "badge",
62
+ className: t(a({
63
+ variant: n,
64
+ border: o
65
+ }), e),
66
+ ...c
67
+ });
6
68
  }
7
- function x({
8
- variant: r,
9
- children: e,
10
- ...i
11
- }) {
12
- return /* @__PURE__ */ t.jsx(l, { variant: r, ...i, children: /* @__PURE__ */ t.jsx("div", { className: "flex items-center space-x-8 w-fit", children: e }) });
13
- }
14
- function f({
15
- className: r,
16
- ...e
17
- }) {
18
- return /* @__PURE__ */ t.jsx("div", { className: n("flex space-x-8", r), ...e });
19
- }
20
- export {
21
- c as FilterBar,
22
- f as FilterBarContent,
23
- x as FilterBarScrollableContent
24
- };
25
- //# sourceMappingURL=index14.js.map
69
+ //#endregion
70
+ export { o as Badge, a as badgeVariants };
71
+
72
+ //# sourceMappingURL=index14.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index14.js","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n variant,\n children,\n ...props\n}: FilterBarScrollableContentProps) {\n return (\n <GradientScroll variant={variant} {...props}>\n <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n </GradientScroll>\n )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n className,\n ...props\n}: FilterBarContentProps) {\n return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":";;;AASO,SAASA,EAAU,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACjE,SAAOC,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAG,eAAeH,CAAS,GAAI,GAAGC,GAAO;AAClE;AAMO,SAASG,EAA2B;AAAA,EACzC,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGL;AACL,GAAoC;AAClC,SACEC,gBAAAA,EAAAA,IAACK,GAAA,EAAe,SAAAF,GAAmB,GAAGJ,GACpC,gCAAC,OAAA,EAAI,WAAU,qCAAqC,UAAAK,EAAA,CAAS,EAAA,CAC/D;AAEJ;AAIO,SAASE,EAAiB;AAAA,EAC/B,WAAAR;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,SAAOC,gBAAAA,EAAAA,IAAC,SAAI,WAAWC,EAAG,kBAAkBH,CAAS,GAAI,GAAGC,GAAO;AACrE;"}
1
+ {"version":3,"file":"index14.js","names":[],"sources":["../src/Badge/index.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\n/**\n * The Toggle component has \"badge-like\" variants\n * When updating the styles in here, you should consider also updating it there\n */\nconst badgeVariants = cva(\n 'inline-flex items-center justify-center rounded-[16px] font-medium transition-colors h-[26px] px-12 text-sm [&:has(>svg:first-child)]:pl-[10px]',\n {\n variants: {\n variant: {\n green: 'bg-green-200/72 text-green-900/88',\n yellow: 'bg-yellow-200/72 text-yellow-900/88',\n magenta: 'bg-magenta-200/56 text-magenta-900/88',\n gray: 'bg-gray-300/80 text-gray-900/88',\n purple: 'bg-purple-200/64 text-purple-900/88',\n robinblue: 'bg-robinblue-200/64 text-robinblue-800/88'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n }\n },\n compoundVariants: [\n {\n border: 'outline',\n variant: 'green',\n className: 'border-green-300'\n },\n {\n border: 'outline',\n variant: 'yellow',\n className: 'border-yellow-300'\n },\n {\n border: 'outline',\n variant: 'magenta',\n className: 'border-magenta-300'\n },\n {\n border: 'outline',\n variant: 'gray',\n className: 'border-gray-400'\n },\n {\n border: 'outline',\n variant: 'purple',\n className: 'border-purple-300'\n },\n {\n border: 'outline',\n variant: 'robinblue',\n className: 'border-robinblue-300'\n }\n ],\n defaultVariants: {\n variant: 'gray',\n border: 'none'\n }\n }\n)\n\nexport type BadgeProps = React.ComponentProps<'span'> &\n VariantProps<typeof badgeVariants> & { asChild?: boolean }\n\nfunction Badge({\n className,\n variant,\n border,\n asChild = false,\n ...props\n}: BadgeProps) {\n const Comp = asChild ? Slot : 'span'\n return (\n <Comp\n data-slot=\"badge\"\n className={cn(badgeVariants({ variant, border }), className)}\n {...props}\n />\n )\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":";;;;;;aASM,IAAgB,EACpB,mJACA;CACE,UAAU;EACR,SAAS;GACP,OAAO;GACP,QAAQ;GACR,SAAS;GACT,MAAM;GACN,QAAQ;GACR,WAAW;EACb;EACA,QAAQ;GACN,SAAS;GACT,MAAM;EACR;CACF;CACA,kBAAkB;EAChB;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA;GACE,QAAQ;GACR,SAAS;GACT,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,QAAQ;CACV;AACF,CACF;AAKA,SAAS,EAAM,EACb,cACA,YACA,WACA,aAAU,IACV,GAAG,KACU;CAEb,OACE,iBAAA,GAAA,EAAA,KAFW,IAAU,IAAO,QAE5B;EACE,aAAU;EACV,WAAW,EAAG,EAAc;GAAE;GAAS;EAAO,CAAC,GAAG,CAAS;EAC3D,GAAI;CACL,CAAA;AAEL"}
package/dist/index15.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index37.cjs"),l=require("./index39.cjs");function s({className:e,type:t,...i}){return o.jsxRuntimeExports.jsx("input",{type:t,"data-slot":"input",className:l.cn("flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base","file:border-0 file:bg-white file:text-base file:font-semibold","placeholder:text-gray-400","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active","disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",e),...i})}exports.Input=s;
2
- //# sourceMappingURL=index15.cjs.map
1
+ "use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index12.cjs");let i=require("lucide-react"),a=require("react");a=e.__toESM(a,1);let o=require("react-day-picker");var s=n.default;function c({className:e,classNames:n,showOutsideDays:a=!0,captionLayout:c=`label`,formatters:u,components:d,...f}){let p=(0,o.getDefaultClassNames)();return(0,s.jsx)(o.DayPicker,{showOutsideDays:a,className:t.cn(`bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent`,String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:c,formatters:{formatMonthDropdown:e=>e.toLocaleString(`default`,{month:`short`}),...u},classNames:{root:t.cn(`w-fit`,p.root),months:t.cn(`flex gap-16 flex-col md:flex-row relative`,p.months),month:t.cn(`flex flex-col w-full gap-16`,p.month),nav:t.cn(`flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between`,p.nav),button_previous:t.cn(r.buttonVariants({variant:`ghost`,intent:`secondary`,size:`icon`}),`size-(--cell-size) aria-disabled:opacity-48 p-0 select-none`,p.button_previous),button_next:t.cn(r.buttonVariants({variant:`ghost`,intent:`secondary`,size:`icon`}),`size-(--cell-size) aria-disabled:opacity-48 p-0 select-none`,p.button_next),month_caption:t.cn(`text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)`,p.month_caption),dropdowns:t.cn(`w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]`,p.dropdowns),dropdown_root:t.cn(`relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded`,p.dropdown_root),dropdown:t.cn(`absolute bg-gray-900/48 inset-0 opacity-0`,p.dropdown),caption_label:t.cn(`select-none`,c===`label`?`text-lg`:`rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]`,p.caption_label),table:`w-full border-collapse`,weekdays:t.cn(`flex`,p.weekdays),weekday:t.cn(`text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none`,p.weekday),week:t.cn(`flex w-full mt-8`,p.week),week_number_header:t.cn(`select-none w-(--cell-size)`,p.week_number_header),week_number:t.cn(`text-[0.8rem] select-none text-gray-900`,p.week_number),day:t.cn(`relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none`,p.day),range_start:t.cn(`rounded-l bg-purple-800 text-white`,p.range_start),range_middle:t.cn(`rounded-none`,p.range_middle),range_end:t.cn(`rounded-r bg-purple-800 text-white`,p.range_end),today:t.cn(`shadow-100 rounded aria-selected:shadow-none`,p.today),outside:t.cn(`text-gray-900 aria-selected:text-gray-900`,p.outside),disabled:t.cn(`text-gray-900 opacity-48`,p.disabled),hidden:t.cn(`invisible`,p.hidden),...n},components:{Root:({className:e,rootRef:n,...r})=>(0,s.jsx)(`div`,{"data-slot":`calendar`,ref:n,className:t.cn(e),...r}),Chevron:({className:e,orientation:n,...r})=>n===`left`?(0,s.jsx)(i.ChevronLeftIcon,{className:t.cn(`size-16`,e),...r}):n===`right`?(0,s.jsx)(i.ChevronRightIcon,{className:t.cn(`size-16`,e),...r}):(0,s.jsx)(i.ChevronDownIcon,{className:t.cn(`size-16`,e),...r}),DayButton:l,WeekNumber:({children:e,...t})=>(0,s.jsx)(`td`,{...t,children:(0,s.jsx)(`div`,{className:`flex size-(--cell-size) items-center justify-center text-center`,children:e})}),...d},...f})}function l({className:e,day:n,modifiers:i,...c}){let l=(0,o.getDefaultClassNames)(),u=a.useRef(null);return a.useEffect(()=>{i.focused&&u.current?.focus()},[i.focused]),(0,s.jsx)(r.Button,{ref:u,variant:`ghost`,size:`icon`,"data-day":n.date.toLocaleDateString(),"data-selected-single":i.selected&&!i.range_start&&!i.range_end&&!i.range_middle,"data-range-start":i.range_start,"data-range-end":i.range_end,"data-range-middle":i.range_middle,className:t.cn(`data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white`,`data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white`,`data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white`,`data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white`,`flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative`,`group-data-[focused=true]/day:z-10`,`[&>span]:text-xs [&>span]:opacity-64`,`rounded-none`,`data-[selected-single=true]:rounded`,`data-[range-middle=true]:rounded-none`,`data-[range-start=true]:rounded-l`,`data-[range-end=true]:rounded-r`,l.day,e),...c})}exports.Calendar=c;
2
+ //# sourceMappingURL=index15.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index15.cjs","sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n return (\n <input\n type={type}\n data-slot=\"input\"\n className={cn(\n 'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n 'file:border-0 file:bg-white file:text-base file:font-semibold',\n 'placeholder:text-gray-400',\n 'hover:shadow-field-hover',\n 'active:shadow-field-active',\n 'focus-visible:outline-none focus:shadow-field-active',\n 'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Input }\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":"4IAGA,SAASA,EAAM,CAAE,UAAAC,EAAW,KAAAC,EAAM,GAAGC,GAAwC,CAC3E,OACEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,KAAAF,EACA,YAAU,QACV,UAAWG,EAAAA,GACT,2FACA,gEACA,4BACA,2BACA,6BACA,uDACA,uEACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}
1
+ {"version":3,"file":"index15.cjs","names":[],"sources":["../src/Calendar/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon\n} from 'lucide-react'\nimport * as React from 'react'\nimport { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker'\nimport { Button, buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction Calendar({\n className,\n classNames,\n showOutsideDays = true,\n captionLayout = 'label',\n formatters,\n components,\n ...props\n}: React.ComponentProps<typeof DayPicker>) {\n const defaultClassNames = getDefaultClassNames()\n\n return (\n <DayPicker\n showOutsideDays={showOutsideDays}\n className={cn(\n 'bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n className\n )}\n captionLayout={captionLayout}\n formatters={{\n formatMonthDropdown: date =>\n date.toLocaleString('default', { month: 'short' }),\n ...formatters\n }}\n classNames={{\n root: cn('w-fit', defaultClassNames.root),\n months: cn(\n 'flex gap-16 flex-col md:flex-row relative',\n defaultClassNames.months\n ),\n month: cn('flex flex-col w-full gap-16', defaultClassNames.month),\n nav: cn(\n 'flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between',\n defaultClassNames.nav\n ),\n button_previous: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_previous\n ),\n button_next: cn(\n buttonVariants({\n variant: 'ghost',\n intent: 'secondary',\n size: 'icon'\n }),\n 'size-(--cell-size) aria-disabled:opacity-48 p-0 select-none',\n defaultClassNames.button_next\n ),\n month_caption: cn(\n 'text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)',\n defaultClassNames.month_caption\n ),\n dropdowns: cn(\n 'w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]',\n defaultClassNames.dropdowns\n ),\n dropdown_root: cn(\n 'relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded',\n defaultClassNames.dropdown_root\n ),\n dropdown: cn(\n 'absolute bg-gray-900/48 inset-0 opacity-0',\n defaultClassNames.dropdown\n ),\n caption_label: cn(\n 'select-none',\n captionLayout === 'label'\n ? 'text-lg'\n : 'rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]',\n defaultClassNames.caption_label\n ),\n table: 'w-full border-collapse',\n weekdays: cn('flex', defaultClassNames.weekdays),\n weekday: cn(\n 'text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none',\n defaultClassNames.weekday\n ),\n week: cn('flex w-full mt-8', defaultClassNames.week),\n week_number_header: cn(\n 'select-none w-(--cell-size)',\n defaultClassNames.week_number_header\n ),\n week_number: cn(\n 'text-[0.8rem] select-none text-gray-900',\n defaultClassNames.week_number\n ),\n day: cn(\n 'relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none',\n defaultClassNames.day\n ),\n range_start: cn(\n 'rounded-l bg-purple-800 text-white',\n defaultClassNames.range_start\n ),\n range_middle: cn('rounded-none', defaultClassNames.range_middle),\n range_end: cn(\n 'rounded-r bg-purple-800 text-white',\n defaultClassNames.range_end\n ),\n today: cn(\n 'shadow-100 rounded aria-selected:shadow-none',\n defaultClassNames.today\n ),\n outside: cn(\n 'text-gray-900 aria-selected:text-gray-900',\n defaultClassNames.outside\n ),\n disabled: cn('text-gray-900 opacity-48', defaultClassNames.disabled),\n hidden: cn('invisible', defaultClassNames.hidden),\n ...classNames\n }}\n components={{\n Root: ({ className, rootRef, ...props }) => {\n return (\n <div\n data-slot=\"calendar\"\n ref={rootRef}\n className={cn(className)}\n {...props}\n />\n )\n },\n Chevron: ({ className, orientation, ...props }) => {\n if (orientation === 'left') {\n return (\n <ChevronLeftIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n if (orientation === 'right') {\n return (\n <ChevronRightIcon\n className={cn('size-16', className)}\n {...props}\n />\n )\n }\n\n return (\n <ChevronDownIcon className={cn('size-16', className)} {...props} />\n )\n },\n DayButton: CalendarDayButton,\n WeekNumber: ({ children, ...props }) => {\n return (\n <td {...props}>\n <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n {children}\n </div>\n </td>\n )\n },\n ...components\n }}\n {...props}\n />\n )\n}\n\nfunction CalendarDayButton({\n className,\n day,\n modifiers,\n ...props\n}: React.ComponentProps<typeof DayButton>) {\n const defaultClassNames = getDefaultClassNames()\n\n const ref = React.useRef<HTMLButtonElement>(null)\n React.useEffect(() => {\n if (modifiers.focused) ref.current?.focus()\n }, [modifiers.focused])\n\n return (\n <Button\n ref={ref}\n variant=\"ghost\"\n size=\"icon\"\n data-day={day.date.toLocaleDateString()}\n data-selected-single={\n modifiers.selected &&\n !modifiers.range_start &&\n !modifiers.range_end &&\n !modifiers.range_middle\n }\n data-range-start={modifiers.range_start}\n data-range-end={modifiers.range_end}\n data-range-middle={modifiers.range_middle}\n className={cn(\n 'data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white',\n 'data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white',\n 'data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white',\n 'data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white',\n 'flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative',\n 'group-data-[focused=true]/day:z-10',\n '[&>span]:text-xs [&>span]:opacity-64',\n 'rounded-none',\n 'data-[selected-single=true]:rounded', // single-date selection\n 'data-[range-middle=true]:rounded-none',\n 'data-[range-start=true]:rounded-l',\n 'data-[range-end=true]:rounded-r',\n defaultClassNames.day,\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":"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"}
package/dist/index15.js CHANGED
@@ -1,26 +1,106 @@
1
- import { j as i } from "./index37.js";
2
- import { cn as a } from "./index39.js";
3
- function r({ className: e, type: o, ...t }) {
4
- return /* @__PURE__ */ i.jsx(
5
- "input",
6
- {
7
- type: o,
8
- "data-slot": "input",
9
- className: a(
10
- "flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base",
11
- "file:border-0 file:bg-white file:text-base file:font-semibold",
12
- "placeholder:text-gray-400",
13
- "hover:shadow-field-hover",
14
- "active:shadow-field-active",
15
- "focus-visible:outline-none focus:shadow-field-active",
16
- "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
17
- e
18
- ),
19
- ...t
20
- }
21
- );
1
+ "use client";
2
+ import { cn as e } from "./index7.js";
3
+ import { require_jsx_runtime as t } from "./index10.js";
4
+ import { Button as n, buttonVariants as r } from "./index12.js";
5
+ import { ChevronDownIcon as i, ChevronLeftIcon as a, ChevronRightIcon as o } from "lucide-react";
6
+ import * as s from "react";
7
+ import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
8
+ //#region src/Calendar/index.tsx
9
+ var u = t();
10
+ function d({ className: t, classNames: n, showOutsideDays: s = !0, captionLayout: d = "label", formatters: p, components: m, ...h }) {
11
+ let g = l();
12
+ return /* @__PURE__ */ (0, u.jsx)(c, {
13
+ showOutsideDays: s,
14
+ className: e("bg-white group/calendar p-12 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
15
+ captionLayout: d,
16
+ formatters: {
17
+ formatMonthDropdown: (e) => e.toLocaleString("default", { month: "short" }),
18
+ ...p
19
+ },
20
+ classNames: {
21
+ root: e("w-fit", g.root),
22
+ months: e("flex gap-16 flex-col md:flex-row relative", g.months),
23
+ month: e("flex flex-col w-full gap-16", g.month),
24
+ nav: e("flex items-center gap-4 w-full absolute top-0 inset-x-0 justify-between", g.nav),
25
+ button_previous: e(r({
26
+ variant: "ghost",
27
+ intent: "secondary",
28
+ size: "icon"
29
+ }), "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none", g.button_previous),
30
+ button_next: e(r({
31
+ variant: "ghost",
32
+ intent: "secondary",
33
+ size: "icon"
34
+ }), "size-(--cell-size) aria-disabled:opacity-48 p-0 select-none", g.button_next),
35
+ month_caption: e("text-base flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", g.month_caption),
36
+ dropdowns: e("w-full flex items-center text-sm font-semibold justify-center h-(--cell-size) gap-[6px]", g.dropdowns),
37
+ dropdown_root: e("relative has-focus:border-ring border border-gray-900/48 shadow has-focus:ring-ring/50 has-focus:ring-[3px] rounded", g.dropdown_root),
38
+ dropdown: e("absolute bg-gray-900/48 inset-0 opacity-0", g.dropdown),
39
+ caption_label: e("select-none", d === "label" ? "text-lg" : "rounded pl-8 pr-4 flex items-center gap-4 text-sm h-32 [&>svg]:text-gray-900 [&>]:size-[14px]", g.caption_label),
40
+ table: "w-full border-collapse",
41
+ weekdays: e("flex", g.weekdays),
42
+ weekday: e("text-gray-700 bg-gray-900/4 rounded flex-1 font-normal text-[0.8rem] select-none", g.weekday),
43
+ week: e("flex w-full mt-8", g.week),
44
+ week_number_header: e("select-none w-(--cell-size)", g.week_number_header),
45
+ week_number: e("text-[0.8rem] select-none text-gray-900", g.week_number),
46
+ day: e("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l [&:last-child[data-selected=true]_button]:rounded-r group/day aspect-square select-none", g.day),
47
+ range_start: e("rounded-l bg-purple-800 text-white", g.range_start),
48
+ range_middle: e("rounded-none", g.range_middle),
49
+ range_end: e("rounded-r bg-purple-800 text-white", g.range_end),
50
+ today: e("shadow-100 rounded aria-selected:shadow-none", g.today),
51
+ outside: e("text-gray-900 aria-selected:text-gray-900", g.outside),
52
+ disabled: e("text-gray-900 opacity-48", g.disabled),
53
+ hidden: e("invisible", g.hidden),
54
+ ...n
55
+ },
56
+ components: {
57
+ Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ (0, u.jsx)("div", {
58
+ "data-slot": "calendar",
59
+ ref: n,
60
+ className: e(t),
61
+ ...r
62
+ }),
63
+ Chevron: ({ className: t, orientation: n, ...r }) => n === "left" ? /* @__PURE__ */ (0, u.jsx)(a, {
64
+ className: e("size-16", t),
65
+ ...r
66
+ }) : n === "right" ? /* @__PURE__ */ (0, u.jsx)(o, {
67
+ className: e("size-16", t),
68
+ ...r
69
+ }) : /* @__PURE__ */ (0, u.jsx)(i, {
70
+ className: e("size-16", t),
71
+ ...r
72
+ }),
73
+ DayButton: f,
74
+ WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ (0, u.jsx)("td", {
75
+ ...t,
76
+ children: /* @__PURE__ */ (0, u.jsx)("div", {
77
+ className: "flex size-(--cell-size) items-center justify-center text-center",
78
+ children: e
79
+ })
80
+ }),
81
+ ...m
82
+ },
83
+ ...h
84
+ });
22
85
  }
23
- export {
24
- r as Input
25
- };
26
- //# sourceMappingURL=index15.js.map
86
+ function f({ className: t, day: r, modifiers: i, ...a }) {
87
+ let o = l(), c = s.useRef(null);
88
+ return s.useEffect(() => {
89
+ i.focused && c.current?.focus();
90
+ }, [i.focused]), /* @__PURE__ */ (0, u.jsx)(n, {
91
+ ref: c,
92
+ variant: "ghost",
93
+ size: "icon",
94
+ "data-day": r.date.toLocaleDateString(),
95
+ "data-selected-single": i.selected && !i.range_start && !i.range_end && !i.range_middle,
96
+ "data-range-start": i.range_start,
97
+ "data-range-end": i.range_end,
98
+ "data-range-middle": i.range_middle,
99
+ className: e("data-[selected-single=true]:bg-purple-900 data-[selected-single=true]:text-white", "data-[range-middle=true]:bg-purple-700 data-[range-middle=true]:text-white", "data-[range-start=true]:bg-purple-800 data-[range-start=true]:text-white", "data-[range-end=true]:bg-purple-800 data-[range-end=true]:text-white", "flex outline aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-4 leading-none font-normal group-data-[focused=true]/day:relative", "group-data-[focused=true]/day:z-10", "[&>span]:text-xs [&>span]:opacity-64", "rounded-none", "data-[selected-single=true]:rounded", "data-[range-middle=true]:rounded-none", "data-[range-start=true]:rounded-l", "data-[range-end=true]:rounded-r", o.day, t),
100
+ ...a
101
+ });
102
+ }
103
+ //#endregion
104
+ export { d as Calendar };
105
+
106
+ //# sourceMappingURL=index15.js.map