@aseguragonzalez/ui 1.0.4 → 1.0.5

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 (241) hide show
  1. package/dist/components/AppShell/AppShell.cjs +1 -0
  2. package/dist/components/AppShell/AppShell.js +37 -0
  3. package/dist/components/AppShell/AppShell.module.css.cjs +1 -0
  4. package/dist/components/AppShell/AppShell.module.css.js +12 -0
  5. package/dist/components/Banner/Banner.cjs +1 -0
  6. package/dist/components/Banner/Banner.js +200 -0
  7. package/dist/components/Banner/Banner.module.css.cjs +1 -0
  8. package/dist/components/Banner/Banner.module.css.js +18 -0
  9. package/dist/components/BarChart/BarChart.cjs +1 -0
  10. package/dist/components/BarChart/BarChart.js +104 -0
  11. package/dist/components/BarChart/BarChart.module.css.cjs +1 -0
  12. package/dist/components/BarChart/BarChart.module.css.js +13 -0
  13. package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -0
  14. package/dist/components/Breadcrumb/Breadcrumb.js +33 -0
  15. package/dist/components/Breadcrumb/Breadcrumb.module.css.cjs +1 -0
  16. package/dist/components/Breadcrumb/Breadcrumb.module.css.js +10 -0
  17. package/dist/components/Card/Card.cjs +1 -0
  18. package/dist/components/Card/Card.js +54 -0
  19. package/dist/components/Card/Card.module.css.cjs +1 -0
  20. package/dist/components/Card/Card.module.css.js +16 -0
  21. package/dist/components/Carousel/Carousel.cjs +1 -0
  22. package/dist/components/Carousel/Carousel.js +146 -0
  23. package/dist/components/Carousel/Carousel.module.css.cjs +1 -0
  24. package/dist/components/Carousel/Carousel.module.css.js +15 -0
  25. package/dist/components/CheckboxField/CheckboxField.cjs +1 -0
  26. package/dist/components/CheckboxField/CheckboxField.js +43 -0
  27. package/dist/components/CheckboxField/CheckboxField.module.css.cjs +1 -0
  28. package/dist/components/CheckboxField/CheckboxField.module.css.js +9 -0
  29. package/dist/components/Container/Container.cjs +1 -0
  30. package/dist/components/Container/Container.js +20 -0
  31. package/dist/components/Container/Container.module.css.cjs +1 -0
  32. package/dist/components/Container/Container.module.css.js +12 -0
  33. package/dist/components/DataTable/DataTable.cjs +1 -0
  34. package/dist/components/DataTable/DataTable.js +109 -0
  35. package/dist/components/DataTable/DataTable.module.css.cjs +1 -0
  36. package/dist/components/DataTable/DataTable.module.css.js +22 -0
  37. package/dist/components/DateField/DateField.cjs +1 -0
  38. package/dist/components/DateField/DateField.js +52 -0
  39. package/dist/components/DateField/DateField.module.css.cjs +1 -0
  40. package/dist/components/DateField/DateField.module.css.js +7 -0
  41. package/dist/components/DonutChart/DonutChart.cjs +1 -0
  42. package/dist/components/DonutChart/DonutChart.js +98 -0
  43. package/dist/components/DonutChart/DonutChart.module.css.cjs +1 -0
  44. package/dist/components/DonutChart/DonutChart.module.css.js +15 -0
  45. package/dist/components/EmailField/EmailField.cjs +1 -0
  46. package/dist/components/EmailField/EmailField.js +51 -0
  47. package/dist/components/EmailField/EmailField.module.css.cjs +1 -0
  48. package/dist/components/EmailField/EmailField.module.css.js +7 -0
  49. package/dist/components/Grid/Grid.cjs +1 -0
  50. package/dist/components/Grid/Grid.js +42 -0
  51. package/dist/components/Grid/Grid.module.css.cjs +1 -0
  52. package/dist/components/Grid/Grid.module.css.js +7 -0
  53. package/dist/components/LineChart/LineChart.cjs +1 -0
  54. package/dist/components/LineChart/LineChart.js +112 -0
  55. package/dist/components/LineChart/LineChart.module.css.cjs +1 -0
  56. package/dist/components/LineChart/LineChart.module.css.js +12 -0
  57. package/dist/components/Navbar/Navbar.cjs +1 -0
  58. package/dist/components/Navbar/Navbar.js +101 -0
  59. package/dist/components/Navbar/Navbar.module.css.cjs +1 -0
  60. package/dist/components/Navbar/Navbar.module.css.js +22 -0
  61. package/dist/components/NumberField/NumberField.cjs +1 -0
  62. package/dist/components/NumberField/NumberField.js +54 -0
  63. package/dist/components/NumberField/NumberField.module.css.cjs +1 -0
  64. package/dist/components/NumberField/NumberField.module.css.js +7 -0
  65. package/dist/components/PageLayout/PageLayout.cjs +1 -0
  66. package/dist/components/PageLayout/PageLayout.js +42 -0
  67. package/dist/components/PageLayout/PageLayout.module.css.cjs +1 -0
  68. package/dist/components/PageLayout/PageLayout.module.css.js +12 -0
  69. package/dist/components/PasswordField/PasswordField.cjs +1 -0
  70. package/dist/components/PasswordField/PasswordField.js +50 -0
  71. package/dist/components/PasswordField/PasswordField.module.css.cjs +1 -0
  72. package/dist/components/PasswordField/PasswordField.module.css.js +4 -0
  73. package/dist/components/PhoneField/PhoneField.cjs +1 -0
  74. package/dist/components/PhoneField/PhoneField.js +51 -0
  75. package/dist/components/PhoneField/PhoneField.module.css.cjs +1 -0
  76. package/dist/components/PhoneField/PhoneField.module.css.js +7 -0
  77. package/dist/components/RadarChart/RadarChart.cjs +1 -0
  78. package/dist/components/RadarChart/RadarChart.js +101 -0
  79. package/dist/components/RadarChart/RadarChart.module.css.cjs +1 -0
  80. package/dist/components/RadarChart/RadarChart.module.css.js +15 -0
  81. package/dist/components/RadioGroup/RadioGroup.cjs +1 -0
  82. package/dist/components/RadioGroup/RadioGroup.js +63 -0
  83. package/dist/components/RadioGroup/RadioGroup.module.css.cjs +1 -0
  84. package/dist/components/RadioGroup/RadioGroup.module.css.js +12 -0
  85. package/dist/components/ScatterPlot/ScatterPlot.cjs +1 -0
  86. package/dist/components/ScatterPlot/ScatterPlot.js +134 -0
  87. package/dist/components/ScatterPlot/ScatterPlot.module.css.cjs +1 -0
  88. package/dist/components/ScatterPlot/ScatterPlot.module.css.js +14 -0
  89. package/dist/components/SearchField/SearchField.cjs +1 -0
  90. package/dist/components/SearchField/SearchField.js +51 -0
  91. package/dist/components/SearchField/SearchField.module.css.cjs +1 -0
  92. package/dist/components/SearchField/SearchField.module.css.js +7 -0
  93. package/dist/components/Section/Section.cjs +1 -0
  94. package/dist/components/Section/Section.js +41 -0
  95. package/dist/components/Section/Section.module.css.cjs +1 -0
  96. package/dist/components/Section/Section.module.css.js +12 -0
  97. package/dist/components/SelectField/SelectField.cjs +1 -0
  98. package/dist/components/SelectField/SelectField.js +57 -0
  99. package/dist/components/SelectField/SelectField.module.css.cjs +1 -0
  100. package/dist/components/SelectField/SelectField.module.css.js +4 -0
  101. package/dist/components/Sidebar/Sidebar.cjs +1 -0
  102. package/dist/components/Sidebar/Sidebar.js +150 -0
  103. package/dist/components/Sidebar/Sidebar.module.css.cjs +1 -0
  104. package/dist/components/Sidebar/Sidebar.module.css.js +25 -0
  105. package/dist/components/Stack/Stack.cjs +1 -0
  106. package/dist/components/Stack/Stack.js +42 -0
  107. package/dist/components/Stack/Stack.module.css.cjs +1 -0
  108. package/dist/components/Stack/Stack.module.css.js +4 -0
  109. package/dist/components/TextAreaField/TextAreaField.cjs +1 -0
  110. package/dist/components/TextAreaField/TextAreaField.js +49 -0
  111. package/dist/components/TextAreaField/TextAreaField.module.css.cjs +1 -0
  112. package/dist/components/TextAreaField/TextAreaField.module.css.js +4 -0
  113. package/dist/components/TextField/TextField.cjs +1 -0
  114. package/dist/components/TextField/TextField.js +51 -0
  115. package/dist/components/TextField/TextField.module.css.cjs +1 -0
  116. package/dist/components/TextField/TextField.module.css.js +7 -0
  117. package/dist/components/ThemeProvider/ThemeProvider.cjs +1 -0
  118. package/dist/components/ThemeProvider/ThemeProvider.js +33 -0
  119. package/dist/components/ThemeProvider/useTheme.cjs +1 -0
  120. package/dist/components/ThemeProvider/useTheme.js +10 -0
  121. package/dist/components/ToggleField/ToggleField.cjs +1 -0
  122. package/dist/components/ToggleField/ToggleField.js +47 -0
  123. package/dist/components/ToggleField/ToggleField.module.css.cjs +1 -0
  124. package/dist/components/ToggleField/ToggleField.module.css.js +7 -0
  125. package/dist/components/shared/useFieldIds.cjs +1 -0
  126. package/dist/components/shared/useFieldIds.js +13 -0
  127. package/dist/index.cjs +1 -1
  128. package/dist/index.js +64 -3653
  129. package/dist/patterns/AuthLayout/AuthLayout.cjs +1 -0
  130. package/dist/patterns/AuthLayout/AuthLayout.js +59 -0
  131. package/dist/patterns/AuthLayout/AuthLayout.module.css.cjs +1 -0
  132. package/dist/patterns/AuthLayout/AuthLayout.module.css.js +13 -0
  133. package/dist/primitives/Alert/Alert.cjs +1 -0
  134. package/dist/primitives/Alert/Alert.js +170 -0
  135. package/dist/primitives/Alert/Alert.module.css.cjs +1 -0
  136. package/dist/primitives/Alert/Alert.module.css.js +15 -0
  137. package/dist/primitives/Avatar/Avatar.cjs +1 -0
  138. package/dist/primitives/Avatar/Avatar.js +41 -0
  139. package/dist/primitives/Avatar/Avatar.module.css.cjs +1 -0
  140. package/dist/primitives/Avatar/Avatar.module.css.js +15 -0
  141. package/dist/primitives/Badge/Badge.cjs +1 -0
  142. package/dist/primitives/Badge/Badge.js +20 -0
  143. package/dist/primitives/Badge/Badge.module.css.cjs +1 -0
  144. package/dist/primitives/Badge/Badge.module.css.js +16 -0
  145. package/dist/primitives/Button/Button.cjs +1 -0
  146. package/dist/primitives/Button/Button.js +33 -0
  147. package/dist/primitives/Button/Button.module.css.cjs +1 -0
  148. package/dist/primitives/Button/Button.module.css.js +16 -0
  149. package/dist/primitives/Checkbox/Checkbox.cjs +1 -0
  150. package/dist/primitives/Checkbox/Checkbox.js +22 -0
  151. package/dist/primitives/Checkbox/Checkbox.module.css.cjs +1 -0
  152. package/dist/primitives/Checkbox/Checkbox.module.css.js +9 -0
  153. package/dist/primitives/DateInput/DateInput.cjs +1 -0
  154. package/dist/primitives/DateInput/DateInput.js +22 -0
  155. package/dist/primitives/Divider/Divider.cjs +1 -0
  156. package/dist/primitives/Divider/Divider.js +22 -0
  157. package/dist/primitives/Divider/Divider.module.css.cjs +1 -0
  158. package/dist/primitives/Divider/Divider.module.css.js +8 -0
  159. package/dist/primitives/EmailInput/EmailInput.cjs +1 -0
  160. package/dist/primitives/EmailInput/EmailInput.js +22 -0
  161. package/dist/primitives/ErrorMessage/ErrorMessage.cjs +1 -0
  162. package/dist/primitives/ErrorMessage/ErrorMessage.js +13 -0
  163. package/dist/primitives/ErrorMessage/ErrorMessage.module.css.cjs +1 -0
  164. package/dist/primitives/ErrorMessage/ErrorMessage.module.css.js +4 -0
  165. package/dist/primitives/Heading/Heading.cjs +1 -0
  166. package/dist/primitives/Heading/Heading.js +52 -0
  167. package/dist/primitives/Heading/Heading.module.css.cjs +1 -0
  168. package/dist/primitives/Heading/Heading.module.css.js +13 -0
  169. package/dist/primitives/Hint/Hint.cjs +1 -0
  170. package/dist/primitives/Hint/Hint.js +13 -0
  171. package/dist/primitives/Hint/Hint.module.css.cjs +1 -0
  172. package/dist/primitives/Hint/Hint.module.css.js +4 -0
  173. package/dist/primitives/Label/Label.cjs +1 -0
  174. package/dist/primitives/Label/Label.js +22 -0
  175. package/dist/primitives/Label/Label.module.css.cjs +1 -0
  176. package/dist/primitives/Label/Label.module.css.js +8 -0
  177. package/dist/primitives/Modal/Modal.cjs +1 -0
  178. package/dist/primitives/Modal/Modal.js +111 -0
  179. package/dist/primitives/Modal/Modal.module.css.cjs +1 -0
  180. package/dist/primitives/Modal/Modal.module.css.js +15 -0
  181. package/dist/primitives/NumberInput/NumberInput.cjs +1 -0
  182. package/dist/primitives/NumberInput/NumberInput.js +27 -0
  183. package/dist/primitives/NumberInput/NumberInput.module.css.cjs +1 -0
  184. package/dist/primitives/NumberInput/NumberInput.module.css.js +4 -0
  185. package/dist/primitives/PasswordInput/PasswordInput.cjs +1 -0
  186. package/dist/primitives/PasswordInput/PasswordInput.js +65 -0
  187. package/dist/primitives/PasswordInput/PasswordInput.module.css.cjs +1 -0
  188. package/dist/primitives/PasswordInput/PasswordInput.module.css.js +12 -0
  189. package/dist/primitives/PhoneInput/PhoneInput.cjs +1 -0
  190. package/dist/primitives/PhoneInput/PhoneInput.js +22 -0
  191. package/dist/primitives/ProgressBar/ProgressBar.cjs +1 -0
  192. package/dist/primitives/ProgressBar/ProgressBar.js +32 -0
  193. package/dist/primitives/ProgressBar/ProgressBar.module.css.cjs +1 -0
  194. package/dist/primitives/ProgressBar/ProgressBar.module.css.js +18 -0
  195. package/dist/primitives/RadioButton/RadioButton.cjs +1 -0
  196. package/dist/primitives/RadioButton/RadioButton.js +22 -0
  197. package/dist/primitives/RadioButton/RadioButton.module.css.cjs +1 -0
  198. package/dist/primitives/RadioButton/RadioButton.module.css.js +9 -0
  199. package/dist/primitives/SearchInput/SearchInput.cjs +1 -0
  200. package/dist/primitives/SearchInput/SearchInput.js +22 -0
  201. package/dist/primitives/Select/Select.cjs +1 -0
  202. package/dist/primitives/Select/Select.js +25 -0
  203. package/dist/primitives/Select/Select.module.css.cjs +1 -0
  204. package/dist/primitives/Select/Select.module.css.js +11 -0
  205. package/dist/primitives/Skeleton/Skeleton.cjs +1 -0
  206. package/dist/primitives/Skeleton/Skeleton.js +43 -0
  207. package/dist/primitives/Skeleton/Skeleton.module.css.cjs +1 -0
  208. package/dist/primitives/Skeleton/Skeleton.module.css.js +11 -0
  209. package/dist/primitives/Spinner/Spinner.cjs +1 -0
  210. package/dist/primitives/Spinner/Spinner.js +24 -0
  211. package/dist/primitives/Spinner/Spinner.module.css.cjs +1 -0
  212. package/dist/primitives/Spinner/Spinner.module.css.js +11 -0
  213. package/dist/primitives/Tabs/Tabs.cjs +1 -0
  214. package/dist/primitives/Tabs/Tabs.js +110 -0
  215. package/dist/primitives/Tabs/Tabs.module.css.cjs +1 -0
  216. package/dist/primitives/Tabs/Tabs.module.css.js +9 -0
  217. package/dist/primitives/Text/Text.cjs +1 -0
  218. package/dist/primitives/Text/Text.js +21 -0
  219. package/dist/primitives/Text/Text.module.css.cjs +1 -0
  220. package/dist/primitives/Text/Text.module.css.js +20 -0
  221. package/dist/primitives/TextArea/TextArea.cjs +1 -0
  222. package/dist/primitives/TextArea/TextArea.js +32 -0
  223. package/dist/primitives/TextArea/TextArea.module.css.cjs +1 -0
  224. package/dist/primitives/TextArea/TextArea.module.css.js +11 -0
  225. package/dist/primitives/TextInput/TextInput.cjs +1 -0
  226. package/dist/primitives/TextInput/TextInput.js +22 -0
  227. package/dist/primitives/TextInput/TextInput.module.css.cjs +1 -0
  228. package/dist/primitives/TextInput/TextInput.module.css.js +10 -0
  229. package/dist/primitives/Toast/Toast.cjs +1 -0
  230. package/dist/primitives/Toast/Toast.js +178 -0
  231. package/dist/primitives/Toast/Toast.module.css.cjs +1 -0
  232. package/dist/primitives/Toast/Toast.module.css.js +14 -0
  233. package/dist/primitives/Toggle/Toggle.cjs +1 -0
  234. package/dist/primitives/Toggle/Toggle.js +26 -0
  235. package/dist/primitives/Toggle/Toggle.module.css.cjs +1 -0
  236. package/dist/primitives/Toggle/Toggle.module.css.js +12 -0
  237. package/dist/primitives/Tooltip/Tooltip.cjs +1 -0
  238. package/dist/primitives/Tooltip/Tooltip.js +95 -0
  239. package/dist/primitives/Tooltip/Tooltip.module.css.cjs +1 -0
  240. package/dist/primitives/Tooltip/Tooltip.module.css.js +11 -0
  241. package/package.json +4 -14
@@ -0,0 +1,43 @@
1
+ import e from "./Skeleton.module.css.js";
2
+ import { forwardRef as t } from "react";
3
+ import { jsx as n } from "react/jsx-runtime";
4
+ //#region src/primitives/Skeleton/Skeleton.tsx
5
+ function r(e) {
6
+ return typeof e == "number" ? `${e}px` : e;
7
+ }
8
+ var i = t(({ shape: t = "rect", width: i, height: a, lines: o = 1, className: s, style: c, ...l }, u) => {
9
+ if (t === "text" && o > 1) return /* @__PURE__ */ n("span", {
10
+ ref: u,
11
+ "aria-hidden": "true",
12
+ className: [e.textGroup, s ?? ""].filter(Boolean).join(" "),
13
+ style: i ? {
14
+ width: r(i),
15
+ ...c
16
+ } : c,
17
+ ...l,
18
+ children: Array.from({ length: o }, (t, r) => /* @__PURE__ */ n("span", {
19
+ className: e.skeleton,
20
+ style: { width: r === o - 1 ? "70%" : "100%" }
21
+ }, r))
22
+ });
23
+ let d = [
24
+ e.skeleton,
25
+ t === "circle" ? e.circle : "",
26
+ t === "text" ? e.text : "",
27
+ s ?? ""
28
+ ].filter(Boolean).join(" ");
29
+ return /* @__PURE__ */ n("span", {
30
+ ref: u,
31
+ "aria-hidden": "true",
32
+ className: d,
33
+ style: {
34
+ ...i !== void 0 && { width: r(i) },
35
+ ...a !== void 0 && { height: r(a) },
36
+ ...c
37
+ },
38
+ ...l
39
+ });
40
+ });
41
+ i.displayName = "Skeleton";
42
+ //#endregion
43
+ export { i as Skeleton };
@@ -0,0 +1 @@
1
+ var e=`_skeleton_3y1ju_1`,t=`_circle_3y1ju_30`,n=`_text_3y1ju_35`,r=`_textGroup_3y1ju_42`,i={skeleton:e,"ds-skeleton-shimmer":`_ds-skeleton-shimmer_3y1ju_1`,circle:t,text:n,textGroup:r,"ds-skeleton-pulse":`_ds-skeleton-pulse_3y1ju_1`};exports.circle=t,exports.default=i,exports.skeleton=e,exports.text=n,exports.textGroup=r;
@@ -0,0 +1,11 @@
1
+ //#region src/primitives/Skeleton/Skeleton.module.css
2
+ var e = "_skeleton_3y1ju_1", t = "_circle_3y1ju_30", n = "_text_3y1ju_35", r = "_textGroup_3y1ju_42", i = {
3
+ skeleton: e,
4
+ "ds-skeleton-shimmer": "_ds-skeleton-shimmer_3y1ju_1",
5
+ circle: t,
6
+ text: n,
7
+ textGroup: r,
8
+ "ds-skeleton-pulse": "_ds-skeleton-pulse_3y1ju_1"
9
+ };
10
+ //#endregion
11
+ export { t as circle, i as default, e as skeleton, n as text, r as textGroup };
@@ -0,0 +1 @@
1
+ const e=require("./Spinner.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({size:t=`md`,label:r=`Loading...`,className:i,...a},o)=>{let s=[e.default.spinner,e.default[t],i??``].filter(Boolean).join(` `);return(0,n.jsx)(`span`,{ref:o,role:`status`,className:s,...a,children:(0,n.jsx)(`span`,{className:e.default.srOnly,children:r})})});r.displayName=`Spinner`,exports.Spinner=r;
@@ -0,0 +1,24 @@
1
+ import e from "./Spinner.module.css.js";
2
+ import { forwardRef as t } from "react";
3
+ import { jsx as n } from "react/jsx-runtime";
4
+ //#region src/primitives/Spinner/Spinner.tsx
5
+ var r = t(({ size: t = "md", label: r = "Loading...", className: i, ...a }, o) => {
6
+ let s = [
7
+ e.spinner,
8
+ e[t],
9
+ i ?? ""
10
+ ].filter(Boolean).join(" ");
11
+ return /* @__PURE__ */ n("span", {
12
+ ref: o,
13
+ role: "status",
14
+ className: s,
15
+ ...a,
16
+ children: /* @__PURE__ */ n("span", {
17
+ className: e.srOnly,
18
+ children: r
19
+ })
20
+ });
21
+ });
22
+ r.displayName = "Spinner";
23
+ //#endregion
24
+ export { r as Spinner };
@@ -0,0 +1 @@
1
+ var e=`_srOnly_ggxjh_2`,t=`_spinner_ggxjh_16`,n=`_sm_ggxjh_30`,r=`_md_ggxjh_36`,i=`_lg_ggxjh_42`,a={srOnly:e,spinner:t,"ds-spin":`_ds-spin_ggxjh_1`,sm:n,md:r,lg:i};exports.default=a,exports.lg=i,exports.md=r,exports.sm=n,exports.spinner=t,exports.srOnly=e;
@@ -0,0 +1,11 @@
1
+ //#region src/primitives/Spinner/Spinner.module.css
2
+ var e = "_srOnly_ggxjh_2", t = "_spinner_ggxjh_16", n = "_sm_ggxjh_30", r = "_md_ggxjh_36", i = "_lg_ggxjh_42", a = {
3
+ srOnly: e,
4
+ spinner: t,
5
+ "ds-spin": "_ds-spin_ggxjh_1",
6
+ sm: n,
7
+ md: r,
8
+ lg: i
9
+ };
10
+ //#endregion
11
+ export { a as default, i as lg, r as md, n as sm, t as spinner, e as srOnly };
@@ -0,0 +1 @@
1
+ const e=require("./Tabs.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.createContext)(null);function i(){let e=(0,t.useContext)(r);if(!e)throw Error(`Tabs sub-components must be rendered inside <Tabs>.`);return e}var a=(0,t.forwardRef)(({children:i,value:a,defaultValue:o=``,onChange:s,className:c},l)=>{let[u,d]=(0,t.useState)(o),f=a??u,p=(0,t.useId)(),m=(0,t.useCallback)(e=>`${p}-tab-${e}`,[p]),h=(0,t.useCallback)(e=>`${p}-panel-${e}`,[p]),g=(0,t.useRef)([]),_=(0,t.useRef)(new Map),v=(0,t.useRef)(new Set),y=(0,t.useCallback)(e=>{a===void 0&&d(e),s?.(e)},[a,s]),b=(0,t.useCallback)(e=>(g.current=[...g.current,e],()=>{g.current=g.current.filter(t=>t!==e)}),[]),x=(0,t.useCallback)((e,t)=>{t?_.current.set(e,t):_.current.delete(e)},[]),S=(0,t.useCallback)((e,t)=>{t?v.current.add(e):v.current.delete(e)},[]);return(0,n.jsx)(r.Provider,{value:{activeTab:f,setActiveTab:y,getTabId:m,getPanelId:h,tabValuesRef:g,tabRefsRef:_,disabledTabsRef:v,registerTab:b,registerTabRef:x,setTabDisabled:S},children:(0,n.jsx)(`div`,{ref:l,className:[e.default.tabs,c??``].filter(Boolean).join(` `),children:i})})});a.displayName=`Tabs`;var o=(0,t.forwardRef)(({children:t,label:r,className:i},a)=>(0,n.jsx)(`div`,{ref:a,role:`tablist`,"aria-label":r,className:[e.default.tabList,i??``].filter(Boolean).join(` `),children:t}));o.displayName=`TabList`;var s=(0,t.forwardRef)(({value:r,children:a,disabled:o=!1,className:s},c)=>{let{activeTab:l,setActiveTab:u,getTabId:d,getPanelId:f,tabValuesRef:p,tabRefsRef:m,disabledTabsRef:h,registerTab:g,registerTabRef:_,setTabDisabled:v}=i(),y=l===r;return(0,t.useEffect)(()=>g(r),[r,g]),(0,t.useEffect)(()=>(v(r,o),()=>v(r,!1)),[r,o,v]),(0,n.jsx)(`button`,{ref:e=>{_(r,e),typeof c==`function`?c(e):c&&(c.current=e)},role:`tab`,id:d(r),"aria-selected":y,"aria-controls":f(r),tabIndex:y?0:-1,disabled:o,onClick:()=>!o&&u(r),onKeyDown:e=>{let t=p.current.filter(e=>!h.current.has(e)),n=t.indexOf(r),i=e=>{m.current.get(e)?.focus()};switch(e.key){case`ArrowRight`:case`ArrowDown`:e.preventDefault(),n!==-1&&i(t[(n+1)%t.length]);break;case`ArrowLeft`:case`ArrowUp`:e.preventDefault(),n!==-1&&i(t[(n-1+t.length)%t.length]);break;case`Home`:e.preventDefault(),i(t[0]);break;case`End`:e.preventDefault(),i(t[t.length-1]);break;case`Enter`:case` `:e.preventDefault(),o||u(r)}},className:[e.default.tab,s??``].filter(Boolean).join(` `),children:a})});s.displayName=`Tab`;var c=(0,t.forwardRef)(({value:t,children:r,className:a},o)=>{let{activeTab:s,getTabId:c,getPanelId:l}=i(),u=s===t;return(0,n.jsx)(`div`,{ref:o,role:`tabpanel`,id:l(t),"aria-labelledby":c(t),tabIndex:0,hidden:!u,className:[e.default.tabPanel,a??``].filter(Boolean).join(` `),children:r})});c.displayName=`TabPanel`,exports.Tab=s,exports.TabList=o,exports.TabPanel=c,exports.Tabs=a;
@@ -0,0 +1,110 @@
1
+ import e from "./Tabs.module.css.js";
2
+ import { createContext as t, forwardRef as n, useCallback as r, useContext as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
3
+ import { jsx as l } from "react/jsx-runtime";
4
+ //#region src/primitives/Tabs/Tabs.tsx
5
+ var u = t(null);
6
+ function d() {
7
+ let e = i(u);
8
+ if (!e) throw Error("Tabs sub-components must be rendered inside <Tabs>.");
9
+ return e;
10
+ }
11
+ var f = n(({ children: t, value: n, defaultValue: i = "", onChange: a, className: d }, f) => {
12
+ let [p, m] = c(i), h = n ?? p, g = o(), _ = r((e) => `${g}-tab-${e}`, [g]), v = r((e) => `${g}-panel-${e}`, [g]), y = s([]), b = s(/* @__PURE__ */ new Map()), x = s(/* @__PURE__ */ new Set()), S = r((e) => {
13
+ n === void 0 && m(e), a?.(e);
14
+ }, [n, a]), C = r((e) => (y.current = [...y.current, e], () => {
15
+ y.current = y.current.filter((t) => t !== e);
16
+ }), []), w = r((e, t) => {
17
+ t ? b.current.set(e, t) : b.current.delete(e);
18
+ }, []), T = r((e, t) => {
19
+ t ? x.current.add(e) : x.current.delete(e);
20
+ }, []);
21
+ return /* @__PURE__ */ l(u.Provider, {
22
+ value: {
23
+ activeTab: h,
24
+ setActiveTab: S,
25
+ getTabId: _,
26
+ getPanelId: v,
27
+ tabValuesRef: y,
28
+ tabRefsRef: b,
29
+ disabledTabsRef: x,
30
+ registerTab: C,
31
+ registerTabRef: w,
32
+ setTabDisabled: T
33
+ },
34
+ children: /* @__PURE__ */ l("div", {
35
+ ref: f,
36
+ className: [e.tabs, d ?? ""].filter(Boolean).join(" "),
37
+ children: t
38
+ })
39
+ });
40
+ });
41
+ f.displayName = "Tabs";
42
+ var p = n(({ children: t, label: n, className: r }, i) => /* @__PURE__ */ l("div", {
43
+ ref: i,
44
+ role: "tablist",
45
+ "aria-label": n,
46
+ className: [e.tabList, r ?? ""].filter(Boolean).join(" "),
47
+ children: t
48
+ }));
49
+ p.displayName = "TabList";
50
+ var m = n(({ value: t, children: n, disabled: r = !1, className: i }, o) => {
51
+ let { activeTab: s, setActiveTab: c, getTabId: u, getPanelId: f, tabValuesRef: p, tabRefsRef: m, disabledTabsRef: h, registerTab: g, registerTabRef: _, setTabDisabled: v } = d(), y = s === t;
52
+ return a(() => g(t), [t, g]), a(() => (v(t, r), () => v(t, !1)), [
53
+ t,
54
+ r,
55
+ v
56
+ ]), /* @__PURE__ */ l("button", {
57
+ ref: (e) => {
58
+ _(t, e), typeof o == "function" ? o(e) : o && (o.current = e);
59
+ },
60
+ role: "tab",
61
+ id: u(t),
62
+ "aria-selected": y,
63
+ "aria-controls": f(t),
64
+ tabIndex: y ? 0 : -1,
65
+ disabled: r,
66
+ onClick: () => !r && c(t),
67
+ onKeyDown: (e) => {
68
+ let n = p.current.filter((e) => !h.current.has(e)), i = n.indexOf(t), a = (e) => {
69
+ m.current.get(e)?.focus();
70
+ };
71
+ switch (e.key) {
72
+ case "ArrowRight":
73
+ case "ArrowDown":
74
+ e.preventDefault(), i !== -1 && a(n[(i + 1) % n.length]);
75
+ break;
76
+ case "ArrowLeft":
77
+ case "ArrowUp":
78
+ e.preventDefault(), i !== -1 && a(n[(i - 1 + n.length) % n.length]);
79
+ break;
80
+ case "Home":
81
+ e.preventDefault(), a(n[0]);
82
+ break;
83
+ case "End":
84
+ e.preventDefault(), a(n[n.length - 1]);
85
+ break;
86
+ case "Enter":
87
+ case " ": e.preventDefault(), r || c(t);
88
+ }
89
+ },
90
+ className: [e.tab, i ?? ""].filter(Boolean).join(" "),
91
+ children: n
92
+ });
93
+ });
94
+ m.displayName = "Tab";
95
+ var h = n(({ value: t, children: n, className: r }, i) => {
96
+ let { activeTab: a, getTabId: o, getPanelId: s } = d(), c = a === t;
97
+ return /* @__PURE__ */ l("div", {
98
+ ref: i,
99
+ role: "tabpanel",
100
+ id: s(t),
101
+ "aria-labelledby": o(t),
102
+ tabIndex: 0,
103
+ hidden: !c,
104
+ className: [e.tabPanel, r ?? ""].filter(Boolean).join(" "),
105
+ children: n
106
+ });
107
+ });
108
+ h.displayName = "TabPanel";
109
+ //#endregion
110
+ export { m as Tab, p as TabList, h as TabPanel, f as Tabs };
@@ -0,0 +1 @@
1
+ var e=`_tabs_g9je2_1`,t=`_tabList_g9je2_8`,n=`_tab_g9je2_1`,r=`_tabPanel_g9je2_64`,i={tabs:e,tabList:t,tab:n,tabPanel:r};exports.default=i,exports.tab=n,exports.tabList=t,exports.tabPanel=r,exports.tabs=e;
@@ -0,0 +1,9 @@
1
+ //#region src/primitives/Tabs/Tabs.module.css
2
+ var e = "_tabs_g9je2_1", t = "_tabList_g9je2_8", n = "_tab_g9je2_1", r = "_tabPanel_g9je2_64", i = {
3
+ tabs: e,
4
+ tabList: t,
5
+ tab: n,
6
+ tabPanel: r
7
+ };
8
+ //#endregion
9
+ export { i as default, n as tab, t as tabList, r as tabPanel, e as tabs };
@@ -0,0 +1 @@
1
+ const e=require("./Text.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({as:t=`p`,size:r=`md`,weight:i=`regular`,color:a=`default`,className:o,...s},c)=>{let l=[e.default.text,e.default[r],e.default[i],a==="default"?``:e.default[a],o??``].filter(Boolean).join(` `);return(0,n.jsx)(t,{ref:c,className:l,...s})});r.displayName=`Text`,exports.Text=r;
@@ -0,0 +1,21 @@
1
+ import e from "./Text.module.css.js";
2
+ import { forwardRef as t } from "react";
3
+ import { jsx as n } from "react/jsx-runtime";
4
+ //#region src/primitives/Text/Text.tsx
5
+ var r = t(({ as: t = "p", size: r = "md", weight: i = "regular", color: a = "default", className: o, ...s }, c) => {
6
+ let l = [
7
+ e.text,
8
+ e[r],
9
+ e[i],
10
+ a === "default" ? "" : e[a],
11
+ o ?? ""
12
+ ].filter(Boolean).join(" ");
13
+ return /* @__PURE__ */ n(t, {
14
+ ref: c,
15
+ className: l,
16
+ ...s
17
+ });
18
+ });
19
+ r.displayName = "Text";
20
+ //#endregion
21
+ export { r as Text };
@@ -0,0 +1 @@
1
+ var e=`_text_nmm1v_1`,t=`_lg_nmm1v_11`,n=`_md_nmm1v_12`,r=`_sm_nmm1v_13`,i=`_xs_nmm1v_14`,a=`_regular_nmm1v_18`,o=`_medium_nmm1v_19`,s=`_semibold_nmm1v_20`,c=`_bold_nmm1v_21`,l=`_muted_nmm1v_25`,u=`_disabled_nmm1v_26`,d=`_error_nmm1v_27`,f=`_success_nmm1v_28`,p=`_warning_nmm1v_29`,m=`_inherit_nmm1v_30`,h={text:e,lg:t,md:n,sm:r,xs:i,regular:a,medium:o,semibold:s,bold:c,muted:l,disabled:u,error:d,success:f,warning:p,inherit:m};exports.bold=c,exports.default=h,exports.disabled=u,exports.error=d,exports.inherit=m,exports.lg=t,exports.md=n,exports.medium=o,exports.muted=l,exports.regular=a,exports.semibold=s,exports.sm=r,exports.success=f,exports.text=e,exports.warning=p,exports.xs=i;
@@ -0,0 +1,20 @@
1
+ //#region src/primitives/Text/Text.module.css
2
+ var e = "_text_nmm1v_1", t = "_lg_nmm1v_11", n = "_md_nmm1v_12", r = "_sm_nmm1v_13", i = "_xs_nmm1v_14", a = "_regular_nmm1v_18", o = "_medium_nmm1v_19", s = "_semibold_nmm1v_20", c = "_bold_nmm1v_21", l = "_muted_nmm1v_25", u = "_disabled_nmm1v_26", d = "_error_nmm1v_27", f = "_success_nmm1v_28", p = "_warning_nmm1v_29", m = "_inherit_nmm1v_30", h = {
3
+ text: e,
4
+ lg: t,
5
+ md: n,
6
+ sm: r,
7
+ xs: i,
8
+ regular: a,
9
+ medium: o,
10
+ semibold: s,
11
+ bold: c,
12
+ muted: l,
13
+ disabled: u,
14
+ error: d,
15
+ success: f,
16
+ warning: p,
17
+ inherit: m
18
+ };
19
+ //#endregion
20
+ export { c as bold, h as default, u as disabled, d as error, m as inherit, t as lg, n as md, o as medium, l as muted, a as regular, s as semibold, r as sm, f as success, e as text, p as warning, i as xs };
@@ -0,0 +1 @@
1
+ const e=require("./TextArea.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({hasError:r=!1,size:i=`md`,autoResize:a=!1,className:o,onChange:s,...c},l)=>{let u=(0,t.useRef)(null),d=(0,t.useCallback)(e=>{u.current=e,typeof l==`function`?l(e):l&&(l.current=e)},[l]);(0,t.useEffect)(()=>{let e=u.current;e&&(a?(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`):e.style.height=``)},[a]);let f=(0,t.useCallback)(e=>{a&&(e.currentTarget.style.height=`auto`,e.currentTarget.style.height=`${e.currentTarget.scrollHeight}px`),s?.(e)},[a,s]),p=[e.default.textarea,e.default[i],r?e.default.error:``,a?e.default.autoResize:``,o??``].filter(Boolean).join(` `);return(0,n.jsx)(`textarea`,{ref:d,"aria-invalid":r||void 0,className:p,onChange:f,...c})});r.displayName=`TextArea`,exports.TextArea=r;
@@ -0,0 +1,32 @@
1
+ import e from "./TextArea.module.css.js";
2
+ import { forwardRef as t, useCallback as n, useEffect as r, useRef as i } from "react";
3
+ import { jsx as a } from "react/jsx-runtime";
4
+ //#region src/primitives/TextArea/TextArea.tsx
5
+ var o = t(({ hasError: t = !1, size: o = "md", autoResize: s = !1, className: c, onChange: l, ...u }, d) => {
6
+ let f = i(null), p = n((e) => {
7
+ f.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
8
+ }, [d]);
9
+ r(() => {
10
+ let e = f.current;
11
+ e && (s ? (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`) : e.style.height = "");
12
+ }, [s]);
13
+ let m = n((e) => {
14
+ s && (e.currentTarget.style.height = "auto", e.currentTarget.style.height = `${e.currentTarget.scrollHeight}px`), l?.(e);
15
+ }, [s, l]), h = [
16
+ e.textarea,
17
+ e[o],
18
+ t ? e.error : "",
19
+ s ? e.autoResize : "",
20
+ c ?? ""
21
+ ].filter(Boolean).join(" ");
22
+ return /* @__PURE__ */ a("textarea", {
23
+ ref: p,
24
+ "aria-invalid": t || void 0,
25
+ className: h,
26
+ onChange: m,
27
+ ...u
28
+ });
29
+ });
30
+ o.displayName = "TextArea";
31
+ //#endregion
32
+ export { o as TextArea };
@@ -0,0 +1 @@
1
+ var e=`_textarea_1l4wd_1`,t=`_error_1l4wd_42`,n=`_autoResize_1l4wd_67`,r=`_sm_1l4wd_74`,i=`_md_1l4wd_79`,a=`_lg_1l4wd_84`,o={textarea:e,error:t,autoResize:n,sm:r,md:i,lg:a};exports.autoResize=n,exports.default=o,exports.error=t,exports.lg=a,exports.md=i,exports.sm=r,exports.textarea=e;
@@ -0,0 +1,11 @@
1
+ //#region src/primitives/TextArea/TextArea.module.css
2
+ var e = "_textarea_1l4wd_1", t = "_error_1l4wd_42", n = "_autoResize_1l4wd_67", r = "_sm_1l4wd_74", i = "_md_1l4wd_79", a = "_lg_1l4wd_84", o = {
3
+ textarea: e,
4
+ error: t,
5
+ autoResize: n,
6
+ sm: r,
7
+ md: i,
8
+ lg: a
9
+ };
10
+ //#endregion
11
+ export { n as autoResize, o as default, t as error, a as lg, i as md, r as sm, e as textarea };
@@ -0,0 +1 @@
1
+ const e=require("./TextInput.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({hasError:t=!1,size:r=`md`,className:i,...a},o)=>{let s=[e.default.input,e.default[r],t?e.default.error:``,i??``].filter(Boolean).join(` `);return(0,n.jsx)(`input`,{ref:o,type:`text`,"aria-invalid":t||void 0,className:s,...a})});r.displayName=`TextInput`,exports.TextInput=r;
@@ -0,0 +1,22 @@
1
+ import e from "./TextInput.module.css.js";
2
+ import { forwardRef as t } from "react";
3
+ import { jsx as n } from "react/jsx-runtime";
4
+ //#region src/primitives/TextInput/TextInput.tsx
5
+ var r = t(({ hasError: t = !1, size: r = "md", className: i, ...a }, o) => {
6
+ let s = [
7
+ e.input,
8
+ e[r],
9
+ t ? e.error : "",
10
+ i ?? ""
11
+ ].filter(Boolean).join(" ");
12
+ return /* @__PURE__ */ n("input", {
13
+ ref: o,
14
+ type: "text",
15
+ "aria-invalid": t || void 0,
16
+ className: s,
17
+ ...a
18
+ });
19
+ });
20
+ r.displayName = "TextInput";
21
+ //#endregion
22
+ export { r as TextInput };
@@ -0,0 +1 @@
1
+ var e=`_input_1i1n1_1`,t=`_error_1i1n1_40`,n=`_sm_1i1n1_76`,r=`_md_1i1n1_82`,i=`_lg_1i1n1_88`,a={input:e,error:t,sm:n,md:r,lg:i};exports.default=a,exports.error=t,exports.input=e,exports.lg=i,exports.md=r,exports.sm=n;
@@ -0,0 +1,10 @@
1
+ //#region src/primitives/TextInput/TextInput.module.css
2
+ var e = "_input_1i1n1_1", t = "_error_1i1n1_40", n = "_sm_1i1n1_76", r = "_md_1i1n1_82", i = "_lg_1i1n1_88", a = {
3
+ input: e,
4
+ error: t,
5
+ sm: n,
6
+ md: r,
7
+ lg: i
8
+ };
9
+ //#endregion
10
+ export { a as default, t as error, e as input, i as lg, r as md, n as sm };
@@ -0,0 +1 @@
1
+ const e=require("./Toast.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("react-dom");var i=(0,t.createContext)(null),a={info:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:[(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`7`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M8 7v4M8 5v.5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}),success:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:[(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`7`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M5 8l2 2 4-4`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})]}),error:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:[(0,n.jsx)(`circle`,{cx:`8`,cy:`8`,r:`7`,stroke:`currentColor`,strokeWidth:`1.5`}),(0,n.jsx)(`path`,{d:`M10 6L6 10M6 6l4 4`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]}),warning:(0,n.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,"aria-hidden":`true`,children:[(0,n.jsx)(`path`,{d:`M8 2L14.9 14H1.1L8 2z`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinejoin:`round`}),(0,n.jsx)(`path`,{d:`M8 6.5v3M8 11v.5`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})]})};function o({item:t,onDismiss:r,onPause:i,onResume:o}){return(0,n.jsxs)(`div`,{className:[e.default.toast,e.default[t.variant]].join(` `),role:`status`,onMouseEnter:()=>i(t.id),onMouseLeave:()=>o(t.id),onFocus:()=>i(t.id),onBlur:()=>o(t.id),children:[(0,n.jsx)(`span`,{className:e.default.icon,children:a[t.variant]}),(0,n.jsx)(`span`,{className:e.default.message,children:t.message}),(0,n.jsx)(`button`,{type:`button`,"aria-label":`Close notification`,className:e.default.closeButton,onClick:()=>r(t.id),children:(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`,"aria-hidden":`true`,children:(0,n.jsx)(`path`,{d:`M9 3L3 9M3 3l6 6`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`})})})]})}function s({children:a,maxToasts:s=5}){let[c,l]=(0,t.useState)([]),u=(0,t.useRef)(new Map),d=(0,t.useRef)(new Map),f=(0,t.useRef)(new Map),p=(0,t.useRef)(0),m=(0,t.useCallback)(e=>{let t=u.current.get(e);t!==void 0&&(clearTimeout(t),u.current.delete(e)),d.current.delete(e),f.current.delete(e),l(t=>t.filter(t=>t.id!==e))},[]),h=(0,t.useCallback)((e,t)=>{let n=setTimeout(()=>m(e),t);u.current.set(e,n)},[m]),g=(0,t.useCallback)(e=>{let t=u.current.get(e);t!==void 0&&(clearTimeout(t),u.current.delete(e),d.current.set(e,Date.now()))},[]),_=(0,t.useCallback)(e=>{let t=d.current.get(e);if(t===void 0)return;let n=Date.now()-t,r=Math.max(0,(f.current.get(e)??0)-n);d.current.delete(e),f.current.set(e,r),r>0?h(e,r):m(e)},[m,h]),v=(0,t.useCallback)(e=>{let t=`toast-${++p.current}`,n=e.variant??`info`,r=e.duration??5e3,i={id:t,message:e.message,variant:n,duration:r};return l(e=>{let t=[...e,i];return t.length>s?t.slice(t.length-s):t}),r>0&&(f.current.set(t,r),h(t,r)),t},[s,h]);return(0,n.jsxs)(i.Provider,{value:{show:v,dismiss:m},children:[a,(0,r.createPortal)((0,n.jsx)(`div`,{role:`region`,className:e.default.region,"aria-label":`Notifications`,"aria-live":`polite`,"aria-atomic":`false`,"aria-relevant":`additions text`,children:c.map(e=>(0,n.jsx)(o,{item:e,onDismiss:m,onPause:g,onResume:_},e.id))}),document.body)]})}s.displayName=`ToastProvider`;function c(){let e=(0,t.useContext)(i);if(!e)throw Error(`useToast must be used inside a <ToastProvider>`);return e}exports.ToastProvider=s,exports.useToast=c;
@@ -0,0 +1,178 @@
1
+ import e from "./Toast.module.css.js";
2
+ import { createContext as t, useCallback as n, useContext as r, useRef as i, useState as a } from "react";
3
+ import { jsx as o, jsxs as s } from "react/jsx-runtime";
4
+ import { createPortal as c } from "react-dom";
5
+ //#region src/primitives/Toast/Toast.tsx
6
+ var l = t(null), u = {
7
+ info: /* @__PURE__ */ s("svg", {
8
+ width: "16",
9
+ height: "16",
10
+ viewBox: "0 0 16 16",
11
+ fill: "none",
12
+ "aria-hidden": "true",
13
+ children: [/* @__PURE__ */ o("circle", {
14
+ cx: "8",
15
+ cy: "8",
16
+ r: "7",
17
+ stroke: "currentColor",
18
+ strokeWidth: "1.5"
19
+ }), /* @__PURE__ */ o("path", {
20
+ d: "M8 7v4M8 5v.5",
21
+ stroke: "currentColor",
22
+ strokeWidth: "1.5",
23
+ strokeLinecap: "round"
24
+ })]
25
+ }),
26
+ success: /* @__PURE__ */ s("svg", {
27
+ width: "16",
28
+ height: "16",
29
+ viewBox: "0 0 16 16",
30
+ fill: "none",
31
+ "aria-hidden": "true",
32
+ children: [/* @__PURE__ */ o("circle", {
33
+ cx: "8",
34
+ cy: "8",
35
+ r: "7",
36
+ stroke: "currentColor",
37
+ strokeWidth: "1.5"
38
+ }), /* @__PURE__ */ o("path", {
39
+ d: "M5 8l2 2 4-4",
40
+ stroke: "currentColor",
41
+ strokeWidth: "1.5",
42
+ strokeLinecap: "round",
43
+ strokeLinejoin: "round"
44
+ })]
45
+ }),
46
+ error: /* @__PURE__ */ s("svg", {
47
+ width: "16",
48
+ height: "16",
49
+ viewBox: "0 0 16 16",
50
+ fill: "none",
51
+ "aria-hidden": "true",
52
+ children: [/* @__PURE__ */ o("circle", {
53
+ cx: "8",
54
+ cy: "8",
55
+ r: "7",
56
+ stroke: "currentColor",
57
+ strokeWidth: "1.5"
58
+ }), /* @__PURE__ */ o("path", {
59
+ d: "M10 6L6 10M6 6l4 4",
60
+ stroke: "currentColor",
61
+ strokeWidth: "1.5",
62
+ strokeLinecap: "round"
63
+ })]
64
+ }),
65
+ warning: /* @__PURE__ */ s("svg", {
66
+ width: "16",
67
+ height: "16",
68
+ viewBox: "0 0 16 16",
69
+ fill: "none",
70
+ "aria-hidden": "true",
71
+ children: [/* @__PURE__ */ o("path", {
72
+ d: "M8 2L14.9 14H1.1L8 2z",
73
+ stroke: "currentColor",
74
+ strokeWidth: "1.5",
75
+ strokeLinejoin: "round"
76
+ }), /* @__PURE__ */ o("path", {
77
+ d: "M8 6.5v3M8 11v.5",
78
+ stroke: "currentColor",
79
+ strokeWidth: "1.5",
80
+ strokeLinecap: "round"
81
+ })]
82
+ })
83
+ };
84
+ function d({ item: t, onDismiss: n, onPause: r, onResume: i }) {
85
+ return /* @__PURE__ */ s("div", {
86
+ className: [e.toast, e[t.variant]].join(" "),
87
+ role: "status",
88
+ onMouseEnter: () => r(t.id),
89
+ onMouseLeave: () => i(t.id),
90
+ onFocus: () => r(t.id),
91
+ onBlur: () => i(t.id),
92
+ children: [
93
+ /* @__PURE__ */ o("span", {
94
+ className: e.icon,
95
+ children: u[t.variant]
96
+ }),
97
+ /* @__PURE__ */ o("span", {
98
+ className: e.message,
99
+ children: t.message
100
+ }),
101
+ /* @__PURE__ */ o("button", {
102
+ type: "button",
103
+ "aria-label": "Close notification",
104
+ className: e.closeButton,
105
+ onClick: () => n(t.id),
106
+ children: /* @__PURE__ */ o("svg", {
107
+ width: "12",
108
+ height: "12",
109
+ viewBox: "0 0 12 12",
110
+ fill: "none",
111
+ "aria-hidden": "true",
112
+ children: /* @__PURE__ */ o("path", {
113
+ d: "M9 3L3 9M3 3l6 6",
114
+ stroke: "currentColor",
115
+ strokeWidth: "1.5",
116
+ strokeLinecap: "round"
117
+ })
118
+ })
119
+ })
120
+ ]
121
+ });
122
+ }
123
+ function f({ children: t, maxToasts: r = 5 }) {
124
+ let [u, f] = a([]), p = i(/* @__PURE__ */ new Map()), m = i(/* @__PURE__ */ new Map()), h = i(/* @__PURE__ */ new Map()), g = i(0), _ = n((e) => {
125
+ let t = p.current.get(e);
126
+ t !== void 0 && (clearTimeout(t), p.current.delete(e)), m.current.delete(e), h.current.delete(e), f((t) => t.filter((t) => t.id !== e));
127
+ }, []), v = n((e, t) => {
128
+ let n = setTimeout(() => _(e), t);
129
+ p.current.set(e, n);
130
+ }, [_]), y = n((e) => {
131
+ let t = p.current.get(e);
132
+ t !== void 0 && (clearTimeout(t), p.current.delete(e), m.current.set(e, Date.now()));
133
+ }, []), b = n((e) => {
134
+ let t = m.current.get(e);
135
+ if (t === void 0) return;
136
+ let n = Date.now() - t, r = Math.max(0, (h.current.get(e) ?? 0) - n);
137
+ m.current.delete(e), h.current.set(e, r), r > 0 ? v(e, r) : _(e);
138
+ }, [_, v]), x = n((e) => {
139
+ let t = `toast-${++g.current}`, n = e.variant ?? "info", i = e.duration ?? 5e3, a = {
140
+ id: t,
141
+ message: e.message,
142
+ variant: n,
143
+ duration: i
144
+ };
145
+ return f((e) => {
146
+ let t = [...e, a];
147
+ return t.length > r ? t.slice(t.length - r) : t;
148
+ }), i > 0 && (h.current.set(t, i), v(t, i)), t;
149
+ }, [r, v]);
150
+ return /* @__PURE__ */ s(l.Provider, {
151
+ value: {
152
+ show: x,
153
+ dismiss: _
154
+ },
155
+ children: [t, c(/* @__PURE__ */ o("div", {
156
+ role: "region",
157
+ className: e.region,
158
+ "aria-label": "Notifications",
159
+ "aria-live": "polite",
160
+ "aria-atomic": "false",
161
+ "aria-relevant": "additions text",
162
+ children: u.map((e) => /* @__PURE__ */ o(d, {
163
+ item: e,
164
+ onDismiss: _,
165
+ onPause: y,
166
+ onResume: b
167
+ }, e.id))
168
+ }), document.body)]
169
+ });
170
+ }
171
+ f.displayName = "ToastProvider";
172
+ function p() {
173
+ let e = r(l);
174
+ if (!e) throw Error("useToast must be used inside a <ToastProvider>");
175
+ return e;
176
+ }
177
+ //#endregion
178
+ export { f as ToastProvider, p as useToast };
@@ -0,0 +1 @@
1
+ var e=`_region_j5e79_1`,t=`_toast_j5e79_14`,n=`_info_j5e79_30`,r=`_icon_j5e79_35`,i=`_success_j5e79_39`,a=`_error_j5e79_47`,o=`_warning_j5e79_55`,s=`_message_j5e79_69`,c=`_closeButton_j5e79_74`,l={region:e,toast:t,info:n,icon:r,success:i,error:a,warning:o,message:s,closeButton:c};exports.closeButton=c,exports.default=l,exports.error=a,exports.icon=r,exports.info=n,exports.message=s,exports.region=e,exports.success=i,exports.toast=t,exports.warning=o;
@@ -0,0 +1,14 @@
1
+ //#region src/primitives/Toast/Toast.module.css
2
+ var e = "_region_j5e79_1", t = "_toast_j5e79_14", n = "_info_j5e79_30", r = "_icon_j5e79_35", i = "_success_j5e79_39", a = "_error_j5e79_47", o = "_warning_j5e79_55", s = "_message_j5e79_69", c = "_closeButton_j5e79_74", l = {
3
+ region: e,
4
+ toast: t,
5
+ info: n,
6
+ icon: r,
7
+ success: i,
8
+ error: a,
9
+ warning: o,
10
+ message: s,
11
+ closeButton: c
12
+ };
13
+ //#endregion
14
+ export { c as closeButton, l as default, a as error, r as icon, n as info, s as message, e as region, i as success, t as toast, o as warning };
@@ -0,0 +1 @@
1
+ const e=require("./Toggle.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(({hasError:t=!1,size:r=`md`,className:i,...a},o)=>(0,n.jsxs)(`span`,{className:[e.default.root,e.default[r],i??``].filter(Boolean).join(` `),children:[(0,n.jsx)(`input`,{ref:o,type:`checkbox`,role:`switch`,"aria-invalid":t||void 0,className:e.default.input,...a}),(0,n.jsx)(`span`,{className:e.default.track,"aria-hidden":`true`,children:(0,n.jsx)(`span`,{className:e.default.thumb})})]}));r.displayName=`Toggle`,exports.Toggle=r;
@@ -0,0 +1,26 @@
1
+ import e from "./Toggle.module.css.js";
2
+ import { forwardRef as t } from "react";
3
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
+ //#region src/primitives/Toggle/Toggle.tsx
5
+ var i = t(({ hasError: t = !1, size: i = "md", className: a, ...o }, s) => /* @__PURE__ */ r("span", {
6
+ className: [
7
+ e.root,
8
+ e[i],
9
+ a ?? ""
10
+ ].filter(Boolean).join(" "),
11
+ children: [/* @__PURE__ */ n("input", {
12
+ ref: s,
13
+ type: "checkbox",
14
+ role: "switch",
15
+ "aria-invalid": t || void 0,
16
+ className: e.input,
17
+ ...o
18
+ }), /* @__PURE__ */ n("span", {
19
+ className: e.track,
20
+ "aria-hidden": "true",
21
+ children: /* @__PURE__ */ n("span", { className: e.thumb })
22
+ })]
23
+ }));
24
+ i.displayName = "Toggle";
25
+ //#endregion
26
+ export { i as Toggle };
@@ -0,0 +1 @@
1
+ var e=`_root_16qku_3`,t=`_input_16qku_18`,n=`_track_16qku_36`,r=`_thumb_16qku_56`,i=`_md_16qku_127`,a=`_sm_16qku_131`,o=`_lg_16qku_138`,s={root:e,input:t,track:n,thumb:r,md:i,sm:a,lg:o};exports.default=s,exports.input=t,exports.lg=o,exports.md=i,exports.root=e,exports.sm=a,exports.thumb=r,exports.track=n;
@@ -0,0 +1,12 @@
1
+ //#region src/primitives/Toggle/Toggle.module.css
2
+ var e = "_root_16qku_3", t = "_input_16qku_18", n = "_track_16qku_36", r = "_thumb_16qku_56", i = "_md_16qku_127", a = "_sm_16qku_131", o = "_lg_16qku_138", s = {
3
+ root: e,
4
+ input: t,
5
+ track: n,
6
+ thumb: r,
7
+ md: i,
8
+ sm: a,
9
+ lg: o
10
+ };
11
+ //#endregion
12
+ export { s as default, t as input, o as lg, i as md, e as root, a as sm, r as thumb, n as track };
@@ -0,0 +1 @@
1
+ const e=require("./Tooltip.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("react-dom");function i(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n&&`current`in n&&(n.current=t)}}function a({content:a,children:o,placement:s=`top`,delayMs:c=200}){let l=(0,t.useId)(),u=(0,t.useRef)(null),d=(0,t.useRef)(void 0),[f,p]=(0,t.useState)(!1),[m,h]=(0,t.useState)({top:0,left:0}),g=(0,t.useCallback)(()=>{let e=u.current?.getBoundingClientRect();if(e)switch(s){case`top`:h({top:e.top,left:e.left+e.width/2});break;case`bottom`:h({top:e.bottom,left:e.left+e.width/2});break;case`left`:h({top:e.top+e.height/2,left:e.left});break;case`right`:h({top:e.top+e.height/2,left:e.right})}},[s]),_=(0,t.useCallback)(()=>{clearTimeout(d.current),d.current=setTimeout(()=>{g(),p(!0)},c)},[g,c]),v=(0,t.useCallback)(()=>{clearTimeout(d.current),p(!1)},[]);(0,t.useEffect)(()=>{if(!f)return;let e=()=>g();return window.addEventListener(`scroll`,e,{capture:!0,passive:!0}),window.addEventListener(`resize`,e,{passive:!0}),()=>{window.removeEventListener(`scroll`,e,{capture:!0}),window.removeEventListener(`resize`,e)}},[f,g]);let y=o,b=(0,t.cloneElement)(y,{ref:i(u,y.props.ref),"aria-describedby":l,onMouseEnter:e=>{_(),y.props.onMouseEnter?.(e)},onMouseLeave:e=>{v(),y.props.onMouseLeave?.(e)},onFocus:e=>{_(),y.props.onFocus?.(e)},onBlur:e=>{v(),y.props.onBlur?.(e)},onKeyDown:e=>{e.key===`Escape`&&v(),y.props.onKeyDown?.(e)}}),x=(0,n.jsx)(`div`,{id:l,role:`tooltip`,hidden:!f,style:{top:m.top,left:m.left},className:[e.default.tooltip,e.default[s],f?e.default.visible:``].filter(Boolean).join(` `),children:a});return(0,n.jsxs)(n.Fragment,{children:[b,(0,r.createPortal)(x,document.body)]})}a.displayName=`Tooltip`,exports.Tooltip=a;