@treeal/ds 0.1.0 → 0.1.1

package/dist/index.esm5.js

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

package/dist/index.esm5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm5.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":";;AAiBO,SAASA,EAAe;AAAA,EAC7B,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AACrB,GAAwB;AACtB,QAAMC,IAAYL,MAAW,WAEvBM,IAAc,MAAML,KAAA,gBAAAA,EAAW,CAACI,IAEhCE,IAAgB,CAACC,MAA2B;AAChD,KAAIA,EAAE,QAAQ,OAAOA,EAAE,QAAQ,aAC7BA,EAAE,eAAA,GACFP,KAAA,QAAAA,EAAW,CAACI;AAAA,EAEhB;AAEA,MAAIN,MAAS;AACX,WACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,gBAAcJ;AAAA,QACd,cAAYF;AAAA,QACZ,mBAAiBC;AAAA,QACjB,UAAU;AAAA,QACV,SAASE;AAAA,QACT,WAAWC;AAAA,QACX,WAAW;AAAA,UACTG,EAAO;AAAA,UACPL,IAAYK,EAAO,gBAAgB;AAAA,UACnCR;AAAA,QAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEX,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWC,EAAO,YAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAK1C,MAAIX,MAAS,SAAS;AACpB,UAAMY,IAAaN,IAAYK,EAAO,eAAeA,EAAO;AAC5D,WACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,gBAAcJ;AAAA,QACd,cAAYF;AAAA,QACZ,mBAAiBC;AAAA,QACjB,UAAU;AAAA,QACV,SAASE;AAAA,QACT,WAAWC;AAAA,QACX,WAAW,CAACG,EAAO,MAAMC,GAAYT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAEvE,eAAa,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAO,WAAW,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1E;AAGA,QAAMC,IAAaN,IAAYK,EAAO,eAAeA,EAAO;AAC5D,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,gBAAcJ;AAAA,MACd,cAAYF;AAAA,MACZ,mBAAiBC;AAAA,MACjB,UAAU;AAAA,MACV,SAASE;AAAA,MACT,WAAWC;AAAA,MACX,WAAW,CAACG,EAAO,MAAMC,GAAYT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAEvE,eAAa,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAO,WAAW,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG1E;"}
+{"version":3,"file":"index.esm5.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.esm6.js

@@ -1,37 +1,69 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
-import s from "./index.esm19.js";
-function d({
-  variant: t = "outline",
-  size: e = "sm",
-  iconLeft: l,
-  iconRight: o,
-  disabled: a,
+import { jsx as c } from "react/jsx-runtime";
+import e from "./index.esm15.js";
+function u({
+  type: n = "Check",
+  status: k = "Default",
+  onChange: l,
   className: r,
-  children: c,
-  ...i
+  "aria-label": o,
+  "aria-labelledby": d
 }) {
-  const m = a ? "disabled" : t, u = [
-    s.button,
-    s[e],
-    s[m],
-    r
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p(
-    "button",
+  const a = k === "Checked", t = () => l == null ? void 0 : l(!a), s = (i) => {
+    (i.key === " " || i.key === "Enter") && (i.preventDefault(), l == null || l(!a));
+  };
+  if (n === "Toggle")
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        role: "switch",
+        "aria-checked": a,
+        "aria-label": o,
+        "aria-labelledby": d,
+        tabIndex: 0,
+        onClick: t,
+        onKeyDown: s,
+        className: [
+          e.toggleWrapper,
+          a ? e.toggleChecked : "",
+          r
+        ].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ c("div", { className: e.toggleTrack })
+      }
+    );
+  if (n === "Radio") {
+    const i = a ? e.radioChecked : e.radioDefault;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        role: "radio",
+        "aria-checked": a,
+        "aria-label": o,
+        "aria-labelledby": d,
+        tabIndex: 0,
+        onClick: t,
+        onKeyDown: s,
+        className: [e.base, i, r].filter(Boolean).join(" "),
+        children: a && /* @__PURE__ */ c("span", { className: e.radioIcon, "aria-hidden": "true" })
+      }
+    );
+  }
+  const f = a ? e.checkChecked : e.checkDefault;
+  return /* @__PURE__ */ c(
+    "div",
     {
-      className: u,
-      disabled: a,
-      "aria-disabled": a,
-      ...i,
-      children: [
-        l && /* @__PURE__ */ n("span", { className: s.icon, children: l }),
-        /* @__PURE__ */ n("span", { className: s.label, children: c }),
-        o && /* @__PURE__ */ n("span", { className: s.icon, children: o })
-      ]
+      role: "checkbox",
+      "aria-checked": a,
+      "aria-label": o,
+      "aria-labelledby": d,
+      tabIndex: 0,
+      onClick: t,
+      onKeyDown: s,
+      className: [e.base, f, r].filter(Boolean).join(" "),
+      children: a && /* @__PURE__ */ c("span", { className: e.checkIcon, "aria-hidden": "true" })
     }
   );
 }
 export {
-  d as Button
+  u as BaseCheckRadio
 };
 //# sourceMappingURL=index.esm6.js.map

package/dist/index.esm6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm6.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":";;AAwBO,SAASA,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AAEd,QAAMC,IAAgBJ,IAAW,aAAaJ,GAExCS,IAAa;AAAA,IACjBC,EAAO;AAAA,IACPA,EAAOT,CAAI;AAAA,IACXS,EAAOF,CAAa;AAAA,IACpBH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,UAAAL;AAAA,MACA,iBAAeA;AAAA,MACd,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAL,KAAY,gBAAAU,EAAC,QAAA,EAAK,WAAWF,EAAO,MAAO,UAAAR,GAAS;AAAA,QACrD,gBAAAU,EAAC,QAAA,EAAK,WAAWF,EAAO,OAAQ,UAAAJ,GAAS;AAAA,QACxCH,KAAa,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAO,MAAO,UAAAP,EAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7D;"}
+{"version":3,"file":"index.esm6.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":";;AAiBO,SAASA,EAAe;AAAA,EAC7B,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AACrB,GAAwB;AACtB,QAAMC,IAAYL,MAAW,WAEvBM,IAAc,MAAML,KAAA,gBAAAA,EAAW,CAACI,IAEhCE,IAAgB,CAACC,MAA2B;AAChD,KAAIA,EAAE,QAAQ,OAAOA,EAAE,QAAQ,aAC7BA,EAAE,eAAA,GACFP,KAAA,QAAAA,EAAW,CAACI;AAAA,EAEhB;AAEA,MAAIN,MAAS;AACX,WACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,gBAAcJ;AAAA,QACd,cAAYF;AAAA,QACZ,mBAAiBC;AAAA,QACjB,UAAU;AAAA,QACV,SAASE;AAAA,QACT,WAAWC;AAAA,QACX,WAAW;AAAA,UACTG,EAAO;AAAA,UACPL,IAAYK,EAAO,gBAAgB;AAAA,UACnCR;AAAA,QAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEX,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWC,EAAO,YAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAK1C,MAAIX,MAAS,SAAS;AACpB,UAAMY,IAAaN,IAAYK,EAAO,eAAeA,EAAO;AAC5D,WACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,gBAAcJ;AAAA,QACd,cAAYF;AAAA,QACZ,mBAAiBC;AAAA,QACjB,UAAU;AAAA,QACV,SAASE;AAAA,QACT,WAAWC;AAAA,QACX,WAAW,CAACG,EAAO,MAAMC,GAAYT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAEvE,eAAa,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAO,WAAW,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1E;AAGA,QAAMC,IAAaN,IAAYK,EAAO,eAAeA,EAAO;AAC5D,SACE,gBAAAD;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,gBAAcJ;AAAA,MACd,cAAYF;AAAA,MACZ,mBAAiBC;AAAA,MACjB,UAAU;AAAA,MACV,SAASE;AAAA,MACT,WAAWC;AAAA,MACX,WAAW,CAACG,EAAO,MAAMC,GAAYT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAEvE,eAAa,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAO,WAAW,eAAY,OAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG1E;"}

package/dist/index.esm7.js

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

package/dist/index.esm7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm7.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":";;AAgCA,SAASA,IAAW;AAClB,2BACG,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,QAAO,eAAc,SAAQ,gBAAe,SAAQ,eAAY,QAC5J,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,8CAAA,CAA8C;AAAA,IACtD,gBAAAA,EAAC,QAAA,EAAK,GAAE,6BAAA,CAA6B;AAAA,EAAA,GACvC;AAEJ;AAEA,SAASC,IAAW;AAClB,2BACG,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,eAAY,QAClI,UAAA;AAAA,IAAA,gBAAAD,EAAC,QAAA,EAAK,IAAG,KAAI,IAAG,KAAK,IAAG,MAAK,IAAG,IAAA,CAAI;AAAA,IACpC,gBAAAA,EAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,IACrC,gBAAAA,EAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,KAAA,CAAK;AAAA,EAAA,GACvC;AAEJ;AAEA,SAASE,IAAkB;AACzB,SACE,gBAAAF,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ,eAAY,QAC3J,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,eAAA,CAAe,EAAA,CACzB;AAEJ;AAIA,SAASG,EAAkB;AAAA,EACzB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,WAAAC,IAAY;AACd,GAIG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,CAACC,EAAO,WAAWF,IAAYE,EAAO,gBAAgB,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAC7F,cAAY,qBAAqBJ,CAAa;AAAA,MAE9C,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAO,eACrB,UAAA;AAAA,UAAA,gBAAAR,EAAC,QAAA,EAAK,WAAWQ,EAAO,WAAW,eAAY,QAAO;AAAA,UACtD,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,UAAA;AAAA,YAAA,gBAAAR,EAAC,KAAA,EAAE,WAAWQ,EAAO,kBAAmB,UAAAH,GAAiB;AAAA,YACzD,gBAAAL,EAAC,KAAA,EAAE,WAAWQ,EAAO,eAAgB,UAAAJ,EAAA,CAAc;AAAA,UAAA,EAAA,CACrD;AAAA,QAAA,GACF;AAAA,0BACC,QAAA,EAAK,WAAWI,EAAO,gBACtB,UAAA,gBAAAR,EAACE,KAAgB,EAAA,CACnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASO,EAAS;AAAA,EAChB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAIG;AACD,QAAMC,IAAWH,IACbA,EACG,MAAM,GAAG,EACT,MAAM,GAAG,CAAC,EACV,IAAI,CAACI,MAAMA,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,YAAA,IACH;AAEJ,SACE,gBAAAP,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,IAAA,gBAAAR,EAAC,OAAA,EAAI,WAAWQ,EAAO,QACpB,UAAAI,IACC,gBAAAZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKY;AAAA,QACL,KAAKF,KAAY;AAAA,QACjB,WAAWF,EAAO;AAAA,MAAA;AAAA,IAAA,IAGpB,gBAAAR,EAAC,QAAA,EAAK,WAAWQ,EAAO,gBAAiB,aAAS,GAEtD;AAAA,KACEE,KAAYC,MACZ,gBAAAJ,EAAC,OAAA,EAAI,WAAWC,EAAO,UACpB,UAAA;AAAA,MAAAE,KAAY,gBAAAV,EAAC,KAAA,EAAE,WAAWQ,EAAO,UAAW,UAAAE,GAAS;AAAA,MACrDC,KAAa,gBAAAX,EAAC,KAAA,EAAE,WAAWQ,EAAO,UAAW,UAAAG,EAAA,CAAS;AAAA,IAAA,EAAA,CACzD;AAAA,EAAA,GAEJ;AAEJ;AAIO,SAASI,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,eAAAb;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAK;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAM;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AACF,GAAgB;AACd,QAAMC,IAAeN,MAAY,WAC3BO,IAAeP,MAAY,UAC3BQ,IAAeR,MAAY,cAE3BS,IAAY;AAAA,IAChBjB,EAAO;AAAA,IACPc,IAAed,EAAO,iBAAoB;AAAA,IAC1Ce,IAAef,EAAO,gBAAoB;AAAA,IAC1CgB,IAAehB,EAAO,oBAAoB;AAAA,IAC1Ca;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAd,EAAC,UAAA,EAAO,WAAWkB,GAEhB,UAAA;AAAA,IAAA,CAACD,KACA,gBAAAxB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACTQ,EAAO;AAAA,UACPc,IAAYd,EAAO,mBAAmBA,EAAO;AAAA,QAAA,EAC7C,KAAK,GAAG;AAAA,QAET,UAAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAKJK,KACC,gBAAAf,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,MAAA,gBAAAR;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,eAAAC;AAAA,UACA,kBAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWQ,EAAO;AAAA,UAClB,SAASW;AAAA,UACT,cAAW;AAAA,UAEX,4BAACpB,GAAA,CAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAC;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,UAAAC;AAAA,UACA,UAAAC;AAAA,UACA,YAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAIDW,KACC,gBAAAhB,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,MAAA,gBAAAR;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWQ,EAAO;AAAA,UAClB,SAASW;AAAA,UACT,cAAW;AAAA,UAEX,4BAACpB,GAAA,CAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWC,EAAO;AAAA,UAClB,SAASU;AAAA,UACT,cAAW;AAAA,UACX,iBAAe;AAAA,UAEf,UAAA;AAAA,YAAA,gBAAAlB,EAAC,UAAK,WAAWQ,EAAO,UACtB,UAAA,gBAAAR,EAACC,KAAS,GACZ;AAAA,YAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAET,GACF;AAAA,IAIDuB,KACC,gBAAAjB,EAAC,OAAA,EAAI,WAAW,CAACC,EAAO,SAASA,EAAO,iBAAiB,EAAE,KAAK,GAAG,GAEhE,UAAA;AAAA,MAAAY,KACC,gBAAApB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAWQ,EAAO;AAAA,UAClB,SAASY,EAAc;AAAA,UAEtB,UAAAA,EAAc;AAAA,QAAA;AAAA,MAAA;AAAA,MAKnB,gBAAAb,EAAC,OAAA,EAAI,WAAWC,EAAO,aACrB,UAAA;AAAA,QAAA,gBAAAR;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,eAAAC;AAAA,YACA,kBAAAC;AAAA,YACA,WAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAEX,gBAAAL;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,UAAAC;AAAA,YACA,UAAAC;AAAA,YACA,YAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.esm7.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":";;AAwBO,SAASA,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AAEd,QAAMC,IAAgBJ,IAAW,aAAaJ,GAExCS,IAAa;AAAA,IACjBC,EAAO;AAAA,IACPA,EAAOT,CAAI;AAAA,IACXS,EAAOF,CAAa;AAAA,IACpBH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,UAAAL;AAAA,MACA,iBAAeA;AAAA,MACd,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAL,KAAY,gBAAAU,EAAC,QAAA,EAAK,WAAWF,EAAO,MAAO,UAAAR,GAAS;AAAA,QACrD,gBAAAU,EAAC,QAAA,EAAK,WAAWF,EAAO,OAAQ,UAAAJ,GAAS;AAAA,QACxCH,KAAa,gBAAAS,EAAC,QAAA,EAAK,WAAWF,EAAO,MAAO,UAAAP,EAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7D;"}