vector-prototype-components 0.1.2 → 0.1.3

package/Accordion/Accordion.js

@@ -0,0 +1,79 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import h, { useState as B } from "react";
+import { Minus as E, Plus as W } from "@phosphor-icons/react";
+import { Icon as S } from "../Icon/Icon.js";
+import { Slot as k } from "../Slot/Slot.js";
+import e from "./Accordion.module.css.js";
+function q({
+  title: i,
+  description: s,
+  children: f,
+  type: u = "default",
+  defaultExpanded: x = !1,
+  expanded: t,
+  onToggle: o,
+  disabled: r = !1,
+  className: v
+}) {
+  const [N, b] = B(x), l = t !== void 0, n = l ? t : N;
+  function y() {
+    if (r) return;
+    const m = !n;
+    l || b(m), o == null || o(m);
+  }
+  const j = [e.accordion, v].filter(Boolean).join(" "), C = [
+    e.header,
+    n ? e.headerExpanded : "",
+    r ? e.headerDisabled : ""
+  ].filter(Boolean).join(" "), I = [e.chevron, n ? e.chevronExpanded : ""].filter(Boolean).join(" "), c = h.useId(), p = h.useId();
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: j,
+      "aria-disabled": r || void 0,
+      "data-expanded": n,
+      children: [
+        /* @__PURE__ */ d(
+          "button",
+          {
+            id: c,
+            className: C,
+            onClick: y,
+            disabled: r,
+            "aria-expanded": n,
+            "aria-controls": p,
+            type: "button",
+            children: [
+              u === "slot" ? /* @__PURE__ */ a("div", { className: e.slotWrapper, children: i }) : /* @__PURE__ */ d("div", { className: e.headerText, children: [
+                /* @__PURE__ */ a("p", { className: e.title, children: i }),
+                s && /* @__PURE__ */ a("p", { className: e.description, children: s })
+              ] }),
+              /* @__PURE__ */ a("span", { className: e.iconButton, "aria-hidden": "true", children: /* @__PURE__ */ a(S, { as: n ? E : W, size: 16, className: I }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: [e.bodyWrapper, n ? e.bodyWrapperExpanded : ""].filter(Boolean).join(" "),
+            "aria-hidden": n ? void 0 : !0,
+            children: /* @__PURE__ */ a(
+              "div",
+              {
+                id: p,
+                role: "region",
+                "aria-labelledby": c,
+                className: e.body,
+                children: /* @__PURE__ */ a("div", { className: e.bodyContent, children: /* @__PURE__ */ a(k, { children: f }) })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  q as Accordion
+};
+//# sourceMappingURL=Accordion.js.map

package/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Minus, Plus } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport { Slot } from '../Slot/index.js';\nimport styles from './Accordion.module.css';\n\nexport type AccordionType = 'default' | 'slot';\n\nexport interface AccordionProps {\n  /** The title shown in the accordion header */\n  title: string;\n  /** Optional subtitle / description shown below the title */\n  description?: string;\n  /** Content rendered inside the expanded body */\n  children?: React.ReactNode;\n  /**\n   * When type=\"slot\", the header area renders `children` inside the header\n   * instead of title/description text, mirroring the Figma \"Slot\" variant.\n   * When type=\"default\" (the default), title/description is shown in the\n   * header and children are rendered in the body once expanded.\n   */\n  type?: AccordionType;\n  /** Whether the accordion starts expanded */\n  defaultExpanded?: boolean;\n  /** Controlled expanded state */\n  expanded?: boolean;\n  /** Callback fired when the header is toggled */\n  onToggle?: (expanded: boolean) => void;\n  /** Disables the accordion */\n  disabled?: boolean;\n  /** Additional class applied to the root element */\n  className?: string;\n}\n\nexport function Accordion({\n  title,\n  description,\n  children,\n  type = 'default',\n  defaultExpanded = false,\n  expanded: controlledExpanded,\n  onToggle,\n  disabled = false,\n  className,\n}: AccordionProps) {\n  const [internalExpanded, setInternalExpanded] = useState(defaultExpanded);\n\n  const isControlled = controlledExpanded !== undefined;\n  const isExpanded = isControlled ? controlledExpanded : internalExpanded;\n\n  function handleToggle() {\n    if (disabled) return;\n    const next = !isExpanded;\n    if (!isControlled) {\n      setInternalExpanded(next);\n    }\n    onToggle?.(next);\n  }\n\n  const rootCls = [styles.accordion, className].filter(Boolean).join(' ');\n  const headerCls = [\n    styles.header,\n    isExpanded ? styles.headerExpanded : '',\n    disabled ? styles.headerDisabled : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n  const chevronCls = [styles.chevron, isExpanded ? styles.chevronExpanded : '']\n    .filter(Boolean)\n    .join(' ');\n\n  const headerId = React.useId();\n  const panelId = React.useId();\n\n  return (\n    <div\n      className={rootCls}\n      aria-disabled={disabled || undefined}\n      data-expanded={isExpanded}\n    >\n      <button\n        id={headerId}\n        className={headerCls}\n        onClick={handleToggle}\n        disabled={disabled}\n        aria-expanded={isExpanded}\n        aria-controls={panelId}\n        type=\"button\"\n      >\n        {type === 'slot' ? (\n          <div className={styles.slotWrapper}>{title}</div>\n        ) : (\n          <div className={styles.headerText}>\n            <p className={styles.title}>{title}</p>\n            {description && (\n              <p className={styles.description}>{description}</p>\n            )}\n          </div>\n        )}\n\n        <span className={styles.iconButton} aria-hidden=\"true\">\n          <Icon as={isExpanded ? Minus : Plus} size={16} className={chevronCls} />\n        </span>\n      </button>\n\n      <div\n        className={[styles.bodyWrapper, isExpanded ? styles.bodyWrapperExpanded : ''].filter(Boolean).join(' ')}\n        aria-hidden={isExpanded ? undefined : true}\n      >\n        <div\n          id={panelId}\n          role=\"region\"\n          aria-labelledby={headerId}\n          className={styles.body}\n        >\n          <div className={styles.bodyContent}>\n            <Slot>{children}</Slot>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["Accordion","title","description","children","type","defaultExpanded","controlledExpanded","onToggle","disabled","className","internalExpanded","setInternalExpanded","useState","isControlled","isExpanded","handleToggle","next","rootCls","styles","headerCls","chevronCls","headerId","React","panelId","jsxs","jsx","Icon","Minus","Plus","Slot"],"mappings":";;;;;;AAkCO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,iBAAAC,IAAkB;AAAA,EAClB,UAAUC;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,GAAmB;AACjB,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAASP,CAAe,GAElEQ,IAAeP,MAAuB,QACtCQ,IAAaD,IAAeP,IAAqBI;AAEvD,WAASK,IAAe;AACtB,QAAIP,EAAU;AACd,UAAMQ,IAAO,CAACF;AACd,IAAKD,KACHF,EAAoBK,CAAI,GAE1BT,KAAA,QAAAA,EAAWS;AAAA,EACb;AAEA,QAAMC,IAAU,CAACC,EAAO,WAAWT,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAChEU,IAAY;AAAA,IAChBD,EAAO;AAAA,IACPJ,IAAaI,EAAO,iBAAiB;AAAA,IACrCV,IAAWU,EAAO,iBAAiB;AAAA,EAAA,EAElC,OAAO,OAAO,EACd,KAAK,GAAG,GACLE,IAAa,CAACF,EAAO,SAASJ,IAAaI,EAAO,kBAAkB,EAAE,EACzE,OAAO,OAAO,EACd,KAAK,GAAG,GAELG,IAAWC,EAAM,MAAA,GACjBC,IAAUD,EAAM,MAAA;AAEtB,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWP;AAAA,MACX,iBAAeT,KAAY;AAAA,MAC3B,iBAAeM;AAAA,MAEf,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAIH;AAAA,YACJ,WAAWF;AAAA,YACX,SAASJ;AAAA,YACT,UAAAP;AAAA,YACA,iBAAeM;AAAA,YACf,iBAAeS;AAAA,YACf,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAnB,MAAS,SACR,gBAAAqB,EAAC,OAAA,EAAI,WAAWP,EAAO,aAAc,UAAAjB,EAAA,CAAM,IAE3C,gBAAAuB,EAAC,OAAA,EAAI,WAAWN,EAAO,YACrB,UAAA;AAAA,gBAAA,gBAAAO,EAAC,KAAA,EAAE,WAAWP,EAAO,OAAQ,UAAAjB,GAAM;AAAA,gBAClCC,KACC,gBAAAuB,EAAC,KAAA,EAAE,WAAWP,EAAO,aAAc,UAAAhB,EAAA,CAAY;AAAA,cAAA,GAEnD;AAAA,gCAGD,QAAA,EAAK,WAAWgB,EAAO,YAAY,eAAY,QAC9C,UAAA,gBAAAO,EAACC,GAAA,EAAK,IAAIZ,IAAaa,IAAQC,GAAM,MAAM,IAAI,WAAWR,GAAY,EAAA,CACxE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGF,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAACP,EAAO,aAAaJ,IAAaI,EAAO,sBAAsB,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,YACtG,eAAaJ,IAAa,SAAY;AAAA,YAEtC,UAAA,gBAAAW;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAIF;AAAA,gBACJ,MAAK;AAAA,gBACL,mBAAiBF;AAAA,gBACjB,WAAWH,EAAO;AAAA,gBAElB,UAAA,gBAAAO,EAAC,SAAI,WAAWP,EAAO,aACrB,UAAA,gBAAAO,EAACI,GAAA,EAAM,UAAA1B,GAAS,EAAA,CAClB;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/Accordion/Accordion.module.css

@@ -0,0 +1 @@
+._accordion_1xiav_2{border:1px solid var(--color-stroke-neutral-default);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-layer-xs);width:100%;background-color:var(--color-canvas-neutral-white);transition:box-shadow .12s ease}._header_1xiav_13{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background-color:var(--color-canvas-neutral-white);border:none;cursor:pointer;text-align:left;transition:background-color .12s ease,box-shadow .12s ease;border-bottom:1px solid transparent}._header_1xiav_13:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._header_1xiav_13:hover:not(:disabled){background-color:var(--color-fill-neutral-subtle)}._headerExpanded_1xiav_41{border-bottom-color:var(--color-stroke-neutral-default)}._headerText_1xiav_46{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1 0 0;min-width:0}._title_1xiav_55{font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);line-height:var(--font-line-height-16);color:var(--color-text-brand-strong);width:100%;margin:0;word-break:break-word}._description_1xiav_66{font-family:var(--font-family-base, system-ui, sans-serif);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-14);color:var(--color-text-neutral-subtle);width:100%;margin:2px 0 0;word-break:break-word}._iconButton_1xiav_79{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:9999px;border:none;background:transparent;cursor:pointer;color:var(--color-icon-neutral-default);transition:transform .2s ease,color .12s ease;padding:0}._iconButton_1xiav_79 svg{display:block}._chevron_1xiav_100{transition:transform .2s ease}._chevronExpanded_1xiav_104{transform:rotate(180deg)}._bodyWrapper_1xiav_110{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}._bodyWrapperExpanded_1xiav_116{grid-template-rows:1fr}._body_1xiav_110{overflow:hidden;min-height:0}._bodyContent_1xiav_127{background-color:var(--color-canvas-neutral-white);padding:20px}._slotWrapper_1xiav_133{display:flex;align-items:center;flex:1 0 0;align-self:stretch}._accordion_1xiav_2[aria-disabled=true],._accordion_1xiav_2:has(._header_1xiav_13:disabled){opacity:.5;cursor:not-allowed;pointer-events:none}._headerDisabled_1xiav_148{opacity:.5;cursor:not-allowed;pointer-events:none}

package/Accordion/Accordion.module.css.js

@@ -0,0 +1,36 @@
+import './Accordion.module.css';const e = "_accordion_1xiav_2", o = "_header_1xiav_13", a = "_headerExpanded_1xiav_41", d = "_headerText_1xiav_46", n = "_title_1xiav_55", t = "_description_1xiav_66", _ = "_iconButton_1xiav_79", r = "_chevron_1xiav_100", c = "_chevronExpanded_1xiav_104", i = "_bodyWrapper_1xiav_110", p = "_bodyWrapperExpanded_1xiav_116", s = "_body_1xiav_110", x = "_bodyContent_1xiav_127", v = "_slotWrapper_1xiav_133", h = "_headerDisabled_1xiav_148", b = {
+  accordion: e,
+  header: o,
+  headerExpanded: a,
+  headerText: d,
+  title: n,
+  description: t,
+  iconButton: _,
+  chevron: r,
+  chevronExpanded: c,
+  bodyWrapper: i,
+  bodyWrapperExpanded: p,
+  body: s,
+  bodyContent: x,
+  slotWrapper: v,
+  headerDisabled: h
+};
+export {
+  e as accordion,
+  s as body,
+  x as bodyContent,
+  i as bodyWrapper,
+  p as bodyWrapperExpanded,
+  r as chevron,
+  c as chevronExpanded,
+  b as default,
+  t as description,
+  o as header,
+  h as headerDisabled,
+  a as headerExpanded,
+  d as headerText,
+  _ as iconButton,
+  v as slotWrapper,
+  n as title
+};
+//# sourceMappingURL=Accordion.module.css.js.map

package/Accordion/Accordion.module.css.js.map

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

package/ActionMenu/ActionMenu.js

@@ -0,0 +1,49 @@
+import { jsx as n, jsxs as t } from "react/jsx-runtime";
+import { Icon as a } from "../Icon/Icon.js";
+import l from "./ActionMenu.module.css.js";
+function m({
+  icon: i,
+  label: s,
+  disabled: o,
+  className: c,
+  ...e
+}) {
+  const r = [
+    l.item,
+    o ? l.itemDisabled : void 0,
+    c
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("li", { role: "none", children: /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: r,
+      disabled: o,
+      "aria-disabled": o,
+      ...e,
+      children: [
+        i && /* @__PURE__ */ n("span", { className: l.itemIcon, children: /* @__PURE__ */ n(a, { as: i, size: 20 }) }),
+        /* @__PURE__ */ n("span", { className: l.itemLabel, children: s })
+      ]
+    }
+  ) });
+}
+function b({ items: i, className: s, ...o }) {
+  const c = [l.menu, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("ul", { role: "menu", className: c, ...o, children: i.map((e, r) => /* @__PURE__ */ n(
+    m,
+    {
+      icon: e.icon,
+      label: e.label,
+      disabled: e.disabled,
+      onClick: e.onClick,
+      role: "menuitem"
+    },
+    e.key ?? r
+  )) });
+}
+export {
+  b as ActionMenu,
+  m as ActionMenuItem
+};
+//# sourceMappingURL=ActionMenu.js.map

package/ActionMenu/ActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.js","sources":["../../src/ActionMenu/ActionMenu.tsx"],"sourcesContent":["import React from 'react';\nimport type { Icon as PhosphorIcon } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport styles from './ActionMenu.module.css';\n\n/* ─── ActionMenuItem ─────────────────────────────────────────── */\n\nexport interface ActionMenuItemProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional leading icon from @phosphor-icons/react */\n  icon?: PhosphorIcon;\n  /** Text label for the item */\n  label: string;\n  /** Whether the item is disabled */\n  disabled?: boolean;\n}\n\nexport function ActionMenuItem({\n  icon,\n  label,\n  disabled,\n  className,\n  ...props\n}: ActionMenuItemProps) {\n  const cls = [\n    styles.item,\n    disabled ? styles.itemDisabled : undefined,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <li role=\"none\">\n      <button\n        type=\"button\"\n        className={cls}\n        disabled={disabled}\n        aria-disabled={disabled}\n        {...props}\n      >\n        {icon && (\n          <span className={styles.itemIcon}>\n            <Icon as={icon} size={20} />\n          </span>\n        )}\n        <span className={styles.itemLabel}>{label}</span>\n      </button>\n    </li>\n  );\n}\n\n/* ─── ActionMenu ─────────────────────────────────────────────── */\n\nexport interface ActionMenuItemConfig {\n  /** Unique key for the item */\n  key?: string;\n  /** Text label */\n  label: string;\n  /** Optional leading icon */\n  icon?: PhosphorIcon;\n  /** Whether the item is disabled */\n  disabled?: boolean;\n  /** Click handler */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport interface ActionMenuProps extends React.HTMLAttributes<HTMLUListElement> {\n  /** Array of menu item configurations */\n  items: ActionMenuItemConfig[];\n}\n\nexport function ActionMenu({ items, className, ...props }: ActionMenuProps) {\n  const cls = [styles.menu, className].filter(Boolean).join(' ');\n\n  return (\n    <ul role=\"menu\" className={cls} {...props}>\n      {items.map((item, index) => (\n        <ActionMenuItem\n          key={item.key ?? index}\n          icon={item.icon}\n          label={item.label}\n          disabled={item.disabled}\n          onClick={item.onClick}\n          role=\"menuitem\"\n        />\n      ))}\n    </ul>\n  );\n}\n"],"names":["ActionMenuItem","icon","label","disabled","className","props","cls","styles","jsx","jsxs","Icon","ActionMenu","items","item","index"],"mappings":";;;AAiBO,SAASA,EAAe;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,QAAMC,IAAM;AAAA,IACVC,EAAO;AAAA,IACPJ,IAAWI,EAAO,eAAe;AAAA,IACjCH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAI,EAAC,MAAA,EAAG,MAAK,QACP,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWH;AAAA,MACX,UAAAH;AAAA,MACA,iBAAeA;AAAA,MACd,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAJ,KACC,gBAAAO,EAAC,QAAA,EAAK,WAAWD,EAAO,UACtB,UAAA,gBAAAC,EAACE,GAAA,EAAK,IAAIT,GAAM,MAAM,GAAA,CAAI,GAC5B;AAAA,QAEF,gBAAAO,EAAC,QAAA,EAAK,WAAWD,EAAO,WAAY,UAAAL,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE9C;AAEJ;AAsBO,SAASS,EAAW,EAAE,OAAAC,GAAO,WAAAR,GAAW,GAAGC,KAA0B;AAC1E,QAAMC,IAAM,CAACC,EAAO,MAAMH,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE7D,SACE,gBAAAI,EAAC,MAAA,EAAG,MAAK,QAAO,WAAWF,GAAM,GAAGD,GACjC,UAAAO,EAAM,IAAI,CAACC,GAAMC,MAChB,gBAAAN;AAAA,IAACR;AAAA,IAAA;AAAA,MAEC,MAAMa,EAAK;AAAA,MACX,OAAOA,EAAK;AAAA,MACZ,UAAUA,EAAK;AAAA,MACf,SAASA,EAAK;AAAA,MACd,MAAK;AAAA,IAAA;AAAA,IALAA,EAAK,OAAOC;AAAA,EAAA,CAOpB,GACH;AAEJ;"}

package/ActionMenu/ActionMenu.module.css

@@ -0,0 +1 @@
+._menu_1fv7c_2{display:inline-flex;flex-direction:column;background-color:var(--color-canvas-neutral-white);border:1px solid var(--color-stroke-neutral-default);border-radius:8px;padding:8px;min-width:220px;box-shadow:var(--shadow-layer-sm);list-style:none;margin:0}._item_1fv7c_16{box-sizing:border-box;display:flex;align-items:center;gap:8px;height:44px;padding:12px 16px;border-radius:4px;background-color:transparent;color:var(--color-text-neutral-mudle);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:none;text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}._item_1fv7c_16:hover:not(._itemDisabled_1fv7c_43){background-color:var(--color-fill-interaction-brand-hover);color:var(--color-text-neutral-inverse)}._item_1fv7c_16:hover:not(._itemDisabled_1fv7c_43) ._itemIcon_1fv7c_48{color:var(--color-icon-neutral-inverse)}._item_1fv7c_16:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._itemDisabled_1fv7c_43{opacity:.5;cursor:not-allowed;pointer-events:none}._itemIcon_1fv7c_48{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-icon-neutral-default);transition:color .12s ease}._itemLabel_1fv7c_74{flex:1 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/ActionMenu/ActionMenu.module.css.js

@@ -0,0 +1,16 @@
+import './ActionMenu.module.css';const e = "_menu_1fv7c_2", t = "_item_1fv7c_16", i = "_itemDisabled_1fv7c_43", m = "_itemIcon_1fv7c_48", _ = "_itemLabel_1fv7c_74", c = {
+  menu: e,
+  item: t,
+  itemDisabled: i,
+  itemIcon: m,
+  itemLabel: _
+};
+export {
+  c as default,
+  t as item,
+  i as itemDisabled,
+  m as itemIcon,
+  _ as itemLabel,
+  e as menu
+};
+//# sourceMappingURL=ActionMenu.module.css.js.map

package/ActionMenu/ActionMenu.module.css.js.map

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

package/Autocomplete/Autocomplete.js

@@ -0,0 +1,226 @@
+import { jsxs as I, jsx as u } from "react/jsx-runtime";
+import { useId as ee, useState as g, useRef as H, useCallback as S, useEffect as te } from "react";
+import { CaretDown as re, Warning as ne, CheckCircle as se, XCircle as ce, Info as ae } from "@phosphor-icons/react";
+import { Icon as E } from "../Icon/Icon.js";
+import { Dropdown as oe } from "../Dropdown/Dropdown.js";
+import r from "./Autocomplete.module.css.js";
+const ie = {
+  default: ae,
+  danger: ce,
+  success: se,
+  warning: ne
+}, le = {
+  default: "",
+  danger: r.hintDanger,
+  success: r.hintSuccess,
+  warning: r.hintWarning
+};
+function ue(c) {
+  return c === "danger" ? "danger" : c === "success" ? "success" : "default";
+}
+function ve({
+  options: c,
+  value: x,
+  onChange: n,
+  placeholder: P = "Digite para buscar",
+  label: L = "Label",
+  showLabel: M = !0,
+  hint: T,
+  state: k = "default",
+  disabled: i = !1,
+  leadingIcon: V,
+  className: R,
+  "aria-label": z,
+  id: F
+}) {
+  const W = ee(), y = F ?? `autocomplete-${W}`, m = `${y}-listbox`, [h, D] = g(""), [s, $] = g(!1), [w, f] = g(-1), O = H(null), d = H(null), p = H(""), C = c.find((e) => e.value === x), b = h.trim() ? c.filter(
+    (e) => e.label.toLowerCase().includes(h.toLowerCase())
+  ) : c, N = S(() => {
+    i || ($(!0), f(-1));
+  }, [i]), l = S((e = !0) => {
+    if (e) {
+      const t = p.current.trim();
+      if (t) {
+        const a = c.find(
+          (v) => v.label.toLowerCase() === t.toLowerCase()
+        );
+        n == null || n(a ? a.value : t);
+      }
+    }
+    $(!1), f(-1), p.current = "", D("");
+  }, [c, n]), j = S(
+    (e) => {
+      var t;
+      n == null || n(e.value), l(!1), (t = d.current) == null || t.blur();
+    },
+    [n, l]
+  );
+  te(() => {
+    function e(t) {
+      O.current && !O.current.contains(t.target) && l();
+    }
+    return s && document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [s, l]);
+  function _(e) {
+    const t = e.target.value;
+    p.current = t, D(t), f(-1), !s && t.trim() && c.some(
+      (v) => v.label.toLowerCase().includes(t.toLowerCase())
+    ) && N();
+  }
+  function K() {
+    const e = p.current.trim();
+    if (e) {
+      const t = c.find(
+        (a) => a.label.toLowerCase() === e.toLowerCase()
+      );
+      n == null || n(t ? t.value : e);
+    }
+    p.current = "", D(""), $(!1), f(-1);
+  }
+  function G(e) {
+    var t;
+    e.stopPropagation(), !i && ((t = d.current) == null || t.focus(), s ? l(!1) : N());
+  }
+  function U(e) {
+    var t, a, v;
+    if (!i)
+      switch (e.key) {
+        case "ArrowDown": {
+          e.preventDefault(), s || N(), f(
+            (o) => o < b.length - 1 ? o + 1 : 0
+          );
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault(), s || N(), f(
+            (o) => o > 0 ? o - 1 : b.length - 1
+          );
+          break;
+        }
+        case "Enter": {
+          if (e.preventDefault(), s && w >= 0 && b[w])
+            j(b[w]);
+          else if (s)
+            l(!0), (t = d.current) == null || t.blur();
+          else {
+            const o = p.current.trim();
+            if (o) {
+              const B = c.find(
+                (Z) => Z.label.toLowerCase() === o.toLowerCase()
+              );
+              n == null || n(B ? B.value : o), p.current = "", D("");
+            }
+            (a = d.current) == null || a.blur();
+          }
+          break;
+        }
+        case "Escape": {
+          l(!1), (v = d.current) == null || v.blur();
+          break;
+        }
+        case "Tab": {
+          l(!0);
+          break;
+        }
+      }
+  }
+  function X() {
+    var e;
+    i || (e = d.current) == null || e.focus();
+  }
+  const A = ue(k), q = ie[A], J = [
+    r.field,
+    k === "danger" ? r.fieldDanger : "",
+    k === "success" ? r.fieldSuccess : "",
+    i ? r.fieldDisabled : "",
+    s ? r.fieldOpen : ""
+  ].filter(Boolean).join(" "), Q = [
+    r.autocomplete,
+    i ? r.autocompleteDisabled : "",
+    R
+  ].filter(Boolean).join(" "), Y = h !== "" ? h : (C == null ? void 0 : C.label) ?? x ?? "";
+  return /* @__PURE__ */ I("div", { className: Q, ref: O, children: [
+    /* @__PURE__ */ I("div", { className: r.topGroup, children: [
+      M && /* @__PURE__ */ u("label", { className: r.label, htmlFor: y, children: L }),
+      /* @__PURE__ */ I("div", { className: r.menuWrapper, children: [
+        /* @__PURE__ */ I(
+          "div",
+          {
+            className: J,
+            onClick: X,
+            role: "combobox",
+            "aria-expanded": s,
+            "aria-haspopup": "listbox",
+            "aria-owns": m,
+            "aria-controls": m,
+            children: [
+              V && /* @__PURE__ */ u(E, { as: V, size: 16 }),
+              /* @__PURE__ */ u("div", { className: r.fieldContent, children: /* @__PURE__ */ u(
+                "input",
+                {
+                  ref: d,
+                  id: y,
+                  className: r.input,
+                  type: "text",
+                  role: "searchbox",
+                  autoComplete: "off",
+                  "aria-autocomplete": "list",
+                  "aria-controls": m,
+                  "aria-activedescendant": w >= 0 ? `${m}-option-${w}` : void 0,
+                  "aria-label": M ? void 0 : z ?? L,
+                  disabled: i,
+                  value: Y,
+                  placeholder: P,
+                  onChange: _,
+                  onBlur: K,
+                  onKeyDown: U
+                }
+              ) }),
+              /* @__PURE__ */ u(
+                E,
+                {
+                  as: re,
+                  size: 16,
+                  className: `${r.caretIcon}${s ? ` ${r.caretIconOpen}` : ""}`,
+                  weight: "bold",
+                  onClick: G
+                }
+              )
+            ]
+          }
+        ),
+        s && /* @__PURE__ */ u(
+          oe,
+          {
+            id: m,
+            "aria-label": L,
+            className: r.menuPanel,
+            fluid: !0,
+            options: b,
+            selectedValue: x,
+            activeIndex: w,
+            getOptionId: (e, t) => `${m}-option-${t}`,
+            optionsFocusable: !1,
+            selectOnPointerDown: !0,
+            onOptionHover: f,
+            onSelect: (e) => {
+              const t = b.find((a) => a.value === e);
+              t && j(t);
+            },
+            emptyMessage: "No options found"
+          }
+        )
+      ] })
+    ] }),
+    T && /* @__PURE__ */ I("div", { className: `${r.hint} ${le[A]}`, children: [
+      /* @__PURE__ */ u(E, { as: q, size: 16, className: r.hintIcon }),
+      /* @__PURE__ */ u("span", { children: T })
+    ] })
+  ] });
+}
+export {
+  ve as Autocomplete
+};
+//# sourceMappingURL=Autocomplete.js.map

package/Autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../src/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { useRef, useState, useId, useCallback, useEffect } from 'react';\nimport type { Icon as PhosphorIcon } from '@phosphor-icons/react';\nimport { CaretDown, Info, XCircle, CheckCircle, Warning } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport { Dropdown } from '../Dropdown/index.js';\nimport styles from './Autocomplete.module.css';\n\nexport type AutocompleteState = 'default' | 'danger' | 'success';\nexport type AutocompleteHintType = 'default' | 'danger' | 'success' | 'warning';\n\nexport interface AutocompleteOption {\n  label: string;\n  value: string;\n}\n\nexport interface AutocompleteProps {\n  /** Options to display in the dropdown */\n  options: AutocompleteOption[];\n  /** Currently selected value */\n  value?: string;\n  /** Callback when selection changes */\n  onChange?: (value: string) => void;\n  /** Placeholder text shown when no value is selected */\n  placeholder?: string;\n  /** Field label */\n  label?: string;\n  /** Whether to show the label */\n  showLabel?: boolean;\n  /** Hint message shown below the field */\n  hint?: string;\n  /** Visual validation state */\n  state?: AutocompleteState;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Leading icon in the field */\n  leadingIcon?: PhosphorIcon;\n  /** Additional class name */\n  className?: string;\n  /** aria-label for the input (used when label is hidden) */\n  'aria-label'?: string;\n  /** ID for the input element */\n  id?: string;\n}\n\nconst HINT_ICON: Record<AutocompleteHintType, PhosphorIcon> = {\n  default: Info,\n  danger: XCircle,\n  success: CheckCircle,\n  warning: Warning,\n};\n\nconst HINT_CLASS: Record<AutocompleteHintType, string> = {\n  default: '',\n  danger: styles.hintDanger,\n  success: styles.hintSuccess,\n  warning: styles.hintWarning,\n};\n\nfunction getHintType(state: AutocompleteState): AutocompleteHintType {\n  if (state === 'danger') return 'danger';\n  if (state === 'success') return 'success';\n  return 'default';\n}\n\nexport function Autocomplete({\n  options,\n  value,\n  onChange,\n  placeholder = 'Digite para buscar',\n  label = 'Label',\n  showLabel = true,\n  hint,\n  state = 'default',\n  disabled = false,\n  leadingIcon,\n  className,\n  'aria-label': ariaLabel,\n  id: idProp,\n}: AutocompleteProps) {\n  const generatedId = useId();\n  const inputId = idProp ?? `autocomplete-${generatedId}`;\n  const listboxId = `${inputId}-listbox`;\n\n  const [inputValue, setInputValue] = useState('');\n  const [isOpen, setIsOpen] = useState(false);\n  const [highlightedIndex, setHighlightedIndex] = useState<number>(-1);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputValueRef = useRef('');\n\n  // Derive display value: when closed and a value is selected, show its label\n  const selectedOption = options.find((o) => o.value === value);\n\n  const filteredOptions = inputValue.trim()\n    ? options.filter((o) =>\n        o.label.toLowerCase().includes(inputValue.toLowerCase())\n      )\n    : options;\n\n  const openMenu = useCallback(() => {\n    if (!disabled) {\n      setIsOpen(true);\n      setHighlightedIndex(-1);\n    }\n  }, [disabled]);\n\n  const closeMenu = useCallback((commit = true) => {\n    if (commit) {\n      const typed = inputValueRef.current.trim();\n      if (typed) {\n        const matchedOption = options.find(\n          (o) => o.label.toLowerCase() === typed.toLowerCase()\n        );\n        onChange?.(matchedOption ? matchedOption.value : typed);\n      }\n    }\n    setIsOpen(false);\n    setHighlightedIndex(-1);\n    inputValueRef.current = '';\n    setInputValue('');\n  }, [options, onChange]);\n\n  const selectOption = useCallback(\n    (option: AutocompleteOption) => {\n      onChange?.(option.value);\n      closeMenu(false);\n      inputRef.current?.blur();\n    },\n    [onChange, closeMenu]\n  );\n\n  // Close on outside click\n  useEffect(() => {\n    function handlePointerDown(e: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        closeMenu();\n      }\n    }\n    if (isOpen) {\n      document.addEventListener('mousedown', handlePointerDown);\n    }\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen, closeMenu]);\n\n  function handleInputChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const val = e.target.value;\n    inputValueRef.current = val;\n    setInputValue(val);\n    setHighlightedIndex(-1);\n    if (!isOpen && val.trim()) {\n      const hasMatches = options.some((o) =>\n        o.label.toLowerCase().includes(val.toLowerCase())\n      );\n      if (hasMatches) openMenu();\n    }\n  }\n\n  function handleInputBlur() {\n    const typed = inputValueRef.current.trim();\n    if (typed) {\n      const matched = options.find(\n        (o) => o.label.toLowerCase() === typed.toLowerCase()\n      );\n      onChange?.(matched ? matched.value : typed);\n    }\n    inputValueRef.current = '';\n    setInputValue('');\n    setIsOpen(false);\n    setHighlightedIndex(-1);\n  }\n\n  function handleCaretClick(e: React.MouseEvent) {\n    e.stopPropagation();\n    if (disabled) return;\n    inputRef.current?.focus();\n    if (isOpen) {\n      closeMenu(false);\n    } else {\n      openMenu();\n    }\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (disabled) return;\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault();\n        if (!isOpen) openMenu();\n        setHighlightedIndex((prev) =>\n          prev < filteredOptions.length - 1 ? prev + 1 : 0\n        );\n        break;\n      }\n      case 'ArrowUp': {\n        e.preventDefault();\n        if (!isOpen) openMenu();\n        setHighlightedIndex((prev) =>\n          prev > 0 ? prev - 1 : filteredOptions.length - 1\n        );\n        break;\n      }\n      case 'Enter': {\n        e.preventDefault();\n        if (isOpen && highlightedIndex >= 0 && filteredOptions[highlightedIndex]) {\n          selectOption(filteredOptions[highlightedIndex]);\n        } else if (isOpen) {\n          closeMenu(true);\n          inputRef.current?.blur();\n        } else {\n          // Dropdown closed (e.g. no matches): commit whatever was typed\n          const typed = inputValueRef.current.trim();\n          if (typed) {\n            const matched = options.find(\n              (o) => o.label.toLowerCase() === typed.toLowerCase()\n            );\n            onChange?.(matched ? matched.value : typed);\n            inputValueRef.current = '';\n            setInputValue('');\n          }\n          inputRef.current?.blur();\n        }\n        break;\n      }\n      case 'Escape': {\n        closeMenu(false);\n        inputRef.current?.blur();\n        break;\n      }\n      case 'Tab': {\n        closeMenu(true);\n        break;\n      }\n    }\n  }\n\n  function handleFieldClick() {\n    if (disabled) return;\n    inputRef.current?.focus();\n  }\n\n  const hintType = getHintType(state);\n  const HintIcon = HINT_ICON[hintType];\n\n  const fieldClasses = [\n    styles.field,\n    state === 'danger' ? styles.fieldDanger : '',\n    state === 'success' ? styles.fieldSuccess : '',\n    disabled ? styles.fieldDisabled : '',\n    isOpen ? styles.fieldOpen : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const rootClasses = [\n    styles.autocomplete,\n    disabled ? styles.autocompleteDisabled : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Show typed text if user is typing; otherwise show committed value (option label or free-form)\n  const inputDisplayValue = inputValue !== '' ? inputValue : (selectedOption?.label ?? value ?? '');\n\n  return (\n    <div className={rootClasses} ref={containerRef}>\n      <div className={styles.topGroup}>\n        {showLabel && (\n          <label className={styles.label} htmlFor={inputId}>\n            {label}\n          </label>\n        )}\n\n        <div className={styles.menuWrapper}>\n          <div\n            className={fieldClasses}\n            onClick={handleFieldClick}\n            role=\"combobox\"\n            aria-expanded={isOpen}\n            aria-haspopup=\"listbox\"\n            aria-owns={listboxId}\n            aria-controls={listboxId}\n          >\n            {leadingIcon && <Icon as={leadingIcon} size={16} />}\n\n            <div className={styles.fieldContent}>\n              <input\n                ref={inputRef}\n                id={inputId}\n                className={styles.input}\n                type=\"text\"\n                role=\"searchbox\"\n                autoComplete=\"off\"\n                aria-autocomplete=\"list\"\n                aria-controls={listboxId}\n                aria-activedescendant={\n                  highlightedIndex >= 0\n                    ? `${listboxId}-option-${highlightedIndex}`\n                    : undefined\n                }\n                aria-label={!showLabel ? (ariaLabel ?? label) : undefined}\n                disabled={disabled}\n                value={inputDisplayValue}\n                placeholder={placeholder}\n                onChange={handleInputChange}\n                onBlur={handleInputBlur}\n                onKeyDown={handleKeyDown}\n              />\n            </div>\n\n            <Icon\n              as={CaretDown}\n              size={16}\n              className={`${styles.caretIcon}${isOpen ? ` ${styles.caretIconOpen}` : ''}`}\n              weight=\"bold\"\n              onClick={handleCaretClick}\n            />\n          </div>\n\n          {isOpen && (\n            <Dropdown\n              id={listboxId}\n              aria-label={label}\n              className={styles.menuPanel}\n              fluid\n              options={filteredOptions}\n              selectedValue={value}\n              activeIndex={highlightedIndex}\n              getOptionId={(_v, index) => `${listboxId}-option-${index}`}\n              optionsFocusable={false}\n              selectOnPointerDown\n              onOptionHover={setHighlightedIndex}\n              onSelect={(v) => {\n                const opt = filteredOptions.find((o) => o.value === v);\n                if (opt) selectOption(opt);\n              }}\n              emptyMessage=\"No options found\"\n            />\n          )}\n        </div>\n      </div>\n\n      {hint && (\n        <div className={`${styles.hint} ${HINT_CLASS[hintType]}`}>\n          <Icon as={HintIcon} size={16} className={styles.hintIcon} />\n          <span>{hint}</span>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["HINT_ICON","Info","XCircle","CheckCircle","Warning","HINT_CLASS","styles","getHintType","state","Autocomplete","options","value","onChange","placeholder","label","showLabel","hint","disabled","leadingIcon","className","ariaLabel","idProp","generatedId","useId","inputId","listboxId","inputValue","setInputValue","useState","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","containerRef","useRef","inputRef","inputValueRef","selectedOption","o","filteredOptions","openMenu","useCallback","closeMenu","commit","typed","matchedOption","selectOption","option","_a","useEffect","handlePointerDown","e","handleInputChange","val","handleInputBlur","matched","handleCaretClick","handleKeyDown","prev","_b","_c","handleFieldClick","hintType","HintIcon","fieldClasses","rootClasses","inputDisplayValue","jsxs","jsx","Icon","CaretDown","Dropdown","_v","index","v","opt"],"mappings":"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"}

package/Autocomplete/Autocomplete.module.css

@@ -0,0 +1 @@
+._autocomplete_5hy8i_2{display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%;font-family:var(--font-family-base, system-ui, sans-serif)}._topGroup_5hy8i_12{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%}._label_5hy8i_21{display:flex;gap:4px;align-items:center;font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-14);color:var(--color-text-neutral-mudle)}._field_5hy8i_32{box-sizing:border-box;display:flex;gap:8px;height:42px;align-items:center;padding:4px 12px;border-radius:8px;width:100%;border:1px solid transparent;cursor:text;background-color:var(--color-fill-neutral-muted);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease;position:relative}._fieldContent_5hy8i_52{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;min-width:1px;position:relative;overflow:hidden}._input_5hy8i_63{width:100%;border:none;background:transparent;outline:none;font-family:var(--font-family-base, system-ui, sans-serif);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);cursor:text}._input_5hy8i_63::placeholder{color:var(--color-text-neutral-subtlest);font-weight:var(--font-weight-regular)}._caretIcon_5hy8i_82{flex-shrink:0;color:var(--color-icon-neutral-default);transition:transform .12s ease;cursor:pointer}._caretIconOpen_5hy8i_89{transform:rotate(180deg)}._hint_5hy8i_94{display:flex;gap:4px;align-items:center;width:100%;font-size:var(--font-size-12);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-12);color:var(--color-text-neutral-mudle)}._hintIcon_5hy8i_105{flex-shrink:0}._menuPanel_5hy8i_112{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100}._menuWrapper_5hy8i_120{position:relative;width:100%}._field_5hy8i_32:hover:not(._fieldDisabled_5hy8i_126):not(._fieldDanger_5hy8i_126):not(._fieldSuccess_5hy8i_126):not(._fieldOpen_5hy8i_126):not(:focus-within){background-color:var(--color-fill-interaction-neutral-muted-hover)}._fieldOpen_5hy8i_126,._field_5hy8i_32:focus-within:not(._fieldDisabled_5hy8i_126){background-color:var(--color-canvas-neutral-white);border-color:var(--color-stroke-brand-default);box-shadow:var(--shadow-focus)}._fieldDanger_5hy8i_126{background-color:var(--color-fill-feedback-danger-subtle);border-color:var(--color-stroke-feedback-danger-default)}._fieldDanger_5hy8i_126:focus-within{box-shadow:var(--shadow-focus)}._hintDanger_5hy8i_148{color:var(--color-text-feedback-danger-default)}._fieldSuccess_5hy8i_126{background-color:var(--color-fill-feedback-success-subtle);border-color:var(--color-stroke-feedback-success-subtle)}._fieldSuccess_5hy8i_126:focus-within{box-shadow:var(--shadow-focus)}._hintSuccess_5hy8i_162{color:var(--color-text-feedback-success-default)}._hintWarning_5hy8i_167{color:var(--color-text-feedback-warning-default)}._autocompleteDisabled_5hy8i_172{opacity:.5;cursor:not-allowed;pointer-events:none}._fieldDisabled_5hy8i_126,._fieldDisabled_5hy8i_126 ._input_5hy8i_63{cursor:not-allowed}

package/Autocomplete/Autocomplete.module.css.js

@@ -0,0 +1,46 @@
+import './Autocomplete.module.css';const e = "_autocomplete_5hy8i_2", n = "_topGroup_5hy8i_12", t = "_label_5hy8i_21", i = "_field_5hy8i_32", _ = "_fieldContent_5hy8i_52", c = "_input_5hy8i_63", o = "_caretIcon_5hy8i_82", s = "_caretIconOpen_5hy8i_89", l = "_hint_5hy8i_94", a = "_hintIcon_5hy8i_105", h = "_menuPanel_5hy8i_112", p = "_menuWrapper_5hy8i_120", d = "_fieldDisabled_5hy8i_126", r = "_fieldDanger_5hy8i_126", u = "_fieldSuccess_5hy8i_126", y = "_fieldOpen_5hy8i_126", f = "_hintDanger_5hy8i_148", m = "_hintSuccess_5hy8i_162", D = "_hintWarning_5hy8i_167", b = "_autocompleteDisabled_5hy8i_172", g = {
+  autocomplete: e,
+  topGroup: n,
+  label: t,
+  field: i,
+  fieldContent: _,
+  input: c,
+  caretIcon: o,
+  caretIconOpen: s,
+  hint: l,
+  hintIcon: a,
+  menuPanel: h,
+  menuWrapper: p,
+  fieldDisabled: d,
+  fieldDanger: r,
+  fieldSuccess: u,
+  fieldOpen: y,
+  hintDanger: f,
+  hintSuccess: m,
+  hintWarning: D,
+  autocompleteDisabled: b
+};
+export {
+  e as autocomplete,
+  b as autocompleteDisabled,
+  o as caretIcon,
+  s as caretIconOpen,
+  g as default,
+  i as field,
+  _ as fieldContent,
+  r as fieldDanger,
+  d as fieldDisabled,
+  y as fieldOpen,
+  u as fieldSuccess,
+  l as hint,
+  f as hintDanger,
+  a as hintIcon,
+  m as hintSuccess,
+  D as hintWarning,
+  c as input,
+  t as label,
+  h as menuPanel,
+  p as menuWrapper,
+  n as topGroup
+};
+//# sourceMappingURL=Autocomplete.module.css.js.map

package/Autocomplete/Autocomplete.module.css.js.map

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

package/Avatar/Avatar.js

@@ -0,0 +1,66 @@
+import { jsxs as x, jsx as m } from "react/jsx-runtime";
+import S from "react";
+import { User as z } from "@phosphor-icons/react";
+import { Icon as I } from "../Icon/Icon.js";
+import i from "./Avatar.module.css.js";
+const E = {
+  xsmall: i.sizeXsmall,
+  small: i.sizeSmall,
+  medium: i.sizeMedium,
+  large: i.sizeLarge,
+  xlarge: i.sizeXlarge
+}, h = {
+  xsmall: 12,
+  small: 16,
+  medium: 20,
+  large: 24,
+  xlarge: 28
+};
+function N({
+  size: l = "medium",
+  type: o = "icon",
+  src: a,
+  alt: n = "",
+  initials: r,
+  icon: c,
+  disabled: t = !1,
+  className: d,
+  ...g
+}) {
+  const [s, f] = S.useState(!1), e = o === "image" && (s || !a) ? "icon" : o, p = [
+    i.avatar,
+    E[l],
+    e === "image" && !s && a ? i.image : void 0,
+    e === "initials" ? i.initials : void 0,
+    e === "icon" ? i.icon : void 0,
+    t ? i.disabled : void 0,
+    d
+  ].filter(Boolean).join(" "), u = h[l], v = c ?? z;
+  return /* @__PURE__ */ x(
+    "span",
+    {
+      className: p,
+      "aria-disabled": t || void 0,
+      role: "img",
+      "aria-label": n || (o === "initials" && r ? r : void 0) || "avatar",
+      ...g,
+      children: [
+        e === "image" && a && !s && /* @__PURE__ */ m(
+          "img",
+          {
+            src: a,
+            alt: n,
+            "aria-hidden": "true",
+            onError: () => f(!0)
+          }
+        ),
+        e === "initials" && /* @__PURE__ */ m("span", { "aria-hidden": "true", children: (r ?? "").slice(0, 2).toUpperCase() }),
+        e === "icon" && /* @__PURE__ */ m(I, { as: v, size: u })
+      ]
+    }
+  );
+}
+export {
+  N as Avatar
+};
+//# sourceMappingURL=Avatar.js.map

package/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport type { Icon as PhosphorIcon } from '@phosphor-icons/react';\nimport { User } from '@phosphor-icons/react';\nimport { Icon } from '../Icon/index.js';\nimport styles from './Avatar.module.css';\n\nexport type AvatarSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\nexport type AvatarType = 'image' | 'initials' | 'icon';\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Visual size of the avatar */\n  size?: AvatarSize;\n  /**\n   * Display type:\n   * - \"image\"    → renders a photo (requires `src`)\n   * - \"initials\" → renders up to 2 letters of text (requires `initials`)\n   * - \"icon\"     → renders a phosphor icon (defaults to User icon)\n   */\n  type?: AvatarType;\n  /**\n   * Image URL. Only used when type=\"image\".\n   * Falls back to icon when the image fails to load.\n   */\n  src?: string;\n  /** Alt text for the image when type=\"image\". */\n  alt?: string;\n  /**\n   * Text shown inside the avatar when type=\"initials\".\n   * Only the first 2 characters are rendered.\n   */\n  initials?: string;\n  /**\n   * Phosphor icon component rendered when type=\"icon\".\n   * Defaults to the User icon.\n   */\n  icon?: PhosphorIcon;\n  /** Whether the avatar is in a disabled state */\n  disabled?: boolean;\n}\n\nconst SIZE_CLASS: Record<AvatarSize, string> = {\n  xsmall: styles.sizeXsmall,\n  small:  styles.sizeSmall,\n  medium: styles.sizeMedium,\n  large:  styles.sizeLarge,\n  xlarge: styles.sizeXlarge,\n};\n\nconst ICON_SIZE: Record<AvatarSize, number> = {\n  xsmall: 12,\n  small:  16,\n  medium: 20,\n  large:  24,\n  xlarge: 28,\n};\n\nexport function Avatar({\n  size = 'medium',\n  type = 'icon',\n  src,\n  alt = '',\n  initials,\n  icon,\n  disabled = false,\n  className,\n  ...props\n}: AvatarProps) {\n  const [imgError, setImgError] = React.useState(false);\n\n  // Determine effective type: fall back to icon if image fails to load\n  const effectiveType: AvatarType =\n    type === 'image' && (imgError || !src) ? 'icon' : type;\n\n  const cls = [\n    styles.avatar,\n    SIZE_CLASS[size],\n    effectiveType === 'image' && !imgError && src ? styles.image : undefined,\n    effectiveType === 'initials' ? styles.initials : undefined,\n    effectiveType === 'icon' ? styles.icon : undefined,\n    disabled ? styles.disabled : undefined,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const iconSize = ICON_SIZE[size];\n  const IconComponent = icon ?? User;\n\n  return (\n    <span\n      className={cls}\n      aria-disabled={disabled || undefined}\n      role=\"img\"\n      aria-label={\n        alt ||\n        (type === 'initials' && initials ? initials : undefined) ||\n        'avatar'\n      }\n      {...props}\n    >\n      {effectiveType === 'image' && src && !imgError && (\n        <img\n          src={src}\n          alt={alt}\n          aria-hidden=\"true\"\n          onError={() => setImgError(true)}\n        />\n      )}\n      {effectiveType === 'initials' && (\n        <span aria-hidden=\"true\">\n          {(initials ?? '').slice(0, 2).toUpperCase()}\n        </span>\n      )}\n      {effectiveType === 'icon' && (\n        <Icon as={IconComponent} size={iconSize} />\n      )}\n    </span>\n  );\n}\n"],"names":["SIZE_CLASS","styles","ICON_SIZE","Avatar","size","type","src","alt","initials","icon","disabled","className","props","imgError","setImgError","React","effectiveType","cls","iconSize","IconComponent","User","jsxs","jsx","Icon"],"mappings":";;;;;AAwCA,MAAMA,IAAyC;AAAA,EAC7C,QAAQC,EAAO;AAAA,EACf,OAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,OAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AACjB,GAEMC,IAAwC;AAAA,EAC5C,QAAQ;AAAA,EACR,OAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAQ;AAAA,EACR,QAAQ;AACV;AAEO,SAASC,EAAO;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,KAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAM,SAAS,EAAK,GAG9CC,IACJX,MAAS,YAAYQ,KAAY,CAACP,KAAO,SAASD,GAE9CY,IAAM;AAAA,IACVhB,EAAO;AAAA,IACPD,EAAWI,CAAI;AAAA,IACfY,MAAkB,WAAW,CAACH,KAAYP,IAAML,EAAO,QAAQ;AAAA,IAC/De,MAAkB,aAAaf,EAAO,WAAW;AAAA,IACjDe,MAAkB,SAASf,EAAO,OAAO;AAAA,IACzCS,IAAWT,EAAO,WAAW;AAAA,IAC7BU;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELO,IAAWhB,EAAUE,CAAI,GACzBe,IAAgBV,KAAQW;AAE9B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWJ;AAAA,MACX,iBAAeP,KAAY;AAAA,MAC3B,MAAK;AAAA,MACL,cACEH,MACCF,MAAS,cAAcG,IAAWA,IAAW,WAC9C;AAAA,MAED,GAAGI;AAAA,MAEH,UAAA;AAAA,QAAAI,MAAkB,WAAWV,KAAO,CAACO,KACpC,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAAhB;AAAA,YACA,KAAAC;AAAA,YACA,eAAY;AAAA,YACZ,SAAS,MAAMO,EAAY,EAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGlCE,MAAkB,cACjB,gBAAAM,EAAC,QAAA,EAAK,eAAY,QACd,WAAAd,KAAY,IAAI,MAAM,GAAG,CAAC,EAAE,eAChC;AAAA,QAEDQ,MAAkB,UACjB,gBAAAM,EAACC,KAAK,IAAIJ,GAAe,MAAMD,EAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIjD;"}

package/Avatar/Avatar.module.css

@@ -0,0 +1 @@
+._avatar_155i1_20{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0;overflow:hidden;font-family:var(--font-family-base, system-ui, sans-serif);font-weight:var(--font-weight-semibold);line-height:1;-webkit-user-select:none;user-select:none;transition:opacity .12s ease,box-shadow .12s ease}._avatar_155i1_20:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._avatar_155i1_20[aria-disabled=true],._avatar_155i1_20._disabled_155i1_43{opacity:.5;cursor:not-allowed;pointer-events:none}._sizeXsmall_155i1_50{width:24px;height:24px;font-size:var(--font-size-10)}._sizeSmall_155i1_56{width:32px;height:32px;font-size:var(--font-size-12)}._sizeMedium_155i1_62{width:40px;height:40px;font-size:var(--font-size-14)}._sizeLarge_155i1_68{width:48px;height:48px;font-size:var(--font-size-16)}._sizeXlarge_155i1_74{width:64px;height:64px;font-size:var(--font-size-20)}._image_155i1_82{background-color:var(--color-fill-neutral-muted)}._image_155i1_82 img{width:100%;height:100%;object-fit:cover;display:block}._initials_155i1_95{background-color:var(--color-fill-brand-muted);color:var(--color-text-brand-default);letter-spacing:.02em}._icon_155i1_103{background-color:var(--color-fill-neutral-muted);color:var(--color-icon-neutral-default)}