@plenustech/design-system 0.2.1 → 0.2.3

package/dist/components/forms/InputNumber/InputNumber.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),m=require("../../../hooks/useDecimalInput.cjs"),o=require("../../../hooks/useMergedRefs.cjs"),I=require("../InputText/InputText.cjs");function x({decimalScale:t=0,defaultValue:s="",onBlur:n,onKeyDown:r,onValueChange:f,value:d,...i}){const u=m.useDecimalInput({decimalScale:t,defaultValue:s,onValueChange:f,value:d}),c=o.useMergedRefs(u.ref,i.ref);function p(e){u.endEditing(),n==null||n(e)}function a(e){t===0&&(e.key===","||e.key===".")&&e.preventDefault(),r==null||r(e)}return g.jsx(I.InputText,{...i,ref:c,inputMode:t>0?"decimal":"numeric",onBlur:p,onChange:u.handleChange,onKeyDown:a,pattern:t>0?void 0:"-?[0-9]*",type:"text",value:u.text})}exports.InputNumber=x;
+//# sourceMappingURL=InputNumber.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.cjs","sources":["../../../../src/components/forms/InputNumber/InputNumber.tsx"],"sourcesContent":["import { type FocusEvent, type KeyboardEvent, type Ref } from 'react';\nimport { useDecimalInput } from '../../../hooks/useDecimalInput';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { InputText, type InputTextProps } from '../InputText';\n\nexport interface InputNumberProps extends Omit<InputTextProps, 'defaultValue' | 'onChange' | 'showCharacterCount' | 'type' | 'value'> {\n  decimalScale?: number;\n  defaultValue?: string | number;\n  onValueChange?: (value: string) => void;\n  value?: string | number;\n}\n\nexport function InputNumber({\n  decimalScale = 0,\n  defaultValue = '',\n  onBlur,\n  onKeyDown,\n  onValueChange,\n  value,\n  ...props\n}: InputNumberProps) {\n  const decimalInput = useDecimalInput({ decimalScale, defaultValue, onValueChange, value });\n  const mergedRef = useMergedRefs(decimalInput.ref, props.ref as Ref<HTMLInputElement>);\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    decimalInput.endEditing();\n    onBlur?.(event);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    if (decimalScale === 0 && (event.key === ',' || event.key === '.')) {\n      event.preventDefault();\n    }\n    onKeyDown?.(event);\n  }\n\n  return (\n    <InputText\n      {...props}\n      ref={mergedRef}\n      inputMode={decimalScale > 0 ? 'decimal' : 'numeric'}\n      onBlur={handleBlur}\n      onChange={decimalInput.handleChange}\n      onKeyDown={handleKeyDown}\n      pattern={decimalScale > 0 ? undefined : '-?[0-9]*'}\n      type=\"text\"\n      value={decimalInput.text}\n    />\n  );\n}\n"],"names":["InputNumber","decimalScale","defaultValue","onBlur","onKeyDown","onValueChange","value","props","decimalInput","useDecimalInput","mergedRef","useMergedRefs","handleBlur","event","handleKeyDown","jsx","InputText"],"mappings":"2PAYO,SAASA,EAAY,CAC1B,aAAAC,EAAe,EACf,aAAAC,EAAe,GACf,OAAAC,EACA,UAAAC,EACA,cAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,MAAMC,EAAeC,EAAAA,gBAAgB,CAAE,aAAAR,EAAc,aAAAC,EAAc,cAAAG,EAAe,MAAAC,EAAO,EACnFI,EAAYC,EAAAA,cAAcH,EAAa,IAAKD,EAAM,GAA4B,EAEpF,SAASK,EAAWC,EAAqC,CACvDL,EAAa,WAAA,EACbL,GAAA,MAAAA,EAASU,EACX,CAEA,SAASC,EAAcD,EAAwC,CACzDZ,IAAiB,IAAMY,EAAM,MAAQ,KAAOA,EAAM,MAAQ,MAC5DA,EAAM,eAAA,EAERT,GAAA,MAAAA,EAAYS,EACd,CAEA,OACEE,EAAAA,IAACC,EAAAA,UAAA,CACE,GAAGT,EACJ,IAAKG,EACL,UAAWT,EAAe,EAAI,UAAY,UAC1C,OAAQW,EACR,SAAUJ,EAAa,aACvB,UAAWM,EACX,QAASb,EAAe,EAAI,OAAY,WACxC,KAAK,OACL,MAAOO,EAAa,IAAA,CAAA,CAG1B"}

package/dist/components/forms/InputNumber/InputNumber.js

@@ -0,0 +1,39 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useDecimalInput as h } from "../../../hooks/useDecimalInput.js";
+import { useMergedRefs as s } from "../../../hooks/useMergedRefs.js";
+import { InputText as x } from "../InputText/InputText.js";
+function M({
+  decimalScale: e = 0,
+  defaultValue: u = "",
+  onBlur: f,
+  onKeyDown: n,
+  onValueChange: m,
+  value: p,
+  ...i
+}) {
+  const r = h({ decimalScale: e, defaultValue: u, onValueChange: m, value: p }), d = s(r.ref, i.ref);
+  function o(t) {
+    r.endEditing(), f == null || f(t);
+  }
+  function a(t) {
+    e === 0 && (t.key === "," || t.key === ".") && t.preventDefault(), n == null || n(t);
+  }
+  return /* @__PURE__ */ g(
+    x,
+    {
+      ...i,
+      ref: d,
+      inputMode: e > 0 ? "decimal" : "numeric",
+      onBlur: o,
+      onChange: r.handleChange,
+      onKeyDown: a,
+      pattern: e > 0 ? void 0 : "-?[0-9]*",
+      type: "text",
+      value: r.text
+    }
+  );
+}
+export {
+  M as InputNumber
+};
+//# sourceMappingURL=InputNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","sources":["../../../../src/components/forms/InputNumber/InputNumber.tsx"],"sourcesContent":["import { type FocusEvent, type KeyboardEvent, type Ref } from 'react';\nimport { useDecimalInput } from '../../../hooks/useDecimalInput';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { InputText, type InputTextProps } from '../InputText';\n\nexport interface InputNumberProps extends Omit<InputTextProps, 'defaultValue' | 'onChange' | 'showCharacterCount' | 'type' | 'value'> {\n  decimalScale?: number;\n  defaultValue?: string | number;\n  onValueChange?: (value: string) => void;\n  value?: string | number;\n}\n\nexport function InputNumber({\n  decimalScale = 0,\n  defaultValue = '',\n  onBlur,\n  onKeyDown,\n  onValueChange,\n  value,\n  ...props\n}: InputNumberProps) {\n  const decimalInput = useDecimalInput({ decimalScale, defaultValue, onValueChange, value });\n  const mergedRef = useMergedRefs(decimalInput.ref, props.ref as Ref<HTMLInputElement>);\n\n  function handleBlur(event: FocusEvent<HTMLInputElement>) {\n    decimalInput.endEditing();\n    onBlur?.(event);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    if (decimalScale === 0 && (event.key === ',' || event.key === '.')) {\n      event.preventDefault();\n    }\n    onKeyDown?.(event);\n  }\n\n  return (\n    <InputText\n      {...props}\n      ref={mergedRef}\n      inputMode={decimalScale > 0 ? 'decimal' : 'numeric'}\n      onBlur={handleBlur}\n      onChange={decimalInput.handleChange}\n      onKeyDown={handleKeyDown}\n      pattern={decimalScale > 0 ? undefined : '-?[0-9]*'}\n      type=\"text\"\n      value={decimalInput.text}\n    />\n  );\n}\n"],"names":["InputNumber","decimalScale","defaultValue","onBlur","onKeyDown","onValueChange","value","props","decimalInput","useDecimalInput","mergedRef","useMergedRefs","handleBlur","event","handleKeyDown","jsx","InputText"],"mappings":";;;;AAYO,SAASA,EAAY;AAAA,EAC1B,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,QAAMC,IAAeC,EAAgB,EAAE,cAAAR,GAAc,cAAAC,GAAc,eAAAG,GAAe,OAAAC,GAAO,GACnFI,IAAYC,EAAcH,EAAa,KAAKD,EAAM,GAA4B;AAEpF,WAASK,EAAWC,GAAqC;AACvD,IAAAL,EAAa,WAAA,GACbL,KAAA,QAAAA,EAASU;AAAA,EACX;AAEA,WAASC,EAAcD,GAAwC;AAC7D,IAAIZ,MAAiB,MAAMY,EAAM,QAAQ,OAAOA,EAAM,QAAQ,QAC5DA,EAAM,eAAA,GAERT,KAAA,QAAAA,EAAYS;AAAA,EACd;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,KAAKG;AAAA,MACL,WAAWT,IAAe,IAAI,YAAY;AAAA,MAC1C,QAAQW;AAAA,MACR,UAAUJ,EAAa;AAAA,MACvB,WAAWM;AAAA,MACX,SAASb,IAAe,IAAI,SAAY;AAAA,MACxC,MAAK;AAAA,MACL,OAAOO,EAAa;AAAA,IAAA;AAAA,EAAA;AAG1B;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.cjs","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.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 o="_control_17rak_1",t="_input_17rak_7",r="_error_17rak_26",e="_sm_17rak_44",_="_md_17rak_51",n="_toggle_17rak_67",s={control:o,input:t,error:r,sm:e,md:_,toggle:n};exports.control=o;exports.default=s;exports.error=r;exports.input=t;exports.md=_;exports.sm=e;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 o = "_control_17rak_1", r = "_input_17rak_7", t = "_error_17rak_26", _ = "_sm_17rak_44", n = "_md_17rak_51", s = "_toggle_17rak_67", c = {
+  control: o,
+  input: r,
+  error: t,
+  sm: _,
+  md: n,
+  toggle: s
+};
+export {
+  o as control,
+  c as default,
+  t as error,
+  r as input,
+  n as md,
+  _ 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 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;
+//# 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, 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"}

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

@@ -0,0 +1,70 @@
+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 { useCharacterCount as k } from "../../../hooks/useCharacterCount/useCharacterCount.js";
+import { Field as A } from "../Field/Field.js";
+function K({
+  "aria-describedby": m,
+  "aria-invalid": f,
+  className: u,
+  error: p,
+  hint: b,
+  icon: i,
+  id: h,
+  label: j,
+  maxLength: s,
+  required: o = !1,
+  size: n = "md",
+  showCharacterCount: y = !1,
+  defaultValue: c,
+  onChange: t,
+  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);
+  }
+  return /* @__PURE__ */ a(
+    A,
+    {
+      "aria-describedby": m,
+      characterCount: v,
+      error: p,
+      hint: b,
+      id: h,
+      label: j,
+      maxLength: s,
+      required: o,
+      showCharacterCount: y,
+      size: n,
+      children: ({ className: r, id: w, describedBy: F, invalid: M }) => {
+        const l = /* @__PURE__ */ a(
+          "input",
+          {
+            ...x,
+            defaultValue: c,
+            id: w,
+            ref: C,
+            "aria-describedby": F,
+            "aria-invalid": M || f,
+            className: [r, i && e.withIcon, u].filter(Boolean).join(" "),
+            maxLength: s,
+            onChange: I,
+            required: o,
+            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 }),
+          l
+        ] }) : l;
+      }
+    }
+  );
+}
+export {
+  K 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, 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;"}

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 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;
+//# 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 c = "_control_x50cf_2", o = "_icon_x50cf_8", n = "_withIcon_x50cf_17", t = "_sm_x50cf_21", _ = {
+  control: c,
+  icon: o,
+  withIcon: n,
+  sm: t
+};
+export {
+  c as control,
+  _ as default,
+  o as icon,
+  t as sm,
+  n as withIcon
+};
+//# 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_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;
+//# 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":""}