@treeal/ds 0.1.0

package/dist/index.esm2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm2.js","sources":["../tokens/colors.ts"],"sourcesContent":["/**\n * Color tokens — extracted directly from Figma (VekfomfsZU4q2iaY1j4VXP)\n * Nodes: BtnsBase (3107:5509), TextField (3105:3885), BaseCheckRadio (3106:4752),\n *        FileUpload (3210:3538), Pagination (3203:662), NavPrimary (3554:548),\n *        Modal (5139:1464), AlertSticky (3114:1706)\n */\n\nexport const colors = {\n  brand: {\n    primary: {\n      /** #203224 — Secondary button bg; Fill button text; Check/Radio checked bg */\n      base: '#203224',\n    },\n    secondary: {\n      /** #0F6C13 — Outline button border & text */\n      base: '#0F6C13',\n    },\n    tertiary: {\n      /** #E7DA10 — Fill button background */\n      base: '#E7DA10',\n    },\n  },\n  default: {\n    /** #FFFFFF — Secondary button text; input background */\n    white: '#FFFFFF',\n    /** #524E69 — Disabled text; input active/error text */\n    textDark: '#524E69',\n    /** #9490AC — Placeholder; input hover/active border; Grayscale/600 */\n    textMedium: '#9490AC',\n    /** #EFEEF2 — Disabled background; input focus ring; Grayscale/100 */\n    disabled: '#EFEEF2',\n    /** #DCE5DE — Default input border; Check/Radio border */\n    border: '#DCE5DE',\n    /** #E0DEED — Grayscale/200 · Default step background */\n    stepDefault: '#E0DEED',\n    /** #F5F5F5 — Default Colors/White Cloud · Nav sidebar background */\n    whiteCloud: '#F5F5F5',\n    /** #E0DEED — Grayscale/200 · Modal slot border */\n    modalBorder: '#E0DEED',\n    /** #757094 — Default Colors/Text medium · Modal slot text, option labels */\n    modalTextMedium: '#757094',\n  },\n  message: {\n    info: {\n      /** #2472BA — Text button text */\n      base: '#2472BA',\n    },\n    danger: {\n      /** #FF3A29 — Error input border & message */\n      base: '#FF3A29',\n    },\n  },\n  /** Gray scale — FileUpload / Gray/x00 tokens */\n  gray: {\n    /** #101828 — Gray/900 · file name, body text */\n    900: '#101828',\n    /** #475467 — Gray/600 · action icon color */\n    600: '#475467',\n    /** #667085 — Gray/500 · file size, muted text */\n    500: '#667085',\n    /** #D0D5DD — Gray/300 · upload drop-zone default border */\n    300: '#D0D5DD',\n    /** #EAECF0 — Gray/200 · file item border, progress track */\n    200: '#EAECF0',\n  },\n  /** Pagination tokens — Pagination (3203:662) */\n  pagination: {\n    /** #0F6C13 — active item bg (= brand.secondary.base) */\n    active: '#0F6C13',\n    /** #CED4DA — Gray/Gray 4 · inactive item border, control border */\n    border: '#CED4DA',\n    /** #101113 — Dark/Dark 9 · page number text */\n    text: '#101113',\n  },\n  /** Alert tokens — AlertSticky (3114:1706) */\n  alert: {\n    default: { bg: '#F9F8FC', border: '#DCE5DE', title: '#524E69' },\n    info:    { bg: '#F4F9FF', border: '#C9E2FE', title: '#2472BA' },\n    success: { bg: '#F5FBF7', border: '#CAE7D5', title: '#2C7D56' },\n    warning: { bg: '#FFF9E9', border: '#FFDB90', title: '#A36A00' },\n    error:   { bg: '#FFF8F6', border: '#FFCABF', title: '#DE0000' },\n  },\n  /** Shadow tokens */\n  shadow: {\n    /** 0px 1px 12px 0px rgba(25,27,35,0.15) — BS-Popper */\n    popper: '0px 1px 12px 0px rgba(25,27,35,0.15)',\n  },\n  /** Blue primary scale — FileUpload / Primary/x00 tokens */\n  primary: {\n    /** #154FEF — Primary/600 · \"browse\" link color */\n    600: '#154FEF',\n    /** #2970FF — Primary/500 · active drop-zone border, progress fill */\n    500: '#2970FF',\n    /** #5280FF — Primary/400 */\n    400: '#5280FF',\n    /** #B2C9FF — Primary/200 · file badge background */\n    200: '#B2C9FF',\n    /** #DBE8FF — Primary/100 · file badge ring, active drop-zone bg */\n    100: '#DBE8FF',\n  },\n} as const;\n\nexport type Colors = typeof colors;\n"],"names":["colors"],"mappings":"AAOO,MAAMA,IAAS;AAAA,EACpB,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,MAEP,MAAM;AAAA,IAAA;AAAA,IAER,WAAW;AAAA;AAAA,MAET,MAAM;AAAA,IAAA;AAAA,IAER,UAAU;AAAA;AAAA,MAER,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,SAAS;AAAA;AAAA,IAEP,OAAO;AAAA;AAAA,IAEP,UAAU;AAAA;AAAA,IAEV,YAAY;AAAA;AAAA,IAEZ,UAAU;AAAA;AAAA,IAEV,QAAQ;AAAA;AAAA,IAER,aAAa;AAAA;AAAA,IAEb,YAAY;AAAA;AAAA,IAEZ,aAAa;AAAA;AAAA,IAEb,iBAAiB;AAAA,EAAA;AAAA,EAEnB,SAAS;AAAA,IACP,MAAM;AAAA;AAAA,MAEJ,MAAM;AAAA,IAAA;AAAA,IAER,QAAQ;AAAA;AAAA,MAEN,MAAM;AAAA,IAAA;AAAA,EACR;AAAA;AAAA,EAGF,MAAM;AAAA;AAAA,IAEJ,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA,EAAA;AAAA;AAAA,EAGP,YAAY;AAAA;AAAA,IAEV,QAAQ;AAAA;AAAA,IAER,QAAQ;AAAA;AAAA,IAER,MAAM;AAAA,EAAA;AAAA;AAAA,EAGR,OAAO;AAAA,IACL,SAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,IACpD,MAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,IACpD,SAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,IACpD,SAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,IACpD,OAAS,EAAE,IAAI,WAAW,QAAQ,WAAW,OAAO,UAAA;AAAA,EAAU;AAAA;AAAA,EAGhE,QAAQ;AAAA;AAAA,IAEN,QAAQ;AAAA,EAAA;AAAA;AAAA,EAGV,SAAS;AAAA;AAAA,IAEP,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA;AAAA,IAEL,KAAK;AAAA,EAAA;AAET;"}

package/dist/index.esm20.js

@@ -0,0 +1,24 @@
+const o = "_pagination_olot7_11", t = "_item_olot7_20", _ = "_xs_olot7_55", n = "_md_olot7_63", c = "_lg_olot7_71", s = "_active_olot7_81", i = "_inactive_olot7_88", l = "_dots_olot7_102", a = "_control_olot7_110", e = {
+  pagination: o,
+  item: t,
+  xs: _,
+  md: n,
+  lg: c,
+  active: s,
+  inactive: i,
+  dots: l,
+  control: a
+};
+export {
+  s as active,
+  a as control,
+  e as default,
+  l as dots,
+  i as inactive,
+  t as item,
+  c as lg,
+  n as md,
+  o as pagination,
+  _ as xs
+};
+//# sourceMappingURL=index.esm20.js.map

package/dist/index.esm20.js.map

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

package/dist/index.esm21.js

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

package/dist/index.esm21.js.map

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

package/dist/index.esm22.js

@@ -0,0 +1,26 @@
+const i = "_overlay_rzwii_24", t = "_modal_rzwii_43", n = "_heading_rzwii_64", o = "_title_rzwii_72", _ = "_description_rzwii_81", r = "_body_rzwii_92", s = "_actions_rzwii_101", a = "_btns_rzwii_108", c = "_btnSecondary_rzwii_115", e = "_btnPrimary_rzwii_137", d = {
+  overlay: i,
+  modal: t,
+  heading: n,
+  title: o,
+  description: _,
+  body: r,
+  actions: s,
+  btns: a,
+  btnSecondary: c,
+  btnPrimary: e
+};
+export {
+  s as actions,
+  r as body,
+  e as btnPrimary,
+  c as btnSecondary,
+  a as btns,
+  d as default,
+  _ as description,
+  n as heading,
+  t as modal,
+  i as overlay,
+  o as title
+};
+//# sourceMappingURL=index.esm22.js.map

package/dist/index.esm22.js.map

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

package/dist/index.esm23.js

@@ -0,0 +1,106 @@
+const e = "_nav_53r24_22", t = "_navOpen_53r24_32", o = "_navClosed_53r24_33", _ = "_navMobile_53r24_42", n = "_header_53r24_51", a = "_headerOpen_53r24_58", s = "_headerClosed_53r24_64", l = "_headerMobile_53r24_73", c = "_logoIcon_53r24_80", i = "_logoFull_53r24_87", r = "_headerTitle_53r24_93", m = "_headerActions_53r24_102", v = "_bellBtn_53r24_108", b = "_links_53r24_129", d = "_linksOpen_53r24_136", p = "_linksClosed_53r24_137", I = "_linksMobile_53r24_138", h = "_section_53r24_142", k = "_sectionTitle_53r24_147", M = "_sectionItems_53r24_160", C = "_item_53r24_168", L = "_itemOpen_53r24_181", A = "_itemOpenActive_53r24_191", B = "_itemClosed_53r24_201", O = "_itemClosedActive_53r24_211", f = "_itemMobile_53r24_222", w = "_itemMobileActive_53r24_231", g = "_itemIcon_53r24_237", u = "_itemIconDark_53r24_246", D = "_itemIconLight_53r24_247", R = "_itemLabel_53r24_251", T = "_itemLabelDefault_53r24_263", F = "_itemLabelActive_53r24_264", N = "_itemLabelMobile_53r24_265", x = "_chevron_53r24_269", y = "_footer_53r24_283", j = "_collapseBtn_53r24_289", q = "_collapseBtnClosed_53r24_310", z = "_collapseBtnIcon_53r24_314", E = "_footerMobile_53r24_326", G = "_ctaBtn_53r24_335", H = "_workspace_53r24_358", J = "_workspaceIcon_53r24_372", K = "_workspaceLabel_53r24_383", P = "_avatarRow_53r24_397", Q = "_avatar_53r24_397", S = "_avatarInitials_53r24_415", U = "_avatarInfo_53r24_422", V = "_avatarName_53r24_430", W = "_avatarRole_53r24_441", X = {
+  nav: e,
+  navOpen: t,
+  navClosed: o,
+  navMobile: _,
+  header: n,
+  headerOpen: a,
+  headerClosed: s,
+  headerMobile: l,
+  logoIcon: c,
+  logoFull: i,
+  headerTitle: r,
+  headerActions: m,
+  bellBtn: v,
+  links: b,
+  linksOpen: d,
+  linksClosed: p,
+  linksMobile: I,
+  section: h,
+  sectionTitle: k,
+  sectionItems: M,
+  item: C,
+  itemOpen: L,
+  itemOpenActive: A,
+  itemClosed: B,
+  itemClosedActive: O,
+  itemMobile: f,
+  itemMobileActive: w,
+  itemIcon: g,
+  itemIconDark: u,
+  itemIconLight: D,
+  itemLabel: R,
+  itemLabelDefault: T,
+  itemLabelActive: F,
+  itemLabelMobile: N,
+  chevron: x,
+  footer: y,
+  collapseBtn: j,
+  collapseBtnClosed: q,
+  collapseBtnIcon: z,
+  footerMobile: E,
+  ctaBtn: G,
+  workspace: H,
+  workspaceIcon: J,
+  workspaceLabel: K,
+  avatarRow: P,
+  avatar: Q,
+  avatarInitials: S,
+  avatarInfo: U,
+  avatarName: V,
+  avatarRole: W
+};
+export {
+  Q as avatar,
+  U as avatarInfo,
+  S as avatarInitials,
+  V as avatarName,
+  W as avatarRole,
+  P as avatarRow,
+  v as bellBtn,
+  x as chevron,
+  j as collapseBtn,
+  q as collapseBtnClosed,
+  z as collapseBtnIcon,
+  G as ctaBtn,
+  X as default,
+  y as footer,
+  E as footerMobile,
+  n as header,
+  m as headerActions,
+  s as headerClosed,
+  l as headerMobile,
+  a as headerOpen,
+  r as headerTitle,
+  C as item,
+  B as itemClosed,
+  O as itemClosedActive,
+  g as itemIcon,
+  u as itemIconDark,
+  D as itemIconLight,
+  R as itemLabel,
+  F as itemLabelActive,
+  T as itemLabelDefault,
+  N as itemLabelMobile,
+  f as itemMobile,
+  w as itemMobileActive,
+  L as itemOpen,
+  A as itemOpenActive,
+  b as links,
+  p as linksClosed,
+  I as linksMobile,
+  d as linksOpen,
+  i as logoFull,
+  c as logoIcon,
+  e as nav,
+  o as navClosed,
+  _ as navMobile,
+  t as navOpen,
+  h as section,
+  M as sectionItems,
+  k as sectionTitle,
+  H as workspace,
+  J as workspaceIcon,
+  K as workspaceLabel
+};
+//# sourceMappingURL=index.esm23.js.map

package/dist/index.esm23.js.map

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

package/dist/index.esm3.js

@@ -0,0 +1,62 @@
+const a = {
+  fontFamily: {
+    /** Clash Grotesk Variable — buttons, inputs, labels */
+    base: "'Clash Grotesk Variable', sans-serif",
+    /** Inter — FileUpload text (Paragraph/SM and Paragraph/XS) */
+    inter: "'Inter', sans-serif",
+    /** Roboto — Pagination numbers and controls */
+    roboto: "'Roboto', sans-serif",
+    /** Clash Display Variable — Steps step number (Headings/H4 · 21px) */
+    clashDisplay: "'Clash Display Variable', sans-serif",
+    /** @deprecated use fontFamily.base */
+    button: "'Clash Grotesk Variable', sans-serif"
+  },
+  fontWeight: {
+    regular: 400,
+    semibold: 600
+  },
+  fontSize: {
+    /** 16px — Body Texts/Button & Body Texts/Text */
+    md: "1rem",
+    /** 14px — Body Texts/Label & Body Texts/Text Small */
+    sm: "0.875rem",
+    /** 12px — Paragraph/SM/Regular (Inter · FileUpload) */
+    bodySm: "0.75rem",
+    /** 10px — Paragraph/XS/Regular (Inter · FileUpload) */
+    bodyXs: "0.625rem",
+    /** 12px — Text/xs (Roboto · Pagination xs) */
+    paginationXs: "0.75rem",
+    /** 16px — Text/md (Roboto · Pagination md) */
+    paginationMd: "1rem",
+    /** 18px — Text/lg (Roboto · Pagination lg) */
+    paginationLg: "1.125rem",
+    /** @deprecated use fontSize.md */
+    button: "1rem"
+  },
+  lineHeight: {
+    /** 1.5 — Body Texts/Button */
+    button: 1.5,
+    /** 1.43 — Body Texts/Label (Semibold 14px) */
+    label: 1.43,
+    /** 1.30 — Body Texts/Text & Body Texts/Text Small */
+    text: 1.3,
+    /** 1.60 — Paragraph/SM/Regular & Paragraph/XS/Regular (Inter · FileUpload) */
+    body: 1.6,
+    /** 14px — Text/xs (Roboto · Pagination xs) */
+    paginationXs: "14px",
+    /** 18px — Text/md (Roboto · Pagination md) */
+    paginationMd: "18px",
+    /** 20px — Text/lg (Roboto · Pagination lg) */
+    paginationLg: "20px"
+  },
+  letterSpacing: {
+    /** 0 — all tokens */
+    none: 0,
+    /** @deprecated use letterSpacing.none */
+    button: 0
+  }
+};
+export {
+  a as typography
+};
+//# sourceMappingURL=index.esm3.js.map

package/dist/index.esm3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm3.js","sources":["../tokens/typography.ts"],"sourcesContent":["/**\n * Typography tokens — extracted directly from Figma (VekfomfsZU4q2iaY1j4VXP)\n * Tokens: Body Texts/Button, Body Texts/Label, Body Texts/Text, Body Texts/Text Small,\n *         Paragraph/SM/Regular, Paragraph/XS/Regular (FileUpload 3210:3538),\n *         Text/xs, Text/md, Text/lg (Pagination 3203:662)\n */\n\nexport const typography = {\n  fontFamily: {\n    /** Clash Grotesk Variable — buttons, inputs, labels */\n    base: \"'Clash Grotesk Variable', sans-serif\",\n    /** Inter — FileUpload text (Paragraph/SM and Paragraph/XS) */\n    inter: \"'Inter', sans-serif\",\n    /** Roboto — Pagination numbers and controls */\n    roboto: \"'Roboto', sans-serif\",\n    /** Clash Display Variable — Steps step number (Headings/H4 · 21px) */\n    clashDisplay: \"'Clash Display Variable', sans-serif\",\n    /** @deprecated use fontFamily.base */\n    button: \"'Clash Grotesk Variable', sans-serif\",\n  },\n  fontWeight: {\n    regular: 400,\n    semibold: 600,\n  },\n  fontSize: {\n    /** 16px — Body Texts/Button & Body Texts/Text */\n    md: '1rem',\n    /** 14px — Body Texts/Label & Body Texts/Text Small */\n    sm: '0.875rem',\n    /** 12px — Paragraph/SM/Regular (Inter · FileUpload) */\n    bodySm: '0.75rem',\n    /** 10px — Paragraph/XS/Regular (Inter · FileUpload) */\n    bodyXs: '0.625rem',\n    /** 12px — Text/xs (Roboto · Pagination xs) */\n    paginationXs: '0.75rem',\n    /** 16px — Text/md (Roboto · Pagination md) */\n    paginationMd: '1rem',\n    /** 18px — Text/lg (Roboto · Pagination lg) */\n    paginationLg: '1.125rem',\n    /** @deprecated use fontSize.md */\n    button: '1rem',\n  },\n  lineHeight: {\n    /** 1.5 — Body Texts/Button */\n    button: 1.5,\n    /** 1.43 — Body Texts/Label (Semibold 14px) */\n    label: 1.43,\n    /** 1.30 — Body Texts/Text & Body Texts/Text Small */\n    text: 1.3,\n    /** 1.60 — Paragraph/SM/Regular & Paragraph/XS/Regular (Inter · FileUpload) */\n    body: 1.6,\n    /** 14px — Text/xs (Roboto · Pagination xs) */\n    paginationXs: '14px',\n    /** 18px — Text/md (Roboto · Pagination md) */\n    paginationMd: '18px',\n    /** 20px — Text/lg (Roboto · Pagination lg) */\n    paginationLg: '20px',\n  },\n  letterSpacing: {\n    /** 0 — all tokens */\n    none: 0,\n    /** @deprecated use letterSpacing.none */\n    button: 0,\n  },\n} as const;\n\nexport type Typography = typeof typography;\n"],"names":["typography"],"mappings":"AAOO,MAAMA,IAAa;AAAA,EACxB,YAAY;AAAA;AAAA,IAEV,MAAM;AAAA;AAAA,IAEN,OAAO;AAAA;AAAA,IAEP,QAAQ;AAAA;AAAA,IAER,cAAc;AAAA;AAAA,IAEd,QAAQ;AAAA,EAAA;AAAA,EAEV,YAAY;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA;AAAA,IAER,IAAI;AAAA;AAAA,IAEJ,IAAI;AAAA;AAAA,IAEJ,QAAQ;AAAA;AAAA,IAER,QAAQ;AAAA;AAAA,IAER,cAAc;AAAA;AAAA,IAEd,cAAc;AAAA;AAAA,IAEd,cAAc;AAAA;AAAA,IAEd,QAAQ;AAAA,EAAA;AAAA,EAEV,YAAY;AAAA;AAAA,IAEV,QAAQ;AAAA;AAAA,IAER,OAAO;AAAA;AAAA,IAEP,MAAM;AAAA;AAAA,IAEN,MAAM;AAAA;AAAA,IAEN,cAAc;AAAA;AAAA,IAEd,cAAc;AAAA;AAAA,IAEd,cAAc;AAAA,EAAA;AAAA,EAEhB,eAAe;AAAA;AAAA,IAEb,MAAM;AAAA;AAAA,IAEN,QAAQ;AAAA,EAAA;AAEZ;"}

package/dist/index.esm4.js

@@ -0,0 +1,115 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import t from "./index.esm18.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 h = [t.alert, I[e], d].filter(Boolean).join(" "), g = l || o;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      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 {
+  B as Alert
+};
+//# sourceMappingURL=index.esm4.js.map

package/dist/index.esm4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm4.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":";;AA0BA,MAAMA,IAAuC;AAAA,EAC3C,SAAS;AAAA,EACT,MAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAS;AACX;AAGA,SAASC,EAAS,EAAE,OAAAC,KAA4B;AAC9C,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAMF,EAAA,CAAO;AAAA,IAC3C,gBAAAE,EAAC,UAAK,GAAE,WAAU,QAAO,QAAO,aAAY,QAAO,eAAc,QAAA,CAAQ;AAAA,IACzE,gBAAAA,EAAC,YAAO,IAAG,MAAK,IAAG,OAAM,GAAE,KAAI,MAAK,OAAA,CAAO;AAAA,EAAA,GAC7C;AAEJ;AAGA,SAASC,EAAY,EAAE,OAAAH,KAA4B;AACjD,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAMF,EAAA,CAAO;AAAA,IAC3C,gBAAAE,EAAC,QAAA,EAAK,GAAE,qBAAoB,QAAO,QAAO,aAAY,QAAO,eAAc,SAAQ,gBAAe,QAAA,CAAQ;AAAA,EAAA,GAC5G;AAEJ;AAGA,SAASE,EAAY,EAAE,OAAAJ,KAA4B;AACjD,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,2BAA0B,MAAMF,GAAO;AAAA,IAC/C,gBAAAE,EAAC,UAAK,GAAE,WAAU,QAAO,QAAO,aAAY,QAAO,eAAc,QAAA,CAAQ;AAAA,IACzE,gBAAAA,EAAC,YAAO,IAAG,MAAK,IAAG,QAAO,GAAE,KAAI,MAAK,OAAA,CAAO;AAAA,EAAA,GAC9C;AAEJ;AAGA,SAASG,EAAU,EAAE,OAAAL,KAA4B;AAC/C,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAA,EAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAMF,EAAA,CAAO;AAAA,IAC3C,gBAAAE,EAAC,UAAK,GAAE,sBAAqB,QAAO,QAAO,aAAY,QAAO,eAAc,QAAA,CAAQ;AAAA,EAAA,GACtF;AAEJ;AAGA,SAASI,IAAY;AACnB,SACE,gBAAAJ,EAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,wBAAuB,QAAO,gBAAe,aAAY,QAAO,eAAc,QAAA,CAAQ,EAAA,CAChG;AAEJ;AAEA,SAASK,EAAS,EAAE,MAAAC,KAA6B;AAC/C,QAAMR,IAAQF,EAAUU,CAAI;AAC5B,SAAIA,MAAS,YAAkB,gBAAAN,EAACC,KAAY,OAAAH,GAAc,IACtDQ,MAAS,YAAkB,gBAAAN,EAACE,KAAY,OAAAJ,GAAc,IACtDQ,MAAS,UAAkB,gBAAAN,EAACG,KAAU,OAAAL,GAAc,IACjD,gBAAAE,EAACH,KAAS,OAAAC,GAAc;AACjC;AAIA,MAAMS,IAA0C;AAAA,EAC9C,SAASC,EAAO;AAAA,EAChB,MAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,OAASA,EAAO;AAClB,GAEMC,IAA2C;AAAA,EAC/C,SAASD,EAAO;AAAA,EAChB,MAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,OAASA,EAAO;AAClB,GAEME,IAAyC;AAAA,EAC7C,SAAS;AAAA,EACT,MAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAS;AACX;AAEO,SAASC,EAAM;AAAA,EACpB,MAAAL,IAAO;AAAA,EACP,OAAAM;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAe;AACb,QAAMC,IAAY,CAACb,EAAO,OAAOD,EAAaD,CAAI,GAAGc,CAAS,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,GAELE,IAAeN,KAAWD;AAEhC,SACE,gBAAAhB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWsB;AAAA,MACX,MAAMX,EAAYJ,CAAI;AAAA,MACtB,aAAWA,MAAS,aAAaA,MAAS,UAAU,cAAc;AAAA,MAGjE,UAAA;AAAA,QAAAQ,KACC,gBAAAd,EAAC,UAAK,WAAWQ,EAAO,UACtB,UAAA,gBAAAR,EAACK,GAAA,EAAS,MAAAC,GAAY,EAAA,CACxB;AAAA,QAIF,gBAAAP,EAAC,OAAA,EAAI,WAAWS,EAAO,aACpB,UAAA;AAAA,UAAAI,KACC,gBAAAZ,EAAC,KAAA,EAAE,WAAW,CAACQ,EAAO,OAAOC,EAAcH,CAAI,CAAC,EAAE,KAAK,GAAG,GACvD,UAAAM,GACH;AAAA,UAEF,gBAAAZ,EAAC,KAAA,EAAE,WAAWQ,EAAO,SAAU,UAAAK,EAAA,CAAQ;AAAA,QAAA,GACzC;AAAA,QAGCS,KACC,gBAAAvB,EAAC,OAAA,EAAI,WAAWS,EAAO,WACpB,UAAA;AAAA,UAAAQ,KACC,gBAAAhB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAWQ,EAAO;AAAA,cAClB,SAASW;AAAA,cAER,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJF,KACC,gBAAAf;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAWQ,EAAO;AAAA,cAClB,SAASU;AAAA,cACT,cAAW;AAAA,cAEX,4BAACd,GAAA,CAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/index.esm5.js

@@ -0,0 +1,69 @@
+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
+}) {
+  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",
+    {
+      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 {
+  u as BaseCheckRadio
+};
+//# sourceMappingURL=index.esm5.js.map

package/dist/index.esm5.js.map

@@ -0,0 +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;"}

package/dist/index.esm6.js

@@ -0,0 +1,37 @@
+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,
+  className: r,
+  children: c,
+  ...i
+}) {
+  const m = a ? "disabled" : t, u = [
+    s.button,
+    s[e],
+    s[m],
+    r
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      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 })
+      ]
+    }
+  );
+}
+export {
+  d as Button
+};
+//# sourceMappingURL=index.esm6.js.map

package/dist/index.esm6.js.map

@@ -0,0 +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;"}