@plenustech/design-system 0.2.2 → 0.2.4

package/dist/components/data-display/Tag/Tag.js

@@ -0,0 +1,50 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { useId as p } from "react";
+import o from "./Tag.module.css.js";
+import { IconCheck as k, IconClose as x } from "../../icons/icons.js";
+function v({
+  children: m,
+  className: b,
+  disabled: t = !1,
+  onRemove: l,
+  onSelectedChange: a,
+  selected: s,
+  size: f = "md",
+  ...u
+}) {
+  const i = p(), c = p(), e = s !== void 0, I = [o.tag, o[f], s && o.selected, t && o.disabled, b].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("span", { ...u, className: I, children: [
+    e ? /* @__PURE__ */ n(
+      "button",
+      {
+        "aria-pressed": s,
+        className: o.toggle,
+        disabled: t,
+        id: i,
+        onClick: () => a == null ? void 0 : a(!s),
+        type: "button",
+        children: [
+          s && /* @__PURE__ */ r(k, { className: o.check }),
+          m
+        ]
+      }
+    ) : /* @__PURE__ */ r("span", { id: i, children: m }),
+    l && /* @__PURE__ */ r(
+      "button",
+      {
+        "aria-label": "Remover",
+        "aria-labelledby": `${c} ${i}`,
+        className: o.remove,
+        disabled: t,
+        id: c,
+        onClick: l,
+        type: "button",
+        children: /* @__PURE__ */ r(x, {})
+      }
+    )
+  ] });
+}
+export {
+  v as Tag
+};
+//# sourceMappingURL=Tag.js.map

package/dist/components/data-display/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/data-display/Tag/Tag.tsx"],"sourcesContent":["import { useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { IconCheck, IconClose } from '../../icons';\nimport styles from './Tag.module.css';\n\nexport type TagSize = 'sm' | 'md';\n\nexport interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {\n  children: ReactNode;\n  disabled?: boolean;\n  /** Mostra o botao de remover, nomeado como \"Remover\" seguido do texto da etiqueta. */\n  onRemove?: () => void;\n  /** Com `selected`, a etiqueta vira um botao de alternar, como o filtro que se liga e desliga. */\n  onSelectedChange?: (selected: boolean) => void;\n  selected?: boolean;\n  size?: TagSize;\n}\n\nexport function Tag({\n  children,\n  className,\n  disabled = false,\n  onRemove,\n  onSelectedChange,\n  selected,\n  size = 'md',\n  ...props\n}: TagProps) {\n  const textId = useId();\n  const removeId = useId();\n  const toggleable = selected !== undefined;\n  const classes = [styles.tag, styles[size], selected && styles.selected, disabled && styles.disabled, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span {...props} className={classes}>\n      {toggleable ? (\n        <button\n          aria-pressed={selected}\n          className={styles.toggle}\n          disabled={disabled}\n          id={textId}\n          onClick={() => onSelectedChange?.(!selected)}\n          type=\"button\"\n        >\n          {selected && <IconCheck className={styles.check} />}\n          {children}\n        </button>\n      ) : (\n        <span id={textId}>{children}</span>\n      )}\n      {onRemove && (\n        <button\n          aria-label=\"Remover\"\n          aria-labelledby={`${removeId} ${textId}`}\n          className={styles.remove}\n          disabled={disabled}\n          id={removeId}\n          onClick={onRemove}\n          type=\"button\"\n        >\n          <IconClose />\n        </button>\n      )}\n    </span>\n  );\n}\n"],"names":["Tag","children","className","disabled","onRemove","onSelectedChange","selected","size","props","textId","useId","removeId","toggleable","classes","styles","jsxs","jsx","IconCheck","IconClose"],"mappings":";;;;AAiBO,SAASA,EAAI;AAAA,EAClB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAa;AACX,QAAMC,IAASC,EAAA,GACTC,IAAWD,EAAA,GACXE,IAAaN,MAAa,QAC1BO,IAAU,CAACC,EAAO,KAAKA,EAAOP,CAAI,GAAGD,KAAYQ,EAAO,UAAUX,KAAYW,EAAO,UAAUZ,CAAS,EAC3G,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAa,EAAC,QAAA,EAAM,GAAGP,GAAO,WAAWK,GACzB,UAAA;AAAA,IAAAD,IACC,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,gBAAcT;AAAA,QACd,WAAWQ,EAAO;AAAA,QAClB,UAAAX;AAAA,QACA,IAAIM;AAAA,QACJ,SAAS,MAAMJ,KAAA,gBAAAA,EAAmB,CAACC;AAAA,QACnC,MAAK;AAAA,QAEJ,UAAA;AAAA,UAAAA,KAAY,gBAAAU,EAACC,GAAA,EAAU,WAAWH,EAAO,OAAO;AAAA,UAChDb;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAGH,gBAAAe,EAAC,QAAA,EAAK,IAAIP,GAAS,UAAAR,EAAA,CAAS;AAAA,IAE7BG,KACC,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,mBAAiB,GAAGL,CAAQ,IAAIF,CAAM;AAAA,QACtC,WAAWK,EAAO;AAAA,QAClB,UAAAX;AAAA,QACA,IAAIQ;AAAA,QACJ,SAASP;AAAA,QACT,MAAK;AAAA,QAEL,4BAACc,GAAA,CAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GAEJ;AAEJ;"}

package/dist/components/data-display/Tag/Tag.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_tag_gvmly_2",t="_sm_gvmly_20",l="_md_gvmly_26",s="_remove_gvmly_32",_="_toggle_gvmly_36",c="_check_gvmly_66",g="_selected_gvmly_70",o="_disabled_gvmly_94",m={tag:e,sm:t,md:l,remove:s,toggle:_,check:c,selected:g,disabled:o};exports.check=c;exports.default=m;exports.disabled=o;exports.md=l;exports.remove=s;exports.selected=g;exports.sm=t;exports.tag=e;exports.toggle=_;
+//# sourceMappingURL=Tag.module.css.cjs.map

package/dist/components/data-display/Tag/Tag.module.css.cjs.map

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

package/dist/components/data-display/Tag/Tag.module.css.js

@@ -0,0 +1,22 @@
+const e = "_tag_gvmly_2", _ = "_sm_gvmly_20", s = "_md_gvmly_26", t = "_remove_gvmly_32", l = "_toggle_gvmly_36", c = "_check_gvmly_66", g = "_selected_gvmly_70", m = "_disabled_gvmly_94", o = {
+  tag: e,
+  sm: _,
+  md: s,
+  remove: t,
+  toggle: l,
+  check: c,
+  selected: g,
+  disabled: m
+};
+export {
+  c as check,
+  o as default,
+  m as disabled,
+  s as md,
+  t as remove,
+  g as selected,
+  _ as sm,
+  e as tag,
+  l as toggle
+};
+//# sourceMappingURL=Tag.module.css.js.map

package/dist/components/data-display/Tag/Tag.module.css.js.map

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

package/dist/components/data-display/Timeline/Timeline.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./Timeline.module.css.cjs"),o=require("../../icons/icons.cjs");function m({className:r,current:d,items:n,label:i,...u}){const t=n.findIndex(s=>s.key===d);return e.jsx("ol",{...u,"aria-label":i,className:[a.default.timeline,r].filter(Boolean).join(" "),children:n.map((s,c)=>{const l=c<t?"complete":c===t?"current":"upcoming";return e.jsxs("li",{"aria-current":l==="current"?"step":void 0,className:[a.default.item,a.default[l]].join(" "),children:[e.jsx("span",{"aria-hidden":"true",className:a.default.marker,children:l==="complete"?e.jsx(o.IconCheck,{}):e.jsx("span",{className:a.default.dot})}),e.jsxs("span",{className:a.default.text,children:[e.jsx("span",{className:a.default.label,children:s.label}),l==="complete"&&e.jsx("span",{className:a.default.hiddenText,children:", concluído"}),l==="current"&&e.jsx("span",{className:a.default.hiddenText,children:", atual"}),s.description&&e.jsx("span",{className:a.default.description,children:s.description}),s.date&&e.jsx("span",{className:a.default.date,children:s.date})]})]},s.key)})})}exports.Timeline=m;
+//# sourceMappingURL=Timeline.cjs.map

package/dist/components/data-display/Timeline/Timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.cjs","sources":["../../../../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Timeline.module.css';\n\nexport interface TimelineItem {\n  date?: string;\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface TimelineProps extends Omit<ComponentPropsWithRef<'ol'>, 'children'> {\n  /** Chave do estado atual. Os anteriores contam como concluídos, os seguintes como por vir. */\n  current: string;\n  items: readonly TimelineItem[];\n  /** Nome da lista, para o leitor de tela. */\n  label: string;\n}\n\nexport function Timeline({ className, current, items, label, ...props }: TimelineProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <ol {...props} aria-label={label} className={[styles.timeline, className].filter(Boolean).join(' ')}>\n      {items.map((item, index) => {\n        const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n\n        return (\n          <li\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={[styles.item, styles[state]].join(' ')}\n            key={item.key}\n          >\n            <span aria-hidden=\"true\" className={styles.marker}>\n              {state === 'complete' ? <IconCheck /> : <span className={styles.dot} />}\n            </span>\n            <span className={styles.text}>\n              <span className={styles.label}>{item.label}</span>\n              {state === 'complete' && <span className={styles.hiddenText}>, concluído</span>}\n              {state === 'current' && <span className={styles.hiddenText}>, atual</span>}\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {item.date && <span className={styles.date}>{item.date}</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Timeline","className","current","items","label","props","currentIndex","item","jsx","styles","index","state","jsxs","IconCheck"],"mappings":"+LAmBO,SAASA,EAAS,CAAE,UAAAC,EAAW,QAAAC,EAAS,MAAAC,EAAO,MAAAC,EAAO,GAAGC,GAAwB,CACtF,MAAMC,EAAeH,EAAM,UAAWI,GAASA,EAAK,MAAQL,CAAO,EAEnE,OACEM,EAAAA,IAAC,MAAI,GAAGH,EAAO,aAAYD,EAAO,UAAW,CAACK,EAAAA,QAAO,SAAUR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/F,SAAAE,EAAM,IAAI,CAACI,EAAMG,IAAU,CAC1B,MAAMC,EAAQD,EAAQJ,EAAe,WAAaI,IAAUJ,EAAe,UAAY,WAEvF,OACEM,EAAAA,KAAC,KAAA,CACC,eAAcD,IAAU,UAAY,OAAS,OAC7C,UAAW,CAACF,EAAAA,QAAO,KAAMA,EAAAA,QAAOE,CAAK,CAAC,EAAE,KAAK,GAAG,EAGhD,SAAA,CAAAH,MAAC,QAAK,cAAY,OAAO,UAAWC,UAAO,OACxC,SAAAE,IAAU,WAAaH,EAAAA,IAACK,EAAAA,UAAA,EAAU,EAAKL,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,IAAK,EACvE,EACAG,EAAAA,KAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,KACtB,SAAA,CAAAD,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,MAAQ,WAAK,MAAM,EAC1CE,IAAU,YAAcH,EAAAA,IAAC,QAAK,UAAWC,EAAAA,QAAO,WAAY,SAAA,cAAW,EACvEE,IAAU,WAAaH,EAAAA,IAAC,QAAK,UAAWC,EAAAA,QAAO,WAAY,SAAA,UAAO,EAClEF,EAAK,aAAeC,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,YAAc,WAAK,WAAA,CAAY,EAC3EF,EAAK,MAAQC,MAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,KAAO,WAAK,IAAA,CAAK,CAAA,CAAA,CACzD,CAAA,CAAA,EAXKF,EAAK,GAAA,CAchB,CAAC,CAAA,CACH,CAEJ"}

package/dist/components/data-display/Timeline/Timeline.js

@@ -0,0 +1,31 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import e from "./Timeline.module.css.js";
+import { IconCheck as m } from "../../icons/icons.js";
+function x({ className: i, current: o, items: s, label: d, ...p }) {
+  const c = s.findIndex((n) => n.key === o);
+  return /* @__PURE__ */ a("ol", { ...p, "aria-label": d, className: [e.timeline, i].filter(Boolean).join(" "), children: s.map((n, l) => {
+    const r = l < c ? "complete" : l === c ? "current" : "upcoming";
+    return /* @__PURE__ */ t(
+      "li",
+      {
+        "aria-current": r === "current" ? "step" : void 0,
+        className: [e.item, e[r]].join(" "),
+        children: [
+          /* @__PURE__ */ a("span", { "aria-hidden": "true", className: e.marker, children: r === "complete" ? /* @__PURE__ */ a(m, {}) : /* @__PURE__ */ a("span", { className: e.dot }) }),
+          /* @__PURE__ */ t("span", { className: e.text, children: [
+            /* @__PURE__ */ a("span", { className: e.label, children: n.label }),
+            r === "complete" && /* @__PURE__ */ a("span", { className: e.hiddenText, children: ", concluído" }),
+            r === "current" && /* @__PURE__ */ a("span", { className: e.hiddenText, children: ", atual" }),
+            n.description && /* @__PURE__ */ a("span", { className: e.description, children: n.description }),
+            n.date && /* @__PURE__ */ a("span", { className: e.date, children: n.date })
+          ] })
+        ]
+      },
+      n.key
+    );
+  }) });
+}
+export {
+  x as Timeline
+};
+//# sourceMappingURL=Timeline.js.map

package/dist/components/data-display/Timeline/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sources":["../../../../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react';\nimport { IconCheck } from '../../icons';\nimport styles from './Timeline.module.css';\n\nexport interface TimelineItem {\n  date?: string;\n  description?: string;\n  key: string;\n  label: string;\n}\n\nexport interface TimelineProps extends Omit<ComponentPropsWithRef<'ol'>, 'children'> {\n  /** Chave do estado atual. Os anteriores contam como concluídos, os seguintes como por vir. */\n  current: string;\n  items: readonly TimelineItem[];\n  /** Nome da lista, para o leitor de tela. */\n  label: string;\n}\n\nexport function Timeline({ className, current, items, label, ...props }: TimelineProps) {\n  const currentIndex = items.findIndex((item) => item.key === current);\n\n  return (\n    <ol {...props} aria-label={label} className={[styles.timeline, className].filter(Boolean).join(' ')}>\n      {items.map((item, index) => {\n        const state = index < currentIndex ? 'complete' : index === currentIndex ? 'current' : 'upcoming';\n\n        return (\n          <li\n            aria-current={state === 'current' ? 'step' : undefined}\n            className={[styles.item, styles[state]].join(' ')}\n            key={item.key}\n          >\n            <span aria-hidden=\"true\" className={styles.marker}>\n              {state === 'complete' ? <IconCheck /> : <span className={styles.dot} />}\n            </span>\n            <span className={styles.text}>\n              <span className={styles.label}>{item.label}</span>\n              {state === 'complete' && <span className={styles.hiddenText}>, concluído</span>}\n              {state === 'current' && <span className={styles.hiddenText}>, atual</span>}\n              {item.description && <span className={styles.description}>{item.description}</span>}\n              {item.date && <span className={styles.date}>{item.date}</span>}\n            </span>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Timeline","className","current","items","label","props","currentIndex","item","jsx","styles","index","state","jsxs","IconCheck"],"mappings":";;;AAmBO,SAASA,EAAS,EAAE,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,OAAAC,GAAO,GAAGC,KAAwB;AACtF,QAAMC,IAAeH,EAAM,UAAU,CAACI,MAASA,EAAK,QAAQL,CAAO;AAEnE,SACE,gBAAAM,EAAC,QAAI,GAAGH,GAAO,cAAYD,GAAO,WAAW,CAACK,EAAO,UAAUR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC/F,UAAAE,EAAM,IAAI,CAACI,GAAMG,MAAU;AAC1B,UAAMC,IAAQD,IAAQJ,IAAe,aAAaI,MAAUJ,IAAe,YAAY;AAEvF,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,gBAAcD,MAAU,YAAY,SAAS;AAAA,QAC7C,WAAW,CAACF,EAAO,MAAMA,EAAOE,CAAK,CAAC,EAAE,KAAK,GAAG;AAAA,QAGhD,UAAA;AAAA,UAAA,gBAAAH,EAAC,UAAK,eAAY,QAAO,WAAWC,EAAO,QACxC,UAAAE,MAAU,aAAa,gBAAAH,EAACK,GAAA,EAAU,IAAK,gBAAAL,EAAC,QAAA,EAAK,WAAWC,EAAO,KAAK,GACvE;AAAA,UACA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,MACtB,UAAA;AAAA,YAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWC,EAAO,OAAQ,YAAK,OAAM;AAAA,YAC1CE,MAAU,cAAc,gBAAAH,EAAC,UAAK,WAAWC,EAAO,YAAY,UAAA,eAAW;AAAA,YACvEE,MAAU,aAAa,gBAAAH,EAAC,UAAK,WAAWC,EAAO,YAAY,UAAA,WAAO;AAAA,YAClEF,EAAK,eAAe,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,aAAc,YAAK,YAAA,CAAY;AAAA,YAC3EF,EAAK,QAAQ,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAO,MAAO,YAAK,KAAA,CAAK;AAAA,UAAA,EAAA,CACzD;AAAA,QAAA;AAAA,MAAA;AAAA,MAXKF,EAAK;AAAA,IAAA;AAAA,EAchB,CAAC,EAAA,CACH;AAEJ;"}

package/dist/components/data-display/Timeline/Timeline.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_timeline_o3v8q_2",t="_item_o3v8q_12",_="_complete_o3v8q_35 _complete_7tv83_37",o="_current_o3v8q_43 _current_7tv83_63",n="_marker_o3v8q_47 _marker_7tv83_41",i="_dot_o3v8q_51",c="_text_o3v8q_62",r="_label_o3v8q_70 _label_7tv83_92",d="_upcoming_o3v8q_74",l="_description_o3v8q_78 _description_7tv83_107",s="_date_o3v8q_82",m="_hiddenText_o3v8q_89 _hiddenText_7tv83_113",v={timeline:e,item:t,complete:_,current:o,marker:n,dot:i,text:c,label:r,upcoming:d,description:l,date:s,hiddenText:m};exports.complete=_;exports.current=o;exports.date=s;exports.default=v;exports.description=l;exports.dot=i;exports.hiddenText=m;exports.item=t;exports.label=r;exports.marker=n;exports.text=c;exports.timeline=e;exports.upcoming=d;
+//# sourceMappingURL=Timeline.module.css.cjs.map

package/dist/components/data-display/Timeline/Timeline.module.css.cjs.map

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

package/dist/components/data-display/Timeline/Timeline.module.css.js

@@ -0,0 +1,30 @@
+const t = "_timeline_o3v8q_2", _ = "_item_o3v8q_12", e = "_complete_o3v8q_35 _complete_7tv83_37", o = "_current_o3v8q_43 _current_7tv83_63", n = "_marker_o3v8q_47 _marker_7tv83_41", c = "_dot_o3v8q_51", i = "_text_o3v8q_62", r = "_label_o3v8q_70 _label_7tv83_92", s = "_upcoming_o3v8q_74", d = "_description_o3v8q_78 _description_7tv83_107", v = "_date_o3v8q_82", l = "_hiddenText_o3v8q_89 _hiddenText_7tv83_113", m = {
+  timeline: t,
+  item: _,
+  complete: e,
+  current: o,
+  marker: n,
+  dot: c,
+  text: i,
+  label: r,
+  upcoming: s,
+  description: d,
+  date: v,
+  hiddenText: l
+};
+export {
+  e as complete,
+  o as current,
+  v as date,
+  m as default,
+  d as description,
+  c as dot,
+  l as hiddenText,
+  _ as item,
+  r as label,
+  n as marker,
+  i as text,
+  t as timeline,
+  s as upcoming
+};
+//# sourceMappingURL=Timeline.module.css.js.map

package/dist/components/data-display/Timeline/Timeline.module.css.js.map

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

package/dist/components/feedback/Skeleton/Skeleton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),e=require("./Skeleton.module.css.cjs");function s({className:t,height:n,shape:l="line",style:o,width:r,...i}){return u.jsx("span",{...i,"aria-hidden":"true",className:[e.default.skeleton,e.default[l],t].filter(Boolean).join(" "),style:{height:n,width:r,...o}})}exports.Skeleton=s;
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/feedback/Skeleton/Skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","sources":["../../../../src/components/feedback/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './Skeleton.module.css';\n\nexport type SkeletonShape = 'line' | 'circle' | 'block';\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Numero em pixels ou qualquer medida CSS. Sem altura, cada forma tem a sua: linha de texto, avatar ou bloco. */\n  height?: number | string;\n  shape?: SkeletonShape;\n  width?: number | string;\n}\n\n/**\n * Lugar de um conteudo que ainda carrega. E decorativo e fica fora da leitura:\n * quem envolve os esqueletos anuncia o carregamento, com `aria-busy` ou uma mensagem de status.\n */\nexport function Skeleton({ className, height, shape = 'line', style, width, ...props }: SkeletonProps) {\n  return (\n    <span\n      {...props}\n      aria-hidden=\"true\"\n      className={[styles.skeleton, styles[shape], className].filter(Boolean).join(' ')}\n      style={{ height, width, ...style }}\n    />\n  );\n}\n"],"names":["Skeleton","className","height","shape","style","width","props","jsx","styles"],"mappings":"4JAgBO,SAASA,EAAS,CAAE,UAAAC,EAAW,OAAAC,EAAQ,MAAAC,EAAQ,OAAQ,MAAAC,EAAO,MAAAC,EAAO,GAAGC,GAAwB,CACrG,OACEC,EAAAA,IAAC,OAAA,CACE,GAAGD,EACJ,cAAY,OACZ,UAAW,CAACE,EAAAA,QAAO,SAAUA,EAAAA,QAAOL,CAAK,EAAGF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/E,MAAO,CAAE,OAAAC,EAAQ,MAAAG,EAAO,GAAGD,CAAA,CAAM,CAAA,CAGvC"}

package/dist/components/feedback/Skeleton/Skeleton.js

@@ -0,0 +1,17 @@
+import { jsx as s } from "react/jsx-runtime";
+import e from "./Skeleton.module.css.js";
+function f({ className: o, height: t, shape: n = "line", style: r, width: i, ...l }) {
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      ...l,
+      "aria-hidden": "true",
+      className: [e.skeleton, e[n], o].filter(Boolean).join(" "),
+      style: { height: t, width: i, ...r }
+    }
+  );
+}
+export {
+  f as Skeleton
+};
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/feedback/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/feedback/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport styles from './Skeleton.module.css';\n\nexport type SkeletonShape = 'line' | 'circle' | 'block';\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLSpanElement> {\n  /** Numero em pixels ou qualquer medida CSS. Sem altura, cada forma tem a sua: linha de texto, avatar ou bloco. */\n  height?: number | string;\n  shape?: SkeletonShape;\n  width?: number | string;\n}\n\n/**\n * Lugar de um conteudo que ainda carrega. E decorativo e fica fora da leitura:\n * quem envolve os esqueletos anuncia o carregamento, com `aria-busy` ou uma mensagem de status.\n */\nexport function Skeleton({ className, height, shape = 'line', style, width, ...props }: SkeletonProps) {\n  return (\n    <span\n      {...props}\n      aria-hidden=\"true\"\n      className={[styles.skeleton, styles[shape], className].filter(Boolean).join(' ')}\n      style={{ height, width, ...style }}\n    />\n  );\n}\n"],"names":["Skeleton","className","height","shape","style","width","props","jsx","styles"],"mappings":";;AAgBO,SAASA,EAAS,EAAE,WAAAC,GAAW,QAAAC,GAAQ,OAAAC,IAAQ,QAAQ,OAAAC,GAAO,OAAAC,GAAO,GAAGC,KAAwB;AACrG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,eAAY;AAAA,MACZ,WAAW,CAACE,EAAO,UAAUA,EAAOL,CAAK,GAAGF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC/E,OAAO,EAAE,QAAAC,GAAQ,OAAAG,GAAO,GAAGD,EAAA;AAAA,IAAM;AAAA,EAAA;AAGvC;"}

package/dist/components/feedback/Skeleton/Skeleton.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_skeleton_121wr_1",l="_line_121wr_14",o="_circle_121wr_19",t="_block_121wr_25",c={skeleton:e,"skeleton-shimmer":"_skeleton-shimmer_121wr_1",line:l,circle:o,block:t};exports.block=t;exports.circle=o;exports.default=c;exports.line=l;exports.skeleton=e;
+//# sourceMappingURL=Skeleton.module.css.cjs.map

package/dist/components/feedback/Skeleton/Skeleton.module.css.cjs.map

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

package/dist/components/feedback/Skeleton/Skeleton.module.css.js

@@ -0,0 +1,15 @@
+const e = "_skeleton_121wr_1", l = "_line_121wr_14", s = "_circle_121wr_19", _ = "_block_121wr_25", c = {
+  skeleton: e,
+  "skeleton-shimmer": "_skeleton-shimmer_121wr_1",
+  line: l,
+  circle: s,
+  block: _
+};
+export {
+  _ as block,
+  s as circle,
+  c as default,
+  l as line,
+  e as skeleton
+};
+//# sourceMappingURL=Skeleton.module.css.js.map

package/dist/components/feedback/Skeleton/Skeleton.module.css.js.map

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

package/dist/components/feedback/Toast/Toast.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_region_1hw9s_2",t="_toast_1hw9s_22",n="_icon_1hw9s_36",o="_info_1hw9s_43",e="_success_1hw9s_47",c="_warning_1hw9s_51",_="_danger_1hw9s_55",i="_content_1hw9s_59",r="_title_1hw9s_67",a="_description_1hw9s_73",w="_actions_1hw9s_80",l="_close_1hw9s_86",g={region:s,toast:t,"toast-enter":"_toast-enter_1hw9s_1",icon:n,info:o,success:e,warning:c,danger:_,content:i,title:r,description:a,actions:w,close:l};exports.actions=w;exports.close=l;exports.content=i;exports.danger=_;exports.default=g;exports.description=a;exports.icon=n;exports.info=o;exports.region=s;exports.success=e;exports.title=r;exports.toast=t;exports.warning=c;
+//# sourceMappingURL=Toast.module.css.cjs.map

package/dist/components/feedback/Toast/Toast.module.css.cjs.map

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

package/dist/components/feedback/Toast/Toast.module.css.js

@@ -0,0 +1,31 @@
+const s = "_region_1hw9s_2", t = "_toast_1hw9s_22", n = "_icon_1hw9s_36", o = "_info_1hw9s_43", _ = "_success_1hw9s_47", c = "_warning_1hw9s_51", e = "_danger_1hw9s_55", i = "_content_1hw9s_59", a = "_title_1hw9s_67", w = "_description_1hw9s_73", r = "_actions_1hw9s_80", h = "_close_1hw9s_86", g = {
+  region: s,
+  toast: t,
+  "toast-enter": "_toast-enter_1hw9s_1",
+  icon: n,
+  info: o,
+  success: _,
+  warning: c,
+  danger: e,
+  content: i,
+  title: a,
+  description: w,
+  actions: r,
+  close: h
+};
+export {
+  r as actions,
+  h as close,
+  i as content,
+  e as danger,
+  g as default,
+  w as description,
+  n as icon,
+  o as info,
+  s as region,
+  _ as success,
+  a as title,
+  t as toast,
+  c as warning
+};
+//# sourceMappingURL=Toast.module.css.js.map

package/dist/components/feedback/Toast/Toast.module.css.js.map

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

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