@treeal/ds 0.1.4 → 0.1.6

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),r=require("./index.cjs25.js");function M(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("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"}),e.jsx("polyline",{points:"22,6 12,13 2,6",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]})}function N(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"}),e.jsx("path",{d:"M16.5 16.5L21 21",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}function E(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M16 2v4M8 2v4M3 10h18",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]})}function y(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("rect",{x:"5",y:"11",width:"14",height:"11",rx:"2",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M8 11V7a4 4 0 0 1 8 0v4",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]})}function S(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("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"}),e.jsx("circle",{cx:"12",cy:"12",r:"3",stroke:"currentColor",strokeWidth:"1.75"})]})}function A(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("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"}),e.jsx("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"}),e.jsx("path",{d:"M1 1l22 22",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}function D({state:t="Default",inputType:o="text",label:l,placeholder:j,message:n,iconLabel:c,iconLeft:k,iconRight:f,value:v,onChange:p,onSearch:w,id:L,className:g,...b}){const m=x.useId(),s=L??m,[i,C]=x.useState(!1),d=t==="Disabled",a=t==="Error",I=o==="password"?i?"text":"password":o==="search"?"text":o,u=k??(o==="email"?e.jsx(M,{}):o==="password"?e.jsx(y,{}):void 0),h=f??(o==="password"?e.jsx("button",{type:"button",className:r.default.toggleBtn,onClick:()=>C(W=>!W),"aria-label":i?"Ocultar senha":"Mostrar senha",tabIndex:-1,children:i?e.jsx(S,{}):e.jsx(A,{})}):o==="date"?e.jsx(E,{}):o==="search"?e.jsx("button",{type:"button",className:r.default.searchBtn,onClick:w,"aria-label":"Buscar",tabIndex:-1,children:e.jsx(N,{})}):void 0),B=[r.default.field,t==="Hover"?r.default.hover:"",t==="Active"?r.default.active:"",d?r.default.disabled:"",a?r.default.error:"",g].filter(Boolean).join(" ");return e.jsxs("div",{className:r.default.wrapper,children:[l&&e.jsxs("div",{className:r.default.labelRow,children:[e.jsx("label",{htmlFor:s,className:[r.default.label,d?r.default.labelDisabled:""].filter(Boolean).join(" "),children:l}),c&&e.jsx("span",{className:r.default.labelIcon,"aria-hidden":"true",children:c})]}),e.jsxs("div",{className:B,children:[u&&e.jsx("span",{className:r.default.icon,"aria-hidden":"true",children:u}),e.jsx("input",{id:s,type:I,className:r.default.input,placeholder:j,disabled:d,value:v,onChange:p,"aria-invalid":a,"aria-describedby":n?`${s}-message`:void 0,...b}),h&&e.jsx("span",{className:[r.default.icon,o==="search"||o==="password"?r.default.iconAction:""].filter(Boolean).join(" "),children:h})]}),n&&e.jsx("p",{id:`${s}-message`,className:[r.default.message,a?r.default.messageError:""].filter(Boolean).join(" "),children:n})]})}exports.Input=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),r=require("./index.cjs27.js");function N(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("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"}),e.jsx("polyline",{points:"22,6 12,13 2,6",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]})}function E(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"}),e.jsx("path",{d:"M16.5 16.5L21 21",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}function S(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M16 2v4M8 2v4M3 10h18",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]})}function y(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("rect",{x:"5",y:"11",width:"14",height:"11",rx:"2",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M8 11V7a4 4 0 0 1 8 0v4",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]})}function A(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("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"}),e.jsx("circle",{cx:"12",cy:"12",r:"3",stroke:"currentColor",strokeWidth:"1.75"})]})}function D(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[e.jsx("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"}),e.jsx("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"}),e.jsx("path",{d:"M1 1l22 22",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})]})}function R({state:t="Default",size:j="md",inputType:o="text",label:l,placeholder:k,message:n,iconLabel:c,iconLeft:f,iconRight:v,value:p,onChange:w,onSearch:m,id:L,className:g,...b}){const C=x.useId(),s=L??C,[i,I]=x.useState(!1),d=t==="Disabled",a=t==="Error",B=o==="password"?i?"text":"password":o==="search"?"text":o,u=f??(o==="email"?e.jsx(N,{}):o==="password"?e.jsx(y,{}):void 0),h=v??(o==="password"?e.jsx("button",{type:"button",className:r.default.toggleBtn,onClick:()=>I(W=>!W),"aria-label":i?"Ocultar senha":"Mostrar senha",tabIndex:-1,children:i?e.jsx(A,{}):e.jsx(D,{})}):o==="date"?e.jsx(S,{}):o==="search"?e.jsx("button",{type:"button",className:r.default.searchBtn,onClick:m,"aria-label":"Buscar",tabIndex:-1,children:e.jsx(E,{})}):void 0),M=[r.default.field,j==="sm"?r.default.fieldSm:r.default.fieldMd,t==="Hover"?r.default.hover:"",t==="Active"?r.default.active:"",d?r.default.disabled:"",a?r.default.error:"",g].filter(Boolean).join(" ");return e.jsxs("div",{className:r.default.wrapper,children:[l&&e.jsxs("div",{className:r.default.labelRow,children:[e.jsx("label",{htmlFor:s,className:[r.default.label,d?r.default.labelDisabled:""].filter(Boolean).join(" "),children:l}),c&&e.jsx("span",{className:r.default.labelIcon,"aria-hidden":"true",children:c})]}),e.jsxs("div",{className:M,children:[u&&e.jsx("span",{className:r.default.icon,"aria-hidden":"true",children:u}),e.jsx("input",{id:s,type:B,className:r.default.input,placeholder:k,disabled:d,value:p,onChange:w,"aria-invalid":a,"aria-describedby":n?`${s}-message`:void 0,...b}),h&&e.jsx("span",{className:[r.default.icon,o==="search"||o==="password"?r.default.iconAction:""].filter(Boolean).join(" "),children:h})]}),n&&e.jsx("p",{id:`${s}-message`,className:[r.default.message,a?r.default.messageError:""].filter(Boolean).join(" "),children:n})]})}exports.Input=R;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs9.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';\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'> {\n  /** Visual/interaction state. Defaults to 'Default'. */\n  state?: InputState;\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  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\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      ? <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    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          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","inputType","label","placeholder","message","iconLabel","iconLeft","iconRight","value","onChange","onSearch","idProp","className","props","generatedId","useId","id","showPassword","setShowPassword","useState","isDisabled","isError","htmlType","resolvedIconLeft","resolvedIconRight","styles","v","fieldClass"],"mappings":"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"}
+{"version":3,"file":"index.cjs9.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\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      ? <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          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","isDisabled","isError","htmlType","resolvedIconLeft","resolvedIconRight","styles","v","fieldClass"],"mappings":"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"}

package/dist/index.esm10.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.esm23.js";
+import e from "./index.esm20.js";
 function k({
   isOpen: d,
   title: m,

package/dist/index.esm11.js

@@ -1,5 +1,5 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import e from "./index.esm26.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.esm12.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.esm13.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.esm19.js";
+import e from "./index.esm18.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.esm14.js

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

package/dist/index.esm15.js

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

package/dist/index.esm16.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.esm20.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,52 +1,26 @@
-const t = "_steps_xg6k6_20", e = "_item_xg6k6_30", n = "_typeStart_xg6k6_51", _ = "_typeStep_xg6k6_66", o = "_typeEnd_xg6k6_82", c = "_stateDefault_xg6k6_94", i = "_stateHover_xg6k6_95", s = "_stateActive_xg6k6_96", m = "_stateComplete_xg6k6_97", a = "_textDark_xg6k6_101", x = "_textLight_xg6k6_102", k = "_label_xg6k6_106", g = "_num_xg6k6_119", l = "_checkIcon_xg6k6_132", p = "_minified_xg6k6_143", r = "_minDot_xg6k6_150", C = "_minDefault_xg6k6_156", D = "_minActive_xg6k6_162", f = "_minComplete_xg6k6_169", u = "_minConnector_xg6k6_176", v = "_minConnectorDefault_xg6k6_183", y = "_minConnectorActive_xg6k6_184", A = "_minConnectorComplete_xg6k6_185", d = {
-  steps: t,
-  item: e,
-  typeStart: n,
-  typeStep: _,
-  typeEnd: o,
-  stateDefault: c,
-  stateHover: i,
-  stateActive: s,
-  stateComplete: m,
-  textDark: a,
-  textLight: x,
-  label: k,
-  num: g,
-  checkIcon: l,
-  minified: p,
-  minDot: r,
-  minDefault: C,
-  minActive: D,
-  minComplete: f,
-  minConnector: u,
-  minConnectorDefault: v,
-  minConnectorActive: y,
-  minConnectorComplete: A
+const e = "_wrapper_pivx7_3", s = "_label_pivx7_13", r = "_labelDisabled_pivx7_23", _ = "_field_pivx7_29", l = "_select_pivx7_36", o = "_placeholder_pivx7_75", a = "_error_pivx7_81", c = "_chevron_pivx7_93", p = "_message_pivx7_109", t = "_messageError_pivx7_123", i = {
+  wrapper: e,
+  label: s,
+  labelDisabled: r,
+  field: _,
+  select: l,
+  placeholder: o,
+  error: a,
+  chevron: c,
+  message: p,
+  messageError: t
 };
 export {
-  l as checkIcon,
-  d as default,
-  e as item,
-  k as label,
-  D as minActive,
-  f as minComplete,
-  u as minConnector,
-  y as minConnectorActive,
-  A as minConnectorComplete,
-  v as minConnectorDefault,
-  C as minDefault,
-  r as minDot,
-  p as minified,
-  g as num,
-  s as stateActive,
-  m as stateComplete,
-  c as stateDefault,
-  i as stateHover,
-  t as steps,
-  a as textDark,
-  x as textLight,
-  o as typeEnd,
-  n as typeStart,
-  _ as typeStep
+  c as chevron,
+  i as default,
+  a as error,
+  _ as field,
+  s as label,
+  r as labelDisabled,
+  p as message,
+  t as messageError,
+  o as placeholder,
+  l as select,
+  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,26 +1,16 @@
-const e = "_wrapper_pivx7_3", s = "_label_pivx7_13", r = "_labelDisabled_pivx7_23", _ = "_field_pivx7_29", l = "_select_pivx7_36", o = "_placeholder_pivx7_75", a = "_error_pivx7_81", c = "_chevron_pivx7_93", p = "_message_pivx7_109", t = "_messageError_pivx7_123", i = {
-  wrapper: e,
-  label: s,
-  labelDisabled: r,
-  field: _,
-  select: l,
-  placeholder: o,
-  error: a,
-  chevron: c,
-  message: p,
-  messageError: t
+const t = "_tabList_dww9d_3", d = "_tab_dww9d_3", s = "_active_dww9d_40", _ = "_disabled_dww9d_40", a = "_icon_dww9d_65", c = {
+  tabList: t,
+  tab: d,
+  active: s,
+  disabled: _,
+  icon: a
 };
 export {
-  c as chevron,
-  i as default,
-  a as error,
-  _ as field,
-  s as label,
-  r as labelDisabled,
-  p as message,
-  t as messageError,
-  o as placeholder,
-  l as select,
-  e as wrapper
+  s as active,
+  c as default,
+  _ as disabled,
+  a as icon,
+  d as tab,
+  t as tabList
 };
 //# 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":";;;;;;;"}

package/dist/index.esm20.js

@@ -1,64 +1,26 @@
-const o = "_dropzone_19kgn_8", e = "_dropzoneMd_19kgn_22", n = "_dropzoneLg_19kgn_29", _ = "_dropzoneDragging_19kgn_39", t = "_dropzoneIconMd_19kgn_48", r = "_dropzoneIconLg_19kgn_56", s = "_dropzoneContent_19kgn_67", g = "_dropzoneTitleRow_19kgn_81", i = "_dropzoneTitle_19kgn_81", p = "_dropzoneBrowse_19kgn_99", l = "_dropzoneSubtitle_19kgn_114", d = "_fileList_19kgn_128", c = "_fileItem_19kgn_137", z = "_fileItemLg_19kgn_150", k = "_fileItemMd_19kgn_155", f = "_fileBadge_19kgn_161", a = "_fileContent_19kgn_176", I = "_fileHeader_19kgn_186", L = "_fileTexts_19kgn_193", m = "_fileName_19kgn_202", w = "_fileSize_19kgn_216", T = "_actions_19kgn_229", B = "_actionBtn_19kgn_236", M = "_progressRow_19kgn_259", b = "_progressTrack_19kgn_267", C = "_progressFill_19kgn_277", R = "_progressLabel_19kgn_288", S = "_spinner_19kgn_301", u = "_wrapper_19kgn_317", x = {
-  dropzone: o,
-  dropzoneMd: e,
-  dropzoneLg: n,
-  dropzoneDragging: _,
-  dropzoneIconMd: t,
-  dropzoneIconLg: r,
-  dropzoneContent: s,
-  dropzoneTitleRow: g,
-  dropzoneTitle: i,
-  dropzoneBrowse: p,
-  dropzoneSubtitle: l,
-  fileList: d,
-  fileItem: c,
-  fileItemLg: z,
-  fileItemMd: k,
-  fileBadge: f,
-  fileContent: a,
-  fileHeader: I,
-  fileTexts: L,
-  fileName: m,
-  fileSize: w,
-  actions: T,
-  actionBtn: B,
-  progressRow: M,
-  progressTrack: b,
-  progressFill: C,
-  progressLabel: R,
-  spinner: S,
-  wrapper: u
+const i = "_overlay_rzwii_24", t = "_modal_rzwii_43", n = "_heading_rzwii_64", o = "_title_rzwii_72", _ = "_description_rzwii_81", r = "_body_rzwii_92", s = "_actions_rzwii_101", a = "_btns_rzwii_108", c = "_btnSecondary_rzwii_115", e = "_btnPrimary_rzwii_137", d = {
+  overlay: i,
+  modal: t,
+  heading: n,
+  title: o,
+  description: _,
+  body: r,
+  actions: s,
+  btns: a,
+  btnSecondary: c,
+  btnPrimary: e
 };
 export {
-  B as actionBtn,
-  T as actions,
-  x as default,
-  o as dropzone,
-  p as dropzoneBrowse,
-  s as dropzoneContent,
-  _ as dropzoneDragging,
-  r as dropzoneIconLg,
-  t as dropzoneIconMd,
-  n as dropzoneLg,
-  e as dropzoneMd,
-  l as dropzoneSubtitle,
-  i as dropzoneTitle,
-  g as dropzoneTitleRow,
-  f as fileBadge,
-  a as fileContent,
-  I as fileHeader,
-  c as fileItem,
-  z as fileItemLg,
-  k as fileItemMd,
-  d as fileList,
-  m as fileName,
-  w as fileSize,
-  L as fileTexts,
-  C as progressFill,
-  R as progressLabel,
-  M as progressRow,
-  b as progressTrack,
-  S as spinner,
-  u as wrapper
+  s as actions,
+  r as body,
+  e as btnPrimary,
+  c as btnSecondary,
+  a as btns,
+  d as default,
+  _ as description,
+  n as heading,
+  t as modal,
+  i as overlay,
+  o as title
 };
 //# sourceMappingURL=index.esm20.js.map

package/dist/index.esm20.js.map

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

package/dist/index.esm21.js

@@ -1,24 +1,64 @@
-const o = "_pagination_olot7_11", t = "_item_olot7_20", _ = "_xs_olot7_55", n = "_md_olot7_63", c = "_lg_olot7_71", s = "_active_olot7_81", i = "_inactive_olot7_88", l = "_dots_olot7_102", a = "_control_olot7_110", e = {
-  pagination: o,
-  item: t,
-  xs: _,
-  md: n,
-  lg: c,
-  active: s,
-  inactive: i,
-  dots: l,
-  control: a
+const a = "_header_1jw5v_25", e = "_variantDefault_1jw5v_36", t = "_variantMobile_1jw5v_37", o = "_variantMobileOpen_1jw5v_38", s = "_pageTitle_1jw5v_49", _ = "_pageTitleDesktop_1jw5v_63", n = "_pageTitleMobile_1jw5v_64", c = "_actions_1jw5v_68", r = "_actionsMobileOpen_1jw5v_76", w = "_workspace_1jw5v_86", v = "_workspaceFull_1jw5v_104", i = "_workspaceLeft_1jw5v_110", l = "_statusDot_1jw5v_118", p = "_workspaceCol_1jw5v_126", j = "_workspaceAccount_1jw5v_134", u = "_workspaceName_1jw5v_144", k = "_workspaceArrow_1jw5v_156", m = "_bellBtn_1jw5v_168", b = "_menuBtn_1jw5v_188", g = "_menuIcon_1jw5v_208", M = "_navUser_1jw5v_219", T = "_avatar_1jw5v_227", A = "_avatarImg_1jw5v_239", B = "_avatarInitials_1jw5v_248", D = "_userText_1jw5v_255", I = "_userName_1jw5v_262", f = "_userRole_1jw5v_271", N = "_ctaBtn_1jw5v_282", O = "_mainActions_1jw5v_307", d = {
+  header: a,
+  variantDefault: e,
+  variantMobile: t,
+  variantMobileOpen: o,
+  pageTitle: s,
+  pageTitleDesktop: _,
+  pageTitleMobile: n,
+  actions: c,
+  actionsMobileOpen: r,
+  workspace: w,
+  workspaceFull: v,
+  workspaceLeft: i,
+  statusDot: l,
+  workspaceCol: p,
+  workspaceAccount: j,
+  workspaceName: u,
+  workspaceArrow: k,
+  bellBtn: m,
+  menuBtn: b,
+  menuIcon: g,
+  navUser: M,
+  avatar: T,
+  avatarImg: A,
+  avatarInitials: B,
+  userText: D,
+  userName: I,
+  userRole: f,
+  ctaBtn: N,
+  mainActions: O
 };
 export {
-  s as active,
-  a as control,
-  e as default,
-  l as dots,
-  i as inactive,
-  t as item,
-  c as lg,
-  n as md,
-  o as pagination,
-  _ as xs
+  c as actions,
+  r as actionsMobileOpen,
+  T as avatar,
+  A as avatarImg,
+  B as avatarInitials,
+  m as bellBtn,
+  N as ctaBtn,
+  d as default,
+  a as header,
+  O as mainActions,
+  b as menuBtn,
+  g as menuIcon,
+  M as navUser,
+  s as pageTitle,
+  _ as pageTitleDesktop,
+  n as pageTitleMobile,
+  l as statusDot,
+  I as userName,
+  f as userRole,
+  D as userText,
+  e as variantDefault,
+  t as variantMobile,
+  o as variantMobileOpen,
+  w as workspace,
+  j as workspaceAccount,
+  k as workspaceArrow,
+  p as workspaceCol,
+  v as workspaceFull,
+  i as workspaceLeft,
+  u as workspaceName
 };
 //# sourceMappingURL=index.esm21.js.map

package/dist/index.esm21.js.map

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

package/dist/index.esm22.js

@@ -1,16 +1,52 @@
-const t = "_tabList_dww9d_3", d = "_tab_dww9d_3", s = "_active_dww9d_40", _ = "_disabled_dww9d_40", a = "_icon_dww9d_65", c = {
-  tabList: t,
-  tab: d,
-  active: s,
-  disabled: _,
-  icon: a
+const t = "_steps_xg6k6_20", e = "_item_xg6k6_30", n = "_typeStart_xg6k6_51", _ = "_typeStep_xg6k6_66", o = "_typeEnd_xg6k6_82", c = "_stateDefault_xg6k6_94", i = "_stateHover_xg6k6_95", s = "_stateActive_xg6k6_96", m = "_stateComplete_xg6k6_97", a = "_textDark_xg6k6_101", x = "_textLight_xg6k6_102", k = "_label_xg6k6_106", g = "_num_xg6k6_119", l = "_checkIcon_xg6k6_132", p = "_minified_xg6k6_143", r = "_minDot_xg6k6_150", C = "_minDefault_xg6k6_156", D = "_minActive_xg6k6_162", f = "_minComplete_xg6k6_169", u = "_minConnector_xg6k6_176", v = "_minConnectorDefault_xg6k6_183", y = "_minConnectorActive_xg6k6_184", A = "_minConnectorComplete_xg6k6_185", d = {
+  steps: t,
+  item: e,
+  typeStart: n,
+  typeStep: _,
+  typeEnd: o,
+  stateDefault: c,
+  stateHover: i,
+  stateActive: s,
+  stateComplete: m,
+  textDark: a,
+  textLight: x,
+  label: k,
+  num: g,
+  checkIcon: l,
+  minified: p,
+  minDot: r,
+  minDefault: C,
+  minActive: D,
+  minComplete: f,
+  minConnector: u,
+  minConnectorDefault: v,
+  minConnectorActive: y,
+  minConnectorComplete: A
 };
 export {
-  s as active,
-  c as default,
-  _ as disabled,
-  a as icon,
-  d as tab,
-  t as tabList
+  l as checkIcon,
+  d as default,
+  e as item,
+  k as label,
+  D as minActive,
+  f as minComplete,
+  u as minConnector,
+  y as minConnectorActive,
+  A as minConnectorComplete,
+  v as minConnectorDefault,
+  C as minDefault,
+  r as minDot,
+  p as minified,
+  g as num,
+  s as stateActive,
+  m as stateComplete,
+  c as stateDefault,
+  i as stateHover,
+  t as steps,
+  a as textDark,
+  x as textLight,
+  o as typeEnd,
+  n as typeStart,
+  _ as typeStep
 };
 //# sourceMappingURL=index.esm22.js.map

package/dist/index.esm22.js.map

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