vector-prototype-components 0.1.1 → 0.1.3

package/Avatar/Avatar.module.css.js

@@ -0,0 +1,26 @@
+import './Avatar.module.css';const i = "_avatar_155i1_20", s = "_disabled_155i1_43", e = "_sizeXsmall_155i1_50", a = "_sizeSmall_155i1_56", _ = "_sizeMedium_155i1_62", l = "_sizeLarge_155i1_68", t = "_sizeXlarge_155i1_74", n = "_image_155i1_82", o = "_initials_155i1_95", z = "_icon_155i1_103", c = {
+  avatar: i,
+  disabled: s,
+  sizeXsmall: e,
+  sizeSmall: a,
+  sizeMedium: _,
+  sizeLarge: l,
+  sizeXlarge: t,
+  image: n,
+  initials: o,
+  icon: z
+};
+export {
+  i as avatar,
+  c as default,
+  s as disabled,
+  z as icon,
+  n as image,
+  o as initials,
+  l as sizeLarge,
+  _ as sizeMedium,
+  a as sizeSmall,
+  t as sizeXlarge,
+  e as sizeXsmall
+};
+//# sourceMappingURL=Avatar.module.css.js.map

package/Avatar/Avatar.module.css.js.map

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

package/Badge/Badge.js

@@ -0,0 +1,40 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "./Badge.module.css.js";
+const m = {
+  small: e.sizeSmall,
+  medium: e.sizeMedium,
+  large: e.sizeLarge
+}, u = {
+  default: e.stateDefault,
+  danger: e.stateDanger,
+  success: e.stateSuccess,
+  warning: e.stateWarning,
+  disabled: e.stateDisabled
+};
+function g({
+  state: l = "default",
+  size: a = "medium",
+  label: s,
+  className: t,
+  "aria-label": n
+}) {
+  const r = [
+    e.badge,
+    m[a],
+    u[l],
+    t
+  ].filter(Boolean).join(" "), i = a !== "small" && s != null;
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: r,
+      "aria-label": n,
+      role: "status",
+      children: i ? s : null
+    }
+  );
+}
+export {
+  g as Badge
+};
+//# sourceMappingURL=Badge.js.map

package/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../src/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Badge.module.css';\n\nexport type BadgeSize = 'small' | 'medium' | 'large';\nexport type BadgeState = 'default' | 'danger' | 'success' | 'warning' | 'disabled';\n\nexport interface BadgeProps {\n  /** Visual state / semantic color of the badge */\n  state?: BadgeState;\n  /** Size of the badge. \"small\" renders a dot only (no text). */\n  size?: BadgeSize;\n  /**\n   * Numeric or short text label shown inside medium/large badges.\n   * Ignored when size=\"small\".\n   */\n  label?: string | number;\n  /** Additional CSS class names */\n  className?: string;\n  /** aria-label for accessibility when no surrounding text provides context */\n  'aria-label'?: string;\n}\n\nconst SIZE_CLASS: Record<BadgeSize, string> = {\n  small:  styles.sizeSmall,\n  medium: styles.sizeMedium,\n  large:  styles.sizeLarge,\n};\n\nconst STATE_CLASS: Record<BadgeState, string> = {\n  default:  styles.stateDefault,\n  danger:   styles.stateDanger,\n  success:  styles.stateSuccess,\n  warning:  styles.stateWarning,\n  disabled: styles.stateDisabled,\n};\n\nexport function Badge({\n  state = 'default',\n  size = 'medium',\n  label,\n  className,\n  'aria-label': ariaLabel,\n}: BadgeProps) {\n  const cls = [\n    styles.badge,\n    SIZE_CLASS[size],\n    STATE_CLASS[state],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const showLabel = size !== 'small' && label != null;\n\n  return (\n    <span\n      className={cls}\n      aria-label={ariaLabel}\n      role=\"status\"\n    >\n      {showLabel ? label : null}\n    </span>\n  );\n}\n"],"names":["SIZE_CLASS","styles","STATE_CLASS","Badge","state","size","label","className","ariaLabel","cls","showLabel","jsx"],"mappings":";;AAsBA,MAAMA,IAAwC;AAAA,EAC5C,OAAQC,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,OAAQA,EAAO;AACjB,GAEMC,IAA0C;AAAA,EAC9C,SAAUD,EAAO;AAAA,EACjB,QAAUA,EAAO;AAAA,EACjB,SAAUA,EAAO;AAAA,EACjB,SAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AACnB;AAEO,SAASE,EAAM;AAAA,EACpB,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAcC;AAChB,GAAe;AACb,QAAMC,IAAM;AAAA,IACVR,EAAO;AAAA,IACPD,EAAWK,CAAI;AAAA,IACfH,EAAYE,CAAK;AAAA,IACjBG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELG,IAAYL,MAAS,WAAWC,KAAS;AAE/C,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,cAAYD;AAAA,MACZ,MAAK;AAAA,MAEJ,cAAYF,IAAQ;AAAA,IAAA;AAAA,EAAA;AAG3B;"}

package/Badge/Badge.module.css

@@ -0,0 +1 @@
+._badge_6k6ib_17{display:inline-flex;align-items:center;justify-content:center;border-radius:1000px;flex-shrink:0;font-family:var(--font-family-base, system-ui, sans-serif);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-10);white-space:nowrap}._sizeSmall_6k6ib_30{width:8px;height:8px}._sizeMedium_6k6ib_35{width:16px;height:16px;min-width:16px;padding:0 2px;font-size:var(--font-size-10);line-height:var(--font-line-height-10);color:var(--color-text-neutral-inverse)}._sizeLarge_6k6ib_45{width:20px;height:20px;min-width:20px;padding:2px;font-size:var(--font-size-12);line-height:var(--font-line-height-12);color:var(--color-text-neutral-inverse)}._stateDefault_6k6ib_56{background-color:var(--color-fill-feedback-info-default)}._stateDanger_6k6ib_61{background-color:var(--color-fill-feedback-danger-default)}._stateSuccess_6k6ib_66{background-color:var(--color-fill-feedback-success-default)}._stateWarning_6k6ib_71{background-color:var(--color-fill-feedback-warning-default)}._stateDisabled_6k6ib_80{background-color:var(--color-fill-neutral-muted)}._stateDisabled_6k6ib_80._sizeMedium_6k6ib_35,._stateDisabled_6k6ib_80._sizeLarge_6k6ib_45{color:var(--color-text-neutral-mudle)}

package/Badge/Badge.module.css.js

@@ -0,0 +1,24 @@
+import './Badge.module.css';const e = "_badge_6k6ib_17", s = "_sizeSmall_6k6ib_30", t = "_sizeMedium_6k6ib_35", a = "_sizeLarge_6k6ib_45", i = "_stateDefault_6k6ib_56", _ = "_stateDanger_6k6ib_61", n = "_stateSuccess_6k6ib_66", c = "_stateWarning_6k6ib_71", b = "_stateDisabled_6k6ib_80", l = {
+  badge: e,
+  sizeSmall: s,
+  sizeMedium: t,
+  sizeLarge: a,
+  stateDefault: i,
+  stateDanger: _,
+  stateSuccess: n,
+  stateWarning: c,
+  stateDisabled: b
+};
+export {
+  e as badge,
+  l as default,
+  a as sizeLarge,
+  t as sizeMedium,
+  s as sizeSmall,
+  _ as stateDanger,
+  i as stateDefault,
+  b as stateDisabled,
+  n as stateSuccess,
+  c as stateWarning
+};
+//# sourceMappingURL=Badge.module.css.js.map

package/Badge/Badge.module.css.js.map

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

package/BottomBar/BottomBar.js

@@ -0,0 +1,19 @@
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import o from "./BottomBar.module.css.js";
+function m({
+  primaryAction: t,
+  secondaryAction: r,
+  children: e,
+  className: n
+}) {
+  const s = [o.bottomBar, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i("footer", { className: s, role: "contentinfo", children: /* @__PURE__ */ c("div", { className: o.actions, children: [
+    r,
+    e,
+    t
+  ] }) });
+}
+export {
+  m as BottomBar
+};
+//# sourceMappingURL=BottomBar.js.map

package/BottomBar/BottomBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomBar.js","sources":["../../src/BottomBar/BottomBar.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './BottomBar.module.css';\n\nexport interface BottomBarProps {\n  /** Slot for the primary action (rightmost button). Typically a primary Button. */\n  primaryAction?: React.ReactNode;\n  /** Slot for the secondary action (left of primary). Typically a secondary Button. */\n  secondaryAction?: React.ReactNode;\n  /** Additional children rendered inside the actions group, after secondaryAction. */\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function BottomBar({\n  primaryAction,\n  secondaryAction,\n  children,\n  className,\n}: BottomBarProps) {\n  const cls = [styles.bottomBar, className].filter(Boolean).join(' ');\n\n  return (\n    <footer className={cls} role=\"contentinfo\">\n      <div className={styles.actions}>\n        {secondaryAction}\n        {children}\n        {primaryAction}\n      </div>\n    </footer>\n  );\n}\n"],"names":["BottomBar","primaryAction","secondaryAction","children","className","cls","styles","jsx","jsxs"],"mappings":";;AAaO,SAASA,EAAU;AAAA,EACxB,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,QAAMC,IAAM,CAACC,EAAO,WAAWF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAElE,SACE,gBAAAG,EAAC,UAAA,EAAO,WAAWF,GAAK,MAAK,eAC3B,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWF,EAAO,SACpB,UAAA;AAAA,IAAAJ;AAAA,IACAC;AAAA,IACAF;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

package/BottomBar/BottomBar.module.css

@@ -0,0 +1 @@
+._bottomBar_p1aj3_2{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;height:72px;padding:8px 36px;background-color:var(--color-canvas-neutral-white);box-shadow:0 -1px 2px #0e0f2312;box-sizing:border-box;flex-shrink:0}._actions_p1aj3_17{display:flex;flex-direction:row;align-items:center;gap:9px;flex-shrink:0}

package/BottomBar/BottomBar.module.css.js

@@ -0,0 +1,10 @@
+import './BottomBar.module.css';const t = "_bottomBar_p1aj3_2", o = "_actions_p1aj3_17", a = {
+  bottomBar: t,
+  actions: o
+};
+export {
+  o as actions,
+  t as bottomBar,
+  a as default
+};
+//# sourceMappingURL=BottomBar.module.css.js.map

package/BottomBar/BottomBar.module.css.js.map

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

package/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,40 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { CaretCircleRight as h } from "@phosphor-icons/react";
+import { Icon as d } from "../Icon/Icon.js";
+import r from "./Breadcrumbs.module.css.js";
+function C({
+  items: n,
+  title: s,
+  className: o,
+  ariaLabel: a = "Breadcrumb"
+}) {
+  const t = [r.breadcrumbs, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ c("nav", { "aria-label": a, className: t, children: [
+    /* @__PURE__ */ e("ol", { className: r.trail, "aria-label": a, children: n.map((l, i) => /* @__PURE__ */ c(m.Fragment, { children: [
+      i > 0 && /* @__PURE__ */ e("li", { className: r.separator, "aria-hidden": "true", children: /* @__PURE__ */ e(d, { as: h, size: 16 }) }),
+      /* @__PURE__ */ e("li", { children: l.href ? /* @__PURE__ */ e(
+        "a",
+        {
+          href: l.href,
+          className: `${r.item} ${r.itemLink}`,
+          onClick: l.onClick,
+          children: l.label
+        }
+      ) : l.onClick ? /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: `${r.item} ${r.itemLink}`,
+          onClick: l.onClick,
+          children: l.label
+        }
+      ) : /* @__PURE__ */ e("span", { className: r.item, children: l.label }) })
+    ] }, i)) }),
+    /* @__PURE__ */ e("h1", { className: r.title, children: s })
+  ] });
+}
+export {
+  C as Breadcrumbs
+};
+//# sourceMappingURL=Breadcrumbs.js.map

package/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../src/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { CaretCircleRight } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport styles from './Breadcrumbs.module.css';\n\nexport interface BreadcrumbItem {\n  /** Visible label for this breadcrumb step. */\n  label: string;\n  /** Optional href — when provided the item renders as an anchor tag. */\n  href?: string;\n  /** Optional click handler. */\n  onClick?: (event: React.MouseEvent) => void;\n}\n\nexport interface BreadcrumbsProps {\n  /**\n   * The breadcrumb trail items rendered before the page title.\n   * Supports 1–4 items (matches Figma variants \"Qtd. diretórios=1..4\").\n   */\n  items: [BreadcrumbItem, ...BreadcrumbItem[]];\n  /** Current page title shown below the trail. */\n  title: string;\n  /** Additional CSS class name. */\n  className?: string;\n  /** aria-label for the nav landmark. Defaults to \"Breadcrumb\". */\n  ariaLabel?: string;\n}\n\nexport function Breadcrumbs({\n  items,\n  title,\n  className,\n  ariaLabel = 'Breadcrumb',\n}: BreadcrumbsProps) {\n  const cls = [styles.breadcrumbs, className].filter(Boolean).join(' ');\n\n  return (\n    <nav aria-label={ariaLabel} className={cls}>\n      <ol className={styles.trail} aria-label={ariaLabel}>\n        {items.map((item, index) => (\n          <React.Fragment key={index}>\n            {index > 0 && (\n              <li className={styles.separator} aria-hidden=\"true\">\n                <Icon as={CaretCircleRight} size={16} />\n              </li>\n            )}\n            <li>\n              {item.href ? (\n                <a\n                  href={item.href}\n                  className={`${styles.item} ${styles.itemLink}`}\n                  onClick={item.onClick}\n                >\n                  {item.label}\n                </a>\n              ) : item.onClick ? (\n                <button\n                  type=\"button\"\n                  className={`${styles.item} ${styles.itemLink}`}\n                  onClick={item.onClick}\n                >\n                  {item.label}\n                </button>\n              ) : (\n                <span className={styles.item}>{item.label}</span>\n              )}\n            </li>\n          </React.Fragment>\n        ))}\n      </ol>\n\n      <h1 className={styles.title}>{title}</h1>\n    </nav>\n  );\n}\n"],"names":["Breadcrumbs","items","title","className","ariaLabel","cls","styles","jsxs","jsx","item","index","React","Icon","CaretCircleRight"],"mappings":";;;;;AA4BO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAqB;AACnB,QAAMC,IAAM,CAACC,EAAO,aAAaH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEpE,SACE,gBAAAI,EAAC,OAAA,EAAI,cAAYH,GAAW,WAAWC,GACrC,UAAA;AAAA,IAAA,gBAAAG,EAAC,MAAA,EAAG,WAAWF,EAAO,OAAO,cAAYF,GACtC,UAAAH,EAAM,IAAI,CAACQ,GAAMC,MAChB,gBAAAH,EAACI,EAAM,UAAN,EACE,UAAA;AAAA,MAAAD,IAAQ,KACP,gBAAAF,EAAC,MAAA,EAAG,WAAWF,EAAO,WAAW,eAAY,QAC3C,UAAA,gBAAAE,EAACI,GAAA,EAAK,IAAIC,GAAkB,MAAM,IAAI,GACxC;AAAA,MAEF,gBAAAL,EAAC,MAAA,EACE,UAAAC,EAAK,OACJ,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMC,EAAK;AAAA,UACX,WAAW,GAAGH,EAAO,IAAI,IAAIA,EAAO,QAAQ;AAAA,UAC5C,SAASG,EAAK;AAAA,UAEb,UAAAA,EAAK;AAAA,QAAA;AAAA,MAAA,IAENA,EAAK,UACP,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,GAAGF,EAAO,IAAI,IAAIA,EAAO,QAAQ;AAAA,UAC5C,SAASG,EAAK;AAAA,UAEb,UAAAA,EAAK;AAAA,QAAA;AAAA,MAAA,sBAGP,QAAA,EAAK,WAAWH,EAAO,MAAO,UAAAG,EAAK,OAAM,EAAA,CAE9C;AAAA,IAAA,KA1BmBC,CA2BrB,CACD,GACH;AAAA,IAEA,gBAAAF,EAAC,MAAA,EAAG,WAAWF,EAAO,OAAQ,UAAAJ,EAAA,CAAM;AAAA,EAAA,GACtC;AAEJ;"}

package/Breadcrumbs/Breadcrumbs.module.css

@@ -0,0 +1 @@
+._breadcrumbs_82ywv_2{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}._trail_82ywv_10{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0;width:100%;list-style:none;margin:0;padding:0}._trail_82ywv_10>li{display:flex;align-items:center;list-style:none}._item_82ywv_31{font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-14, 20px);color:var(--color-text-neutral-subtle);white-space:nowrap;flex-shrink:0;text-decoration:none;background:none;border:none;padding:0;margin:0;cursor:default}._itemLink_82ywv_48{cursor:pointer}._itemLink_82ywv_48:hover{color:var(--color-text-neutral-mudle);text-decoration:underline}._itemLink_82ywv_48:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:2px}._separator_82ywv_64{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-icon-neutral-subtle)}._title_82ywv_73{font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-24);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-24, 32px);color:var(--color-text-brand-default);margin:0;width:100%}

package/Breadcrumbs/Breadcrumbs.module.css.js

@@ -0,0 +1,18 @@
+import './Breadcrumbs.module.css';const t = "_breadcrumbs_82ywv_2", e = "_trail_82ywv_10", _ = "_item_82ywv_31", r = "_itemLink_82ywv_48", s = "_separator_82ywv_64", i = "_title_82ywv_73", a = {
+  breadcrumbs: t,
+  trail: e,
+  item: _,
+  itemLink: r,
+  separator: s,
+  title: i
+};
+export {
+  t as breadcrumbs,
+  a as default,
+  _ as item,
+  r as itemLink,
+  s as separator,
+  i as title,
+  e as trail
+};
+//# sourceMappingURL=Breadcrumbs.module.css.js.map

package/Breadcrumbs/Breadcrumbs.module.css.js.map

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

package/Button/Button.js

@@ -0,0 +1,53 @@
+import { jsxs as y, jsx as n } from "react/jsx-runtime";
+import { Icon as e } from "../Icon/Icon.js";
+import a from "./Button.module.css.js";
+const d = {
+  primary: a.variantPrimary,
+  secondary: a.variantSecondary,
+  tertiary: a.variantTertiary,
+  danger: a.variantDanger,
+  link: a.variantLink
+}, p = {
+  medium: a.sizeMedium,
+  small: a.sizeSmall,
+  xsmall: a.sizeXsmall
+}, f = {
+  medium: 20,
+  small: 20,
+  xsmall: 16
+};
+function A({
+  variant: o = "primary",
+  size: r = "medium",
+  leadingIcon: i,
+  trailingIcon: t,
+  className: l,
+  children: c,
+  disabled: s,
+  ...u
+}) {
+  const S = [
+    a.button,
+    d[o],
+    p[r],
+    l
+  ].filter(Boolean).join(" "), m = f[r];
+  return /* @__PURE__ */ y(
+    "button",
+    {
+      className: S,
+      disabled: s,
+      "aria-disabled": s,
+      ...u,
+      children: [
+        i && /* @__PURE__ */ n(e, { as: i, size: m }),
+        c,
+        t && /* @__PURE__ */ n(e, { as: t, size: m })
+      ]
+    }
+  );
+}
+export {
+  A as Button
+};
+//# sourceMappingURL=Button.js.map

package/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport type { Icon as PhosphorIcon } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport styles from './Button.module.css';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link';\nexport type ButtonSize = 'medium' | 'small' | 'xsmall';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  leadingIcon?: PhosphorIcon;\n  trailingIcon?: PhosphorIcon;\n}\n\nconst VARIANT_CLASS: Record<ButtonVariant, string> = {\n  primary:   styles.variantPrimary,\n  secondary: styles.variantSecondary,\n  tertiary:  styles.variantTertiary,\n  danger:    styles.variantDanger,\n  link:      styles.variantLink,\n};\n\nconst SIZE_CLASS: Record<ButtonSize, string> = {\n  medium: styles.sizeMedium,\n  small:  styles.sizeSmall,\n  xsmall: styles.sizeXsmall,\n};\n\nconst ICON_SIZE: Record<ButtonSize, number> = {\n  medium: 20,\n  small:  20,\n  xsmall: 16,\n};\n\nexport function Button({\n  variant = 'primary',\n  size = 'medium',\n  leadingIcon,\n  trailingIcon,\n  className,\n  children,\n  disabled,\n  ...props\n}: ButtonProps) {\n  const cls = [\n    styles.button,\n    VARIANT_CLASS[variant],\n    SIZE_CLASS[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const iconSize = ICON_SIZE[size];\n\n  return (\n    <button\n      className={cls}\n      disabled={disabled}\n      aria-disabled={disabled}\n      {...props}\n    >\n      {leadingIcon  && <Icon as={leadingIcon}  size={iconSize} />}\n      {children}\n      {trailingIcon && <Icon as={trailingIcon} size={iconSize} />}\n    </button>\n  );\n}\n"],"names":["VARIANT_CLASS","styles","SIZE_CLASS","ICON_SIZE","Button","variant","size","leadingIcon","trailingIcon","className","children","disabled","props","cls","iconSize","jsxs","jsx","Icon"],"mappings":";;;AAeA,MAAMA,IAA+C;AAAA,EACnD,SAAWC,EAAO;AAAA,EAClB,WAAWA,EAAO;AAAA,EAClB,UAAWA,EAAO;AAAA,EAClB,QAAWA,EAAO;AAAA,EAClB,MAAWA,EAAO;AACpB,GAEMC,IAAyC;AAAA,EAC7C,QAAQD,EAAO;AAAA,EACf,OAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AACjB,GAEME,IAAwC;AAAA,EAC5C,QAAQ;AAAA,EACR,OAAQ;AAAA,EACR,QAAQ;AACV;AAEO,SAASC,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAM;AAAA,IACVZ,EAAO;AAAA,IACPD,EAAcK,CAAO;AAAA,IACrBH,EAAWI,CAAI;AAAA,IACfG;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELK,IAAWX,EAAUG,CAAI;AAE/B,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,MACX,UAAAF;AAAA,MACA,iBAAeA;AAAA,MACd,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAL,KAAgB,gBAAAS,EAACC,GAAA,EAAK,IAAIV,GAAc,MAAMO,GAAU;AAAA,QACxDJ;AAAA,QACAF,KAAgB,gBAAAQ,EAACC,GAAA,EAAK,IAAIT,GAAc,MAAMM,EAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/D;"}

package/Button/Button.module.css

@@ -0,0 +1 @@
+._button_lhbg8_2{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-14);cursor:pointer;border:2px solid transparent;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease,opacity .12s ease}._button_lhbg8_2:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._button_lhbg8_2:disabled,._button_lhbg8_2[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}._sizeMedium_lhbg8_38{height:42px;padding:0 16px}._sizeSmall_lhbg8_43{height:36px;padding:0 16px;font-size:var(--font-size-14)}._sizeXsmall_lhbg8_49{height:30px;padding:0 16px;font-size:var(--font-size-12)}._variantPrimary_lhbg8_59{background-color:var(--color-fill-brand-default);color:var(--color-text-neutral-inverse);border-color:transparent}._variantPrimary_lhbg8_59:hover:not(:disabled){background-color:var(--color-fill-interaction-brand-hover)}._variantSecondary_lhbg8_73{background-color:var(--color-canvas-neutral-white);color:var(--color-text-brand-default);border-color:var(--color-stroke-brand-default)}._variantSecondary_lhbg8_73:hover:not(:disabled){color:var(--color-text-brand-strong);border-color:var(--color-stroke-interaction-brand-hover)}._variantTertiary_lhbg8_88{background-color:var(--color-canvas-neutral-white);color:var(--color-text-neutral-mudle);border-color:var(--color-stroke-neutral-default)}._variantTertiary_lhbg8_88:hover:not(:disabled){border-color:var(--color-stroke-interaction-neutral-hover)}._variantDanger_lhbg8_102{background-color:var(--color-canvas-neutral-white);color:var(--color-text-feedback-danger-default);border-color:var(--color-stroke-feedback-danger-default)}._variantDanger_lhbg8_102:hover:not(:disabled){color:var(--color-text-interaction-danger-hover);border-color:var(--color-stroke-interaction-danger-hover)}._variantLink_lhbg8_117{background-color:transparent;color:var(--color-text-brand-default);border-color:transparent}._variantLink_lhbg8_117:hover:not(:disabled){color:var(--color-text-brand-strong);text-decoration:underline}

package/Button/Button.module.css.js

@@ -0,0 +1,24 @@
+import './Button.module.css';const a = "_button_lhbg8_2", n = "_sizeMedium_lhbg8_38", t = "_sizeSmall_lhbg8_43", i = "_sizeXsmall_lhbg8_49", r = "_variantPrimary_lhbg8_59", _ = "_variantSecondary_lhbg8_73", s = "_variantTertiary_lhbg8_88", e = "_variantDanger_lhbg8_102", l = "_variantLink_lhbg8_117", o = {
+  button: a,
+  sizeMedium: n,
+  sizeSmall: t,
+  sizeXsmall: i,
+  variantPrimary: r,
+  variantSecondary: _,
+  variantTertiary: s,
+  variantDanger: e,
+  variantLink: l
+};
+export {
+  a as button,
+  o as default,
+  n as sizeMedium,
+  t as sizeSmall,
+  i as sizeXsmall,
+  e as variantDanger,
+  l as variantLink,
+  r as variantPrimary,
+  _ as variantSecondary,
+  s as variantTertiary
+};
+//# sourceMappingURL=Button.module.css.js.map

package/Button/Button.module.css.js.map

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

package/Callout/Callout.js

@@ -0,0 +1,66 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { Info as p, Warning as N } from "@phosphor-icons/react";
+import { Icon as g } from "../Icon/Icon.js";
+import { Button as u } from "../Button/Button.js";
+import n from "./Callout.module.css.js";
+const C = {
+  warning: n.variantWarning,
+  info: n.variantInfo
+}, I = {
+  warning: N,
+  info: p
+};
+function z({
+  type: e = "warning",
+  message: t,
+  detailLabel: r,
+  detailText: s,
+  actionLabel: a,
+  actionIcon: m,
+  onAction: d,
+  disabled: c,
+  className: f
+}) {
+  const v = [
+    n.callout,
+    C[e],
+    c ? n.disabled : void 0,
+    f
+  ].filter(Boolean).join(" "), h = I[e], l = !!(r || s);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: v,
+      "aria-disabled": c,
+      role: "note",
+      children: /* @__PURE__ */ i("div", { className: n.container, children: [
+        /* @__PURE__ */ i("div", { className: n.iconTextRow, children: [
+          /* @__PURE__ */ o("div", { className: n.iconContainer, children: /* @__PURE__ */ o(g, { as: h, size: 20, color: "var(--color-icon-neutral-inverse)" }) }),
+          /* @__PURE__ */ o("span", { className: n.message, children: t })
+        ] }),
+        (l || a) && /* @__PURE__ */ i("div", { className: n.messageAndButton, children: [
+          l && /* @__PURE__ */ i("span", { className: n.detail, children: [
+            r && /* @__PURE__ */ o("span", { className: n.detailLabel, children: r }),
+            r && s ? " " : "",
+            s
+          ] }),
+          a && /* @__PURE__ */ o(
+            u,
+            {
+              variant: "tertiary",
+              size: "medium",
+              leadingIcon: m,
+              onClick: d,
+              disabled: c,
+              children: a
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  z as Callout
+};
+//# sourceMappingURL=Callout.js.map

package/Callout/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","sources":["../../src/Callout/Callout.tsx"],"sourcesContent":["import React from 'react';\nimport type { Icon as PhosphorIcon } from '@phosphor-icons/react';\nimport { Warning, Info } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport { Button } from '../Button/index.js';\nimport styles from './Callout.module.css';\n\nexport type CalloutType = 'warning' | 'info';\n\nexport interface CalloutProps {\n  /** Visual type (maps to Figma Type=Warning / Type=Info) */\n  type?: CalloutType;\n  /** Main callout message shown in the icon row */\n  message: string;\n  /** Optional secondary detail text (rendered with a semibold label prefix) */\n  detailLabel?: string;\n  /** Optional detail body text following the label */\n  detailText?: string;\n  /** Optional action button label. When provided a tertiary Button is rendered. */\n  actionLabel?: string;\n  /** Leading icon for the optional action button */\n  actionIcon?: PhosphorIcon;\n  /** Callback fired when the action button is clicked */\n  onAction?: React.MouseEventHandler<HTMLButtonElement>;\n  /** Visually and interactively disables the callout */\n  disabled?: boolean;\n  /** Additional class names applied to the root element */\n  className?: string;\n}\n\nconst TYPE_CLASS: Record<CalloutType, string> = {\n  warning: styles.variantWarning,\n  info:    styles.variantInfo,\n};\n\nconst TYPE_ICON: Record<CalloutType, PhosphorIcon> = {\n  warning: Warning,\n  info:    Info,\n};\n\nexport function Callout({\n  type = 'warning',\n  message,\n  detailLabel,\n  detailText,\n  actionLabel,\n  actionIcon,\n  onAction,\n  disabled,\n  className,\n}: CalloutProps) {\n  const rootCls = [\n    styles.callout,\n    TYPE_CLASS[type],\n    disabled ? styles.disabled : undefined,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const typeIcon = TYPE_ICON[type];\n  const hasDetail = Boolean(detailLabel || detailText);\n\n  return (\n    <div\n      className={rootCls}\n      aria-disabled={disabled}\n      role=\"note\"\n    >\n      <div className={styles.container}>\n        {/* Icon + heading row */}\n        <div className={styles.iconTextRow}>\n          <div className={styles.iconContainer}>\n            <Icon as={typeIcon} size={20} color=\"var(--color-icon-neutral-inverse)\" />\n          </div>\n          <span className={styles.message}>{message}</span>\n        </div>\n\n        {/* Detail + optional action button */}\n        {(hasDetail || actionLabel) && (\n          <div className={styles.messageAndButton}>\n            {hasDetail && (\n              <span className={styles.detail}>\n                {detailLabel && (\n                  <span className={styles.detailLabel}>{detailLabel}</span>\n                )}\n                {detailLabel && detailText ? ' ' : ''}\n                {detailText}\n              </span>\n            )}\n            {actionLabel && (\n              <Button\n                variant=\"tertiary\"\n                size=\"medium\"\n                leadingIcon={actionIcon}\n                onClick={onAction}\n                disabled={disabled}\n              >\n                {actionLabel}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["TYPE_CLASS","styles","TYPE_ICON","Warning","Info","Callout","type","message","detailLabel","detailText","actionLabel","actionIcon","onAction","disabled","className","rootCls","typeIcon","hasDetail","jsx","jsxs","Icon","Button"],"mappings":";;;;;AA8BA,MAAMA,IAA0C;AAAA,EAC9C,SAASC,EAAO;AAAA,EAChB,MAASA,EAAO;AAClB,GAEMC,IAA+C;AAAA,EACnD,SAASC;AAAA,EACT,MAASC;AACX;AAEO,SAASC,EAAQ;AAAA,EACtB,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAiB;AACf,QAAMC,IAAU;AAAA,IACdd,EAAO;AAAA,IACPD,EAAWM,CAAI;AAAA,IACfO,IAAWZ,EAAO,WAAW;AAAA,IAC7Ba;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELE,IAAWd,EAAUI,CAAI,GACzBW,IAAY,GAAQT,KAAeC;AAEzC,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,iBAAeF;AAAA,MACf,MAAK;AAAA,MAEL,UAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWlB,EAAO,WAErB,UAAA;AAAA,QAAA,gBAAAkB,EAAC,OAAA,EAAI,WAAWlB,EAAO,aACrB,UAAA;AAAA,UAAA,gBAAAiB,EAAC,OAAA,EAAI,WAAWjB,EAAO,eACrB,UAAA,gBAAAiB,EAACE,GAAA,EAAK,IAAIJ,GAAU,MAAM,IAAI,OAAM,oCAAA,CAAoC,GAC1E;AAAA,UACA,gBAAAE,EAAC,QAAA,EAAK,WAAWjB,EAAO,SAAU,UAAAM,EAAA,CAAQ;AAAA,QAAA,GAC5C;AAAA,SAGEU,KAAaP,MACb,gBAAAS,EAAC,OAAA,EAAI,WAAWlB,EAAO,kBACpB,UAAA;AAAA,UAAAgB,KACC,gBAAAE,EAAC,QAAA,EAAK,WAAWlB,EAAO,QACrB,UAAA;AAAA,YAAAO,KACC,gBAAAU,EAAC,QAAA,EAAK,WAAWjB,EAAO,aAAc,UAAAO,GAAY;AAAA,YAEnDA,KAAeC,IAAa,MAAM;AAAA,YAClCA;AAAA,UAAA,GACH;AAAA,UAEDC,KACC,gBAAAQ;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,aAAaV;AAAA,cACb,SAASC;AAAA,cACT,UAAAC;AAAA,cAEC,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/Callout/Callout.module.css

@@ -0,0 +1 @@
+._callout_6mymb_2{display:flex;flex-direction:row;align-items:flex-start;padding:16px;border-radius:12px;border-width:1px;border-style:solid;width:100%;box-sizing:border-box;font-family:var(--font-family-base, system-ui, sans-serif)}._variantWarning_6mymb_17{background-color:var(--color-fill-feedback-warning-subtle);border-color:var(--color-stroke-feedback-warning-subtle)}._variantInfo_6mymb_23{background-color:var(--color-fill-feedback-info-subtle);border-color:var(--color-stroke-feedback-info-subtle)}._container_6mymb_29{display:flex;flex-direction:column;gap:8px;align-items:flex-start;flex:1 0 0;min-width:0;overflow:hidden}._iconTextRow_6mymb_40{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;flex-shrink:0}._iconContainer_6mymb_50{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;flex-shrink:0}._variantWarning_6mymb_17 ._iconContainer_6mymb_50{background-color:var(--color-fill-feedback-warning-default)}._variantInfo_6mymb_23 ._iconContainer_6mymb_50{background-color:var(--color-fill-feedback-info-default)}._message_6mymb_69{flex:1 0 0;min-width:0;font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-14);color:var(--color-text-neutral-mudle)}._messageAndButton_6mymb_79{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%;flex-shrink:0;overflow:hidden}._detail_6mymb_90{font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-14);color:var(--color-text-neutral-mudle);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._detailLabel_6mymb_101{font-weight:var(--font-weight-semibold)}._callout_6mymb_2:where(._disabled_6mymb_106){opacity:.5;cursor:not-allowed;pointer-events:none}

package/Callout/Callout.module.css.js

@@ -0,0 +1,28 @@
+import './Callout.module.css';const n = "_callout_6mymb_2", t = "_variantWarning_6mymb_17", a = "_variantInfo_6mymb_23", o = "_container_6mymb_29", e = "_iconTextRow_6mymb_40", _ = "_iconContainer_6mymb_50", i = "_message_6mymb_69", s = "_messageAndButton_6mymb_79", m = "_detail_6mymb_90", c = "_detailLabel_6mymb_101", l = "_disabled_6mymb_106", b = {
+  callout: n,
+  variantWarning: t,
+  variantInfo: a,
+  container: o,
+  iconTextRow: e,
+  iconContainer: _,
+  message: i,
+  messageAndButton: s,
+  detail: m,
+  detailLabel: c,
+  disabled: l
+};
+export {
+  n as callout,
+  o as container,
+  b as default,
+  m as detail,
+  c as detailLabel,
+  l as disabled,
+  _ as iconContainer,
+  e as iconTextRow,
+  i as message,
+  s as messageAndButton,
+  a as variantInfo,
+  t as variantWarning
+};
+//# sourceMappingURL=Callout.module.css.js.map

package/Callout/Callout.module.css.js.map

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

package/Card/Card.js

@@ -0,0 +1,39 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Slot as d } from "../Slot/Slot.js";
+import e from "./Card.module.css.js";
+const n = {
+  small: e.sizeSmall,
+  medium: e.sizeMedium,
+  large: e.sizeLarge
+}, S = {
+  shadow: e.styleShadow,
+  line: e.styleLine
+};
+function L({
+  size: o = "medium",
+  cardStyle: s = "shadow",
+  disabled: l = !1,
+  className: a,
+  children: r,
+  ...m
+}) {
+  const t = [
+    e.card,
+    n[o],
+    S[s],
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: t,
+      "aria-disabled": l || void 0,
+      ...m,
+      children: /* @__PURE__ */ i(d, { children: r })
+    }
+  );
+}
+export {
+  L as Card
+};
+//# sourceMappingURL=Card.js.map

package/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport { Slot } from '../Slot/index.js';\nimport styles from './Card.module.css';\n\nexport type CardSize = 'small' | 'medium' | 'large';\nexport type CardStyle = 'shadow' | 'line';\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: CardSize;\n  cardStyle?: CardStyle;\n  disabled?: boolean;\n}\n\nconst SIZE_CLASS: Record<CardSize, string> = {\n  small:  styles.sizeSmall,\n  medium: styles.sizeMedium,\n  large:  styles.sizeLarge,\n};\n\nconst STYLE_CLASS: Record<CardStyle, string> = {\n  shadow: styles.styleShadow,\n  line:   styles.styleLine,\n};\n\nexport function Card({\n  size = 'medium',\n  cardStyle = 'shadow',\n  disabled = false,\n  className,\n  children,\n  ...props\n}: CardProps) {\n  const cls = [\n    styles.card,\n    SIZE_CLASS[size],\n    STYLE_CLASS[cardStyle],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div\n      className={cls}\n      aria-disabled={disabled || undefined}\n      {...props}\n    >\n      <Slot>{children}</Slot>\n    </div>\n  );\n}\n"],"names":["SIZE_CLASS","styles","STYLE_CLASS","Card","size","cardStyle","disabled","className","children","props","cls","jsx","Slot"],"mappings":";;;AAaA,MAAMA,IAAuC;AAAA,EAC3C,OAAQC,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,OAAQA,EAAO;AACjB,GAEMC,IAAyC;AAAA,EAC7C,QAAQD,EAAO;AAAA,EACf,MAAQA,EAAO;AACjB;AAEO,SAASE,EAAK;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAc;AACZ,QAAMC,IAAM;AAAA,IACVT,EAAO;AAAA,IACPD,EAAWI,CAAI;AAAA,IACfF,EAAYG,CAAS;AAAA,IACrBE;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD;AAAA,MACX,iBAAeJ,KAAY;AAAA,MAC1B,GAAGG;AAAA,MAEJ,UAAA,gBAAAE,EAACC,KAAM,UAAAJ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGtB;"}

package/Card/Card.module.css

@@ -0,0 +1 @@
+._card_achli_2{display:flex;flex-direction:column;align-items:stretch;border-radius:8px;background-color:var(--color-canvas-neutral-white);border:1px solid transparent;box-sizing:border-box;position:relative;transition:box-shadow .12s ease,border-color .12s ease,opacity .12s ease}._card_achli_2:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._sizeSmall_achli_23{padding:16px;gap:10px}._sizeMedium_achli_28{padding:20px;gap:10px}._sizeLarge_achli_33{padding:24px;gap:10px}._styleShadow_achli_40{box-shadow:var(--shadow-layer-xs);border-color:transparent}._styleLine_achli_47{box-shadow:none;border-color:var(--color-stroke-neutral-default)}._card_achli_2[aria-disabled=true],._card_achli_2:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}

package/Card/Card.module.css.js

@@ -0,0 +1,18 @@
+import './Card.module.css';const e = "_card_achli_2", s = "_sizeSmall_achli_23", i = "_sizeMedium_achli_28", a = "_sizeLarge_achli_33", l = "_styleShadow_achli_40", _ = "_styleLine_achli_47", c = {
+  card: e,
+  sizeSmall: s,
+  sizeMedium: i,
+  sizeLarge: a,
+  styleShadow: l,
+  styleLine: _
+};
+export {
+  e as card,
+  c as default,
+  a as sizeLarge,
+  i as sizeMedium,
+  s as sizeSmall,
+  _ as styleLine,
+  l as styleShadow
+};
+//# sourceMappingURL=Card.module.css.js.map

package/Card/Card.module.css.js.map

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

package/Checkbox/Checkbox.js

@@ -0,0 +1,90 @@
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import u, { useId as v } from "react";
+import e from "./Checkbox.module.css.js";
+function C({
+  checked: s,
+  defaultChecked: i,
+  label: a,
+  disabled: c = !1,
+  className: m,
+  id: p,
+  onChange: f,
+  ...w
+}) {
+  const x = v(), d = p ?? x, r = s !== void 0, t = r ? s === "indeterminate" : i === "indeterminate", o = r ? s === !0 : i === !0, k = [
+    e.box,
+    o ? e.checked : null,
+    t ? e.indeterminate : null
+  ].filter(Boolean).join(" "), g = [
+    e.checkbox,
+    c ? e.disabled : null,
+    m
+  ].filter(Boolean).join(" "), l = u.useRef(null);
+  return u.useEffect(() => {
+    l.current && (l.current.indeterminate = t);
+  }, [t]), /* @__PURE__ */ h("label", { className: g, htmlFor: d, children: [
+    /* @__PURE__ */ n(
+      "input",
+      {
+        ref: l,
+        id: d,
+        type: "checkbox",
+        className: e.input,
+        checked: r ? o || t : void 0,
+        defaultChecked: r ? void 0 : i === !0 || i === "indeterminate",
+        disabled: c,
+        "aria-checked": t ? "mixed" : o,
+        onChange: f,
+        ...w
+      }
+    ),
+    /* @__PURE__ */ h("span", { className: k, "aria-hidden": "true", children: [
+      o && /* @__PURE__ */ n("span", { className: e.icon, children: /* @__PURE__ */ n(
+        "svg",
+        {
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ n(
+            "path",
+            {
+              d: "M2.5 8L6.5 12L13.5 4",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        }
+      ) }),
+      t && /* @__PURE__ */ n("span", { className: e.icon, children: /* @__PURE__ */ n(
+        "svg",
+        {
+          width: "16",
+          height: "16",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ n(
+            "path",
+            {
+              d: "M3 8H13",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round"
+            }
+          )
+        }
+      ) })
+    ] }),
+    a && /* @__PURE__ */ n("span", { className: e.label, children: a })
+  ] });
+}
+export {
+  C as Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport styles from './Checkbox.module.css';\n\nexport type CheckboxCheckedState = boolean | 'indeterminate';\n\nexport interface CheckboxProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'defaultChecked' | 'type'> {\n  /** Checked state: true = selected, false = unselected, 'indeterminate' = partial. */\n  checked?: CheckboxCheckedState;\n  /** Uncontrolled default checked state. */\n  defaultChecked?: CheckboxCheckedState;\n  /** Label text rendered next to the checkbox. */\n  label?: string;\n  /** Disables the checkbox. */\n  disabled?: boolean;\n  /** Additional className for the outer wrapper. */\n  className?: string;\n}\n\nexport function Checkbox({\n  checked,\n  defaultChecked,\n  label,\n  disabled = false,\n  className,\n  id: idProp,\n  onChange,\n  ...props\n}: CheckboxProps) {\n  const generatedId = useId();\n  const id = idProp ?? generatedId;\n\n  // Resolve internal checked/indeterminate values\n  const isControlled = checked !== undefined;\n  const isIndeterminate = isControlled\n    ? checked === 'indeterminate'\n    : defaultChecked === 'indeterminate';\n  const isChecked = isControlled\n    ? checked === true\n    : defaultChecked === true;\n\n  // Build box class names\n  const boxCls = [\n    styles.box,\n    isChecked ? styles.checked : null,\n    isIndeterminate ? styles.indeterminate : null,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const wrapperCls = [\n    styles.checkbox,\n    disabled ? styles.disabled : null,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Attach indeterminate imperatively via ref (HTML attribute doesn't support it)\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  React.useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = isIndeterminate;\n    }\n  }, [isIndeterminate]);\n\n  return (\n    <label className={wrapperCls} htmlFor={id}>\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"checkbox\"\n        className={styles.input}\n        checked={isControlled ? (isChecked || isIndeterminate) : undefined}\n        defaultChecked={\n          !isControlled\n            ? defaultChecked === true || defaultChecked === 'indeterminate'\n            : undefined\n        }\n        disabled={disabled}\n        aria-checked={isIndeterminate ? 'mixed' : isChecked}\n        onChange={onChange}\n        {...props}\n      />\n      <span className={boxCls} aria-hidden=\"true\">\n        {isChecked && (\n          <span className={styles.icon}>\n            {/* Check mark SVG — matches Figma \"Check\" icon at 16×16 */}\n            <svg\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M2.5 8L6.5 12L13.5 4\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          </span>\n        )}\n        {isIndeterminate && (\n          <span className={styles.icon}>\n            {/* Minus / indeterminate SVG — matches Figma \"Minus\" icon at 18×18 */}\n            <svg\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M3 8H13\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n              />\n            </svg>\n          </span>\n        )}\n      </span>\n      {label && <span className={styles.label}>{label}</span>}\n    </label>\n  );\n}\n"],"names":["Checkbox","checked","defaultChecked","label","disabled","className","idProp","onChange","props","generatedId","useId","id","isControlled","isIndeterminate","isChecked","boxCls","styles","wrapperCls","inputRef","React","jsxs","jsx"],"mappings":";;;AAmBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,UAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAcC,EAAA,GACdC,IAAKL,KAAUG,GAGfG,IAAeX,MAAY,QAC3BY,IAAkBD,IACpBX,MAAY,kBACZC,MAAmB,iBACjBY,IAAYF,IACdX,MAAY,KACZC,MAAmB,IAGjBa,IAAS;AAAA,IACbC,EAAO;AAAA,IACPF,IAAYE,EAAO,UAAU;AAAA,IAC7BH,IAAkBG,EAAO,gBAAgB;AAAA,EAAA,EAExC,OAAO,OAAO,EACd,KAAK,GAAG,GAELC,IAAa;AAAA,IACjBD,EAAO;AAAA,IACPZ,IAAWY,EAAO,WAAW;AAAA,IAC7BX;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAGLa,IAAWC,EAAM,OAAyB,IAAI;AACpD,SAAAA,EAAM,UAAU,MAAM;AACpB,IAAID,EAAS,YACXA,EAAS,QAAQ,gBAAgBL;AAAA,EAErC,GAAG,CAACA,CAAe,CAAC,GAGlB,gBAAAO,EAAC,SAAA,EAAM,WAAWH,GAAY,SAASN,GACrC,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKH;AAAA,QACL,IAAAP;AAAA,QACA,MAAK;AAAA,QACL,WAAWK,EAAO;AAAA,QAClB,SAASJ,IAAgBE,KAAaD,IAAmB;AAAA,QACzD,gBACGD,IAEG,SADAV,MAAmB,MAAQA,MAAmB;AAAA,QAGpD,UAAAE;AAAA,QACA,gBAAcS,IAAkB,UAAUC;AAAA,QAC1C,UAAAP;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEN,gBAAAY,EAAC,QAAA,EAAK,WAAWL,GAAQ,eAAY,QAClC,UAAA;AAAA,MAAAD,KACC,gBAAAO,EAAC,QAAA,EAAK,WAAWL,EAAO,MAEtB,UAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,eAAY;AAAA,UAEZ,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,eAAc;AAAA,cACd,gBAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA,GAEJ;AAAA,MAEDR,KACC,gBAAAQ,EAAC,QAAA,EAAK,WAAWL,EAAO,MAEtB,UAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,eAAY;AAAA,UAEZ,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,QAAO;AAAA,cACP,aAAY;AAAA,cACZ,eAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAChB;AAAA,MAAA,EACF,CACF;AAAA,IAAA,GAEJ;AAAA,IACClB,KAAS,gBAAAkB,EAAC,QAAA,EAAK,WAAWL,EAAO,OAAQ,UAAAb,EAAA,CAAM;AAAA,EAAA,GAClD;AAEJ;"}