@treeal/ds 0.1.0 → 0.1.1

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index.cjs17.js");function h(){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"}),e.jsx("path",{d:"M13.73 21a2 2 0 0 1-3.46 0"})]})}function v(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":"true",children:[e.jsx("line",{x1:"4",y1:"6",x2:"20",y2:"6"}),e.jsx("line",{x1:"4",y1:"12",x2:"20",y2:"12"}),e.jsx("line",{x1:"4",y1:"18",x2:"20",y2:"18"})]})}function N(){return e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M4 6l4 4 4-4"})})}function j({workspaceName:s="Workspace",workspaceAccount:l="Conta Atual",fullWidth:t=!1}){return e.jsxs("button",{type:"button",className:[a.default.workspace,t?a.default.workspaceFull:""].filter(Boolean).join(" "),"aria-label":`Trocar workspace: ${s}`,children:[e.jsxs("div",{className:a.default.workspaceLeft,children:[e.jsx("span",{className:a.default.statusDot,"aria-hidden":"true"}),e.jsxs("div",{className:a.default.workspaceCol,children:[e.jsx("p",{className:a.default.workspaceAccount,children:l}),e.jsx("p",{className:a.default.workspaceName,children:s})]})]}),e.jsx("span",{className:a.default.workspaceArrow,children:e.jsx(N,{})})]})}function p({userName:s,userRole:l,userAvatar:t}){const n=s?s.split(" ").slice(0,2).map(i=>i[0]).join("").toUpperCase():"?";return e.jsxs("div",{className:a.default.navUser,children:[e.jsx("div",{className:a.default.avatar,children:t?e.jsx("img",{src:t,alt:s??"Avatar",className:a.default.avatarImg}):e.jsx("span",{className:a.default.avatarInitials,children:n})}),(s||l)&&e.jsxs("div",{className:a.default.userText,children:[s&&e.jsx("p",{className:a.default.userName,children:s}),l&&e.jsx("p",{className:a.default.userRole,children:l})]})]})}function w({variant:s="Default",pageTitle:l="Portal de Gestão",workspaceName:t,workspaceAccount:n,userName:i,userRole:c,userAvatar:u,onMenuToggle:b,onNotifications:f,primaryAction:o,className:m}){const r=s==="Default",x=s==="Mobile",d=s==="MobileOpen",k=[a.default.header,r?a.default.variantDefault:"",x?a.default.variantMobile:"",d?a.default.variantMobileOpen:"",m].filter(Boolean).join(" ");return e.jsxs("header",{className:k,children:[!d&&e.jsx("h1",{className:[a.default.pageTitle,r?a.default.pageTitleDesktop:a.default.pageTitleMobile].join(" "),children:l}),r&&e.jsxs("div",{className:a.default.actions,children:[e.jsx(j,{workspaceName:t,workspaceAccount:n}),e.jsx("button",{type:"button",className:a.default.bellBtn,onClick:f,"aria-label":"Notificações",children:e.jsx(h,{})}),e.jsx(p,{userName:i,userRole:c,userAvatar:u})]}),x&&e.jsxs("div",{className:a.default.actions,children:[e.jsx("button",{type:"button",className:a.default.bellBtn,onClick:f,"aria-label":"Notificações",children:e.jsx(h,{})}),e.jsxs("button",{type:"button",className:a.default.menuBtn,onClick:b,"aria-label":"Abrir menu","aria-expanded":!1,children:[e.jsx("span",{className:a.default.menuIcon,children:e.jsx(v,{})}),"Menu"]})]}),d&&e.jsxs("div",{className:[a.default.actions,a.default.actionsMobileOpen].join(" "),children:[o&&e.jsx("button",{type:"button",className:a.default.ctaBtn,onClick:o.onClick,children:o.label}),e.jsxs("div",{className:a.default.mainActions,children:[e.jsx(j,{workspaceName:t,workspaceAccount:n,fullWidth:!0}),e.jsx(p,{userName:i,userRole:c,userAvatar:u})]})]})]})}exports.Header=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index.cjs22.js");function m({variant:l="outline",size:u="sm",iconLeft:s,iconRight:n,disabled:a,className:o,children:r,...c}){const i=a?"disabled":l,d=[e.default.button,e.default[u],e.default[i],o].filter(Boolean).join(" ");return t.jsxs("button",{className:d,disabled:a,"aria-disabled":a,...c,children:[s&&t.jsx("span",{className:e.default.icon,children:s}),t.jsx("span",{className:e.default.label,children:r}),n&&t.jsx("span",{className:e.default.icon,children:n})]})}exports.Button=m;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs7.js","sources":["../components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Header.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type HeaderVariant = 'Default' | 'Mobile' | 'MobileOpen';\n\nexport interface HeaderProps {\n  variant?: HeaderVariant;\n  /** Page / section title shown on the left */\n  pageTitle?: string;\n  /** Workspace display name (e.g. \"Best Buy Eletronics\") */\n  workspaceName?: string;\n  /** Workspace account label (defaults to \"Conta Atual\") */\n  workspaceAccount?: string;\n  /** Logged-in user display name */\n  userName?: string;\n  /** Logged-in user role / subtitle */\n  userRole?: string;\n  /** Avatar image URL — falls back to initials */\n  userAvatar?: string;\n  /** Called when the Mobile hamburger \"Menu\" button is clicked */\n  onMenuToggle?: () => void;\n  /** Called when the bell notification button is clicked */\n  onNotifications?: () => void;\n  /** Primary CTA in MobileOpen expanded panel */\n  primaryAction?: { label: string; onClick: () => void };\n  className?: string;\n}\n\n// ─── Inline SVG icons ─────────────────────────────────────────────────────────\n\nfunction IconBell() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\" />\n      <path d=\"M13.73 21a2 2 0 0 1-3.46 0\" />\n    </svg>\n  );\n}\n\nfunction IconMenu() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n      <line x1=\"4\" y1=\"6\"  x2=\"20\" y2=\"6\" />\n      <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" />\n      <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\" />\n    </svg>\n  );\n}\n\nfunction IconChevronDown() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M4 6l4 4 4-4\" />\n    </svg>\n  );\n}\n\n// ─── Sub-components ───────────────────────────────────────────────────────────\n\nfunction WorkspaceSwitcher({\n  workspaceName = 'Workspace',\n  workspaceAccount = 'Conta Atual',\n  fullWidth = false,\n}: {\n  workspaceName?: string;\n  workspaceAccount?: string;\n  fullWidth?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={[styles.workspace, fullWidth ? styles.workspaceFull : ''].filter(Boolean).join(' ')}\n      aria-label={`Trocar workspace: ${workspaceName}`}\n    >\n      <div className={styles.workspaceLeft}>\n        <span className={styles.statusDot} aria-hidden=\"true\" />\n        <div className={styles.workspaceCol}>\n          <p className={styles.workspaceAccount}>{workspaceAccount}</p>\n          <p className={styles.workspaceName}>{workspaceName}</p>\n        </div>\n      </div>\n      <span className={styles.workspaceArrow}>\n        <IconChevronDown />\n      </span>\n    </button>\n  );\n}\n\nfunction UserInfo({\n  userName,\n  userRole,\n  userAvatar,\n}: {\n  userName?: string;\n  userRole?: string;\n  userAvatar?: string;\n}) {\n  const initials = userName\n    ? userName\n        .split(' ')\n        .slice(0, 2)\n        .map((w) => w[0])\n        .join('')\n        .toUpperCase()\n    : '?';\n\n  return (\n    <div className={styles.navUser}>\n      <div className={styles.avatar}>\n        {userAvatar ? (\n          <img\n            src={userAvatar}\n            alt={userName ?? 'Avatar'}\n            className={styles.avatarImg}\n          />\n        ) : (\n          <span className={styles.avatarInitials}>{initials}</span>\n        )}\n      </div>\n      {(userName || userRole) && (\n        <div className={styles.userText}>\n          {userName && <p className={styles.userName}>{userName}</p>}\n          {userRole  && <p className={styles.userRole}>{userRole}</p>}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Header ───────────────────────────────────────────────────────────────────\n\nexport function Header({\n  variant = 'Default',\n  pageTitle = 'Portal de Gestão',\n  workspaceName,\n  workspaceAccount,\n  userName,\n  userRole,\n  userAvatar,\n  onMenuToggle,\n  onNotifications,\n  primaryAction,\n  className,\n}: HeaderProps) {\n  const isDefault    = variant === 'Default';\n  const isMobile     = variant === 'Mobile';\n  const isMobileOpen = variant === 'MobileOpen';\n\n  const rootClass = [\n    styles.header,\n    isDefault    ? styles.variantDefault    : '',\n    isMobile     ? styles.variantMobile     : '',\n    isMobileOpen ? styles.variantMobileOpen : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <header className={rootClass}>\n      {/* Page title — Default + Mobile only */}\n      {!isMobileOpen && (\n        <h1\n          className={[\n            styles.pageTitle,\n            isDefault ? styles.pageTitleDesktop : styles.pageTitleMobile,\n          ].join(' ')}\n        >\n          {pageTitle}\n        </h1>\n      )}\n\n      {/* ── Default actions ─────────────────────────────────────────────── */}\n      {isDefault && (\n        <div className={styles.actions}>\n          <WorkspaceSwitcher\n            workspaceName={workspaceName}\n            workspaceAccount={workspaceAccount}\n          />\n          <button\n            type=\"button\"\n            className={styles.bellBtn}\n            onClick={onNotifications}\n            aria-label=\"Notificações\"\n          >\n            <IconBell />\n          </button>\n          <UserInfo\n            userName={userName}\n            userRole={userRole}\n            userAvatar={userAvatar}\n          />\n        </div>\n      )}\n\n      {/* ── Mobile actions ──────────────────────────────────────────────── */}\n      {isMobile && (\n        <div className={styles.actions}>\n          <button\n            type=\"button\"\n            className={styles.bellBtn}\n            onClick={onNotifications}\n            aria-label=\"Notificações\"\n          >\n            <IconBell />\n          </button>\n          <button\n            type=\"button\"\n            className={styles.menuBtn}\n            onClick={onMenuToggle}\n            aria-label=\"Abrir menu\"\n            aria-expanded={false}\n          >\n            <span className={styles.menuIcon}>\n              <IconMenu />\n            </span>\n            Menu\n          </button>\n        </div>\n      )}\n\n      {/* ── MobileOpen expanded panel ────────────────────────────────────── */}\n      {isMobileOpen && (\n        <div className={[styles.actions, styles.actionsMobileOpen].join(' ')}>\n          {/* CTA */}\n          {primaryAction && (\n            <button\n              type=\"button\"\n              className={styles.ctaBtn}\n              onClick={primaryAction.onClick}\n            >\n              {primaryAction.label}\n            </button>\n          )}\n\n          {/* Workspace + User */}\n          <div className={styles.mainActions}>\n            <WorkspaceSwitcher\n              workspaceName={workspaceName}\n              workspaceAccount={workspaceAccount}\n              fullWidth\n            />\n            <UserInfo\n              userName={userName}\n              userRole={userRole}\n              userAvatar={userAvatar}\n            />\n          </div>\n        </div>\n      )}\n    </header>\n  );\n}\n"],"names":["IconBell","jsx","IconMenu","IconChevronDown","WorkspaceSwitcher","workspaceName","workspaceAccount","fullWidth","jsxs","styles","UserInfo","userName","userRole","userAvatar","initials","w","Header","variant","pageTitle","onMenuToggle","onNotifications","primaryAction","className","isDefault","isMobile","isMobileOpen","rootClass"],"mappings":"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"}
+{"version":3,"file":"index.cjs7.js","sources":["../components/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Button.module.css';\n\nexport type ButtonVariant = 'outline' | 'fill' | 'secondary' | 'text';\nexport type ButtonSize = 'sm' | 'md';\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  /** Visual variant. Defaults to 'outline'. */\n  variant?: ButtonVariant;\n  /**\n   * Size of the button.\n   * - sm → min-height 36px (Figma size=\"36\")\n   * - md → min-height 48px (Figma size=\"48\")\n   * Defaults to 'sm'.\n   */\n  size?: ButtonSize;\n  /** Node rendered before the label. Sized to 24×24 px by the stylesheet. */\n  iconLeft?: React.ReactNode;\n  /** Node rendered after the label. Sized to 24×24 px by the stylesheet. */\n  iconRight?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport function Button({\n  variant = 'outline',\n  size = 'sm',\n  iconLeft,\n  iconRight,\n  disabled,\n  className,\n  children,\n  ...props\n}: ButtonProps) {\n  // When the button is disabled, the disabled visual variant takes over\n  const visualVariant = disabled ? 'disabled' : variant;\n\n  const classNames = [\n    styles.button,\n    styles[size],\n    styles[visualVariant],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      className={classNames}\n      disabled={disabled}\n      aria-disabled={disabled}\n      {...props}\n    >\n      {iconLeft && <span className={styles.icon}>{iconLeft}</span>}\n      <span className={styles.label}>{children}</span>\n      {iconRight && <span className={styles.icon}>{iconRight}</span>}\n    </button>\n  );\n}\n"],"names":["Button","variant","size","iconLeft","iconRight","disabled","className","children","props","visualVariant","classNames","styles","jsxs","jsx"],"mappings":"mJAwBO,SAASA,EAAO,CACrB,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CAEd,MAAMC,EAAgBJ,EAAW,WAAaJ,EAExCS,EAAa,CACjBC,EAAAA,QAAO,OACPA,EAAAA,QAAOT,CAAI,EACXS,EAAAA,QAAOF,CAAa,EACpBH,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEM,EAAAA,KAAC,SAAA,CACC,UAAWF,EACX,SAAAL,EACA,gBAAeA,EACd,GAAGG,EAEH,SAAA,CAAAL,GAAYU,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,KAAO,SAAAR,EAAS,EACrDU,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,MAAQ,SAAAJ,EAAS,EACxCH,GAAaS,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,KAAO,SAAAP,CAAA,CAAU,CAAA,CAAA,CAAA,CAG7D"}

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),x=require("react"),e=require("./index.cjs15.js");function N({state:l="Default",label:n,placeholder:o,message:d,iconLabel:t,iconLeft:u,iconRight:c,value:f,onChange:m,id:j,className:b,...h}){const p=x.useId(),s=j??p,i=l==="Disabled",r=l==="Error",v=[e.default.field,l==="Hover"?e.default.hover:"",l==="Active"?e.default.active:"",i?e.default.disabled:"",r?e.default.error:"",b].filter(Boolean).join(" ");return a.jsxs("div",{className:e.default.wrapper,children:[n&&a.jsxs("div",{className:e.default.labelRow,children:[a.jsx("label",{htmlFor:s,className:[e.default.label,i?e.default.labelDisabled:""].filter(Boolean).join(" "),children:n}),t&&a.jsx("span",{className:e.default.labelIcon,"aria-hidden":"true",children:t})]}),a.jsxs("div",{className:v,children:[u&&a.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:u}),a.jsx("input",{id:s,className:e.default.input,placeholder:o,disabled:i,value:f,onChange:m,"aria-invalid":r,"aria-describedby":d?`${s}-message`:void 0,...h}),c&&a.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:c})]}),d&&a.jsx("p",{id:`${s}-message`,className:[e.default.message,r?e.default.messageError:""].filter(Boolean).join(" "),children:d})]})}exports.Input=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index.cjs19.js");function h(){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"}),e.jsx("path",{d:"M13.73 21a2 2 0 0 1-3.46 0"})]})}function v(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":"true",children:[e.jsx("line",{x1:"4",y1:"6",x2:"20",y2:"6"}),e.jsx("line",{x1:"4",y1:"12",x2:"20",y2:"12"}),e.jsx("line",{x1:"4",y1:"18",x2:"20",y2:"18"})]})}function N(){return e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M4 6l4 4 4-4"})})}function j({workspaceName:s="Workspace",workspaceAccount:l="Conta Atual",fullWidth:t=!1}){return e.jsxs("button",{type:"button",className:[a.default.workspace,t?a.default.workspaceFull:""].filter(Boolean).join(" "),"aria-label":`Trocar workspace: ${s}`,children:[e.jsxs("div",{className:a.default.workspaceLeft,children:[e.jsx("span",{className:a.default.statusDot,"aria-hidden":"true"}),e.jsxs("div",{className:a.default.workspaceCol,children:[e.jsx("p",{className:a.default.workspaceAccount,children:l}),e.jsx("p",{className:a.default.workspaceName,children:s})]})]}),e.jsx("span",{className:a.default.workspaceArrow,children:e.jsx(N,{})})]})}function p({userName:s,userRole:l,userAvatar:t}){const n=s?s.split(" ").slice(0,2).map(i=>i[0]).join("").toUpperCase():"?";return e.jsxs("div",{className:a.default.navUser,children:[e.jsx("div",{className:a.default.avatar,children:t?e.jsx("img",{src:t,alt:s??"Avatar",className:a.default.avatarImg}):e.jsx("span",{className:a.default.avatarInitials,children:n})}),(s||l)&&e.jsxs("div",{className:a.default.userText,children:[s&&e.jsx("p",{className:a.default.userName,children:s}),l&&e.jsx("p",{className:a.default.userRole,children:l})]})]})}function w({variant:s="Default",pageTitle:l="Portal de Gestão",workspaceName:t,workspaceAccount:n,userName:i,userRole:c,userAvatar:u,onMenuToggle:b,onNotifications:f,primaryAction:o,className:m}){const r=s==="Default",x=s==="Mobile",d=s==="MobileOpen",k=[a.default.header,r?a.default.variantDefault:"",x?a.default.variantMobile:"",d?a.default.variantMobileOpen:"",m].filter(Boolean).join(" ");return e.jsxs("header",{className:k,children:[!d&&e.jsx("h1",{className:[a.default.pageTitle,r?a.default.pageTitleDesktop:a.default.pageTitleMobile].join(" "),children:l}),r&&e.jsxs("div",{className:a.default.actions,children:[e.jsx(j,{workspaceName:t,workspaceAccount:n}),e.jsx("button",{type:"button",className:a.default.bellBtn,onClick:f,"aria-label":"Notificações",children:e.jsx(h,{})}),e.jsx(p,{userName:i,userRole:c,userAvatar:u})]}),x&&e.jsxs("div",{className:a.default.actions,children:[e.jsx("button",{type:"button",className:a.default.bellBtn,onClick:f,"aria-label":"Notificações",children:e.jsx(h,{})}),e.jsxs("button",{type:"button",className:a.default.menuBtn,onClick:b,"aria-label":"Abrir menu","aria-expanded":!1,children:[e.jsx("span",{className:a.default.menuIcon,children:e.jsx(v,{})}),"Menu"]})]}),d&&e.jsxs("div",{className:[a.default.actions,a.default.actionsMobileOpen].join(" "),children:[o&&e.jsx("button",{type:"button",className:a.default.ctaBtn,onClick:o.onClick,children:o.label}),e.jsxs("div",{className:a.default.mainActions,children:[e.jsx(j,{workspaceName:t,workspaceAccount:n,fullWidth:!0}),e.jsx(p,{userName:i,userRole:c,userAvatar:u})]})]})]})}exports.Header=w;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs8.js","sources":["../components/Input/Input.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport styles from './Input.module.css';\n\nexport type InputState = 'Default' | 'Hover' | 'Active' | 'Disabled' | 'Error';\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  /** Visual/interaction state. Defaults to 'Default'. */\n  state?: InputState;\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}\n\nexport function Input({\n  state = 'Default',\n  label,\n  placeholder,\n  message,\n  iconLabel,\n  iconLeft,\n  iconRight,\n  value,\n  onChange,\n  id: idProp,\n  className,\n  ...props\n}: InputProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n\n  const isDisabled = state === 'Disabled';\n  const isError = state === 'Error';\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        {iconLeft && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {iconLeft}\n          </span>\n        )}\n        <input\n          id={id}\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        {iconRight && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {iconRight}\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":["Input","state","label","placeholder","message","iconLabel","iconLeft","iconRight","value","onChange","idProp","className","props","generatedId","useId","id","isDisabled","isError","fieldClass","styles","jsxs","jsx"],"mappings":"sKAwBO,SAASA,EAAM,CACpB,MAAAC,EAAQ,UACR,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,UAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKL,GAAUG,EAEfG,EAAaf,IAAU,WACvBgB,EAAUhB,IAAU,QAEpBiB,EAAa,CACjBC,EAAAA,QAAO,MACPlB,IAAU,QAAUkB,UAAO,MAAQ,GACnClB,IAAU,SAAWkB,UAAO,OAAS,GACrCH,EAAaG,EAAAA,QAAO,SAAW,GAC/BF,EAAUE,EAAAA,QAAO,MAAQ,GACzBR,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACES,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,QACpB,SAAA,CAAAjB,GACCkB,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,SACrB,SAAA,CAAAE,EAAAA,IAAC,QAAA,CACC,QAASN,EACT,UAAW,CAACI,EAAAA,QAAO,MAAOH,EAAaG,EAAAA,QAAO,cAAgB,EAAE,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAAjB,CAAA,CAAA,EAEFG,SACE,OAAA,CAAK,UAAWc,EAAAA,QAAO,UAAW,cAAY,OAC5C,SAAAd,CAAA,CACH,CAAA,EAEJ,EAGFe,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACb,SAAA,CAAAZ,SACE,OAAA,CAAK,UAAWa,EAAAA,QAAO,KAAM,cAAY,OACvC,SAAAb,CAAA,CACH,EAEFe,EAAAA,IAAC,QAAA,CACC,GAAAN,EACA,UAAWI,EAAAA,QAAO,MAClB,YAAAhB,EACA,SAAUa,EACV,MAAAR,EACA,SAAAC,EACA,eAAcQ,EACd,mBAAkBb,EAAU,GAAGW,CAAE,WAAa,OAC7C,GAAGH,CAAA,CAAA,EAELL,SACE,OAAA,CAAK,UAAWY,EAAAA,QAAO,KAAM,cAAY,OACvC,SAAAZ,CAAA,CACH,CAAA,EAEJ,EAECH,GACCiB,EAAAA,IAAC,IAAA,CACC,GAAI,GAAGN,CAAE,WACT,UAAW,CAACI,EAAAA,QAAO,QAASF,EAAUE,EAAAA,QAAO,aAAe,EAAE,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAAf,CAAA,CAAA,CACH,EAEJ,CAEJ"}
+{"version":3,"file":"index.cjs8.js","sources":["../components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Header.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type HeaderVariant = 'Default' | 'Mobile' | 'MobileOpen';\n\nexport interface HeaderProps {\n  variant?: HeaderVariant;\n  /** Page / section title shown on the left */\n  pageTitle?: string;\n  /** Workspace display name (e.g. \"Best Buy Eletronics\") */\n  workspaceName?: string;\n  /** Workspace account label (defaults to \"Conta Atual\") */\n  workspaceAccount?: string;\n  /** Logged-in user display name */\n  userName?: string;\n  /** Logged-in user role / subtitle */\n  userRole?: string;\n  /** Avatar image URL — falls back to initials */\n  userAvatar?: string;\n  /** Called when the Mobile hamburger \"Menu\" button is clicked */\n  onMenuToggle?: () => void;\n  /** Called when the bell notification button is clicked */\n  onNotifications?: () => void;\n  /** Primary CTA in MobileOpen expanded panel */\n  primaryAction?: { label: string; onClick: () => void };\n  className?: string;\n}\n\n// ─── Inline SVG icons ─────────────────────────────────────────────────────────\n\nfunction IconBell() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\" />\n      <path d=\"M13.73 21a2 2 0 0 1-3.46 0\" />\n    </svg>\n  );\n}\n\nfunction IconMenu() {\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n      <line x1=\"4\" y1=\"6\"  x2=\"20\" y2=\"6\" />\n      <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" />\n      <line x1=\"4\" y1=\"18\" x2=\"20\" y2=\"18\" />\n    </svg>\n  );\n}\n\nfunction IconChevronDown() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M4 6l4 4 4-4\" />\n    </svg>\n  );\n}\n\n// ─── Sub-components ───────────────────────────────────────────────────────────\n\nfunction WorkspaceSwitcher({\n  workspaceName = 'Workspace',\n  workspaceAccount = 'Conta Atual',\n  fullWidth = false,\n}: {\n  workspaceName?: string;\n  workspaceAccount?: string;\n  fullWidth?: boolean;\n}) {\n  return (\n    <button\n      type=\"button\"\n      className={[styles.workspace, fullWidth ? styles.workspaceFull : ''].filter(Boolean).join(' ')}\n      aria-label={`Trocar workspace: ${workspaceName}`}\n    >\n      <div className={styles.workspaceLeft}>\n        <span className={styles.statusDot} aria-hidden=\"true\" />\n        <div className={styles.workspaceCol}>\n          <p className={styles.workspaceAccount}>{workspaceAccount}</p>\n          <p className={styles.workspaceName}>{workspaceName}</p>\n        </div>\n      </div>\n      <span className={styles.workspaceArrow}>\n        <IconChevronDown />\n      </span>\n    </button>\n  );\n}\n\nfunction UserInfo({\n  userName,\n  userRole,\n  userAvatar,\n}: {\n  userName?: string;\n  userRole?: string;\n  userAvatar?: string;\n}) {\n  const initials = userName\n    ? userName\n        .split(' ')\n        .slice(0, 2)\n        .map((w) => w[0])\n        .join('')\n        .toUpperCase()\n    : '?';\n\n  return (\n    <div className={styles.navUser}>\n      <div className={styles.avatar}>\n        {userAvatar ? (\n          <img\n            src={userAvatar}\n            alt={userName ?? 'Avatar'}\n            className={styles.avatarImg}\n          />\n        ) : (\n          <span className={styles.avatarInitials}>{initials}</span>\n        )}\n      </div>\n      {(userName || userRole) && (\n        <div className={styles.userText}>\n          {userName && <p className={styles.userName}>{userName}</p>}\n          {userRole  && <p className={styles.userRole}>{userRole}</p>}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Header ───────────────────────────────────────────────────────────────────\n\nexport function Header({\n  variant = 'Default',\n  pageTitle = 'Portal de Gestão',\n  workspaceName,\n  workspaceAccount,\n  userName,\n  userRole,\n  userAvatar,\n  onMenuToggle,\n  onNotifications,\n  primaryAction,\n  className,\n}: HeaderProps) {\n  const isDefault    = variant === 'Default';\n  const isMobile     = variant === 'Mobile';\n  const isMobileOpen = variant === 'MobileOpen';\n\n  const rootClass = [\n    styles.header,\n    isDefault    ? styles.variantDefault    : '',\n    isMobile     ? styles.variantMobile     : '',\n    isMobileOpen ? styles.variantMobileOpen : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <header className={rootClass}>\n      {/* Page title — Default + Mobile only */}\n      {!isMobileOpen && (\n        <h1\n          className={[\n            styles.pageTitle,\n            isDefault ? styles.pageTitleDesktop : styles.pageTitleMobile,\n          ].join(' ')}\n        >\n          {pageTitle}\n        </h1>\n      )}\n\n      {/* ── Default actions ─────────────────────────────────────────────── */}\n      {isDefault && (\n        <div className={styles.actions}>\n          <WorkspaceSwitcher\n            workspaceName={workspaceName}\n            workspaceAccount={workspaceAccount}\n          />\n          <button\n            type=\"button\"\n            className={styles.bellBtn}\n            onClick={onNotifications}\n            aria-label=\"Notificações\"\n          >\n            <IconBell />\n          </button>\n          <UserInfo\n            userName={userName}\n            userRole={userRole}\n            userAvatar={userAvatar}\n          />\n        </div>\n      )}\n\n      {/* ── Mobile actions ──────────────────────────────────────────────── */}\n      {isMobile && (\n        <div className={styles.actions}>\n          <button\n            type=\"button\"\n            className={styles.bellBtn}\n            onClick={onNotifications}\n            aria-label=\"Notificações\"\n          >\n            <IconBell />\n          </button>\n          <button\n            type=\"button\"\n            className={styles.menuBtn}\n            onClick={onMenuToggle}\n            aria-label=\"Abrir menu\"\n            aria-expanded={false}\n          >\n            <span className={styles.menuIcon}>\n              <IconMenu />\n            </span>\n            Menu\n          </button>\n        </div>\n      )}\n\n      {/* ── MobileOpen expanded panel ────────────────────────────────────── */}\n      {isMobileOpen && (\n        <div className={[styles.actions, styles.actionsMobileOpen].join(' ')}>\n          {/* CTA */}\n          {primaryAction && (\n            <button\n              type=\"button\"\n              className={styles.ctaBtn}\n              onClick={primaryAction.onClick}\n            >\n              {primaryAction.label}\n            </button>\n          )}\n\n          {/* Workspace + User */}\n          <div className={styles.mainActions}>\n            <WorkspaceSwitcher\n              workspaceName={workspaceName}\n              workspaceAccount={workspaceAccount}\n              fullWidth\n            />\n            <UserInfo\n              userName={userName}\n              userRole={userRole}\n              userAvatar={userAvatar}\n            />\n          </div>\n        </div>\n      )}\n    </header>\n  );\n}\n"],"names":["IconBell","jsx","IconMenu","IconChevronDown","WorkspaceSwitcher","workspaceName","workspaceAccount","fullWidth","jsxs","styles","UserInfo","userName","userRole","userAvatar","initials","w","Header","variant","pageTitle","onMenuToggle","onNotifications","primaryAction","className","isDefault","isMobile","isMobileOpen","rootClass"],"mappings":"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"}

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("./index.cjs22.js");function b({isOpen:s,title:u,description:o,children:i,onClose:n,primaryAction:a,secondaryAction:d}){const c=r.useCallback(t=>{t.key==="Escape"&&n()},[n]);if(r.useEffect(()=>{if(!s)return;document.addEventListener("keydown",c);const t=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",c),document.body.style.overflow=t}},[s,c]),!s)return null;const m=a||d;return e.jsx("div",{className:l.default.overlay,onClick:n,role:"presentation",children:e.jsxs("div",{className:l.default.modal,role:"dialog","aria-modal":"true","aria-labelledby":"modal-title","aria-describedby":o?"modal-desc":void 0,onClick:t=>t.stopPropagation(),children:[e.jsxs("div",{className:l.default.heading,children:[e.jsx("p",{id:"modal-title",className:l.default.title,children:u}),o&&e.jsx("p",{id:"modal-desc",className:l.default.description,children:o})]}),i&&e.jsx("div",{className:l.default.body,children:i}),m&&e.jsx("div",{className:l.default.actions,children:e.jsxs("div",{className:l.default.btns,children:[d&&e.jsx("button",{type:"button",className:l.default.btnSecondary,onClick:d.onClick,children:d.label}),a&&e.jsx("button",{type:"button",className:l.default.btnPrimary,onClick:a.onClick,children:a.label})]})})]})})}exports.Modal=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),x=require("react"),e=require("./index.cjs17.js");function N({state:l="Default",label:n,placeholder:o,message:d,iconLabel:t,iconLeft:u,iconRight:c,value:f,onChange:m,id:j,className:b,...h}){const p=x.useId(),s=j??p,i=l==="Disabled",r=l==="Error",v=[e.default.field,l==="Hover"?e.default.hover:"",l==="Active"?e.default.active:"",i?e.default.disabled:"",r?e.default.error:"",b].filter(Boolean).join(" ");return a.jsxs("div",{className:e.default.wrapper,children:[n&&a.jsxs("div",{className:e.default.labelRow,children:[a.jsx("label",{htmlFor:s,className:[e.default.label,i?e.default.labelDisabled:""].filter(Boolean).join(" "),children:n}),t&&a.jsx("span",{className:e.default.labelIcon,"aria-hidden":"true",children:t})]}),a.jsxs("div",{className:v,children:[u&&a.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:u}),a.jsx("input",{id:s,className:e.default.input,placeholder:o,disabled:i,value:f,onChange:m,"aria-invalid":r,"aria-describedby":d?`${s}-message`:void 0,...h}),c&&a.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:c})]}),d&&a.jsx("p",{id:`${s}-message`,className:[e.default.message,r?e.default.messageError:""].filter(Boolean).join(" "),children:d})]})}exports.Input=N;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs9.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs9.js","sources":["../components/Modal/Modal.tsx"],"sourcesContent":["import React, { useEffect, useCallback } from 'react';\nimport styles from './Modal.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface ModalAction {\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ModalProps {\n  isOpen: boolean;\n  title: string;\n  description?: string;\n  /** Customizable modal body content (e.g. radio/checkbox option list) */\n  children?: React.ReactNode;\n  onClose: () => void;\n  primaryAction?: ModalAction;\n  secondaryAction?: ModalAction;\n}\n\n// ─── Modal ────────────────────────────────────────────────────────────────────\n\nexport function Modal({\n  isOpen,\n  title,\n  description,\n  children,\n  onClose,\n  primaryAction,\n  secondaryAction,\n}: ModalProps) {\n  // Close on Escape key\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (!isOpen) return;\n    document.addEventListener('keydown', handleKeyDown);\n    // Prevent body scroll while modal is open\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      document.body.style.overflow = prev;\n    };\n  }, [isOpen, handleKeyDown]);\n\n  if (!isOpen) return null;\n\n  const hasActions = primaryAction || secondaryAction;\n\n  return (\n    <div\n      className={styles.overlay}\n      onClick={onClose}\n      role=\"presentation\"\n    >\n      <div\n        className={styles.modal}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"modal-title\"\n        aria-describedby={description ? 'modal-desc' : undefined}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Heading */}\n        <div className={styles.heading}>\n          <p id=\"modal-title\" className={styles.title}>\n            {title}\n          </p>\n          {description && (\n            <p id=\"modal-desc\" className={styles.description}>\n              {description}\n            </p>\n          )}\n        </div>\n\n        {/* Body */}\n        {children && (\n          <div className={styles.body}>\n            {children}\n          </div>\n        )}\n\n        {/* Actions */}\n        {hasActions && (\n          <div className={styles.actions}>\n            <div className={styles.btns}>\n              {secondaryAction && (\n                <button\n                  type=\"button\"\n                  className={styles.btnSecondary}\n                  onClick={secondaryAction.onClick}\n                >\n                  {secondaryAction.label}\n                </button>\n              )}\n              {primaryAction && (\n                <button\n                  type=\"button\"\n                  className={styles.btnPrimary}\n                  onClick={primaryAction.onClick}\n                >\n                  {primaryAction.label}\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["Modal","isOpen","title","description","children","onClose","primaryAction","secondaryAction","handleKeyDown","useCallback","e","useEffect","prev","hasActions","jsx","styles","jsxs"],"mappings":"sKAuBO,SAASA,EAAM,CACpB,OAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,QAAAC,EACA,cAAAC,EACA,gBAAAC,CACF,EAAe,CAEb,MAAMC,EAAgBC,EAAAA,YACnBC,GAAqB,CAChBA,EAAE,MAAQ,UAAUL,EAAA,CAC1B,EACA,CAACA,CAAO,CAAA,EAeV,GAZAM,EAAAA,UAAU,IAAM,CACd,GAAI,CAACV,EAAQ,OACb,SAAS,iBAAiB,UAAWO,CAAa,EAElD,MAAMI,EAAO,SAAS,KAAK,MAAM,SACjC,gBAAS,KAAK,MAAM,SAAW,SACxB,IAAM,CACX,SAAS,oBAAoB,UAAWJ,CAAa,EACrD,SAAS,KAAK,MAAM,SAAWI,CACjC,CACF,EAAG,CAACX,EAAQO,CAAa,CAAC,EAEtB,CAACP,EAAQ,OAAO,KAEpB,MAAMY,EAAaP,GAAiBC,EAEpC,OACEO,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,QAAO,QAClB,QAASV,EACT,KAAK,eAEL,SAAAW,EAAAA,KAAC,MAAA,CACC,UAAWD,EAAAA,QAAO,MAClB,KAAK,SACL,aAAW,OACX,kBAAgB,cAChB,mBAAkBZ,EAAc,aAAe,OAC/C,QAAUO,GAAMA,EAAE,gBAAA,EAGlB,SAAA,CAAAM,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,QACrB,SAAA,CAAAD,MAAC,KAAE,GAAG,cAAc,UAAWC,EAAAA,QAAO,MACnC,SAAAb,EACH,EACCC,SACE,IAAA,CAAE,GAAG,aAAa,UAAWY,UAAO,YAClC,SAAAZ,CAAA,CACH,CAAA,EAEJ,EAGCC,GACCU,EAAAA,IAAC,MAAA,CAAI,UAAWC,UAAO,KACpB,SAAAX,EACH,EAIDS,GACCC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,QACrB,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,KACpB,SAAA,CAAAR,GACCO,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWC,EAAAA,QAAO,aAClB,QAASR,EAAgB,QAExB,SAAAA,EAAgB,KAAA,CAAA,EAGpBD,GACCQ,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWC,EAAAA,QAAO,WAClB,QAAST,EAAc,QAEtB,SAAAA,EAAc,KAAA,CAAA,CACjB,CAAA,CAEJ,CAAA,CACF,CAAA,CAAA,CAAA,CAEJ,CAAA,CAGN"}
+{"version":3,"file":"index.cjs9.js","sources":["../components/Input/Input.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport styles from './Input.module.css';\n\nexport type InputState = 'Default' | 'Hover' | 'Active' | 'Disabled' | 'Error';\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  /** Visual/interaction state. Defaults to 'Default'. */\n  state?: InputState;\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}\n\nexport function Input({\n  state = 'Default',\n  label,\n  placeholder,\n  message,\n  iconLabel,\n  iconLeft,\n  iconRight,\n  value,\n  onChange,\n  id: idProp,\n  className,\n  ...props\n}: InputProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n\n  const isDisabled = state === 'Disabled';\n  const isError = state === 'Error';\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        {iconLeft && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {iconLeft}\n          </span>\n        )}\n        <input\n          id={id}\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        {iconRight && (\n          <span className={styles.icon} aria-hidden=\"true\">\n            {iconRight}\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":["Input","state","label","placeholder","message","iconLabel","iconLeft","iconRight","value","onChange","idProp","className","props","generatedId","useId","id","isDisabled","isError","fieldClass","styles","jsxs","jsx"],"mappings":"sKAwBO,SAASA,EAAM,CACpB,MAAAC,EAAQ,UACR,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,UAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKL,GAAUG,EAEfG,EAAaf,IAAU,WACvBgB,EAAUhB,IAAU,QAEpBiB,EAAa,CACjBC,EAAAA,QAAO,MACPlB,IAAU,QAAUkB,UAAO,MAAQ,GACnClB,IAAU,SAAWkB,UAAO,OAAS,GACrCH,EAAaG,EAAAA,QAAO,SAAW,GAC/BF,EAAUE,EAAAA,QAAO,MAAQ,GACzBR,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACES,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,QACpB,SAAA,CAAAjB,GACCkB,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,SACrB,SAAA,CAAAE,EAAAA,IAAC,QAAA,CACC,QAASN,EACT,UAAW,CAACI,EAAAA,QAAO,MAAOH,EAAaG,EAAAA,QAAO,cAAgB,EAAE,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAAjB,CAAA,CAAA,EAEFG,SACE,OAAA,CAAK,UAAWc,EAAAA,QAAO,UAAW,cAAY,OAC5C,SAAAd,CAAA,CACH,CAAA,EAEJ,EAGFe,EAAAA,KAAC,MAAA,CAAI,UAAWF,EACb,SAAA,CAAAZ,SACE,OAAA,CAAK,UAAWa,EAAAA,QAAO,KAAM,cAAY,OACvC,SAAAb,CAAA,CACH,EAEFe,EAAAA,IAAC,QAAA,CACC,GAAAN,EACA,UAAWI,EAAAA,QAAO,MAClB,YAAAhB,EACA,SAAUa,EACV,MAAAR,EACA,SAAAC,EACA,eAAcQ,EACd,mBAAkBb,EAAU,GAAGW,CAAE,WAAa,OAC7C,GAAGH,CAAA,CAAA,EAELL,SACE,OAAA,CAAK,UAAWY,EAAAA,QAAO,KAAM,cAAY,OACvC,SAAAZ,CAAA,CACH,CAAA,EAEJ,EAECH,GACCiB,EAAAA,IAAC,IAAA,CACC,GAAI,GAAGN,CAAE,WACT,UAAW,CAACI,EAAAA,QAAO,QAASF,EAAUE,EAAAA,QAAO,aAAe,EAAE,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAAf,CAAA,CAAA,CACH,EAEJ,CAEJ"}

package/dist/index.esm.js

@@ -1,27 +1,28 @@
-import { colors as t } from "./index.esm2.js";
-import { typography as p } from "./index.esm3.js";
-import { Alert as m } from "./index.esm4.js";
-import { BaseCheckRadio as a } from "./index.esm5.js";
-import { Button as l } from "./index.esm6.js";
-import { Header as i } from "./index.esm7.js";
-import { Input as c } from "./index.esm8.js";
-import { Modal as h } from "./index.esm9.js";
-import { Nav as y } from "./index.esm10.js";
-import { Pagination as k } from "./index.esm11.js";
-import { Steps as A } from "./index.esm12.js";
-import { Upload as H } from "./index.esm13.js";
+/* empty css           */
+import { colors as e } from "./index.esm3.js";
+import { typography as m } from "./index.esm4.js";
+import { Alert as x } from "./index.esm5.js";
+import { BaseCheckRadio as d } from "./index.esm6.js";
+import { Button as l } from "./index.esm7.js";
+import { Header as s } from "./index.esm8.js";
+import { Input as g } from "./index.esm9.js";
+import { Modal as u } from "./index.esm10.js";
+import { Nav as B } from "./index.esm11.js";
+import { Pagination as v } from "./index.esm12.js";
+import { Steps as C } from "./index.esm13.js";
+import { Upload as I } from "./index.esm14.js";
 export {
-  m as Alert,
-  a as BaseCheckRadio,
+  x as Alert,
+  d as BaseCheckRadio,
   l as Button,
-  i as Header,
-  c as Input,
-  h as Modal,
-  y as Nav,
-  k as Pagination,
-  A as Steps,
-  H as Upload,
-  t as colors,
-  p as typography
+  s as Header,
+  g as Input,
+  u as Modal,
+  B as Nav,
+  v as Pagination,
+  C as Steps,
+  I as Upload,
+  e as colors,
+  m as typography
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

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

package/dist/index.esm10.js

@@ -1,238 +1,78 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-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" }) });
-}
-function L() {
-  return /* @__PURE__ */ a("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M13 15l-5-5 5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}
-function j() {
-  return /* @__PURE__ */ a("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M7 15l5-5-5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}
-function w() {
-  return /* @__PURE__ */ l("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
-    /* @__PURE__ */ a("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }),
-    /* @__PURE__ */ a("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })
-  ] });
-}
-function N() {
-  return /* @__PURE__ */ l("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ a("rect", { width: "32", height: "32", rx: "6", fill: "#0F6C13" }),
-    /* @__PURE__ */ a("path", { d: "M8 24 L16 8 L24 24", stroke: "#E7DA10", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ a("path", { d: "M11 19h10", stroke: "#E7DA10", strokeWidth: "2", strokeLinecap: "round" })
-  ] });
-}
-function M({
-  item: i,
-  isActive: c,
-  onClick: t
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { useCallback as u, useEffect as v } from "react";
+import e from "./index.esm18.js";
+function k({
+  isOpen: d,
+  title: m,
+  description: n,
+  children: c,
+  onClose: s,
+  primaryAction: o,
+  secondaryAction: t
 }) {
-  const s = [
-    e.item,
-    e.itemOpen,
-    c ? e.itemOpenActive : ""
-  ].filter(Boolean).join(" "), h = [
-    e.itemLabel,
-    c ? e.itemLabelActive : e.itemLabelDefault
-  ].join(" ");
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      type: "button",
-      className: s,
-      onClick: t,
-      "aria-current": c ? "page" : void 0,
-      children: [
-        /* @__PURE__ */ a("span", { className: [e.itemIcon, e.itemIconDark].join(" "), children: i.icon }),
-        /* @__PURE__ */ a("span", { className: h, children: i.label })
-      ]
-    }
-  );
-}
-function B({
-  item: i,
-  isActive: c,
-  onClick: t
-}) {
-  const s = [
-    e.item,
-    e.itemClosed,
-    c ? e.itemClosedActive : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      type: "button",
-      className: s,
-      onClick: t,
-      "aria-label": i.label,
-      "aria-current": c ? "page" : void 0,
-      title: i.label,
-      children: /* @__PURE__ */ a("span", { className: [e.itemIcon, e.itemIconDark].join(" "), children: i.icon })
-    }
+  const i = u(
+    (a) => {
+      a.key === "Escape" && s();
+    },
+    [s]
   );
-}
-function C({
-  item: i,
-  isActive: c,
-  onClick: t
-}) {
-  const s = [
-    e.item,
-    e.itemMobile,
-    c ? e.itemMobileActive : ""
-  ].filter(Boolean).join(" ");
+  if (v(() => {
+    if (!d) return;
+    document.addEventListener("keydown", i);
+    const a = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.removeEventListener("keydown", i), document.body.style.overflow = a;
+    };
+  }, [d, i]), !d) return null;
+  const b = o || t;
   return /* @__PURE__ */ l(
-    "button",
+    "div",
     {
-      type: "button",
-      className: s,
-      onClick: t,
-      "aria-current": c ? "page" : void 0,
-      children: [
-        /* @__PURE__ */ a("span", { className: [e.itemIcon, e.itemIconLight].join(" "), children: i.icon }),
-        /* @__PURE__ */ a("span", { className: [e.itemLabel, e.itemLabelMobile].join(" "), children: i.label }),
-        /* @__PURE__ */ a("span", { className: e.chevron, children: /* @__PURE__ */ a(m, {}) })
-      ]
-    }
-  );
-}
-function A({
-  type: i,
-  sections: c,
-  activeId: t,
-  onItemClick: s,
-  onCollapseToggle: h,
-  onBellClick: k,
-  mobileTitle: f = "Menu",
-  mobileFooter: n,
-  logo: p,
-  logoIcon: b,
-  className: g
-}) {
-  const u = b ?? /* @__PURE__ */ a(N, {}), v = [
-    e.nav,
-    i === "open" ? e.navOpen : "",
-    i === "closed" ? e.navClosed : "",
-    i === "mobile" ? e.navMobile : "",
-    g
-  ].filter(Boolean).join(" ");
-  return i === "open" ? /* @__PURE__ */ l("nav", { className: v, "aria-label": "Main navigation", children: [
-    /* @__PURE__ */ l("div", { className: [e.header, e.headerOpen].join(" "), children: [
-      /* @__PURE__ */ a("div", { className: e.logoIcon, children: u }),
-      p && /* @__PURE__ */ a("div", { className: e.logoFull, children: p })
-    ] }),
-    /* @__PURE__ */ a("div", { className: [e.links, e.linksOpen].join(" "), children: c.map((o, d) => /* @__PURE__ */ l("div", { className: e.section, children: [
-      o.title && /* @__PURE__ */ a("p", { className: e.sectionTitle, children: o.title }),
-      /* @__PURE__ */ a("div", { className: e.sectionItems, children: o.items.map((r) => /* @__PURE__ */ a(
-        M,
-        {
-          item: r,
-          isActive: r.id === t,
-          onClick: () => s == null ? void 0 : s(r.id)
-        },
-        r.id
-      )) })
-    ] }, d)) }),
-    /* @__PURE__ */ a("div", { className: e.footer, children: /* @__PURE__ */ l(
-      "button",
-      {
-        type: "button",
-        className: e.collapseBtn,
-        onClick: h,
-        children: [
-          /* @__PURE__ */ a("span", { className: e.collapseBtnIcon, children: /* @__PURE__ */ a(L, {}) }),
-          "Recolher menu"
-        ]
-      }
-    ) })
-  ] }) : i === "closed" ? /* @__PURE__ */ l("nav", { className: v, "aria-label": "Main navigation", children: [
-    /* @__PURE__ */ a("div", { className: [e.header, e.headerClosed].join(" "), children: /* @__PURE__ */ a("div", { className: e.logoIcon, children: u }) }),
-    /* @__PURE__ */ a("div", { className: [e.links, e.linksClosed].join(" "), children: c.map((o, d) => /* @__PURE__ */ a("div", { className: e.section, children: /* @__PURE__ */ a("div", { className: e.sectionItems, children: o.items.map((r) => /* @__PURE__ */ a(
-      B,
-      {
-        item: r,
-        isActive: r.id === t,
-        onClick: () => s == null ? void 0 : s(r.id)
-      },
-      r.id
-    )) }) }, d)) }),
-    /* @__PURE__ */ a("div", { className: e.footer, children: /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        className: [e.collapseBtn, e.collapseBtnClosed].join(" "),
-        onClick: h,
-        "aria-label": "Expand menu",
-        title: "Expandir menu",
-        children: /* @__PURE__ */ a("span", { className: e.collapseBtnIcon, children: /* @__PURE__ */ a(j, {}) })
-      }
-    ) })
-  ] }) : /* @__PURE__ */ l("nav", { className: v, "aria-label": "Main navigation", children: [
-    /* @__PURE__ */ l("div", { className: [e.header, e.headerMobile].join(" "), children: [
-      /* @__PURE__ */ a("div", { className: e.logoIcon, children: u }),
-      /* @__PURE__ */ a("h2", { className: e.headerTitle, children: f }),
-      /* @__PURE__ */ a("div", { className: e.headerActions, children: /* @__PURE__ */ a(
-        "button",
+      className: e.overlay,
+      onClick: s,
+      role: "presentation",
+      children: /* @__PURE__ */ r(
+        "div",
         {
-          type: "button",
-          className: e.bellBtn,
-          onClick: k,
-          "aria-label": "Notifications",
-          children: /* @__PURE__ */ a(w, {})
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ a("div", { className: [e.links, e.linksMobile].join(" "), children: c.map((o, d) => /* @__PURE__ */ a("div", { className: e.section, children: /* @__PURE__ */ a("div", { className: e.sectionItems, children: o.items.map((r) => /* @__PURE__ */ a(
-      C,
-      {
-        item: r,
-        isActive: r.id === t,
-        onClick: () => s == null ? void 0 : s(r.id)
-      },
-      r.id
-    )) }) }, d)) }),
-    n && /* @__PURE__ */ l("div", { className: e.footerMobile, children: [
-      n.ctaLabel && /* @__PURE__ */ a(
-        "button",
-        {
-          type: "button",
-          className: e.ctaBtn,
-          onClick: n.onCtaClick,
-          children: n.ctaLabel
-        }
-      ),
-      n.workspaceName && /* @__PURE__ */ l(
-        "button",
-        {
-          type: "button",
-          className: e.workspace,
-          onClick: n.onWorkspaceClick,
+          className: e.modal,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "modal-title",
+          "aria-describedby": n ? "modal-desc" : void 0,
+          onClick: (a) => a.stopPropagation(),
           children: [
-            /* @__PURE__ */ a("div", { className: e.workspaceIcon, children: n.workspaceIcon ?? /* @__PURE__ */ a(N, {}) }),
-            /* @__PURE__ */ a("span", { className: e.workspaceLabel, children: n.workspaceName }),
-            /* @__PURE__ */ a("span", { style: { color: "#9490AC", display: "flex" }, children: /* @__PURE__ */ a(m, {}) })
+            /* @__PURE__ */ r("div", { className: e.heading, children: [
+              /* @__PURE__ */ l("p", { id: "modal-title", className: e.title, children: m }),
+              n && /* @__PURE__ */ l("p", { id: "modal-desc", className: e.description, children: n })
+            ] }),
+            c && /* @__PURE__ */ l("div", { className: e.body, children: c }),
+            b && /* @__PURE__ */ l("div", { className: e.actions, children: /* @__PURE__ */ r("div", { className: e.btns, children: [
+              t && /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  className: e.btnSecondary,
+                  onClick: t.onClick,
+                  children: t.label
+                }
+              ),
+              o && /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  className: e.btnPrimary,
+                  onClick: o.onClick,
+                  children: o.label
+                }
+              )
+            ] }) })
           ]
         }
-      ),
-      (n.userName || n.userInitials) && /* @__PURE__ */ l("div", { className: e.avatarRow, children: [
-        /* @__PURE__ */ a("div", { className: e.avatar, children: n.userAvatarUrl ? /* @__PURE__ */ a(
-          "img",
-          {
-            src: n.userAvatarUrl,
-            alt: n.userName ?? "",
-            style: { width: "100%", height: "100%", objectFit: "cover" }
-          }
-        ) : /* @__PURE__ */ a("span", { className: e.avatarInitials, children: n.userInitials ?? "?" }) }),
-        /* @__PURE__ */ l("div", { className: e.avatarInfo, children: [
-          n.userName && /* @__PURE__ */ a("span", { className: e.avatarName, children: n.userName }),
-          n.userRole && /* @__PURE__ */ a("span", { className: e.avatarRole, children: n.userRole })
-        ] })
-      ] })
-    ] })
-  ] });
+      )
+    }
+  );
 }
 export {
-  A as Nav
+  k as Modal
 };
 //# sourceMappingURL=index.esm10.js.map