@treeal/ds 0.2.1 → 0.2.2

package/dist/index.esm10.js

@@ -1,139 +1,145 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useId as S, useState as x } from "react";
-import r from "./index.esm26.js";
-function z() {
-  return /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useId as y, useState as A, useRef as D } from "react";
+import r from "./index.esm18.js";
+function R() {
+  return /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ e("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e("polyline", { points: "22,6 12,13 2,6", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function H() {
-  return /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+function S() {
+  return /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "7", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round" }),
     /* @__PURE__ */ e("path", { d: "M16.5 16.5L21 21", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round" })
   ] });
 }
-function O() {
-  return /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+function P() {
+  return /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ e("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e("path", { d: "M16 2v4M8 2v4M3 10h18", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function P() {
-  return /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+function z() {
+  return /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ e("rect", { x: "5", y: "11", width: "14", height: "11", rx: "2", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e("path", { d: "M8 11V7a4 4 0 0 1 8 0v4", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function R() {
-  return /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+function H() {
+  return /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ e("path", { d: "M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "1.75" })
   ] });
 }
-function V() {
-  return /* @__PURE__ */ n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+function O() {
+  return /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ e("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e("path", { d: "M1 1l22 22", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round" })
   ] });
 }
-function G({
-  state: d = "Default",
-  size: g = "md",
+function q({
+  state: i = "Default",
+  size: m = "md",
   inputType: o = "text",
-  label: k,
-  placeholder: b,
-  message: c,
-  iconLabel: f,
-  iconLeft: C,
-  iconRight: B,
-  value: v,
-  onChange: j,
-  onSearch: I,
-  id: W,
-  className: M,
-  ...t
+  label: h,
+  placeholder: w,
+  message: d,
+  iconLabel: u,
+  iconLeft: b,
+  iconRight: L,
+  value: g,
+  onChange: x,
+  onSearch: C,
+  id: j,
+  className: I,
+  ...B
 }) {
-  const N = S(), a = W ?? N, [l, E] = x(!1), [F, m] = x(!1), h = d === "Disabled", u = d === "Error", D = o === "password" ? l ? "text" : "password" : o === "search" ? "text" : o === "date" ? F || v ? "date" : "text" : o, w = C ?? (o === "email" ? /* @__PURE__ */ e(z, {}) : o === "password" ? /* @__PURE__ */ e(P, {}) : void 0), L = B ?? (o === "password" ? /* @__PURE__ */ e(
+  const W = y(), s = j ?? W, [a, M] = A(!1), k = D(null), c = i === "Disabled", l = i === "Error", N = o === "password" ? a ? "text" : "password" : o === "search" ? "text" : o, f = b ?? (o === "email" ? /* @__PURE__ */ e(R, {}) : o === "password" ? /* @__PURE__ */ e(z, {}) : void 0), v = L ?? (o === "password" ? /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: r.toggleBtn,
+      onClick: () => M((n) => !n),
+      "aria-label": a ? "Ocultar senha" : "Mostrar senha",
+      tabIndex: -1,
+      children: a ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ e(O, {})
+    }
+  ) : o === "date" ? /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       className: r.toggleBtn,
-      onClick: () => E((i) => !i),
-      "aria-label": l ? "Ocultar senha" : "Mostrar senha",
+      onClick: () => {
+        var n, p;
+        return (p = (n = k.current) == null ? void 0 : n.showPicker) == null ? void 0 : p.call(n);
+      },
+      "aria-label": "Abrir calendário",
       tabIndex: -1,
-      children: l ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(V, {})
+      children: /* @__PURE__ */ e(P, {})
     }
-  ) : o === "date" ? /* @__PURE__ */ e(O, {}) : o === "search" ? /* @__PURE__ */ e(
+  ) : o === "search" ? /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       className: r.searchBtn,
-      onClick: I,
+      onClick: C,
       "aria-label": "Buscar",
       tabIndex: -1,
-      children: /* @__PURE__ */ e(H, {})
+      children: /* @__PURE__ */ e(S, {})
     }
-  ) : void 0), A = [
+  ) : void 0), E = [
     r.field,
-    g === "sm" ? r.fieldSm : r.fieldMd,
-    d === "Hover" ? r.hover : "",
-    d === "Active" ? r.active : "",
-    h ? r.disabled : "",
-    u ? r.error : "",
-    M
+    m === "sm" ? r.fieldSm : r.fieldMd,
+    i === "Hover" ? r.hover : "",
+    i === "Active" ? r.active : "",
+    c ? r.disabled : "",
+    l ? r.error : "",
+    I
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("div", { className: r.wrapper, children: [
-    k && /* @__PURE__ */ n("div", { className: r.labelRow, children: [
+  return /* @__PURE__ */ t("div", { className: r.wrapper, children: [
+    h && /* @__PURE__ */ t("div", { className: r.labelRow, children: [
       /* @__PURE__ */ e(
         "label",
         {
-          htmlFor: a,
-          className: [r.label, h ? r.labelDisabled : ""].filter(Boolean).join(" "),
-          children: k
+          htmlFor: s,
+          className: [r.label, c ? r.labelDisabled : ""].filter(Boolean).join(" "),
+          children: h
         }
       ),
-      f && /* @__PURE__ */ e("span", { className: r.labelIcon, "aria-hidden": "true", children: f })
+      u && /* @__PURE__ */ e("span", { className: r.labelIcon, "aria-hidden": "true", children: u })
     ] }),
-    /* @__PURE__ */ n("div", { className: A, children: [
-      w && /* @__PURE__ */ e("span", { className: r.icon, "aria-hidden": "true", children: w }),
+    /* @__PURE__ */ t("div", { className: E, children: [
+      f && /* @__PURE__ */ e("span", { className: r.icon, "aria-hidden": "true", children: f }),
       /* @__PURE__ */ e(
         "input",
         {
-          id: a,
-          type: D,
+          ref: k,
+          id: s,
+          type: N,
           className: r.input,
-          placeholder: b,
-          disabled: h,
-          value: v,
-          onChange: j,
-          onFocus: o === "date" ? (i) => {
-            var s;
-            m(!0), (s = t.onFocus) == null || s.call(t, i);
-          } : t.onFocus,
-          onBlur: o === "date" ? (i) => {
-            var s;
-            m(!1), (s = t.onBlur) == null || s.call(t, i);
-          } : t.onBlur,
-          "aria-invalid": u,
-          "aria-describedby": c ? `${a}-message` : void 0,
-          ...t
+          placeholder: w,
+          disabled: c,
+          value: g,
+          onChange: x,
+          "aria-invalid": l,
+          "aria-describedby": d ? `${s}-message` : void 0,
+          ...B
         }
       ),
-      L && /* @__PURE__ */ e("span", { className: [r.icon, o === "search" || o === "password" ? r.iconAction : ""].filter(Boolean).join(" "), children: L })
+      v && /* @__PURE__ */ e("span", { className: [r.icon, o === "search" || o === "password" ? r.iconAction : ""].filter(Boolean).join(" "), children: v })
     ] }),
-    c && /* @__PURE__ */ e(
+    d && /* @__PURE__ */ e(
       "p",
       {
-        id: `${a}-message`,
-        className: [r.message, u ? r.messageError : ""].filter(Boolean).join(" "),
-        children: c
+        id: `${s}-message`,
+        className: [r.message, l ? r.messageError : ""].filter(Boolean).join(" "),
+        children: d
       }
     )
   ] });
 }
 export {
-  G as Input
+  q as Input
 };
 //# sourceMappingURL=index.esm10.js.map

package/dist/index.esm10.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm10.js","sources":["../components/Input/Input.tsx"],"sourcesContent":["import React, { useId, useState } from 'react';\nimport styles from './Input.module.css';\n\nexport type InputState    = 'Default' | 'Hover' | 'Active' | 'Disabled' | 'Error';\nexport type InputType     = 'text' | 'email' | 'password' | 'search' | 'date';\nexport type InputSize     = 'sm' | 'md';\n\n// ─── Built-in SVG icons ───────────────────────────────────────────────────────\n\nfunction IconEmail() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <polyline points=\"22,6 12,13 2,6\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconSearch() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n      <path d=\"M16.5 16.5L21 21\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconCalendar() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M16 2v4M8 2v4M3 10h18\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconLock() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M8 11V7a4 4 0 0 1 8 0v4\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconEye() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"1.75\"/>\n    </svg>\n  );\n}\n\nfunction IconEyeOff() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M1 1l22 22\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n    </svg>\n  );\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type' | 'size'> {\n  /** Visual/interaction state. Defaults to 'Default'. */\n  state?: InputState;\n  /** Size variant. sm = 36px height, md = 48px height. Defaults to 'md'. */\n  size?: InputSize;\n  /**\n   * Semantic input type. Sets the correct HTML type and auto-adds icons.\n   * - email    → envelope icon left\n   * - password → lock icon left + show/hide toggle right\n   * - search   → search icon left + green search button right\n   * - date     → calendar icon right\n   */\n  inputType?: InputType;\n  /** Label text rendered above the field. */\n  label?: string;\n  placeholder?: string;\n  /** Helper or error message rendered below the field. */\n  message?: string;\n  /** Info icon rendered beside the label. */\n  iconLabel?: React.ReactNode;\n  /** Icon rendered inside the field, left side (24×24 slot). */\n  iconLeft?: React.ReactNode;\n  /** Icon rendered inside the field, right side (24×24 slot). */\n  iconRight?: React.ReactNode;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Called when search button is clicked (only for inputType=\"search\") */\n  onSearch?: () => void;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function Input({\n  state = 'Default',\n  size = 'md',\n  inputType = 'text',\n  label,\n  placeholder,\n  message,\n  iconLabel,\n  iconLeft,\n  iconRight,\n  value,\n  onChange,\n  onSearch,\n  id: idProp,\n  className,\n  ...props\n}: InputProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const [showPassword, setShowPassword] = useState(false);\n  const [dateFocused, setDateFocused]   = useState(false);\n\n  const isDisabled = state === 'Disabled';\n  const isError    = state === 'Error';\n\n  // ── Resolve HTML type ──────────────────────────────────────────────────────\n  const htmlType = inputType === 'password'\n    ? (showPassword ? 'text' : 'password')\n    : inputType === 'search'\n    ? 'text'\n    : inputType === 'date'\n    ? (dateFocused || !!value ? 'date' : 'text')\n    : inputType;\n\n  // ── Resolve built-in icons ─────────────────────────────────────────────────\n  const resolvedIconLeft: React.ReactNode =\n    iconLeft ??\n    (inputType === 'email'    ? <IconEmail />    :\n     inputType === 'password' ? <IconLock />     :\n     undefined);\n\n  const resolvedIconRight: React.ReactNode =\n    iconRight ??\n    (inputType === 'password'\n      ? (\n        <button\n          type=\"button\"\n          className={styles.toggleBtn}\n          onClick={() => setShowPassword((v) => !v)}\n          aria-label={showPassword ? 'Ocultar senha' : 'Mostrar senha'}\n          tabIndex={-1}\n        >\n          {showPassword ? <IconEye /> : <IconEyeOff />}\n        </button>\n      )\n      : inputType === 'date'\n      ? <IconCalendar />\n      : inputType === 'search'\n      ? (\n        <button\n          type=\"button\"\n          className={styles.searchBtn}\n          onClick={onSearch}\n          aria-label=\"Buscar\"\n          tabIndex={-1}\n        >\n          <IconSearch />\n        </button>\n      )\n      : undefined);\n\n  const fieldClass = [\n    styles.field,\n    size === 'sm' ? styles.fieldSm : styles.fieldMd,\n    state === 'Hover'  ? styles.hover   : '',\n    state === 'Active' ? styles.active  : '',\n    isDisabled         ? styles.disabled : '',\n    isError            ? styles.error   : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={styles.wrapper}>\n      {label && (\n        <div className={styles.labelRow}>\n          <label\n            htmlFor={id}\n            className={[styles.label, isDisabled ? styles.labelDisabled : '']\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {label}\n          </label>\n          {iconLabel && (\n            <span className={styles.labelIcon} aria-hidden=\"true\">\n              {iconLabel}\n            </span>\n          )}\n        </div>\n      )}\n\n      <div className={fieldClass}>\n        {resolvedIconLeft && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {resolvedIconLeft}\n          </span>\n        )}\n        <input\n          id={id}\n          type={htmlType}\n          className={styles.input}\n          placeholder={placeholder}\n          disabled={isDisabled}\n          value={value}\n          onChange={onChange}\n          onFocus={inputType === 'date' ? (e) => { setDateFocused(true); props.onFocus?.(e); } : props.onFocus}\n          onBlur={inputType === 'date'  ? (e) => { setDateFocused(false); props.onBlur?.(e); } : props.onBlur}\n          aria-invalid={isError}\n          aria-describedby={message ? `${id}-message` : undefined}\n          {...props}\n        />\n        {resolvedIconRight && (\n          <span className={[styles.icon, inputType === 'search' || inputType === 'password' ? styles.iconAction : ''].filter(Boolean).join(' ')}>\n            {resolvedIconRight}\n          </span>\n        )}\n      </div>\n\n      {message && (\n        <p\n          id={`${id}-message`}\n          className={[styles.message, isError ? styles.messageError : '']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"names":["IconEmail","jsxs","jsx","IconSearch","IconCalendar","IconLock","IconEye","IconEyeOff","Input","state","size","inputType","label","placeholder","message","iconLabel","iconLeft","iconRight","value","onChange","onSearch","idProp","className","props","generatedId","useId","id","showPassword","setShowPassword","useState","dateFocused","setDateFocused","isDisabled","isError","htmlType","resolvedIconLeft","resolvedIconRight","styles","v","fieldClass","e","_a"],"mappings":"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"}
+{"version":3,"file":"index.esm10.js","sources":["../components/Input/Input.tsx"],"sourcesContent":["import React, { useId, useRef, useState } from 'react';\nimport styles from './Input.module.css';\n\nexport type InputState    = 'Default' | 'Hover' | 'Active' | 'Disabled' | 'Error';\nexport type InputType     = 'text' | 'email' | 'password' | 'search' | 'date';\nexport type InputSize     = 'sm' | 'md';\n\n// ─── Built-in SVG icons ───────────────────────────────────────────────────────\n\nfunction IconEmail() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <polyline points=\"22,6 12,13 2,6\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconSearch() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n      <path d=\"M16.5 16.5L21 21\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconCalendar() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M16 2v4M8 2v4M3 10h18\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconLock() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <rect x=\"5\" y=\"11\" width=\"14\" height=\"11\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M8 11V7a4 4 0 0 1 8 0v4\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n    </svg>\n  );\n}\n\nfunction IconEye() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"1.75\"/>\n    </svg>\n  );\n}\n\nfunction IconEyeOff() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n      <path d=\"M1 1l22 22\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\"/>\n    </svg>\n  );\n}\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type' | 'size'> {\n  /** Visual/interaction state. Defaults to 'Default'. */\n  state?: InputState;\n  /** Size variant. sm = 36px height, md = 48px height. Defaults to 'md'. */\n  size?: InputSize;\n  /**\n   * Semantic input type. Sets the correct HTML type and auto-adds icons.\n   * - email    → envelope icon left\n   * - password → lock icon left + show/hide toggle right\n   * - search   → search icon left + green search button right\n   * - date     → calendar icon right\n   */\n  inputType?: InputType;\n  /** Label text rendered above the field. */\n  label?: string;\n  placeholder?: string;\n  /** Helper or error message rendered below the field. */\n  message?: string;\n  /** Info icon rendered beside the label. */\n  iconLabel?: React.ReactNode;\n  /** Icon rendered inside the field, left side (24×24 slot). */\n  iconLeft?: React.ReactNode;\n  /** Icon rendered inside the field, right side (24×24 slot). */\n  iconRight?: React.ReactNode;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Called when search button is clicked (only for inputType=\"search\") */\n  onSearch?: () => void;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function Input({\n  state = 'Default',\n  size = 'md',\n  inputType = 'text',\n  label,\n  placeholder,\n  message,\n  iconLabel,\n  iconLeft,\n  iconRight,\n  value,\n  onChange,\n  onSearch,\n  id: idProp,\n  className,\n  ...props\n}: InputProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n  const [showPassword, setShowPassword] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const isDisabled = state === 'Disabled';\n  const isError    = state === 'Error';\n\n  // ── Resolve HTML type ──────────────────────────────────────────────────────\n  const htmlType = inputType === 'password'\n    ? (showPassword ? 'text' : 'password')\n    : inputType === 'search'\n    ? 'text'\n    : inputType;\n\n  // ── Resolve built-in icons ─────────────────────────────────────────────────\n  const resolvedIconLeft: React.ReactNode =\n    iconLeft ??\n    (inputType === 'email'    ? <IconEmail />    :\n     inputType === 'password' ? <IconLock />     :\n     undefined);\n\n  const resolvedIconRight: React.ReactNode =\n    iconRight ??\n    (inputType === 'password'\n      ? (\n        <button\n          type=\"button\"\n          className={styles.toggleBtn}\n          onClick={() => setShowPassword((v) => !v)}\n          aria-label={showPassword ? 'Ocultar senha' : 'Mostrar senha'}\n          tabIndex={-1}\n        >\n          {showPassword ? <IconEye /> : <IconEyeOff />}\n        </button>\n      )\n      : inputType === 'date'\n      ? (\n        <button\n          type=\"button\"\n          className={styles.toggleBtn}\n          onClick={() => inputRef.current?.showPicker?.()}\n          aria-label=\"Abrir calendário\"\n          tabIndex={-1}\n        >\n          <IconCalendar />\n        </button>\n      )\n      : inputType === 'search'\n      ? (\n        <button\n          type=\"button\"\n          className={styles.searchBtn}\n          onClick={onSearch}\n          aria-label=\"Buscar\"\n          tabIndex={-1}\n        >\n          <IconSearch />\n        </button>\n      )\n      : undefined);\n\n  const fieldClass = [\n    styles.field,\n    size === 'sm' ? styles.fieldSm : styles.fieldMd,\n    state === 'Hover'  ? styles.hover   : '',\n    state === 'Active' ? styles.active  : '',\n    isDisabled         ? styles.disabled : '',\n    isError            ? styles.error   : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={styles.wrapper}>\n      {label && (\n        <div className={styles.labelRow}>\n          <label\n            htmlFor={id}\n            className={[styles.label, isDisabled ? styles.labelDisabled : '']\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {label}\n          </label>\n          {iconLabel && (\n            <span className={styles.labelIcon} aria-hidden=\"true\">\n              {iconLabel}\n            </span>\n          )}\n        </div>\n      )}\n\n      <div className={fieldClass}>\n        {resolvedIconLeft && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {resolvedIconLeft}\n          </span>\n        )}\n        <input\n          ref={inputRef}\n          id={id}\n          type={htmlType}\n          className={styles.input}\n          placeholder={placeholder}\n          disabled={isDisabled}\n          value={value}\n          onChange={onChange}\n          aria-invalid={isError}\n          aria-describedby={message ? `${id}-message` : undefined}\n          {...props}\n        />\n        {resolvedIconRight && (\n          <span className={[styles.icon, inputType === 'search' || inputType === 'password' ? styles.iconAction : ''].filter(Boolean).join(' ')}>\n            {resolvedIconRight}\n          </span>\n        )}\n      </div>\n\n      {message && (\n        <p\n          id={`${id}-message`}\n          className={[styles.message, isError ? styles.messageError : '']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"names":["IconEmail","jsxs","jsx","IconSearch","IconCalendar","IconLock","IconEye","IconEyeOff","Input","state","size","inputType","label","placeholder","message","iconLabel","iconLeft","iconRight","value","onChange","onSearch","idProp","className","props","generatedId","useId","id","showPassword","setShowPassword","useState","inputRef","useRef","isDisabled","isError","htmlType","resolvedIconLeft","resolvedIconRight","styles","v","_b","_a","fieldClass"],"mappings":"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"}

package/dist/index.esm11.js

@@ -1,6 +1,6 @@
 import { jsx as l, jsxs as r } from "react/jsx-runtime";
 import { useCallback as u, useEffect as v } from "react";
-import e from "./index.esm28.js";
+import e from "./index.esm21.js";
 function k({
   isOpen: d,
   title: m,

package/dist/index.esm12.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import e from "./index.esm19.js";
+import e from "./index.esm23.js";
 function m() {
   return /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M6 12l4-4-4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }

package/dist/index.esm13.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import r from "./index.esm21.js";
+import r from "./index.esm25.js";
 const f = { xs: 12, md: 20, lg: 24 }, v = ({ s: i }) => /* @__PURE__ */ a("svg", { width: i, height: i, viewBox: "0 0 12 12", fill: "currentColor", "aria-hidden": "true", children: [
   /* @__PURE__ */ n("circle", { cx: "2", cy: "6", r: "1.25" }),
   /* @__PURE__ */ n("circle", { cx: "6", cy: "6", r: "1.25" }),

package/dist/index.esm14.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { useId as N } from "react";
-import e from "./index.esm29.js";
+import e from "./index.esm22.js";
 function B() {
   return /* @__PURE__ */ r("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M5 7.5l5 5 5-5", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }

package/dist/index.esm15.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as d } from "react/jsx-runtime";
 import S from "react";
-import e from "./index.esm27.js";
+import e from "./index.esm20.js";
 function u(t, o) {
   return t < o ? "Complete" : t === o ? "Active" : "Default";
 }

package/dist/index.esm16.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import s from "./index.esm25.js";
+import s from "./index.esm26.js";
 function p({ items: o, activeId: n, onChange: r, className: d }) {
   return /* @__PURE__ */ e(
     "div",

package/dist/index.esm17.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { useRef as L, useState as w } from "react";
-import r from "./index.esm24.js";
+import r from "./index.esm28.js";
 const y = () => /* @__PURE__ */ a("svg", { viewBox: "0 0 12 12", width: "12", height: "12", "aria-hidden": "true", children: [
   /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ a("linearGradient", { id: "fileGrad", x1: "0%", y1: "100%", x2: "100%", y2: "0%", children: [
     /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "#2970FF" }),

package/dist/index.esm18.js

@@ -1,26 +1,44 @@
-const _ = "_button_1ri91_8", t = "_sm_1ri91_40", o = "_md_1ri91_48", n = "_outline_1ri91_58", s = "_fill_1ri91_74", i = "_secondary_1ri91_89", l = "_text_1ri91_104", e = "_disabled_1ri91_119", c = "_label_1ri91_130", r = "_icon_1ri91_136", d = {
-  button: _,
-  sm: t,
-  md: o,
-  outline: n,
-  fill: s,
-  secondary: i,
-  text: l,
-  disabled: e,
-  label: c,
-  icon: r
+const e = "_wrapper_142dk_9", _ = "_labelRow_142dk_19", o = "_label_142dk_19", l = "_labelDisabled_142dk_37", s = "_labelIcon_142dk_41", d = "_field_142dk_53", n = "_fieldMd_142dk_67", t = "_fieldSm_142dk_72", c = "_hover_142dk_79", a = "_active_142dk_86", r = "_disabled_142dk_94", i = "_error_142dk_107", k = "_icon_142dk_119", b = "_input_142dk_131", g = "_iconAction_142dk_155", f = "_toggleBtn_142dk_162", p = "_searchBtn_142dk_181", m = "_message_142dk_217", h = "_messageError_142dk_232", v = {
+  wrapper: e,
+  labelRow: _,
+  label: o,
+  labelDisabled: l,
+  labelIcon: s,
+  field: d,
+  fieldMd: n,
+  fieldSm: t,
+  hover: c,
+  active: a,
+  disabled: r,
+  error: i,
+  icon: k,
+  input: b,
+  iconAction: g,
+  toggleBtn: f,
+  searchBtn: p,
+  message: m,
+  messageError: h
 };
 export {
-  _ as button,
-  d as default,
-  e as disabled,
-  s as fill,
-  r as icon,
-  c as label,
-  o as md,
-  n as outline,
-  i as secondary,
-  t as sm,
-  l as text
+  a as active,
+  v as default,
+  r as disabled,
+  i as error,
+  d as field,
+  n as fieldMd,
+  t as fieldSm,
+  c as hover,
+  k as icon,
+  g as iconAction,
+  b as input,
+  o as label,
+  l as labelDisabled,
+  s as labelIcon,
+  _ as labelRow,
+  m as message,
+  h as messageError,
+  p as searchBtn,
+  f as toggleBtn,
+  e as wrapper
 };
 //# sourceMappingURL=index.esm18.js.map

package/dist/index.esm18.js.map

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

package/dist/index.esm19.js

@@ -1,106 +1,26 @@
-const t = "_nav_1gutd_22", e = "_navOpen_1gutd_32", o = "_navClosed_1gutd_33", _ = "_navMobile_1gutd_42", n = "_header_1gutd_51", a = "_headerOpen_1gutd_58", s = "_headerClosed_1gutd_64", l = "_headerMobile_1gutd_73", c = "_logoIcon_1gutd_80", i = "_logoFull_1gutd_87", d = "_headerTitle_1gutd_93", g = "_headerActions_1gutd_102", r = "_bellBtn_1gutd_108", u = "_links_1gutd_129", m = "_linksOpen_1gutd_136", v = "_linksClosed_1gutd_137", b = "_linksMobile_1gutd_138", p = "_section_1gutd_142", I = "_sectionTitle_1gutd_147", h = "_sectionItems_1gutd_160", k = "_item_1gutd_168", M = "_itemOpen_1gutd_181", C = "_itemOpenActive_1gutd_191", L = "_itemClosed_1gutd_201", A = "_itemClosedActive_1gutd_211", B = "_itemMobile_1gutd_222", O = "_itemMobileActive_1gutd_231", f = "_itemIcon_1gutd_237", w = "_itemIconDark_1gutd_246", D = "_itemIconLight_1gutd_247", R = "_itemLabel_1gutd_251", T = "_itemLabelDefault_1gutd_263", F = "_itemLabelActive_1gutd_264", N = "_itemLabelMobile_1gutd_265", x = "_chevron_1gutd_269", y = "_footer_1gutd_283", j = "_collapseBtn_1gutd_289", q = "_collapseBtnClosed_1gutd_310", z = "_collapseBtnIcon_1gutd_314", E = "_footerMobile_1gutd_326", G = "_ctaBtn_1gutd_335", H = "_workspace_1gutd_358", J = "_workspaceIcon_1gutd_372", K = "_workspaceLabel_1gutd_383", P = "_avatarRow_1gutd_397", Q = "_avatar_1gutd_397", S = "_avatarInitials_1gutd_415", U = "_avatarInfo_1gutd_422", V = "_avatarName_1gutd_430", W = "_avatarRole_1gutd_441", X = {
-  nav: t,
-  navOpen: e,
-  navClosed: o,
-  navMobile: _,
-  header: n,
-  headerOpen: a,
-  headerClosed: s,
-  headerMobile: l,
-  logoIcon: c,
-  logoFull: i,
-  headerTitle: d,
-  headerActions: g,
-  bellBtn: r,
-  links: u,
-  linksOpen: m,
-  linksClosed: v,
-  linksMobile: b,
-  section: p,
-  sectionTitle: I,
-  sectionItems: h,
-  item: k,
-  itemOpen: M,
-  itemOpenActive: C,
-  itemClosed: L,
-  itemClosedActive: A,
-  itemMobile: B,
-  itemMobileActive: O,
-  itemIcon: f,
-  itemIconDark: w,
-  itemIconLight: D,
-  itemLabel: R,
-  itemLabelDefault: T,
-  itemLabelActive: F,
-  itemLabelMobile: N,
-  chevron: x,
-  footer: y,
-  collapseBtn: j,
-  collapseBtnClosed: q,
-  collapseBtnIcon: z,
-  footerMobile: E,
-  ctaBtn: G,
-  workspace: H,
-  workspaceIcon: J,
-  workspaceLabel: K,
-  avatarRow: P,
-  avatar: Q,
-  avatarInitials: S,
-  avatarInfo: U,
-  avatarName: V,
-  avatarRole: W
+const _ = "_button_1ri91_8", t = "_sm_1ri91_40", o = "_md_1ri91_48", n = "_outline_1ri91_58", s = "_fill_1ri91_74", i = "_secondary_1ri91_89", l = "_text_1ri91_104", e = "_disabled_1ri91_119", c = "_label_1ri91_130", r = "_icon_1ri91_136", d = {
+  button: _,
+  sm: t,
+  md: o,
+  outline: n,
+  fill: s,
+  secondary: i,
+  text: l,
+  disabled: e,
+  label: c,
+  icon: r
 };
 export {
-  Q as avatar,
-  U as avatarInfo,
-  S as avatarInitials,
-  V as avatarName,
-  W as avatarRole,
-  P as avatarRow,
-  r as bellBtn,
-  x as chevron,
-  j as collapseBtn,
-  q as collapseBtnClosed,
-  z as collapseBtnIcon,
-  G as ctaBtn,
-  X as default,
-  y as footer,
-  E as footerMobile,
-  n as header,
-  g as headerActions,
-  s as headerClosed,
-  l as headerMobile,
-  a as headerOpen,
-  d as headerTitle,
-  k as item,
-  L as itemClosed,
-  A as itemClosedActive,
-  f as itemIcon,
-  w as itemIconDark,
-  D as itemIconLight,
-  R as itemLabel,
-  F as itemLabelActive,
-  T as itemLabelDefault,
-  N as itemLabelMobile,
-  B as itemMobile,
-  O as itemMobileActive,
-  M as itemOpen,
-  C as itemOpenActive,
-  u as links,
-  v as linksClosed,
-  b as linksMobile,
-  m as linksOpen,
-  i as logoFull,
-  c as logoIcon,
-  t as nav,
-  o as navClosed,
-  _ as navMobile,
-  e as navOpen,
-  p as section,
-  h as sectionItems,
-  I as sectionTitle,
-  H as workspace,
-  J as workspaceIcon,
-  K as workspaceLabel
+  _ as button,
+  d as default,
+  e as disabled,
+  s as fill,
+  r as icon,
+  c as label,
+  o as md,
+  n as outline,
+  i as secondary,
+  t as sm,
+  l as text
 };
 //# sourceMappingURL=index.esm19.js.map

package/dist/index.esm19.js.map

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