@plenustech/design-system 0.2.2 → 0.2.3

package/dist/components/feedback/Toast/ToastRegion.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),n=require("./toastStore.cjs"),s=require("./Toast.module.css.cjs"),i=require("../../icons/icons.cjs"),v=require("../../actions/Button/Button.cjs"),N=6e3,C={danger:i.IconExclamationCircle,info:i.IconInfoCircle,success:i.IconCheckCircle,warning:i.IconExclamationTriangle};function I(){const o=l.useSyncExternalStore(n.subscribeToasts,n.getToasts,n.getServerToasts);return e.jsx("div",{className:s.default.region,children:o.slice(-3).map(t=>e.jsx(S,{toast:t},t.id))})}function S({toast:o}){const{action:t,description:d,id:r,title:x,tone:a="info"}=o,u=o.duration===void 0?a==="danger"?null:N:o.duration,[f,m]=l.useState(!1),[T,g]=l.useState(!1),j=C[a];l.useEffect(()=>{if(u===null||f||T)return;const c=setTimeout(()=>n.dismissToast(r),u);return()=>clearTimeout(c)},[u,T,f,r]);function h(c){c.currentTarget.contains(c.relatedTarget)||g(!1)}return e.jsxs("div",{className:[s.default.toast,s.default[a]].join(" "),onBlur:h,onFocus:()=>g(!0),onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),role:a==="danger"||a==="warning"?"alert":"status",children:[e.jsx(j,{className:s.default.icon}),e.jsxs("div",{className:s.default.content,children:[e.jsx("strong",{className:s.default.title,children:x}),d&&e.jsx("p",{className:s.default.description,children:d}),t&&e.jsx("div",{className:s.default.actions,children:e.jsx(v.Button,{onClick:()=>{t.onClick(),n.dismissToast(r)},size:"sm",variant:"secondary",children:t.label})})]}),e.jsx("button",{"aria-label":"Fechar aviso",className:s.default.close,onClick:()=>n.dismissToast(r),type:"button",children:e.jsx(i.IconClose,{})})]})}exports.ToastRegion=I;
+//# sourceMappingURL=ToastRegion.cjs.map

package/dist/components/feedback/Toast/ToastRegion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastRegion.cjs","sources":["../../../../src/components/feedback/Toast/ToastRegion.tsx"],"sourcesContent":["import { useEffect, useState, useSyncExternalStore, type FocusEvent } from 'react';\nimport { Button } from '../../actions/Button';\nimport { IconCheckCircle, IconClose, IconExclamationCircle, IconExclamationTriangle, IconInfoCircle } from '../../icons';\nimport { dismissToast, getServerToasts, getToasts, subscribeToasts, type ToastEntry } from './toastStore';\nimport styles from './Toast.module.css';\n\nconst VISIBLE_LIMIT = 3;\nconst DEFAULT_DURATION = 6000;\n\nconst TONE_ICONS = {\n  danger: IconExclamationCircle,\n  info: IconInfoCircle,\n  success: IconCheckCircle,\n  warning: IconExclamationTriangle,\n};\n\n/** Canto onde os avisos de `showToast` aparecem. Montado uma vez, na raiz da aplicacao. */\nexport function ToastRegion() {\n  const toasts = useSyncExternalStore(subscribeToasts, getToasts, getServerToasts);\n\n  return (\n    <div className={styles.region}>\n      {toasts.slice(-VISIBLE_LIMIT).map((toast) => (\n        <Toast key={toast.id} toast={toast} />\n      ))}\n    </div>\n  );\n}\n\nfunction Toast({ toast }: { toast: ToastEntry }) {\n  const { action, description, id, title, tone = 'info' } = toast;\n  const duration = toast.duration === undefined ? (tone === 'danger' ? null : DEFAULT_DURATION) : toast.duration;\n  const [hovered, setHovered] = useState(false);\n  const [focused, setFocused] = useState(false);\n  const ToneIcon = TONE_ICONS[tone];\n\n  // Quem esta lendo ou operando o aviso nao o perde: ponteiro ou foco dentro param o tempo, que recomeca ao sair.\n  useEffect(() => {\n    if (duration === null || hovered || focused) {\n      return;\n    }\n\n    const timer = setTimeout(() => dismissToast(id), duration);\n    return () => clearTimeout(timer);\n  }, [duration, focused, hovered, id]);\n\n  function handleBlur(event: FocusEvent<HTMLDivElement>) {\n    if (!event.currentTarget.contains(event.relatedTarget)) {\n      setFocused(false);\n    }\n  }\n\n  return (\n    <div\n      className={[styles.toast, styles[tone]].join(' ')}\n      onBlur={handleBlur}\n      onFocus={() => setFocused(true)}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role={tone === 'danger' || tone === 'warning' ? 'alert' : 'status'}\n    >\n      <ToneIcon className={styles.icon} />\n      <div className={styles.content}>\n        <strong className={styles.title}>{title}</strong>\n        {description && <p className={styles.description}>{description}</p>}\n        {action && (\n          <div className={styles.actions}>\n            <Button\n              onClick={() => {\n                action.onClick();\n                dismissToast(id);\n              }}\n              size=\"sm\"\n              variant=\"secondary\"\n            >\n              {action.label}\n            </Button>\n          </div>\n        )}\n      </div>\n      <button aria-label=\"Fechar aviso\" className={styles.close} onClick={() => dismissToast(id)} type=\"button\">\n        <IconClose />\n      </button>\n    </div>\n  );\n}\n"],"names":["DEFAULT_DURATION","TONE_ICONS","IconExclamationCircle","IconInfoCircle","IconCheckCircle","IconExclamationTriangle","ToastRegion","toasts","useSyncExternalStore","subscribeToasts","getToasts","getServerToasts","styles","toast","jsx","Toast","action","description","id","title","tone","duration","hovered","setHovered","useState","focused","setFocused","ToneIcon","useEffect","timer","dismissToast","handleBlur","event","jsxs","Button","IconClose"],"mappings":"0RAOMA,EAAmB,IAEnBC,EAAa,CACjB,OAAQC,EAAAA,sBACR,KAAMC,EAAAA,eACN,QAASC,EAAAA,gBACT,QAASC,EAAAA,uBACX,EAGO,SAASC,GAAc,CAC5B,MAAMC,EAASC,EAAAA,qBAAqBC,kBAAiBC,EAAAA,UAAWC,EAAAA,eAAe,EAE/E,aACG,MAAA,CAAI,UAAWC,EAAAA,QAAO,OACpB,SAAAL,EAAO,MAAM,EAAc,EAAE,IAAKM,GACjCC,EAAAA,IAACC,EAAA,CAAqB,MAAAF,GAAVA,EAAM,EAAkB,CACrC,EACH,CAEJ,CAEA,SAASE,EAAM,CAAE,MAAAF,GAAgC,CAC/C,KAAM,CAAE,OAAAG,EAAQ,YAAAC,EAAa,GAAAC,EAAI,MAAAC,EAAO,KAAAC,EAAO,QAAWP,EACpDQ,EAAWR,EAAM,WAAa,OAAaO,IAAS,SAAW,KAAOpB,EAAoBa,EAAM,SAChG,CAACS,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtC,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAK,EACtCG,EAAW1B,EAAWmB,CAAI,EAGhCQ,EAAAA,UAAU,IAAM,CACd,GAAIP,IAAa,MAAQC,GAAWG,EAClC,OAGF,MAAMI,EAAQ,WAAW,IAAMC,EAAAA,aAAaZ,CAAE,EAAGG,CAAQ,EACzD,MAAO,IAAM,aAAaQ,CAAK,CACjC,EAAG,CAACR,EAAUI,EAASH,EAASJ,CAAE,CAAC,EAEnC,SAASa,EAAWC,EAAmC,CAChDA,EAAM,cAAc,SAASA,EAAM,aAAa,GACnDN,EAAW,EAAK,CAEpB,CAEA,OACEO,EAAAA,KAAC,MAAA,CACC,UAAW,CAACrB,EAAAA,QAAO,MAAOA,EAAAA,QAAOQ,CAAI,CAAC,EAAE,KAAK,GAAG,EAChD,OAAQW,EACR,QAAS,IAAML,EAAW,EAAI,EAC9B,aAAc,IAAMH,EAAW,EAAI,EACnC,aAAc,IAAMA,EAAW,EAAK,EACpC,KAAMH,IAAS,UAAYA,IAAS,UAAY,QAAU,SAE1D,SAAA,CAAAN,EAAAA,IAACa,EAAA,CAAS,UAAWf,EAAAA,QAAO,IAAA,CAAM,EAClCqB,EAAAA,KAAC,MAAA,CAAI,UAAWrB,EAAAA,QAAO,QACrB,SAAA,CAAAE,EAAAA,IAAC,SAAA,CAAO,UAAWF,EAAAA,QAAO,MAAQ,SAAAO,EAAM,EACvCF,GAAeH,EAAAA,IAAC,IAAA,CAAE,UAAWF,EAAAA,QAAO,YAAc,SAAAK,EAAY,EAC9DD,GACCF,EAAAA,IAAC,MAAA,CAAI,UAAWF,UAAO,QACrB,SAAAE,EAAAA,IAACoB,EAAAA,OAAA,CACC,QAAS,IAAM,CACblB,EAAO,QAAA,EACPc,EAAAA,aAAaZ,CAAE,CACjB,EACA,KAAK,KACL,QAAQ,YAEP,SAAAF,EAAO,KAAA,CAAA,CACV,CACF,CAAA,EAEJ,QACC,SAAA,CAAO,aAAW,eAAe,UAAWJ,EAAAA,QAAO,MAAO,QAAS,IAAMkB,EAAAA,aAAaZ,CAAE,EAAG,KAAK,SAC/F,SAAAJ,MAACqB,EAAAA,YAAU,CAAA,CACb,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/feedback/Toast/ToastRegion.js

@@ -0,0 +1,62 @@
+import { jsx as o, jsxs as T } from "react/jsx-runtime";
+import { useSyncExternalStore as v, useState as g, useEffect as C } from "react";
+import { subscribeToasts as I, getToasts as E, getServerToasts as b, dismissToast as a } from "./toastStore.js";
+import e from "./Toast.module.css.js";
+import { IconExclamationTriangle as x, IconCheckCircle as S, IconInfoCircle as k, IconExclamationCircle as y, IconClose as F } from "../../icons/icons.js";
+import { Button as j } from "../../actions/Button/Button.js";
+const B = 6e3, O = {
+  danger: y,
+  info: k,
+  success: S,
+  warning: x
+};
+function _() {
+  const s = v(I, E, b);
+  return /* @__PURE__ */ o("div", { className: e.region, children: s.slice(-3).map((n) => /* @__PURE__ */ o(w, { toast: n }, n.id)) });
+}
+function w({ toast: s }) {
+  const { action: n, description: l, id: r, title: h, tone: t = "info" } = s, c = s.duration === void 0 ? t === "danger" ? null : B : s.duration, [u, d] = g(!1), [m, f] = g(!1), p = O[t];
+  C(() => {
+    if (c === null || u || m)
+      return;
+    const i = setTimeout(() => a(r), c);
+    return () => clearTimeout(i);
+  }, [c, m, u, r]);
+  function N(i) {
+    i.currentTarget.contains(i.relatedTarget) || f(!1);
+  }
+  return /* @__PURE__ */ T(
+    "div",
+    {
+      className: [e.toast, e[t]].join(" "),
+      onBlur: N,
+      onFocus: () => f(!0),
+      onMouseEnter: () => d(!0),
+      onMouseLeave: () => d(!1),
+      role: t === "danger" || t === "warning" ? "alert" : "status",
+      children: [
+        /* @__PURE__ */ o(p, { className: e.icon }),
+        /* @__PURE__ */ T("div", { className: e.content, children: [
+          /* @__PURE__ */ o("strong", { className: e.title, children: h }),
+          l && /* @__PURE__ */ o("p", { className: e.description, children: l }),
+          n && /* @__PURE__ */ o("div", { className: e.actions, children: /* @__PURE__ */ o(
+            j,
+            {
+              onClick: () => {
+                n.onClick(), a(r);
+              },
+              size: "sm",
+              variant: "secondary",
+              children: n.label
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ o("button", { "aria-label": "Fechar aviso", className: e.close, onClick: () => a(r), type: "button", children: /* @__PURE__ */ o(F, {}) })
+      ]
+    }
+  );
+}
+export {
+  _ as ToastRegion
+};
+//# sourceMappingURL=ToastRegion.js.map

package/dist/components/feedback/Toast/ToastRegion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastRegion.js","sources":["../../../../src/components/feedback/Toast/ToastRegion.tsx"],"sourcesContent":["import { useEffect, useState, useSyncExternalStore, type FocusEvent } from 'react';\nimport { Button } from '../../actions/Button';\nimport { IconCheckCircle, IconClose, IconExclamationCircle, IconExclamationTriangle, IconInfoCircle } from '../../icons';\nimport { dismissToast, getServerToasts, getToasts, subscribeToasts, type ToastEntry } from './toastStore';\nimport styles from './Toast.module.css';\n\nconst VISIBLE_LIMIT = 3;\nconst DEFAULT_DURATION = 6000;\n\nconst TONE_ICONS = {\n  danger: IconExclamationCircle,\n  info: IconInfoCircle,\n  success: IconCheckCircle,\n  warning: IconExclamationTriangle,\n};\n\n/** Canto onde os avisos de `showToast` aparecem. Montado uma vez, na raiz da aplicacao. */\nexport function ToastRegion() {\n  const toasts = useSyncExternalStore(subscribeToasts, getToasts, getServerToasts);\n\n  return (\n    <div className={styles.region}>\n      {toasts.slice(-VISIBLE_LIMIT).map((toast) => (\n        <Toast key={toast.id} toast={toast} />\n      ))}\n    </div>\n  );\n}\n\nfunction Toast({ toast }: { toast: ToastEntry }) {\n  const { action, description, id, title, tone = 'info' } = toast;\n  const duration = toast.duration === undefined ? (tone === 'danger' ? null : DEFAULT_DURATION) : toast.duration;\n  const [hovered, setHovered] = useState(false);\n  const [focused, setFocused] = useState(false);\n  const ToneIcon = TONE_ICONS[tone];\n\n  // Quem esta lendo ou operando o aviso nao o perde: ponteiro ou foco dentro param o tempo, que recomeca ao sair.\n  useEffect(() => {\n    if (duration === null || hovered || focused) {\n      return;\n    }\n\n    const timer = setTimeout(() => dismissToast(id), duration);\n    return () => clearTimeout(timer);\n  }, [duration, focused, hovered, id]);\n\n  function handleBlur(event: FocusEvent<HTMLDivElement>) {\n    if (!event.currentTarget.contains(event.relatedTarget)) {\n      setFocused(false);\n    }\n  }\n\n  return (\n    <div\n      className={[styles.toast, styles[tone]].join(' ')}\n      onBlur={handleBlur}\n      onFocus={() => setFocused(true)}\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      role={tone === 'danger' || tone === 'warning' ? 'alert' : 'status'}\n    >\n      <ToneIcon className={styles.icon} />\n      <div className={styles.content}>\n        <strong className={styles.title}>{title}</strong>\n        {description && <p className={styles.description}>{description}</p>}\n        {action && (\n          <div className={styles.actions}>\n            <Button\n              onClick={() => {\n                action.onClick();\n                dismissToast(id);\n              }}\n              size=\"sm\"\n              variant=\"secondary\"\n            >\n              {action.label}\n            </Button>\n          </div>\n        )}\n      </div>\n      <button aria-label=\"Fechar aviso\" className={styles.close} onClick={() => dismissToast(id)} type=\"button\">\n        <IconClose />\n      </button>\n    </div>\n  );\n}\n"],"names":["DEFAULT_DURATION","TONE_ICONS","IconExclamationCircle","IconInfoCircle","IconCheckCircle","IconExclamationTriangle","ToastRegion","toasts","useSyncExternalStore","subscribeToasts","getToasts","getServerToasts","styles","toast","jsx","Toast","action","description","id","title","tone","duration","hovered","setHovered","useState","focused","setFocused","ToneIcon","useEffect","timer","dismissToast","handleBlur","event","jsxs","Button","IconClose"],"mappings":";;;;;;AAOA,MAAMA,IAAmB,KAEnBC,IAAa;AAAA,EACjB,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,SAASC;AAAA,EACT,SAASC;AACX;AAGO,SAASC,IAAc;AAC5B,QAAMC,IAASC,EAAqBC,GAAiBC,GAAWC,CAAe;AAE/E,2BACG,OAAA,EAAI,WAAWC,EAAO,QACpB,UAAAL,EAAO,MAAM,EAAc,EAAE,IAAI,CAACM,MACjC,gBAAAC,EAACC,GAAA,EAAqB,OAAAF,KAAVA,EAAM,EAAkB,CACrC,GACH;AAEJ;AAEA,SAASE,EAAM,EAAE,OAAAF,KAAgC;AAC/C,QAAM,EAAE,QAAAG,GAAQ,aAAAC,GAAa,IAAAC,GAAI,OAAAC,GAAO,MAAAC,IAAO,WAAWP,GACpDQ,IAAWR,EAAM,aAAa,SAAaO,MAAS,WAAW,OAAOpB,IAAoBa,EAAM,UAChG,CAACS,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtCG,IAAW1B,EAAWmB,CAAI;AAGhC,EAAAQ,EAAU,MAAM;AACd,QAAIP,MAAa,QAAQC,KAAWG;AAClC;AAGF,UAAMI,IAAQ,WAAW,MAAMC,EAAaZ,CAAE,GAAGG,CAAQ;AACzD,WAAO,MAAM,aAAaQ,CAAK;AAAA,EACjC,GAAG,CAACR,GAAUI,GAASH,GAASJ,CAAE,CAAC;AAEnC,WAASa,EAAWC,GAAmC;AACrD,IAAKA,EAAM,cAAc,SAASA,EAAM,aAAa,KACnDN,EAAW,EAAK;AAAA,EAEpB;AAEA,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACrB,EAAO,OAAOA,EAAOQ,CAAI,CAAC,EAAE,KAAK,GAAG;AAAA,MAChD,QAAQW;AAAA,MACR,SAAS,MAAML,EAAW,EAAI;AAAA,MAC9B,cAAc,MAAMH,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,MAAMH,MAAS,YAAYA,MAAS,YAAY,UAAU;AAAA,MAE1D,UAAA;AAAA,QAAA,gBAAAN,EAACa,GAAA,EAAS,WAAWf,EAAO,KAAA,CAAM;AAAA,QAClC,gBAAAqB,EAAC,OAAA,EAAI,WAAWrB,EAAO,SACrB,UAAA;AAAA,UAAA,gBAAAE,EAAC,UAAA,EAAO,WAAWF,EAAO,OAAQ,UAAAO,GAAM;AAAA,UACvCF,KAAe,gBAAAH,EAAC,KAAA,EAAE,WAAWF,EAAO,aAAc,UAAAK,GAAY;AAAA,UAC9DD,KACC,gBAAAF,EAAC,OAAA,EAAI,WAAWF,EAAO,SACrB,UAAA,gBAAAE;AAAA,YAACoB;AAAA,YAAA;AAAA,cACC,SAAS,MAAM;AACb,gBAAAlB,EAAO,QAAA,GACPc,EAAaZ,CAAE;AAAA,cACjB;AAAA,cACA,MAAK;AAAA,cACL,SAAQ;AAAA,cAEP,UAAAF,EAAO;AAAA,YAAA;AAAA,UAAA,EACV,CACF;AAAA,QAAA,GAEJ;AAAA,0BACC,UAAA,EAAO,cAAW,gBAAe,WAAWJ,EAAO,OAAO,SAAS,MAAMkB,EAAaZ,CAAE,GAAG,MAAK,UAC/F,UAAA,gBAAAJ,EAACqB,KAAU,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/feedback/Toast/toastStore.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=[];let e=r,n=0;const o=new Set;function i(t){e=t,o.forEach(s=>s())}function a(t){n+=1;const s=`toast-${n}`;return i([...e,{...t,id:s}]),s}function u(t){i(e.filter(s=>s.id!==t))}function c(t){return o.add(t),()=>{o.delete(t)}}function T(){return e}function d(){return r}exports.dismissToast=u;exports.getServerToasts=d;exports.getToasts=T;exports.showToast=a;exports.subscribeToasts=c;
+//# sourceMappingURL=toastStore.cjs.map

package/dist/components/feedback/Toast/toastStore.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastStore.cjs","sources":["../../../../src/components/feedback/Toast/toastStore.ts"],"sourcesContent":["import type { AlertTone } from '../Alert';\n\nexport type ToastTone = AlertTone;\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastOptions {\n  /** Botao unico de acao, como tentar de novo. Acionar fecha o aviso. */\n  action?: ToastAction;\n  description?: string;\n  /** Milissegundos ate sumir. `null` mantem ate a pessoa fechar; o padrao e 6s, e o erro fica. */\n  duration?: number | null;\n  title: string;\n  tone?: ToastTone;\n}\n\nexport interface ToastEntry extends ToastOptions {\n  id: string;\n}\n\nconst EMPTY: ToastEntry[] = [];\nlet toasts: ToastEntry[] = EMPTY;\nlet nextId = 0;\nconst listeners = new Set<() => void>();\n\nfunction publish(next: ToastEntry[]) {\n  toasts = next;\n  listeners.forEach((listener) => listener());\n}\n\n/** Mostra um aviso no `ToastRegion` da pagina e devolve o id para fecha-lo antes do tempo. */\nexport function showToast(options: ToastOptions) {\n  nextId += 1;\n  const id = `toast-${nextId}`;\n  publish([...toasts, { ...options, id }]);\n  return id;\n}\n\nexport function dismissToast(id: string) {\n  publish(toasts.filter((toast) => toast.id !== id));\n}\n\nexport function subscribeToasts(listener: () => void) {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nexport function getToasts() {\n  return toasts;\n}\n\nexport function getServerToasts() {\n  return EMPTY;\n}\n"],"names":["EMPTY","toasts","nextId","listeners","publish","next","listener","showToast","options","id","dismissToast","toast","subscribeToasts","getToasts","getServerToasts"],"mappings":"gFAuBA,MAAMA,EAAsB,CAAA,EAC5B,IAAIC,EAAuBD,EACvBE,EAAS,EACb,MAAMC,MAAgB,IAEtB,SAASC,EAAQC,EAAoB,CACnCJ,EAASI,EACTF,EAAU,QAASG,GAAaA,EAAA,CAAU,CAC5C,CAGO,SAASC,EAAUC,EAAuB,CAC/CN,GAAU,EACV,MAAMO,EAAK,SAASP,CAAM,GAC1B,OAAAE,EAAQ,CAAC,GAAGH,EAAQ,CAAE,GAAGO,EAAS,GAAAC,CAAA,CAAI,CAAC,EAChCA,CACT,CAEO,SAASC,EAAaD,EAAY,CACvCL,EAAQH,EAAO,OAAQU,GAAUA,EAAM,KAAOF,CAAE,CAAC,CACnD,CAEO,SAASG,EAAgBN,EAAsB,CACpD,OAAAH,EAAU,IAAIG,CAAQ,EACf,IAAM,CACXH,EAAU,OAAOG,CAAQ,CAC3B,CACF,CAEO,SAASO,GAAY,CAC1B,OAAOZ,CACT,CAEO,SAASa,GAAkB,CAChC,OAAOd,CACT"}

package/dist/components/feedback/Toast/toastStore.js

@@ -0,0 +1,33 @@
+const r = [];
+let n = r, o = 0;
+const e = /* @__PURE__ */ new Set();
+function i(t) {
+  n = t, e.forEach((s) => s());
+}
+function u(t) {
+  o += 1;
+  const s = `toast-${o}`;
+  return i([...n, { ...t, id: s }]), s;
+}
+function c(t) {
+  i(n.filter((s) => s.id !== t));
+}
+function a(t) {
+  return e.add(t), () => {
+    e.delete(t);
+  };
+}
+function f() {
+  return n;
+}
+function d() {
+  return r;
+}
+export {
+  c as dismissToast,
+  d as getServerToasts,
+  f as getToasts,
+  u as showToast,
+  a as subscribeToasts
+};
+//# sourceMappingURL=toastStore.js.map

package/dist/components/feedback/Toast/toastStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastStore.js","sources":["../../../../src/components/feedback/Toast/toastStore.ts"],"sourcesContent":["import type { AlertTone } from '../Alert';\n\nexport type ToastTone = AlertTone;\n\nexport interface ToastAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ToastOptions {\n  /** Botao unico de acao, como tentar de novo. Acionar fecha o aviso. */\n  action?: ToastAction;\n  description?: string;\n  /** Milissegundos ate sumir. `null` mantem ate a pessoa fechar; o padrao e 6s, e o erro fica. */\n  duration?: number | null;\n  title: string;\n  tone?: ToastTone;\n}\n\nexport interface ToastEntry extends ToastOptions {\n  id: string;\n}\n\nconst EMPTY: ToastEntry[] = [];\nlet toasts: ToastEntry[] = EMPTY;\nlet nextId = 0;\nconst listeners = new Set<() => void>();\n\nfunction publish(next: ToastEntry[]) {\n  toasts = next;\n  listeners.forEach((listener) => listener());\n}\n\n/** Mostra um aviso no `ToastRegion` da pagina e devolve o id para fecha-lo antes do tempo. */\nexport function showToast(options: ToastOptions) {\n  nextId += 1;\n  const id = `toast-${nextId}`;\n  publish([...toasts, { ...options, id }]);\n  return id;\n}\n\nexport function dismissToast(id: string) {\n  publish(toasts.filter((toast) => toast.id !== id));\n}\n\nexport function subscribeToasts(listener: () => void) {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nexport function getToasts() {\n  return toasts;\n}\n\nexport function getServerToasts() {\n  return EMPTY;\n}\n"],"names":["EMPTY","toasts","nextId","listeners","publish","next","listener","showToast","options","id","dismissToast","toast","subscribeToasts","getToasts","getServerToasts"],"mappings":"AAuBA,MAAMA,IAAsB,CAAA;AAC5B,IAAIC,IAAuBD,GACvBE,IAAS;AACb,MAAMC,wBAAgB,IAAA;AAEtB,SAASC,EAAQC,GAAoB;AACnC,EAAAJ,IAASI,GACTF,EAAU,QAAQ,CAACG,MAAaA,EAAA,CAAU;AAC5C;AAGO,SAASC,EAAUC,GAAuB;AAC/C,EAAAN,KAAU;AACV,QAAMO,IAAK,SAASP,CAAM;AAC1B,SAAAE,EAAQ,CAAC,GAAGH,GAAQ,EAAE,GAAGO,GAAS,IAAAC,EAAA,CAAI,CAAC,GAChCA;AACT;AAEO,SAASC,EAAaD,GAAY;AACvC,EAAAL,EAAQH,EAAO,OAAO,CAACU,MAAUA,EAAM,OAAOF,CAAE,CAAC;AACnD;AAEO,SAASG,EAAgBN,GAAsB;AACpD,SAAAH,EAAU,IAAIG,CAAQ,GACf,MAAM;AACX,IAAAH,EAAU,OAAOG,CAAQ;AAAA,EAC3B;AACF;AAEO,SAASO,IAAY;AAC1B,SAAOZ;AACT;AAEO,SAASa,IAAkB;AAChC,SAAOd;AACT;"}

package/dist/components/forms/Checkbox/Checkbox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),k=require("../../../hooks/useMergedRefs.cjs"),s=require("./Checkbox.module.css.cjs");function y({"aria-describedby":r,"aria-invalid":u,className:f,error:e,hint:i,id:b,indeterminate:c=!1,label:d,ref:m,...x}){const g=o.useId(),t=b??`checkbox-${g}`,l=`${t}-message`,h=[r,e||i?l:void 0].filter(Boolean).join(" ")||void 0,j=[s.default.input,e&&s.default.error,f].filter(Boolean).join(" "),p=o.useCallback(n=>{n&&(n.indeterminate=c)},[c]),v=k.useMergedRefs(p,m);return a.jsxs("div",{className:s.default.field,children:[a.jsxs("label",{className:s.default.control,htmlFor:t,children:[a.jsx("input",{...x,ref:v,className:j,id:t,"aria-describedby":h,"aria-invalid":e?!0:u,type:"checkbox"}),d&&a.jsx("span",{className:s.default.text,children:d})]}),(e||i)&&a.jsx("span",{className:e?s.default.errorMessage:s.default.hint,id:l,role:e?"alert":void 0,children:e||i})]})}exports.Checkbox=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("react"),I=require("../../../hooks/useMergedRefs.cjs"),M=require("../CheckboxGroup/CheckboxGroup.cjs"),s=require("./Checkbox.module.css.cjs");function R({"aria-describedby":m,"aria-invalid":v,className:x,error:i,hint:n,id:k,indeterminate:o=!1,label:u,ref:j,...a}){const e=M.useCheckboxGroup(),c=e&&typeof a.value=="string"?a.value:void 0,r=e!==null&&c!==void 0,f=!!i||r&&e.invalid,C=h.useId(),t=k??`checkbox-${C}`,b=`${t}-message`,q=[m,i||n?b:void 0].filter(Boolean).join(" ")||void 0,y=[s.default.input,f&&s.default.error,x].filter(Boolean).join(" "),N=h.useCallback(d=>{d&&(d.indeterminate=o)},[o]),B=I.useMergedRefs(N,j);return l.jsxs("div",{className:s.default.field,children:[l.jsxs("label",{className:s.default.control,htmlFor:t,children:[l.jsx("input",{...a,ref:B,className:y,id:t,...r&&{checked:e.values.includes(c),disabled:a.disabled??e.disabled,name:e.name,required:e.required&&e.values.length===0,onChange:d=>{var g;e.toggle(c,d.target.checked),(g=a.onChange)==null||g.call(a,d)}},"aria-describedby":q,"aria-invalid":f?!0:v,type:"checkbox"}),u&&l.jsx("span",{className:s.default.text,children:u})]}),(i||n)&&l.jsx("span",{className:i?s.default.errorMessage:s.default.hint,id:b,role:i?"alert":void 0,children:i||n})]})}exports.Checkbox=R;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/components/forms/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/forms/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useCallback, useId, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Checkbox.module.css';\n\nexport interface CheckboxProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  indeterminate?: boolean;\n  /** Sem rotulo visivel, o nome vem de `aria-label` ou `aria-labelledby`. */\n  label?: ReactNode;\n}\n\nexport function Checkbox({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  indeterminate = false,\n  label,\n  ref,\n  ...props\n}: CheckboxProps) {\n  const generatedId = useId();\n  const id = providedId ?? `checkbox-${generatedId}`;\n  const messageId = `${id}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined]\n    .filter(Boolean)\n    .join(' ') || undefined;\n  const classes = [styles.input, error && styles.error, className].filter(Boolean).join(' ');\n\n  const aplicarIndeterminado = useCallback(\n    (node: HTMLInputElement | null) => {\n      if (node) {\n        node.indeterminate = indeterminate;\n      }\n    },\n    [indeterminate],\n  );\n  const mergedRef = useMergedRefs(aplicarIndeterminado, ref);\n\n  return (\n    <div className={styles.field}>\n      <label className={styles.control} htmlFor={id}>\n        <input\n          {...props}\n          ref={mergedRef}\n          className={classes}\n          id={id}\n          aria-describedby={describedBy}\n          aria-invalid={error ? true : ariaInvalid}\n          type=\"checkbox\"\n        />\n        {label && <span className={styles.text}>{label}</span>}\n      </label>\n      {(error || hint) && (\n        <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n          {error || hint}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Checkbox","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","indeterminate","label","ref","props","generatedId","useId","id","messageId","describedBy","classes","styles","aplicarIndeterminado","useCallback","node","mergedRef","useMergedRefs","jsxs","jsx"],"mappings":"6NAYO,SAASA,EAAS,CACvB,mBAAoBC,EACpB,eAAgBC,EAChB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,GAAIC,EACJ,cAAAC,EAAgB,GAChB,MAAAC,EACA,IAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKP,GAAc,YAAYK,CAAW,GAC1CG,EAAY,GAAGD,CAAE,WACjBE,EAAc,CAACd,EAAiBG,GAASC,EAAOS,EAAY,MAAS,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,GAAK,OACVE,EAAU,CAACC,EAAAA,QAAO,MAAOb,GAASa,EAAAA,QAAO,MAAOd,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEnFe,EAAuBC,EAAAA,YAC1BC,GAAkC,CAC7BA,IACFA,EAAK,cAAgBb,EAEzB,EACA,CAACA,CAAa,CAAA,EAEVc,EAAYC,EAAAA,cAAcJ,EAAsBT,CAAG,EAEzD,OACEc,EAAAA,KAAC,MAAA,CAAI,UAAWN,EAAAA,QAAO,MACrB,SAAA,CAAAM,OAAC,QAAA,CAAM,UAAWN,EAAAA,QAAO,QAAS,QAASJ,EACzC,SAAA,CAAAW,EAAAA,IAAC,QAAA,CACE,GAAGd,EACJ,IAAKW,EACL,UAAWL,EACX,GAAAH,EACA,mBAAkBE,EAClB,eAAcX,EAAQ,GAAOF,EAC7B,KAAK,UAAA,CAAA,EAENM,GAASgB,EAAAA,IAAC,OAAA,CAAK,UAAWP,EAAAA,QAAO,KAAO,SAAAT,CAAA,CAAM,CAAA,EACjD,GACEJ,GAASC,IACTmB,MAAC,OAAA,CAAK,UAAWpB,EAAQa,EAAAA,QAAO,aAAeA,EAAAA,QAAO,KAAM,GAAIH,EAAW,KAAMV,EAAQ,QAAU,OAChG,YAASC,CAAA,CACZ,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/forms/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useCallback, useId, type ChangeEvent, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup';\nimport styles from './Checkbox.module.css';\n\nexport interface CheckboxProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  indeterminate?: boolean;\n  /** Sem rotulo visivel, o nome vem de `aria-label` ou `aria-labelledby`. */\n  label?: ReactNode;\n}\n\nexport function Checkbox({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  indeterminate = false,\n  label,\n  ref,\n  ...props\n}: CheckboxProps) {\n  const group = useCheckboxGroup();\n  const groupValue = group && typeof props.value === 'string' ? props.value : undefined;\n  const inGroup = group !== null && groupValue !== undefined;\n  const invalid = Boolean(error) || (inGroup && group.invalid);\n  const generatedId = useId();\n  const id = providedId ?? `checkbox-${generatedId}`;\n  const messageId = `${id}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined]\n    .filter(Boolean)\n    .join(' ') || undefined;\n  const classes = [styles.input, invalid && styles.error, className].filter(Boolean).join(' ');\n\n  const aplicarIndeterminado = useCallback(\n    (node: HTMLInputElement | null) => {\n      if (node) {\n        node.indeterminate = indeterminate;\n      }\n    },\n    [indeterminate],\n  );\n  const mergedRef = useMergedRefs(aplicarIndeterminado, ref);\n\n  return (\n    <div className={styles.field}>\n      <label className={styles.control} htmlFor={id}>\n        <input\n          {...props}\n          ref={mergedRef}\n          className={classes}\n          id={id}\n          {...(inGroup && {\n            checked: group.values.includes(groupValue),\n            disabled: props.disabled ?? group.disabled,\n            name: group.name,\n            // Obrigatório é marcar ao menos uma: o `required` nativo só vale enquanto o grupo está vazio.\n            required: group.required && group.values.length === 0,\n            onChange: (event: ChangeEvent<HTMLInputElement>) => {\n              group.toggle(groupValue, event.target.checked);\n              props.onChange?.(event);\n            },\n          })}\n          aria-describedby={describedBy}\n          aria-invalid={invalid ? true : ariaInvalid}\n          type=\"checkbox\"\n        />\n        {label && <span className={styles.text}>{label}</span>}\n      </label>\n      {(error || hint) && (\n        <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n          {error || hint}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Checkbox","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","indeterminate","label","ref","props","group","useCheckboxGroup","groupValue","inGroup","invalid","generatedId","useId","id","messageId","describedBy","classes","styles","aplicarIndeterminado","useCallback","node","mergedRef","useMergedRefs","jsxs","jsx","event","_a"],"mappings":"6QAaO,SAASA,EAAS,CACvB,mBAAoBC,EACpB,eAAgBC,EAChB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,GAAIC,EACJ,cAAAC,EAAgB,GAChB,MAAAC,EACA,IAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,MAAMC,EAAQC,EAAAA,iBAAA,EACRC,EAAaF,GAAS,OAAOD,EAAM,OAAU,SAAWA,EAAM,MAAQ,OACtEI,EAAUH,IAAU,MAAQE,IAAe,OAC3CE,EAAU,EAAQX,GAAWU,GAAWH,EAAM,QAC9CK,EAAcC,EAAAA,MAAA,EACdC,EAAKZ,GAAc,YAAYU,CAAW,GAC1CG,EAAY,GAAGD,CAAE,WACjBE,EAAc,CAACnB,EAAiBG,GAASC,EAAOc,EAAY,MAAS,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,GAAK,OACVE,EAAU,CAACC,EAAAA,QAAO,MAAOP,GAAWO,EAAAA,QAAO,MAAOnB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAErFoB,EAAuBC,EAAAA,YAC1BC,GAAkC,CAC7BA,IACFA,EAAK,cAAgBlB,EAEzB,EACA,CAACA,CAAa,CAAA,EAEVmB,EAAYC,EAAAA,cAAcJ,EAAsBd,CAAG,EAEzD,OACEmB,EAAAA,KAAC,MAAA,CAAI,UAAWN,EAAAA,QAAO,MACrB,SAAA,CAAAM,OAAC,QAAA,CAAM,UAAWN,EAAAA,QAAO,QAAS,QAASJ,EACzC,SAAA,CAAAW,EAAAA,IAAC,QAAA,CACE,GAAGnB,EACJ,IAAKgB,EACL,UAAWL,EACX,GAAAH,EACC,GAAIJ,GAAW,CACd,QAASH,EAAM,OAAO,SAASE,CAAU,EACzC,SAAUH,EAAM,UAAYC,EAAM,SAClC,KAAMA,EAAM,KAEZ,SAAUA,EAAM,UAAYA,EAAM,OAAO,SAAW,EACpD,SAAWmB,GAAyC,OAClDnB,EAAM,OAAOE,EAAYiB,EAAM,OAAO,OAAO,GAC7CC,EAAArB,EAAM,WAAN,MAAAqB,EAAA,KAAArB,EAAiBoB,EACnB,CAAA,EAEF,mBAAkBV,EAClB,eAAcL,EAAU,GAAOb,EAC/B,KAAK,UAAA,CAAA,EAENM,GAASqB,EAAAA,IAAC,OAAA,CAAK,UAAWP,EAAAA,QAAO,KAAO,SAAAd,CAAA,CAAM,CAAA,EACjD,GACEJ,GAASC,IACTwB,MAAC,OAAA,CAAK,UAAWzB,EAAQkB,EAAAA,QAAO,aAAeA,EAAAA,QAAO,KAAM,GAAIH,EAAW,KAAMf,EAAQ,QAAU,OAChG,YAASC,CAAA,CACZ,CAAA,EAEJ,CAEJ"}

package/dist/components/forms/Checkbox/Checkbox.js

@@ -1,45 +1,57 @@
-import { jsxs as n, jsx as c } from "react/jsx-runtime";
-import { useId as N, useCallback as j } from "react";
-import { useMergedRefs as k } from "../../../hooks/useMergedRefs.js";
-import s from "./Checkbox.module.css.js";
-function R({
-  "aria-describedby": r,
-  "aria-invalid": m,
-  className: f,
-  error: e,
-  hint: a,
-  id: p,
-  indeterminate: o = !1,
-  label: d,
-  ref: b,
-  ...u
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import { useId as q, useCallback as G } from "react";
+import { useMergedRefs as M } from "../../../hooks/useMergedRefs.js";
+import { useCheckboxGroup as R } from "../CheckboxGroup/CheckboxGroup.js";
+import i from "./Checkbox.module.css.js";
+function z({
+  "aria-describedby": h,
+  "aria-invalid": v,
+  className: x,
+  error: s,
+  hint: d,
+  id: k,
+  indeterminate: t = !1,
+  label: r,
+  ref: y,
+  ...a
 }) {
-  const h = N(), i = p ?? `checkbox-${h}`, t = `${i}-message`, x = [r, e || a ? t : void 0].filter(Boolean).join(" ") || void 0, g = [s.input, e && s.error, f].filter(Boolean).join(" "), v = j(
-    (l) => {
-      l && (l.indeterminate = o);
+  const e = R(), l = e && typeof a.value == "string" ? a.value : void 0, m = e !== null && l !== void 0, u = !!s || m && e.invalid, C = q(), o = k ?? `checkbox-${C}`, f = `${o}-message`, N = [h, s || d ? f : void 0].filter(Boolean).join(" ") || void 0, j = [i.input, u && i.error, x].filter(Boolean).join(" "), B = G(
+    (n) => {
+      n && (n.indeterminate = t);
     },
-    [o]
-  ), y = k(v, b);
-  return /* @__PURE__ */ n("div", { className: s.field, children: [
-    /* @__PURE__ */ n("label", { className: s.control, htmlFor: i, children: [
+    [t]
+  ), I = M(B, y);
+  return /* @__PURE__ */ b("div", { className: i.field, children: [
+    /* @__PURE__ */ b("label", { className: i.control, htmlFor: o, children: [
       /* @__PURE__ */ c(
         "input",
         {
-          ...u,
-          ref: y,
-          className: g,
-          id: i,
-          "aria-describedby": x,
-          "aria-invalid": e ? !0 : m,
+          ...a,
+          ref: I,
+          className: j,
+          id: o,
+          ...m && {
+            checked: e.values.includes(l),
+            disabled: a.disabled ?? e.disabled,
+            name: e.name,
+            // Obrigatório é marcar ao menos uma: o `required` nativo só vale enquanto o grupo está vazio.
+            required: e.required && e.values.length === 0,
+            onChange: (n) => {
+              var g;
+              e.toggle(l, n.target.checked), (g = a.onChange) == null || g.call(a, n);
+            }
+          },
+          "aria-describedby": N,
+          "aria-invalid": u ? !0 : v,
           type: "checkbox"
         }
       ),
-      d && /* @__PURE__ */ c("span", { className: s.text, children: d })
+      r && /* @__PURE__ */ c("span", { className: i.text, children: r })
     ] }),
-    (e || a) && /* @__PURE__ */ c("span", { className: e ? s.errorMessage : s.hint, id: t, role: e ? "alert" : void 0, children: e || a })
+    (s || d) && /* @__PURE__ */ c("span", { className: s ? i.errorMessage : i.hint, id: f, role: s ? "alert" : void 0, children: s || d })
   ] });
 }
 export {
-  R as Checkbox
+  z as Checkbox
 };
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/forms/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/forms/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useCallback, useId, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Checkbox.module.css';\n\nexport interface CheckboxProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  indeterminate?: boolean;\n  /** Sem rotulo visivel, o nome vem de `aria-label` ou `aria-labelledby`. */\n  label?: ReactNode;\n}\n\nexport function Checkbox({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  indeterminate = false,\n  label,\n  ref,\n  ...props\n}: CheckboxProps) {\n  const generatedId = useId();\n  const id = providedId ?? `checkbox-${generatedId}`;\n  const messageId = `${id}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined]\n    .filter(Boolean)\n    .join(' ') || undefined;\n  const classes = [styles.input, error && styles.error, className].filter(Boolean).join(' ');\n\n  const aplicarIndeterminado = useCallback(\n    (node: HTMLInputElement | null) => {\n      if (node) {\n        node.indeterminate = indeterminate;\n      }\n    },\n    [indeterminate],\n  );\n  const mergedRef = useMergedRefs(aplicarIndeterminado, ref);\n\n  return (\n    <div className={styles.field}>\n      <label className={styles.control} htmlFor={id}>\n        <input\n          {...props}\n          ref={mergedRef}\n          className={classes}\n          id={id}\n          aria-describedby={describedBy}\n          aria-invalid={error ? true : ariaInvalid}\n          type=\"checkbox\"\n        />\n        {label && <span className={styles.text}>{label}</span>}\n      </label>\n      {(error || hint) && (\n        <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n          {error || hint}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Checkbox","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","indeterminate","label","ref","props","generatedId","useId","id","messageId","describedBy","classes","styles","aplicarIndeterminado","useCallback","node","mergedRef","useMergedRefs","jsxs","jsx"],"mappings":";;;;AAYO,SAASA,EAAS;AAAA,EACvB,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAcC,EAAA,GACdC,IAAKP,KAAc,YAAYK,CAAW,IAC1CG,IAAY,GAAGD,CAAE,YACjBE,IAAc,CAACd,GAAiBG,KAASC,IAAOS,IAAY,MAAS,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,QACVE,IAAU,CAACC,EAAO,OAAOb,KAASa,EAAO,OAAOd,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAEnFe,IAAuBC;AAAA,IAC3B,CAACC,MAAkC;AACjC,MAAIA,MACFA,EAAK,gBAAgBb;AAAA,IAEzB;AAAA,IACA,CAACA,CAAa;AAAA,EAAA,GAEVc,IAAYC,EAAcJ,GAAsBT,CAAG;AAEzD,SACE,gBAAAc,EAAC,OAAA,EAAI,WAAWN,EAAO,OACrB,UAAA;AAAA,IAAA,gBAAAM,EAAC,SAAA,EAAM,WAAWN,EAAO,SAAS,SAASJ,GACzC,UAAA;AAAA,MAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGd;AAAA,UACJ,KAAKW;AAAA,UACL,WAAWL;AAAA,UACX,IAAAH;AAAA,UACA,oBAAkBE;AAAA,UAClB,gBAAcX,IAAQ,KAAOF;AAAA,UAC7B,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAENM,KAAS,gBAAAgB,EAAC,QAAA,EAAK,WAAWP,EAAO,MAAO,UAAAT,EAAA,CAAM;AAAA,IAAA,GACjD;AAAA,KACEJ,KAASC,MACT,gBAAAmB,EAAC,QAAA,EAAK,WAAWpB,IAAQa,EAAO,eAAeA,EAAO,MAAM,IAAIH,GAAW,MAAMV,IAAQ,UAAU,QAChG,eAASC,EAAA,CACZ;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/forms/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useCallback, useId, type ChangeEvent, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useCheckboxGroup } from '../CheckboxGroup/CheckboxGroup';\nimport styles from './Checkbox.module.css';\n\nexport interface CheckboxProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  indeterminate?: boolean;\n  /** Sem rotulo visivel, o nome vem de `aria-label` ou `aria-labelledby`. */\n  label?: ReactNode;\n}\n\nexport function Checkbox({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  indeterminate = false,\n  label,\n  ref,\n  ...props\n}: CheckboxProps) {\n  const group = useCheckboxGroup();\n  const groupValue = group && typeof props.value === 'string' ? props.value : undefined;\n  const inGroup = group !== null && groupValue !== undefined;\n  const invalid = Boolean(error) || (inGroup && group.invalid);\n  const generatedId = useId();\n  const id = providedId ?? `checkbox-${generatedId}`;\n  const messageId = `${id}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined]\n    .filter(Boolean)\n    .join(' ') || undefined;\n  const classes = [styles.input, invalid && styles.error, className].filter(Boolean).join(' ');\n\n  const aplicarIndeterminado = useCallback(\n    (node: HTMLInputElement | null) => {\n      if (node) {\n        node.indeterminate = indeterminate;\n      }\n    },\n    [indeterminate],\n  );\n  const mergedRef = useMergedRefs(aplicarIndeterminado, ref);\n\n  return (\n    <div className={styles.field}>\n      <label className={styles.control} htmlFor={id}>\n        <input\n          {...props}\n          ref={mergedRef}\n          className={classes}\n          id={id}\n          {...(inGroup && {\n            checked: group.values.includes(groupValue),\n            disabled: props.disabled ?? group.disabled,\n            name: group.name,\n            // Obrigatório é marcar ao menos uma: o `required` nativo só vale enquanto o grupo está vazio.\n            required: group.required && group.values.length === 0,\n            onChange: (event: ChangeEvent<HTMLInputElement>) => {\n              group.toggle(groupValue, event.target.checked);\n              props.onChange?.(event);\n            },\n          })}\n          aria-describedby={describedBy}\n          aria-invalid={invalid ? true : ariaInvalid}\n          type=\"checkbox\"\n        />\n        {label && <span className={styles.text}>{label}</span>}\n      </label>\n      {(error || hint) && (\n        <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n          {error || hint}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Checkbox","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","indeterminate","label","ref","props","group","useCheckboxGroup","groupValue","inGroup","invalid","generatedId","useId","id","messageId","describedBy","classes","styles","aplicarIndeterminado","useCallback","node","mergedRef","useMergedRefs","jsxs","jsx","event","_a"],"mappings":";;;;;AAaO,SAASA,EAAS;AAAA,EACvB,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAQC,EAAA,GACRC,IAAaF,KAAS,OAAOD,EAAM,SAAU,WAAWA,EAAM,QAAQ,QACtEI,IAAUH,MAAU,QAAQE,MAAe,QAC3CE,IAAU,EAAQX,KAAWU,KAAWH,EAAM,SAC9CK,IAAcC,EAAA,GACdC,IAAKZ,KAAc,YAAYU,CAAW,IAC1CG,IAAY,GAAGD,CAAE,YACjBE,IAAc,CAACnB,GAAiBG,KAASC,IAAOc,IAAY,MAAS,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,QACVE,IAAU,CAACC,EAAO,OAAOP,KAAWO,EAAO,OAAOnB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAErFoB,IAAuBC;AAAA,IAC3B,CAACC,MAAkC;AACjC,MAAIA,MACFA,EAAK,gBAAgBlB;AAAA,IAEzB;AAAA,IACA,CAACA,CAAa;AAAA,EAAA,GAEVmB,IAAYC,EAAcJ,GAAsBd,CAAG;AAEzD,SACE,gBAAAmB,EAAC,OAAA,EAAI,WAAWN,EAAO,OACrB,UAAA;AAAA,IAAA,gBAAAM,EAAC,SAAA,EAAM,WAAWN,EAAO,SAAS,SAASJ,GACzC,UAAA;AAAA,MAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,KAAKgB;AAAA,UACL,WAAWL;AAAA,UACX,IAAAH;AAAA,UACC,GAAIJ,KAAW;AAAA,YACd,SAASH,EAAM,OAAO,SAASE,CAAU;AAAA,YACzC,UAAUH,EAAM,YAAYC,EAAM;AAAA,YAClC,MAAMA,EAAM;AAAA;AAAA,YAEZ,UAAUA,EAAM,YAAYA,EAAM,OAAO,WAAW;AAAA,YACpD,UAAU,CAACmB,MAAyC;;AAClD,cAAAnB,EAAM,OAAOE,GAAYiB,EAAM,OAAO,OAAO,IAC7CC,IAAArB,EAAM,aAAN,QAAAqB,EAAA,KAAArB,GAAiBoB;AAAA,YACnB;AAAA,UAAA;AAAA,UAEF,oBAAkBV;AAAA,UAClB,gBAAcL,IAAU,KAAOb;AAAA,UAC/B,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAENM,KAAS,gBAAAqB,EAAC,QAAA,EAAK,WAAWP,EAAO,MAAO,UAAAd,EAAA,CAAM;AAAA,IAAA,GACjD;AAAA,KACEJ,KAASC,MACT,gBAAAwB,EAAC,QAAA,EAAK,WAAWzB,IAAQkB,EAAO,eAAeA,EAAO,MAAM,IAAIH,GAAW,MAAMf,IAAQ,UAAU,QAChG,eAASC,EAAA,CACZ;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/forms/Checkbox/Checkbox.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_field_thq98_1",e="_control_thq98_8",r="_input_thq98_15",o="_error_thq98_36",_="_text_thq98_76",s="_hint_thq98_84 _hint_wy7pm_8",n="_errorMessage_thq98_88 _errorMessage_wy7pm_9",i={field:t,control:e,input:r,error:o,text:_,hint:s,errorMessage:n};exports.control=e;exports.default=i;exports.error=o;exports.errorMessage=n;exports.field=t;exports.hint=s;exports.input=r;exports.text=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_field_thq98_1",e="_control_thq98_8",r="_input_thq98_15",o="_error_thq98_36",_="_text_thq98_76",s="_hint_thq98_84 _hint_1qg91_8",n="_errorMessage_thq98_88 _errorMessage_1qg91_9",i={field:t,control:e,input:r,error:o,text:_,hint:s,errorMessage:n};exports.control=e;exports.default=i;exports.error=o;exports.errorMessage=n;exports.field=t;exports.hint=s;exports.input=r;exports.text=_;
 //# sourceMappingURL=Checkbox.module.css.cjs.map

package/dist/components/forms/Checkbox/Checkbox.module.css.js

@@ -1,4 +1,4 @@
-const t = "_field_thq98_1", _ = "_control_thq98_8", r = "_input_thq98_15", e = "_error_thq98_36", o = "_text_thq98_76", s = "_hint_thq98_84 _hint_wy7pm_8", n = "_errorMessage_thq98_88 _errorMessage_wy7pm_9", c = {
+const t = "_field_thq98_1", _ = "_control_thq98_8", r = "_input_thq98_15", e = "_error_thq98_36", o = "_text_thq98_76", s = "_hint_thq98_84 _hint_1qg91_8", n = "_errorMessage_thq98_88 _errorMessage_1qg91_9", c = {
   field: t,
   control: _,
   input: r,

package/dist/components/forms/CheckboxGroup/CheckboxGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),P=require("../../../hooks/useFormReset.cjs"),$=require("../../../hooks/useMergedRefs.cjs"),e=require("./CheckboxGroup.module.css.cjs"),m=t.createContext(null);function O(){return t.useContext(m)}function T({"aria-describedby":p,children:g,className:j,defaultValue:d=[],disabled:v=!1,error:s,hint:c,label:h,name:k,onValueChange:n,orientation:R="vertical",ref:G,required:i=!1,value:l,...q}){const u=t.useId(),y=k??`checkbox-group-${u}`,a=`checkbox-group-${u}-message`,C=[p,s||c?a:void 0].filter(Boolean).join(" ")||void 0,[N,f]=t.useState(d),r=l??N,B=P.useFormReset(()=>f(d)),M=$.useMergedRefs(B,G);function I(x,S){const b=S?[...r,x]:r.filter(F=>F!==x);l===void 0&&f(b),n==null||n(b)}return o.jsx(m.Provider,{value:{disabled:v,invalid:!!s,name:y,required:i,toggle:I,values:r},children:o.jsxs("fieldset",{...q,ref:M,className:[e.default.group,j].filter(Boolean).join(" "),"aria-describedby":C,children:[o.jsxs("legend",{className:e.default.legend,children:[h,i&&o.jsx("span",{className:e.default.required,"aria-hidden":"true",children:"*"})]}),o.jsx("div",{className:[e.default.options,e.default[R]].join(" "),children:g}),(s||c)&&o.jsx("span",{className:s?e.default.errorMessage:e.default.hint,id:a,role:s?"alert":void 0,children:s||c})]})})}exports.CheckboxGroup=T;exports.useCheckboxGroup=O;
+//# sourceMappingURL=CheckboxGroup.cjs.map

package/dist/components/forms/CheckboxGroup/CheckboxGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.cjs","sources":["../../../../src/components/forms/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { createContext, useContext, useId, useState, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './CheckboxGroup.module.css';\n\ninterface CheckboxGroupContextValue {\n  disabled: boolean;\n  invalid: boolean;\n  name: string;\n  required: boolean;\n  toggle: (value: string, checked: boolean) => void;\n  values: readonly string[];\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null);\n\n/** O `Checkbox` com `value` dentro de um grupo lê daqui o estado; fora dele, segue solto. */\nexport function useCheckboxGroup() {\n  return useContext(CheckboxGroupContext);\n}\n\nexport type CheckboxGroupOrientation = 'vertical' | 'horizontal';\n\nexport interface CheckboxGroupProps extends Omit<ComponentPropsWithRef<'fieldset'>, 'defaultValue' | 'onChange'> {\n  children: ReactNode;\n  defaultValue?: readonly string[];\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  label: string;\n  name?: string;\n  onValueChange?: (values: string[]) => void;\n  orientation?: CheckboxGroupOrientation;\n  /** Exige ao menos uma caixa marcada no envio. */\n  required?: boolean;\n  value?: readonly string[];\n}\n\nexport function CheckboxGroup({\n  'aria-describedby': ariaDescribedBy,\n  children,\n  className,\n  defaultValue = [],\n  disabled = false,\n  error,\n  hint,\n  label,\n  name: providedName,\n  onValueChange,\n  orientation = 'vertical',\n  ref,\n  required = false,\n  value,\n  ...props\n}: CheckboxGroupProps) {\n  const generatedId = useId();\n  const name = providedName ?? `checkbox-group-${generatedId}`;\n  const messageId = `checkbox-group-${generatedId}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined].filter(Boolean).join(' ') || undefined;\n  const [uncontrolledValues, setUncontrolledValues] = useState(defaultValue);\n  const values = value ?? uncontrolledValues;\n  const resetRef = useFormReset<HTMLFieldSetElement>(() => setUncontrolledValues(defaultValue));\n  const mergedRef = useMergedRefs(resetRef, ref);\n\n  function toggle(item: string, checked: boolean) {\n    const next = checked ? [...values, item] : values.filter((current) => current !== item);\n\n    if (value === undefined) {\n      setUncontrolledValues(next);\n    }\n\n    onValueChange?.(next);\n  }\n\n  return (\n    <CheckboxGroupContext.Provider value={{ disabled, invalid: Boolean(error), name, required, toggle, values }}>\n      <fieldset\n        {...props}\n        ref={mergedRef}\n        className={[styles.group, className].filter(Boolean).join(' ')}\n        aria-describedby={describedBy}\n      >\n        <legend className={styles.legend}>\n          {label}\n          {required && <span className={styles.required} aria-hidden=\"true\">*</span>}\n        </legend>\n        <div className={[styles.options, styles[orientation]].join(' ')}>{children}</div>\n        {(error || hint) && (\n          <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n            {error || hint}\n          </span>\n        )}\n      </fieldset>\n    </CheckboxGroupContext.Provider>\n  );\n}\n"],"names":["CheckboxGroupContext","createContext","useCheckboxGroup","useContext","CheckboxGroup","ariaDescribedBy","children","className","defaultValue","disabled","error","hint","label","providedName","onValueChange","orientation","ref","required","value","props","generatedId","useId","name","messageId","describedBy","uncontrolledValues","setUncontrolledValues","useState","values","resetRef","useFormReset","mergedRef","useMergedRefs","toggle","item","checked","next","current","jsx","jsxs","styles"],"mappings":"+QAcMA,EAAuBC,EAAAA,cAAgD,IAAI,EAG1E,SAASC,GAAmB,CACjC,OAAOC,EAAAA,WAAWH,CAAoB,CACxC,CAmBO,SAASI,EAAc,CAC5B,mBAAoBC,EACpB,SAAAC,EACA,UAAAC,EACA,aAAAC,EAAe,CAAA,EACf,SAAAC,EAAW,GACX,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,KAAMC,EACN,cAAAC,EACA,YAAAC,EAAc,WACd,IAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EACA,GAAGC,CACL,EAAuB,CACrB,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAOT,GAAgB,kBAAkBO,CAAW,GACpDG,EAAY,kBAAkBH,CAAW,WACzCI,EAAc,CAACnB,EAAiBK,GAASC,EAAOY,EAAY,MAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,OACpG,CAACE,EAAoBC,CAAqB,EAAIC,EAAAA,SAASnB,CAAY,EACnEoB,EAASV,GAASO,EAClBI,EAAWC,EAAAA,aAAkC,IAAMJ,EAAsBlB,CAAY,CAAC,EACtFuB,EAAYC,EAAAA,cAAcH,EAAUb,CAAG,EAE7C,SAASiB,EAAOC,EAAcC,EAAkB,CAC9C,MAAMC,EAAOD,EAAU,CAAC,GAAGP,EAAQM,CAAI,EAAIN,EAAO,OAAQS,GAAYA,IAAYH,CAAI,EAElFhB,IAAU,QACZQ,EAAsBU,CAAI,EAG5BtB,GAAA,MAAAA,EAAgBsB,EAClB,CAEA,OACEE,EAAAA,IAACtC,EAAqB,SAArB,CAA8B,MAAO,CAAE,SAAAS,EAAU,QAAS,EAAQC,EAAQ,KAAAY,EAAM,SAAAL,EAAU,OAAAgB,EAAQ,OAAAL,GACjG,SAAAW,EAAAA,KAAC,WAAA,CACE,GAAGpB,EACJ,IAAKY,EACL,UAAW,CAACS,UAAO,MAAOjC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7D,mBAAkBiB,EAElB,SAAA,CAAAe,EAAAA,KAAC,SAAA,CAAO,UAAWC,EAAAA,QAAO,OACvB,SAAA,CAAA5B,EACAK,SAAa,OAAA,CAAK,UAAWuB,EAAAA,QAAO,SAAU,cAAY,OAAO,SAAA,GAAA,CAAC,CAAA,EACrE,EACAF,EAAAA,IAAC,MAAA,CAAI,UAAW,CAACE,EAAAA,QAAO,QAASA,UAAOzB,CAAW,CAAC,EAAE,KAAK,GAAG,EAAI,SAAAT,CAAA,CAAS,GACzEI,GAASC,IACT2B,MAAC,OAAA,CAAK,UAAW5B,EAAQ8B,EAAAA,QAAO,aAAeA,EAAAA,QAAO,KAAM,GAAIjB,EAAW,KAAMb,EAAQ,QAAU,OAChG,YAASC,CAAA,CACZ,CAAA,CAAA,CAAA,EAGN,CAEJ"}

package/dist/components/forms/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,54 @@
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+import { useId as S, useState as U, useContext as q, createContext as w } from "react";
+import { useFormReset as z } from "../../../hooks/useFormReset.js";
+import { useMergedRefs as A } from "../../../hooks/useMergedRefs.js";
+import e from "./CheckboxGroup.module.css.js";
+const x = w(null);
+function L() {
+  return q(x);
+}
+function O({
+  "aria-describedby": b,
+  children: g,
+  className: v,
+  defaultValue: c = [],
+  disabled: h = !1,
+  error: o,
+  hint: t,
+  label: j,
+  name: k,
+  onValueChange: n,
+  orientation: N = "vertical",
+  ref: y,
+  required: i = !1,
+  value: d,
+  ...B
+}) {
+  const l = S(), R = k ?? `checkbox-group-${l}`, a = `checkbox-group-${l}-message`, G = [b, o || t ? a : void 0].filter(Boolean).join(" ") || void 0, [I, m] = U(c), r = d ?? I, C = z(() => m(c)), M = A(C, y);
+  function $(f, F) {
+    const u = F ? [...r, f] : r.filter((P) => P !== f);
+    d === void 0 && m(u), n == null || n(u);
+  }
+  return /* @__PURE__ */ s(x.Provider, { value: { disabled: h, invalid: !!o, name: R, required: i, toggle: $, values: r }, children: /* @__PURE__ */ p(
+    "fieldset",
+    {
+      ...B,
+      ref: M,
+      className: [e.group, v].filter(Boolean).join(" "),
+      "aria-describedby": G,
+      children: [
+        /* @__PURE__ */ p("legend", { className: e.legend, children: [
+          j,
+          i && /* @__PURE__ */ s("span", { className: e.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ s("div", { className: [e.options, e[N]].join(" "), children: g }),
+        (o || t) && /* @__PURE__ */ s("span", { className: o ? e.errorMessage : e.hint, id: a, role: o ? "alert" : void 0, children: o || t })
+      ]
+    }
+  ) });
+}
+export {
+  O as CheckboxGroup,
+  L as useCheckboxGroup
+};
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/forms/CheckboxGroup/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../src/components/forms/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { createContext, useContext, useId, useState, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './CheckboxGroup.module.css';\n\ninterface CheckboxGroupContextValue {\n  disabled: boolean;\n  invalid: boolean;\n  name: string;\n  required: boolean;\n  toggle: (value: string, checked: boolean) => void;\n  values: readonly string[];\n}\n\nconst CheckboxGroupContext = createContext<CheckboxGroupContextValue | null>(null);\n\n/** O `Checkbox` com `value` dentro de um grupo lê daqui o estado; fora dele, segue solto. */\nexport function useCheckboxGroup() {\n  return useContext(CheckboxGroupContext);\n}\n\nexport type CheckboxGroupOrientation = 'vertical' | 'horizontal';\n\nexport interface CheckboxGroupProps extends Omit<ComponentPropsWithRef<'fieldset'>, 'defaultValue' | 'onChange'> {\n  children: ReactNode;\n  defaultValue?: readonly string[];\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  label: string;\n  name?: string;\n  onValueChange?: (values: string[]) => void;\n  orientation?: CheckboxGroupOrientation;\n  /** Exige ao menos uma caixa marcada no envio. */\n  required?: boolean;\n  value?: readonly string[];\n}\n\nexport function CheckboxGroup({\n  'aria-describedby': ariaDescribedBy,\n  children,\n  className,\n  defaultValue = [],\n  disabled = false,\n  error,\n  hint,\n  label,\n  name: providedName,\n  onValueChange,\n  orientation = 'vertical',\n  ref,\n  required = false,\n  value,\n  ...props\n}: CheckboxGroupProps) {\n  const generatedId = useId();\n  const name = providedName ?? `checkbox-group-${generatedId}`;\n  const messageId = `checkbox-group-${generatedId}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined].filter(Boolean).join(' ') || undefined;\n  const [uncontrolledValues, setUncontrolledValues] = useState(defaultValue);\n  const values = value ?? uncontrolledValues;\n  const resetRef = useFormReset<HTMLFieldSetElement>(() => setUncontrolledValues(defaultValue));\n  const mergedRef = useMergedRefs(resetRef, ref);\n\n  function toggle(item: string, checked: boolean) {\n    const next = checked ? [...values, item] : values.filter((current) => current !== item);\n\n    if (value === undefined) {\n      setUncontrolledValues(next);\n    }\n\n    onValueChange?.(next);\n  }\n\n  return (\n    <CheckboxGroupContext.Provider value={{ disabled, invalid: Boolean(error), name, required, toggle, values }}>\n      <fieldset\n        {...props}\n        ref={mergedRef}\n        className={[styles.group, className].filter(Boolean).join(' ')}\n        aria-describedby={describedBy}\n      >\n        <legend className={styles.legend}>\n          {label}\n          {required && <span className={styles.required} aria-hidden=\"true\">*</span>}\n        </legend>\n        <div className={[styles.options, styles[orientation]].join(' ')}>{children}</div>\n        {(error || hint) && (\n          <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n            {error || hint}\n          </span>\n        )}\n      </fieldset>\n    </CheckboxGroupContext.Provider>\n  );\n}\n"],"names":["CheckboxGroupContext","createContext","useCheckboxGroup","useContext","CheckboxGroup","ariaDescribedBy","children","className","defaultValue","disabled","error","hint","label","providedName","onValueChange","orientation","ref","required","value","props","generatedId","useId","name","messageId","describedBy","uncontrolledValues","setUncontrolledValues","useState","values","resetRef","useFormReset","mergedRef","useMergedRefs","toggle","item","checked","next","current","jsx","jsxs","styles"],"mappings":";;;;;AAcA,MAAMA,IAAuBC,EAAgD,IAAI;AAG1E,SAASC,IAAmB;AACjC,SAAOC,EAAWH,CAAoB;AACxC;AAmBO,SAASI,EAAc;AAAA,EAC5B,oBAAoBC;AAAA,EACpB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe,CAAA;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAMC;AAAA,EACN,eAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,KAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAcC,EAAA,GACdC,IAAOT,KAAgB,kBAAkBO,CAAW,IACpDG,IAAY,kBAAkBH,CAAW,YACzCI,IAAc,CAACnB,GAAiBK,KAASC,IAAOY,IAAY,MAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK,QACpG,CAACE,GAAoBC,CAAqB,IAAIC,EAASnB,CAAY,GACnEoB,IAASV,KAASO,GAClBI,IAAWC,EAAkC,MAAMJ,EAAsBlB,CAAY,CAAC,GACtFuB,IAAYC,EAAcH,GAAUb,CAAG;AAE7C,WAASiB,EAAOC,GAAcC,GAAkB;AAC9C,UAAMC,IAAOD,IAAU,CAAC,GAAGP,GAAQM,CAAI,IAAIN,EAAO,OAAO,CAACS,MAAYA,MAAYH,CAAI;AAEtF,IAAIhB,MAAU,UACZQ,EAAsBU,CAAI,GAG5BtB,KAAA,QAAAA,EAAgBsB;AAAA,EAClB;AAEA,SACE,gBAAAE,EAACtC,EAAqB,UAArB,EAA8B,OAAO,EAAE,UAAAS,GAAU,SAAS,EAAQC,GAAQ,MAAAY,GAAM,UAAAL,GAAU,QAAAgB,GAAQ,QAAAL,KACjG,UAAA,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGpB;AAAA,MACJ,KAAKY;AAAA,MACL,WAAW,CAACS,EAAO,OAAOjC,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC7D,oBAAkBiB;AAAA,MAElB,UAAA;AAAA,QAAA,gBAAAe,EAAC,UAAA,EAAO,WAAWC,EAAO,QACvB,UAAA;AAAA,UAAA5B;AAAA,UACAK,uBAAa,QAAA,EAAK,WAAWuB,EAAO,UAAU,eAAY,QAAO,UAAA,IAAA,CAAC;AAAA,QAAA,GACrE;AAAA,QACA,gBAAAF,EAAC,OAAA,EAAI,WAAW,CAACE,EAAO,SAASA,EAAOzB,CAAW,CAAC,EAAE,KAAK,GAAG,GAAI,UAAAT,EAAA,CAAS;AAAA,SACzEI,KAASC,MACT,gBAAA2B,EAAC,QAAA,EAAK,WAAW5B,IAAQ8B,EAAO,eAAeA,EAAO,MAAM,IAAIjB,GAAW,MAAMb,IAAQ,UAAU,QAChG,eAASC,EAAA,CACZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_group_poytt_2 _group_1nbsm_1",t="_legend_poytt_6 _legend_1nbsm_11",o="_required_poytt_10 _required_1nbsm_20",r="_options_poytt_14",_="_vertical_poytt_19",n="_horizontal_poytt_23",s="_hint_poytt_28 _hint_1qg91_8",i="_errorMessage_poytt_32 _errorMessage_1qg91_9",l={group:e,legend:t,required:o,options:r,vertical:_,horizontal:n,hint:s,errorMessage:i};exports.default=l;exports.errorMessage=i;exports.group=e;exports.hint=s;exports.horizontal=n;exports.legend=t;exports.options=r;exports.required=o;exports.vertical=_;
+//# sourceMappingURL=CheckboxGroup.module.css.cjs.map

package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.js

@@ -0,0 +1,22 @@
+const t = "_group_poytt_2 _group_1nbsm_1", _ = "_legend_poytt_6 _legend_1nbsm_11", o = "_required_poytt_10 _required_1nbsm_20", e = "_options_poytt_14", r = "_vertical_poytt_19", n = "_horizontal_poytt_23", s = "_hint_poytt_28 _hint_1qg91_8", i = "_errorMessage_poytt_32 _errorMessage_1qg91_9", p = {
+  group: t,
+  legend: _,
+  required: o,
+  options: e,
+  vertical: r,
+  horizontal: n,
+  hint: s,
+  errorMessage: i
+};
+export {
+  p as default,
+  i as errorMessage,
+  t as group,
+  s as hint,
+  n as horizontal,
+  _ as legend,
+  e as options,
+  o as required,
+  r as vertical
+};
+//# sourceMappingURL=CheckboxGroup.module.css.js.map

package/dist/components/forms/CheckboxGroup/CheckboxGroup.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/forms/ColorPicker/ColorPicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),p=require("react"),l=require("./ColorPicker.module.css.cjs"),x=require("../../overlays/Tooltip/Tooltip.cjs"),N=require("../../icons/icons.cjs");function q({className:t,defaultOption:a,defaultValue:d,disabled:u=!1,label:s,name:m,onValueChange:r,options:c,size:f="md",value:i,...v}){const j=`color-picker-${p.useId()}`,k=m??j,n=i!==void 0,b=a?[{label:a.label??"Padrão",value:null},...c]:[...c];return o.jsx("div",{...v,"aria-label":s,className:[l.default.picker,l.default[f],t].filter(Boolean).join(" "),role:"radiogroup",children:b.map(e=>o.jsx(x.Tooltip,{content:e.label,children:o.jsxs("label",{className:[l.default.swatch,e.value===null&&l.default.none].filter(Boolean).join(" "),style:{backgroundColor:e.color},children:[o.jsx("input",{checked:n?i===e.value:void 0,className:l.default.input,defaultChecked:n?void 0:d===e.value,disabled:u,name:k,onChange:()=>r==null?void 0:r(e.value),type:"radio",value:e.value??""}),o.jsx(N.IconCheck,{className:l.default.check}),o.jsx("span",{className:l.default.hiddenText,children:e.label})]})},e.value??""))})}exports.ColorPicker=q;
+//# sourceMappingURL=ColorPicker.cjs.map

package/dist/components/forms/ColorPicker/ColorPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.cjs","sources":["../../../../src/components/forms/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { useId, type ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport { Tooltip } from '../../overlays/Tooltip';\nimport styles from './ColorPicker.module.css';\n\nexport interface ColorPickerOption {\n  /** Qualquer cor do CSS; é só o desenho da amostra. */\n  color: string;\n  /** Nome da cor: é o que o leitor de tela anuncia e o que aparece como dica. */\n  label: string;\n  value: string;\n}\n\nexport type ColorPickerSize = 'sm' | 'md';\n\nexport interface ColorPickerProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'> {\n  /** Primeira amostra, que significa sem cor: escolhida, o valor é `null`. */\n  defaultOption?: { label?: string };\n  defaultValue?: string | null;\n  disabled?: boolean;\n  /** Nome do grupo, para o leitor de tela. */\n  label: string;\n  name?: string;\n  onValueChange?: (value: string | null) => void;\n  options: readonly ColorPickerOption[];\n  size?: ColorPickerSize;\n  value?: string | null;\n}\n\ninterface Swatch {\n  color?: string;\n  label: string;\n  value: string | null;\n}\n\n/** Escolha de cor por amostras. Por baixo são rádios nativos: setas, Tab e formulário vêm do navegador. */\nexport function ColorPicker({\n  className,\n  defaultOption,\n  defaultValue,\n  disabled = false,\n  label,\n  name: providedName,\n  onValueChange,\n  options,\n  size = 'md',\n  value,\n  ...props\n}: ColorPickerProps) {\n  const generatedName = `color-picker-${useId()}`;\n  const name = providedName ?? generatedName;\n  const controlled = value !== undefined;\n  const swatches: Swatch[] = defaultOption\n    ? [{ label: defaultOption.label ?? 'Padrão', value: null }, ...options]\n    : [...options];\n\n  return (\n    <div\n      {...props}\n      aria-label={label}\n      className={[styles.picker, styles[size], className].filter(Boolean).join(' ')}\n      role=\"radiogroup\"\n    >\n      {swatches.map((swatch) => (\n        <Tooltip content={swatch.label} key={swatch.value ?? ''}>\n          <label\n            className={[styles.swatch, swatch.value === null && styles.none].filter(Boolean).join(' ')}\n            style={{ backgroundColor: swatch.color }}\n          >\n            <input\n              checked={controlled ? value === swatch.value : undefined}\n              className={styles.input}\n              defaultChecked={controlled ? undefined : defaultValue === swatch.value}\n              disabled={disabled}\n              name={name}\n              onChange={() => onValueChange?.(swatch.value)}\n              type=\"radio\"\n              value={swatch.value ?? ''}\n            />\n            <IconCheck className={styles.check} />\n            <span className={styles.hiddenText}>{swatch.label}</span>\n          </label>\n        </Tooltip>\n      ))}\n    </div>\n  );\n}\n"],"names":["ColorPicker","className","defaultOption","defaultValue","disabled","label","providedName","onValueChange","options","size","value","props","generatedName","useId","name","controlled","swatches","jsx","styles","swatch","Tooltip","jsxs","IconCheck"],"mappings":"qQAoCO,SAASA,EAAY,CAC1B,UAAAC,EACA,cAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EACA,KAAMC,EACN,cAAAC,EACA,QAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,MAAMC,EAAgB,gBAAgBC,EAAAA,MAAA,CAAO,GACvCC,EAAOR,GAAgBM,EACvBG,EAAaL,IAAU,OACvBM,EAAqBd,EACvB,CAAC,CAAE,MAAOA,EAAc,OAAS,SAAU,MAAO,IAAA,EAAQ,GAAGM,CAAO,EACpE,CAAC,GAAGA,CAAO,EAEf,OACES,EAAAA,IAAC,MAAA,CACE,GAAGN,EACJ,aAAYN,EACZ,UAAW,CAACa,EAAAA,QAAO,OAAQA,EAAAA,QAAOT,CAAI,EAAGR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC5E,KAAK,aAEJ,SAAAe,EAAS,IAAKG,SACZC,UAAA,CAAQ,QAASD,EAAO,MACvB,SAAAE,EAAAA,KAAC,QAAA,CACC,UAAW,CAACH,EAAAA,QAAO,OAAQC,EAAO,QAAU,MAAQD,UAAO,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACzF,MAAO,CAAE,gBAAiBC,EAAO,KAAA,EAEjC,SAAA,CAAAF,EAAAA,IAAC,QAAA,CACC,QAASF,EAAaL,IAAUS,EAAO,MAAQ,OAC/C,UAAWD,EAAAA,QAAO,MAClB,eAAgBH,EAAa,OAAYZ,IAAiBgB,EAAO,MACjE,SAAAf,EACA,KAAAU,EACA,SAAU,IAAMP,GAAA,YAAAA,EAAgBY,EAAO,OACvC,KAAK,QACL,MAAOA,EAAO,OAAS,EAAA,CAAA,EAEzBF,EAAAA,IAACK,EAAAA,UAAA,CAAU,UAAWJ,EAAAA,QAAO,KAAA,CAAO,QACnC,OAAA,CAAK,UAAWA,EAAAA,QAAO,WAAa,WAAO,KAAA,CAAM,CAAA,CAAA,CAAA,GAhBjBC,EAAO,OAAS,EAkBrD,CACD,CAAA,CAAA,CAGP"}

package/dist/components/forms/ColorPicker/ColorPicker.js

@@ -0,0 +1,57 @@
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import { useId as j } from "react";
+import l from "./ColorPicker.module.css.js";
+import { Tooltip as x } from "../../overlays/Tooltip/Tooltip.js";
+import { IconCheck as y } from "../../icons/icons.js";
+function $({
+  className: d,
+  defaultOption: i,
+  defaultValue: m,
+  disabled: s = !1,
+  label: t,
+  name: p,
+  onValueChange: r,
+  options: a,
+  size: u = "md",
+  value: c,
+  ...v
+}) {
+  const f = `color-picker-${j()}`, k = p ?? f, n = c !== void 0, b = i ? [{ label: i.label ?? "Padrão", value: null }, ...a] : [...a];
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ...v,
+      "aria-label": t,
+      className: [l.picker, l[u], d].filter(Boolean).join(" "),
+      role: "radiogroup",
+      children: b.map((e) => /* @__PURE__ */ o(x, { content: e.label, children: /* @__PURE__ */ N(
+        "label",
+        {
+          className: [l.swatch, e.value === null && l.none].filter(Boolean).join(" "),
+          style: { backgroundColor: e.color },
+          children: [
+            /* @__PURE__ */ o(
+              "input",
+              {
+                checked: n ? c === e.value : void 0,
+                className: l.input,
+                defaultChecked: n ? void 0 : m === e.value,
+                disabled: s,
+                name: k,
+                onChange: () => r == null ? void 0 : r(e.value),
+                type: "radio",
+                value: e.value ?? ""
+              }
+            ),
+            /* @__PURE__ */ o(y, { className: l.check }),
+            /* @__PURE__ */ o("span", { className: l.hiddenText, children: e.label })
+          ]
+        }
+      ) }, e.value ?? ""))
+    }
+  );
+}
+export {
+  $ as ColorPicker
+};
+//# sourceMappingURL=ColorPicker.js.map

package/dist/components/forms/ColorPicker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/forms/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { useId, type ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport { Tooltip } from '../../overlays/Tooltip';\nimport styles from './ColorPicker.module.css';\n\nexport interface ColorPickerOption {\n  /** Qualquer cor do CSS; é só o desenho da amostra. */\n  color: string;\n  /** Nome da cor: é o que o leitor de tela anuncia e o que aparece como dica. */\n  label: string;\n  value: string;\n}\n\nexport type ColorPickerSize = 'sm' | 'md';\n\nexport interface ColorPickerProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'> {\n  /** Primeira amostra, que significa sem cor: escolhida, o valor é `null`. */\n  defaultOption?: { label?: string };\n  defaultValue?: string | null;\n  disabled?: boolean;\n  /** Nome do grupo, para o leitor de tela. */\n  label: string;\n  name?: string;\n  onValueChange?: (value: string | null) => void;\n  options: readonly ColorPickerOption[];\n  size?: ColorPickerSize;\n  value?: string | null;\n}\n\ninterface Swatch {\n  color?: string;\n  label: string;\n  value: string | null;\n}\n\n/** Escolha de cor por amostras. Por baixo são rádios nativos: setas, Tab e formulário vêm do navegador. */\nexport function ColorPicker({\n  className,\n  defaultOption,\n  defaultValue,\n  disabled = false,\n  label,\n  name: providedName,\n  onValueChange,\n  options,\n  size = 'md',\n  value,\n  ...props\n}: ColorPickerProps) {\n  const generatedName = `color-picker-${useId()}`;\n  const name = providedName ?? generatedName;\n  const controlled = value !== undefined;\n  const swatches: Swatch[] = defaultOption\n    ? [{ label: defaultOption.label ?? 'Padrão', value: null }, ...options]\n    : [...options];\n\n  return (\n    <div\n      {...props}\n      aria-label={label}\n      className={[styles.picker, styles[size], className].filter(Boolean).join(' ')}\n      role=\"radiogroup\"\n    >\n      {swatches.map((swatch) => (\n        <Tooltip content={swatch.label} key={swatch.value ?? ''}>\n          <label\n            className={[styles.swatch, swatch.value === null && styles.none].filter(Boolean).join(' ')}\n            style={{ backgroundColor: swatch.color }}\n          >\n            <input\n              checked={controlled ? value === swatch.value : undefined}\n              className={styles.input}\n              defaultChecked={controlled ? undefined : defaultValue === swatch.value}\n              disabled={disabled}\n              name={name}\n              onChange={() => onValueChange?.(swatch.value)}\n              type=\"radio\"\n              value={swatch.value ?? ''}\n            />\n            <IconCheck className={styles.check} />\n            <span className={styles.hiddenText}>{swatch.label}</span>\n          </label>\n        </Tooltip>\n      ))}\n    </div>\n  );\n}\n"],"names":["ColorPicker","className","defaultOption","defaultValue","disabled","label","providedName","onValueChange","options","size","value","props","generatedName","useId","name","controlled","swatches","jsx","styles","swatch","Tooltip","jsxs","IconCheck"],"mappings":";;;;;AAoCO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAMC;AAAA,EACN,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAgB,gBAAgBC,EAAA,CAAO,IACvCC,IAAOR,KAAgBM,GACvBG,IAAaL,MAAU,QACvBM,IAAqBd,IACvB,CAAC,EAAE,OAAOA,EAAc,SAAS,UAAU,OAAO,KAAA,GAAQ,GAAGM,CAAO,IACpE,CAAC,GAAGA,CAAO;AAEf,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,cAAYN;AAAA,MACZ,WAAW,CAACa,EAAO,QAAQA,EAAOT,CAAI,GAAGR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC5E,MAAK;AAAA,MAEJ,UAAAe,EAAS,IAAI,CAACG,wBACZC,GAAA,EAAQ,SAASD,EAAO,OACvB,UAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAACH,EAAO,QAAQC,EAAO,UAAU,QAAQD,EAAO,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,UACzF,OAAO,EAAE,iBAAiBC,EAAO,MAAA;AAAA,UAEjC,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAASF,IAAaL,MAAUS,EAAO,QAAQ;AAAA,gBAC/C,WAAWD,EAAO;AAAA,gBAClB,gBAAgBH,IAAa,SAAYZ,MAAiBgB,EAAO;AAAA,gBACjE,UAAAf;AAAA,gBACA,MAAAU;AAAA,gBACA,UAAU,MAAMP,KAAA,gBAAAA,EAAgBY,EAAO;AAAA,gBACvC,MAAK;AAAA,gBACL,OAAOA,EAAO,SAAS;AAAA,cAAA;AAAA,YAAA;AAAA,YAEzB,gBAAAF,EAACK,GAAA,EAAU,WAAWJ,EAAO,MAAA,CAAO;AAAA,8BACnC,QAAA,EAAK,WAAWA,EAAO,YAAa,YAAO,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,KAhBjBC,EAAO,SAAS,EAkBrD,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/forms/ColorPicker/ColorPicker.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c="_picker_1crw3_2",e="_sm_1crw3_8",t="_md_1crw3_13",n="_swatch_1crw3_19",_="_none_1crw3_34",s="_input_1crw3_45",o="_check_1crw3_54",r="_hiddenText_1crw3_85",d={picker:c,sm:e,md:t,swatch:n,none:_,input:s,check:o,hiddenText:r};exports.check=o;exports.default=d;exports.hiddenText=r;exports.input=s;exports.md=t;exports.none=_;exports.picker=c;exports.sm=e;exports.swatch=n;
+//# sourceMappingURL=ColorPicker.module.css.cjs.map

package/dist/components/forms/ColorPicker/ColorPicker.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/ColorPicker/ColorPicker.module.css.js

@@ -0,0 +1,22 @@
+const c = "_picker_1crw3_2", _ = "_sm_1crw3_8", n = "_md_1crw3_13", t = "_swatch_1crw3_19", e = "_none_1crw3_34", s = "_input_1crw3_45", o = "_check_1crw3_54", r = "_hiddenText_1crw3_85", w = {
+  picker: c,
+  sm: _,
+  md: n,
+  swatch: t,
+  none: e,
+  input: s,
+  check: o,
+  hiddenText: r
+};
+export {
+  o as check,
+  w as default,
+  r as hiddenText,
+  s as input,
+  n as md,
+  e as none,
+  c as picker,
+  _ as sm,
+  t as swatch
+};
+//# sourceMappingURL=ColorPicker.module.css.js.map

package/dist/components/forms/ColorPicker/ColorPicker.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/forms/ComboBox/ComboBox.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_input_at14z_1",e="_error_at14z_17",s="_sm_at14z_47",_="_md_at14z_53",o="_control_at14z_58 _input_at14z_1",r="_search_at14z_76",n="_selection_at14z_95",a="_rest_at14z_105",c="_summary_at14z_111",m="_panel_at14z_120",l="_empty_at14z_132",u={input:t,error:e,sm:s,md:_,control:o,search:r,selection:n,rest:a,summary:c,panel:m,empty:l};exports.control=o;exports.default=u;exports.empty=l;exports.error=e;exports.input=t;exports.md=_;exports.panel=m;exports.rest=a;exports.search=r;exports.selection=n;exports.sm=s;exports.summary=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_input_smn36_1",n="_error_smn36_17",e="_sm_smn36_47",t="_md_smn36_53",_="_control_smn36_58 _input_smn36_1",m="_search_smn36_76",o="_selection_smn36_95",r="_rest_smn36_105",c="_summary_smn36_111",l="_panel_smn36_120",a="_empty_smn36_132",u={input:s,error:n,sm:e,md:t,control:_,search:m,selection:o,rest:r,summary:c,panel:l,empty:a};exports.control=_;exports.default=u;exports.empty=a;exports.error=n;exports.input=s;exports.md=t;exports.panel=l;exports.rest=r;exports.search=m;exports.selection=o;exports.sm=e;exports.summary=c;
 //# sourceMappingURL=ComboBox.module.css.cjs.map