@plenustech/design-system 0.2.4 → 0.2.5

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

@@ -1,22 +1,24 @@
-const o = "_field_1qg91_1", t = "_hint_1qg91_8", _ = "_errorMessage_1qg91_9", r = "_characterCount_1qg91_10", e = "_formValue_1qg91_31", n = "_control_1qg91_40", s = "_invalid_1qg91_59", c = "_sm_1qg91_77", a = {
-  field: o,
-  hint: t,
-  errorMessage: _,
-  characterCount: r,
-  formValue: e,
-  control: n,
-  invalid: s,
-  sm: c
+const n = "_field_1ndjk_1", _ = "_hint_1ndjk_8", o = "_errorMessage_1ndjk_9", t = "_characterCount_1ndjk_10", r = "_formValue_1ndjk_31", s = "_control_1ndjk_40", e = "_invalid_1ndjk_59", c = "_sm_1ndjk_77", a = "_lg_1ndjk_84", l = {
+  field: n,
+  hint: _,
+  errorMessage: o,
+  characterCount: t,
+  formValue: r,
+  control: s,
+  invalid: e,
+  sm: c,
+  lg: a
 };
 export {
-  r as characterCount,
-  n as control,
-  a as default,
-  _ as errorMessage,
-  o as field,
-  e as formValue,
-  t as hint,
-  s as invalid,
+  t as characterCount,
+  s as control,
+  l as default,
+  o as errorMessage,
+  n as field,
+  r as formValue,
+  _ as hint,
+  e as invalid,
+  a as lg,
   c as sm
 };
 //# sourceMappingURL=Field.module.css.js.map

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

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

package/dist/components/forms/InputText/InputText.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"InputText.cjs","sources":["../../../../src/components/forms/InputText/InputText.tsx"],"sourcesContent":["import { type ChangeEvent, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useCharacterCount } from '../../../hooks/useCharacterCount';\nimport { Field } from '../Field';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './InputText.module.css';\n\nexport type InputTextSize = 'sm' | 'md';\n\nexport interface InputTextProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {\n  error?: string;\n  hint?: string;\n  /** Icone decorativo a frente do texto, como a lupa de uma busca. O nome do campo continua no `label`. */\n  icon?: ReactNode;\n  label?: string;\n  size?: InputTextSize;\n  showCharacterCount?: boolean;\n}\n\nexport function InputText({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  icon,\n  id: providedId,\n  label,\n  maxLength,\n  required = false,\n  size = 'md',\n  showCharacterCount = false,\n  defaultValue,\n  onChange,\n  value,\n  ref,\n  ...props\n}: InputTextProps) {\n  const { ref: inputRef, count, updateCount } = useCharacterCount<HTMLInputElement>(value, defaultValue);\n  const mergedRef = useMergedRefs(inputRef, ref);\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\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      size={size}\n    >\n      {({ className: controlClassName, id, describedBy, invalid }) => {\n        const input = (\n          <input\n            {...props}\n            defaultValue={defaultValue}\n            id={id}\n            ref={mergedRef}\n            aria-describedby={describedBy}\n            aria-invalid={invalid || ariaInvalid}\n            className={[controlClassName, icon && styles.withIcon, className].filter(Boolean).join(' ')}\n            maxLength={maxLength}\n            onChange={handleChange}\n            required={required}\n            value={value}\n          />\n        );\n\n        if (!icon) {\n          return input;\n        }\n\n        return (\n          <div className={[styles.control, size === 'sm' && styles.sm].filter(Boolean).join(' ')}>\n            <span aria-hidden=\"true\" className={styles.icon}>\n              {icon}\n            </span>\n            {input}\n          </div>\n        );\n      }}\n    </Field>\n  );\n}\n"],"names":["InputText","ariaDescribedBy","ariaInvalid","className","error","hint","icon","providedId","label","maxLength","required","size","showCharacterCount","defaultValue","onChange","value","ref","props","inputRef","count","updateCount","useCharacterCount","mergedRef","useMergedRefs","handleChange","event","jsx","Field","controlClassName","id","describedBy","invalid","input","styles"],"mappings":"+SAkBO,SAASA,EAAU,CACxB,mBAAoBC,EACpB,eAAgBC,EAChB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EAAO,KACP,mBAAAC,EAAqB,GACrB,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACL,EAAmB,CACjB,KAAM,CAAE,IAAKC,EAAU,MAAAC,EAAO,YAAAC,GAAgBC,EAAAA,kBAAoCN,EAAOF,CAAY,EAC/FS,EAAYC,EAAAA,cAAcL,EAAUF,CAAG,EAE7C,SAASQ,EAAaC,EAAsC,CAC1DL,EAAYK,EAAM,OAAO,KAAK,EAC9BX,GAAA,MAAAA,EAAWW,EACb,CAEA,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,mBAAkB1B,EAClB,eAAgBkB,EAChB,MAAAf,EACA,KAAAC,EACA,GAAIE,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,mBAAAE,EACA,KAAAD,EAEC,UAAC,CAAE,UAAWiB,EAAkB,GAAAC,EAAI,YAAAC,EAAa,QAAAC,KAAc,CAC9D,MAAMC,EACJN,EAAAA,IAAC,QAAA,CACE,GAAGT,EACJ,aAAAJ,EACA,GAAAgB,EACA,IAAKP,EACL,mBAAkBQ,EAClB,eAAcC,GAAW7B,EACzB,UAAW,CAAC0B,EAAkBtB,GAAQ2B,EAAAA,QAAO,SAAU9B,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1F,UAAAM,EACA,SAAUe,EACV,SAAAd,EACA,MAAAK,CAAA,CAAA,EAIJ,OAAKT,SAKF,MAAA,CAAI,UAAW,CAAC2B,EAAAA,QAAO,QAAStB,IAAS,MAAQsB,EAAAA,QAAO,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EACnF,SAAA,CAAAP,MAAC,QAAK,cAAY,OAAO,UAAWO,EAAAA,QAAO,KACxC,SAAA3B,EACH,EACC0B,CAAA,EACH,EATOA,CAWX,CAAA,CAAA,CAGN"}
+{"version":3,"file":"InputText.cjs","sources":["../../../../src/components/forms/InputText/InputText.tsx"],"sourcesContent":["import { type ChangeEvent, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useCharacterCount } from '../../../hooks/useCharacterCount';\nimport { Field } from '../Field';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './InputText.module.css';\n\nexport type InputTextSize = 'sm' | 'md' | 'lg';\n\nexport interface InputTextProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {\n  error?: string;\n  hint?: string;\n  /** Icone decorativo a frente do texto, como a lupa de uma busca. O nome do campo continua no `label`. */\n  icon?: ReactNode;\n  label?: string;\n  size?: InputTextSize;\n  showCharacterCount?: boolean;\n}\n\nexport function InputText({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  icon,\n  id: providedId,\n  label,\n  maxLength,\n  required = false,\n  size = 'md',\n  showCharacterCount = false,\n  defaultValue,\n  onChange,\n  value,\n  ref,\n  ...props\n}: InputTextProps) {\n  const { ref: inputRef, count, updateCount } = useCharacterCount<HTMLInputElement>(value, defaultValue);\n  const mergedRef = useMergedRefs(inputRef, ref);\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\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      size={size}\n    >\n      {({ className: controlClassName, id, describedBy, invalid }) => {\n        const input = (\n          <input\n            {...props}\n            defaultValue={defaultValue}\n            id={id}\n            ref={mergedRef}\n            aria-describedby={describedBy}\n            aria-invalid={invalid || ariaInvalid}\n            className={[controlClassName, icon && styles.withIcon, className].filter(Boolean).join(' ')}\n            maxLength={maxLength}\n            onChange={handleChange}\n            required={required}\n            value={value}\n          />\n        );\n\n        if (!icon) {\n          return input;\n        }\n\n        return (\n          <div className={[styles.control, size === 'sm' && styles.sm, size === 'lg' && styles.lg].filter(Boolean).join(' ')}>\n            <span aria-hidden=\"true\" className={styles.icon}>\n              {icon}\n            </span>\n            {input}\n          </div>\n        );\n      }}\n    </Field>\n  );\n}\n"],"names":["InputText","ariaDescribedBy","ariaInvalid","className","error","hint","icon","providedId","label","maxLength","required","size","showCharacterCount","defaultValue","onChange","value","ref","props","inputRef","count","updateCount","useCharacterCount","mergedRef","useMergedRefs","handleChange","event","jsx","Field","controlClassName","id","describedBy","invalid","input","styles","jsxs"],"mappings":"+SAkBO,SAASA,EAAU,CACxB,mBAAoBC,EACpB,eAAgBC,EAChB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EAAO,KACP,mBAAAC,EAAqB,GACrB,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACL,EAAmB,CACjB,KAAM,CAAE,IAAKC,EAAU,MAAAC,EAAO,YAAAC,GAAgBC,EAAAA,kBAAoCN,EAAOF,CAAY,EAC/FS,EAAYC,EAAAA,cAAcL,EAAUF,CAAG,EAE7C,SAASQ,EAAaC,EAAsC,CAC1DL,EAAYK,EAAM,OAAO,KAAK,EAC9BX,GAAA,MAAAA,EAAWW,EACb,CAEA,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,mBAAkB1B,EAClB,eAAgBkB,EAChB,MAAAf,EACA,KAAAC,EACA,GAAIE,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,mBAAAE,EACA,KAAAD,EAEC,UAAC,CAAE,UAAWiB,EAAkB,GAAAC,EAAI,YAAAC,EAAa,QAAAC,KAAc,CAC9D,MAAMC,EACJN,EAAAA,IAAC,QAAA,CACE,GAAGT,EACJ,aAAAJ,EACA,GAAAgB,EACA,IAAKP,EACL,mBAAkBQ,EAClB,eAAcC,GAAW7B,EACzB,UAAW,CAAC0B,EAAkBtB,GAAQ2B,EAAAA,QAAO,SAAU9B,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1F,UAAAM,EACA,SAAUe,EACV,SAAAd,EACA,MAAAK,CAAA,CAAA,EAIJ,OAAKT,EAKH4B,EAAAA,KAAC,OAAI,UAAW,CAACD,EAAAA,QAAO,QAAStB,IAAS,MAAQsB,UAAO,GAAItB,IAAS,MAAQsB,UAAO,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/G,SAAA,CAAAP,MAAC,QAAK,cAAY,OAAO,UAAWO,EAAAA,QAAO,KACxC,SAAA3B,EACH,EACC0B,CAAA,EACH,EATOA,CAWX,CAAA,CAAA,CAGN"}

package/dist/components/forms/InputText/InputText.js

@@ -1,6 +1,6 @@
-import { jsx as a, jsxs as T } from "react/jsx-runtime";
-import { useMergedRefs as g } from "../../../hooks/useMergedRefs.js";
-import e from "./InputText.module.css.js";
+import { jsx as o, jsxs as M } from "react/jsx-runtime";
+import { useMergedRefs as T } from "../../../hooks/useMergedRefs.js";
+import r from "./InputText.module.css.js";
 import { useCharacterCount as k } from "../../../hooks/useCharacterCount/useCharacterCount.js";
 import { Field as A } from "../Field/Field.js";
 function K({
@@ -13,51 +13,51 @@ function K({
   id: h,
   label: j,
   maxLength: s,
-  required: o = !1,
-  size: n = "md",
+  required: n = !1,
+  size: t = "md",
   showCharacterCount: y = !1,
   defaultValue: c,
-  onChange: t,
+  onChange: a,
   value: d,
   ref: N,
   ...x
 }) {
-  const { ref: R, count: v, updateCount: B } = k(d, c), C = g(R, N);
-  function I(r) {
-    B(r.target.value), t == null || t(r);
+  const { ref: R, count: g, updateCount: v } = k(d, c), B = T(R, N);
+  function C(e) {
+    v(e.target.value), a == null || a(e);
   }
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ o(
     A,
     {
       "aria-describedby": m,
-      characterCount: v,
+      characterCount: g,
       error: p,
       hint: b,
       id: h,
       label: j,
       maxLength: s,
-      required: o,
+      required: n,
       showCharacterCount: y,
-      size: n,
-      children: ({ className: r, id: w, describedBy: F, invalid: M }) => {
-        const l = /* @__PURE__ */ a(
+      size: t,
+      children: ({ className: e, id: I, describedBy: w, invalid: F }) => {
+        const l = /* @__PURE__ */ o(
           "input",
           {
             ...x,
             defaultValue: c,
-            id: w,
-            ref: C,
-            "aria-describedby": F,
-            "aria-invalid": M || f,
-            className: [r, i && e.withIcon, u].filter(Boolean).join(" "),
+            id: I,
+            ref: B,
+            "aria-describedby": w,
+            "aria-invalid": F || f,
+            className: [e, i && r.withIcon, u].filter(Boolean).join(" "),
             maxLength: s,
-            onChange: I,
-            required: o,
+            onChange: C,
+            required: n,
             value: d
           }
         );
-        return i ? /* @__PURE__ */ T("div", { className: [e.control, n === "sm" && e.sm].filter(Boolean).join(" "), children: [
-          /* @__PURE__ */ a("span", { "aria-hidden": "true", className: e.icon, children: i }),
+        return i ? /* @__PURE__ */ M("div", { className: [r.control, t === "sm" && r.sm, t === "lg" && r.lg].filter(Boolean).join(" "), children: [
+          /* @__PURE__ */ o("span", { "aria-hidden": "true", className: r.icon, children: i }),
           l
         ] }) : l;
       }

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

@@ -1 +1 @@
-{"version":3,"file":"InputText.js","sources":["../../../../src/components/forms/InputText/InputText.tsx"],"sourcesContent":["import { type ChangeEvent, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useCharacterCount } from '../../../hooks/useCharacterCount';\nimport { Field } from '../Field';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './InputText.module.css';\n\nexport type InputTextSize = 'sm' | 'md';\n\nexport interface InputTextProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {\n  error?: string;\n  hint?: string;\n  /** Icone decorativo a frente do texto, como a lupa de uma busca. O nome do campo continua no `label`. */\n  icon?: ReactNode;\n  label?: string;\n  size?: InputTextSize;\n  showCharacterCount?: boolean;\n}\n\nexport function InputText({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  icon,\n  id: providedId,\n  label,\n  maxLength,\n  required = false,\n  size = 'md',\n  showCharacterCount = false,\n  defaultValue,\n  onChange,\n  value,\n  ref,\n  ...props\n}: InputTextProps) {\n  const { ref: inputRef, count, updateCount } = useCharacterCount<HTMLInputElement>(value, defaultValue);\n  const mergedRef = useMergedRefs(inputRef, ref);\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\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      size={size}\n    >\n      {({ className: controlClassName, id, describedBy, invalid }) => {\n        const input = (\n          <input\n            {...props}\n            defaultValue={defaultValue}\n            id={id}\n            ref={mergedRef}\n            aria-describedby={describedBy}\n            aria-invalid={invalid || ariaInvalid}\n            className={[controlClassName, icon && styles.withIcon, className].filter(Boolean).join(' ')}\n            maxLength={maxLength}\n            onChange={handleChange}\n            required={required}\n            value={value}\n          />\n        );\n\n        if (!icon) {\n          return input;\n        }\n\n        return (\n          <div className={[styles.control, size === 'sm' && styles.sm].filter(Boolean).join(' ')}>\n            <span aria-hidden=\"true\" className={styles.icon}>\n              {icon}\n            </span>\n            {input}\n          </div>\n        );\n      }}\n    </Field>\n  );\n}\n"],"names":["InputText","ariaDescribedBy","ariaInvalid","className","error","hint","icon","providedId","label","maxLength","required","size","showCharacterCount","defaultValue","onChange","value","ref","props","inputRef","count","updateCount","useCharacterCount","mergedRef","useMergedRefs","handleChange","event","jsx","Field","controlClassName","id","describedBy","invalid","input","styles"],"mappings":";;;;;AAkBO,SAASA,EAAU;AAAA,EACxB,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,oBAAAC,IAAqB;AAAA,EACrB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAM,EAAE,KAAKC,GAAU,OAAAC,GAAO,aAAAC,MAAgBC,EAAoCN,GAAOF,CAAY,GAC/FS,IAAYC,EAAcL,GAAUF,CAAG;AAE7C,WAASQ,EAAaC,GAAsC;AAC1D,IAAAL,EAAYK,EAAM,OAAO,KAAK,GAC9BX,KAAA,QAAAA,EAAWW;AAAA,EACb;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,oBAAkB1B;AAAA,MAClB,gBAAgBkB;AAAA,MAChB,OAAAf;AAAA,MACA,MAAAC;AAAA,MACA,IAAIE;AAAA,MACJ,OAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,oBAAAE;AAAA,MACA,MAAAD;AAAA,MAEC,WAAC,EAAE,WAAWiB,GAAkB,IAAAC,GAAI,aAAAC,GAAa,SAAAC,QAAc;AAC9D,cAAMC,IACJ,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGT;AAAA,YACJ,cAAAJ;AAAA,YACA,IAAAgB;AAAA,YACA,KAAKP;AAAA,YACL,oBAAkBQ;AAAA,YAClB,gBAAcC,KAAW7B;AAAA,YACzB,WAAW,CAAC0B,GAAkBtB,KAAQ2B,EAAO,UAAU9B,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,YAC1F,WAAAM;AAAA,YACA,UAAUe;AAAA,YACV,UAAAd;AAAA,YACA,OAAAK;AAAA,UAAA;AAAA,QAAA;AAIJ,eAAKT,sBAKF,OAAA,EAAI,WAAW,CAAC2B,EAAO,SAAStB,MAAS,QAAQsB,EAAO,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACnF,UAAA;AAAA,UAAA,gBAAAP,EAAC,UAAK,eAAY,QAAO,WAAWO,EAAO,MACxC,UAAA3B,GACH;AAAA,UACC0B;AAAA,QAAA,GACH,IATOA;AAAA,MAWX;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"InputText.js","sources":["../../../../src/components/forms/InputText/InputText.tsx"],"sourcesContent":["import { type ChangeEvent, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport { useCharacterCount } from '../../../hooks/useCharacterCount';\nimport { Field } from '../Field';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './InputText.module.css';\n\nexport type InputTextSize = 'sm' | 'md' | 'lg';\n\nexport interface InputTextProps extends Omit<ComponentPropsWithRef<'input'>, 'size'> {\n  error?: string;\n  hint?: string;\n  /** Icone decorativo a frente do texto, como a lupa de uma busca. O nome do campo continua no `label`. */\n  icon?: ReactNode;\n  label?: string;\n  size?: InputTextSize;\n  showCharacterCount?: boolean;\n}\n\nexport function InputText({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  icon,\n  id: providedId,\n  label,\n  maxLength,\n  required = false,\n  size = 'md',\n  showCharacterCount = false,\n  defaultValue,\n  onChange,\n  value,\n  ref,\n  ...props\n}: InputTextProps) {\n  const { ref: inputRef, count, updateCount } = useCharacterCount<HTMLInputElement>(value, defaultValue);\n  const mergedRef = useMergedRefs(inputRef, ref);\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\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      size={size}\n    >\n      {({ className: controlClassName, id, describedBy, invalid }) => {\n        const input = (\n          <input\n            {...props}\n            defaultValue={defaultValue}\n            id={id}\n            ref={mergedRef}\n            aria-describedby={describedBy}\n            aria-invalid={invalid || ariaInvalid}\n            className={[controlClassName, icon && styles.withIcon, className].filter(Boolean).join(' ')}\n            maxLength={maxLength}\n            onChange={handleChange}\n            required={required}\n            value={value}\n          />\n        );\n\n        if (!icon) {\n          return input;\n        }\n\n        return (\n          <div className={[styles.control, size === 'sm' && styles.sm, size === 'lg' && styles.lg].filter(Boolean).join(' ')}>\n            <span aria-hidden=\"true\" className={styles.icon}>\n              {icon}\n            </span>\n            {input}\n          </div>\n        );\n      }}\n    </Field>\n  );\n}\n"],"names":["InputText","ariaDescribedBy","ariaInvalid","className","error","hint","icon","providedId","label","maxLength","required","size","showCharacterCount","defaultValue","onChange","value","ref","props","inputRef","count","updateCount","useCharacterCount","mergedRef","useMergedRefs","handleChange","event","jsx","Field","controlClassName","id","describedBy","invalid","input","styles","jsxs"],"mappings":";;;;;AAkBO,SAASA,EAAU;AAAA,EACxB,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,oBAAAC,IAAqB;AAAA,EACrB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAM,EAAE,KAAKC,GAAU,OAAAC,GAAO,aAAAC,MAAgBC,EAAoCN,GAAOF,CAAY,GAC/FS,IAAYC,EAAcL,GAAUF,CAAG;AAE7C,WAASQ,EAAaC,GAAsC;AAC1D,IAAAL,EAAYK,EAAM,OAAO,KAAK,GAC9BX,KAAA,QAAAA,EAAWW;AAAA,EACb;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,oBAAkB1B;AAAA,MAClB,gBAAgBkB;AAAA,MAChB,OAAAf;AAAA,MACA,MAAAC;AAAA,MACA,IAAIE;AAAA,MACJ,OAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,oBAAAE;AAAA,MACA,MAAAD;AAAA,MAEC,WAAC,EAAE,WAAWiB,GAAkB,IAAAC,GAAI,aAAAC,GAAa,SAAAC,QAAc;AAC9D,cAAMC,IACJ,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGT;AAAA,YACJ,cAAAJ;AAAA,YACA,IAAAgB;AAAA,YACA,KAAKP;AAAA,YACL,oBAAkBQ;AAAA,YAClB,gBAAcC,KAAW7B;AAAA,YACzB,WAAW,CAAC0B,GAAkBtB,KAAQ2B,EAAO,UAAU9B,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,YAC1F,WAAAM;AAAA,YACA,UAAUe;AAAA,YACV,UAAAd;AAAA,YACA,OAAAK;AAAA,UAAA;AAAA,QAAA;AAIJ,eAAKT,IAKH,gBAAA4B,EAAC,SAAI,WAAW,CAACD,EAAO,SAAStB,MAAS,QAAQsB,EAAO,IAAItB,MAAS,QAAQsB,EAAO,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC/G,UAAA;AAAA,UAAA,gBAAAP,EAAC,UAAK,eAAY,QAAO,WAAWO,EAAO,MACxC,UAAA3B,GACH;AAAA,UACC0B;AAAA,QAAA,GACH,IATOA;AAAA,MAWX;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_control_x50cf_2",c="_icon_x50cf_8",t="_withIcon_x50cf_17",n="_sm_x50cf_21",s={control:o,icon:c,withIcon:t,sm:n};exports.control=o;exports.default=s;exports.icon=c;exports.sm=n;exports.withIcon=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_control_1pe0o_2",t="_icon_1pe0o_8",c="_withIcon_1pe0o_17",n="_sm_1pe0o_21",e="_lg_1pe0o_30",_={control:o,icon:t,withIcon:c,sm:n,lg:e};exports.control=o;exports.default=_;exports.icon=t;exports.lg=e;exports.sm=n;exports.withIcon=c;
 //# sourceMappingURL=InputText.module.css.cjs.map

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

@@ -1,13 +1,15 @@
-const c = "_control_x50cf_2", o = "_icon_x50cf_8", n = "_withIcon_x50cf_17", t = "_sm_x50cf_21", _ = {
-  control: c,
-  icon: o,
+const o = "_control_1pe0o_2", c = "_icon_1pe0o_8", n = "_withIcon_1pe0o_17", t = "_sm_1pe0o_21", _ = "_lg_1pe0o_30", s = {
+  control: o,
+  icon: c,
   withIcon: n,
-  sm: t
+  sm: t,
+  lg: _
 };
 export {
-  c as control,
-  _ as default,
-  o as icon,
+  o as control,
+  s as default,
+  c as icon,
+  _ as lg,
   t as sm,
   n as withIcon
 };

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_group_1nbsm_1",r="_legend_1nbsm_11",o="_required_1nbsm_20",t="_options_1nbsm_25",n="_control_1nbsm_31",s="_input_1nbsm_38",_="_error_1nbsm_59",i="_text_1nbsm_90",u="_hint_1nbsm_98 _hint_1qg91_8",c="_errorMessage_1nbsm_102 _errorMessage_1qg91_9",g={group:e,legend:r,required:o,options:t,control:n,input:s,error:_,text:i,hint:u,errorMessage:c};exports.control=n;exports.default=g;exports.error=_;exports.errorMessage=c;exports.group=e;exports.hint=u;exports.input=s;exports.legend=r;exports.options=t;exports.required=o;exports.text=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_group_1nbsm_1",r="_legend_1nbsm_11",n="_required_1nbsm_20",o="_options_1nbsm_25",t="_control_1nbsm_31",s="_input_1nbsm_38",_="_error_1nbsm_59",i="_text_1nbsm_90",u="_hint_1nbsm_98 _hint_1ndjk_8",c="_errorMessage_1nbsm_102 _errorMessage_1ndjk_9",g={group:e,legend:r,required:n,options:o,control:t,input:s,error:_,text:i,hint:u,errorMessage:c};exports.control=t;exports.default=g;exports.error=_;exports.errorMessage=c;exports.group=e;exports.hint=u;exports.input=s;exports.legend=r;exports.options=o;exports.required=n;exports.text=i;
 //# sourceMappingURL=RadioGroup.module.css.cjs.map

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

@@ -1,4 +1,4 @@
-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 = {
+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_1ndjk_8", b = "_errorMessage_1nbsm_102 _errorMessage_1ndjk_9", g = {
   group: n,
   legend: _,
   required: s,
@@ -8,13 +8,13 @@ const n = "_group_1nbsm_1", _ = "_legend_1nbsm_11", s = "_required_1nbsm_20", o
   error: t,
   text: c,
   hint: i,
-  errorMessage: g
+  errorMessage: b
 };
 export {
   r as control,
-  b as default,
+  g as default,
   t as error,
-  g as errorMessage,
+  b as errorMessage,
   n as group,
   i as hint,
   e as input,

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

@@ -1 +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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"}
+{"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  type ReactNode,\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  /** Segunda linha da opção, na lista aberta. O nome da opção e o gatilho fechado ficam no rótulo. */\n  description?: string;\n  disabled?: boolean;\n  /** Decorativo, à frente do rótulo, na lista aberta. */\n  icon?: ReactNode;\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.map

@@ -1 +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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"}
+{"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  type ReactNode,\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  /** Segunda linha da opção, na lista aberta. O nome da opção e o gatilho fechado ficam no rótulo. */\n  description?: string;\n  disabled?: boolean;\n  /** Decorativo, à frente do rótulo, na lista aberta. */\n  icon?: ReactNode;\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/Switch/Switch.module.css.cjs

@@ -1,2 +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=_;
+"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",n="_hint_1g7qr_87 _hint_1ndjk_8",s="_errorMessage_1g7qr_91 _errorMessage_1ndjk_9",i={field:r,control:e,input:t,error:o,text:_,hint:n,errorMessage:s};exports.control=e;exports.default=i;exports.error=o;exports.errorMessage=s;exports.field=r;exports.hint=n;exports.input=t;exports.text=_;
 //# sourceMappingURL=Switch.module.css.cjs.map

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

@@ -1,19 +1,19 @@
-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 = {
+const r = "_field_1g7qr_1", t = "_control_1g7qr_8", _ = "_input_1g7qr_15", e = "_error_1g7qr_56", o = "_text_1g7qr_79", n = "_hint_1g7qr_87 _hint_1ndjk_8", s = "_errorMessage_1g7qr_91 _errorMessage_1ndjk_9", c = {
   field: r,
   control: t,
   input: _,
   error: e,
   text: o,
-  hint: s,
-  errorMessage: n
+  hint: n,
+  errorMessage: s
 };
 export {
   t as control,
-  g as default,
+  c as default,
   e as error,
-  n as errorMessage,
+  s as errorMessage,
   r as field,
-  s as hint,
+  n as hint,
   _ as input,
   o as text
 };