@plenustech/design-system 0.2.1 → 0.2.3

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

@@ -0,0 +1,26 @@
+const n = "_group_1nbsm_1", _ = "_legend_1nbsm_11", s = "_required_1nbsm_20", o = "_options_1nbsm_25", r = "_control_1nbsm_31", e = "_input_1nbsm_38", t = "_error_1nbsm_59", c = "_text_1nbsm_90", i = "_hint_1nbsm_98 _hint_1qg91_8", g = "_errorMessage_1nbsm_102 _errorMessage_1qg91_9", b = {
+  group: n,
+  legend: _,
+  required: s,
+  options: o,
+  control: r,
+  input: e,
+  error: t,
+  text: c,
+  hint: i,
+  errorMessage: g
+};
+export {
+  r as control,
+  b as default,
+  t as error,
+  g as errorMessage,
+  n as group,
+  i as hint,
+  e as input,
+  _ as legend,
+  o as options,
+  s as required,
+  c as text
+};
+//# sourceMappingURL=RadioGroup.module.css.js.map

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

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

package/dist/components/forms/SegmentedControl/SegmentedControl.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("react"),a=require("./SegmentedControl.module.css.cjs"),g=require("../../overlays/Tooltip/Tooltip.cjs");function h({className:c,defaultValue:i,disabled:u=!1,iconOnly:n=!1,items:f,label:v,name:j,onValueChange:o,size:m="md",value:d,...p}){const x=`segmented-control-${s.useId()}`,b=j??x,t=d!==void 0;return l.jsx("div",{...p,"aria-label":v,className:[a.default.control,a.default[m],c].filter(Boolean).join(" "),role:"radiogroup",children:f.map(e=>{const r=l.jsxs("label",{className:[a.default.segment,n&&a.default.iconOnly].filter(Boolean).join(" "),children:[l.jsx("input",{checked:t?d===e.value:void 0,className:a.default.input,defaultChecked:t?void 0:i===e.value,disabled:u||e.disabled,name:b,onChange:()=>o==null?void 0:o(e.value),type:"radio",value:e.value}),e.icon&&l.jsx("span",{"aria-hidden":"true",className:a.default.icon,children:e.icon}),l.jsx("span",{className:n?a.default.hiddenText:void 0,children:e.label})]});return n?l.jsx(g.Tooltip,{content:e.label,children:r},e.value):l.jsx(s.Fragment,{children:r},e.value)})})}exports.SegmentedControl=h;
+//# sourceMappingURL=SegmentedControl.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.cjs","sources":["../../../../src/components/forms/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { Fragment, useId, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { Tooltip } from '../../overlays/Tooltip';\nimport styles from './SegmentedControl.module.css';\n\nexport interface SegmentedControlItem {\n  disabled?: boolean;\n  icon?: ReactNode;\n  label: string;\n  value: string;\n}\n\nexport type SegmentedControlSize = 'sm' | 'md';\n\nexport interface SegmentedControlProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'> {\n  defaultValue?: string;\n  disabled?: boolean;\n  /** Mostra so os icones; o `label` de cada item continua sendo o nome e aparece como dica. */\n  iconOnly?: boolean;\n  items: readonly SegmentedControlItem[];\n  /** Nome do grupo, para o leitor de tela. */\n  label: string;\n  name?: string;\n  onValueChange?: (value: string) => void;\n  size?: SegmentedControlSize;\n  value?: string;\n}\n\n/** Escolha unica em poucos segmentos lado a lado. Por baixo sao radios nativos: setas, Tab e formulario vem do navegador. */\nexport function SegmentedControl({\n  className,\n  defaultValue,\n  disabled = false,\n  iconOnly = false,\n  items,\n  label,\n  name: providedName,\n  onValueChange,\n  size = 'md',\n  value,\n  ...props\n}: SegmentedControlProps) {\n  const generatedName = `segmented-control-${useId()}`;\n  const name = providedName ?? generatedName;\n  const controlled = value !== undefined;\n\n  return (\n    <div\n      {...props}\n      aria-label={label}\n      className={[styles.control, styles[size], className].filter(Boolean).join(' ')}\n      role=\"radiogroup\"\n    >\n      {items.map((item) => {\n        const segment = (\n          <label className={[styles.segment, iconOnly && styles.iconOnly].filter(Boolean).join(' ')}>\n            <input\n              checked={controlled ? value === item.value : undefined}\n              className={styles.input}\n              defaultChecked={controlled ? undefined : defaultValue === item.value}\n              disabled={disabled || item.disabled}\n              name={name}\n              onChange={() => onValueChange?.(item.value)}\n              type=\"radio\"\n              value={item.value}\n            />\n            {item.icon && (\n              <span aria-hidden=\"true\" className={styles.icon}>\n                {item.icon}\n              </span>\n            )}\n            <span className={iconOnly ? styles.hiddenText : undefined}>{item.label}</span>\n          </label>\n        );\n\n        return iconOnly ? (\n          <Tooltip content={item.label} key={item.value}>\n            {segment}\n          </Tooltip>\n        ) : (\n          <Fragment key={item.value}>{segment}</Fragment>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["SegmentedControl","className","defaultValue","disabled","iconOnly","items","label","providedName","onValueChange","size","value","props","generatedName","useId","name","controlled","jsx","styles","item","segment","jsxs","Tooltip","Fragment"],"mappings":"uOA4BO,SAASA,EAAiB,CAC/B,UAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,MAAAC,EACA,MAAAC,EACA,KAAMC,EACN,cAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,GAAGC,CACL,EAA0B,CACxB,MAAMC,EAAgB,qBAAqBC,EAAAA,MAAA,CAAO,GAC5CC,EAAOP,GAAgBK,EACvBG,EAAaL,IAAU,OAE7B,OACEM,EAAAA,IAAC,MAAA,CACE,GAAGL,EACJ,aAAYL,EACZ,UAAW,CAACW,EAAAA,QAAO,QAASA,EAAAA,QAAOR,CAAI,EAAGR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7E,KAAK,aAEJ,SAAAI,EAAM,IAAKa,GAAS,CACnB,MAAMC,EACJC,EAAAA,KAAC,QAAA,CAAM,UAAW,CAACH,EAAAA,QAAO,QAASb,GAAYa,EAAAA,QAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACtF,SAAA,CAAAD,EAAAA,IAAC,QAAA,CACC,QAASD,EAAaL,IAAUQ,EAAK,MAAQ,OAC7C,UAAWD,EAAAA,QAAO,MAClB,eAAgBF,EAAa,OAAYb,IAAiBgB,EAAK,MAC/D,SAAUf,GAAYe,EAAK,SAC3B,KAAAJ,EACA,SAAU,IAAMN,GAAA,YAAAA,EAAgBU,EAAK,OACrC,KAAK,QACL,MAAOA,EAAK,KAAA,CAAA,EAEbA,EAAK,MACJF,EAAAA,IAAC,OAAA,CAAK,cAAY,OAAO,UAAWC,EAAAA,QAAO,KACxC,SAAAC,EAAK,IAAA,CACR,EAEFF,EAAAA,IAAC,QAAK,UAAWZ,EAAWa,EAAAA,QAAO,WAAa,OAAY,WAAK,KAAA,CAAM,CAAA,EACzE,EAGF,OAAOb,EACLY,EAAAA,IAACK,UAAA,CAAQ,QAASH,EAAK,MACpB,SAAAC,CAAA,EADgCD,EAAK,KAExC,EAEAF,EAAAA,IAACM,EAAAA,SAAA,CAA2B,SAAAH,CAAA,EAAbD,EAAK,KAAgB,CAExC,CAAC,CAAA,CAAA,CAGP"}

package/dist/components/forms/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,52 @@
+import { jsx as l, jsxs as N } from "react/jsx-runtime";
+import { useId as g, Fragment as j } from "react";
+import o from "./SegmentedControl.module.css.js";
+import { Tooltip as x } from "../../overlays/Tooltip/Tooltip.js";
+function F({
+  className: c,
+  defaultValue: t,
+  disabled: i = !1,
+  iconOnly: a = !1,
+  items: m,
+  label: p,
+  name: u,
+  onValueChange: r,
+  size: v = "md",
+  value: n,
+  ...f
+}) {
+  const h = `segmented-control-${g()}`, b = u ?? h, d = n !== void 0;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ...f,
+      "aria-label": p,
+      className: [o.control, o[v], c].filter(Boolean).join(" "),
+      role: "radiogroup",
+      children: m.map((e) => {
+        const s = /* @__PURE__ */ N("label", { className: [o.segment, a && o.iconOnly].filter(Boolean).join(" "), children: [
+          /* @__PURE__ */ l(
+            "input",
+            {
+              checked: d ? n === e.value : void 0,
+              className: o.input,
+              defaultChecked: d ? void 0 : t === e.value,
+              disabled: i || e.disabled,
+              name: b,
+              onChange: () => r == null ? void 0 : r(e.value),
+              type: "radio",
+              value: e.value
+            }
+          ),
+          e.icon && /* @__PURE__ */ l("span", { "aria-hidden": "true", className: o.icon, children: e.icon }),
+          /* @__PURE__ */ l("span", { className: a ? o.hiddenText : void 0, children: e.label })
+        ] });
+        return a ? /* @__PURE__ */ l(x, { content: e.label, children: s }, e.value) : /* @__PURE__ */ l(j, { children: s }, e.value);
+      })
+    }
+  );
+}
+export {
+  F as SegmentedControl
+};
+//# sourceMappingURL=SegmentedControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/forms/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { Fragment, useId, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { Tooltip } from '../../overlays/Tooltip';\nimport styles from './SegmentedControl.module.css';\n\nexport interface SegmentedControlItem {\n  disabled?: boolean;\n  icon?: ReactNode;\n  label: string;\n  value: string;\n}\n\nexport type SegmentedControlSize = 'sm' | 'md';\n\nexport interface SegmentedControlProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'> {\n  defaultValue?: string;\n  disabled?: boolean;\n  /** Mostra so os icones; o `label` de cada item continua sendo o nome e aparece como dica. */\n  iconOnly?: boolean;\n  items: readonly SegmentedControlItem[];\n  /** Nome do grupo, para o leitor de tela. */\n  label: string;\n  name?: string;\n  onValueChange?: (value: string) => void;\n  size?: SegmentedControlSize;\n  value?: string;\n}\n\n/** Escolha unica em poucos segmentos lado a lado. Por baixo sao radios nativos: setas, Tab e formulario vem do navegador. */\nexport function SegmentedControl({\n  className,\n  defaultValue,\n  disabled = false,\n  iconOnly = false,\n  items,\n  label,\n  name: providedName,\n  onValueChange,\n  size = 'md',\n  value,\n  ...props\n}: SegmentedControlProps) {\n  const generatedName = `segmented-control-${useId()}`;\n  const name = providedName ?? generatedName;\n  const controlled = value !== undefined;\n\n  return (\n    <div\n      {...props}\n      aria-label={label}\n      className={[styles.control, styles[size], className].filter(Boolean).join(' ')}\n      role=\"radiogroup\"\n    >\n      {items.map((item) => {\n        const segment = (\n          <label className={[styles.segment, iconOnly && styles.iconOnly].filter(Boolean).join(' ')}>\n            <input\n              checked={controlled ? value === item.value : undefined}\n              className={styles.input}\n              defaultChecked={controlled ? undefined : defaultValue === item.value}\n              disabled={disabled || item.disabled}\n              name={name}\n              onChange={() => onValueChange?.(item.value)}\n              type=\"radio\"\n              value={item.value}\n            />\n            {item.icon && (\n              <span aria-hidden=\"true\" className={styles.icon}>\n                {item.icon}\n              </span>\n            )}\n            <span className={iconOnly ? styles.hiddenText : undefined}>{item.label}</span>\n          </label>\n        );\n\n        return iconOnly ? (\n          <Tooltip content={item.label} key={item.value}>\n            {segment}\n          </Tooltip>\n        ) : (\n          <Fragment key={item.value}>{segment}</Fragment>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["SegmentedControl","className","defaultValue","disabled","iconOnly","items","label","providedName","onValueChange","size","value","props","generatedName","useId","name","controlled","jsx","styles","item","segment","jsxs","Tooltip","Fragment"],"mappings":";;;;AA4BO,SAASA,EAAiB;AAAA,EAC/B,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAMC;AAAA,EACN,eAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,GAAGC;AACL,GAA0B;AACxB,QAAMC,IAAgB,qBAAqBC,EAAA,CAAO,IAC5CC,IAAOP,KAAgBK,GACvBG,IAAaL,MAAU;AAE7B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,cAAYL;AAAA,MACZ,WAAW,CAACW,EAAO,SAASA,EAAOR,CAAI,GAAGR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC7E,MAAK;AAAA,MAEJ,UAAAI,EAAM,IAAI,CAACa,MAAS;AACnB,cAAMC,IACJ,gBAAAC,EAAC,SAAA,EAAM,WAAW,CAACH,EAAO,SAASb,KAAYa,EAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACtF,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAASD,IAAaL,MAAUQ,EAAK,QAAQ;AAAA,cAC7C,WAAWD,EAAO;AAAA,cAClB,gBAAgBF,IAAa,SAAYb,MAAiBgB,EAAK;AAAA,cAC/D,UAAUf,KAAYe,EAAK;AAAA,cAC3B,MAAAJ;AAAA,cACA,UAAU,MAAMN,KAAA,gBAAAA,EAAgBU,EAAK;AAAA,cACrC,MAAK;AAAA,cACL,OAAOA,EAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEbA,EAAK,QACJ,gBAAAF,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWC,EAAO,MACxC,UAAAC,EAAK,KAAA,CACR;AAAA,UAEF,gBAAAF,EAAC,UAAK,WAAWZ,IAAWa,EAAO,aAAa,QAAY,YAAK,MAAA,CAAM;AAAA,QAAA,GACzE;AAGF,eAAOb,IACL,gBAAAY,EAACK,GAAA,EAAQ,SAASH,EAAK,OACpB,UAAAC,EAAA,GADgCD,EAAK,KAExC,IAEA,gBAAAF,EAACM,GAAA,EAA2B,UAAAH,EAAA,GAAbD,EAAK,KAAgB;AAAA,MAExC,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_control_15yqu_2",t="_segment_15yqu_13",e="_sm_15yqu_33",o="_md_15yqu_40",_="_iconOnly_15yqu_47",c="_input_15yqu_55",s="_icon_15yqu_47",i="_hiddenText_15yqu_88",u={control:n,segment:t,sm:e,md:o,iconOnly:_,input:c,icon:s,hiddenText:i};exports.control=n;exports.default=u;exports.hiddenText=i;exports.icon=s;exports.iconOnly=_;exports.input=c;exports.md=o;exports.segment=t;exports.sm=e;
+//# sourceMappingURL=SegmentedControl.module.css.cjs.map

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

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

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

@@ -0,0 +1,22 @@
+const n = "_control_15yqu_2", t = "_segment_15yqu_13", _ = "_sm_15yqu_33", o = "_md_15yqu_40", c = "_iconOnly_15yqu_47", s = "_input_15yqu_55", e = "_icon_15yqu_47", i = "_hiddenText_15yqu_88", u = {
+  control: n,
+  segment: t,
+  sm: _,
+  md: o,
+  iconOnly: c,
+  input: s,
+  icon: e,
+  hiddenText: i
+};
+export {
+  n as control,
+  u as default,
+  i as hiddenText,
+  e as icon,
+  c as iconOnly,
+  s as input,
+  o as md,
+  t as segment,
+  _ as sm
+};
+//# sourceMappingURL=SegmentedControl.module.css.js.map

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

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

package/dist/components/forms/Select/Select.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),A=require("react-dom"),k=require("@react-aria/overlays"),B=require("../../data-display/List/ListingOptions.cjs"),H=require("../../data-display/List/useListing.cjs"),z=require("../../../hooks/useFormReset.cjs"),U=require("../../../hooks/useMergedRefs.cjs"),W=require("../Field/FormValue.cjs"),n=require("./Select.module.css.cjs"),_=require("../Field/Field.cjs"),$=require("../../icons/icons.cjs");function G({"aria-describedby":j,className:i,defaultValue:o,name:c,disabled:l=!1,error:b,hint:q,id:d,label:y,onClick:m,onKeyDown:p,onValueChange:x,options:g,placeholder:v="Selecione",ref:e,required:r=!1,size:O="md",value:D,...E}){const R=u.useRef(null),[S,F]=u.useState(!1),I=z.useFormReset(()=>h.reset()),K=U.useMergedRefs(R,I,e),h=H.useListing({items:g,selectionMode:"single",defaultValue:o===void 0?void 0:[{value:o,label:""}],value:D===void 0?void 0:[{value:D,label:""}],onSelectionChange:t=>{const[f]=t;f&&(x==null||x(f.value))}}),[s]=h.selected;function w(){var t;F(!1),(t=R.current)==null||t.focus()}function L(){var t;l||(h.focus((s==null?void 0:s.value)??((t=g.find(f=>!f.disabled))==null?void 0:t.value)),F(!0))}function N(t){p==null||p(t),["ArrowDown","ArrowUp","Enter"," "].includes(t.key)&&(t.preventDefault(),L())}function P(t){m==null||m(t),S?w():L()}return a.jsx(_.Field,{"aria-describedby":j,error:b,hint:q,id:d,label:y,required:r,children:({id:t,describedBy:f,invalid:T})=>a.jsxs(a.Fragment,{children:[a.jsx(W.FormValue,{disabled:l,name:c,onFocus:()=>{var M;return(M=R.current)==null?void 0:M.focus()},required:r,value:(s==null?void 0:s.value)??""}),a.jsxs("button",{...E,ref:K,className:[n.default.trigger,n.default[O],b&&n.default.error,i].filter(Boolean).join(" "),type:"button",id:t,role:"combobox","aria-describedby":f,"aria-invalid":T||void 0,"aria-haspopup":"listbox","aria-expanded":S,"aria-required":r||void 0,disabled:l,onClick:P,onKeyDown:N,children:[a.jsx("span",{className:s!=null&&s.label?n.default.value:n.default.placeholder,children:(s==null?void 0:s.label)||v}),a.jsx($.IconChevronDown,{className:n.default.chevron,size:14})]}),S&&A.createPortal(a.jsx(J,{label:y??v,listing:h,onClose:w,triggerRef:R}),document.body)]})})}function J({label:j,listing:i,onClose:o,triggerRef:c}){var v;const l=u.useRef(null),b=u.useRef(null),q=`listbox-${u.useId()}`,{overlayProps:d}=k.useOverlay({isOpen:!0,onClose:o,isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:e=>{var r;return!((r=c.current)!=null&&r.contains(e))}},l),{overlayProps:y}=k.useOverlayPosition({targetRef:c,overlayRef:l,placement:"bottom start",offset:6,containerPadding:8,isOpen:!0}),[m,p]=u.useState(),x=Math.min(Number((v=y.style)==null?void 0:v.maxHeight)||280,280);u.useLayoutEffect(()=>{var e;p((e=c.current)==null?void 0:e.offsetWidth)},[c]),u.useEffect(()=>{var e;(e=b.current)==null||e.focus()},[]);function g(e){if(e.key==="Escape"||e.key==="Tab"){o();return}if(e.key==="Enter"||e.key===" "){e.preventDefault();const r=i.visible.find(O=>O.value===i.focusedKey);r&&!r.disabled&&(i.select(r),o());return}if(e.key.length===1&&!e.metaKey&&!e.ctrlKey){i.typeahead(e.key);return}i.handleKeyDown(e)}return a.jsx("div",{...d,ref:l,className:n.default.panel,"data-react-aria-top-layer":"true",style:{...y.style,width:m,maxHeight:x},children:a.jsx(B.ListingOptions,{baseId:q,elementRef:b,label:j,listing:i,onKeyDown:e=>{var r;g(e),(r=d.onKeyDown)==null||r.call(d,e)},onSelect:o,tabIndex:-1})})}exports.Select=G;
+//# sourceMappingURL=Select.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","sources":["../../../../src/components/forms/Select/Select.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { ListingOptions } from '../../data-display/List/ListingOptions';\nimport { useListing, type Listing } from '../../data-display/List/useListing';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport styles from './Select.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport type SelectSize = 'sm' | 'md';\n\nexport interface SelectOption {\n  disabled?: boolean;\n  label: string;\n  value: string;\n}\n\n/** As propriedades nativas vao ao gatilho, que e o controle; o `className` soma ao do sistema. */\nexport interface SelectProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'defaultValue' | 'name' | 'onChange' | 'type' | 'value'> {\n  defaultValue?: string;\n  error?: string;\n  hint?: string;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  onValueChange?: (value: string) => void;\n  options: readonly SelectOption[];\n  placeholder?: string;\n  required?: boolean;\n  size?: SelectSize;\n  value?: string;\n}\n\nexport function Select({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  onClick,\n  onKeyDown,\n  onValueChange,\n  options,\n  placeholder = 'Selecione',\n  ref,\n  required = false,\n  size = 'md',\n  value,\n  ...props\n}: SelectProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const resetRef = useFormReset<HTMLButtonElement>(() => listing.reset());\n  const mergedRef = useMergedRefs(triggerRef, resetRef, ref);\n\n  // O valor e a chave, e nao a opcao: com opcoes que chegam depois, filtrar por elas perdia a escolha.\n  const listing = useListing({\n    items: options,\n    selectionMode: 'single',\n    defaultValue: defaultValue === undefined ? undefined : [{ value: defaultValue, label: '' }],\n    value: value === undefined ? undefined : [{ value, label: '' }],\n    onSelectionChange: (chosen) => {\n      const [first] = chosen;\n\n      if (first) {\n        onValueChange?.(first.value);\n      }\n    },\n  });\n\n  const [chosen] = listing.selected;\n\n  function fechar() {\n    setOpen(false);\n    triggerRef.current?.focus();\n  }\n\n  function abrir() {\n    if (disabled) {\n      return;\n    }\n\n    listing.focus(chosen?.value ?? options.find((option) => !option.disabled)?.value);\n    setOpen(true);\n  }\n\n  function handleTriggerKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    onKeyDown?.(event);\n\n    if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n      event.preventDefault();\n      abrir();\n    }\n  }\n\n  function handleTriggerClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n\n    if (open) {\n      fechar();\n    } else {\n      abrir();\n    }\n  }\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => triggerRef.current?.focus()}\n            required={required}\n            value={chosen?.value ?? ''}\n          />\n          <button\n            {...props}\n            ref={mergedRef}\n            className={[styles.trigger, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            type=\"button\"\n            id={id}\n            role=\"combobox\"\n            aria-describedby={describedBy}\n            aria-invalid={invalid || undefined}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-required={required || undefined}\n            disabled={disabled}\n            onClick={handleTriggerClick}\n            onKeyDown={handleTriggerKeyDown}\n          >\n            <span className={chosen?.label ? styles.value : styles.placeholder}>{chosen?.label || placeholder}</span>\n            <IconChevronDown className={styles.chevron} size={14} />\n          </button>\n          {open &&\n            createPortal(\n              <SelectListbox\n                label={label ?? placeholder}\n                listing={listing}\n                onClose={fechar}\n                triggerRef={triggerRef}\n              />,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n\nfunction SelectListbox({\n  label,\n  listing,\n  onClose,\n  triggerRef,\n}: {\n  label: string;\n  listing: Listing;\n  onClose: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}) {\n  const panelRef = useRef<HTMLDivElement>(null);\n  const listboxRef = useRef<HTMLElement | null>(null);\n  // `Math.random` mudava entre servidor e cliente.\n  const baseId = `listbox-${useId()}`;\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n  const [largura, setLargura] = useState<number>();\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 280, 280);\n\n  useLayoutEffect(() => {\n    setLargura(triggerRef.current?.offsetWidth);\n  }, [triggerRef]);\n\n  useEffect(() => {\n    listboxRef.current?.focus();\n  }, []);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      const alvo = listing.visible.find((option) => option.value === listing.focusedKey);\n\n      if (alvo && !alvo.disabled) {\n        listing.select(alvo);\n        onClose();\n      }\n      return;\n    }\n\n    if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      listing.typeahead(event.key);\n      return;\n    }\n\n    listing.handleKeyDown(event);\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      ref={panelRef}\n      className={styles.panel}\n      // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n      data-react-aria-top-layer=\"true\"\n      style={{ ...positionProps.style, width: largura, maxHeight: alturaMaxima }}\n    >\n      <ListingOptions\n        baseId={baseId}\n        elementRef={listboxRef}\n        label={label}\n        listing={listing}\n        onKeyDown={(event) => {\n          // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n          handleKeyDown(event);\n          overlayProps.onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n        }}\n        onSelect={onClose}\n        tabIndex={-1}\n      />\n    </div>\n  );\n}\n"],"names":["Select","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","label","onClick","onKeyDown","onValueChange","options","placeholder","ref","required","size","value","props","triggerRef","useRef","open","setOpen","useState","resetRef","useFormReset","listing","mergedRef","useMergedRefs","useListing","chosen","first","fechar","_a","abrir","option","handleTriggerKeyDown","event","handleTriggerClick","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconChevronDown","createPortal","SelectListbox","onClose","panelRef","listboxRef","baseId","useId","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","largura","setLargura","alturaMaxima","useLayoutEffect","useEffect","handleKeyDown","alvo","ListingOptions"],"mappings":"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"}

package/dist/components/forms/Select/Select.js

@@ -0,0 +1,191 @@
+import { jsx as n, jsxs as L, Fragment as H } from "react/jsx-runtime";
+import { useRef as S, useState as N, useId as z, useLayoutEffect as U, useEffect as W } from "react";
+import { createPortal as $ } from "react-dom";
+import { useOverlay as G, useOverlayPosition as J } from "@react-aria/overlays";
+import { ListingOptions as Q } from "../../data-display/List/ListingOptions.js";
+import { useListing as X } from "../../data-display/List/useListing.js";
+import { useFormReset as Y } from "../../../hooks/useFormReset.js";
+import { useMergedRefs as Z } from "../../../hooks/useMergedRefs.js";
+import { FormValue as _ } from "../Field/FormValue.js";
+import l from "./Select.module.css.js";
+import { Field as q } from "../Field/Field.js";
+import { IconChevronDown as V } from "../../icons/icons.js";
+function de({
+  "aria-describedby": g,
+  className: a,
+  defaultValue: i,
+  name: u,
+  disabled: s = !1,
+  error: d,
+  hint: R,
+  id: f,
+  label: m,
+  onClick: p,
+  onKeyDown: b,
+  onValueChange: y,
+  options: x,
+  placeholder: v = "Selecione",
+  ref: e,
+  required: t = !1,
+  size: w = "md",
+  value: k,
+  ...M
+}) {
+  const h = S(null), [D, E] = N(!1), P = Y(() => O.reset()), j = Z(h, P, e), O = X({
+    items: x,
+    selectionMode: "single",
+    defaultValue: i === void 0 ? void 0 : [{ value: i, label: "" }],
+    value: k === void 0 ? void 0 : [{ value: k, label: "" }],
+    onSelectionChange: (r) => {
+      const [c] = r;
+      c && (y == null || y(c.value));
+    }
+  }), [o] = O.selected;
+  function F() {
+    var r;
+    E(!1), (r = h.current) == null || r.focus();
+  }
+  function I() {
+    var r;
+    s || (O.focus((o == null ? void 0 : o.value) ?? ((r = x.find((c) => !c.disabled)) == null ? void 0 : r.value)), E(!0));
+  }
+  function T(r) {
+    b == null || b(r), ["ArrowDown", "ArrowUp", "Enter", " "].includes(r.key) && (r.preventDefault(), I());
+  }
+  function A(r) {
+    p == null || p(r), D ? F() : I();
+  }
+  return /* @__PURE__ */ n(q, { "aria-describedby": g, error: d, hint: R, id: f, label: m, required: t, children: ({ id: r, describedBy: c, invalid: B }) => /* @__PURE__ */ L(H, { children: [
+    /* @__PURE__ */ n(
+      _,
+      {
+        disabled: s,
+        name: u,
+        onFocus: () => {
+          var K;
+          return (K = h.current) == null ? void 0 : K.focus();
+        },
+        required: t,
+        value: (o == null ? void 0 : o.value) ?? ""
+      }
+    ),
+    /* @__PURE__ */ L(
+      "button",
+      {
+        ...M,
+        ref: j,
+        className: [l.trigger, l[w], d && l.error, a].filter(Boolean).join(" "),
+        type: "button",
+        id: r,
+        role: "combobox",
+        "aria-describedby": c,
+        "aria-invalid": B || void 0,
+        "aria-haspopup": "listbox",
+        "aria-expanded": D,
+        "aria-required": t || void 0,
+        disabled: s,
+        onClick: A,
+        onKeyDown: T,
+        children: [
+          /* @__PURE__ */ n("span", { className: o != null && o.label ? l.value : l.placeholder, children: (o == null ? void 0 : o.label) || v }),
+          /* @__PURE__ */ n(V, { className: l.chevron, size: 14 })
+        ]
+      }
+    ),
+    D && $(
+      /* @__PURE__ */ n(
+        C,
+        {
+          label: m ?? v,
+          listing: O,
+          onClose: F,
+          triggerRef: h
+        }
+      ),
+      document.body
+    )
+  ] }) });
+}
+function C({
+  label: g,
+  listing: a,
+  onClose: i,
+  triggerRef: u
+}) {
+  var v;
+  const s = S(null), d = S(null), R = `listbox-${z()}`, { overlayProps: f } = G(
+    {
+      isOpen: !0,
+      onClose: i,
+      isDismissable: !0,
+      shouldCloseOnBlur: !1,
+      // O gatilho nao conta como "fora": sem isto o ponteiro fecha o painel e o
+      // clique dele reabre em seguida, e ele pisca sem abrir.
+      shouldCloseOnInteractOutside: (e) => {
+        var t;
+        return !((t = u.current) != null && t.contains(e));
+      }
+    },
+    s
+  ), { overlayProps: m } = J({
+    targetRef: u,
+    overlayRef: s,
+    placement: "bottom start",
+    offset: 6,
+    containerPadding: 8,
+    isOpen: !0
+  }), [p, b] = N(), y = Math.min(Number((v = m.style) == null ? void 0 : v.maxHeight) || 280, 280);
+  U(() => {
+    var e;
+    b((e = u.current) == null ? void 0 : e.offsetWidth);
+  }, [u]), W(() => {
+    var e;
+    (e = d.current) == null || e.focus();
+  }, []);
+  function x(e) {
+    if (e.key === "Escape" || e.key === "Tab") {
+      i();
+      return;
+    }
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      const t = a.visible.find((w) => w.value === a.focusedKey);
+      t && !t.disabled && (a.select(t), i());
+      return;
+    }
+    if (e.key.length === 1 && !e.metaKey && !e.ctrlKey) {
+      a.typeahead(e.key);
+      return;
+    }
+    a.handleKeyDown(e);
+  }
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...f,
+      ref: s,
+      className: l.panel,
+      "data-react-aria-top-layer": "true",
+      style: { ...m.style, width: p, maxHeight: y },
+      children: /* @__PURE__ */ n(
+        Q,
+        {
+          baseId: R,
+          elementRef: d,
+          label: g,
+          listing: a,
+          onKeyDown: (e) => {
+            var t;
+            x(e), (t = f.onKeyDown) == null || t.call(f, e);
+          },
+          onSelect: i,
+          tabIndex: -1
+        }
+      )
+    }
+  );
+}
+export {
+  de as Select
+};
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../src/components/forms/Select/Select.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { ListingOptions } from '../../data-display/List/ListingOptions';\nimport { useListing, type Listing } from '../../data-display/List/useListing';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport styles from './Select.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport type SelectSize = 'sm' | 'md';\n\nexport interface SelectOption {\n  disabled?: boolean;\n  label: string;\n  value: string;\n}\n\n/** As propriedades nativas vao ao gatilho, que e o controle; o `className` soma ao do sistema. */\nexport interface SelectProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'defaultValue' | 'name' | 'onChange' | 'type' | 'value'> {\n  defaultValue?: string;\n  error?: string;\n  hint?: string;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  onValueChange?: (value: string) => void;\n  options: readonly SelectOption[];\n  placeholder?: string;\n  required?: boolean;\n  size?: SelectSize;\n  value?: string;\n}\n\nexport function Select({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  onClick,\n  onKeyDown,\n  onValueChange,\n  options,\n  placeholder = 'Selecione',\n  ref,\n  required = false,\n  size = 'md',\n  value,\n  ...props\n}: SelectProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const resetRef = useFormReset<HTMLButtonElement>(() => listing.reset());\n  const mergedRef = useMergedRefs(triggerRef, resetRef, ref);\n\n  // O valor e a chave, e nao a opcao: com opcoes que chegam depois, filtrar por elas perdia a escolha.\n  const listing = useListing({\n    items: options,\n    selectionMode: 'single',\n    defaultValue: defaultValue === undefined ? undefined : [{ value: defaultValue, label: '' }],\n    value: value === undefined ? undefined : [{ value, label: '' }],\n    onSelectionChange: (chosen) => {\n      const [first] = chosen;\n\n      if (first) {\n        onValueChange?.(first.value);\n      }\n    },\n  });\n\n  const [chosen] = listing.selected;\n\n  function fechar() {\n    setOpen(false);\n    triggerRef.current?.focus();\n  }\n\n  function abrir() {\n    if (disabled) {\n      return;\n    }\n\n    listing.focus(chosen?.value ?? options.find((option) => !option.disabled)?.value);\n    setOpen(true);\n  }\n\n  function handleTriggerKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    onKeyDown?.(event);\n\n    if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n      event.preventDefault();\n      abrir();\n    }\n  }\n\n  function handleTriggerClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n\n    if (open) {\n      fechar();\n    } else {\n      abrir();\n    }\n  }\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => triggerRef.current?.focus()}\n            required={required}\n            value={chosen?.value ?? ''}\n          />\n          <button\n            {...props}\n            ref={mergedRef}\n            className={[styles.trigger, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            type=\"button\"\n            id={id}\n            role=\"combobox\"\n            aria-describedby={describedBy}\n            aria-invalid={invalid || undefined}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-required={required || undefined}\n            disabled={disabled}\n            onClick={handleTriggerClick}\n            onKeyDown={handleTriggerKeyDown}\n          >\n            <span className={chosen?.label ? styles.value : styles.placeholder}>{chosen?.label || placeholder}</span>\n            <IconChevronDown className={styles.chevron} size={14} />\n          </button>\n          {open &&\n            createPortal(\n              <SelectListbox\n                label={label ?? placeholder}\n                listing={listing}\n                onClose={fechar}\n                triggerRef={triggerRef}\n              />,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n\nfunction SelectListbox({\n  label,\n  listing,\n  onClose,\n  triggerRef,\n}: {\n  label: string;\n  listing: Listing;\n  onClose: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}) {\n  const panelRef = useRef<HTMLDivElement>(null);\n  const listboxRef = useRef<HTMLElement | null>(null);\n  // `Math.random` mudava entre servidor e cliente.\n  const baseId = `listbox-${useId()}`;\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n  const [largura, setLargura] = useState<number>();\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 280, 280);\n\n  useLayoutEffect(() => {\n    setLargura(triggerRef.current?.offsetWidth);\n  }, [triggerRef]);\n\n  useEffect(() => {\n    listboxRef.current?.focus();\n  }, []);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      const alvo = listing.visible.find((option) => option.value === listing.focusedKey);\n\n      if (alvo && !alvo.disabled) {\n        listing.select(alvo);\n        onClose();\n      }\n      return;\n    }\n\n    if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      listing.typeahead(event.key);\n      return;\n    }\n\n    listing.handleKeyDown(event);\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      ref={panelRef}\n      className={styles.panel}\n      // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n      data-react-aria-top-layer=\"true\"\n      style={{ ...positionProps.style, width: largura, maxHeight: alturaMaxima }}\n    >\n      <ListingOptions\n        baseId={baseId}\n        elementRef={listboxRef}\n        label={label}\n        listing={listing}\n        onKeyDown={(event) => {\n          // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n          handleKeyDown(event);\n          overlayProps.onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n        }}\n        onSelect={onClose}\n        tabIndex={-1}\n      />\n    </div>\n  );\n}\n"],"names":["Select","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","label","onClick","onKeyDown","onValueChange","options","placeholder","ref","required","size","value","props","triggerRef","useRef","open","setOpen","useState","resetRef","useFormReset","listing","mergedRef","useMergedRefs","useListing","chosen","first","fechar","_a","abrir","option","handleTriggerKeyDown","event","handleTriggerClick","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconChevronDown","createPortal","SelectListbox","onClose","panelRef","listboxRef","baseId","useId","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","largura","setLargura","alturaMaxima","useLayoutEffect","useEffect","handleKeyDown","alvo","ListingOptions"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_trigger_1nxr4_1",r="_error_1nxr4_21",n="_sm_1nxr4_51",o="_md_1nxr4_57",_="_value_1nxr4_61",l="_placeholder_1nxr4_67",t="_chevron_1nxr4_71",c="_panel_1nxr4_76",s={trigger:e,error:r,sm:n,md:o,value:_,placeholder:l,chevron:t,panel:c};exports.chevron=t;exports.default=s;exports.error=r;exports.md=o;exports.panel=c;exports.placeholder=l;exports.sm=n;exports.trigger=e;exports.value=_;
+//# sourceMappingURL=Select.module.css.cjs.map

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

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

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

@@ -0,0 +1,22 @@
+const r = "_trigger_1nxr4_1", e = "_error_1nxr4_21", _ = "_sm_1nxr4_51", n = "_md_1nxr4_57", o = "_value_1nxr4_61", c = "_placeholder_1nxr4_67", s = "_chevron_1nxr4_71", t = "_panel_1nxr4_76", l = {
+  trigger: r,
+  error: e,
+  sm: _,
+  md: n,
+  value: o,
+  placeholder: c,
+  chevron: s,
+  panel: t
+};
+export {
+  s as chevron,
+  l as default,
+  e as error,
+  n as md,
+  t as panel,
+  c as placeholder,
+  _ as sm,
+  r as trigger,
+  o as value
+};
+//# sourceMappingURL=Select.module.css.js.map

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

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

package/dist/components/forms/Switch/Switch.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),s=require("./Switch.module.css.cjs");function x({"aria-describedby":d,"aria-invalid":c,className:n,error:e,hint:i,id:o,label:r,ref:u,...f}){const m=j.useId(),t=o??`switch-${m}`,l=`${t}-message`,h=[d,e||i?l:void 0].filter(Boolean).join(" ")||void 0,b=[s.default.input,e&&s.default.error,n].filter(Boolean).join(" ");return a.jsxs("div",{className:s.default.field,children:[a.jsxs("label",{className:s.default.control,htmlFor:t,children:[a.jsx("input",{...f,ref:u,className:b,id:t,"aria-describedby":h,"aria-invalid":e?!0:c,role:"switch",type:"checkbox"}),a.jsx("span",{className:s.default.text,children:r})]}),(e||i)&&a.jsx("span",{className:e?s.default.errorMessage:s.default.hint,id:l,role:e?"alert":void 0,children:e||i})]})}exports.Switch=x;
+//# sourceMappingURL=Switch.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/forms/Switch/Switch.tsx"],"sourcesContent":["import { useId, type ComponentPropsWithRef } from 'react';\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  label: string;\n}\n\nexport function Switch({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  label,\n  ref,\n  ...props\n}: SwitchProps) {\n  const generatedId = useId();\n  const id = providedId ?? `switch-${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  return (\n    <div className={styles.field}>\n      <label className={styles.control} htmlFor={id}>\n        <input\n          {...props}\n          ref={ref}\n          className={classes}\n          id={id}\n          aria-describedby={describedBy}\n          aria-invalid={error ? true : ariaInvalid}\n          role=\"switch\"\n          type=\"checkbox\"\n        />\n        <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":["Switch","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","label","ref","props","generatedId","useId","id","messageId","describedBy","classes","styles","jsxs","jsx"],"mappings":"6KASO,SAASA,EAAO,CACrB,mBAAoBC,EACpB,eAAgBC,EAChB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,IAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKN,GAAc,UAAUI,CAAW,GACxCG,EAAY,GAAGD,CAAE,WACjBE,EAAc,CAACb,EAAiBG,GAASC,EAAOQ,EAAY,MAAS,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,GAAK,OACVE,EAAU,CAACC,EAAAA,QAAO,MAAOZ,GAASY,EAAAA,QAAO,MAAOb,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEzF,OACEc,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACrB,SAAA,CAAAC,OAAC,QAAA,CAAM,UAAWD,EAAAA,QAAO,QAAS,QAASJ,EACzC,SAAA,CAAAM,EAAAA,IAAC,QAAA,CACE,GAAGT,EACJ,IAAAD,EACA,UAAWO,EACX,GAAAH,EACA,mBAAkBE,EAClB,eAAcV,EAAQ,GAAOF,EAC7B,KAAK,SACL,KAAK,UAAA,CAAA,EAEPgB,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,KAAO,SAAAT,CAAA,CAAM,CAAA,EACvC,GACEH,GAASC,IACTa,MAAC,OAAA,CAAK,UAAWd,EAAQY,EAAAA,QAAO,aAAeA,EAAAA,QAAO,KAAM,GAAIH,EAAW,KAAMT,EAAQ,QAAU,OAChG,YAASC,CAAA,CACZ,CAAA,EAEJ,CAEJ"}

package/dist/components/forms/Switch/Switch.js

@@ -0,0 +1,39 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useId as v } from "react";
+import s from "./Switch.module.css.js";
+function g({
+  "aria-describedby": d,
+  "aria-invalid": o,
+  className: n,
+  error: e,
+  hint: i,
+  id: r,
+  label: m,
+  ref: p,
+  ...h
+}) {
+  const b = v(), a = r ?? `switch-${b}`, c = `${a}-message`, f = [d, e || i ? c : void 0].filter(Boolean).join(" ") || void 0, u = [s.input, e && s.error, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("div", { className: s.field, children: [
+    /* @__PURE__ */ l("label", { className: s.control, htmlFor: a, children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ...h,
+          ref: p,
+          className: u,
+          id: a,
+          "aria-describedby": f,
+          "aria-invalid": e ? !0 : o,
+          role: "switch",
+          type: "checkbox"
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: s.text, children: m })
+    ] }),
+    (e || i) && /* @__PURE__ */ t("span", { className: e ? s.errorMessage : s.hint, id: c, role: e ? "alert" : void 0, children: e || i })
+  ] });
+}
+export {
+  g as Switch
+};
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/forms/Switch/Switch.tsx"],"sourcesContent":["import { useId, type ComponentPropsWithRef } from 'react';\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  label: string;\n}\n\nexport function Switch({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  label,\n  ref,\n  ...props\n}: SwitchProps) {\n  const generatedId = useId();\n  const id = providedId ?? `switch-${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  return (\n    <div className={styles.field}>\n      <label className={styles.control} htmlFor={id}>\n        <input\n          {...props}\n          ref={ref}\n          className={classes}\n          id={id}\n          aria-describedby={describedBy}\n          aria-invalid={error ? true : ariaInvalid}\n          role=\"switch\"\n          type=\"checkbox\"\n        />\n        <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":["Switch","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","label","ref","props","generatedId","useId","id","messageId","describedBy","classes","styles","jsxs","jsx"],"mappings":";;;AASO,SAASA,EAAO;AAAA,EACrB,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAcC,EAAA,GACdC,IAAKN,KAAc,UAAUI,CAAW,IACxCG,IAAY,GAAGD,CAAE,YACjBE,IAAc,CAACb,GAAiBG,KAASC,IAAOQ,IAAY,MAAS,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,QACVE,IAAU,CAACC,EAAO,OAAOZ,KAASY,EAAO,OAAOb,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEzF,SACE,gBAAAc,EAAC,OAAA,EAAI,WAAWD,EAAO,OACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EAAM,WAAWD,EAAO,SAAS,SAASJ,GACzC,UAAA;AAAA,MAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGT;AAAA,UACJ,KAAAD;AAAA,UACA,WAAWO;AAAA,UACX,IAAAH;AAAA,UACA,oBAAkBE;AAAA,UAClB,gBAAcV,IAAQ,KAAOF;AAAA,UAC7B,MAAK;AAAA,UACL,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEP,gBAAAgB,EAAC,QAAA,EAAK,WAAWF,EAAO,MAAO,UAAAT,EAAA,CAAM;AAAA,IAAA,GACvC;AAAA,KACEH,KAASC,MACT,gBAAAa,EAAC,QAAA,EAAK,WAAWd,IAAQY,EAAO,eAAeA,EAAO,MAAM,IAAIH,GAAW,MAAMT,IAAQ,UAAU,QAChG,eAASC,EAAA,CACZ;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_field_1g7qr_1",e="_control_1g7qr_8",t="_input_1g7qr_15",o="_error_1g7qr_56",_="_text_1g7qr_79",s="_hint_1g7qr_87 _hint_1qg91_8",n="_errorMessage_1g7qr_91 _errorMessage_1qg91_9",i={field:r,control:e,input:t,error:o,text:_,hint:s,errorMessage:n};exports.control=e;exports.default=i;exports.error=o;exports.errorMessage=n;exports.field=r;exports.hint=s;exports.input=t;exports.text=_;
+//# sourceMappingURL=Switch.module.css.cjs.map

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

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

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

@@ -0,0 +1,20 @@
+const r = "_field_1g7qr_1", t = "_control_1g7qr_8", _ = "_input_1g7qr_15", e = "_error_1g7qr_56", o = "_text_1g7qr_79", s = "_hint_1g7qr_87 _hint_1qg91_8", n = "_errorMessage_1g7qr_91 _errorMessage_1qg91_9", g = {
+  field: r,
+  control: t,
+  input: _,
+  error: e,
+  text: o,
+  hint: s,
+  errorMessage: n
+};
+export {
+  t as control,
+  g as default,
+  e as error,
+  n as errorMessage,
+  r as field,
+  s as hint,
+  _ as input,
+  o as text
+};
+//# sourceMappingURL=Switch.module.css.js.map

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

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

package/dist/components/forms/Textarea/Textarea.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),S=require("../../../hooks/useMergedRefs.cjs"),a=require("./Textarea.module.css.cjs"),B=require("../../../hooks/useCharacterCount/useCharacterCount.cjs"),N=require("../Field/Field.cjs");function O({"aria-describedby":n,"aria-invalid":o,className:l,error:t,hint:f,id:b,label:x,maxLength:i,required:s=!1,rows:j=4,size:m="md",showCharacterCount:y=!1,defaultValue:c,onChange:r,value:d,ref:R,...q}){const{ref:C,count:T,updateCount:g}=B.useCharacterCount(d,c),M=S.useMergedRefs(C,R),h=[a.default.textarea,a.default[m],t&&a.default.error,l].filter(Boolean).join(" ");function p(e){g(e.target.value),r==null||r(e)}return u.jsx(N.Field,{"aria-describedby":n,characterCount:T,error:t,hint:f,id:b,label:x,maxLength:i,required:s,showCharacterCount:y,children:({id:e,describedBy:v,invalid:F})=>u.jsx("textarea",{...q,defaultValue:c,id:e,ref:M,"aria-describedby":v,"aria-invalid":F||o,className:h,maxLength:i,onChange:p,required:s,rows:j,value:d})})}exports.Textarea=O;
+//# sourceMappingURL=Textarea.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.cjs","sources":["../../../../src/components/forms/Textarea/Textarea.tsx"],"sourcesContent":["import { type ChangeEvent, type ComponentPropsWithRef } from 'react';\nimport { useCharacterCount } from '../../../hooks/useCharacterCount';\nimport { Field } from '../Field';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Textarea.module.css';\n\nexport type TextareaSize = 'sm' | 'md';\n\nexport interface TextareaProps extends Omit<ComponentPropsWithRef<'textarea'>, 'size'> {\n  error?: string;\n  hint?: string;\n  label?: string;\n  size?: TextareaSize;\n  showCharacterCount?: boolean;\n}\n\nexport function Textarea({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  label,\n  maxLength,\n  required = false,\n  rows = 4,\n  size = 'md',\n  showCharacterCount = false,\n  defaultValue,\n  onChange,\n  value,\n  ref,\n  ...props\n}: TextareaProps) {\n  const { ref: textareaRef, count, updateCount } = useCharacterCount<HTMLTextAreaElement>(value, defaultValue);\n  const mergedRef = useMergedRefs(textareaRef, ref);\n  const classes = [styles.textarea, styles[size], error && styles.error, className]\n    .filter(Boolean)\n    .join(' ');\n\n  function handleChange(event: ChangeEvent<HTMLTextAreaElement>) {\n    updateCount(event.target.value);\n    onChange?.(event);\n  }\n\n  return (\n    <Field\n      aria-describedby={ariaDescribedBy}\n      characterCount={count}\n      error={error}\n      hint={hint}\n      id={providedId}\n      label={label}\n      maxLength={maxLength}\n      required={required}\n      showCharacterCount={showCharacterCount}\n    >\n      {({ id, describedBy, invalid }) => (\n        <textarea\n          {...props}\n          defaultValue={defaultValue}\n          id={id}\n          ref={mergedRef}\n          aria-describedby={describedBy}\n          aria-invalid={invalid || ariaInvalid}\n          className={classes}\n          maxLength={maxLength}\n          onChange={handleChange}\n          required={required}\n          rows={rows}\n          value={value}\n        />\n      )}\n    </Field>\n  );\n}\n"],"names":["Textarea","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","label","maxLength","required","rows","size","showCharacterCount","defaultValue","onChange","value","ref","props","textareaRef","count","updateCount","useCharacterCount","mergedRef","useMergedRefs","classes","styles","handleChange","event","jsx","Field","id","describedBy","invalid"],"mappings":"8SAgBO,SAASA,EAAS,CACvB,mBAAoBC,EACpB,eAAgBC,EAChB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EAAO,EACP,KAAAC,EAAO,KACP,mBAAAC,EAAqB,GACrB,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,KAAM,CAAE,IAAKC,EAAa,MAAAC,EAAO,YAAAC,GAAgBC,EAAAA,kBAAuCN,EAAOF,CAAY,EACrGS,EAAYC,EAAAA,cAAcL,EAAaF,CAAG,EAC1CQ,EAAU,CAACC,EAAAA,QAAO,SAAUA,EAAAA,QAAOd,CAAI,EAAGP,GAASqB,EAAAA,QAAO,MAAOtB,CAAS,EAC7E,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAASuB,EAAaC,EAAyC,CAC7DP,EAAYO,EAAM,OAAO,KAAK,EAC9Bb,GAAA,MAAAA,EAAWa,EACb,CAEA,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,mBAAkB5B,EAClB,eAAgBkB,EAChB,MAAAf,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,mBAAAG,EAEC,SAAA,CAAC,CAAE,GAAAkB,EAAI,YAAAC,EAAa,QAAAC,KACnBJ,EAAAA,IAAC,WAAA,CACE,GAAGX,EACJ,aAAAJ,EACA,GAAAiB,EACA,IAAKR,EACL,mBAAkBS,EAClB,eAAcC,GAAW9B,EACzB,UAAWsB,EACX,UAAAhB,EACA,SAAUkB,EACV,SAAAjB,EACA,KAAAC,EACA,MAAAK,CAAA,CAAA,CACF,CAAA,CAIR"}

package/dist/components/forms/Textarea/Textarea.js

@@ -0,0 +1,64 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useMergedRefs as g } from "../../../hooks/useMergedRefs.js";
+import a from "./Textarea.module.css.js";
+import { useCharacterCount as k } from "../../../hooks/useCharacterCount/useCharacterCount.js";
+import { Field as w } from "../Field/Field.js";
+function H({
+  "aria-describedby": f,
+  "aria-invalid": m,
+  className: n,
+  error: t,
+  hint: l,
+  id: p,
+  label: u,
+  maxLength: i,
+  required: o = !1,
+  rows: b = 4,
+  size: x = "md",
+  showCharacterCount: y = !1,
+  defaultValue: s,
+  onChange: e,
+  value: c,
+  ref: R,
+  ...j
+}) {
+  const { ref: C, count: h, updateCount: v } = k(c, s), B = g(C, R), F = [a.textarea, a[x], t && a.error, n].filter(Boolean).join(" ");
+  function M(r) {
+    v(r.target.value), e == null || e(r);
+  }
+  return /* @__PURE__ */ d(
+    w,
+    {
+      "aria-describedby": f,
+      characterCount: h,
+      error: t,
+      hint: l,
+      id: p,
+      label: u,
+      maxLength: i,
+      required: o,
+      showCharacterCount: y,
+      children: ({ id: r, describedBy: N, invalid: T }) => /* @__PURE__ */ d(
+        "textarea",
+        {
+          ...j,
+          defaultValue: s,
+          id: r,
+          ref: B,
+          "aria-describedby": N,
+          "aria-invalid": T || m,
+          className: F,
+          maxLength: i,
+          onChange: M,
+          required: o,
+          rows: b,
+          value: c
+        }
+      )
+    }
+  );
+}
+export {
+  H as Textarea
+};
+//# sourceMappingURL=Textarea.js.map