@treeal/ds 0.1.0 → 0.1.2

package/dist/index.cjs5.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("./index.cjs14.js");function f({type:n="Check",status:u="Default",onChange:l,className:i,"aria-label":t,"aria-labelledby":r}){const a=u==="Checked",o=()=>l==null?void 0:l(!a),s=d=>{(d.key===" "||d.key==="Enter")&&(d.preventDefault(),l==null||l(!a))};if(n==="Toggle")return c.jsx("div",{role:"switch","aria-checked":a,"aria-label":t,"aria-labelledby":r,tabIndex:0,onClick:o,onKeyDown:s,className:[e.default.toggleWrapper,a?e.default.toggleChecked:"",i].filter(Boolean).join(" "),children:c.jsx("div",{className:e.default.toggleTrack})});if(n==="Radio"){const d=a?e.default.radioChecked:e.default.radioDefault;return c.jsx("div",{role:"radio","aria-checked":a,"aria-label":t,"aria-labelledby":r,tabIndex:0,onClick:o,onKeyDown:s,className:[e.default.base,d,i].filter(Boolean).join(" "),children:a&&c.jsx("span",{className:e.default.radioIcon,"aria-hidden":"true"})})}const k=a?e.default.checkChecked:e.default.checkDefault;return c.jsx("div",{role:"checkbox","aria-checked":a,"aria-label":t,"aria-labelledby":r,tabIndex:0,onClick:o,onKeyDown:s,className:[e.default.base,k,i].filter(Boolean).join(" "),children:a&&c.jsx("span",{className:e.default.checkIcon,"aria-hidden":"true"})})}exports.BaseCheckRadio=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index.cjs17.js"),x={Default:"#9490AC",Info:"#2472BA",Success:"#2C7D56",Warning:"#A36A00",Error:"#DE0000"};function j({color:t}){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",fill:t}),e.jsx("path",{d:"M10 9v5",stroke:"#fff",strokeWidth:"1.75",strokeLinecap:"round"}),e.jsx("circle",{cx:"10",cy:"6.5",r:"1",fill:"#fff"})]})}function g({color:t}){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",fill:t}),e.jsx("path",{d:"M6 10.5l3 3 5-5.5",stroke:"#fff",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})]})}function p({color:t}){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 2.5L18 17H2L10 2.5Z",fill:t}),e.jsx("path",{d:"M10 8v4",stroke:"#fff",strokeWidth:"1.75",strokeLinecap:"round"}),e.jsx("circle",{cx:"10",cy:"14.5",r:"1",fill:"#fff"})]})}function k({color:t}){return e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("circle",{cx:"10",cy:"10",r:"9",fill:t}),e.jsx("path",{d:"M7 7l6 6M13 7l-6 6",stroke:"#fff",strokeWidth:"1.75",strokeLinecap:"round"})]})}function v(){return e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M15 5L5 15M5 5l10 10",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round"})})}function S({type:t}){const n=x[t];return t==="Success"?e.jsx(g,{color:n}):t==="Warning"?e.jsx(p,{color:n}):t==="Error"?e.jsx(k,{color:n}):e.jsx(j,{color:n})}const W={Default:r.default.typeDefault,Info:r.default.typeInfo,Success:r.default.typeSuccess,Warning:r.default.typeWarning,Error:r.default.typeError},m={Default:r.default.titleDefault,Info:r.default.titleInfo,Success:r.default.titleSuccess,Warning:r.default.titleWarning,Error:r.default.titleError},I={Default:"status",Info:"status",Success:"status",Warning:"alert",Error:"alert"};function M({type:t="Default",title:n,message:l,addonLeft:o=!0,closeIcon:s=!0,actions:i=!1,actionLabel:a="Ação",onClose:c,onAction:u,className:f}){const d=[r.default.alert,W[t],f].filter(Boolean).join(" "),h=i||s;return e.jsxs("div",{className:d,role:I[t],"aria-live":t==="Warning"||t==="Error"?"assertive":"polite",children:[o&&e.jsx("span",{className:r.default.iconSlot,children:e.jsx(S,{type:t})}),e.jsxs("div",{className:r.default.textContent,children:[n&&e.jsx("p",{className:[r.default.title,m[t]].join(" "),children:n}),e.jsx("p",{className:r.default.message,children:l})]}),h&&e.jsxs("div",{className:r.default.rightSlot,children:[i&&e.jsx("button",{type:"button",className:r.default.actionBtn,onClick:u,children:a}),s&&e.jsx("button",{type:"button",className:r.default.closeBtn,onClick:c,"aria-label":"Fechar alerta",children:e.jsx(v,{})})]})]})}exports.Alert=M;
 //# sourceMappingURL=index.cjs5.js.map

package/dist/index.cjs5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs5.js","sources":["../components/BaseCheckRadio/BaseCheckRadio.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './BaseCheckRadio.module.css';\n\nexport type CheckRadioType = 'Check' | 'Radio' | 'Toggle';\nexport type CheckRadioStatus = 'Default' | 'Checked';\n\nexport interface BaseCheckRadioProps {\n  type?: CheckRadioType;\n  status?: CheckRadioStatus;\n  /** Accessible label for the control. */\n  'aria-label'?: string;\n  /** Associates the control with a visible label element. */\n  'aria-labelledby'?: string;\n  onChange?: (checked: boolean) => void;\n  className?: string;\n}\n\nexport function BaseCheckRadio({\n  type = 'Check',\n  status = 'Default',\n  onChange,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n}: BaseCheckRadioProps) {\n  const isChecked = status === 'Checked';\n\n  const handleClick = () => onChange?.(!isChecked);\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' || e.key === 'Enter') {\n      e.preventDefault();\n      onChange?.(!isChecked);\n    }\n  };\n\n  if (type === 'Toggle') {\n    return (\n      <div\n        role=\"switch\"\n        aria-checked={isChecked}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        tabIndex={0}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        className={[\n          styles.toggleWrapper,\n          isChecked ? styles.toggleChecked : '',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div className={styles.toggleTrack} />\n      </div>\n    );\n  }\n\n  if (type === 'Radio') {\n    const trackClass = isChecked ? styles.radioChecked : styles.radioDefault;\n    return (\n      <div\n        role=\"radio\"\n        aria-checked={isChecked}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        tabIndex={0}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        className={[styles.base, trackClass, className].filter(Boolean).join(' ')}\n      >\n        {isChecked && <span className={styles.radioIcon} aria-hidden=\"true\" />}\n      </div>\n    );\n  }\n\n  // Check (default)\n  const trackClass = isChecked ? styles.checkChecked : styles.checkDefault;\n  return (\n    <div\n      role=\"checkbox\"\n      aria-checked={isChecked}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      className={[styles.base, trackClass, className].filter(Boolean).join(' ')}\n    >\n      {isChecked && <span className={styles.checkIcon} aria-hidden=\"true\" />}\n    </div>\n  );\n}\n"],"names":["BaseCheckRadio","type","status","onChange","className","ariaLabel","ariaLabelledby","isChecked","handleClick","handleKeyDown","e","jsx","styles","trackClass"],"mappings":"mJAiBO,SAASA,EAAe,CAC7B,KAAAC,EAAO,QACP,OAAAC,EAAS,UACT,SAAAC,EACA,UAAAC,EACA,aAAcC,EACd,kBAAmBC,CACrB,EAAwB,CACtB,MAAMC,EAAYL,IAAW,UAEvBM,EAAc,IAAML,GAAA,YAAAA,EAAW,CAACI,GAEhCE,EAAiBC,GAA2B,EAC5CA,EAAE,MAAQ,KAAOA,EAAE,MAAQ,WAC7BA,EAAE,eAAA,EACFP,GAAA,MAAAA,EAAW,CAACI,GAEhB,EAEA,GAAIN,IAAS,SACX,OACEU,EAAAA,IAAC,MAAA,CACC,KAAK,SACL,eAAcJ,EACd,aAAYF,EACZ,kBAAiBC,EACjB,SAAU,EACV,QAASE,EACT,UAAWC,EACX,UAAW,CACTG,EAAAA,QAAO,cACPL,EAAYK,EAAAA,QAAO,cAAgB,GACnCR,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAAO,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,WAAA,CAAa,CAAA,CAAA,EAK1C,GAAIX,IAAS,QAAS,CACpB,MAAMY,EAAaN,EAAYK,EAAAA,QAAO,aAAeA,EAAAA,QAAO,aAC5D,OACED,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,eAAcJ,EACd,aAAYF,EACZ,kBAAiBC,EACjB,SAAU,EACV,QAASE,EACT,UAAWC,EACX,UAAW,CAACG,EAAAA,QAAO,KAAMC,EAAYT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEvE,YAAaO,EAAAA,IAAC,OAAA,CAAK,UAAWC,UAAO,UAAW,cAAY,MAAA,CAAO,CAAA,CAAA,CAG1E,CAGA,MAAMC,EAAaN,EAAYK,EAAAA,QAAO,aAAeA,EAAAA,QAAO,aAC5D,OACED,EAAAA,IAAC,MAAA,CACC,KAAK,WACL,eAAcJ,EACd,aAAYF,EACZ,kBAAiBC,EACjB,SAAU,EACV,QAASE,EACT,UAAWC,EACX,UAAW,CAACG,EAAAA,QAAO,KAAMC,EAAYT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEvE,YAAaO,EAAAA,IAAC,OAAA,CAAK,UAAWC,UAAO,UAAW,cAAY,MAAA,CAAO,CAAA,CAAA,CAG1E"}
+{"version":3,"file":"index.cjs5.js","sources":["../components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Alert.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type AlertType = 'Default' | 'Info' | 'Success' | 'Warning' | 'Error';\n\nexport interface AlertProps {\n  type?: AlertType;\n  title?: string;\n  message: string;\n  /** Show icon on the left */\n  addonLeft?: boolean;\n  /** Show close (×) button on the right */\n  closeIcon?: boolean;\n  /** Show action button */\n  actions?: boolean;\n  /** Label for the action button (defaults to \"Ação\") */\n  actionLabel?: string;\n  onClose?: () => void;\n  onAction?: () => void;\n  className?: string;\n}\n\n// ─── Inline SVG icons ─────────────────────────────────────────────────────────\n\nconst iconColor: Record<AlertType, string> = {\n  Default: '#9490AC',\n  Info:    '#2472BA',\n  Success: '#2C7D56',\n  Warning: '#A36A00',\n  Error:   '#DE0000',\n};\n\n/** Info-circle icon — Default & Info */\nfunction IconInfo({ color }: { color: string }) {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"10\" cy=\"10\" r=\"9\" fill={color} />\n      <path d=\"M10 9v5\" stroke=\"#fff\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n      <circle cx=\"10\" cy=\"6.5\" r=\"1\" fill=\"#fff\" />\n    </svg>\n  );\n}\n\n/** Check-circle icon — Success */\nfunction IconSuccess({ color }: { color: string }) {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"10\" cy=\"10\" r=\"9\" fill={color} />\n      <path d=\"M6 10.5l3 3 5-5.5\" stroke=\"#fff\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n\n/** Warning-triangle icon — Warning */\nfunction IconWarning({ color }: { color: string }) {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M10 2.5L18 17H2L10 2.5Z\" fill={color} />\n      <path d=\"M10 8v4\" stroke=\"#fff\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n      <circle cx=\"10\" cy=\"14.5\" r=\"1\" fill=\"#fff\" />\n    </svg>\n  );\n}\n\n/** X-circle icon — Error */\nfunction IconError({ color }: { color: string }) {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"10\" cy=\"10\" r=\"9\" fill={color} />\n      <path d=\"M7 7l6 6M13 7l-6 6\" stroke=\"#fff\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\n/** Close × icon */\nfunction IconClose() {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M15 5L5 15M5 5l10 10\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nfunction TypeIcon({ type }: { type: AlertType }) {\n  const color = iconColor[type];\n  if (type === 'Success') return <IconSuccess color={color} />;\n  if (type === 'Warning') return <IconWarning color={color} />;\n  if (type === 'Error')   return <IconError color={color} />;\n  return <IconInfo color={color} />;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nconst typeStyleMap: Record<AlertType, string> = {\n  Default: styles.typeDefault,\n  Info:    styles.typeInfo,\n  Success: styles.typeSuccess,\n  Warning: styles.typeWarning,\n  Error:   styles.typeError,\n};\n\nconst titleStyleMap: Record<AlertType, string> = {\n  Default: styles.titleDefault,\n  Info:    styles.titleInfo,\n  Success: styles.titleSuccess,\n  Warning: styles.titleWarning,\n  Error:   styles.titleError,\n};\n\nconst ariaRoleMap: Record<AlertType, string> = {\n  Default: 'status',\n  Info:    'status',\n  Success: 'status',\n  Warning: 'alert',\n  Error:   'alert',\n};\n\nexport function Alert({\n  type = 'Default',\n  title,\n  message,\n  addonLeft = true,\n  closeIcon = true,\n  actions = false,\n  actionLabel = 'Ação',\n  onClose,\n  onAction,\n  className,\n}: AlertProps) {\n  const rootClass = [styles.alert, typeStyleMap[type], className]\n    .filter(Boolean)\n    .join(' ');\n\n  const hasRightSlot = actions || closeIcon;\n\n  return (\n    <div\n      className={rootClass}\n      role={ariaRoleMap[type]}\n      aria-live={type === 'Warning' || type === 'Error' ? 'assertive' : 'polite'}\n    >\n      {/* Left icon */}\n      {addonLeft && (\n        <span className={styles.iconSlot}>\n          <TypeIcon type={type} />\n        </span>\n      )}\n\n      {/* Text */}\n      <div className={styles.textContent}>\n        {title && (\n          <p className={[styles.title, titleStyleMap[type]].join(' ')}>\n            {title}\n          </p>\n        )}\n        <p className={styles.message}>{message}</p>\n      </div>\n\n      {/* Right: action + close */}\n      {hasRightSlot && (\n        <div className={styles.rightSlot}>\n          {actions && (\n            <button\n              type=\"button\"\n              className={styles.actionBtn}\n              onClick={onAction}\n            >\n              {actionLabel}\n            </button>\n          )}\n          {closeIcon && (\n            <button\n              type=\"button\"\n              className={styles.closeBtn}\n              onClick={onClose}\n              aria-label=\"Fechar alerta\"\n            >\n              <IconClose />\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["iconColor","IconInfo","color","jsxs","jsx","IconSuccess","IconWarning","IconError","IconClose","TypeIcon","type","typeStyleMap","styles","titleStyleMap","ariaRoleMap","Alert","title","message","addonLeft","closeIcon","actions","actionLabel","onClose","onAction","className","rootClass","hasRightSlot"],"mappings":"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"}

package/dist/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index.cjs19.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("./index.cjs20.js");function f({type:n="Check",status:u="Default",onChange:l,className:i,"aria-label":t,"aria-labelledby":r}){const a=u==="Checked",o=()=>l==null?void 0:l(!a),s=d=>{(d.key===" "||d.key==="Enter")&&(d.preventDefault(),l==null||l(!a))};if(n==="Toggle")return c.jsx("div",{role:"switch","aria-checked":a,"aria-label":t,"aria-labelledby":r,tabIndex:0,onClick:o,onKeyDown:s,className:[e.default.toggleWrapper,a?e.default.toggleChecked:"",i].filter(Boolean).join(" "),children:c.jsx("div",{className:e.default.toggleTrack})});if(n==="Radio"){const d=a?e.default.radioChecked:e.default.radioDefault;return c.jsx("div",{role:"radio","aria-checked":a,"aria-label":t,"aria-labelledby":r,tabIndex:0,onClick:o,onKeyDown:s,className:[e.default.base,d,i].filter(Boolean).join(" "),children:a&&c.jsx("span",{className:e.default.radioIcon,"aria-hidden":"true"})})}const k=a?e.default.checkChecked:e.default.checkDefault;return c.jsx("div",{role:"checkbox","aria-checked":a,"aria-label":t,"aria-labelledby":r,tabIndex:0,onClick:o,onKeyDown:s,className:[e.default.base,k,i].filter(Boolean).join(" "),children:a&&c.jsx("span",{className:e.default.checkIcon,"aria-hidden":"true"})})}exports.BaseCheckRadio=f;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs6.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"}
+{"version":3,"file":"index.cjs6.js","sources":["../components/BaseCheckRadio/BaseCheckRadio.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './BaseCheckRadio.module.css';\n\nexport type CheckRadioType = 'Check' | 'Radio' | 'Toggle';\nexport type CheckRadioStatus = 'Default' | 'Checked';\n\nexport interface BaseCheckRadioProps {\n  type?: CheckRadioType;\n  status?: CheckRadioStatus;\n  /** Accessible label for the control. */\n  'aria-label'?: string;\n  /** Associates the control with a visible label element. */\n  'aria-labelledby'?: string;\n  onChange?: (checked: boolean) => void;\n  className?: string;\n}\n\nexport function BaseCheckRadio({\n  type = 'Check',\n  status = 'Default',\n  onChange,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n}: BaseCheckRadioProps) {\n  const isChecked = status === 'Checked';\n\n  const handleClick = () => onChange?.(!isChecked);\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === ' ' || e.key === 'Enter') {\n      e.preventDefault();\n      onChange?.(!isChecked);\n    }\n  };\n\n  if (type === 'Toggle') {\n    return (\n      <div\n        role=\"switch\"\n        aria-checked={isChecked}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        tabIndex={0}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        className={[\n          styles.toggleWrapper,\n          isChecked ? styles.toggleChecked : '',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <div className={styles.toggleTrack} />\n      </div>\n    );\n  }\n\n  if (type === 'Radio') {\n    const trackClass = isChecked ? styles.radioChecked : styles.radioDefault;\n    return (\n      <div\n        role=\"radio\"\n        aria-checked={isChecked}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        tabIndex={0}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        className={[styles.base, trackClass, className].filter(Boolean).join(' ')}\n      >\n        {isChecked && <span className={styles.radioIcon} aria-hidden=\"true\" />}\n      </div>\n    );\n  }\n\n  // Check (default)\n  const trackClass = isChecked ? styles.checkChecked : styles.checkDefault;\n  return (\n    <div\n      role=\"checkbox\"\n      aria-checked={isChecked}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      className={[styles.base, trackClass, className].filter(Boolean).join(' ')}\n    >\n      {isChecked && <span className={styles.checkIcon} aria-hidden=\"true\" />}\n    </div>\n  );\n}\n"],"names":["BaseCheckRadio","type","status","onChange","className","ariaLabel","ariaLabelledby","isChecked","handleClick","handleKeyDown","e","jsx","styles","trackClass"],"mappings":"mJAiBO,SAASA,EAAe,CAC7B,KAAAC,EAAO,QACP,OAAAC,EAAS,UACT,SAAAC,EACA,UAAAC,EACA,aAAcC,EACd,kBAAmBC,CACrB,EAAwB,CACtB,MAAMC,EAAYL,IAAW,UAEvBM,EAAc,IAAML,GAAA,YAAAA,EAAW,CAACI,GAEhCE,EAAiBC,GAA2B,EAC5CA,EAAE,MAAQ,KAAOA,EAAE,MAAQ,WAC7BA,EAAE,eAAA,EACFP,GAAA,MAAAA,EAAW,CAACI,GAEhB,EAEA,GAAIN,IAAS,SACX,OACEU,EAAAA,IAAC,MAAA,CACC,KAAK,SACL,eAAcJ,EACd,aAAYF,EACZ,kBAAiBC,EACjB,SAAU,EACV,QAASE,EACT,UAAWC,EACX,UAAW,CACTG,EAAAA,QAAO,cACPL,EAAYK,EAAAA,QAAO,cAAgB,GACnCR,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAAO,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,QAAO,WAAA,CAAa,CAAA,CAAA,EAK1C,GAAIX,IAAS,QAAS,CACpB,MAAMY,EAAaN,EAAYK,EAAAA,QAAO,aAAeA,EAAAA,QAAO,aAC5D,OACED,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,eAAcJ,EACd,aAAYF,EACZ,kBAAiBC,EACjB,SAAU,EACV,QAASE,EACT,UAAWC,EACX,UAAW,CAACG,EAAAA,QAAO,KAAMC,EAAYT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEvE,YAAaO,EAAAA,IAAC,OAAA,CAAK,UAAWC,UAAO,UAAW,cAAY,MAAA,CAAO,CAAA,CAAA,CAG1E,CAGA,MAAMC,EAAaN,EAAYK,EAAAA,QAAO,aAAeA,EAAAA,QAAO,aAC5D,OACED,EAAAA,IAAC,MAAA,CACC,KAAK,WACL,eAAcJ,EACd,aAAYF,EACZ,kBAAiBC,EACjB,SAAU,EACV,QAASE,EACT,UAAWC,EACX,UAAW,CAACG,EAAAA,QAAO,KAAMC,EAAYT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEvE,YAAaO,EAAAA,IAAC,OAAA,CAAK,UAAWC,UAAO,UAAW,cAAY,MAAA,CAAO,CAAA,CAAA,CAG1E"}

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.cjs24.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.cjs22.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.cjs26.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,32 @@
-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 l } from "./index.esm6.js";
+import { Button as i } from "./index.esm7.js";
+import { Header as c } 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 b } from "./index.esm12.js";
+import { Select as v } from "./index.esm13.js";
+import { Steps as C } from "./index.esm14.js";
+import { Tab as I } from "./index.esm15.js";
+import { Upload as N } from "./index.esm16.js";
 export {
-  m as Alert,
-  a 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
+  x as Alert,
+  l as BaseCheckRadio,
+  i as Button,
+  c as Header,
+  g as Input,
+  u as Modal,
+  B as Nav,
+  b as Pagination,
+  v as Select,
+  C as Steps,
+  I as Tab,
+  N 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":";;;;;;;;;;;;;;;"}