@plenustech/design-system 0.2.0 → 0.2.2

package/dist/components/forms/InputPassword/InputPassword.js

@@ -0,0 +1,110 @@
+import { jsx as n, jsxs as Y } from "react/jsx-runtime";
+import { useState as m, useRef as Z, useEffect as _ } from "react";
+import { useMergedRefs as $ } from "../../../hooks/useMergedRefs.js";
+import t from "./InputPassword.module.css.js";
+import { Field as q } from "../Field/Field.js";
+function se({
+  "aria-describedby": g,
+  "aria-invalid": h,
+  allowCopy: d = !1,
+  className: w,
+  defaultValue: D,
+  disabled: p = !1,
+  error: k,
+  hint: v,
+  id: F,
+  label: I,
+  maxLength: b,
+  onChange: f,
+  onCopy: u,
+  onCut: c,
+  onBlur: a,
+  onValidationChange: l,
+  required: M = !1,
+  showToggle: L = !0,
+  size: O = "md",
+  validate: s,
+  validateOnBlur: y = !0,
+  value: P,
+  ref: S,
+  ...E
+}) {
+  const [o, R] = m(!1), [z, A] = m(!1), [G, H] = m(), j = Z(null), J = $(j, S), x = k ?? G, K = [t.input, t[O], x && t.error, w].filter(Boolean).join(" ");
+  _(() => {
+    var i;
+    const e = (i = j.current) == null ? void 0 : i.form;
+    if (!e)
+      return;
+    function r() {
+      R(!1);
+    }
+    return e.addEventListener("submit", r), () => e.removeEventListener("submit", r);
+  }, []);
+  function N(e) {
+    const r = s == null ? void 0 : s(e);
+    H(r), l == null || l(r);
+  }
+  function Q(e) {
+    s && (z || !y) && N(e.target.value), f == null || f(e);
+  }
+  function T(e) {
+    A(!0), s && y && N(e.target.value), a == null || a(e);
+  }
+  function U(e) {
+    u == null || u(e), d || e.preventDefault();
+  }
+  function W(e) {
+    c == null || c(e), d || e.preventDefault();
+  }
+  return /* @__PURE__ */ n(
+    q,
+    {
+      "aria-describedby": g,
+      error: x,
+      hint: v,
+      id: F,
+      label: I,
+      maxLength: b,
+      required: M,
+      children: ({ id: e, describedBy: r, invalid: i }) => /* @__PURE__ */ Y("div", { className: t.control, children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ...E,
+            autoComplete: E.autoComplete ?? "current-password",
+            className: K,
+            defaultValue: D,
+            disabled: p,
+            id: e,
+            ref: J,
+            "aria-describedby": r,
+            "aria-invalid": i || h,
+            maxLength: b,
+            onChange: Q,
+            onCopy: U,
+            onCut: W,
+            onBlur: T,
+            required: M,
+            type: o ? "text" : "password",
+            value: P
+          }
+        ),
+        L && /* @__PURE__ */ n(
+          "button",
+          {
+            className: t.toggle,
+            type: "button",
+            "aria-label": o ? "Ocultar senha" : "Mostrar senha",
+            disabled: p,
+            onClick: () => R((X) => !X),
+            children: o ? "Ocultar" : "Mostrar"
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  se as InputPassword
+};
+//# sourceMappingURL=InputPassword.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.js","sources":["../../../../src/components/forms/InputPassword/InputPassword.tsx"],"sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ClipboardEvent,\n  type FocusEvent,\n  type ComponentPropsWithRef,\n} from 'react';\nimport { Field } from '../Field';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './InputPassword.module.css';\n\nexport interface InputPasswordProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  label?: string;\n  allowCopy?: boolean;\n  onValidationChange?: (message?: string) => void;\n  showToggle?: boolean;\n  validate?: (value: string) => string | undefined;\n  validateOnBlur?: boolean;\n  size?: 'sm' | 'md';\n}\n\nexport function InputPassword({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  allowCopy = false,\n  className,\n  defaultValue,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  maxLength,\n  onChange,\n  onCopy,\n  onCut,\n  onBlur,\n  onValidationChange,\n  required = false,\n  showToggle = true,\n  size = 'md',\n  validate,\n  validateOnBlur = true,\n  value,\n  ref,\n  ...props\n}: InputPasswordProps) {\n  const [visible, setVisible] = useState(false);\n  const [blurred, setBlurred] = useState(false);\n  const [validationMessage, setValidationMessage] = useState<string>();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const mergedRef = useMergedRefs(inputRef, ref);\n  const displayedError = error ?? validationMessage;\n  const inputClasses = [styles.input, styles[size], displayedError && styles.error, className]\n    .filter(Boolean)\n    .join(' ');\n\n  useEffect(() => {\n    const form = inputRef.current?.form;\n\n    if (!form) {\n      return;\n    }\n\n    function ocultar() {\n      setVisible(false);\n    }\n\n    form.addEventListener('submit', ocultar);\n\n    return () => form.removeEventListener('submit', ocultar);\n  }, []);\n\n  function runValidation(nextValue: string) {\n    const message = validate?.(nextValue);\n\n    setValidationMessage(message);\n    onValidationChange?.(message);\n  }\n\n  function handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (validate && (blurred || !validateOnBlur)) {\n      runValidation(event.target.value);\n    }\n    onChange?.(event);\n  }\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    setBlurred(true);\n    if (validate && validateOnBlur) {\n      runValidation(event.target.value);\n    }\n    onBlur?.(event);\n  }\n\n  function handleCopy(event: ClipboardEvent<HTMLInputElement>) {\n    onCopy?.(event);\n    if (!allowCopy) {\n      event.preventDefault();\n    }\n  }\n\n  function handleCut(event: ClipboardEvent<HTMLInputElement>) {\n    onCut?.(event);\n    if (!allowCopy) {\n      event.preventDefault();\n    }\n  }\n\n  return (\n    <Field\n      aria-describedby={ariaDescribedBy}\n      error={displayedError}\n      hint={hint}\n      id={providedId}\n      label={label}\n      maxLength={maxLength}\n      required={required}\n    >\n      {({ id, describedBy, invalid }) => (\n        <div className={styles.control}>\n          <input\n            {...props}\n            autoComplete={props.autoComplete ?? 'current-password'}\n            className={inputClasses}\n            defaultValue={defaultValue}\n            disabled={disabled}\n            id={id}\n            ref={mergedRef}\n            aria-describedby={describedBy}\n            aria-invalid={invalid || ariaInvalid}\n            maxLength={maxLength}\n            onChange={handleChange}\n            onCopy={handleCopy}\n            onCut={handleCut}\n            onBlur={handleBlur}\n            required={required}\n            type={visible ? 'text' : 'password'}\n            value={value}\n          />\n          {showToggle && (\n            <button\n              className={styles.toggle}\n              type=\"button\"\n              aria-label={visible ? 'Ocultar senha' : 'Mostrar senha'}\n              disabled={disabled}\n              onClick={() => setVisible((current) => !current)}\n            >\n              {visible ? 'Ocultar' : 'Mostrar'}\n            </button>\n          )}\n        </div>\n      )}\n    </Field>\n  );\n}\n"],"names":["InputPassword","ariaDescribedBy","ariaInvalid","allowCopy","className","defaultValue","disabled","error","hint","providedId","label","maxLength","onChange","onCopy","onCut","onBlur","onValidationChange","required","showToggle","size","validate","validateOnBlur","value","ref","props","visible","setVisible","useState","blurred","setBlurred","validationMessage","setValidationMessage","inputRef","useRef","mergedRef","useMergedRefs","displayedError","inputClasses","styles","useEffect","form","_a","ocultar","runValidation","nextValue","message","handleChange","event","handleBlur","handleCopy","handleCut","jsx","Field","id","describedBy","invalid","jsxs","current"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_control_1m42t_1",o="_input_1m42t_7",e="_error_1m42t_26",r="_sm_1m42t_44",_="_md_1m42t_51",n="_toggle_1m42t_67",s={control:t,input:o,error:e,sm:r,md:_,toggle:n};exports.control=t;exports.default=s;exports.error=e;exports.input=o;exports.md=_;exports.sm=r;exports.toggle=n;
+//# sourceMappingURL=InputPassword.module.css.cjs.map

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

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

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

@@ -0,0 +1,18 @@
+const t = "_control_1m42t_1", o = "_input_1m42t_7", _ = "_error_1m42t_26", n = "_sm_1m42t_44", r = "_md_1m42t_51", s = "_toggle_1m42t_67", m = {
+  control: t,
+  input: o,
+  error: _,
+  sm: n,
+  md: r,
+  toggle: s
+};
+export {
+  t as control,
+  m as default,
+  _ as error,
+  o as input,
+  r as md,
+  n as sm,
+  s as toggle
+};
+//# sourceMappingURL=InputPassword.module.css.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.cjs","sources":["../../../../src/components/forms/InputText/InputText.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 './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  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  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  const classes = [styles.input, styles[size], error && styles.error, className]\n    .filter(Boolean)\n    .join(' ');\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    >\n      {({ id, describedBy, invalid }) => (\n        <input\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          value={value}\n        />\n      )}\n    </Field>\n  );\n}\n"],"names":["InputText","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","label","maxLength","required","size","showCharacterCount","defaultValue","onChange","value","ref","props","inputRef","count","updateCount","useCharacterCount","mergedRef","useMergedRefs","classes","styles","handleChange","event","jsx","Field","id","describedBy","invalid"],"mappings":"+SAgBO,SAASA,EAAU,CACxB,mBAAoBC,EACpB,eAAgBC,EAChB,UAAAC,EACA,MAAAC,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,EACvCQ,EAAU,CAACC,EAAAA,QAAO,MAAOA,EAAAA,QAAOd,CAAI,EAAGN,GAASoB,EAAAA,QAAO,MAAOrB,CAAS,EAC1E,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAASsB,EAAaC,EAAsC,CAC1DP,EAAYO,EAAM,OAAO,KAAK,EAC9Bb,GAAA,MAAAA,EAAWa,EACb,CAEA,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,mBAAkB3B,EAClB,eAAgBiB,EAChB,MAAAd,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,mBAAAE,EAEC,SAAA,CAAC,CAAE,GAAAkB,EAAI,YAAAC,EAAa,QAAAC,KACnBJ,EAAAA,IAAC,QAAA,CACE,GAAGX,EACJ,aAAAJ,EACA,GAAAiB,EACA,IAAKR,EACL,mBAAkBS,EAClB,eAAcC,GAAW7B,EACzB,UAAWqB,EACX,UAAAf,EACA,SAAUiB,EACV,SAAAhB,EACA,MAAAK,CAAA,CAAA,CACF,CAAA,CAIR"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","sources":["../../../../src/components/forms/InputText/InputText.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 './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  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  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  const classes = [styles.input, styles[size], error && styles.error, className]\n    .filter(Boolean)\n    .join(' ');\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    >\n      {({ id, describedBy, invalid }) => (\n        <input\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          value={value}\n        />\n      )}\n    </Field>\n  );\n}\n"],"names":["InputText","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","label","maxLength","required","size","showCharacterCount","defaultValue","onChange","value","ref","props","inputRef","count","updateCount","useCharacterCount","mergedRef","useMergedRefs","classes","styles","handleChange","event","jsx","Field","id","describedBy","invalid"],"mappings":";;;;;AAgBO,SAASA,EAAU;AAAA,EACxB,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;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,GACvCQ,IAAU,CAACC,EAAO,OAAOA,EAAOd,CAAI,GAAGN,KAASoB,EAAO,OAAOrB,CAAS,EAC1E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WAASsB,EAAaC,GAAsC;AAC1D,IAAAP,EAAYO,EAAM,OAAO,KAAK,GAC9Bb,KAAA,QAAAA,EAAWa;AAAA,EACb;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,oBAAkB3B;AAAA,MAClB,gBAAgBiB;AAAA,MAChB,OAAAd;AAAA,MACA,MAAAC;AAAA,MACA,IAAIC;AAAA,MACJ,OAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,oBAAAE;AAAA,MAEC,UAAA,CAAC,EAAE,IAAAkB,GAAI,aAAAC,GAAa,SAAAC,QACnB,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGX;AAAA,UACJ,cAAAJ;AAAA,UACA,IAAAiB;AAAA,UACA,KAAKR;AAAA,UACL,oBAAkBS;AAAA,UAClB,gBAAcC,KAAW7B;AAAA,UACzB,WAAWqB;AAAA,UACX,WAAAf;AAAA,UACA,UAAUiB;AAAA,UACV,UAAAhB;AAAA,UACA,OAAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIR;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_input_1rs88_1",s="_error_1rs88_20",e="_sm_1rs88_38",t="_md_1rs88_44",o={input:r,error:s,sm:e,md:t};exports.default=o;exports.error=s;exports.input=r;exports.md=t;exports.sm=e;
+//# sourceMappingURL=InputText.module.css.cjs.map

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

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

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

@@ -0,0 +1,14 @@
+const s = "_input_1rs88_1", r = "_error_1rs88_20", _ = "_sm_1rs88_38", t = "_md_1rs88_44", o = {
+  input: s,
+  error: r,
+  sm: _,
+  md: t
+};
+export {
+  o as default,
+  r as error,
+  s as input,
+  t as md,
+  _ as sm
+};
+//# sourceMappingURL=InputText.module.css.js.map

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

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

package/dist/components/forms/Label/Label.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("./Label.module.css.cjs");function i({children:a,className:s,required:r=!1,...t}){const n=[l.default.label,s].filter(Boolean).join(" ");return e.jsxs("label",{...t,className:n,children:[a,r&&e.jsx("span",{className:l.default.required,"aria-hidden":"true",children:"*"})]})}exports.Label=i;
+//# sourceMappingURL=Label.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.cjs","sources":["../../../../src/components/forms/Label/Label.tsx"],"sourcesContent":["import type { LabelHTMLAttributes } from 'react';\nimport styles from './Label.module.css';\n\nexport interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean;\n}\n\nexport function Label({ children, className, required = false, ...props }: LabelProps) {\n  const classes = [styles.label, className].filter(Boolean).join(' ');\n\n  return (\n    <label {...props} className={classes}>\n      {children}\n      {required && <span className={styles.required} aria-hidden=\"true\">*</span>}\n    </label>\n  );\n}\n"],"names":["Label","children","className","required","props","classes","styles","jsxs"],"mappings":"yJAOO,SAASA,EAAM,CAAE,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAW,GAAO,GAAGC,GAAqB,CACrF,MAAMC,EAAU,CAACC,EAAAA,QAAO,MAAOJ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAElE,OACEK,EAAAA,KAAC,QAAA,CAAO,GAAGH,EAAO,UAAWC,EAC1B,SAAA,CAAAJ,EACAE,SAAa,OAAA,CAAK,UAAWG,EAAAA,QAAO,SAAU,cAAY,OAAO,SAAA,GAAA,CAAC,CAAA,EACrE,CAEJ"}

package/dist/components/forms/Label/Label.js

@@ -0,0 +1,13 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import e from "./Label.module.css.js";
+function m({ children: s, className: l, required: r = !1, ...a }) {
+  const i = [e.label, l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("label", { ...a, className: i, children: [
+    s,
+    r && /* @__PURE__ */ o("span", { className: e.required, "aria-hidden": "true", children: "*" })
+  ] });
+}
+export {
+  m as Label
+};
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../../src/components/forms/Label/Label.tsx"],"sourcesContent":["import type { LabelHTMLAttributes } from 'react';\nimport styles from './Label.module.css';\n\nexport interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean;\n}\n\nexport function Label({ children, className, required = false, ...props }: LabelProps) {\n  const classes = [styles.label, className].filter(Boolean).join(' ');\n\n  return (\n    <label {...props} className={classes}>\n      {children}\n      {required && <span className={styles.required} aria-hidden=\"true\">*</span>}\n    </label>\n  );\n}\n"],"names":["Label","children","className","required","props","classes","styles","jsxs"],"mappings":";;AAOO,SAASA,EAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,UAAAC,IAAW,IAAO,GAAGC,KAAqB;AACrF,QAAMC,IAAU,CAACC,EAAO,OAAOJ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAElE,SACE,gBAAAK,EAAC,SAAA,EAAO,GAAGH,GAAO,WAAWC,GAC1B,UAAA;AAAA,IAAAJ;AAAA,IACAE,uBAAa,QAAA,EAAK,WAAWG,EAAO,UAAU,eAAY,QAAO,UAAA,IAAA,CAAC;AAAA,EAAA,GACrE;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_label_1uf9d_1",l="_required_1uf9d_12",r={label:e,required:l};exports.default=r;exports.label=e;exports.required=l;
+//# sourceMappingURL=Label.module.css.cjs.map

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

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

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

@@ -0,0 +1,10 @@
+const e = "_label_1uf9d_1", l = "_required_1uf9d_12", r = {
+  label: e,
+  required: l
+};
+export {
+  r as default,
+  e as label,
+  l as required
+};
+//# sourceMappingURL=Label.module.css.js.map

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

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

package/dist/components/forms/RadioGroup/Radio.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),x=require("react"),R=require("./RadioGroup.cjs"),t=require("./RadioGroup.module.css.cjs");function b({className:l,disabled:u,id:n,label:c,onChange:d,ref:f,value:o,...m}){const e=R.useRadioGroupContexto(),p=x.useId(),r=n??`radio-${p}`,a=e.value!==void 0,j=[t.default.input,e.invalid&&t.default.error,l].filter(Boolean).join(" ");return i.jsxs("label",{className:t.default.control,htmlFor:r,children:[i.jsx("input",{...m,className:j,id:r,checked:a?e.value===o:void 0,defaultChecked:a?void 0:e.defaultValue===o,disabled:u??e.disabled,name:e.name,required:e.required,onChange:q=>{var s;(s=e.onValueChange)==null||s.call(e,o),d==null||d(q)},ref:f,type:"radio",value:o}),i.jsx("span",{className:t.default.text,children:c})]})}exports.Radio=b;
+//# sourceMappingURL=Radio.cjs.map

package/dist/components/forms/RadioGroup/Radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs","sources":["../../../../src/components/forms/RadioGroup/Radio.tsx"],"sourcesContent":["import { useId, type ChangeEvent, type ComponentPropsWithRef } from 'react';\nimport { useRadioGroupContexto } from './RadioGroup';\nimport styles from './RadioGroup.module.css';\n\nexport interface RadioProps\n  extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size' | 'name' | 'checked' | 'defaultChecked' | 'value'> {\n  label: string;\n  value: string;\n}\n\nexport function Radio({\n  className,\n  disabled,\n  id: providedId,\n  label,\n  onChange,\n  ref,\n  value,\n  ...props\n}: RadioProps) {\n  const grupo = useRadioGroupContexto();\n  const generatedId = useId();\n  const id = providedId ?? `radio-${generatedId}`;\n  const controlado = grupo.value !== undefined;\n  const classes = [styles.input, grupo.invalid && styles.error, className].filter(Boolean).join(' ');\n\n  return (\n    <label className={styles.control} htmlFor={id}>\n      <input\n        {...props}\n        className={classes}\n        id={id}\n        checked={controlado ? grupo.value === value : undefined}\n        defaultChecked={controlado ? undefined : grupo.defaultValue === value}\n        disabled={disabled ?? grupo.disabled}\n        name={grupo.name}\n        required={grupo.required}\n        onChange={(evento: ChangeEvent<HTMLInputElement>) => {\n          grupo.onValueChange?.(value);\n          onChange?.(evento);\n        }}\n        ref={ref}\n        type=\"radio\"\n        value={value}\n      />\n      <span className={styles.text}>{label}</span>\n    </label>\n  );\n}\n"],"names":["Radio","className","disabled","providedId","label","onChange","ref","value","props","grupo","useRadioGroupContexto","generatedId","useId","id","controlado","classes","styles","jsx","evento","_a"],"mappings":"+MAUO,SAASA,EAAM,CACpB,UAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,SAAAC,EACA,IAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAQC,EAAAA,sBAAA,EACRC,EAAcC,EAAAA,MAAA,EACdC,EAAKV,GAAc,SAASQ,CAAW,GACvCG,EAAaL,EAAM,QAAU,OAC7BM,EAAU,CAACC,EAAAA,QAAO,MAAOP,EAAM,SAAWO,EAAAA,QAAO,MAAOf,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEjG,cACG,QAAA,CAAM,UAAWe,EAAAA,QAAO,QAAS,QAASH,EACzC,SAAA,CAAAI,EAAAA,IAAC,QAAA,CACE,GAAGT,EACJ,UAAWO,EACX,GAAAF,EACA,QAASC,EAAaL,EAAM,QAAUF,EAAQ,OAC9C,eAAgBO,EAAa,OAAYL,EAAM,eAAiBF,EAChE,SAAUL,GAAYO,EAAM,SAC5B,KAAMA,EAAM,KACZ,SAAUA,EAAM,SAChB,SAAWS,GAA0C,QACnDC,EAAAV,EAAM,gBAAN,MAAAU,EAAA,KAAAV,EAAsBF,GACtBF,GAAA,MAAAA,EAAWa,EACb,EACA,IAAAZ,EACA,KAAK,QACL,MAAAC,CAAA,CAAA,EAEFU,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAO,SAAAZ,CAAA,CAAM,CAAA,EACvC,CAEJ"}

package/dist/components/forms/RadioGroup/Radio.js

@@ -0,0 +1,43 @@
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { useId as j } from "react";
+import { useRadioGroupContexto as v } from "./RadioGroup.js";
+import r from "./RadioGroup.module.css.js";
+function I({
+  className: l,
+  disabled: n,
+  id: c,
+  label: m,
+  onChange: t,
+  ref: u,
+  value: o,
+  ...p
+}) {
+  const e = v(), f = j(), d = c ?? `radio-${f}`, i = e.value !== void 0, x = [r.input, e.invalid && r.error, l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("label", { className: r.control, htmlFor: d, children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        ...p,
+        className: x,
+        id: d,
+        checked: i ? e.value === o : void 0,
+        defaultChecked: i ? void 0 : e.defaultValue === o,
+        disabled: n ?? e.disabled,
+        name: e.name,
+        required: e.required,
+        onChange: (b) => {
+          var s;
+          (s = e.onValueChange) == null || s.call(e, o), t == null || t(b);
+        },
+        ref: u,
+        type: "radio",
+        value: o
+      }
+    ),
+    /* @__PURE__ */ a("span", { className: r.text, children: m })
+  ] });
+}
+export {
+  I as Radio
+};
+//# sourceMappingURL=Radio.js.map

package/dist/components/forms/RadioGroup/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../../src/components/forms/RadioGroup/Radio.tsx"],"sourcesContent":["import { useId, type ChangeEvent, type ComponentPropsWithRef } from 'react';\nimport { useRadioGroupContexto } from './RadioGroup';\nimport styles from './RadioGroup.module.css';\n\nexport interface RadioProps\n  extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size' | 'name' | 'checked' | 'defaultChecked' | 'value'> {\n  label: string;\n  value: string;\n}\n\nexport function Radio({\n  className,\n  disabled,\n  id: providedId,\n  label,\n  onChange,\n  ref,\n  value,\n  ...props\n}: RadioProps) {\n  const grupo = useRadioGroupContexto();\n  const generatedId = useId();\n  const id = providedId ?? `radio-${generatedId}`;\n  const controlado = grupo.value !== undefined;\n  const classes = [styles.input, grupo.invalid && styles.error, className].filter(Boolean).join(' ');\n\n  return (\n    <label className={styles.control} htmlFor={id}>\n      <input\n        {...props}\n        className={classes}\n        id={id}\n        checked={controlado ? grupo.value === value : undefined}\n        defaultChecked={controlado ? undefined : grupo.defaultValue === value}\n        disabled={disabled ?? grupo.disabled}\n        name={grupo.name}\n        required={grupo.required}\n        onChange={(evento: ChangeEvent<HTMLInputElement>) => {\n          grupo.onValueChange?.(value);\n          onChange?.(evento);\n        }}\n        ref={ref}\n        type=\"radio\"\n        value={value}\n      />\n      <span className={styles.text}>{label}</span>\n    </label>\n  );\n}\n"],"names":["Radio","className","disabled","providedId","label","onChange","ref","value","props","grupo","useRadioGroupContexto","generatedId","useId","id","controlado","classes","styles","jsx","evento","_a"],"mappings":";;;;AAUO,SAASA,EAAM;AAAA,EACpB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAe;AACb,QAAMC,IAAQC,EAAA,GACRC,IAAcC,EAAA,GACdC,IAAKV,KAAc,SAASQ,CAAW,IACvCG,IAAaL,EAAM,UAAU,QAC7BM,IAAU,CAACC,EAAO,OAAOP,EAAM,WAAWO,EAAO,OAAOf,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjG,2BACG,SAAA,EAAM,WAAWe,EAAO,SAAS,SAASH,GACzC,UAAA;AAAA,IAAA,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGT;AAAA,QACJ,WAAWO;AAAA,QACX,IAAAF;AAAA,QACA,SAASC,IAAaL,EAAM,UAAUF,IAAQ;AAAA,QAC9C,gBAAgBO,IAAa,SAAYL,EAAM,iBAAiBF;AAAA,QAChE,UAAUL,KAAYO,EAAM;AAAA,QAC5B,MAAMA,EAAM;AAAA,QACZ,UAAUA,EAAM;AAAA,QAChB,UAAU,CAACS,MAA0C;;AACnD,WAAAC,IAAAV,EAAM,kBAAN,QAAAU,EAAA,KAAAV,GAAsBF,IACtBF,KAAA,QAAAA,EAAWa;AAAA,QACb;AAAA,QACA,KAAAZ;AAAA,QACA,MAAK;AAAA,QACL,OAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,UAAAZ,EAAA,CAAM;AAAA,EAAA,GACvC;AAEJ;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),a=require("./RadioGroup.module.css.cjs"),l=n.createContext(null);function h(){const i=n.useContext(l);if(!i)throw new Error("Radio precisa ser renderizado dentro de RadioGroup.");return i}function y({"aria-describedby":i,"aria-invalid":u,children:c,className:p,defaultValue:f,disabled:x=!1,error:e,hint:d,label:g,name:m,onValueChange:v,required:s=!1,value:j,...R}){const t=n.useId(),b=m??`radio-group-${t}`,r=`radio-group-${t}-message`,G=[i,e||d?r:void 0].filter(Boolean).join(" ")||void 0;return o.jsx(l.Provider,{value:{defaultValue:f,disabled:x,invalid:!!e,name:b,onValueChange:v,required:s,value:j},children:o.jsxs("fieldset",{...R,className:[a.default.group,p].filter(Boolean).join(" "),role:"radiogroup","aria-describedby":G,"aria-invalid":e?!0:u,"aria-required":s||void 0,children:[o.jsxs("legend",{className:a.default.legend,children:[g,s&&o.jsx("span",{className:a.default.required,"aria-hidden":"true",children:"*"})]}),o.jsx("div",{className:a.default.options,children:c}),(e||d)&&o.jsx("span",{className:e?a.default.errorMessage:a.default.hint,id:r,role:e?"alert":void 0,children:e||d})]})})}exports.RadioGroup=y;exports.useRadioGroupContexto=h;
+//# sourceMappingURL=RadioGroup.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.cjs","sources":["../../../../src/components/forms/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { createContext, useContext, useId, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport styles from './RadioGroup.module.css';\n\ninterface RadioGroupContexto {\n  defaultValue?: string;\n  disabled: boolean;\n  invalid: boolean;\n  name: string;\n  onValueChange?: (value: string) => void;\n  required: boolean;\n  value?: string;\n}\n\nconst RadioGroupContexto = createContext<RadioGroupContexto | null>(null);\n\nexport function useRadioGroupContexto() {\n  const contexto = useContext(RadioGroupContexto);\n\n  if (!contexto) {\n    throw new Error('Radio precisa ser renderizado dentro de RadioGroup.');\n  }\n\n  return contexto;\n}\n\nexport interface RadioGroupProps extends Omit<ComponentPropsWithRef<'fieldset'>, 'onChange'> {\n  children: ReactNode;\n  defaultValue?: string;\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  label: string;\n  name?: string;\n  onValueChange?: (value: string) => void;\n  required?: boolean;\n  value?: string;\n}\n\nexport function RadioGroup({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  children,\n  className,\n  defaultValue,\n  disabled = false,\n  error,\n  hint,\n  label,\n  name: providedName,\n  onValueChange,\n  required = false,\n  value,\n  ...props\n}: RadioGroupProps) {\n  const generatedId = useId();\n  const name = providedName ?? `radio-group-${generatedId}`;\n  // Do `useId`, e nao do nome: dois grupos com o mesmo nome dividiam o id da mensagem.\n  const messageId = `radio-group-${generatedId}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <RadioGroupContexto.Provider\n      value={{ defaultValue, disabled, invalid: Boolean(error), name, onValueChange, required, value }}\n    >\n      <fieldset\n        {...props}\n        className={[styles.group, className].filter(Boolean).join(' ')}\n        role=\"radiogroup\"\n        aria-describedby={describedBy}\n        aria-invalid={error ? true : ariaInvalid}\n        aria-required={required || undefined}\n      >\n        <legend className={styles.legend}>\n          {label}\n          {required && <span className={styles.required} aria-hidden=\"true\">*</span>}\n        </legend>\n        <div className={styles.options}>{children}</div>\n        {(error || hint) && (\n          <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n            {error || hint}\n          </span>\n        )}\n      </fieldset>\n    </RadioGroupContexto.Provider>\n  );\n}\n"],"names":["RadioGroupContexto","createContext","useRadioGroupContexto","contexto","useContext","RadioGroup","ariaDescribedBy","ariaInvalid","children","className","defaultValue","disabled","error","hint","label","providedName","onValueChange","required","value","props","generatedId","useId","name","messageId","describedBy","jsx","jsxs","styles"],"mappings":"iLAaMA,EAAqBC,EAAAA,cAAyC,IAAI,EAEjE,SAASC,GAAwB,CACtC,MAAMC,EAAWC,EAAAA,WAAWJ,CAAkB,EAE9C,GAAI,CAACG,EACH,MAAM,IAAI,MAAM,qDAAqD,EAGvE,OAAOA,CACT,CAeO,SAASE,EAAW,CACzB,mBAAoBC,EACpB,eAAgBC,EAChB,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EACA,KAAAC,EACA,MAAAC,EACA,KAAMC,EACN,cAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAOP,GAAgB,eAAeK,CAAW,GAEjDG,EAAY,eAAeH,CAAW,WACtCI,EAAc,CAAClB,EAAiBM,GAASC,EAAOU,EAAY,MAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,OAE1G,OACEE,EAAAA,IAACzB,EAAmB,SAAnB,CACC,MAAO,CAAE,aAAAU,EAAc,SAAAC,EAAU,QAAS,EAAQC,EAAQ,KAAAU,EAAM,cAAAN,EAAe,SAAAC,EAAU,MAAAC,CAAA,EAEzF,SAAAQ,EAAAA,KAAC,WAAA,CACE,GAAGP,EACJ,UAAW,CAACQ,UAAO,MAAOlB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC7D,KAAK,aACL,mBAAkBe,EAClB,eAAcZ,EAAQ,GAAOL,EAC7B,gBAAeU,GAAY,OAE3B,SAAA,CAAAS,EAAAA,KAAC,SAAA,CAAO,UAAWC,EAAAA,QAAO,OACvB,SAAA,CAAAb,EACAG,SAAa,OAAA,CAAK,UAAWU,EAAAA,QAAO,SAAU,cAAY,OAAO,SAAA,GAAA,CAAC,CAAA,EACrE,EACAF,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,QAAU,SAAAnB,EAAS,GACxCI,GAASC,IACTY,MAAC,OAAA,CAAK,UAAWb,EAAQe,EAAAA,QAAO,aAAeA,EAAAA,QAAO,KAAM,GAAIJ,EAAW,KAAMX,EAAQ,QAAU,OAChG,YAASC,CAAA,CACZ,CAAA,CAAA,CAAA,CAEJ,CAAA,CAGN"}

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

@@ -0,0 +1,58 @@
+import { jsx as i, jsxs as t } from "react/jsx-runtime";
+import { useId as j, useContext as y, createContext as B } from "react";
+import o from "./RadioGroup.module.css.js";
+const l = B(null);
+function w() {
+  const a = y(l);
+  if (!a)
+    throw new Error("Radio precisa ser renderizado dentro de RadioGroup.");
+  return a;
+}
+function $({
+  "aria-describedby": a,
+  "aria-invalid": c,
+  children: u,
+  className: p,
+  defaultValue: m,
+  disabled: f = !1,
+  error: e,
+  hint: d,
+  label: g,
+  name: v,
+  onValueChange: x,
+  required: n = !1,
+  value: h,
+  ...b
+}) {
+  const r = j(), N = v ?? `radio-group-${r}`, s = `radio-group-${r}-message`, R = [a, e || d ? s : void 0].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ i(
+    l.Provider,
+    {
+      value: { defaultValue: m, disabled: f, invalid: !!e, name: N, onValueChange: x, required: n, value: h },
+      children: /* @__PURE__ */ t(
+        "fieldset",
+        {
+          ...b,
+          className: [o.group, p].filter(Boolean).join(" "),
+          role: "radiogroup",
+          "aria-describedby": R,
+          "aria-invalid": e ? !0 : c,
+          "aria-required": n || void 0,
+          children: [
+            /* @__PURE__ */ t("legend", { className: o.legend, children: [
+              g,
+              n && /* @__PURE__ */ i("span", { className: o.required, "aria-hidden": "true", children: "*" })
+            ] }),
+            /* @__PURE__ */ i("div", { className: o.options, children: u }),
+            (e || d) && /* @__PURE__ */ i("span", { className: e ? o.errorMessage : o.hint, id: s, role: e ? "alert" : void 0, children: e || d })
+          ]
+        }
+      )
+    }
+  );
+}
+export {
+  $ as RadioGroup,
+  w as useRadioGroupContexto
+};
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/forms/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { createContext, useContext, useId, type ComponentPropsWithRef, type ReactNode } from 'react';\nimport styles from './RadioGroup.module.css';\n\ninterface RadioGroupContexto {\n  defaultValue?: string;\n  disabled: boolean;\n  invalid: boolean;\n  name: string;\n  onValueChange?: (value: string) => void;\n  required: boolean;\n  value?: string;\n}\n\nconst RadioGroupContexto = createContext<RadioGroupContexto | null>(null);\n\nexport function useRadioGroupContexto() {\n  const contexto = useContext(RadioGroupContexto);\n\n  if (!contexto) {\n    throw new Error('Radio precisa ser renderizado dentro de RadioGroup.');\n  }\n\n  return contexto;\n}\n\nexport interface RadioGroupProps extends Omit<ComponentPropsWithRef<'fieldset'>, 'onChange'> {\n  children: ReactNode;\n  defaultValue?: string;\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  label: string;\n  name?: string;\n  onValueChange?: (value: string) => void;\n  required?: boolean;\n  value?: string;\n}\n\nexport function RadioGroup({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  children,\n  className,\n  defaultValue,\n  disabled = false,\n  error,\n  hint,\n  label,\n  name: providedName,\n  onValueChange,\n  required = false,\n  value,\n  ...props\n}: RadioGroupProps) {\n  const generatedId = useId();\n  const name = providedName ?? `radio-group-${generatedId}`;\n  // Do `useId`, e nao do nome: dois grupos com o mesmo nome dividiam o id da mensagem.\n  const messageId = `radio-group-${generatedId}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined].filter(Boolean).join(' ') || undefined;\n\n  return (\n    <RadioGroupContexto.Provider\n      value={{ defaultValue, disabled, invalid: Boolean(error), name, onValueChange, required, value }}\n    >\n      <fieldset\n        {...props}\n        className={[styles.group, className].filter(Boolean).join(' ')}\n        role=\"radiogroup\"\n        aria-describedby={describedBy}\n        aria-invalid={error ? true : ariaInvalid}\n        aria-required={required || undefined}\n      >\n        <legend className={styles.legend}>\n          {label}\n          {required && <span className={styles.required} aria-hidden=\"true\">*</span>}\n        </legend>\n        <div className={styles.options}>{children}</div>\n        {(error || hint) && (\n          <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n            {error || hint}\n          </span>\n        )}\n      </fieldset>\n    </RadioGroupContexto.Provider>\n  );\n}\n"],"names":["RadioGroupContexto","createContext","useRadioGroupContexto","contexto","useContext","RadioGroup","ariaDescribedBy","ariaInvalid","children","className","defaultValue","disabled","error","hint","label","providedName","onValueChange","required","value","props","generatedId","useId","name","messageId","describedBy","jsx","jsxs","styles"],"mappings":";;;AAaA,MAAMA,IAAqBC,EAAyC,IAAI;AAEjE,SAASC,IAAwB;AACtC,QAAMC,IAAWC,EAAWJ,CAAkB;AAE9C,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,qDAAqD;AAGvE,SAAOA;AACT;AAeO,SAASE,EAAW;AAAA,EACzB,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAMC;AAAA,EACN,eAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,GAAGC;AACL,GAAoB;AAClB,QAAMC,IAAcC,EAAA,GACdC,IAAOP,KAAgB,eAAeK,CAAW,IAEjDG,IAAY,eAAeH,CAAW,YACtCI,IAAc,CAAClB,GAAiBM,KAASC,IAAOU,IAAY,MAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAE1G,SACE,gBAAAE;AAAA,IAACzB,EAAmB;AAAA,IAAnB;AAAA,MACC,OAAO,EAAE,cAAAU,GAAc,UAAAC,GAAU,SAAS,EAAQC,GAAQ,MAAAU,GAAM,eAAAN,GAAe,UAAAC,GAAU,OAAAC,EAAA;AAAA,MAEzF,UAAA,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGP;AAAA,UACJ,WAAW,CAACQ,EAAO,OAAOlB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,UAC7D,MAAK;AAAA,UACL,oBAAkBe;AAAA,UAClB,gBAAcZ,IAAQ,KAAOL;AAAA,UAC7B,iBAAeU,KAAY;AAAA,UAE3B,UAAA;AAAA,YAAA,gBAAAS,EAAC,UAAA,EAAO,WAAWC,EAAO,QACvB,UAAA;AAAA,cAAAb;AAAA,cACAG,uBAAa,QAAA,EAAK,WAAWU,EAAO,UAAU,eAAY,QAAO,UAAA,IAAA,CAAC;AAAA,YAAA,GACrE;AAAA,YACA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,SAAU,UAAAnB,GAAS;AAAA,aACxCI,KAASC,MACT,gBAAAY,EAAC,QAAA,EAAK,WAAWb,IAAQe,EAAO,eAAeA,EAAO,MAAM,IAAIJ,GAAW,MAAMX,IAAQ,UAAU,QAChG,eAASC,EAAA,CACZ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +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_wy7pm_8",c="_errorMessage_1nbsm_102 _errorMessage_wy7pm_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;
+//# sourceMappingURL=RadioGroup.module.css.cjs.map

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

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

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_wy7pm_8", m = "_errorMessage_1nbsm_102 _errorMessage_wy7pm_9", p = {
+  group: n,
+  legend: _,
+  required: s,
+  options: o,
+  control: r,
+  input: e,
+  error: t,
+  text: c,
+  hint: i,
+  errorMessage: m
+};
+export {
+  r as control,
+  p as default,
+  t as error,
+  m 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/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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"}