@techzyapp/ui-library 1.0.0

package/dist/Accordion-CAxa1I-m.js

@@ -0,0 +1,112 @@
+import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import { createContext as D, useContext as M, forwardRef as O, useId as v, useState as k } from "react";
+import { clsx as C } from "clsx";
+import { I as w } from "./Icon-CophpkHo.js";
+import { a as P } from "./names-D8ABK2Wk.js";
+const E = D(null);
+function R() {
+  const t = M(E);
+  if (!t) throw new Error("AccordionItem must be used within an <Accordion>");
+  return t;
+}
+const T = "_accordion_1fia4_3", q = "_sm_1fia4_12", z = "_md_1fia4_16", B = "_lg_1fia4_20", F = "_item_1fia4_26", G = "_header_1fia4_39", H = "_icon_1fia4_65", J = "_label_1fia4_70", K = "_chevron_1fia4_75", L = "_collapsible_1fia4_88", Q = "_collapsibleInner_1fia4_96", U = "_body_1fia4_100", o = {
+  accordion: T,
+  sm: q,
+  md: z,
+  lg: B,
+  item: F,
+  header: G,
+  icon: H,
+  label: J,
+  chevron: K,
+  collapsible: L,
+  collapsibleInner: Q,
+  body: U
+}, V = new Set(P), W = O(function({ value: l, label: i, icon: c, disabled: r = !1, className: d, children: _, ...p }, u) {
+  const { isOpen: h, toggle: A, size: f, disabled: I } = R(), s = h(l), y = I || r, m = v(), a = v(), N = c == null ? null : typeof c == "string" && V.has(c) ? /* @__PURE__ */ n(w, { name: c, size: f }) : c;
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      ref: u,
+      className: C(o.item, d),
+      "data-open": s ? "true" : "false",
+      ...p,
+      children: [
+        /* @__PURE__ */ g(
+          "button",
+          {
+            type: "button",
+            id: m,
+            className: o.header,
+            "aria-expanded": s,
+            "aria-controls": a,
+            disabled: y,
+            onClick: () => A(l),
+            children: [
+              N != null && /* @__PURE__ */ n("span", { className: o.icon, "aria-hidden": !0, children: N }),
+              /* @__PURE__ */ n("span", { className: o.label, children: i }),
+              /* @__PURE__ */ n(
+                w,
+                {
+                  name: "ArrowDown4",
+                  size: f,
+                  className: o.chevron,
+                  "data-open": s ? "true" : "false"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: o.collapsible, "data-open": s ? "true" : "false", children: /* @__PURE__ */ n("div", { className: o.collapsibleInner, children: /* @__PURE__ */ n("div", { id: a, role: "region", "aria-labelledby": m, className: o.body, children: _ }) }) })
+      ]
+    }
+  );
+}), ne = O(function({
+  exclusive: l = !1,
+  value: i,
+  defaultValue: c,
+  onChange: r,
+  items: d,
+  size: _ = "md",
+  disabled: p = !1,
+  children: u,
+  className: h,
+  style: A,
+  ...f
+}, I) {
+  const s = i !== void 0, [y, m] = k(c), a = s ? i : y, S = { isOpen: (e) => l ? a === e : Array.isArray(a) && a.includes(e), toggle: (e) => {
+    let b;
+    if (l)
+      b = a === e ? null : e;
+    else {
+      const x = Array.isArray(a) ? a : [];
+      b = x.includes(e) ? x.filter((j) => j !== e) : [...x, e];
+    }
+    s || m(b), r == null || r(b);
+  }, size: _, disabled: p };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: I,
+      className: C(o.accordion, o[_], h),
+      style: A,
+      ...f,
+      children: /* @__PURE__ */ n(E.Provider, { value: S, children: d ? d.map((e) => /* @__PURE__ */ n(
+        W,
+        {
+          value: e.value,
+          label: e.label,
+          icon: e.icon,
+          disabled: e.disabled,
+          children: e.content
+        },
+        e.value
+      )) : u })
+    }
+  );
+});
+export {
+  ne as A,
+  W as a
+};
+//# sourceMappingURL=Accordion-CAxa1I-m.js.map

package/dist/Accordion-CAxa1I-m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion-CAxa1I-m.js","sources":["../src/components/Accordion/accordionContext.ts","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { AccordionSize } from './Accordion'\n\n/** Shared state an `<Accordion>` hands down to its `<AccordionItem>`s via context. */\nexport interface AccordionContextValue {\n  /** Whether a given item value is currently open. */\n  isOpen: (value: string) => boolean\n  /** Toggle an item open/closed — called by a header on click. */\n  toggle: (value: string) => void\n  size: AccordionSize\n  disabled: boolean\n}\n\nexport const AccordionContext = createContext<AccordionContextValue | null>(null)\n\n/** Read the surrounding `<Accordion>`. Throws if an `<AccordionItem>` is used outside one. */\nexport function useAccordionContext(): AccordionContextValue {\n  const ctx = useContext(AccordionContext)\n  if (!ctx) throw new Error('AccordionItem must be used within an <Accordion>')\n  return ctx\n}\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useAccordionContext } from './accordionContext'\nimport styles from './Accordion.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** This item's identity within the `Accordion` (matched against the open value/values). */\n  value: string\n  /** Header label. */\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Disable this item (the group's `disabled` also applies). */\n  disabled?: boolean\n  /** Collapsible body content. */\n  children?: ReactNode\n}\n\n/**\n * One collapsible panel inside an `<Accordion>` — a header (`label` + optional `icon` + a chevron that\n * rotates) that toggles a smoothly-folding body (`grid-template-rows` animation). Reads the open state,\n * size, and disabled flag from the surrounding `Accordion` via context.\n */\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem(\n  { value, label, icon, disabled: itemDisabled = false, className, children, ...props },\n  ref,\n) {\n  const { isOpen, toggle, size, disabled: groupDisabled } = useAccordionContext()\n  const open = isOpen(value)\n  const disabled = groupDisabled || itemDisabled\n  const headerId = useId()\n  const bodyId = useId()\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={size} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.item, className)}\n      data-open={open ? 'true' : 'false'}\n      {...props}\n    >\n      <button\n        type=\"button\"\n        id={headerId}\n        className={styles.header}\n        aria-expanded={open}\n        aria-controls={bodyId}\n        disabled={disabled}\n        onClick={() => toggle(value)}\n      >\n        {renderedIcon != null && (\n          <span className={styles.icon} aria-hidden>\n            {renderedIcon}\n          </span>\n        )}\n        <span className={styles.label}>{label}</span>\n        <Icon\n          name=\"ArrowDown4\"\n          size={size}\n          className={styles.chevron}\n          data-open={open ? 'true' : 'false'}\n        />\n      </button>\n      <div className={styles.collapsible} data-open={open ? 'true' : 'false'}>\n        <div className={styles.collapsibleInner}>\n          <div id={bodyId} role=\"region\" aria-labelledby={headerId} className={styles.body}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { AccordionItem } from './AccordionItem'\nimport { AccordionContext, type AccordionContextValue } from './accordionContext'\nimport type { IconName } from '../../icons/names'\nimport styles from './Accordion.module.css'\n\nexport type AccordionSize = 'sm' | 'md' | 'lg'\n\n/** A data-driven panel for the `items` prop. */\nexport interface AccordionItemData {\n  value: string\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Collapsible body content. */\n  content: ReactNode\n  disabled?: boolean\n}\n\nexport interface AccordionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /**\n   * Single-open (`value` is a `string | null` — opening one closes the others) vs multi-open (`value`\n   * is a `string[]`). Defaults to `false` (multiple).\n   */\n  exclusive?: boolean\n  /** Controlled open value — a `string | null` when `exclusive`, else a `string[]`. */\n  value?: string | string[] | null\n  /** Initial open value for uncontrolled use (same shape as `value`). */\n  defaultValue?: string | string[] | null\n  /** Fires with the next open value (matches the `exclusive` shape). */\n  onChange?: (value: string | string[] | null) => void\n  /** Data-driven panels — an alternative to passing `<AccordionItem>` children. */\n  items?: AccordionItemData[]\n  /** Preset size for every panel header. Defaults to `md`. */\n  size?: AccordionSize\n  /** Disables every panel in the accordion. */\n  disabled?: boolean\n  /** `<AccordionItem>` children (used when `items` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A set of collapsible panels (settings sections, FAQs, grouped forms). **`exclusive`** picks\n * single-open (`value` is a `string | null`) vs multi-open (`value` is a `string[]`); both are\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`). Supply panels via the\n * data-driven `items` prop or as `<AccordionItem>` children — the group shares the open state, `size`,\n * and `disabled` via context, and each body folds with the shared `grid-template-rows` animation\n * (like `Card`'s `collapsible`). Token-only styling.\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n  {\n    exclusive = false,\n    value,\n    defaultValue,\n    onChange,\n    items,\n    size = 'md',\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const isControlled = value !== undefined\n  const [internal, setInternal] = useState<string | string[] | null | undefined>(defaultValue)\n  const current = isControlled ? value : internal\n\n  const isOpen = (v: string) =>\n    exclusive ? current === v : Array.isArray(current) && current.includes(v)\n\n  const toggle = (v: string) => {\n    let next: string | string[] | null\n    if (exclusive) {\n      next = current === v ? null : v\n    } else {\n      const arr = Array.isArray(current) ? current : []\n      next = arr.includes(v) ? arr.filter((x) => x !== v) : [...arr, v]\n    }\n    if (!isControlled) setInternal(next)\n    onChange?.(next)\n  }\n\n  const ctx: AccordionContextValue = { isOpen, toggle, size, disabled }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.accordion, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <AccordionContext.Provider value={ctx}>\n        {items\n          ? items.map((item) => (\n              <AccordionItem\n                key={item.value}\n                value={item.value}\n                label={item.label}\n                icon={item.icon}\n                disabled={item.disabled}\n              >\n                {item.content}\n              </AccordionItem>\n            ))\n          : children}\n      </AccordionContext.Provider>\n    </div>\n  )\n})\n"],"names":["AccordionContext","createContext","useAccordionContext","ctx","useContext","ICON_NAME_SET","ICON_NAMES","AccordionItem","forwardRef","value","label","icon","itemDisabled","className","children","props","ref","isOpen","toggle","size","groupDisabled","open","disabled","headerId","useId","bodyId","renderedIcon","jsx","Icon","jsxs","clsx","styles","Accordion","exclusive","defaultValue","onChange","items","style","isControlled","internal","setInternal","useState","current","v","next","arr","x","item"],"mappings":"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"}

package/dist/Accordion-Dy_dM79Y.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),a=require("react"),w=require("clsx"),g=require("./Icon-CXTl_QAP.cjs"),E=require("./names-C2Yj1p3u.cjs"),v=a.createContext(null);function S(){const i=a.useContext(v);if(!i)throw new Error("AccordionItem must be used within an <Accordion>");return i}const R="_accordion_1fia4_3",D="_sm_1fia4_12",M="_md_1fia4_16",k="_lg_1fia4_20",P="_item_1fia4_26",T="_header_1fia4_39",z="_icon_1fia4_65",B="_label_1fia4_70",F="_chevron_1fia4_75",G="_collapsible_1fia4_88",H="_collapsibleInner_1fia4_96",J="_body_1fia4_100",s={accordion:R,sm:D,md:M,lg:k,item:P,header:T,icon:z,label:B,chevron:F,collapsible:G,collapsibleInner:H,body:J},K=new Set(E.ICON_NAMES),q=a.forwardRef(function({value:r,label:d,icon:c,disabled:t=!1,className:_,children:u,...x},p){const{isOpen:I,toggle:h,size:b,disabled:A}=S(),l=I(r),j=A||t,f=a.useId(),o=a.useId(),y=c==null?null:typeof c=="string"&&K.has(c)?n.jsx(g.Icon,{name:c,size:b}):c;return n.jsxs("div",{ref:p,className:w.clsx(s.item,_),"data-open":l?"true":"false",...x,children:[n.jsxs("button",{type:"button",id:f,className:s.header,"aria-expanded":l,"aria-controls":o,disabled:j,onClick:()=>h(r),children:[y!=null&&n.jsx("span",{className:s.icon,"aria-hidden":!0,children:y}),n.jsx("span",{className:s.label,children:d}),n.jsx(g.Icon,{name:"ArrowDown4",size:b,className:s.chevron,"data-open":l?"true":"false"})]}),n.jsx("div",{className:s.collapsible,"data-open":l?"true":"false",children:n.jsx("div",{className:s.collapsibleInner,children:n.jsx("div",{id:o,role:"region","aria-labelledby":f,className:s.body,children:u})})})]})}),L=a.forwardRef(function({exclusive:r=!1,value:d,defaultValue:c,onChange:t,items:_,size:u="md",disabled:x=!1,children:p,className:I,style:h,...b},A){const l=d!==void 0,[j,f]=a.useState(c),o=l?d:j,O={isOpen:e=>r?o===e:Array.isArray(o)&&o.includes(e),toggle:e=>{let m;if(r)m=o===e?null:e;else{const N=Array.isArray(o)?o:[];m=N.includes(e)?N.filter(C=>C!==e):[...N,e]}l||f(m),t==null||t(m)},size:u,disabled:x};return n.jsx("div",{ref:A,className:w.clsx(s.accordion,s[u],I),style:h,...b,children:n.jsx(v.Provider,{value:O,children:_?_.map(e=>n.jsx(q,{value:e.value,label:e.label,icon:e.icon,disabled:e.disabled,children:e.content},e.value)):p})})});exports.Accordion=L;exports.AccordionItem=q;
+//# sourceMappingURL=Accordion-Dy_dM79Y.cjs.map

package/dist/Accordion-Dy_dM79Y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion-Dy_dM79Y.cjs","sources":["../src/components/Accordion/accordionContext.ts","../src/components/Accordion/AccordionItem.tsx","../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { AccordionSize } from './Accordion'\n\n/** Shared state an `<Accordion>` hands down to its `<AccordionItem>`s via context. */\nexport interface AccordionContextValue {\n  /** Whether a given item value is currently open. */\n  isOpen: (value: string) => boolean\n  /** Toggle an item open/closed — called by a header on click. */\n  toggle: (value: string) => void\n  size: AccordionSize\n  disabled: boolean\n}\n\nexport const AccordionContext = createContext<AccordionContextValue | null>(null)\n\n/** Read the surrounding `<Accordion>`. Throws if an `<AccordionItem>` is used outside one. */\nexport function useAccordionContext(): AccordionContextValue {\n  const ctx = useContext(AccordionContext)\n  if (!ctx) throw new Error('AccordionItem must be used within an <Accordion>')\n  return ctx\n}\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useAccordionContext } from './accordionContext'\nimport styles from './Accordion.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** This item's identity within the `Accordion` (matched against the open value/values). */\n  value: string\n  /** Header label. */\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Disable this item (the group's `disabled` also applies). */\n  disabled?: boolean\n  /** Collapsible body content. */\n  children?: ReactNode\n}\n\n/**\n * One collapsible panel inside an `<Accordion>` — a header (`label` + optional `icon` + a chevron that\n * rotates) that toggles a smoothly-folding body (`grid-template-rows` animation). Reads the open state,\n * size, and disabled flag from the surrounding `Accordion` via context.\n */\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem(\n  { value, label, icon, disabled: itemDisabled = false, className, children, ...props },\n  ref,\n) {\n  const { isOpen, toggle, size, disabled: groupDisabled } = useAccordionContext()\n  const open = isOpen(value)\n  const disabled = groupDisabled || itemDisabled\n  const headerId = useId()\n  const bodyId = useId()\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={size} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.item, className)}\n      data-open={open ? 'true' : 'false'}\n      {...props}\n    >\n      <button\n        type=\"button\"\n        id={headerId}\n        className={styles.header}\n        aria-expanded={open}\n        aria-controls={bodyId}\n        disabled={disabled}\n        onClick={() => toggle(value)}\n      >\n        {renderedIcon != null && (\n          <span className={styles.icon} aria-hidden>\n            {renderedIcon}\n          </span>\n        )}\n        <span className={styles.label}>{label}</span>\n        <Icon\n          name=\"ArrowDown4\"\n          size={size}\n          className={styles.chevron}\n          data-open={open ? 'true' : 'false'}\n        />\n      </button>\n      <div className={styles.collapsible} data-open={open ? 'true' : 'false'}>\n        <div className={styles.collapsibleInner}>\n          <div id={bodyId} role=\"region\" aria-labelledby={headerId} className={styles.body}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { AccordionItem } from './AccordionItem'\nimport { AccordionContext, type AccordionContextValue } from './accordionContext'\nimport type { IconName } from '../../icons/names'\nimport styles from './Accordion.module.css'\n\nexport type AccordionSize = 'sm' | 'md' | 'lg'\n\n/** A data-driven panel for the `items` prop. */\nexport interface AccordionItemData {\n  value: string\n  label: ReactNode\n  /** Leading header icon — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Collapsible body content. */\n  content: ReactNode\n  disabled?: boolean\n}\n\nexport interface AccordionProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /**\n   * Single-open (`value` is a `string | null` — opening one closes the others) vs multi-open (`value`\n   * is a `string[]`). Defaults to `false` (multiple).\n   */\n  exclusive?: boolean\n  /** Controlled open value — a `string | null` when `exclusive`, else a `string[]`. */\n  value?: string | string[] | null\n  /** Initial open value for uncontrolled use (same shape as `value`). */\n  defaultValue?: string | string[] | null\n  /** Fires with the next open value (matches the `exclusive` shape). */\n  onChange?: (value: string | string[] | null) => void\n  /** Data-driven panels — an alternative to passing `<AccordionItem>` children. */\n  items?: AccordionItemData[]\n  /** Preset size for every panel header. Defaults to `md`. */\n  size?: AccordionSize\n  /** Disables every panel in the accordion. */\n  disabled?: boolean\n  /** `<AccordionItem>` children (used when `items` is not given). */\n  children?: ReactNode\n}\n\n/**\n * A set of collapsible panels (settings sections, FAQs, grouped forms). **`exclusive`** picks\n * single-open (`value` is a `string | null`) vs multi-open (`value` is a `string[]`); both are\n * controlled (`value` + `onChange`) or uncontrolled (`defaultValue`). Supply panels via the\n * data-driven `items` prop or as `<AccordionItem>` children — the group shares the open state, `size`,\n * and `disabled` via context, and each body folds with the shared `grid-template-rows` animation\n * (like `Card`'s `collapsible`). Token-only styling.\n */\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(function Accordion(\n  {\n    exclusive = false,\n    value,\n    defaultValue,\n    onChange,\n    items,\n    size = 'md',\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const isControlled = value !== undefined\n  const [internal, setInternal] = useState<string | string[] | null | undefined>(defaultValue)\n  const current = isControlled ? value : internal\n\n  const isOpen = (v: string) =>\n    exclusive ? current === v : Array.isArray(current) && current.includes(v)\n\n  const toggle = (v: string) => {\n    let next: string | string[] | null\n    if (exclusive) {\n      next = current === v ? null : v\n    } else {\n      const arr = Array.isArray(current) ? current : []\n      next = arr.includes(v) ? arr.filter((x) => x !== v) : [...arr, v]\n    }\n    if (!isControlled) setInternal(next)\n    onChange?.(next)\n  }\n\n  const ctx: AccordionContextValue = { isOpen, toggle, size, disabled }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.accordion, styles[size], className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      <AccordionContext.Provider value={ctx}>\n        {items\n          ? items.map((item) => (\n              <AccordionItem\n                key={item.value}\n                value={item.value}\n                label={item.label}\n                icon={item.icon}\n                disabled={item.disabled}\n              >\n                {item.content}\n              </AccordionItem>\n            ))\n          : children}\n      </AccordionContext.Provider>\n    </div>\n  )\n})\n"],"names":["AccordionContext","createContext","useAccordionContext","ctx","useContext","ICON_NAME_SET","ICON_NAMES","AccordionItem","forwardRef","value","label","icon","itemDisabled","className","children","props","ref","isOpen","toggle","size","groupDisabled","open","disabled","headerId","useId","bodyId","renderedIcon","jsx","Icon","jsxs","clsx","styles","Accordion","exclusive","defaultValue","onChange","items","style","isControlled","internal","setInternal","useState","current","v","next","arr","x","item"],"mappings":"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"}

package/dist/Alert-BQpA48PY.js

@@ -0,0 +1,71 @@
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { clsx as g } from "clsx";
+import { I as s } from "./Icon-CophpkHo.js";
+import { a as C } from "./names-D8ABK2Wk.js";
+import { I as x } from "./IconButton-CBusrDa9.js";
+import { a as h } from "./ConfigProvider-2c94kUOk.js";
+const v = "_alert_1o0o3_3", A = "_filled_1o0o3_18", b = "_contained_1o0o3_21", z = "_outlined_1o0o3_25", E = "_text_1o0o3_29", T = "_icon_1o0o3_34", w = "_message_1o0o3_43", y = "_action_1o0o3_49", O = "_close_1o0o3_56", t = {
+  alert: v,
+  filled: A,
+  contained: b,
+  outlined: z,
+  text: E,
+  icon: T,
+  message: w,
+  action: y,
+  close: O
+}, S = new Set(C), j = {
+  success: "TickCircle",
+  error: "CloseCircle",
+  warning: "Warning",
+  info: "InfoCircle"
+}, U = N(function({
+  variant: c = "filled",
+  color: n = "info",
+  icon: e,
+  action: l,
+  onClose: a,
+  closeLabel: i,
+  className: _,
+  style: m,
+  children: f,
+  ...d
+}, u) {
+  const p = h(), r = e === !1 ? null : e == null ? /* @__PURE__ */ o(s, { name: j[n] ?? "InfoCircle" }) : typeof e == "string" && S.has(e) ? /* @__PURE__ */ o(s, { name: e }) : e;
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      ref: u,
+      role: "alert",
+      className: g(t.alert, t[c], _),
+      style: {
+        "--tz-btn-rgb": `var(--tz-color-${n}-rgb)`,
+        "--tz-btn-on": `var(--tz-color-${n}-contrast, #fff)`,
+        ...m
+      },
+      ...d,
+      children: [
+        r != null && /* @__PURE__ */ o("span", { className: t.icon, "aria-hidden": !0, children: r }),
+        /* @__PURE__ */ o("div", { className: t.message, children: f }),
+        l != null && /* @__PURE__ */ o("div", { className: t.action, children: l }),
+        a && /* @__PURE__ */ o(
+          x,
+          {
+            variant: "text",
+            color: n,
+            size: "sm",
+            className: t.close,
+            "aria-label": i ?? p("common.close"),
+            onClick: a,
+            children: /* @__PURE__ */ o(s, { name: "Close" })
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  U as A
+};
+//# sourceMappingURL=Alert-BQpA48PY.js.map

package/dist/Alert-BQpA48PY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-BQpA48PY.js","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Alert.module.css'\n\nexport type AlertVariant = 'contained' | 'filled' | 'outlined' | 'text'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** Default leading icon per semantic color (other colors fall back to `InfoCircle`). */\nconst DEFAULT_ICON: Partial<Record<ThemeColor, IconName>> = {\n  success: 'TickCircle',\n  error: 'CloseCircle',\n  warning: 'Warning',\n  info: 'InfoCircle',\n}\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {\n  /** Tint style. Defaults to `filled` (the soft tint). */\n  variant?: AlertVariant\n  /** Brand / semantic palette token that tints the alert. Defaults to `info`. */\n  color?: ThemeColor\n  /**\n   * Leading icon — a known `IconName`, any node, or `false` to hide it. Defaults to the semantic icon\n   * for `color` (success → `TickCircle`, error → `CloseCircle`, warning → `Warning`, info → `InfoCircle`).\n   */\n  icon?: IconName | ReactNode | false\n  /** Trailing action (e.g. an `UNDO` button), placed before the close button. */\n  action?: ReactNode\n  /** When provided, a trailing × close button appears that calls this. */\n  onClose?: () => void\n  /** Accessible label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string\n  /** Alert message. */\n  children?: ReactNode\n}\n\n/**\n * A message banner — the library's inline feedback surface (info, success, warning, error). Tinted by\n * `color` via the shared `--tz-btn-rgb` pattern across the 4 standard `variant`s; a semantic leading\n * `icon` is auto-picked per color (override with `icon`, or `icon={false}` to drop it). An optional\n * `action` slot (e.g. an `UNDO` button) and an `onClose` × button trail the message. `role=\"alert\"`.\n */\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  {\n    variant = 'filled',\n    color = 'info',\n    icon,\n    action,\n    onClose,\n    closeLabel,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name={DEFAULT_ICON[color] ?? 'InfoCircle'} />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={clsx(styles.alert, styles[variant], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <span className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </span>\n      )}\n      <div className={styles.message}>{children}</div>\n      {action != null && <div className={styles.action}>{action}</div>}\n      {onClose && (\n        <IconButton\n          variant=\"text\"\n          color={color}\n          size=\"sm\"\n          className={styles.close}\n          aria-label={closeLabel ?? t('common.close')}\n          onClick={onClose}\n        >\n          <Icon name=\"Close\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_ICON","Alert","forwardRef","variant","color","icon","action","onClose","closeLabel","className","style","children","props","ref","t","useT","renderedIcon","jsx","Icon","jsxs","clsx","styles","IconButton"],"mappings":";;;;;;;;;;;;;;;;;GAUMA,IAAgB,IAAI,IAAYC,CAAU,GAG1CC,IAAsD;AAAA,EAC1D,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR,GA4BaC,IAAQC,EAAuC,SAC1D;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IACJX,MAAS,KAAQ,OAAOA,KAAQ,OAC9B,gBAAAY,EAACC,GAAA,EAAK,MAAMlB,EAAaI,CAAK,KAAK,cAAc,IAC/C,OAAOC,KAAS,YAAYP,EAAc,IAAIO,CAAI,IACpD,gBAAAY,EAACC,GAAA,EAAK,MAAMb,EAAA,CAAkB,IAE9BA;AAGJ,SACE,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAK;AAAA,MACL,WAAWO,EAAKC,EAAO,OAAOA,EAAOlB,CAAO,GAAGM,CAAS;AAAA,MACxD,OACE;AAAA,QACE,gBAAgB,kBAAkBL,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGM;AAAA,MAAA;AAAA,MAGN,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAI,KAAgB,0BACd,QAAA,EAAK,WAAWK,EAAO,MAAM,eAAW,IACtC,UAAAL,EAAA,CACH;AAAA,QAEF,gBAAAC,EAAC,OAAA,EAAI,WAAWI,EAAO,SAAU,UAAAV,GAAS;AAAA,QACzCL,KAAU,QAAQ,gBAAAW,EAAC,SAAI,WAAWI,EAAO,QAAS,UAAAf,GAAO;AAAA,QACzDC,KACC,gBAAAU;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAAlB;AAAA,YACA,MAAK;AAAA,YACL,WAAWiB,EAAO;AAAA,YAClB,cAAYb,KAAcM,EAAE,cAAc;AAAA,YAC1C,SAASP;AAAA,YAET,UAAA,gBAAAU,EAACC,GAAA,EAAK,MAAK,QAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACrB;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/Alert-DKIjM-9x.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),I=require("react"),g=require("clsx"),t=require("./Icon-CXTl_QAP.cjs"),C=require("./names-C2Yj1p3u.cjs"),N=require("./IconButton-D6TenQZ_.cjs"),j=require("./ConfigProvider-ByOFXVyP.cjs"),q="_alert_1o0o3_3",v="_filled_1o0o3_18",h="_contained_1o0o3_21",A="_outlined_1o0o3_25",b="_text_1o0o3_29",z="_icon_1o0o3_34",E="_message_1o0o3_43",T="_action_1o0o3_49",w="_close_1o0o3_56",o={alert:q,filled:v,contained:h,outlined:A,text:b,icon:z,message:E,action:T,close:w},y=new Set(C.ICON_NAMES),O={success:"TickCircle",error:"CloseCircle",warning:"Warning",info:"InfoCircle"},S=I.forwardRef(function({variant:i="filled",color:s="info",icon:n,action:c,onClose:r,closeLabel:a,className:_,style:d,children:u,...f},m){const x=j.useT(),l=n===!1?null:n==null?e.jsx(t.Icon,{name:O[s]??"InfoCircle"}):typeof n=="string"&&y.has(n)?e.jsx(t.Icon,{name:n}):n;return e.jsxs("div",{ref:m,role:"alert",className:g.clsx(o.alert,o[i],_),style:{"--tz-btn-rgb":`var(--tz-color-${s}-rgb)`,"--tz-btn-on":`var(--tz-color-${s}-contrast, #fff)`,...d},...f,children:[l!=null&&e.jsx("span",{className:o.icon,"aria-hidden":!0,children:l}),e.jsx("div",{className:o.message,children:u}),c!=null&&e.jsx("div",{className:o.action,children:c}),r&&e.jsx(N.IconButton,{variant:"text",color:s,size:"sm",className:o.close,"aria-label":a??x("common.close"),onClick:r,children:e.jsx(t.Icon,{name:"Close"})})]})});exports.Alert=S;
+//# sourceMappingURL=Alert-DKIjM-9x.cjs.map

package/dist/Alert-DKIjM-9x.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert-DKIjM-9x.cjs","sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Alert.module.css'\n\nexport type AlertVariant = 'contained' | 'filled' | 'outlined' | 'text'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** Default leading icon per semantic color (other colors fall back to `InfoCircle`). */\nconst DEFAULT_ICON: Partial<Record<ThemeColor, IconName>> = {\n  success: 'TickCircle',\n  error: 'CloseCircle',\n  warning: 'Warning',\n  info: 'InfoCircle',\n}\n\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {\n  /** Tint style. Defaults to `filled` (the soft tint). */\n  variant?: AlertVariant\n  /** Brand / semantic palette token that tints the alert. Defaults to `info`. */\n  color?: ThemeColor\n  /**\n   * Leading icon — a known `IconName`, any node, or `false` to hide it. Defaults to the semantic icon\n   * for `color` (success → `TickCircle`, error → `CloseCircle`, warning → `Warning`, info → `InfoCircle`).\n   */\n  icon?: IconName | ReactNode | false\n  /** Trailing action (e.g. an `UNDO` button), placed before the close button. */\n  action?: ReactNode\n  /** When provided, a trailing × close button appears that calls this. */\n  onClose?: () => void\n  /** Accessible label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string\n  /** Alert message. */\n  children?: ReactNode\n}\n\n/**\n * A message banner — the library's inline feedback surface (info, success, warning, error). Tinted by\n * `color` via the shared `--tz-btn-rgb` pattern across the 4 standard `variant`s; a semantic leading\n * `icon` is auto-picked per color (override with `icon`, or `icon={false}` to drop it). An optional\n * `action` slot (e.g. an `UNDO` button) and an `onClose` × button trail the message. `role=\"alert\"`.\n */\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  {\n    variant = 'filled',\n    color = 'info',\n    icon,\n    action,\n    onClose,\n    closeLabel,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const renderedIcon =\n    icon === false ? null : icon == null ? (\n      <Icon name={DEFAULT_ICON[color] ?? 'InfoCircle'} />\n    ) : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <div\n      ref={ref}\n      role=\"alert\"\n      className={clsx(styles.alert, styles[variant], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {renderedIcon != null && (\n        <span className={styles.icon} aria-hidden>\n          {renderedIcon}\n        </span>\n      )}\n      <div className={styles.message}>{children}</div>\n      {action != null && <div className={styles.action}>{action}</div>}\n      {onClose && (\n        <IconButton\n          variant=\"text\"\n          color={color}\n          size=\"sm\"\n          className={styles.close}\n          aria-label={closeLabel ?? t('common.close')}\n          onClick={onClose}\n        >\n          <Icon name=\"Close\" />\n        </IconButton>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","DEFAULT_ICON","Alert","forwardRef","variant","color","icon","action","onClose","closeLabel","className","style","children","props","ref","t","useT","renderedIcon","jsx","Icon","jsxs","clsx","styles","IconButton"],"mappings":"6fAUMA,EAAgB,IAAI,IAAYC,YAAU,EAG1CC,EAAsD,CAC1D,QAAS,aACT,MAAO,cACP,QAAS,UACT,KAAM,YACR,EA4BaC,EAAQC,EAAAA,WAAuC,SAC1D,CACE,QAAAC,EAAU,SACV,MAAAC,EAAQ,OACR,KAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EACJX,IAAS,GAAQ,KAAOA,GAAQ,KAC9BY,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMlB,EAAaI,CAAK,GAAK,aAAc,EAC/C,OAAOC,GAAS,UAAYP,EAAc,IAAIO,CAAI,EACpDY,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMb,CAAA,CAAkB,EAE9BA,EAGJ,OACEc,EAAAA,KAAC,MAAA,CACC,IAAAN,EACA,KAAK,QACL,UAAWO,EAAAA,KAAKC,EAAO,MAAOA,EAAOlB,CAAO,EAAGM,CAAS,EACxD,MACE,CACE,eAAgB,kBAAkBL,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGM,CAAA,EAGN,GAAGE,EAEH,SAAA,CAAAI,GAAgB,YACd,OAAA,CAAK,UAAWK,EAAO,KAAM,cAAW,GACtC,SAAAL,CAAA,CACH,EAEFC,EAAAA,IAAC,MAAA,CAAI,UAAWI,EAAO,QAAU,SAAAV,EAAS,EACzCL,GAAU,MAAQW,EAAAA,IAAC,OAAI,UAAWI,EAAO,OAAS,SAAAf,EAAO,EACzDC,GACCU,EAAAA,IAACK,EAAAA,WAAA,CACC,QAAQ,OACR,MAAAlB,EACA,KAAK,KACL,UAAWiB,EAAO,MAClB,aAAYb,GAAcM,EAAE,cAAc,EAC1C,QAASP,EAET,SAAAU,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CAAA,CAAA,CAIR,CAAC"}

package/dist/Avatar-BJVCdo-K.js

@@ -0,0 +1,60 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as E, useState as I, useRef as k } from "react";
+import { clsx as A } from "clsx";
+import { I as j } from "./Icon-CophpkHo.js";
+import { a as S } from "./names-D8ABK2Wk.js";
+const C = "_avatar_1ttjj_3", q = "_circle_1ttjj_16", w = "_square_1ttjj_20", x = "_img_1ttjj_24", y = "_fallback_1ttjj_31", U = "_sm_1ttjj_37", z = "_md_1ttjj_43", B = "_lg_1ttjj_49", M = "_group_1ttjj_57", O = "_item_1ttjj_62", o = {
+  avatar: C,
+  circle: q,
+  square: w,
+  img: x,
+  fallback: y,
+  sm: U,
+  md: z,
+  lg: B,
+  group: M,
+  item: O
+}, R = new Set(S);
+function $(m) {
+  const t = m.trim().split(/\s+/).filter(Boolean);
+  return t.length === 0 ? "" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+const J = E(function({
+  src: t,
+  alt: u,
+  icon: a,
+  name: l,
+  size: n = "md",
+  shape: p = "circle",
+  color: _ = "accent",
+  className: v,
+  style: d,
+  children: c,
+  ...b
+}, N) {
+  const [h, f] = I(!1), g = k(t);
+  g.current !== t && (g.current = t, f(!1));
+  const i = !!t && !h, r = u ?? l;
+  let e;
+  return a !== void 0 ? e = typeof a == "string" && R.has(a) ? /* @__PURE__ */ s(j, { name: a, size: n }) : a : c != null && c !== "" ? e = c : l ? e = $(l) : e = /* @__PURE__ */ s(j, { name: "User", size: n }), /* @__PURE__ */ s(
+    "div",
+    {
+      ref: N,
+      className: A(o.avatar, o[n], o[p], v),
+      style: {
+        "--tz-btn-rgb": `var(--tz-color-${_}-rgb)`,
+        "--tz-btn-on": `var(--tz-color-${_}-contrast, #fff)`,
+        ...d
+      },
+      role: !i && r ? "img" : void 0,
+      "aria-label": !i && r ? r : void 0,
+      ...b,
+      children: i ? /* @__PURE__ */ s("img", { src: t, alt: r ?? "", className: o.img, onError: () => f(!0) }) : /* @__PURE__ */ s("span", { className: o.fallback, "aria-hidden": r ? !0 : void 0, children: e })
+    }
+  );
+});
+export {
+  J as A,
+  o as s
+};
+//# sourceMappingURL=Avatar-BJVCdo-K.js.map

package/dist/Avatar-BJVCdo-K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-BJVCdo-K.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './Avatar.module.css'\n\nexport type AvatarSize = 'sm' | 'md' | 'lg'\nexport type AvatarShape = 'circle' | 'square'\n\nexport interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Image URL. When set (and it loads), the avatar shows the photo; on error it falls back. */\n  src?: string\n  /** Alt text for the image / accessible name for an icon-or-initials avatar (falls back to `name`). */\n  alt?: string\n  /** An icon to show when there's no image — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Full name — used to derive initials (e.g. \"David Savaneli\" → \"DS\") and as the accessible name. */\n  name?: string\n  /** Preset size: `sm` 32 · `md` 40 · `lg` 48 px. Defaults to `md`. */\n  size?: AvatarSize\n  /** `circle` (default) or `square` (rounded rectangle). */\n  shape?: AvatarShape\n  /** Theme palette token for the icon/initials background. Defaults to `accent`. */\n  color?: ThemeColor\n}\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** First letters of the first and last word, uppercased — e.g. \"David Savaneli\" → \"DS\". */\nfunction initialsFromName(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  if (parts.length === 0) return ''\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()\n}\n\n/**\n * A user avatar that shows — in priority order — an image (`src`), an `icon`, explicit `children`\n * (e.g. initials `\"D.S.\"`), initials derived from `name`, or a default user icon. If the image fails\n * to load it falls back automatically. The icon/initials background is tinted by `color` via the\n * shared `--tz-btn-rgb` / `--tz-btn-on` pattern. Token-only styling; pairs with `AvatarGroup`.\n */\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    src,\n    alt,\n    icon,\n    name,\n    size = 'md',\n    shape = 'circle',\n    color = 'accent',\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const [imgError, setImgError] = useState(false)\n  // reset the error when `src` changes, so a new/valid image isn't stuck on the fallback forever\n  // (React-blessed \"adjust state on prop change\" — restarts the render, no fallback flash)\n  const lastSrc = useRef(src)\n  if (lastSrc.current !== src) {\n    lastSrc.current = src\n    setImgError(false)\n  }\n  const showImage = Boolean(src) && !imgError\n  const label = alt ?? name\n\n  let fallback: ReactNode\n  if (icon !== undefined) {\n    fallback =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n        <Icon name={icon as IconName} size={size} />\n      ) : (\n        icon\n      )\n  } else if (children != null && children !== '') {\n    fallback = children\n  } else if (name) {\n    fallback = initialsFromName(name)\n  } else {\n    fallback = <Icon name=\"User\" size={size} />\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.avatar, styles[size], styles[shape], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      role={!showImage && label ? 'img' : undefined}\n      aria-label={!showImage && label ? label : undefined}\n      {...props}\n    >\n      {showImage ? (\n        <img src={src} alt={label ?? ''} className={styles.img} onError={() => setImgError(true)} />\n      ) : (\n        <span className={styles.fallback} aria-hidden={label ? true : undefined}>\n          {fallback}\n        </span>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","initialsFromName","name","parts","Avatar","forwardRef","src","alt","icon","size","shape","color","className","style","children","props","ref","imgError","setImgError","useState","lastSrc","useRef","showImage","label","fallback","jsx","Icon","clsx","styles"],"mappings":";;;;;;;;;;;;;;;;GAkCMA,IAAgB,IAAI,IAAYC,CAAU;AAGhD,SAASC,EAAiBC,GAAsB;AAC9C,QAAMC,IAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AACrD,SAAIC,EAAM,WAAW,IAAU,KAC3BA,EAAM,WAAW,IAAUA,EAAM,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,YAAA,KAC5CA,EAAM,CAAC,EAAE,CAAC,IAAIA,EAAMA,EAAM,SAAS,CAAC,EAAE,CAAC,GAAG,YAAA;AACpD;AAQO,MAAMC,IAASC,EAAwC,SAC5D;AAAA,EACE,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAN;AAAA,EACA,MAAAO,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GAGxCC,IAAUC,EAAOf,CAAG;AAC1B,EAAIc,EAAQ,YAAYd,MACtBc,EAAQ,UAAUd,GAClBY,EAAY,EAAK;AAEnB,QAAMI,IAAY,EAAQhB,KAAQ,CAACW,GAC7BM,IAAQhB,KAAOL;AAErB,MAAIsB;AACJ,SAAIhB,MAAS,SACXgB,IACE,OAAOhB,KAAS,YAAYT,EAAc,IAAIS,CAAI,IAChD,gBAAAiB,EAACC,GAAA,EAAK,MAAMlB,GAAkB,MAAAC,EAAA,CAAY,IAE1CD,IAEKM,KAAY,QAAQA,MAAa,KAC1CU,IAAWV,IACFZ,IACTsB,IAAWvB,EAAiBC,CAAI,IAEhCsB,IAAW,gBAAAC,EAACC,GAAA,EAAK,MAAK,QAAO,MAAAjB,GAAY,GAIzC,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAT;AAAA,MACA,WAAWW,EAAKC,EAAO,QAAQA,EAAOnB,CAAI,GAAGmB,EAAOlB,CAAK,GAAGE,CAAS;AAAA,MACrE,OACE;AAAA,QACE,gBAAgB,kBAAkBD,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGE;AAAA,MAAA;AAAA,MAGP,MAAM,CAACS,KAAaC,IAAQ,QAAQ;AAAA,MACpC,cAAY,CAACD,KAAaC,IAAQA,IAAQ;AAAA,MACzC,GAAGR;AAAA,MAEH,UAAAO,IACC,gBAAAG,EAAC,OAAA,EAAI,KAAAnB,GAAU,KAAKiB,KAAS,IAAI,WAAWK,EAAO,KAAK,SAAS,MAAMV,EAAY,EAAI,EAAA,CAAG,IAE1F,gBAAAO,EAAC,QAAA,EAAK,WAAWG,EAAO,UAAU,eAAaL,IAAQ,KAAO,QAC3D,UAAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/Avatar-_ufXh3AY.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),_=require("react"),I=require("clsx"),g=require("./Icon-CXTl_QAP.cjs"),h=require("./names-C2Yj1p3u.cjs"),E="_avatar_1ttjj_3",k="_circle_1ttjj_16",A="_square_1ttjj_20",S="_img_1ttjj_24",y="_fallback_1ttjj_31",C="_sm_1ttjj_37",w="_md_1ttjj_43",R="_lg_1ttjj_49",U="_group_1ttjj_57",z="_item_1ttjj_62",e={avatar:E,circle:k,square:A,img:S,fallback:y,sm:C,md:w,lg:R,group:U,item:z},B=new Set(h.ICON_NAMES);function M(m){const t=m.trim().split(/\s+/).filter(Boolean);return t.length===0?"":t.length===1?t[0].slice(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()}const O=_.forwardRef(function({src:t,alt:v,icon:r,name:l,size:o="md",shape:d="circle",color:j="accent",className:b,style:p,children:c,...q},x){const[N,u]=_.useState(!1),f=_.useRef(t);f.current!==t&&(f.current=t,u(!1));const i=!!t&&!N,s=v??l;let a;return r!==void 0?a=typeof r=="string"&&B.has(r)?n.jsx(g.Icon,{name:r,size:o}):r:c!=null&&c!==""?a=c:l?a=M(l):a=n.jsx(g.Icon,{name:"User",size:o}),n.jsx("div",{ref:x,className:I.clsx(e.avatar,e[o],e[d],b),style:{"--tz-btn-rgb":`var(--tz-color-${j}-rgb)`,"--tz-btn-on":`var(--tz-color-${j}-contrast, #fff)`,...p},role:!i&&s?"img":void 0,"aria-label":!i&&s?s:void 0,...q,children:i?n.jsx("img",{src:t,alt:s??"",className:e.img,onError:()=>u(!0)}):n.jsx("span",{className:e.fallback,"aria-hidden":s?!0:void 0,children:a})})});exports.Avatar=O;exports.styles=e;
+//# sourceMappingURL=Avatar-_ufXh3AY.cjs.map

package/dist/Avatar-_ufXh3AY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-_ufXh3AY.cjs","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport styles from './Avatar.module.css'\n\nexport type AvatarSize = 'sm' | 'md' | 'lg'\nexport type AvatarShape = 'circle' | 'square'\n\nexport interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Image URL. When set (and it loads), the avatar shows the photo; on error it falls back. */\n  src?: string\n  /** Alt text for the image / accessible name for an icon-or-initials avatar (falls back to `name`). */\n  alt?: string\n  /** An icon to show when there's no image — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Full name — used to derive initials (e.g. \"David Savaneli\" → \"DS\") and as the accessible name. */\n  name?: string\n  /** Preset size: `sm` 32 · `md` 40 · `lg` 48 px. Defaults to `md`. */\n  size?: AvatarSize\n  /** `circle` (default) or `square` (rounded rectangle). */\n  shape?: AvatarShape\n  /** Theme palette token for the icon/initials background. Defaults to `accent`. */\n  color?: ThemeColor\n}\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** First letters of the first and last word, uppercased — e.g. \"David Savaneli\" → \"DS\". */\nfunction initialsFromName(name: string): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean)\n  if (parts.length === 0) return ''\n  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase()\n  return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase()\n}\n\n/**\n * A user avatar that shows — in priority order — an image (`src`), an `icon`, explicit `children`\n * (e.g. initials `\"D.S.\"`), initials derived from `name`, or a default user icon. If the image fails\n * to load it falls back automatically. The icon/initials background is tinted by `color` via the\n * shared `--tz-btn-rgb` / `--tz-btn-on` pattern. Token-only styling; pairs with `AvatarGroup`.\n */\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    src,\n    alt,\n    icon,\n    name,\n    size = 'md',\n    shape = 'circle',\n    color = 'accent',\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const [imgError, setImgError] = useState(false)\n  // reset the error when `src` changes, so a new/valid image isn't stuck on the fallback forever\n  // (React-blessed \"adjust state on prop change\" — restarts the render, no fallback flash)\n  const lastSrc = useRef(src)\n  if (lastSrc.current !== src) {\n    lastSrc.current = src\n    setImgError(false)\n  }\n  const showImage = Boolean(src) && !imgError\n  const label = alt ?? name\n\n  let fallback: ReactNode\n  if (icon !== undefined) {\n    fallback =\n      typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n        <Icon name={icon as IconName} size={size} />\n      ) : (\n        icon\n      )\n  } else if (children != null && children !== '') {\n    fallback = children\n  } else if (name) {\n    fallback = initialsFromName(name)\n  } else {\n    fallback = <Icon name=\"User\" size={size} />\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.avatar, styles[size], styles[shape], className)}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      role={!showImage && label ? 'img' : undefined}\n      aria-label={!showImage && label ? label : undefined}\n      {...props}\n    >\n      {showImage ? (\n        <img src={src} alt={label ?? ''} className={styles.img} onError={() => setImgError(true)} />\n      ) : (\n        <span className={styles.fallback} aria-hidden={label ? true : undefined}>\n          {fallback}\n        </span>\n      )}\n    </div>\n  )\n})\n"],"names":["ICON_NAME_SET","ICON_NAMES","initialsFromName","name","parts","Avatar","forwardRef","src","alt","icon","size","shape","color","className","style","children","props","ref","imgError","setImgError","useState","lastSrc","useRef","showImage","label","fallback","jsx","Icon","clsx","styles"],"mappings":"yaAkCMA,EAAgB,IAAI,IAAYC,YAAU,EAGhD,SAASC,EAAiBC,EAAsB,CAC9C,MAAMC,EAAQD,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO,EACrD,OAAIC,EAAM,SAAW,EAAU,GAC3BA,EAAM,SAAW,EAAUA,EAAM,CAAC,EAAE,MAAM,EAAG,CAAC,EAAE,YAAA,GAC5CA,EAAM,CAAC,EAAE,CAAC,EAAIA,EAAMA,EAAM,OAAS,CAAC,EAAE,CAAC,GAAG,YAAA,CACpD,CAQO,MAAMC,EAASC,EAAAA,WAAwC,SAC5D,CACE,IAAAC,EACA,IAAAC,EACA,KAAAC,EACA,KAAAN,EACA,KAAAO,EAAO,KACP,MAAAC,EAAQ,SACR,MAAAC,EAAQ,SACR,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EAGxCC,EAAUC,EAAAA,OAAOf,CAAG,EACtBc,EAAQ,UAAYd,IACtBc,EAAQ,QAAUd,EAClBY,EAAY,EAAK,GAEnB,MAAMI,EAAY,EAAQhB,GAAQ,CAACW,EAC7BM,EAAQhB,GAAOL,EAErB,IAAIsB,EACJ,OAAIhB,IAAS,OACXgB,EACE,OAAOhB,GAAS,UAAYT,EAAc,IAAIS,CAAI,EAChDiB,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMlB,EAAkB,KAAAC,CAAA,CAAY,EAE1CD,EAEKM,GAAY,MAAQA,IAAa,GAC1CU,EAAWV,EACFZ,EACTsB,EAAWvB,EAAiBC,CAAI,EAEhCsB,EAAWC,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,OAAO,KAAAjB,EAAY,EAIzCgB,EAAAA,IAAC,MAAA,CACC,IAAAT,EACA,UAAWW,EAAAA,KAAKC,EAAO,OAAQA,EAAOnB,CAAI,EAAGmB,EAAOlB,CAAK,EAAGE,CAAS,EACrE,MACE,CACE,eAAgB,kBAAkBD,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGE,CAAA,EAGP,KAAM,CAACS,GAAaC,EAAQ,MAAQ,OACpC,aAAY,CAACD,GAAaC,EAAQA,EAAQ,OACzC,GAAGR,EAEH,SAAAO,EACCG,EAAAA,IAAC,MAAA,CAAI,IAAAnB,EAAU,IAAKiB,GAAS,GAAI,UAAWK,EAAO,IAAK,QAAS,IAAMV,EAAY,EAAI,CAAA,CAAG,EAE1FO,EAAAA,IAAC,OAAA,CAAK,UAAWG,EAAO,SAAU,cAAaL,EAAQ,GAAO,OAC3D,SAAAC,CAAA,CACH,CAAA,CAAA,CAIR,CAAC"}

package/dist/AvatarGroup-DdJf4aT7.js

@@ -0,0 +1,33 @@
+import { jsxs as m } from "react/jsx-runtime";
+import { forwardRef as x, Children as g, isValidElement as h, cloneElement as N } from "react";
+import { clsx as p } from "clsx";
+import { s as o, A as E } from "./Avatar-BJVCdo-K.js";
+const w = { sm: "-6px", md: "-8px", lg: "-10px" }, C = x(function({ children: c, max: t, size: r = "md", color: i = "accent", className: d, style: f, ...u }, A) {
+  const a = g.toArray(c).filter(h), s = a.length, v = t && t > 0 && s > t ? t - 1 : s, l = a.slice(0, v), n = s - l.length;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: A,
+      className: p(o.group, d),
+      style: { "--avatar-overlap": w[r], ...f },
+      ...u,
+      children: [
+        l.map(
+          (e, y) => N(e, {
+            size: r,
+            className: p(o.item, e.props.className),
+            style: { zIndex: s - y, ...e.props.style }
+          })
+        ),
+        n > 0 && /* @__PURE__ */ m(E, { size: r, color: i, className: o.item, style: { zIndex: 0 }, children: [
+          "+",
+          n
+        ] })
+      ]
+    }
+  );
+});
+export {
+  C as A
+};
+//# sourceMappingURL=AvatarGroup-DdJf4aT7.js.map

package/dist/AvatarGroup-DdJf4aT7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup-DdJf4aT7.js","sources":["../src/components/Avatar/AvatarGroup.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar, type AvatarProps, type AvatarSize } from './Avatar'\nimport styles from './Avatar.module.css'\n\nexport interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** `Avatar` elements to overlap. */\n  children: ReactNode\n  /** Show at most this many slots; the rest collapse into a trailing `+N` avatar. */\n  max?: number\n  /** Size applied to every avatar in the group (incl. the `+N`). Defaults to `md`. */\n  size?: AvatarSize\n  /** Theme palette token for the `+N` surplus avatar. Defaults to `accent`. */\n  color?: ThemeColor\n}\n\nconst OVERLAP: Record<AvatarSize, string> = { sm: '-6px', md: '-8px', lg: '-10px' }\n\n/**\n * Overlaps a row of `Avatar`s with a ring between them, and collapses the overflow past `max` into a\n * trailing `+N` avatar (like a stacked team list). All avatars are normalized to the group's `size`.\n * Token-only styling.\n */\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup(\n  { children, max, size = 'md', color = 'accent', className, style, ...props },\n  ref,\n) {\n  const items = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[]\n  const total = items.length\n  const limit = max && max > 0 && total > max ? max - 1 : total\n  const shown = items.slice(0, limit)\n  const surplus = total - shown.length\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.group, className)}\n      style={{ '--avatar-overlap': OVERLAP[size], ...style } as CSSProperties}\n      {...props}\n    >\n      {shown.map((child, index) =>\n        cloneElement(child, {\n          size,\n          className: clsx(styles.item, child.props.className),\n          style: { zIndex: total - index, ...child.props.style } as CSSProperties,\n        }),\n      )}\n      {surplus > 0 && (\n        <Avatar size={size} color={color} className={styles.item} style={{ zIndex: 0 }}>\n          +{surplus}\n        </Avatar>\n      )}\n    </div>\n  )\n})\n"],"names":["OVERLAP","AvatarGroup","forwardRef","children","max","size","color","className","style","props","ref","items","Children","isValidElement","total","limit","shown","surplus","jsxs","clsx","styles","child","index","cloneElement","Avatar"],"mappings":";;;;AA0BA,MAAMA,IAAsC,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,QAAA,GAO7DC,IAAcC,EAA6C,SACtE,EAAE,UAAAC,GAAU,KAAAC,GAAK,MAAAC,IAAO,MAAM,OAAAC,IAAQ,UAAU,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GACrEC,GACA;AACA,QAAMC,IAAQC,EAAS,QAAQT,CAAQ,EAAE,OAAOU,CAAc,GACxDC,IAAQH,EAAM,QACdI,IAAQX,KAAOA,IAAM,KAAKU,IAAQV,IAAMA,IAAM,IAAIU,GAClDE,IAAQL,EAAM,MAAM,GAAGI,CAAK,GAC5BE,IAAUH,IAAQE,EAAM;AAE9B,SACE,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,WAAWS,EAAKC,EAAO,OAAOb,CAAS;AAAA,MACvC,OAAO,EAAE,oBAAoBP,EAAQK,CAAI,GAAG,GAAGG,EAAA;AAAA,MAC9C,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAO,EAAM;AAAA,UAAI,CAACK,GAAOC,MACjBC,EAAaF,GAAO;AAAA,YAClB,MAAAhB;AAAA,YACA,WAAWc,EAAKC,EAAO,MAAMC,EAAM,MAAM,SAAS;AAAA,YAClD,OAAO,EAAE,QAAQP,IAAQQ,GAAO,GAAGD,EAAM,MAAM,MAAA;AAAA,UAAM,CACtD;AAAA,QAAA;AAAA,QAEFJ,IAAU,KACT,gBAAAC,EAACM,GAAA,EAAO,MAAAnB,GAAY,OAAAC,GAAc,WAAWc,EAAO,MAAM,OAAO,EAAE,QAAQ,KAAK,UAAA;AAAA,UAAA;AAAA,UAC5EH;AAAA,QAAA,EAAA,CACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/AvatarGroup-TW1pt4tj.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),e=require("react"),p=require("clsx"),r=require("./Avatar-_ufXh3AY.cjs"),g={sm:"-6px",md:"-8px",lg:"-10px"},h=e.forwardRef(function({children:u,max:s,size:l="md",color:m="accent",className:d,style:v,...x},y){const a=e.Children.toArray(u).filter(e.isValidElement),t=a.length,A=s&&s>0&&t>s?s-1:t,c=a.slice(0,A),o=t-c.length;return i.jsxs("div",{ref:y,className:p.clsx(r.styles.group,d),style:{"--avatar-overlap":g[l],...v},...x,children:[c.map((n,f)=>e.cloneElement(n,{size:l,className:p.clsx(r.styles.item,n.props.className),style:{zIndex:t-f,...n.props.style}})),o>0&&i.jsxs(r.Avatar,{size:l,color:m,className:r.styles.item,style:{zIndex:0},children:["+",o]})]})});exports.AvatarGroup=h;
+//# sourceMappingURL=AvatarGroup-TW1pt4tj.cjs.map

package/dist/AvatarGroup-TW1pt4tj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup-TW1pt4tj.cjs","sources":["../src/components/Avatar/AvatarGroup.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Avatar, type AvatarProps, type AvatarSize } from './Avatar'\nimport styles from './Avatar.module.css'\n\nexport interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** `Avatar` elements to overlap. */\n  children: ReactNode\n  /** Show at most this many slots; the rest collapse into a trailing `+N` avatar. */\n  max?: number\n  /** Size applied to every avatar in the group (incl. the `+N`). Defaults to `md`. */\n  size?: AvatarSize\n  /** Theme palette token for the `+N` surplus avatar. Defaults to `accent`. */\n  color?: ThemeColor\n}\n\nconst OVERLAP: Record<AvatarSize, string> = { sm: '-6px', md: '-8px', lg: '-10px' }\n\n/**\n * Overlaps a row of `Avatar`s with a ring between them, and collapses the overflow past `max` into a\n * trailing `+N` avatar (like a stacked team list). All avatars are normalized to the group's `size`.\n * Token-only styling.\n */\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup(\n  { children, max, size = 'md', color = 'accent', className, style, ...props },\n  ref,\n) {\n  const items = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[]\n  const total = items.length\n  const limit = max && max > 0 && total > max ? max - 1 : total\n  const shown = items.slice(0, limit)\n  const surplus = total - shown.length\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.group, className)}\n      style={{ '--avatar-overlap': OVERLAP[size], ...style } as CSSProperties}\n      {...props}\n    >\n      {shown.map((child, index) =>\n        cloneElement(child, {\n          size,\n          className: clsx(styles.item, child.props.className),\n          style: { zIndex: total - index, ...child.props.style } as CSSProperties,\n        }),\n      )}\n      {surplus > 0 && (\n        <Avatar size={size} color={color} className={styles.item} style={{ zIndex: 0 }}>\n          +{surplus}\n        </Avatar>\n      )}\n    </div>\n  )\n})\n"],"names":["OVERLAP","AvatarGroup","forwardRef","children","max","size","color","className","style","props","ref","items","Children","isValidElement","total","limit","shown","surplus","jsxs","clsx","styles","child","index","cloneElement","Avatar"],"mappings":"0HA0BMA,EAAsC,CAAE,GAAI,OAAQ,GAAI,OAAQ,GAAI,OAAA,EAO7DC,EAAcC,EAAAA,WAA6C,SACtE,CAAE,SAAAC,EAAU,IAAAC,EAAK,KAAAC,EAAO,KAAM,MAAAC,EAAQ,SAAU,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EACrEC,EACA,CACA,MAAMC,EAAQC,EAAAA,SAAS,QAAQT,CAAQ,EAAE,OAAOU,gBAAc,EACxDC,EAAQH,EAAM,OACdI,EAAQX,GAAOA,EAAM,GAAKU,EAAQV,EAAMA,EAAM,EAAIU,EAClDE,EAAQL,EAAM,MAAM,EAAGI,CAAK,EAC5BE,EAAUH,EAAQE,EAAM,OAE9B,OACEE,EAAAA,KAAC,MAAA,CACC,IAAAR,EACA,UAAWS,EAAAA,KAAKC,SAAO,MAAOb,CAAS,EACvC,MAAO,CAAE,mBAAoBP,EAAQK,CAAI,EAAG,GAAGG,CAAA,EAC9C,GAAGC,EAEH,SAAA,CAAAO,EAAM,IAAI,CAACK,EAAOC,IACjBC,EAAAA,aAAaF,EAAO,CAClB,KAAAhB,EACA,UAAWc,EAAAA,KAAKC,EAAAA,OAAO,KAAMC,EAAM,MAAM,SAAS,EAClD,MAAO,CAAE,OAAQP,EAAQQ,EAAO,GAAGD,EAAM,MAAM,KAAA,CAAM,CACtD,CAAA,EAEFJ,EAAU,GACTC,EAAAA,KAACM,EAAAA,OAAA,CAAO,KAAAnB,EAAY,MAAAC,EAAc,UAAWc,EAAAA,OAAO,KAAM,MAAO,CAAE,OAAQ,GAAK,SAAA,CAAA,IAC5EH,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAIR,CAAC"}

package/dist/Badge-BQpr2Jee.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),R=require("react"),n=require("clsx"),v="_root_wsfw4_4",L="_badge_wsfw4_10",x="_value_wsfw4_24",y="_dot_wsfw4_34",z="_topRight_wsfw4_40",N="_topLeft_wsfw4_46",j="_bottomRight_wsfw4_52",q="_bottomLeft_wsfw4_58",t={root:v,badge:L,value:x,dot:y,topRight:z,topLeft:N,bottomRight:j,bottomLeft:q},B={"top-right":t.topRight,"top-left":t.topLeft,"bottom-right":t.bottomRight,"bottom-left":t.bottomLeft},$=R.forwardRef(function({children:f,content:o,dot:l=!1,color:r="accent",max:a=99,showZero:_=!1,placement:b="top-right",className:d,style:g,...w},h){const c=typeof o=="number",u=c&&o===0&&!_,s=o!=null&&o!==""&&!u,e=!s&&l,p=s||e,m=c&&o>a?`${a}+`:o;return i.jsxs("span",{ref:h,className:n.clsx(t.root,d),style:g,...w,children:[f,p&&i.jsx("span",{className:n.clsx(t.badge,e?t.dot:t.value,B[b]),style:{"--tz-btn-rgb":`var(--tz-color-${r}-rgb)`,"--tz-btn-on":`var(--tz-color-${r}-contrast, #fff)`},"aria-hidden":e?!0:void 0,children:s?m:null})]})});exports.Badge=$;
+//# sourceMappingURL=Badge-BQpr2Jee.cjs.map

package/dist/Badge-BQpr2Jee.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-BQpr2Jee.cjs","sources":["../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Badge.module.css'\n\nexport type BadgePlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\nexport interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'content'> {\n  /** The element the badge decorates — e.g. a `Button` or `IconButton`. */\n  children: ReactNode\n  /** Count/text shown in the badge. A `number` renders as a count (capped by `max`); omit it for a dot. */\n  content?: number | string\n  /** Render a small dot instead of `content` (a plain notification indicator). */\n  dot?: boolean\n  /** Theme palette token that tints the badge. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Cap for numeric `content` — anything above renders as `${max}+`. Defaults to `99`. */\n  max?: number\n  /** Keep the badge visible when numeric `content` is `0`. Defaults to `false` (hidden). */\n  showZero?: boolean\n  /** Corner the badge sits in. Defaults to `top-right`. */\n  placement?: BadgePlacement\n}\n\nconst PLACEMENT: Record<BadgePlacement, string> = {\n  'top-right': styles.topRight,\n  'top-left': styles.topLeft,\n  'bottom-right': styles.bottomRight,\n  'bottom-left': styles.bottomLeft,\n}\n\n/**\n * Wraps a child (typically a `Button` or `IconButton`) and pins a small badge to one of its corners.\n * Pass a numeric `content` for a count (auto-capped to `${max}+`), or set `dot` for a plain dot.\n * A numeric `0` is hidden unless `showZero`. The fill is tinted by the `color` token via the shared\n * `--tz-btn-rgb` / `--tz-btn-on` pattern; styling is token-only.\n */\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  {\n    children,\n    content,\n    dot = false,\n    color = 'accent',\n    max = 99,\n    showZero = false,\n    placement = 'top-right',\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const isNumber = typeof content === 'number'\n  const hiddenZero = isNumber && content === 0 && !showZero\n  const hasContent = content !== undefined && content !== null && content !== '' && !hiddenZero\n  const showDot = !hasContent && dot\n  const visible = hasContent || showDot\n  const display = isNumber && (content as number) > max ? `${max}+` : content\n\n  return (\n    <span ref={ref} className={clsx(styles.root, className)} style={style} {...props}>\n      {children}\n      {visible && (\n        <span\n          className={clsx(styles.badge, showDot ? styles.dot : styles.value, PLACEMENT[placement])}\n          style={\n            {\n              '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n              '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n            } as CSSProperties\n          }\n          aria-hidden={showDot ? true : undefined}\n        >\n          {hasContent ? display : null}\n        </span>\n      )}\n    </span>\n  )\n})\n"],"names":["PLACEMENT","styles","Badge","forwardRef","children","content","dot","color","max","showZero","placement","className","style","props","ref","isNumber","hiddenZero","hasContent","showDot","visible","display","jsxs","clsx","jsx"],"mappings":"oVAwBMA,EAA4C,CAChD,YAAaC,EAAO,SACpB,WAAYA,EAAO,QACnB,eAAgBA,EAAO,YACvB,cAAeA,EAAO,UACxB,EAQaC,EAAQC,EAAAA,WAAwC,SAC3D,CACE,SAAAC,EACA,QAAAC,EACA,IAAAC,EAAM,GACN,MAAAC,EAAQ,SACR,IAAAC,EAAM,GACN,SAAAC,EAAW,GACX,UAAAC,EAAY,YACZ,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAW,OAAOV,GAAY,SAC9BW,EAAaD,GAAYV,IAAY,GAAK,CAACI,EAC3CQ,EAAsCZ,GAAY,MAAQA,IAAY,IAAM,CAACW,EAC7EE,EAAU,CAACD,GAAcX,EACzBa,EAAUF,GAAcC,EACxBE,EAAUL,GAAaV,EAAqBG,EAAM,GAAGA,CAAG,IAAMH,EAEpE,OACEgB,EAAAA,KAAC,OAAA,CAAK,IAAAP,EAAU,UAAWQ,EAAAA,KAAKrB,EAAO,KAAMU,CAAS,EAAG,MAAAC,EAAe,GAAGC,EACxE,SAAA,CAAAT,EACAe,GACCI,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,KAAKrB,EAAO,MAAOiB,EAAUjB,EAAO,IAAMA,EAAO,MAAOD,EAAUU,CAAS,CAAC,EACvF,MACE,CACE,eAAgB,kBAAkBH,CAAK,QACvC,cAAe,kBAAkBA,CAAK,kBAAA,EAG1C,cAAaW,EAAU,GAAO,OAE7B,WAAaE,EAAU,IAAA,CAAA,CAC1B,EAEJ,CAEJ,CAAC"}

package/dist/Badge-DSWigoGC.js

@@ -0,0 +1,50 @@
+import { jsxs as u, jsx as v } from "react/jsx-runtime";
+import { forwardRef as L } from "react";
+import { clsx as i } from "clsx";
+const R = "_root_wsfw4_4", y = "_badge_wsfw4_10", z = "_value_wsfw4_24", N = "_dot_wsfw4_34", x = "_topRight_wsfw4_40", B = "_topLeft_wsfw4_46", $ = "_bottomRight_wsfw4_52", j = "_bottomLeft_wsfw4_58", t = {
+  root: R,
+  badge: y,
+  value: z,
+  dot: N,
+  topRight: x,
+  topLeft: B,
+  bottomRight: $,
+  bottomLeft: j
+}, C = {
+  "top-right": t.topRight,
+  "top-left": t.topLeft,
+  "bottom-right": t.bottomRight,
+  "bottom-left": t.bottomLeft
+}, P = L(function({
+  children: n,
+  content: o,
+  dot: _ = !1,
+  color: r = "accent",
+  max: f = 99,
+  showZero: l = !1,
+  placement: b = "top-right",
+  className: c,
+  style: d,
+  ...g
+}, m) {
+  const a = typeof o == "number", p = a && o === 0 && !l, s = o != null && o !== "" && !p, e = !s && _, w = s || e, h = a && o > f ? `${f}+` : o;
+  return /* @__PURE__ */ u("span", { ref: m, className: i(t.root, c), style: d, ...g, children: [
+    n,
+    w && /* @__PURE__ */ v(
+      "span",
+      {
+        className: i(t.badge, e ? t.dot : t.value, C[b]),
+        style: {
+          "--tz-btn-rgb": `var(--tz-color-${r}-rgb)`,
+          "--tz-btn-on": `var(--tz-color-${r}-contrast, #fff)`
+        },
+        "aria-hidden": e ? !0 : void 0,
+        children: s ? h : null
+      }
+    )
+  ] });
+});
+export {
+  P as B
+};
+//# sourceMappingURL=Badge-DSWigoGC.js.map

package/dist/Badge-DSWigoGC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge-DSWigoGC.js","sources":["../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Badge.module.css'\n\nexport type BadgePlacement = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'\n\nexport interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'content'> {\n  /** The element the badge decorates — e.g. a `Button` or `IconButton`. */\n  children: ReactNode\n  /** Count/text shown in the badge. A `number` renders as a count (capped by `max`); omit it for a dot. */\n  content?: number | string\n  /** Render a small dot instead of `content` (a plain notification indicator). */\n  dot?: boolean\n  /** Theme palette token that tints the badge. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Cap for numeric `content` — anything above renders as `${max}+`. Defaults to `99`. */\n  max?: number\n  /** Keep the badge visible when numeric `content` is `0`. Defaults to `false` (hidden). */\n  showZero?: boolean\n  /** Corner the badge sits in. Defaults to `top-right`. */\n  placement?: BadgePlacement\n}\n\nconst PLACEMENT: Record<BadgePlacement, string> = {\n  'top-right': styles.topRight,\n  'top-left': styles.topLeft,\n  'bottom-right': styles.bottomRight,\n  'bottom-left': styles.bottomLeft,\n}\n\n/**\n * Wraps a child (typically a `Button` or `IconButton`) and pins a small badge to one of its corners.\n * Pass a numeric `content` for a count (auto-capped to `${max}+`), or set `dot` for a plain dot.\n * A numeric `0` is hidden unless `showZero`. The fill is tinted by the `color` token via the shared\n * `--tz-btn-rgb` / `--tz-btn-on` pattern; styling is token-only.\n */\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  {\n    children,\n    content,\n    dot = false,\n    color = 'accent',\n    max = 99,\n    showZero = false,\n    placement = 'top-right',\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const isNumber = typeof content === 'number'\n  const hiddenZero = isNumber && content === 0 && !showZero\n  const hasContent = content !== undefined && content !== null && content !== '' && !hiddenZero\n  const showDot = !hasContent && dot\n  const visible = hasContent || showDot\n  const display = isNumber && (content as number) > max ? `${max}+` : content\n\n  return (\n    <span ref={ref} className={clsx(styles.root, className)} style={style} {...props}>\n      {children}\n      {visible && (\n        <span\n          className={clsx(styles.badge, showDot ? styles.dot : styles.value, PLACEMENT[placement])}\n          style={\n            {\n              '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n              '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n            } as CSSProperties\n          }\n          aria-hidden={showDot ? true : undefined}\n        >\n          {hasContent ? display : null}\n        </span>\n      )}\n    </span>\n  )\n})\n"],"names":["PLACEMENT","styles","Badge","forwardRef","children","content","dot","color","max","showZero","placement","className","style","props","ref","isNumber","hiddenZero","hasContent","showDot","visible","display","jsxs","clsx","jsx"],"mappings":";;;;;;;;;;;;GAwBMA,IAA4C;AAAA,EAChD,aAAaC,EAAO;AAAA,EACpB,YAAYA,EAAO;AAAA,EACnB,gBAAgBA,EAAO;AAAA,EACvB,eAAeA,EAAO;AACxB,GAQaC,IAAQC,EAAwC,SAC3D;AAAA,EACE,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,OAAAC,IAAQ;AAAA,EACR,KAAAC,IAAM;AAAA,EACN,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAW,OAAOV,KAAY,UAC9BW,IAAaD,KAAYV,MAAY,KAAK,CAACI,GAC3CQ,IAAsCZ,KAAY,QAAQA,MAAY,MAAM,CAACW,GAC7EE,IAAU,CAACD,KAAcX,GACzBa,IAAUF,KAAcC,GACxBE,IAAUL,KAAaV,IAAqBG,IAAM,GAAGA,CAAG,MAAMH;AAEpE,SACE,gBAAAgB,EAAC,QAAA,EAAK,KAAAP,GAAU,WAAWQ,EAAKrB,EAAO,MAAMU,CAAS,GAAG,OAAAC,GAAe,GAAGC,GACxE,UAAA;AAAA,IAAAT;AAAA,IACAe,KACC,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD,EAAKrB,EAAO,OAAOiB,IAAUjB,EAAO,MAAMA,EAAO,OAAOD,EAAUU,CAAS,CAAC;AAAA,QACvF,OACE;AAAA,UACE,gBAAgB,kBAAkBH,CAAK;AAAA,UACvC,eAAe,kBAAkBA,CAAK;AAAA,QAAA;AAAA,QAG1C,eAAaW,IAAU,KAAO;AAAA,QAE7B,cAAaE,IAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1B,GAEJ;AAEJ,CAAC;"}

package/dist/Breadcrumbs-Bx5UgwDy.js

@@ -0,0 +1,35 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { Link as u } from "@tanstack/react-router";
+import { I as n } from "./Icon-CophpkHo.js";
+import { a as b } from "./names-D8ABK2Wk.js";
+import { u as h } from "./Sidebar-DRCs2ygZ.js";
+import { a as d } from "./ConfigProvider-2c94kUOk.js";
+const p = "_breadcrumbs_c3mqv_4", N = "_list_c3mqv_8", f = "_item_c3mqv_18", v = "_home_c3mqv_27", q = "_separator_c3mqv_39", k = "_link_c3mqv_50", g = "_current_c3mqv_61", r = {
+  breadcrumbs: p,
+  list: N,
+  item: f,
+  home: v,
+  separator: q,
+  link: k,
+  current: g
+}, _ = (s) => s, I = new Set(b);
+function S({ separator: s }) {
+  return typeof s == "string" && I.has(s) ? /* @__PURE__ */ e(n, { name: s, size: "sm", className: r.separator }) : /* @__PURE__ */ e("span", { className: r.separator, "aria-hidden": "true", children: s });
+}
+function w({ separator: s = "ArrowRight4" } = {}) {
+  const { homeTo: t, items: m } = h(), c = d();
+  return m.length === 0 ? null : /* @__PURE__ */ e("nav", { "aria-label": c("breadcrumbs.label"), className: r.breadcrumbs, children: /* @__PURE__ */ i("ol", { className: r.list, children: [
+    /* @__PURE__ */ e("li", { className: r.item, children: t ? /* @__PURE__ */ e(u, { to: _(t), className: r.home, "aria-label": c("breadcrumbs.home"), children: /* @__PURE__ */ e(n, { name: "Home2", size: "sm" }) }) : /* @__PURE__ */ e("span", { className: r.home, "aria-label": c("breadcrumbs.home"), children: /* @__PURE__ */ e(n, { name: "Home2", size: "sm" }) }) }),
+    m.map((a, o) => {
+      const l = o === m.length - 1;
+      return /* @__PURE__ */ i("li", { className: r.item, children: [
+        /* @__PURE__ */ e(S, { separator: s }),
+        a.to && !l ? /* @__PURE__ */ e(u, { to: _(a.to), className: r.link, children: a.label }) : /* @__PURE__ */ e("span", { className: r.current, "aria-current": l ? "page" : void 0, children: a.label })
+      ] }, `${a.label}-${o}`);
+    })
+  ] }) });
+}
+export {
+  w as B
+};
+//# sourceMappingURL=Breadcrumbs-Bx5UgwDy.js.map

package/dist/Breadcrumbs-Bx5UgwDy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-Bx5UgwDy.js","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Link, type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useBreadcrumbs } from '../Sidebar/Sidebar'\nimport styles from './Breadcrumbs.module.css'\n\nconst linkTo = (to: string) => to as LinkProps['to']\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface BreadcrumbsProps {\n  /**\n   * Separator between crumbs. A known `IconName` (the default `\"ArrowRight4\"`) renders as an icon; any\n   * other string renders as plain text; or pass a node.\n   */\n  separator?: IconName | ReactNode\n}\n\nfunction Separator({ separator }: { separator: IconName | ReactNode }) {\n  if (typeof separator === 'string' && ICON_NAME_SET.has(separator)) {\n    return <Icon name={separator as IconName} size=\"sm\" className={styles.separator} />\n  }\n  return (\n    <span className={styles.separator} aria-hidden=\"true\">\n      {separator}\n    </span>\n  )\n}\n\n/**\n * Auto-generated breadcrumb trail for the current route, rendered at the top of `RootLayout`'s\n * content. It always starts with a home icon that links to the first allowed menu page (the same\n * target as `FirstRouteRedirect`), followed by one crumb per matched route that declares a\n * `staticData.name`. Intermediate crumbs link to their page when navigable; the current page is\n * plain text. Renders nothing when the current route has no named matches. Token-only styling.\n */\nexport function Breadcrumbs({ separator = 'ArrowRight4' }: BreadcrumbsProps = {}) {\n  const { homeTo, items } = useBreadcrumbs()\n  const t = useT()\n  if (items.length === 0) return null\n\n  return (\n    <nav aria-label={t('breadcrumbs.label')} className={styles.breadcrumbs}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {homeTo ? (\n            <Link to={linkTo(homeTo)} className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </Link>\n          ) : (\n            <span className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </span>\n          )}\n        </li>\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1\n          return (\n            <li className={styles.item} key={`${item.label}-${index}`}>\n              <Separator separator={separator} />\n              {item.to && !isLast ? (\n                <Link to={linkTo(item.to)} className={styles.link}>\n                  {item.label}\n                </Link>\n              ) : (\n                <span className={styles.current} aria-current={isLast ? 'page' : undefined}>\n                  {item.label}\n                </span>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n"],"names":["linkTo","to","ICON_NAME_SET","ICON_NAMES","Separator","separator","jsx","Icon","styles","Breadcrumbs","homeTo","items","useBreadcrumbs","t","useT","jsxs","Link","item","index","isLast"],"mappings":";;;;;;;;;;;;;;GAQMA,IAAS,CAACC,MAAeA,GACzBC,IAAgB,IAAI,IAAYC,CAAU;AAUhD,SAASC,EAAU,EAAE,WAAAC,KAAkD;AACrE,SAAI,OAAOA,KAAc,YAAYH,EAAc,IAAIG,CAAS,IACvD,gBAAAC,EAACC,KAAK,MAAMF,GAAuB,MAAK,MAAK,WAAWG,EAAO,WAAW,sBAGhF,QAAA,EAAK,WAAWA,EAAO,WAAW,eAAY,QAC5C,UAAAH,GACH;AAEJ;AASO,SAASI,EAAY,EAAE,WAAAJ,IAAY,cAAA,IAAoC,CAAA,GAAI;AAChF,QAAM,EAAE,QAAAK,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GACpBC,IAAIC,EAAA;AACV,SAAIH,EAAM,WAAW,IAAU,OAG7B,gBAAAL,EAAC,OAAA,EAAI,cAAYO,EAAE,mBAAmB,GAAG,WAAWL,EAAO,aACzD,UAAA,gBAAAO,EAAC,MAAA,EAAG,WAAWP,EAAO,MACpB,UAAA;AAAA,IAAA,gBAAAF,EAAC,QAAG,WAAWE,EAAO,MACnB,UAAAE,IACC,gBAAAJ,EAACU,KAAK,IAAIhB,EAAOU,CAAM,GAAG,WAAWF,EAAO,MAAM,cAAYK,EAAE,kBAAkB,GAChF,4BAACN,GAAA,EAAK,MAAK,SAAQ,MAAK,MAAK,EAAA,CAC/B,sBAEC,QAAA,EAAK,WAAWC,EAAO,MAAM,cAAYK,EAAE,kBAAkB,GAC5D,4BAACN,GAAA,EAAK,MAAK,SAAQ,MAAK,MAAK,GAC/B,EAAA,CAEJ;AAAA,IACCI,EAAM,IAAI,CAACM,GAAMC,MAAU;AAC1B,YAAMC,IAASD,MAAUP,EAAM,SAAS;AACxC,aACE,gBAAAI,EAAC,MAAA,EAAG,WAAWP,EAAO,MACpB,UAAA;AAAA,QAAA,gBAAAF,EAACF,KAAU,WAAAC,GAAsB;AAAA,QAChCY,EAAK,MAAM,CAACE,IACX,gBAAAb,EAACU,GAAA,EAAK,IAAIhB,EAAOiB,EAAK,EAAE,GAAG,WAAWT,EAAO,MAC1C,UAAAS,EAAK,MAAA,CACR,IAEA,gBAAAX,EAAC,QAAA,EAAK,WAAWE,EAAO,SAAS,gBAAcW,IAAS,SAAS,QAC9D,UAAAF,EAAK,MAAA,CACR;AAAA,MAAA,EAAA,GAT6B,GAAGA,EAAK,KAAK,IAAIC,CAAK,EAWvD;AAAA,IAEJ,CAAC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

package/dist/Breadcrumbs-CHONper7.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),m=require("@tanstack/react-router"),t=require("./Icon-CXTl_QAP.cjs"),b=require("./names-C2Yj1p3u.cjs"),_=require("./Sidebar-AaIlRzgk.cjs"),d=require("./ConfigProvider-ByOFXVyP.cjs"),h="_breadcrumbs_c3mqv_4",j="_list_c3mqv_8",N="_item_c3mqv_18",q="_home_c3mqv_27",x="_separator_c3mqv_39",v="_link_c3mqv_50",p="_current_c3mqv_61",s={breadcrumbs:h,list:j,item:N,home:q,separator:x,link:v,current:p},u=r=>r,k=new Set(b.ICON_NAMES);function f({separator:r}){return typeof r=="string"&&k.has(r)?e.jsx(t.Icon,{name:r,size:"sm",className:s.separator}):e.jsx("span",{className:s.separator,"aria-hidden":"true",children:r})}function g({separator:r="ArrowRight4"}={}){const{homeTo:i,items:n}=_.useBreadcrumbs(),a=d.useT();return n.length===0?null:e.jsx("nav",{"aria-label":a("breadcrumbs.label"),className:s.breadcrumbs,children:e.jsxs("ol",{className:s.list,children:[e.jsx("li",{className:s.item,children:i?e.jsx(m.Link,{to:u(i),className:s.home,"aria-label":a("breadcrumbs.home"),children:e.jsx(t.Icon,{name:"Home2",size:"sm"})}):e.jsx("span",{className:s.home,"aria-label":a("breadcrumbs.home"),children:e.jsx(t.Icon,{name:"Home2",size:"sm"})})}),n.map((c,o)=>{const l=o===n.length-1;return e.jsxs("li",{className:s.item,children:[e.jsx(f,{separator:r}),c.to&&!l?e.jsx(m.Link,{to:u(c.to),className:s.link,children:c.label}):e.jsx("span",{className:s.current,"aria-current":l?"page":void 0,children:c.label})]},`${c.label}-${o}`)})]})})}exports.Breadcrumbs=g;
+//# sourceMappingURL=Breadcrumbs-CHONper7.cjs.map

package/dist/Breadcrumbs-CHONper7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-CHONper7.cjs","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Link, type LinkProps } from '@tanstack/react-router'\nimport { useT } from '../../theme'\nimport { Icon } from '../Icon'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useBreadcrumbs } from '../Sidebar/Sidebar'\nimport styles from './Breadcrumbs.module.css'\n\nconst linkTo = (to: string) => to as LinkProps['to']\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface BreadcrumbsProps {\n  /**\n   * Separator between crumbs. A known `IconName` (the default `\"ArrowRight4\"`) renders as an icon; any\n   * other string renders as plain text; or pass a node.\n   */\n  separator?: IconName | ReactNode\n}\n\nfunction Separator({ separator }: { separator: IconName | ReactNode }) {\n  if (typeof separator === 'string' && ICON_NAME_SET.has(separator)) {\n    return <Icon name={separator as IconName} size=\"sm\" className={styles.separator} />\n  }\n  return (\n    <span className={styles.separator} aria-hidden=\"true\">\n      {separator}\n    </span>\n  )\n}\n\n/**\n * Auto-generated breadcrumb trail for the current route, rendered at the top of `RootLayout`'s\n * content. It always starts with a home icon that links to the first allowed menu page (the same\n * target as `FirstRouteRedirect`), followed by one crumb per matched route that declares a\n * `staticData.name`. Intermediate crumbs link to their page when navigable; the current page is\n * plain text. Renders nothing when the current route has no named matches. Token-only styling.\n */\nexport function Breadcrumbs({ separator = 'ArrowRight4' }: BreadcrumbsProps = {}) {\n  const { homeTo, items } = useBreadcrumbs()\n  const t = useT()\n  if (items.length === 0) return null\n\n  return (\n    <nav aria-label={t('breadcrumbs.label')} className={styles.breadcrumbs}>\n      <ol className={styles.list}>\n        <li className={styles.item}>\n          {homeTo ? (\n            <Link to={linkTo(homeTo)} className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </Link>\n          ) : (\n            <span className={styles.home} aria-label={t('breadcrumbs.home')}>\n              <Icon name=\"Home2\" size=\"sm\" />\n            </span>\n          )}\n        </li>\n        {items.map((item, index) => {\n          const isLast = index === items.length - 1\n          return (\n            <li className={styles.item} key={`${item.label}-${index}`}>\n              <Separator separator={separator} />\n              {item.to && !isLast ? (\n                <Link to={linkTo(item.to)} className={styles.link}>\n                  {item.label}\n                </Link>\n              ) : (\n                <span className={styles.current} aria-current={isLast ? 'page' : undefined}>\n                  {item.label}\n                </span>\n              )}\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n"],"names":["linkTo","to","ICON_NAME_SET","ICON_NAMES","Separator","separator","jsx","Icon","styles","Breadcrumbs","homeTo","items","useBreadcrumbs","t","useT","jsxs","Link","item","index","isLast"],"mappings":"8bAQMA,EAAUC,GAAeA,EACzBC,EAAgB,IAAI,IAAYC,YAAU,EAUhD,SAASC,EAAU,CAAE,UAAAC,GAAkD,CACrE,OAAI,OAAOA,GAAc,UAAYH,EAAc,IAAIG,CAAS,EACvDC,MAACC,EAAAA,MAAK,KAAMF,EAAuB,KAAK,KAAK,UAAWG,EAAO,UAAW,QAGhF,OAAA,CAAK,UAAWA,EAAO,UAAW,cAAY,OAC5C,SAAAH,EACH,CAEJ,CASO,SAASI,EAAY,CAAE,UAAAJ,EAAY,aAAA,EAAoC,CAAA,EAAI,CAChF,KAAM,CAAE,OAAAK,EAAQ,MAAAC,CAAA,EAAUC,iBAAA,EACpBC,EAAIC,EAAAA,KAAA,EACV,OAAIH,EAAM,SAAW,EAAU,KAG7BL,EAAAA,IAAC,MAAA,CAAI,aAAYO,EAAE,mBAAmB,EAAG,UAAWL,EAAO,YACzD,SAAAO,EAAAA,KAAC,KAAA,CAAG,UAAWP,EAAO,KACpB,SAAA,CAAAF,EAAAA,IAAC,MAAG,UAAWE,EAAO,KACnB,SAAAE,EACCJ,EAAAA,IAACU,EAAAA,MAAK,GAAIhB,EAAOU,CAAM,EAAG,UAAWF,EAAO,KAAM,aAAYK,EAAE,kBAAkB,EAChF,eAACN,EAAAA,KAAA,CAAK,KAAK,QAAQ,KAAK,KAAK,CAAA,CAC/B,QAEC,OAAA,CAAK,UAAWC,EAAO,KAAM,aAAYK,EAAE,kBAAkB,EAC5D,eAACN,EAAAA,KAAA,CAAK,KAAK,QAAQ,KAAK,KAAK,EAC/B,CAAA,CAEJ,EACCI,EAAM,IAAI,CAACM,EAAMC,IAAU,CAC1B,MAAMC,EAASD,IAAUP,EAAM,OAAS,EACxC,OACEI,EAAAA,KAAC,KAAA,CAAG,UAAWP,EAAO,KACpB,SAAA,CAAAF,MAACF,GAAU,UAAAC,EAAsB,EAChCY,EAAK,IAAM,CAACE,EACXb,EAAAA,IAACU,EAAAA,KAAA,CAAK,GAAIhB,EAAOiB,EAAK,EAAE,EAAG,UAAWT,EAAO,KAC1C,SAAAS,EAAK,KAAA,CACR,EAEAX,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAO,QAAS,eAAcW,EAAS,OAAS,OAC9D,SAAAF,EAAK,KAAA,CACR,CAAA,CAAA,EAT6B,GAAGA,EAAK,KAAK,IAAIC,CAAK,EAWvD,CAEJ,CAAC,CAAA,CAAA,CACH,CAAA,CACF,CAEJ"}