ics-ui-kit 0.1.0-alpha.7 → 0.1.0-alpha.9

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 (201) hide show
  1. package/dist/Button-Cfe4WIYW.js +57 -0
  2. package/dist/Button-Cfe4WIYW.js.map +1 -0
  3. package/dist/ButtonBase-C8kakRHQ.js +184 -0
  4. package/dist/ButtonBase-C8kakRHQ.js.map +1 -0
  5. package/dist/CheckboxField-DaRmV9yw.js +251 -0
  6. package/dist/CheckboxField-DaRmV9yw.js.map +1 -0
  7. package/dist/Description-g2E6P7Qi.js +37 -0
  8. package/dist/Description-g2E6P7Qi.js.map +1 -0
  9. package/dist/Divider-D3NvaU8c.js +46 -0
  10. package/dist/Divider-D3NvaU8c.js.map +1 -0
  11. package/dist/Field-CjwIc66I.js +83 -0
  12. package/dist/Field-CjwIc66I.js.map +1 -0
  13. package/dist/FieldLabel--NVcQQhJ.js +64 -0
  14. package/dist/FieldLabel--NVcQQhJ.js.map +1 -0
  15. package/dist/Icon-CSPBHL_x.js +19 -0
  16. package/dist/Icon-CSPBHL_x.js.map +1 -0
  17. package/dist/IconButton-CTxOql_1.js +55 -0
  18. package/dist/IconButton-CTxOql_1.js.map +1 -0
  19. package/dist/ScrollShadowContainer-C4qXz8gc.js +849 -0
  20. package/dist/ScrollShadowContainer-C4qXz8gc.js.map +1 -0
  21. package/dist/bundle-mjs-D6wdQkGI.js +2487 -0
  22. package/dist/bundle-mjs-D6wdQkGI.js.map +1 -0
  23. package/dist/check-C-TqZgvb.js +12 -0
  24. package/dist/check-C-TqZgvb.js.map +1 -0
  25. package/dist/components/background/Background.d.ts +138 -0
  26. package/dist/components/background/Background.stories.d.ts +6 -0
  27. package/dist/components/badge/Badge.d.ts +294 -27
  28. package/dist/components/badge/Badge.stories.d.ts +2 -4
  29. package/dist/components/badge/index.d.ts +1 -0
  30. package/dist/components/badge.d.ts +2 -0
  31. package/dist/components/badge.js +96 -0
  32. package/dist/components/badge.js.map +1 -0
  33. package/dist/components/button/{Button.d.ts → button/Button.d.ts} +20 -66
  34. package/dist/components/button/button/Button.stories.d.ts +186 -0
  35. package/dist/components/button/button-base/ButtonBase.d.ts +335 -0
  36. package/dist/components/button/button-base/ButtonBase.stories.d.ts +7 -0
  37. package/dist/components/button/icon-button/IconButton.d.ts +478 -0
  38. package/dist/components/button/icon-button/IconButton.stories.d.ts +6 -0
  39. package/dist/components/button/index.d.ts +3 -0
  40. package/dist/components/button.d.ts +2 -0
  41. package/dist/components/button.js +9 -0
  42. package/dist/components/button.js.map +1 -0
  43. package/dist/components/checkbox/Checkbox.d.ts +5 -0
  44. package/dist/components/checkbox/Checkbox.stories.d.ts +6 -0
  45. package/dist/components/checkbox/checkbox-field/CheckboxField.d.ts +465 -0
  46. package/dist/components/checkbox/checkbox-field/CheckboxField.stories.d.ts +256 -0
  47. package/dist/components/checkbox/index.d.ts +2 -0
  48. package/dist/components/checkbox.d.ts +2 -0
  49. package/dist/components/checkbox.js +6 -0
  50. package/dist/components/checkbox.js.map +1 -0
  51. package/dist/components/description/Description.d.ts +4 -0
  52. package/dist/components/description/Description.stories.d.ts +14 -0
  53. package/dist/components/description/index.d.ts +1 -0
  54. package/dist/components/description.d.ts +2 -0
  55. package/dist/components/description.js +5 -0
  56. package/dist/components/description.js.map +1 -0
  57. package/dist/components/dialog/Dialog.d.ts +19 -0
  58. package/dist/components/divider/Divider.d.ts +121 -0
  59. package/dist/components/divider/Divider.stories.d.ts +7 -0
  60. package/dist/components/divider/index.d.ts +1 -0
  61. package/dist/components/divider.d.ts +2 -0
  62. package/dist/components/divider.js +5 -0
  63. package/dist/components/divider.js.map +1 -0
  64. package/dist/components/field/Field.d.ts +125 -0
  65. package/dist/components/field/Field.stories.d.ts +7 -0
  66. package/dist/components/field/index.d.ts +1 -0
  67. package/dist/components/field.d.ts +2 -0
  68. package/dist/components/field.js +5 -0
  69. package/dist/components/field.js.map +1 -0
  70. package/dist/components/form/Form.d.ts +27 -0
  71. package/dist/components/form/Form.stories.d.ts +20 -0
  72. package/dist/components/form/components/form-field/FormField.d.ts +104 -0
  73. package/dist/components/form/components/form-field/FormField.stories.d.ts +32 -0
  74. package/dist/components/form/components/form-section-title/FormSectionTitle.d.ts +13 -0
  75. package/dist/components/form/index.d.ts +3 -0
  76. package/dist/components/form.d.ts +2 -0
  77. package/dist/components/form.js +345 -0
  78. package/dist/components/form.js.map +1 -0
  79. package/dist/components/icon/Icon.d.ts +7 -0
  80. package/dist/components/icon/Icon.stories.d.ts +0 -1
  81. package/dist/components/icon/feature-icon/FeatureIcon.d.ts +80 -0
  82. package/dist/components/icon/feature-icon/FeatureIcon.stories.d.ts +29 -0
  83. package/dist/components/icon-tooltip/IconTooltip.d.ts +9 -0
  84. package/dist/components/icon-tooltip/IconTooltip.stories.d.ts +6 -0
  85. package/dist/components/input/components/clear-button/ClearButton.d.ts +6 -0
  86. package/dist/components/input/components/copy-button/CopyButton.d.ts +7 -0
  87. package/dist/components/input/components/icon-button/InputIconButton.d.ts +8 -0
  88. package/dist/components/input/index.d.ts +3 -0
  89. package/dist/components/input/input/Input.d.ts +7 -8
  90. package/dist/components/input/input/Input.stories.d.ts +8 -26
  91. package/dist/components/input/secret-input/SecretInput.d.ts +4 -2
  92. package/dist/components/input/secret-input/SecretInput.stories.d.ts +2 -25
  93. package/dist/components/input/secret-input/components/ShowValueToggler.d.ts +6 -3
  94. package/dist/components/input/text-input/TextInput.d.ts +18 -2
  95. package/dist/components/input/text-input/TextInput.stories.d.ts +11 -25
  96. package/dist/components/input.d.ts +2 -0
  97. package/dist/components/input.js +250 -0
  98. package/dist/components/input.js.map +1 -0
  99. package/dist/components/label/Label.d.ts +6 -4
  100. package/dist/components/label/Label.stories.d.ts +5 -3
  101. package/dist/components/label/field-label/FieldLabel.d.ts +54 -0
  102. package/dist/components/label/field-label/FieldLabel.stories.d.ts +6 -0
  103. package/dist/components/label/index.d.ts +2 -0
  104. package/dist/components/label.d.ts +2 -0
  105. package/dist/components/label.js +6 -0
  106. package/dist/components/label.js.map +1 -0
  107. package/dist/components/modal/Modal.d.ts +14 -0
  108. package/dist/components/modal/Modal.stories.d.ts +25 -0
  109. package/dist/components/modal/components/body/ModalBody.d.ts +2 -0
  110. package/dist/components/modal/components/footer/ModalFooter.d.ts +2 -0
  111. package/dist/components/modal/components/header/ModalHeader.d.ts +6 -0
  112. package/dist/components/modal/index.d.ts +6 -0
  113. package/dist/components/modal/templates/footer-template/ModalFooterTemplate.d.ts +14 -0
  114. package/dist/components/modal/templates/header-template/ModalHeaderTemplate.d.ts +210 -0
  115. package/dist/components/modal.d.ts +2 -0
  116. package/dist/components/modal.js +507 -0
  117. package/dist/components/modal.js.map +1 -0
  118. package/dist/components/scheduler/components/hour-rows/HourRows.stories.d.ts +1 -1
  119. package/dist/components/scheduler.js +2149 -4323
  120. package/dist/components/scheduler.js.map +1 -1
  121. package/dist/components/scroll-area/ScrollArea.d.ts +5 -0
  122. package/dist/components/scroll-area/ScrollArea.stories.d.ts +17 -0
  123. package/dist/components/scroll-shadow-container/ScrollShadowContainer.d.ts +53 -0
  124. package/dist/components/scroll-shadow-container/ScrollShadowContainer.stories.d.ts +13 -0
  125. package/dist/components/scroll-shadow-container/index.d.ts +1 -0
  126. package/dist/components/scroll-shadow-container.d.ts +2 -0
  127. package/dist/components/scroll-shadow-container.js +5 -0
  128. package/dist/components/scroll-shadow-container.js.map +1 -0
  129. package/dist/components/select/Select.d.ts +63 -0
  130. package/dist/components/select/Select.stories.d.ts +9 -0
  131. package/dist/components/select/index.d.ts +1 -0
  132. package/dist/components/select.d.ts +2 -0
  133. package/dist/components/select.js +1035 -0
  134. package/dist/components/select.js.map +1 -0
  135. package/dist/components/switch/Switch.d.ts +183 -0
  136. package/dist/components/switch/Switch.stories.d.ts +121 -0
  137. package/dist/components/switch/index.d.ts +2 -0
  138. package/dist/components/switch/switch-field/SwitchField.d.ts +320 -0
  139. package/dist/components/switch/switch-field/SwitchField.stories.d.ts +341 -0
  140. package/dist/components/switch.d.ts +2 -0
  141. package/dist/components/switch.js +237 -0
  142. package/dist/components/switch.js.map +1 -0
  143. package/dist/components/tag/Tag.d.ts +1106 -0
  144. package/dist/components/tag/Tag.stories.d.ts +8 -0
  145. package/dist/components/tag/index.d.ts +1 -0
  146. package/dist/components/tag.d.ts +2 -0
  147. package/dist/components/tag.js +192 -0
  148. package/dist/components/tag.js.map +1 -0
  149. package/dist/components/toast/ToastStory.d.ts +0 -1
  150. package/dist/components/toast/ToastView.d.ts +11 -11
  151. package/dist/components/toast/utils/ToastUtils.d.ts +1 -1
  152. package/dist/components/toast.js +805 -261
  153. package/dist/components/toast.js.map +1 -1
  154. package/dist/createLucideIcon-DgrNxRV5.js +112 -0
  155. package/dist/createLucideIcon-DgrNxRV5.js.map +1 -0
  156. package/dist/design-tokens.source.json +1 -0
  157. package/dist/docs/customPresenter.d.ts +7 -0
  158. package/dist/docs/typography.stories.d.ts +5 -0
  159. package/dist/fonts/inter/InterVariable-Italic.ttf +0 -0
  160. package/dist/fonts/inter/InterVariable.ttf +0 -0
  161. package/dist/hooks/useMergeRefs.d.ts +3 -0
  162. package/dist/index-BA36kN2b.js +76 -0
  163. package/dist/index-BA36kN2b.js.map +1 -0
  164. package/dist/index-BZPx6jYI.js +9 -0
  165. package/dist/index-BZPx6jYI.js.map +1 -0
  166. package/dist/index-CImD85pK.js +179 -0
  167. package/dist/index-CImD85pK.js.map +1 -0
  168. package/dist/index-CR-odn5-.js +2446 -0
  169. package/dist/index-CR-odn5-.js.map +1 -0
  170. package/dist/index-CaGtfIqw.js +163 -0
  171. package/dist/index-CaGtfIqw.js.map +1 -0
  172. package/dist/index-CfJKNBxG.js +698 -0
  173. package/dist/index-CfJKNBxG.js.map +1 -0
  174. package/dist/index-DPws5oAn.js +90 -0
  175. package/dist/index-DPws5oAn.js.map +1 -0
  176. package/dist/index-DsEh1WRc.js +1586 -0
  177. package/dist/index-DsEh1WRc.js.map +1 -0
  178. package/dist/index-pysSAa5G.js +57 -0
  179. package/dist/index-pysSAa5G.js.map +1 -0
  180. package/dist/index.d.ts +1 -3
  181. package/dist/index.js +1 -6
  182. package/dist/index.js.map +1 -1
  183. package/dist/lib/utils/storybook.d.ts +3 -0
  184. package/dist/styles-scoped.css +1309 -469
  185. package/dist/styles.css +1576 -734
  186. package/dist/tooltip-CYQMPCEj.js +365 -0
  187. package/dist/tooltip-CYQMPCEj.js.map +1 -0
  188. package/dist/utils-2yE78m5l.js +21 -0
  189. package/dist/utils-2yE78m5l.js.map +1 -0
  190. package/dist/x-JgjNP5oH.js +15 -0
  191. package/dist/x-JgjNP5oH.js.map +1 -0
  192. package/package.json +13 -3
  193. package/dist/ToastAction-C6gMf3Zg.js +0 -880
  194. package/dist/ToastAction-C6gMf3Zg.js.map +0 -1
  195. package/dist/bundle-mjs-BQaSeS8G.js +0 -4975
  196. package/dist/bundle-mjs-BQaSeS8G.js.map +0 -1
  197. package/dist/components/button/Button.stories.d.ts +0 -16
  198. package/dist/components/input/input/context/InputContext.d.ts +0 -14
  199. package/dist/components/input/text-input/components/CopyButton.d.ts +0 -4
  200. package/dist/components/separator/separator.d.ts +0 -44
  201. package/dist/components/separator/separator.stories.d.ts +0 -6
@@ -0,0 +1,57 @@
1
+ var g = Object.defineProperty, j = Object.defineProperties;
2
+ var k = Object.getOwnPropertyDescriptors;
3
+ var a = Object.getOwnPropertySymbols;
4
+ var l = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
5
+ var m = (s, t, e) => t in s ? g(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, p = (s, t) => {
6
+ for (var e in t || (t = {}))
7
+ l.call(t, e) && m(s, e, t[e]);
8
+ if (a)
9
+ for (var e of a(t))
10
+ f.call(t, e) && m(s, e, t[e]);
11
+ return s;
12
+ }, d = (s, t) => j(s, k(t));
13
+ var x = (s, t) => {
14
+ var e = {};
15
+ for (var o in s)
16
+ l.call(s, o) && t.indexOf(o) < 0 && (e[o] = s[o]);
17
+ if (s != null && a)
18
+ for (var o of a(s))
19
+ t.indexOf(o) < 0 && f.call(s, o) && (e[o] = s[o]);
20
+ return e;
21
+ };
22
+ import { jsx as c, jsxs as v } from "react/jsx-runtime";
23
+ import y from "react";
24
+ import { c as I } from "./index-CR-odn5-.js";
25
+ import { B as R } from "./ButtonBase-C8kakRHQ.js";
26
+ const V = I({
27
+ slots: {
28
+ container: "flex items-center justify-center gap-2",
29
+ icon: "h-4 w-4 stroke-[1.5px]"
30
+ },
31
+ variants: {
32
+ size: {
33
+ xs: { icon: "h-3 w-3 stroke-[1px]" },
34
+ sm: { icon: "h-3.5 w-3.5 stroke-[1.25px]" },
35
+ md: {},
36
+ lg: {},
37
+ xl: { container: "gap-3" }
38
+ }
39
+ },
40
+ defaultVariants: {
41
+ size: "md"
42
+ }
43
+ }), D = y.forwardRef(
44
+ (_, B) => {
45
+ var i = _, { startIcon: s, endIcon: t, size: e, children: o, iconClassName: r, containerClassName: u } = i, h = x(i, ["startIcon", "endIcon", "size", "children", "iconClassName", "containerClassName"]);
46
+ const n = V({ size: e }), N = s && /* @__PURE__ */ c(s, { className: n.icon({ className: r }) }), w = t && /* @__PURE__ */ c(t, { className: n.icon({ className: r }) });
47
+ return /* @__PURE__ */ c(R, d(p({}, h), { size: e, ref: B, children: /* @__PURE__ */ v("div", { className: n.container({ className: u }), children: [
48
+ N,
49
+ o,
50
+ w
51
+ ] }) }));
52
+ }
53
+ );
54
+ export {
55
+ D as B
56
+ };
57
+ //# sourceMappingURL=Button-Cfe4WIYW.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button-Cfe4WIYW.js","sources":["../src/components/button/button/Button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { ButtonBase, ButtonBaseProps } from \"../button-base/ButtonBase\";\r\n\r\nconst buttonVariants = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex items-center justify-center gap-2\",\r\n\t\ticon: \"h-4 w-4 stroke-[1.5px]\"\r\n\t},\r\n\tvariants: {\r\n\t\tsize: {\r\n\t\t\txs: { icon: \"h-3 w-3 stroke-[1px]\" },\r\n\t\t\tsm: { icon: \"h-3.5 w-3.5 stroke-[1.25px]\" },\r\n\t\t\tmd: {},\r\n\t\t\tlg: {},\r\n\t\t\txl: { container: \"gap-3\" }\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tsize: \"md\"\r\n\t}\r\n});\r\n\r\nexport type ButtonProps = PropsWithChildren<\r\n\tButtonBaseProps & {\r\n\t\tstartIcon?: React.ElementType;\r\n\t\tendIcon?: React.ElementType;\r\n\t\tcontainerClassName?: string;\r\n\t\ticonClassName?: string;\r\n\t}\r\n>;\r\n\r\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\r\n\t({ startIcon: StartIcon, endIcon: EndIcon, size, children, iconClassName, containerClassName, ...props }, ref) => {\r\n\t\tconst styles = buttonVariants({ size });\r\n\r\n\t\tconst startIconEl = StartIcon && <StartIcon className={styles.icon({ className: iconClassName })} />;\r\n\t\tconst endIconEl = EndIcon && <EndIcon className={styles.icon({ className: iconClassName })} />;\r\n\r\n\t\treturn (\r\n\t\t\t<ButtonBase {...props} size={size} ref={ref}>\r\n\t\t\t\t<div className={styles.container({ className: containerClassName })}>\r\n\t\t\t\t\t{startIconEl}\r\n\t\t\t\t\t{children}\r\n\t\t\t\t\t{endIconEl}\r\n\t\t\t\t</div>\r\n\t\t\t</ButtonBase>\r\n\t\t);\r\n\t}\r\n);\r\n"],"names":["buttonVariants","tv","Button","React","_a","ref","_b","StartIcon","EndIcon","size","children","iconClassName","containerClassName","props","__objRest","styles","startIconEl","jsx","endIconEl","ButtonBase","__spreadProps","__spreadValues","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,IAAiBC,EAAG;AAAA,EACzB,OAAO;AAAA,IACN,WAAW;AAAA,IACX,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,MAAM;AAAA,MACL,IAAI,EAAE,MAAM,uBAAuB;AAAA,MACnC,IAAI,EAAE,MAAM,8BAA8B;AAAA,MAC1C,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,MACL,IAAI,EAAE,WAAW,QAAQ;AAAA,IAAA;AAAA,EAE3B;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,EAAA;AAER,CAAC,GAWYC,IAASC,EAAM;AAAA,EAC3B,CAACC,GAAyGC,MAAQ;AAAjH,QAAAC,IAAAF,GAAE,aAAWG,GAAW,SAASC,GAAS,MAAAC,GAAM,UAAAC,GAAU,eAAAC,GAAe,oBAAAC,MAAzEN,GAAgGO,IAAAC,EAAhGR,GAAgG,CAA9F,aAAsB,WAAkB,QAAM,YAAU,iBAAe;AACzE,UAAMS,IAASf,EAAe,EAAE,MAAAS,GAAM,GAEhCO,IAAcT,KAAa,gBAAAU,EAACV,GAAU,EAAA,WAAWQ,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA,GAC5FO,IAAYV,KAAW,gBAAAS,EAACT,GAAQ,EAAA,WAAWO,EAAO,KAAK,EAAE,WAAWJ,EAAc,CAAC,EAAG,CAAA;AAE5F,WACE,gBAAAM,EAAAE,GAAAC,EAAAC,EAAA,IAAeR,IAAf,EAAsB,MAAAJ,GAAY,KAAAJ,GAClC,UAAA,gBAAAiB,EAAC,OAAI,EAAA,WAAWP,EAAO,UAAU,EAAE,WAAWH,EAAA,CAAoB,GAChE,UAAA;AAAA,MAAAI;AAAA,MACAN;AAAA,MACAQ;AAAA,IAAA,EAAA,CACF,EACD,EAAA;AAAA,EAAA;AAGH;"}
@@ -0,0 +1,184 @@
1
+ var p = Object.defineProperty, x = Object.defineProperties;
2
+ var m = Object.getOwnPropertyDescriptors;
3
+ var e = Object.getOwnPropertySymbols;
4
+ var i = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
5
+ var n = (s, t, r) => t in s ? p(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r, g = (s, t) => {
6
+ for (var r in t || (t = {}))
7
+ i.call(t, r) && n(s, r, t[r]);
8
+ if (e)
9
+ for (var r of e(t))
10
+ u.call(t, r) && n(s, r, t[r]);
11
+ return s;
12
+ }, b = (s, t) => x(s, m(t));
13
+ var c = (s, t) => {
14
+ var r = {};
15
+ for (var a in s)
16
+ i.call(s, a) && t.indexOf(a) < 0 && (r[a] = s[a]);
17
+ if (s != null && e)
18
+ for (var a of e(s))
19
+ t.indexOf(a) < 0 && u.call(s, a) && (r[a] = s[a]);
20
+ return r;
21
+ };
22
+ import { jsx as f } from "react/jsx-runtime";
23
+ import { c as y } from "./index-CR-odn5-.js";
24
+ import { S as w } from "./index-DPws5oAn.js";
25
+ import k from "react";
26
+ const B = y({
27
+ base: "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg transition-all disabled:pointer-events-none disabled:opacity-50",
28
+ variants: {
29
+ variant: {
30
+ primary: "bg-primary text-primary-bg shadow-base hover:bg-primary-hover",
31
+ secondary: "bg-primary-bg hover:bg-primary-bg-hover",
32
+ outline: "border border-solid border-secondary-border bg-secondary-bg shadow-sm hover:border-primary-border hover:bg-secondary-bg-hover",
33
+ ghost: "bg-transparent hover:bg-secondary-bg-hover",
34
+ link: "bg-transparent text-muted underline hover:text-primary-fg",
35
+ text: "bg-transparent text-muted hover:text-primary-fg"
36
+ },
37
+ status: {
38
+ default: "",
39
+ info: "text-status-info",
40
+ success: "text-status-success",
41
+ warning: "text-status-warning",
42
+ error: "text-status-error"
43
+ },
44
+ size: {
45
+ xs: "h-7 gap-2 px-2 py-1.5 text-xs",
46
+ sm: "h-8 gap-2 px-3 py-2 text-xs",
47
+ md: "h-9 gap-2 px-4 py-2 text-sm",
48
+ lg: "h-10 gap-2 px-6 py-2 text-sm",
49
+ xl: "h-11 gap-3 px-8 py-3 text-base"
50
+ }
51
+ },
52
+ defaultVariants: {
53
+ variant: "primary",
54
+ size: "md",
55
+ status: "default",
56
+ state: "default",
57
+ iconOnly: !1
58
+ },
59
+ compoundVariants: [
60
+ /*
61
+ * Statuses
62
+ */
63
+ // Primary
64
+ {
65
+ variant: "primary",
66
+ status: ["info", "success", "warning", "error"],
67
+ class: "text-white hover:text-white"
68
+ },
69
+ {
70
+ variant: "primary",
71
+ status: "info",
72
+ class: "bg-status-info hover:bg-status-info-hover"
73
+ },
74
+ {
75
+ variant: "primary",
76
+ status: "success",
77
+ class: "bg-status-success hover:bg-status-success-hover"
78
+ },
79
+ {
80
+ variant: "primary",
81
+ status: "warning",
82
+ class: "bg-status-warning hover:bg-status-warning-hover"
83
+ },
84
+ {
85
+ variant: "primary",
86
+ status: "error",
87
+ class: "bg-status-error hover:bg-status-error-hover"
88
+ },
89
+ // Secondary
90
+ {
91
+ variant: "secondary",
92
+ status: "info",
93
+ class: "bg-status-info-bg hover:bg-status-info-bg-hover"
94
+ },
95
+ {
96
+ variant: "secondary",
97
+ status: "success",
98
+ class: "bg-status-success-bg hover:bg-status-success-bg-hover"
99
+ },
100
+ {
101
+ variant: "secondary",
102
+ status: "warning",
103
+ class: "bg-status-warning-bg hover:bg-status-warning-bg-hover"
104
+ },
105
+ {
106
+ variant: "secondary",
107
+ status: "error",
108
+ class: "bg-status-error-bg hover:bg-status-error-bg-hover"
109
+ },
110
+ // Outline
111
+ {
112
+ variant: "outline",
113
+ status: "info",
114
+ class: "border-status-info-border hover:border-status-info-border hover:bg-status-info-bg"
115
+ },
116
+ {
117
+ variant: "outline",
118
+ status: "success",
119
+ class: "border-status-success-border hover:border-status-success-border hover:bg-status-success-bg"
120
+ },
121
+ {
122
+ variant: "outline",
123
+ status: "warning",
124
+ class: "border-status-warning-border hover:border-status-warning-border hover:bg-status-warning-bg"
125
+ },
126
+ {
127
+ variant: "outline",
128
+ status: "error",
129
+ class: "border-status-error-border hover:border-status-error-border hover:bg-status-error-bg"
130
+ },
131
+ // Ghost
132
+ {
133
+ variant: "ghost",
134
+ status: "info",
135
+ class: "text-status-info hover:bg-status-info-bg"
136
+ },
137
+ {
138
+ variant: "ghost",
139
+ status: "success",
140
+ class: "text-status-success hover:bg-status-success-bg"
141
+ },
142
+ {
143
+ variant: "ghost",
144
+ status: "warning",
145
+ class: "text-status-warning hover:bg-status-warning-bg"
146
+ },
147
+ {
148
+ variant: "ghost",
149
+ status: "error",
150
+ class: "text-status-error hover:bg-status-error-bg"
151
+ },
152
+ // Text & Link
153
+ {
154
+ variant: ["text", "link"],
155
+ status: "info",
156
+ class: "text-status-info/70 hover:text-status-info"
157
+ },
158
+ {
159
+ variant: ["text", "link"],
160
+ status: "success",
161
+ class: "text-status-success/70 hover:text-status-success"
162
+ },
163
+ {
164
+ variant: ["text", "link"],
165
+ status: "warning",
166
+ class: "text-status-warning/70 hover:text-status-warning"
167
+ },
168
+ {
169
+ variant: ["text", "link"],
170
+ status: "error",
171
+ class: "text-status-error/70 hover:text-status-error"
172
+ }
173
+ ]
174
+ }), V = k.forwardRef(
175
+ (j, l) => {
176
+ var o = j, { variant: s, size: t, children: r, status: a, className: v, asChild: h = !1 } = o, d = c(o, ["variant", "size", "children", "status", "className", "asChild"]);
177
+ return /* @__PURE__ */ f(h ? w : "button", b(g({ className: B({ variant: s, size: t, status: a, className: v }), ref: l }, d), { children: r }));
178
+ }
179
+ );
180
+ V.displayName = "ButtonBase";
181
+ export {
182
+ V as B
183
+ };
184
+ //# sourceMappingURL=ButtonBase-C8kakRHQ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonBase-C8kakRHQ.js","sources":["../src/components/button/button-base/ButtonBase.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport React from \"react\";\r\n\r\nconst buttonBaseVariants = tv({\r\n\tbase: \"inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg transition-all disabled:pointer-events-none disabled:opacity-50\",\r\n\tvariants: {\r\n\t\tvariant: {\r\n\t\t\tprimary: \"bg-primary text-primary-bg shadow-base hover:bg-primary-hover\",\r\n\t\t\tsecondary: \"bg-primary-bg hover:bg-primary-bg-hover\",\r\n\t\t\toutline:\r\n\t\t\t\t\"border border-solid border-secondary-border bg-secondary-bg shadow-sm hover:border-primary-border hover:bg-secondary-bg-hover\",\r\n\t\t\tghost: \"bg-transparent hover:bg-secondary-bg-hover\",\r\n\t\t\tlink: \"bg-transparent text-muted underline hover:text-primary-fg\",\r\n\t\t\ttext: \"bg-transparent text-muted hover:text-primary-fg\"\r\n\t\t},\r\n\t\tstatus: {\r\n\t\t\tdefault: \"\",\r\n\t\t\tinfo: \"text-status-info\",\r\n\t\t\tsuccess: \"text-status-success\",\r\n\t\t\twarning: \"text-status-warning\",\r\n\t\t\terror: \"text-status-error\"\r\n\t\t},\r\n\t\tsize: {\r\n\t\t\txs: \"h-7 gap-2 px-2 py-1.5 text-xs\",\r\n\t\t\tsm: \"h-8 gap-2 px-3 py-2 text-xs\",\r\n\t\t\tmd: \"h-9 gap-2 px-4 py-2 text-sm\",\r\n\t\t\tlg: \"h-10 gap-2 px-6 py-2 text-sm\",\r\n\t\t\txl: \"h-11 gap-3 px-8 py-3 text-base\"\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\tvariant: \"primary\",\r\n\t\tsize: \"md\",\r\n\t\tstatus: \"default\",\r\n\t\tstate: \"default\",\r\n\t\ticonOnly: false\r\n\t},\r\n\tcompoundVariants: [\r\n\t\t/*\r\n\t\t * Statuses\r\n\t\t */\r\n\t\t// Primary\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\r\n\t\t\tclass: \"text-white hover:text-white\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"bg-status-info hover:bg-status-info-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"bg-status-success hover:bg-status-success-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"bg-status-warning hover:bg-status-warning-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"primary\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"bg-status-error hover:bg-status-error-hover\"\r\n\t\t},\r\n\t\t// Secondary\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"bg-status-info-bg hover:bg-status-info-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"bg-status-success-bg hover:bg-status-success-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"bg-status-warning-bg hover:bg-status-warning-bg-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"secondary\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"bg-status-error-bg hover:bg-status-error-bg-hover\"\r\n\t\t},\r\n\t\t// Outline\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"border-status-info-border hover:border-status-info-border hover:bg-status-info-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"border-status-success-border hover:border-status-success-border hover:bg-status-success-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"border-status-warning-border hover:border-status-warning-border hover:bg-status-warning-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"border-status-error-border hover:border-status-error-border hover:bg-status-error-bg\"\r\n\t\t},\r\n\t\t// Ghost\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"text-status-info hover:bg-status-info-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"text-status-success hover:bg-status-success-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"text-status-warning hover:bg-status-warning-bg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"text-status-error hover:bg-status-error-bg\"\r\n\t\t},\r\n\t\t// Text & Link\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"info\",\r\n\t\t\tclass: \"text-status-info/70 hover:text-status-info\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"success\",\r\n\t\t\tclass: \"text-status-success/70 hover:text-status-success\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"warning\",\r\n\t\t\tclass: \"text-status-warning/70 hover:text-status-warning\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tvariant: [\"text\", \"link\"],\r\n\t\t\tstatus: \"error\",\r\n\t\t\tclass: \"text-status-error/70 hover:text-status-error\"\r\n\t\t}\r\n\t]\r\n});\r\n\r\nexport type ButtonBaseProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\r\n\tVariantProps<typeof buttonBaseVariants> & {\r\n\t\tasChild?: boolean;\r\n\t};\r\n\r\nexport const ButtonBase = React.forwardRef<HTMLButtonElement, PropsWithChildren<ButtonBaseProps>>(\r\n\t({ variant, size, children, status, className, asChild = false, ...props }, ref) => {\r\n\t\tconst Comp = asChild ? Slot : \"button\";\r\n\t\treturn (\r\n\t\t\t<Comp className={buttonBaseVariants({ variant, size, status, className })} ref={ref} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</Comp>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nButtonBase.displayName = \"ButtonBase\";\r\n"],"names":["buttonBaseVariants","tv","ButtonBase","React","_a","ref","_b","variant","size","children","status","className","asChild","props","__objRest","jsx","Slot","__spreadProps","__spreadValues"],"mappings":"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"}
@@ -0,0 +1,251 @@
1
+ var X = Object.defineProperty, $ = Object.defineProperties;
2
+ var V = Object.getOwnPropertyDescriptors;
3
+ var N = Object.getOwnPropertySymbols;
4
+ var _ = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
5
+ var F = (e, r, t) => r in e ? X(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, b = (e, r) => {
6
+ for (var t in r || (r = {}))
7
+ _.call(r, t) && F(e, t, r[t]);
8
+ if (N)
9
+ for (var t of N(r))
10
+ M.call(r, t) && F(e, t, r[t]);
11
+ return e;
12
+ }, k = (e, r) => $(e, V(r));
13
+ var v = (e, r) => {
14
+ var t = {};
15
+ for (var a in e)
16
+ _.call(e, a) && r.indexOf(a) < 0 && (t[a] = e[a]);
17
+ if (e != null && N)
18
+ for (var a of N(e))
19
+ r.indexOf(a) < 0 && M.call(e, a) && (t[a] = e[a]);
20
+ return t;
21
+ };
22
+ import { jsxs as S, jsx as n } from "react/jsx-runtime";
23
+ import * as m from "react";
24
+ import G, { useId as J } from "react";
25
+ import { u as Q } from "./index-DPws5oAn.js";
26
+ import { a as U, c as W, b as L, d as Y } from "./index-CaGtfIqw.js";
27
+ import { u as Z } from "./index-BZPx6jYI.js";
28
+ import { P as ee } from "./index-BA36kN2b.js";
29
+ import { P as j } from "./index-pysSAa5G.js";
30
+ import { c as O } from "./index-CR-odn5-.js";
31
+ import { c as te } from "./createLucideIcon-DgrNxRV5.js";
32
+ import { C as re } from "./check-C-TqZgvb.js";
33
+ import { F as ae } from "./FieldLabel--NVcQQhJ.js";
34
+ import { D as oe } from "./Description-g2E6P7Qi.js";
35
+ var I = "Checkbox", [se, Ee] = W(I), [ce, ne] = se(I), A = m.forwardRef(
36
+ (e, r) => {
37
+ const D = e, {
38
+ __scopeCheckbox: t,
39
+ name: a,
40
+ checked: s,
41
+ defaultChecked: o,
42
+ required: l,
43
+ disabled: c,
44
+ value: y = "on",
45
+ onCheckedChange: w,
46
+ form: x
47
+ } = D, f = v(D, [
48
+ "__scopeCheckbox",
49
+ "name",
50
+ "checked",
51
+ "defaultChecked",
52
+ "required",
53
+ "disabled",
54
+ "value",
55
+ "onCheckedChange",
56
+ "form"
57
+ ]), [i, R] = m.useState(null), C = Q(r, (d) => R(d)), h = m.useRef(!1), P = i ? x || !!i.closest("form") : !0, [u = !1, E] = U({
58
+ prop: s,
59
+ defaultProp: o,
60
+ onChange: w
61
+ }), T = m.useRef(u);
62
+ return m.useEffect(() => {
63
+ const d = i == null ? void 0 : i.form;
64
+ if (d) {
65
+ const g = () => E(T.current);
66
+ return d.addEventListener("reset", g), () => d.removeEventListener("reset", g);
67
+ }
68
+ }, [i, E]), /* @__PURE__ */ S(ce, { scope: t, state: u, disabled: c, children: [
69
+ /* @__PURE__ */ n(
70
+ j.button,
71
+ k(b({
72
+ type: "button",
73
+ role: "checkbox",
74
+ "aria-checked": p(u) ? "mixed" : u,
75
+ "aria-required": l,
76
+ "data-state": K(u),
77
+ "data-disabled": c ? "" : void 0,
78
+ disabled: c,
79
+ value: y
80
+ }, f), {
81
+ ref: C,
82
+ onKeyDown: L(e.onKeyDown, (d) => {
83
+ d.key === "Enter" && d.preventDefault();
84
+ }),
85
+ onClick: L(e.onClick, (d) => {
86
+ E((g) => p(g) ? !0 : !g), P && (h.current = d.isPropagationStopped(), h.current || d.stopPropagation());
87
+ })
88
+ })
89
+ ),
90
+ P && /* @__PURE__ */ n(
91
+ ie,
92
+ {
93
+ control: i,
94
+ bubbles: !h.current,
95
+ name: a,
96
+ value: y,
97
+ checked: u,
98
+ required: l,
99
+ disabled: c,
100
+ form: x,
101
+ style: { transform: "translateX(-100%)" },
102
+ defaultChecked: p(o) ? !1 : o
103
+ }
104
+ )
105
+ ] });
106
+ }
107
+ );
108
+ A.displayName = I;
109
+ var B = "CheckboxIndicator", H = m.forwardRef(
110
+ (e, r) => {
111
+ const l = e, { __scopeCheckbox: t, forceMount: a } = l, s = v(l, ["__scopeCheckbox", "forceMount"]), o = ne(B, t);
112
+ return /* @__PURE__ */ n(ee, { present: a || p(o.state) || o.state === !0, children: /* @__PURE__ */ n(
113
+ j.span,
114
+ k(b({
115
+ "data-state": K(o.state),
116
+ "data-disabled": o.disabled ? "" : void 0
117
+ }, s), {
118
+ ref: r,
119
+ style: b({ pointerEvents: "none" }, e.style)
120
+ })
121
+ ) });
122
+ }
123
+ );
124
+ H.displayName = B;
125
+ var ie = (e) => {
126
+ const x = e, { control: r, checked: t, bubbles: a = !0, defaultChecked: s } = x, o = v(x, ["control", "checked", "bubbles", "defaultChecked"]), l = m.useRef(null), c = Z(t), y = Y(r);
127
+ m.useEffect(() => {
128
+ const f = l.current, i = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(i, "checked").set;
129
+ if (c !== t && C) {
130
+ const h = new Event("click", { bubbles: a });
131
+ f.indeterminate = p(t), C.call(f, p(t) ? !1 : t), f.dispatchEvent(h);
132
+ }
133
+ }, [c, t, a]);
134
+ const w = m.useRef(p(t) ? !1 : t);
135
+ return /* @__PURE__ */ n(
136
+ "input",
137
+ k(b({
138
+ type: "checkbox",
139
+ "aria-hidden": !0,
140
+ defaultChecked: s != null ? s : w.current
141
+ }, o), {
142
+ tabIndex: -1,
143
+ ref: l,
144
+ style: k(b(b({}, e.style), y), {
145
+ position: "absolute",
146
+ pointerEvents: "none",
147
+ opacity: 0,
148
+ margin: 0
149
+ })
150
+ })
151
+ );
152
+ };
153
+ function p(e) {
154
+ return e === "indeterminate";
155
+ }
156
+ function K(e) {
157
+ return p(e) ? "indeterminate" : e ? "checked" : "unchecked";
158
+ }
159
+ var q = A, de = H;
160
+ /**
161
+ * @license lucide-react v0.460.0 - ISC
162
+ *
163
+ * This source code is licensed under the ISC license.
164
+ * See the LICENSE file in the root directory of this source tree.
165
+ */
166
+ const le = te("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]), ue = O({
167
+ slots: {
168
+ root: [
169
+ "peer h-4 w-4 shrink-0 rounded-sm border border-primary-border shadow-sm",
170
+ "flex items-center justify-center",
171
+ "hover:border-muted hover:shadow-base",
172
+ "focus-visible:border-secondary-border focus-visible:shadow-focus focus-visible:outline-none",
173
+ "disabled:cursor-not-allowed disabled:border-secondary-border disabled:bg-primary-bg disabled:shadow-sm",
174
+ "data-[state=checked]:border-primary-accent data-[state=checked]:bg-primary-accent data-[state=checked]:text-primary-bg",
175
+ "data-[state=checked]:focus-visible:shadow-focus",
176
+ "data-[state=checked]:disabled:border-secondary-border data-[state=checked]:disabled:bg-secondary-border data-[state=checked]:disabled:shadow-sm",
177
+ "data-[state=indeterminate]:border-primary-accent data-[state=indeterminate]:bg-primary-accent data-[state=indeterminate]:text-primary-bg",
178
+ "data-[state=indeterminate]:focus-visible:shadow-focus",
179
+ "data-[state=indeterminate]:disabled:border-primary-border data-[state=indeterminate]:disabled:bg-primary-border data-[state=indeterminate]:disabled:shadow-sm"
180
+ ],
181
+ icon: "h-4 w-4"
182
+ }
183
+ }), z = m.forwardRef(
184
+ (a, t) => {
185
+ var s = a, { className: e } = s, r = v(s, ["className"]);
186
+ const o = ue();
187
+ return /* @__PURE__ */ n(q, k(b({ ref: t, className: o.root({ class: e }) }, r), { children: /* @__PURE__ */ n(de, { children: r.checked === "indeterminate" ? /* @__PURE__ */ n(le, { className: o.icon() }) : /* @__PURE__ */ n(re, { className: o.icon() }) }) }));
188
+ }
189
+ );
190
+ z.displayName = q.displayName;
191
+ const me = O({
192
+ slots: {
193
+ container: "flex cursor-pointer items-center space-x-2",
194
+ labelContainer: "flex flex-col gap-1",
195
+ label: "cursor-pointer",
196
+ description: ""
197
+ },
198
+ variants: {
199
+ outline: {
200
+ true: {
201
+ container: "rounded-lg border border-secondary-border p-3 px-4"
202
+ }
203
+ },
204
+ alignment: {
205
+ left: {},
206
+ right: {
207
+ container: "flex-row-reverse space-x-reverse"
208
+ }
209
+ },
210
+ disabled: {
211
+ true: {
212
+ container: "cursor-default",
213
+ labelContainer: "opacity-50",
214
+ label: "cursor-default text-primary-fg",
215
+ description: "text-muted"
216
+ }
217
+ },
218
+ error: {
219
+ true: {
220
+ label: "text-status-error"
221
+ }
222
+ },
223
+ withDescription: { true: { container: "items-start" } }
224
+ },
225
+ defaultVariants: {
226
+ alignment: "left"
227
+ }
228
+ }), be = G.forwardRef(
229
+ (x, w) => {
230
+ var f = x, { className: e, id: r, label: t, alignment: a, disabled: s, error: o, outline: l, description: c } = f, y = v(f, ["className", "id", "label", "alignment", "disabled", "error", "outline", "description"]);
231
+ const {
232
+ container: i,
233
+ labelContainer: R,
234
+ label: C,
235
+ description: h
236
+ } = me({ alignment: a, disabled: s, error: o, outline: l, withDescription: !!c }), P = J(), u = r || `checkbox-${P}`;
237
+ return /* @__PURE__ */ S("label", { htmlFor: u, className: i({ class: e }), children: [
238
+ /* @__PURE__ */ n(z, k(b({ disabled: s, id: u }, y), { ref: w })),
239
+ (t || c) && /* @__PURE__ */ S("div", { className: R(), children: [
240
+ t && /* @__PURE__ */ n(ae, { htmlFor: u, className: C(), children: t }),
241
+ c && /* @__PURE__ */ n(oe, { className: h(), children: c })
242
+ ] })
243
+ ] });
244
+ }
245
+ );
246
+ be.displayName = "CheckboxField";
247
+ export {
248
+ z as C,
249
+ be as a
250
+ };
251
+ //# sourceMappingURL=CheckboxField-DaRmV9yw.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CheckboxField-DaRmV9yw.js","sources":["../node_modules/.pnpm/@radix-ui+react-checkbox@1.1.4_@types+react-dom@18.3.6_@types+react@18.3.20_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-checkbox/dist/index.mjs","../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/minus.js","../src/components/checkbox/Checkbox.tsx","../src/components/checkbox/checkbox-field/CheckboxField.tsx"],"sourcesContent":["\"use client\";\n\n// packages/react/checkbox/src/checkbox.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar CHECKBOX_NAME = \"Checkbox\";\nvar [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME);\nvar [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME);\nvar Checkbox = React.forwardRef(\n (props, forwardedRef) => {\n const {\n __scopeCheckbox,\n name,\n checked: checkedProp,\n defaultChecked,\n required,\n disabled,\n value = \"on\",\n onCheckedChange,\n form,\n ...checkboxProps\n } = props;\n const [button, setButton] = React.useState(null);\n const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n const hasConsumerStoppedPropagationRef = React.useRef(false);\n const isFormControl = button ? form || !!button.closest(\"form\") : true;\n const [checked = false, setChecked] = useControllableState({\n prop: checkedProp,\n defaultProp: defaultChecked,\n onChange: onCheckedChange\n });\n const initialCheckedStateRef = React.useRef(checked);\n React.useEffect(() => {\n const form2 = button?.form;\n if (form2) {\n const reset = () => setChecked(initialCheckedStateRef.current);\n form2.addEventListener(\"reset\", reset);\n return () => form2.removeEventListener(\"reset\", reset);\n }\n }, [button, setChecked]);\n return /* @__PURE__ */ jsxs(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled, children: [\n /* @__PURE__ */ jsx(\n Primitive.button,\n {\n type: \"button\",\n role: \"checkbox\",\n \"aria-checked\": isIndeterminate(checked) ? \"mixed\" : checked,\n \"aria-required\": required,\n \"data-state\": getState(checked),\n \"data-disabled\": disabled ? \"\" : void 0,\n disabled,\n value,\n ...checkboxProps,\n ref: composedRefs,\n onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {\n if (event.key === \"Enter\") event.preventDefault();\n }),\n onClick: composeEventHandlers(props.onClick, (event) => {\n setChecked((prevChecked) => isIndeterminate(prevChecked) ? true : !prevChecked);\n if (isFormControl) {\n hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n }\n })\n }\n ),\n isFormControl && /* @__PURE__ */ jsx(\n BubbleInput,\n {\n control: button,\n bubbles: !hasConsumerStoppedPropagationRef.current,\n name,\n value,\n checked,\n required,\n disabled,\n form,\n style: { transform: \"translateX(-100%)\" },\n defaultChecked: isIndeterminate(defaultChecked) ? false : defaultChecked\n }\n )\n ] });\n }\n);\nCheckbox.displayName = CHECKBOX_NAME;\nvar INDICATOR_NAME = \"CheckboxIndicator\";\nvar CheckboxIndicator = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeCheckbox, forceMount, ...indicatorProps } = props;\n const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);\n return /* @__PURE__ */ jsx(Presence, { present: forceMount || isIndeterminate(context.state) || context.state === true, children: /* @__PURE__ */ jsx(\n Primitive.span,\n {\n \"data-state\": getState(context.state),\n \"data-disabled\": context.disabled ? \"\" : void 0,\n ...indicatorProps,\n ref: forwardedRef,\n style: { pointerEvents: \"none\", ...props.style }\n }\n ) });\n }\n);\nCheckboxIndicator.displayName = INDICATOR_NAME;\nvar BubbleInput = (props) => {\n const { control, checked, bubbles = true, defaultChecked, ...inputProps } = props;\n const ref = React.useRef(null);\n const prevChecked = usePrevious(checked);\n const controlSize = useSize(control);\n React.useEffect(() => {\n const input = ref.current;\n const inputProto = window.HTMLInputElement.prototype;\n const descriptor = Object.getOwnPropertyDescriptor(inputProto, \"checked\");\n const setChecked = descriptor.set;\n if (prevChecked !== checked && setChecked) {\n const event = new Event(\"click\", { bubbles });\n input.indeterminate = isIndeterminate(checked);\n setChecked.call(input, isIndeterminate(checked) ? false : checked);\n input.dispatchEvent(event);\n }\n }, [prevChecked, checked, bubbles]);\n const defaultCheckedRef = React.useRef(isIndeterminate(checked) ? false : checked);\n return /* @__PURE__ */ jsx(\n \"input\",\n {\n type: \"checkbox\",\n \"aria-hidden\": true,\n defaultChecked: defaultChecked ?? defaultCheckedRef.current,\n ...inputProps,\n tabIndex: -1,\n ref,\n style: {\n ...props.style,\n ...controlSize,\n position: \"absolute\",\n pointerEvents: \"none\",\n opacity: 0,\n margin: 0\n }\n }\n );\n};\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction getState(checked) {\n return isIndeterminate(checked) ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Checkbox;\nvar Indicator = CheckboxIndicator;\nexport {\n Checkbox,\n CheckboxIndicator,\n Indicator,\n Root,\n createCheckboxScope\n};\n//# sourceMappingURL=index.mjs.map\n","/**\n * @license lucide-react v0.460.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 Minus = createLucideIcon(\"Minus\", [[\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }]]);\n\nexport { Minus as default };\n//# sourceMappingURL=minus.js.map\n","import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport { Check, Minus } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst checkboxStyles = tv({\r\n\tslots: {\r\n\t\troot: [\r\n\t\t\t\"peer h-4 w-4 shrink-0 rounded-sm border border-primary-border shadow-sm\",\r\n\t\t\t\"flex items-center justify-center\",\r\n\t\t\t\"hover:border-muted hover:shadow-base\",\r\n\t\t\t\"focus-visible:border-secondary-border focus-visible:shadow-focus focus-visible:outline-none\",\r\n\t\t\t\"disabled:cursor-not-allowed disabled:border-secondary-border disabled:bg-primary-bg disabled:shadow-sm\",\r\n\t\t\t\"data-[state=checked]:border-primary-accent data-[state=checked]:bg-primary-accent data-[state=checked]:text-primary-bg\",\r\n\t\t\t\"data-[state=checked]:focus-visible:shadow-focus\",\r\n\t\t\t\"data-[state=checked]:disabled:border-secondary-border data-[state=checked]:disabled:bg-secondary-border data-[state=checked]:disabled:shadow-sm\",\r\n\t\t\t\"data-[state=indeterminate]:border-primary-accent data-[state=indeterminate]:bg-primary-accent data-[state=indeterminate]:text-primary-bg\",\r\n\t\t\t\"data-[state=indeterminate]:focus-visible:shadow-focus\",\r\n\t\t\t\"data-[state=indeterminate]:disabled:border-primary-border data-[state=indeterminate]:disabled:bg-primary-border data-[state=indeterminate]:disabled:shadow-sm\"\r\n\t\t],\r\n\t\ticon: \"h-4 w-4\"\r\n\t}\r\n});\r\n\r\nexport type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\r\n\r\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxProps>(\r\n\t({ className, ...props }, ref) => {\r\n\t\tconst styles = checkboxStyles();\r\n\t\treturn (\r\n\t\t\t<CheckboxPrimitive.Root ref={ref} className={styles.root({ class: className })} {...props}>\r\n\t\t\t\t<CheckboxPrimitive.Indicator>\r\n\t\t\t\t\t{props.checked === \"indeterminate\" ? (\r\n\t\t\t\t\t\t<Minus className={styles.icon()} />\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<Check className={styles.icon()} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</CheckboxPrimitive.Indicator>\r\n\t\t\t</CheckboxPrimitive.Root>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\n\r\nexport { Checkbox };\r\n","import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\nimport { Checkbox, CheckboxProps } from \"../Checkbox\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport React, { useId } from \"react\";\r\nimport { FieldLabel } from \"@/components/label\";\r\nimport { Description } from \"@/components/description\";\r\n\r\nconst checkboxFieldStyles = tv({\r\n\tslots: {\r\n\t\tcontainer: \"flex cursor-pointer items-center space-x-2\",\r\n\t\tlabelContainer: \"flex flex-col gap-1\",\r\n\t\tlabel: \"cursor-pointer\",\r\n\t\tdescription: \"\"\r\n\t},\r\n\tvariants: {\r\n\t\toutline: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"rounded-lg border border-secondary-border p-3 px-4\"\r\n\t\t\t}\r\n\t\t},\r\n\t\talignment: {\r\n\t\t\tleft: {},\r\n\t\t\tright: {\r\n\t\t\t\tcontainer: \"flex-row-reverse space-x-reverse\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tdisabled: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcontainer: \"cursor-default\",\r\n\t\t\t\tlabelContainer: \"opacity-50\",\r\n\t\t\t\tlabel: \"cursor-default text-primary-fg\",\r\n\t\t\t\tdescription: \"text-muted\"\r\n\t\t\t}\r\n\t\t},\r\n\t\terror: {\r\n\t\t\ttrue: {\r\n\t\t\t\tlabel: \"text-status-error\"\r\n\t\t\t}\r\n\t\t},\r\n\t\twithDescription: { true: { container: \"items-start\" } }\r\n\t},\r\n\tdefaultVariants: {\r\n\t\talignment: \"left\"\r\n\t}\r\n});\r\n\r\nexport type CheckboxFieldProps = CheckboxProps &\r\n\tOmit<VariantProps<typeof checkboxFieldStyles>, \"withDescription\"> & {\r\n\t\tlabel?: string;\r\n\t\tdescription?: string;\r\n\t};\r\n\r\nconst CheckboxField = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, CheckboxFieldProps>(\r\n\t({ className, id, label, alignment, disabled, error, outline, description, ...props }, ref) => {\r\n\t\tconst {\r\n\t\t\tcontainer,\r\n\t\t\tlabelContainer,\r\n\t\t\tlabel: labelStyles,\r\n\t\t\tdescription: descriptionStyles\r\n\t\t} = checkboxFieldStyles({ alignment, disabled, error, outline, withDescription: !!description });\r\n\r\n\t\tconst generatedId = useId();\r\n\t\tconst checkboxId = id || `checkbox-${generatedId}`;\r\n\r\n\t\treturn (\r\n\t\t\t<label htmlFor={checkboxId} className={container({ class: className })}>\r\n\t\t\t\t<Checkbox disabled={disabled} id={checkboxId} {...props} ref={ref} />\r\n\t\t\t\t{(label || description) && (\r\n\t\t\t\t\t<div className={labelContainer()}>\r\n\t\t\t\t\t\t{label && (\r\n\t\t\t\t\t\t\t<FieldLabel htmlFor={checkboxId} className={labelStyles()}>\r\n\t\t\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t\t</FieldLabel>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{description && <Description className={descriptionStyles()}>{description}</Description>}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</label>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCheckboxField.displayName = \"CheckboxField\";\r\n\r\nexport { CheckboxField };\r\n"],"names":["CHECKBOX_NAME","createCheckboxContext","createCheckboxScope","createContextScope","CheckboxProvider","useCheckboxContext","Checkbox","React","props","forwardedRef","_a","__scopeCheckbox","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","checkboxProps","__objRest","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","initialCheckedStateRef","form2","reset","jsxs","jsx","Primitive","__spreadProps","__spreadValues","isIndeterminate","getState","composeEventHandlers","event","prevChecked","BubbleInput","INDICATOR_NAME","CheckboxIndicator","forceMount","indicatorProps","context","Presence","control","bubbles","inputProps","ref","usePrevious","controlSize","useSize","input","inputProto","defaultCheckedRef","Root","Indicator","Minus","createLucideIcon","checkboxStyles","tv","_b","className","styles","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator","Check","checkboxFieldStyles","CheckboxField","id","label","alignment","error","outline","description","container","labelContainer","labelStyles","descriptionStyles","generatedId","useId","checkboxId","FieldLabel","Description"],"mappings":"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","x_google_ignoreList":[0,1]}
@@ -0,0 +1,37 @@
1
+ var l = Object.defineProperty, f = Object.defineProperties;
2
+ var x = Object.getOwnPropertyDescriptors;
3
+ var o = Object.getOwnPropertySymbols;
4
+ var m = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
5
+ var i = (t, e, s) => e in t ? l(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, n = (t, e) => {
6
+ for (var s in e || (e = {}))
7
+ m.call(e, s) && i(t, s, e[s]);
8
+ if (o)
9
+ for (var s of o(e))
10
+ c.call(e, s) && i(t, s, e[s]);
11
+ return t;
12
+ }, p = (t, e) => f(t, x(e));
13
+ var d = (t, e) => {
14
+ var s = {};
15
+ for (var r in t)
16
+ m.call(t, r) && e.indexOf(r) < 0 && (s[r] = t[r]);
17
+ if (t != null && o)
18
+ for (var r of o(t))
19
+ e.indexOf(r) < 0 && c.call(t, r) && (s[r] = t[r]);
20
+ return s;
21
+ };
22
+ import { jsx as u } from "react/jsx-runtime";
23
+ import D from "react";
24
+ import { c as y } from "./index-CR-odn5-.js";
25
+ const N = y({
26
+ base: "text-sm leading-normal text-muted"
27
+ }), R = D.forwardRef(
28
+ (_, r) => {
29
+ var a = _, { className: t, children: e } = a, s = d(a, ["className", "children"]);
30
+ return /* @__PURE__ */ u("div", p(n({ ref: r, className: N({ class: t }) }, s), { children: e }));
31
+ }
32
+ );
33
+ R.displayName = "Description";
34
+ export {
35
+ R as D
36
+ };
37
+ //# sourceMappingURL=Description-g2E6P7Qi.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Description-g2E6P7Qi.js","sources":["../src/components/description/Description.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst descriptionStyles = tv({\r\n\tbase: \"text-sm leading-normal text-muted\"\r\n});\r\n\r\ntype DescriptionProps = React.HTMLAttributes<HTMLDivElement> & React.PropsWithChildren;\r\n\r\nexport const Description = React.forwardRef<HTMLDivElement, DescriptionProps>(\r\n\t({ className, children, ...props }, ref) => {\r\n\t\treturn (\r\n\t\t\t<div ref={ref} className={descriptionStyles({ class: className })} {...props}>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nDescription.displayName = \"Description\";\r\n"],"names":["descriptionStyles","tv","Description","React","_a","ref","_b","className","children","props","__objRest","jsx","__spreadProps","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAMA,IAAoBC,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAIYC,IAAcC,EAAM;AAAA,EAChC,CAACC,GAAmCC,MAAQ;AAA3C,QAAAC,IAAAF,GAAE,aAAAG,GAAW,UAAAC,MAAbF,GAA0BG,IAAAC,EAA1BJ,GAA0B,CAAxB,aAAW;AACb,WACE,gBAAAK,EAAA,OAAAC,EAAAC,EAAA,EAAI,KAAAR,GAAU,WAAWL,EAAkB,EAAE,OAAOO,EAAA,CAAW,KAAOE,IAAtE,EACC,UAAAD,EACF,EAAA;AAAA,EAAA;AAGH;AAEAN,EAAY,cAAc;"}
@@ -0,0 +1,46 @@
1
+ var m = Object.defineProperty;
2
+ var e = Object.getOwnPropertySymbols;
3
+ var n = Object.prototype.hasOwnProperty, d = Object.prototype.propertyIsEnumerable;
4
+ var s = (r, t, o) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[t] = o, l = (r, t) => {
5
+ for (var o in t || (t = {}))
6
+ n.call(t, o) && s(r, o, t[o]);
7
+ if (e)
8
+ for (var o of e(t))
9
+ d.call(t, o) && s(r, o, t[o]);
10
+ return r;
11
+ };
12
+ var c = (r, t) => {
13
+ var o = {};
14
+ for (var a in r)
15
+ n.call(r, a) && t.indexOf(a) < 0 && (o[a] = r[a]);
16
+ if (r != null && e)
17
+ for (var a of e(r))
18
+ t.indexOf(a) < 0 && d.call(r, a) && (o[a] = r[a]);
19
+ return o;
20
+ };
21
+ import { jsx as u } from "react/jsx-runtime";
22
+ import b from "react";
23
+ import { c as p } from "./index-CR-odn5-.js";
24
+ const v = p({
25
+ variants: {
26
+ orientation: {
27
+ horizontal: "h-px w-full bg-secondary-border",
28
+ vertical: "h-full w-px bg-secondary-border"
29
+ },
30
+ status: {
31
+ error: "bg-status-error-border"
32
+ }
33
+ },
34
+ defaultVariants: {
35
+ orientation: "horizontal"
36
+ }
37
+ }), z = b.forwardRef(
38
+ (h, f) => {
39
+ var i = h, { className: r, status: t, orientation: o } = i, a = c(i, ["className", "status", "orientation"]);
40
+ return /* @__PURE__ */ u("div", l({ className: v({ orientation: o, className: r, status: t }), ref: f }, a));
41
+ }
42
+ );
43
+ export {
44
+ z as D
45
+ };
46
+ //# sourceMappingURL=Divider-D3NvaU8c.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider-D3NvaU8c.js","sources":["../src/components/divider/Divider.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nconst dividerVariants = tv({\r\n\tvariants: {\r\n\t\torientation: {\r\n\t\t\thorizontal: \"h-px w-full bg-secondary-border\",\r\n\t\t\tvertical: \"h-full w-px bg-secondary-border\"\r\n\t\t},\r\n\t\tstatus: {\r\n\t\t\terror: \"bg-status-error-border\"\r\n\t\t}\r\n\t},\r\n\tdefaultVariants: {\r\n\t\torientation: \"horizontal\"\r\n\t}\r\n});\r\n\r\nexport type DividerProps = VariantProps<typeof dividerVariants> & React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Divider = React.forwardRef<HTMLDivElement, PropsWithChildren<DividerProps>>(\r\n\t({ className, status, orientation, ...props }, ref) => {\r\n\t\treturn <div className={dividerVariants({ orientation, className, status })} ref={ref} {...props} />;\r\n\t}\r\n);\r\n"],"names":["dividerVariants","tv","Divider","React","_a","ref","_b","className","status","orientation","props","__objRest","jsx","__spreadValues"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,IAAkBC,EAAG;AAAA,EAC1B,UAAU;AAAA,IACT,aAAa;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,IAAA;AAAA,EAET;AAAA,EACA,iBAAiB;AAAA,IAChB,aAAa;AAAA,EAAA;AAEf,CAAC,GAIYC,IAAUC,EAAM;AAAA,EAC5B,CAACC,GAA8CC,MAAQ;AAAtD,QAAAC,IAAAF,GAAE,aAAAG,GAAW,QAAAC,GAAQ,aAAAC,MAArBH,GAAqCI,IAAAC,EAArCL,GAAqC,CAAnC,aAAW,UAAQ;AACrB,WAAQ,gBAAAM,EAAA,OAAAC,EAAA,EAAI,WAAWb,EAAgB,EAAE,aAAAS,GAAa,WAAAF,GAAW,QAAAC,EAAA,CAAQ,GAAG,KAAAH,KAAcK,EAAO;AAAA,EAAA;AAEnG;"}