@techzyapp/ui-library 1.0.43 → 1.0.45

package/dist/Link-BZjolIAF.js

@@ -0,0 +1,48 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { clsx as y } from "clsx";
+import { createLink as k } from "@tanstack/react-router";
+const w = "_link_yw5la_3", f = "_sm_yw5la_18", L = "_md_yw5la_21", b = "_lg_yw5la_24", h = "_hover_yw5la_30", u = "_always_yw5la_34", v = "_disabled_yw5la_50", t = {
+  link: w,
+  sm: f,
+  md: L,
+  lg: b,
+  hover: h,
+  always: u,
+  disabled: v
+}, e = s(function({
+  color: n = "primary",
+  size: r = "md",
+  underline: l = "hover",
+  disabled: o = !1,
+  className: _,
+  style: c,
+  ...m
+}, d) {
+  return /* @__PURE__ */ a(
+    "a",
+    {
+      ref: d,
+      className: y(
+        t.link,
+        t[r],
+        t[l],
+        o && t.disabled,
+        _
+      ),
+      style: { "--tz-link-rgb": `var(--tz-color-${n}-rgb)`, ...c },
+      "aria-disabled": o || void 0,
+      ...m
+    }
+  );
+}), x = k(e), R = s(function(n, r) {
+  if (n.external) {
+    const { external: l, ...o } = n;
+    return /* @__PURE__ */ a(e, { ref: r, ...o });
+  }
+  return /* @__PURE__ */ a(x, { ref: r, ...n });
+});
+export {
+  R as L
+};
+//# sourceMappingURL=Link-BZjolIAF.js.map

package/dist/{Link-BQlvsu9V.js.map → Link-BZjolIAF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Link-BQlvsu9V.js","sources":["../src/components/Link/Link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes, type CSSProperties } from 'react'\nimport { clsx } from 'clsx'\nimport { createLink, type LinkComponentProps } from '@tanstack/react-router'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Link.module.css'\n\nexport type LinkUnderline = 'none' | 'hover' | 'always'\nexport type LinkSize = 'sm' | 'md' | 'lg'\n\ninterface LinkStyleProps {\n  /** Theme palette token for the link text. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Font-size step (matches the `Typography` scale — `md` = body). Defaults to `md`. */\n  size?: LinkSize\n  /** When the underline shows. Defaults to `'hover'`. */\n  underline?: LinkUnderline\n  /** Muted, non-interactive look (`pointer-events: none` + `aria-disabled`). */\n  disabled?: boolean\n}\n\n/** The styled `<a>` — the element `createLink` wraps into a router `Link`, and the one rendered directly\n * for `external` (plain `href`) links. Not exported on its own; use `Link`. */\nexport interface LinkAnchorProps\n  extends LinkStyleProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {}\n\nconst LinkAnchor = forwardRef<HTMLAnchorElement, LinkAnchorProps>(function LinkAnchor(\n  {\n    color = 'primary',\n    size = 'md',\n    underline = 'hover',\n    disabled = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <a\n      ref={ref}\n      className={clsx(\n        styles.link,\n        styles[size],\n        styles[underline],\n        disabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-link-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      aria-disabled={disabled || undefined}\n      {...props}\n    />\n  )\n})\n\n/** The fully-typed TanStack Router link built from the styled anchor (typed `to`, `params`, active state, preload). */\nconst RouterLink = createLink(LinkAnchor)\n\n/** A plain external anchor (bypasses the router) — pass `external` with an `href`. */\nexport type ExternalLinkProps = { external: true } & LinkAnchorProps\n/** A typed in-app router link — pass `to` (and `params` / `search` / …). */\nexport type RouterLinkProps = { external?: false } & LinkComponentProps<typeof LinkAnchor>\nexport type LinkProps = ExternalLinkProps | RouterLinkProps\n\n/**\n * A styled text link. By default it's a **TanStack Router** link — pass `to` (plus `params` / `search` /\n * `hash` / …) for typed in-app navigation with active state + preloading. Pass **`external`** (with an\n * `href`) for a plain `<a>` to an outside URL (add your own `target` / `rel`). Tinted via `color`\n * (default `primary`); `size` (`sm`/`md`/`lg`, default `md` = `Typography` body); `underline` (`'none'` /\n * `'hover'` / `'always'`, default `'hover'`); `disabled`\n * for a muted, non-interactive look. Requires `@tanstack/react-router` (peer) for the routed mode.\n *\n * @example\n * <Link to=\"/users\">Users</Link>\n * <Link to=\"/users/$id\" params={{ id }}>Profile</Link>\n * <Link href=\"https://techzy.app\" external target=\"_blank\" rel=\"noreferrer\">Website</Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n  if (props.external) {\n    const { external: _external, ...rest } = props\n    return <LinkAnchor ref={ref} {...rest} />\n  }\n  return <RouterLink ref={ref} {...props} />\n})\n"],"names":["LinkAnchor","forwardRef","color","size","underline","disabled","className","style","props","ref","jsx","clsx","styles","RouterLink","createLink","Link","_external","rest"],"mappings":";;;;;;;;;;;;GAyBMA,IAAaC,EAA+C,SAChE;AAAA,EACE,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOT,CAAI;AAAA,QACXS,EAAOR,CAAS;AAAA,QAChBC,KAAYO,EAAO;AAAA,QACnBN;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,iBAAiB,kBAAkBJ,CAAK,SAAS,GAAGK,EAAA;AAAA,MAC7D,iBAAeF,KAAY;AAAA,MAC1B,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAGKK,IAAaC,EAAWd,CAAU,GAqB3Be,IAAOd,EAAyC,SAAcO,GAAOC,GAAK;AACrF,MAAID,EAAM,UAAU;AAClB,UAAM,EAAE,UAAUQ,GAAW,GAAGC,MAAST;AACzC,WAAO,gBAAAE,EAACV,GAAA,EAAW,KAAAS,GAAW,GAAGQ,EAAA,CAAM;AAAA,EACzC;AACA,SAAO,gBAAAP,EAACG,GAAA,EAAW,KAAAJ,GAAW,GAAGD,EAAA,CAAO;AAC1C,CAAC;"}
+{"version":3,"file":"Link-BZjolIAF.js","sources":["../src/components/Link/Link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes, type CSSProperties } from 'react'\nimport { clsx } from 'clsx'\nimport { createLink, type LinkComponentProps } from '@tanstack/react-router'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Link.module.css'\n\nexport type LinkUnderline = 'none' | 'hover' | 'always'\nexport type LinkSize = 'sm' | 'md' | 'lg'\n\ninterface LinkStyleProps {\n  /** Theme palette token for the link text. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Font-size step (matches the `Typography` scale — `md` = body). Defaults to `md`. */\n  size?: LinkSize\n  /** When the underline shows. Defaults to `'hover'`. */\n  underline?: LinkUnderline\n  /** Muted, non-interactive look (`pointer-events: none` + `aria-disabled`). */\n  disabled?: boolean\n}\n\n/** The styled `<a>` — the element `createLink` wraps into a router `Link`, and the one rendered directly\n * for `external` (plain `href`) links. Not exported on its own; use `Link`. */\nexport interface LinkAnchorProps\n  extends LinkStyleProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {}\n\nconst LinkAnchor = forwardRef<HTMLAnchorElement, LinkAnchorProps>(function LinkAnchor(\n  {\n    color = 'primary',\n    size = 'md',\n    underline = 'hover',\n    disabled = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <a\n      ref={ref}\n      className={clsx(\n        styles.link,\n        styles[size],\n        styles[underline],\n        disabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-link-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      aria-disabled={disabled || undefined}\n      {...props}\n    />\n  )\n})\n\n/** The fully-typed TanStack Router link built from the styled anchor (typed `to`, `params`, active state, preload). */\nconst RouterLink = createLink(LinkAnchor)\n\n/** A plain external anchor (bypasses the router) — pass `external` with an `href`. */\nexport type ExternalLinkProps = { external: true } & LinkAnchorProps\n/** A typed in-app router link — pass `to` (and `params` / `search` / …). */\nexport type RouterLinkProps = { external?: false } & LinkComponentProps<typeof LinkAnchor>\nexport type LinkProps = ExternalLinkProps | RouterLinkProps\n\n/**\n * A styled text link. By default it's a **TanStack Router** link — pass `to` (plus `params` / `search` /\n * `hash` / …) for typed in-app navigation with active state + preloading. Pass **`external`** (with an\n * `href`) for a plain `<a>` to an outside URL (add your own `target` / `rel`). Tinted via `color`\n * (default `primary`); `size` (`sm`/`md`/`lg`, default `md` = `Typography` body); `underline` (`'none'` /\n * `'hover'` / `'always'`, default `'hover'`); `disabled`\n * for a muted, non-interactive look. Requires `@tanstack/react-router` (peer) for the routed mode.\n *\n * @example\n * <Link to=\"/users\">Users</Link>\n * <Link to=\"/users/$id\" params={{ id }}>Profile</Link>\n * <Link href=\"https://techzy.app\" external target=\"_blank\" rel=\"noreferrer\">Website</Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n  if (props.external) {\n    const { external: _external, ...rest } = props\n    return <LinkAnchor ref={ref} {...rest} />\n  }\n  return <RouterLink ref={ref} {...props} />\n})\n"],"names":["LinkAnchor","forwardRef","color","size","underline","disabled","className","style","props","ref","jsx","clsx","styles","RouterLink","createLink","Link","_external","rest"],"mappings":";;;;;;;;;;;;GAyBMA,IAAaC,EAA+C,SAChE;AAAA,EACE,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOT,CAAI;AAAA,QACXS,EAAOR,CAAS;AAAA,QAChBC,KAAYO,EAAO;AAAA,QACnBN;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,iBAAiB,kBAAkBJ,CAAK,SAAS,GAAGK,EAAA;AAAA,MAC7D,iBAAeF,KAAY;AAAA,MAC1B,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC,GAGKK,IAAaC,EAAWd,CAAU,GAqB3Be,IAAOd,EAAyC,SAAcO,GAAOC,GAAK;AACrF,MAAID,EAAM,UAAU;AAClB,UAAM,EAAE,UAAUQ,GAAW,GAAGC,MAAST;AACzC,WAAO,gBAAAE,EAACV,GAAA,EAAW,KAAAS,GAAW,GAAGQ,EAAA,CAAM;AAAA,EACzC;AACA,SAAO,gBAAAP,EAACG,GAAA,EAAW,KAAAJ,GAAW,GAAGD,EAAA,CAAO;AAC1C,CAAC;"}

package/dist/Link-CtttVM6w.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),y=require("clsx"),k=require("@tanstack/react-router"),w="_link_yw5la_3",m="_sm_yw5la_18",x="_md_yw5la_21",f="_lg_yw5la_24",L="_hover_yw5la_30",b="_always_yw5la_34",h="_disabled_yw5la_50",r={link:w,sm:m,md:x,lg:f,hover:L,always:b,disabled:h},o=l.forwardRef(function({color:n="primary",size:e="md",underline:a="hover",disabled:s=!1,className:i,style:_,...d},u){return t.jsx("a",{ref:u,className:y.clsx(r.link,r[e],r[a],s&&r.disabled,i),style:{"--tz-link-rgb":`var(--tz-color-${n}-rgb)`,..._},"aria-disabled":s||void 0,...d})}),v=k.createLink(o),g=l.forwardRef(function(n,e){if(n.external){const{external:a,...s}=n;return t.jsx(o,{ref:e,...s})}return t.jsx(v,{ref:e,...n})});exports.Link=g;
+//# sourceMappingURL=Link-CtttVM6w.cjs.map

package/dist/{Link-GZT51mKx.cjs.map → Link-CtttVM6w.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Link-GZT51mKx.cjs","sources":["../src/components/Link/Link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes, type CSSProperties } from 'react'\nimport { clsx } from 'clsx'\nimport { createLink, type LinkComponentProps } from '@tanstack/react-router'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Link.module.css'\n\nexport type LinkUnderline = 'none' | 'hover' | 'always'\nexport type LinkSize = 'sm' | 'md' | 'lg'\n\ninterface LinkStyleProps {\n  /** Theme palette token for the link text. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Font-size step (matches the `Typography` scale — `md` = body). Defaults to `md`. */\n  size?: LinkSize\n  /** When the underline shows. Defaults to `'hover'`. */\n  underline?: LinkUnderline\n  /** Muted, non-interactive look (`pointer-events: none` + `aria-disabled`). */\n  disabled?: boolean\n}\n\n/** The styled `<a>` — the element `createLink` wraps into a router `Link`, and the one rendered directly\n * for `external` (plain `href`) links. Not exported on its own; use `Link`. */\nexport interface LinkAnchorProps\n  extends LinkStyleProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {}\n\nconst LinkAnchor = forwardRef<HTMLAnchorElement, LinkAnchorProps>(function LinkAnchor(\n  {\n    color = 'primary',\n    size = 'md',\n    underline = 'hover',\n    disabled = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <a\n      ref={ref}\n      className={clsx(\n        styles.link,\n        styles[size],\n        styles[underline],\n        disabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-link-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      aria-disabled={disabled || undefined}\n      {...props}\n    />\n  )\n})\n\n/** The fully-typed TanStack Router link built from the styled anchor (typed `to`, `params`, active state, preload). */\nconst RouterLink = createLink(LinkAnchor)\n\n/** A plain external anchor (bypasses the router) — pass `external` with an `href`. */\nexport type ExternalLinkProps = { external: true } & LinkAnchorProps\n/** A typed in-app router link — pass `to` (and `params` / `search` / …). */\nexport type RouterLinkProps = { external?: false } & LinkComponentProps<typeof LinkAnchor>\nexport type LinkProps = ExternalLinkProps | RouterLinkProps\n\n/**\n * A styled text link. By default it's a **TanStack Router** link — pass `to` (plus `params` / `search` /\n * `hash` / …) for typed in-app navigation with active state + preloading. Pass **`external`** (with an\n * `href`) for a plain `<a>` to an outside URL (add your own `target` / `rel`). Tinted via `color`\n * (default `primary`); `size` (`sm`/`md`/`lg`, default `md` = `Typography` body); `underline` (`'none'` /\n * `'hover'` / `'always'`, default `'hover'`); `disabled`\n * for a muted, non-interactive look. Requires `@tanstack/react-router` (peer) for the routed mode.\n *\n * @example\n * <Link to=\"/users\">Users</Link>\n * <Link to=\"/users/$id\" params={{ id }}>Profile</Link>\n * <Link href=\"https://techzy.app\" external target=\"_blank\" rel=\"noreferrer\">Website</Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n  if (props.external) {\n    const { external: _external, ...rest } = props\n    return <LinkAnchor ref={ref} {...rest} />\n  }\n  return <RouterLink ref={ref} {...props} />\n})\n"],"names":["LinkAnchor","forwardRef","color","size","underline","disabled","className","style","props","ref","jsx","clsx","styles","RouterLink","createLink","Link","_external","rest"],"mappings":"sTAyBMA,EAAaC,EAAAA,WAA+C,SAChE,CACE,MAAAC,EAAQ,UACR,KAAAC,EAAO,KACP,UAAAC,EAAY,QACZ,SAAAC,EAAW,GACX,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,OACEC,EAAAA,IAAC,IAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,KACTC,EAAO,KACPA,EAAOT,CAAI,EACXS,EAAOR,CAAS,EAChBC,GAAYO,EAAO,SACnBN,CAAA,EAEF,MAAO,CAAE,gBAAiB,kBAAkBJ,CAAK,QAAS,GAAGK,CAAA,EAC7D,gBAAeF,GAAY,OAC1B,GAAGG,CAAA,CAAA,CAGV,CAAC,EAGKK,EAAaC,EAAAA,WAAWd,CAAU,EAqB3Be,EAAOd,EAAAA,WAAyC,SAAcO,EAAOC,EAAK,CACrF,GAAID,EAAM,SAAU,CAClB,KAAM,CAAE,SAAUQ,EAAW,GAAGC,GAAST,EACzC,OAAOE,EAAAA,IAACV,EAAA,CAAW,IAAAS,EAAW,GAAGQ,CAAA,CAAM,CACzC,CACA,OAAOP,EAAAA,IAACG,EAAA,CAAW,IAAAJ,EAAW,GAAGD,CAAA,CAAO,CAC1C,CAAC"}
+{"version":3,"file":"Link-CtttVM6w.cjs","sources":["../src/components/Link/Link.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes, type CSSProperties } from 'react'\nimport { clsx } from 'clsx'\nimport { createLink, type LinkComponentProps } from '@tanstack/react-router'\nimport type { ThemeColor } from '../../theme'\nimport styles from './Link.module.css'\n\nexport type LinkUnderline = 'none' | 'hover' | 'always'\nexport type LinkSize = 'sm' | 'md' | 'lg'\n\ninterface LinkStyleProps {\n  /** Theme palette token for the link text. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Font-size step (matches the `Typography` scale — `md` = body). Defaults to `md`. */\n  size?: LinkSize\n  /** When the underline shows. Defaults to `'hover'`. */\n  underline?: LinkUnderline\n  /** Muted, non-interactive look (`pointer-events: none` + `aria-disabled`). */\n  disabled?: boolean\n}\n\n/** The styled `<a>` — the element `createLink` wraps into a router `Link`, and the one rendered directly\n * for `external` (plain `href`) links. Not exported on its own; use `Link`. */\nexport interface LinkAnchorProps\n  extends LinkStyleProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {}\n\nconst LinkAnchor = forwardRef<HTMLAnchorElement, LinkAnchorProps>(function LinkAnchor(\n  {\n    color = 'primary',\n    size = 'md',\n    underline = 'hover',\n    disabled = false,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <a\n      ref={ref}\n      className={clsx(\n        styles.link,\n        styles[size],\n        styles[underline],\n        disabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-link-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      aria-disabled={disabled || undefined}\n      {...props}\n    />\n  )\n})\n\n/** The fully-typed TanStack Router link built from the styled anchor (typed `to`, `params`, active state, preload). */\nconst RouterLink = createLink(LinkAnchor)\n\n/** A plain external anchor (bypasses the router) — pass `external` with an `href`. */\nexport type ExternalLinkProps = { external: true } & LinkAnchorProps\n/** A typed in-app router link — pass `to` (and `params` / `search` / …). */\nexport type RouterLinkProps = { external?: false } & LinkComponentProps<typeof LinkAnchor>\nexport type LinkProps = ExternalLinkProps | RouterLinkProps\n\n/**\n * A styled text link. By default it's a **TanStack Router** link — pass `to` (plus `params` / `search` /\n * `hash` / …) for typed in-app navigation with active state + preloading. Pass **`external`** (with an\n * `href`) for a plain `<a>` to an outside URL (add your own `target` / `rel`). Tinted via `color`\n * (default `primary`); `size` (`sm`/`md`/`lg`, default `md` = `Typography` body); `underline` (`'none'` /\n * `'hover'` / `'always'`, default `'hover'`); `disabled`\n * for a muted, non-interactive look. Requires `@tanstack/react-router` (peer) for the routed mode.\n *\n * @example\n * <Link to=\"/users\">Users</Link>\n * <Link to=\"/users/$id\" params={{ id }}>Profile</Link>\n * <Link href=\"https://techzy.app\" external target=\"_blank\" rel=\"noreferrer\">Website</Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(props, ref) {\n  if (props.external) {\n    const { external: _external, ...rest } = props\n    return <LinkAnchor ref={ref} {...rest} />\n  }\n  return <RouterLink ref={ref} {...props} />\n})\n"],"names":["LinkAnchor","forwardRef","color","size","underline","disabled","className","style","props","ref","jsx","clsx","styles","RouterLink","createLink","Link","_external","rest"],"mappings":"sTAyBMA,EAAaC,EAAAA,WAA+C,SAChE,CACE,MAAAC,EAAQ,UACR,KAAAC,EAAO,KACP,UAAAC,EAAY,QACZ,SAAAC,EAAW,GACX,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,OACEC,EAAAA,IAAC,IAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,KACTC,EAAO,KACPA,EAAOT,CAAI,EACXS,EAAOR,CAAS,EAChBC,GAAYO,EAAO,SACnBN,CAAA,EAEF,MAAO,CAAE,gBAAiB,kBAAkBJ,CAAK,QAAS,GAAGK,CAAA,EAC7D,gBAAeF,GAAY,OAC1B,GAAGG,CAAA,CAAA,CAGV,CAAC,EAGKK,EAAaC,EAAAA,WAAWd,CAAU,EAqB3Be,EAAOd,EAAAA,WAAyC,SAAcO,EAAOC,EAAK,CACrF,GAAID,EAAM,SAAU,CAClB,KAAM,CAAE,SAAUQ,EAAW,GAAGC,GAAST,EACzC,OAAOE,EAAAA,IAACV,EAAA,CAAW,IAAAS,EAAW,GAAGQ,CAAA,CAAM,CACzC,CACA,OAAOP,EAAAA,IAACG,EAAA,CAAW,IAAAJ,EAAW,GAAGD,CAAA,CAAO,CAC1C,CAAC"}

package/dist/{List-CKoNx21F.cjs → List-CLUXeaXS.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("react"),c=require("./Flex-C6tHC8n7.cjs"),s=require("./Skeleton-DK0lAjS9.cjs"),u=require("./ListItem-DkCYXucd.cjs"),q=o.forwardRef(function({as:l,gap:a=2,padding:x,role:d="list",size:i,flush:n,loading:t=!1,style:m,children:h,...p},f){const j=l??"div",L=o.useMemo(()=>({size:i,flush:n}),[i,n]),k=typeof t=="number"?t:t?3:0;return e.jsx(j,{ref:f,role:d,"aria-busy":t?!0:void 0,style:{display:"flex",flexDirection:"column",gap:c.space(a),padding:c.space(x),...m},...p,children:e.jsx(u.ListContext.Provider,{value:L,children:t?Array.from({length:k},(y,r)=>e.jsx(u.ListItem,{"aria-hidden":"true",icon:e.jsx(s.Skeleton,{variant:"circle",height:"1.25em"}),description:e.jsx(s.Skeleton,{width:r%2?"45%":"60%"}),children:e.jsx(s.Skeleton,{width:r%2?"30%":"40%"})},r)):h})})});exports.List=q;
-//# sourceMappingURL=List-CKoNx21F.cjs.map
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),c=require("./Flex-C6tHC8n7.cjs"),s=require("./Skeleton-DK0lAjS9.cjs"),u=require("./ListItem-CguNjf-u.cjs"),q=o.forwardRef(function({as:l,gap:a=2,padding:x,role:d="list",size:i,flush:n,loading:t=!1,style:m,children:h,...p},f){const j=l??"div",L=o.useMemo(()=>({size:i,flush:n}),[i,n]),k=typeof t=="number"?t:t?3:0;return e.jsx(j,{ref:f,role:d,"aria-busy":t?!0:void 0,style:{display:"flex",flexDirection:"column",gap:c.space(a),padding:c.space(x),...m},...p,children:e.jsx(u.ListContext.Provider,{value:L,children:t?Array.from({length:k},(y,r)=>e.jsx(u.ListItem,{"aria-hidden":"true",icon:e.jsx(s.Skeleton,{variant:"circle",height:"1.25em"}),description:e.jsx(s.Skeleton,{width:r%2?"45%":"60%"}),children:e.jsx(s.Skeleton,{width:r%2?"30%":"40%"})},r)):h})})});exports.List=q;
+//# sourceMappingURL=List-CLUXeaXS.cjs.map

package/dist/{List-CKoNx21F.cjs.map → List-CLUXeaXS.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"List-CKoNx21F.cjs","sources":["../src/components/List/List.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useMemo,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { space, type Spacing } from '../Flex/Flex'\nimport { Skeleton } from '../Skeleton'\nimport { ListContext } from './listContext'\nimport { ListItem, type ListItemSize } from './ListItem'\n\nexport interface ListProps extends HTMLAttributes<HTMLElement> {\n  /** Render a different element — e.g. `'ul'`, `'nav'`, `'menu'`. Defaults to `div`. */\n  as?: ElementType\n  /** Gap between items (token key, px number, or CSS value). Defaults to `2px`. */\n  gap?: Spacing\n  /** Padding around the list (token key, px number, or CSS value). */\n  padding?: Spacing\n  /** Default size for the contained `ListItem`s — each item can still override its own `size`. */\n  size?: ListItemSize\n  /**\n   * Default `flush` for the contained `ListItem`s — drops their left / right padding so rows sit flush with\n   * the list's edges (e.g. inside a padded `Card`). Each item can still override its own `flush`.\n   */\n  flush?: boolean\n  /**\n   * Render skeleton rows instead of `children` — `true` shows 3, a number sets the count. Each row is a\n   * `ListItem` with an icon disc, a label line and a description line. Defaults to `false`.\n   */\n  loading?: boolean | number\n  children?: ReactNode\n}\n\n/**\n * A thin semantic container for `ListItem`s — a vertical stack with a configurable `gap`/`padding`\n * and `role=\"list\"` (override `role` to `\"menu\"` for a dropdown, etc.). `size` and `flush` set defaults\n * for all contained `ListItem`s (an explicit item prop wins). `loading` swaps the items for skeleton rows. Layout is set via inline style, matching the `Flex`/`Grid` primitives.\n */\nexport const List = forwardRef<HTMLElement, ListProps>(function List(\n  { as, gap = 2, padding, role = 'list', size, flush, loading = false, style, children, ...props },\n  ref,\n) {\n  const Component = (as ?? 'div') as ElementType\n  // one stable object per (size, flush) so items don't re-render on every List render\n  const ctx = useMemo(() => ({ size, flush }), [size, flush])\n  const skeletonRows = typeof loading === 'number' ? loading : loading ? 3 : 0\n  return (\n    <Component\n      ref={ref}\n      role={role}\n      aria-busy={loading ? true : undefined}\n      style={\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          gap: space(gap),\n          padding: space(padding),\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      <ListContext.Provider value={ctx}>\n        {loading\n          ? Array.from({ length: skeletonRows }, (_, i) => (\n              <ListItem\n                key={i}\n                aria-hidden=\"true\"\n                icon={<Skeleton variant=\"circle\" height=\"1.25em\" />}\n                description={<Skeleton width={i % 2 ? '45%' : '60%'} />}\n              >\n                <Skeleton width={i % 2 ? '30%' : '40%'} />\n              </ListItem>\n            ))\n          : children}\n      </ListContext.Provider>\n    </Component>\n  )\n})\n"],"names":["List","forwardRef","as","gap","padding","role","size","flush","loading","style","children","props","ref","Component","ctx","useMemo","skeletonRows","jsx","space","ListContext","_","i","ListItem","Skeleton"],"mappings":"gLAwCaA,EAAOC,EAAAA,WAAmC,SACrD,CAAE,GAAAC,EAAI,IAAAC,EAAM,EAAG,QAAAC,EAAS,KAAAC,EAAO,OAAQ,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAU,GAAO,MAAAC,EAAO,SAAAC,EAAU,GAAGC,CAAA,EACzFC,EACA,CACA,MAAMC,EAAaX,GAAM,MAEnBY,EAAMC,UAAQ,KAAO,CAAE,KAAAT,EAAM,MAAAC,IAAU,CAACD,EAAMC,CAAK,CAAC,EACpDS,EAAe,OAAOR,GAAY,SAAWA,EAAUA,EAAU,EAAI,EAC3E,OACES,EAAAA,IAACJ,EAAA,CACC,IAAAD,EACA,KAAAP,EACA,YAAWG,EAAU,GAAO,OAC5B,MACE,CACE,QAAS,OACT,cAAe,SACf,IAAKU,EAAAA,MAAMf,CAAG,EACd,QAASe,EAAAA,MAAMd,CAAO,EACtB,GAAGK,CAAA,EAGN,GAAGE,EAEJ,SAAAM,EAAAA,IAACE,cAAY,SAAZ,CAAqB,MAAOL,EAC1B,SAAAN,EACG,MAAM,KAAK,CAAE,OAAQQ,CAAA,EAAgB,CAACI,EAAGC,IACvCJ,EAAAA,IAACK,EAAAA,SAAA,CAEC,cAAY,OACZ,KAAML,EAAAA,IAACM,WAAA,CAAS,QAAQ,SAAS,OAAO,SAAS,EACjD,YAAaN,EAAAA,IAACM,EAAAA,SAAA,CAAS,MAAOF,EAAI,EAAI,MAAQ,MAAO,EAErD,eAACE,EAAAA,SAAA,CAAS,MAAOF,EAAI,EAAI,MAAQ,KAAA,CAAO,CAAA,EALnCA,CAAA,CAOR,EACDX,CAAA,CACN,CAAA,CAAA,CAGN,CAAC"}
+{"version":3,"file":"List-CLUXeaXS.cjs","sources":["../src/components/List/List.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useMemo,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { space, type Spacing } from '../Flex/Flex'\nimport { Skeleton } from '../Skeleton'\nimport { ListContext } from './listContext'\nimport { ListItem, type ListItemSize } from './ListItem'\n\nexport interface ListProps extends HTMLAttributes<HTMLElement> {\n  /** Render a different element — e.g. `'ul'`, `'nav'`, `'menu'`. Defaults to `div`. */\n  as?: ElementType\n  /** Gap between items (token key, px number, or CSS value). Defaults to `2px`. */\n  gap?: Spacing\n  /** Padding around the list (token key, px number, or CSS value). */\n  padding?: Spacing\n  /** Default size for the contained `ListItem`s — each item can still override its own `size`. */\n  size?: ListItemSize\n  /**\n   * Default `flush` for the contained `ListItem`s — drops their left / right padding so rows sit flush with\n   * the list's edges (e.g. inside a padded `Card`). Each item can still override its own `flush`.\n   */\n  flush?: boolean\n  /**\n   * Render skeleton rows instead of `children` — `true` shows 3, a number sets the count. Each row is a\n   * `ListItem` with an icon disc, a label line and a description line. Defaults to `false`.\n   */\n  loading?: boolean | number\n  children?: ReactNode\n}\n\n/**\n * A thin semantic container for `ListItem`s — a vertical stack with a configurable `gap`/`padding`\n * and `role=\"list\"` (override `role` to `\"menu\"` for a dropdown, etc.). `size` and `flush` set defaults\n * for all contained `ListItem`s (an explicit item prop wins). `loading` swaps the items for skeleton rows. Layout is set via inline style, matching the `Flex`/`Grid` primitives.\n */\nexport const List = forwardRef<HTMLElement, ListProps>(function List(\n  { as, gap = 2, padding, role = 'list', size, flush, loading = false, style, children, ...props },\n  ref,\n) {\n  const Component = (as ?? 'div') as ElementType\n  // one stable object per (size, flush) so items don't re-render on every List render\n  const ctx = useMemo(() => ({ size, flush }), [size, flush])\n  const skeletonRows = typeof loading === 'number' ? loading : loading ? 3 : 0\n  return (\n    <Component\n      ref={ref}\n      role={role}\n      aria-busy={loading ? true : undefined}\n      style={\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          gap: space(gap),\n          padding: space(padding),\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      <ListContext.Provider value={ctx}>\n        {loading\n          ? Array.from({ length: skeletonRows }, (_, i) => (\n              <ListItem\n                key={i}\n                aria-hidden=\"true\"\n                icon={<Skeleton variant=\"circle\" height=\"1.25em\" />}\n                description={<Skeleton width={i % 2 ? '45%' : '60%'} />}\n              >\n                <Skeleton width={i % 2 ? '30%' : '40%'} />\n              </ListItem>\n            ))\n          : children}\n      </ListContext.Provider>\n    </Component>\n  )\n})\n"],"names":["List","forwardRef","as","gap","padding","role","size","flush","loading","style","children","props","ref","Component","ctx","useMemo","skeletonRows","jsx","space","ListContext","_","i","ListItem","Skeleton"],"mappings":"gLAwCaA,EAAOC,EAAAA,WAAmC,SACrD,CAAE,GAAAC,EAAI,IAAAC,EAAM,EAAG,QAAAC,EAAS,KAAAC,EAAO,OAAQ,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAU,GAAO,MAAAC,EAAO,SAAAC,EAAU,GAAGC,CAAA,EACzFC,EACA,CACA,MAAMC,EAAaX,GAAM,MAEnBY,EAAMC,UAAQ,KAAO,CAAE,KAAAT,EAAM,MAAAC,IAAU,CAACD,EAAMC,CAAK,CAAC,EACpDS,EAAe,OAAOR,GAAY,SAAWA,EAAUA,EAAU,EAAI,EAC3E,OACES,EAAAA,IAACJ,EAAA,CACC,IAAAD,EACA,KAAAP,EACA,YAAWG,EAAU,GAAO,OAC5B,MACE,CACE,QAAS,OACT,cAAe,SACf,IAAKU,EAAAA,MAAMf,CAAG,EACd,QAASe,EAAAA,MAAMd,CAAO,EACtB,GAAGK,CAAA,EAGN,GAAGE,EAEJ,SAAAM,EAAAA,IAACE,cAAY,SAAZ,CAAqB,MAAOL,EAC1B,SAAAN,EACG,MAAM,KAAK,CAAE,OAAQQ,CAAA,EAAgB,CAACI,EAAGC,IACvCJ,EAAAA,IAACK,EAAAA,SAAA,CAEC,cAAY,OACZ,KAAML,EAAAA,IAACM,WAAA,CAAS,QAAQ,SAAS,OAAO,SAAS,EACjD,YAAaN,EAAAA,IAACM,EAAAA,SAAA,CAAS,MAAOF,EAAI,EAAI,MAAQ,MAAO,EAErD,eAACE,EAAAA,SAAA,CAAS,MAAOF,EAAI,EAAI,MAAQ,KAAA,CAAO,CAAA,EALnCA,CAAA,CAOR,EACDX,CAAA,CACN,CAAA,CAAA,CAGN,CAAC"}

package/dist/{List-2Y3ktTcF.js → List-DS91CZUt.js}

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as v, useMemo as y } from "react";
 import { s as n } from "./Flex-BFn4P1tJ.js";
 import { S as o } from "./Skeleton-_-uGax2j.js";
-import { a as w, L as b } from "./ListItem-2Lr5_NRY.js";
+import { a as w, L as b } from "./ListItem-Ezmdk7q-.js";
 const I = v(function({ as: m, gap: a = 2, padding: c, role: p = "list", size: i, flush: s, loading: e = !1, style: f, children: d, ...l }, h) {
   const u = m ?? "div", x = y(() => ({ size: i, flush: s }), [i, s]), L = typeof e == "number" ? e : e ? 3 : 0;
   return /* @__PURE__ */ t(
@@ -35,4 +35,4 @@ const I = v(function({ as: m, gap: a = 2, padding: c, role: p = "list", size: i,
 export {
   I as L
 };
-//# sourceMappingURL=List-2Y3ktTcF.js.map
+//# sourceMappingURL=List-DS91CZUt.js.map

package/dist/{List-2Y3ktTcF.js.map → List-DS91CZUt.js.map}

@@ -1 +1 @@
-{"version":3,"file":"List-2Y3ktTcF.js","sources":["../src/components/List/List.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useMemo,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { space, type Spacing } from '../Flex/Flex'\nimport { Skeleton } from '../Skeleton'\nimport { ListContext } from './listContext'\nimport { ListItem, type ListItemSize } from './ListItem'\n\nexport interface ListProps extends HTMLAttributes<HTMLElement> {\n  /** Render a different element — e.g. `'ul'`, `'nav'`, `'menu'`. Defaults to `div`. */\n  as?: ElementType\n  /** Gap between items (token key, px number, or CSS value). Defaults to `2px`. */\n  gap?: Spacing\n  /** Padding around the list (token key, px number, or CSS value). */\n  padding?: Spacing\n  /** Default size for the contained `ListItem`s — each item can still override its own `size`. */\n  size?: ListItemSize\n  /**\n   * Default `flush` for the contained `ListItem`s — drops their left / right padding so rows sit flush with\n   * the list's edges (e.g. inside a padded `Card`). Each item can still override its own `flush`.\n   */\n  flush?: boolean\n  /**\n   * Render skeleton rows instead of `children` — `true` shows 3, a number sets the count. Each row is a\n   * `ListItem` with an icon disc, a label line and a description line. Defaults to `false`.\n   */\n  loading?: boolean | number\n  children?: ReactNode\n}\n\n/**\n * A thin semantic container for `ListItem`s — a vertical stack with a configurable `gap`/`padding`\n * and `role=\"list\"` (override `role` to `\"menu\"` for a dropdown, etc.). `size` and `flush` set defaults\n * for all contained `ListItem`s (an explicit item prop wins). `loading` swaps the items for skeleton rows. Layout is set via inline style, matching the `Flex`/`Grid` primitives.\n */\nexport const List = forwardRef<HTMLElement, ListProps>(function List(\n  { as, gap = 2, padding, role = 'list', size, flush, loading = false, style, children, ...props },\n  ref,\n) {\n  const Component = (as ?? 'div') as ElementType\n  // one stable object per (size, flush) so items don't re-render on every List render\n  const ctx = useMemo(() => ({ size, flush }), [size, flush])\n  const skeletonRows = typeof loading === 'number' ? loading : loading ? 3 : 0\n  return (\n    <Component\n      ref={ref}\n      role={role}\n      aria-busy={loading ? true : undefined}\n      style={\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          gap: space(gap),\n          padding: space(padding),\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      <ListContext.Provider value={ctx}>\n        {loading\n          ? Array.from({ length: skeletonRows }, (_, i) => (\n              <ListItem\n                key={i}\n                aria-hidden=\"true\"\n                icon={<Skeleton variant=\"circle\" height=\"1.25em\" />}\n                description={<Skeleton width={i % 2 ? '45%' : '60%'} />}\n              >\n                <Skeleton width={i % 2 ? '30%' : '40%'} />\n              </ListItem>\n            ))\n          : children}\n      </ListContext.Provider>\n    </Component>\n  )\n})\n"],"names":["List","forwardRef","as","gap","padding","role","size","flush","loading","style","children","props","ref","Component","ctx","useMemo","skeletonRows","jsx","space","ListContext","_","i","ListItem","Skeleton"],"mappings":";;;;;AAwCO,MAAMA,IAAOC,EAAmC,SACrD,EAAE,IAAAC,GAAI,KAAAC,IAAM,GAAG,SAAAC,GAAS,MAAAC,IAAO,QAAQ,MAAAC,GAAM,OAAAC,GAAO,SAAAC,IAAU,IAAO,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GACzFC,GACA;AACA,QAAMC,IAAaX,KAAM,OAEnBY,IAAMC,EAAQ,OAAO,EAAE,MAAAT,GAAM,OAAAC,MAAU,CAACD,GAAMC,CAAK,CAAC,GACpDS,IAAe,OAAOR,KAAY,WAAWA,IAAUA,IAAU,IAAI;AAC3E,SACE,gBAAAS;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAAP;AAAA,MACA,aAAWG,IAAU,KAAO;AAAA,MAC5B,OACE;AAAA,QACE,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAKU,EAAMf,CAAG;AAAA,QACd,SAASe,EAAMd,CAAO;AAAA,QACtB,GAAGK;AAAA,MAAA;AAAA,MAGN,GAAGE;AAAA,MAEJ,UAAA,gBAAAM,EAACE,EAAY,UAAZ,EAAqB,OAAOL,GAC1B,UAAAN,IACG,MAAM,KAAK,EAAE,QAAQQ,EAAA,GAAgB,CAACI,GAAGC,MACvC,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,eAAY;AAAA,UACZ,MAAM,gBAAAL,EAACM,GAAA,EAAS,SAAQ,UAAS,QAAO,UAAS;AAAA,UACjD,aAAa,gBAAAN,EAACM,GAAA,EAAS,OAAOF,IAAI,IAAI,QAAQ,OAAO;AAAA,UAErD,4BAACE,GAAA,EAAS,OAAOF,IAAI,IAAI,QAAQ,MAAA,CAAO;AAAA,QAAA;AAAA,QALnCA;AAAA,MAAA,CAOR,IACDX,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"List-DS91CZUt.js","sources":["../src/components/List/List.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useMemo,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { space, type Spacing } from '../Flex/Flex'\nimport { Skeleton } from '../Skeleton'\nimport { ListContext } from './listContext'\nimport { ListItem, type ListItemSize } from './ListItem'\n\nexport interface ListProps extends HTMLAttributes<HTMLElement> {\n  /** Render a different element — e.g. `'ul'`, `'nav'`, `'menu'`. Defaults to `div`. */\n  as?: ElementType\n  /** Gap between items (token key, px number, or CSS value). Defaults to `2px`. */\n  gap?: Spacing\n  /** Padding around the list (token key, px number, or CSS value). */\n  padding?: Spacing\n  /** Default size for the contained `ListItem`s — each item can still override its own `size`. */\n  size?: ListItemSize\n  /**\n   * Default `flush` for the contained `ListItem`s — drops their left / right padding so rows sit flush with\n   * the list's edges (e.g. inside a padded `Card`). Each item can still override its own `flush`.\n   */\n  flush?: boolean\n  /**\n   * Render skeleton rows instead of `children` — `true` shows 3, a number sets the count. Each row is a\n   * `ListItem` with an icon disc, a label line and a description line. Defaults to `false`.\n   */\n  loading?: boolean | number\n  children?: ReactNode\n}\n\n/**\n * A thin semantic container for `ListItem`s — a vertical stack with a configurable `gap`/`padding`\n * and `role=\"list\"` (override `role` to `\"menu\"` for a dropdown, etc.). `size` and `flush` set defaults\n * for all contained `ListItem`s (an explicit item prop wins). `loading` swaps the items for skeleton rows. Layout is set via inline style, matching the `Flex`/`Grid` primitives.\n */\nexport const List = forwardRef<HTMLElement, ListProps>(function List(\n  { as, gap = 2, padding, role = 'list', size, flush, loading = false, style, children, ...props },\n  ref,\n) {\n  const Component = (as ?? 'div') as ElementType\n  // one stable object per (size, flush) so items don't re-render on every List render\n  const ctx = useMemo(() => ({ size, flush }), [size, flush])\n  const skeletonRows = typeof loading === 'number' ? loading : loading ? 3 : 0\n  return (\n    <Component\n      ref={ref}\n      role={role}\n      aria-busy={loading ? true : undefined}\n      style={\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          gap: space(gap),\n          padding: space(padding),\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      <ListContext.Provider value={ctx}>\n        {loading\n          ? Array.from({ length: skeletonRows }, (_, i) => (\n              <ListItem\n                key={i}\n                aria-hidden=\"true\"\n                icon={<Skeleton variant=\"circle\" height=\"1.25em\" />}\n                description={<Skeleton width={i % 2 ? '45%' : '60%'} />}\n              >\n                <Skeleton width={i % 2 ? '30%' : '40%'} />\n              </ListItem>\n            ))\n          : children}\n      </ListContext.Provider>\n    </Component>\n  )\n})\n"],"names":["List","forwardRef","as","gap","padding","role","size","flush","loading","style","children","props","ref","Component","ctx","useMemo","skeletonRows","jsx","space","ListContext","_","i","ListItem","Skeleton"],"mappings":";;;;;AAwCO,MAAMA,IAAOC,EAAmC,SACrD,EAAE,IAAAC,GAAI,KAAAC,IAAM,GAAG,SAAAC,GAAS,MAAAC,IAAO,QAAQ,MAAAC,GAAM,OAAAC,GAAO,SAAAC,IAAU,IAAO,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GACzFC,GACA;AACA,QAAMC,IAAaX,KAAM,OAEnBY,IAAMC,EAAQ,OAAO,EAAE,MAAAT,GAAM,OAAAC,MAAU,CAACD,GAAMC,CAAK,CAAC,GACpDS,IAAe,OAAOR,KAAY,WAAWA,IAAUA,IAAU,IAAI;AAC3E,SACE,gBAAAS;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAAP;AAAA,MACA,aAAWG,IAAU,KAAO;AAAA,MAC5B,OACE;AAAA,QACE,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAKU,EAAMf,CAAG;AAAA,QACd,SAASe,EAAMd,CAAO;AAAA,QACtB,GAAGK;AAAA,MAAA;AAAA,MAGN,GAAGE;AAAA,MAEJ,UAAA,gBAAAM,EAACE,EAAY,UAAZ,EAAqB,OAAOL,GAC1B,UAAAN,IACG,MAAM,KAAK,EAAE,QAAQQ,EAAA,GAAgB,CAACI,GAAGC,MACvC,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,eAAY;AAAA,UACZ,MAAM,gBAAAL,EAACM,GAAA,EAAS,SAAQ,UAAS,QAAO,UAAS;AAAA,UACjD,aAAa,gBAAAN,EAACM,GAAA,EAAS,OAAOF,IAAI,IAAI,QAAQ,OAAO;AAAA,UAErD,4BAACE,GAAA,EAAS,OAAOF,IAAI,IAAI,QAAQ,MAAA,CAAO;AAAA,QAAA;AAAA,QALnCA;AAAA,MAAA,CAOR,IACDX,EAAA,CACN;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/ListItem-CguNjf-u.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),_=require("react"),E=require("clsx"),b=require("./Icon-CBg21lKA.cjs"),h=_.createContext({}),O=()=>_.useContext(h),q="_item_13oso_3",S="_sm_13oso_25",D="_md_13oso_31",A="_lg_13oso_36",M="_flush_13oso_43",R="_itemIcon_13oso_49",w="_itemText_13oso_57",B="_itemLabel_13oso_65",Z="_itemDescription_13oso_72",$="_itemTrailing_13oso_82",F="_clickable_13oso_92",G="_selected_13oso_114",H="_disabled_13oso_137",t={item:q,sm:S,md:D,lg:A,flush:M,itemIcon:R,itemText:w,itemLabel:B,itemDescription:Z,itemTrailing:$,clickable:F,selected:G,disabled:H},J=new Set(b.ICON_NAMES),P={sm:"sm",md:"md",lg:"md"},Q=_.forwardRef(function({icon:e,description:l,trailing:u,selected:d=!1,clickable:m=!1,disabled:o=!1,size:p,flush:g,color:C="primary",as:n,className:N,style:L,children:a,onClick:T,onKeyDown:c,...j},k){const x=O(),f=p??x.size??"md",z=g??x.flush??!1,v=n??"div",r=m&&!(n==="a"||n==="button"||typeof n=="function"||typeof n=="object"),I=e==null?null:typeof e=="string"&&J.has(e)?s.jsx(b.Icon,{name:e,size:P[f]}):e,y=i=>{r&&!o&&(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.currentTarget.click()),c==null||c(i)};return s.jsxs(v,{ref:k,className:E.clsx(t.item,t[f],z&&t.flush,d&&t.selected,m&&t.clickable,o&&t.disabled,N),style:{"--tz-btn-rgb":`var(--tz-color-${C}-rgb)`,...L},role:r?"button":void 0,tabIndex:r?o?-1:0:void 0,"aria-disabled":o||void 0,"aria-current":d||void 0,onClick:o?void 0:T,onKeyDown:m?y:c,...j,children:[I!=null&&s.jsx("span",{className:t.itemIcon,children:I}),(a!=null||l!=null)&&s.jsxs("span",{className:t.itemText,children:[a!=null&&s.jsx("span",{className:t.itemLabel,children:a}),l!=null&&s.jsx("span",{className:t.itemDescription,children:l})]}),u!=null&&s.jsx("span",{className:t.itemTrailing,children:u})]})});exports.ListContext=h;exports.ListItem=Q;
+//# sourceMappingURL=ListItem-CguNjf-u.cjs.map

package/dist/{ListItem-DkCYXucd.cjs.map → ListItem-CguNjf-u.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ListItem-DkCYXucd.cjs","sources":["../src/components/List/listContext.ts","../src/components/List/ListItem.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ListItemSize } from './ListItem'\n\n/** Defaults a `List` hands to its `ListItem`s — an explicit item prop still wins. */\nexport interface ListContextValue {\n  size?: ListItemSize\n  flush?: boolean\n}\n\nexport const ListContext = createContext<ListContextValue>({})\n\n/** Read the defaults provided by a surrounding `List`, if any. */\nexport const useListContext = (): ListContextValue => useContext(ListContext)\n\n/** @deprecated internal — use `useListContext().size`. Kept so older call sites keep compiling. */\nexport const useListSize = (): ListItemSize | undefined => useListContext().size\n","import {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport type { ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useListContext } from './listContext'\nimport styles from './List.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type ListItemSize = 'sm' | 'md' | 'lg'\n\n/** Leading `<Icon>` size per row size. */\nconst ICON_SIZE: Record<ListItemSize, 'sm' | 'md'> = { sm: 'sm', md: 'md', lg: 'md' }\n\nexport interface ListItemProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'color'>,\n    Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'rel' | 'download'> {\n  /** Leading element — a known `IconName` (rendered as `<Icon>`) or any node (e.g. an `Avatar`). */\n  icon?: IconName | ReactNode\n  /** Secondary muted line shown under the label. */\n  description?: ReactNode\n  /** Trailing content pinned to the right (icon, `Badge`, shortcut text, chevron, …). */\n  trailing?: ReactNode\n  /** Highlights the row as selected/active (menu selection, current nav route). */\n  selected?: boolean\n  /** Makes the row interactive (hover + cursor; adds `role`/`tabIndex`/keyboard when rendered plain). */\n  clickable?: boolean\n  /** Dims and inerts the row. */\n  disabled?: boolean\n  /** Row size — height / padding / font. Defaults to `md`. */\n  size?: ListItemSize\n  /**\n   * Drops the row's left / right padding so it sits flush with its container's edges (vertical padding\n   * and min-height stay). Defaults to `false`; a surrounding `List flush` sets the default for all its rows.\n   */\n  flush?: boolean\n  /** Theme color for the selected tint and clickable hover. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Render a different element/component — e.g. `'a'`, `'button'`, or a router `Link`. Defaults to `div`. */\n  as?: ElementType\n  /** Primary label / content. */\n  children?: ReactNode\n}\n\n/**\n * A flexible, reusable list row: leading `icon`, a label (`children`) with optional `description`, and\n * a `trailing` slot. `clickable` turns it interactive (hover + keyboard when rendered as a plain\n * element), `selected` highlights it, `disabled` inerts it. Render as a link/button/router `Link` via\n * `as`. Designed to compose inside `List` — for menus, the sidebar, or a standalone styled list.\n */\nexport const ListItem = forwardRef<HTMLElement, ListItemProps>(function ListItem(\n  {\n    icon,\n    description,\n    trailing,\n    selected = false,\n    clickable = false,\n    disabled = false,\n    size: sizeProp,\n    flush: flushProp,\n    color = 'primary',\n    as,\n    className,\n    style,\n    children,\n    onClick,\n    onKeyDown,\n    ...props\n  },\n  ref,\n) {\n  // explicit props win; otherwise inherit the surrounding `List`'s defaults (size falls back to `md`)\n  const listCtx = useListContext()\n  const size = sizeProp ?? listCtx.size ?? 'md'\n  const flush = flushProp ?? listCtx.flush ?? false\n  const Component = (as ?? 'div') as ElementType\n  // Anchors, buttons, and custom components (e.g. a router Link) carry their own click + keyboard\n  // semantics — only a plain element needs the button role/tabIndex/Enter-Space shim.\n  const handlesOwnInteraction =\n    as === 'a' || as === 'button' || typeof as === 'function' || typeof as === 'object'\n  const isDivButton = clickable && !handlesOwnInteraction\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={ICON_SIZE[size]} />\n    ) : (\n      icon\n    )\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (isDivButton && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault()\n      event.currentTarget.click()\n    }\n    onKeyDown?.(event)\n  }\n\n  return (\n    <Component\n      ref={ref}\n      className={clsx(\n        styles.item,\n        styles[size],\n        flush && styles.flush,\n        selected && styles.selected,\n        clickable && styles.clickable,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      role={isDivButton ? 'button' : undefined}\n      tabIndex={isDivButton ? (disabled ? -1 : 0) : undefined}\n      aria-disabled={disabled || undefined}\n      aria-current={selected || undefined}\n      onClick={disabled ? undefined : onClick}\n      onKeyDown={clickable ? handleKeyDown : onKeyDown}\n      {...props}\n    >\n      {renderedIcon != null && <span className={styles.itemIcon}>{renderedIcon}</span>}\n      {(children != null || description != null) && (\n        <span className={styles.itemText}>\n          {children != null && <span className={styles.itemLabel}>{children}</span>}\n          {description != null && <span className={styles.itemDescription}>{description}</span>}\n        </span>\n      )}\n      {trailing != null && <span className={styles.itemTrailing}>{trailing}</span>}\n    </Component>\n  )\n})\n"],"names":["ListContext","createContext","useListContext","useContext","ICON_NAME_SET","ICON_NAMES","ICON_SIZE","ListItem","forwardRef","icon","description","trailing","selected","clickable","disabled","sizeProp","flushProp","color","as","className","style","children","onClick","onKeyDown","props","ref","listCtx","size","flush","Component","isDivButton","renderedIcon","jsx","Icon","handleKeyDown","event","jsxs","clsx","styles"],"mappings":"wHASaA,EAAcC,EAAAA,cAAgC,CAAA,CAAE,EAGhDC,EAAiB,IAAwBC,EAAAA,WAAWH,CAAW,yaCItEI,EAAgB,IAAI,IAAYC,YAAU,EAK1CC,EAA+C,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAA,EAuClEC,EAAWC,EAAAA,WAAuC,SAC7D,CACE,KAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,KAAMC,EACN,MAAOC,EACP,MAAAC,EAAQ,UACR,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAEA,MAAMC,EAAUxB,EAAA,EACVyB,EAAOZ,GAAYW,EAAQ,MAAQ,KACnCE,EAAQZ,GAAaU,EAAQ,OAAS,GACtCG,EAAaX,GAAM,MAKnBY,EAAcjB,GAAa,EAD/BK,IAAO,KAAOA,IAAO,UAAY,OAAOA,GAAO,YAAc,OAAOA,GAAO,UAGvEa,EACJtB,GAAQ,KAAO,KAAO,OAAOA,GAAS,UAAYL,EAAc,IAAIK,CAAI,EACtEuB,MAACC,EAAAA,MAAK,KAAMxB,EAAkB,KAAMH,EAAUqB,CAAI,EAAG,EAErDlB,EAGEyB,EAAiBC,GAAsC,CACvDL,GAAe,CAAChB,IAAaqB,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACtEA,EAAM,eAAA,EACNA,EAAM,cAAc,MAAA,GAEtBZ,GAAA,MAAAA,EAAYY,EACd,EAEA,OACEC,EAAAA,KAACP,EAAA,CACC,IAAAJ,EACA,UAAWY,EAAAA,KACTC,EAAO,KACPA,EAAOX,CAAI,EACXC,GAASU,EAAO,MAChB1B,GAAY0B,EAAO,SACnBzB,GAAayB,EAAO,UACpBxB,GAAYwB,EAAO,SACnBnB,CAAA,EAEF,MAAO,CAAE,eAAgB,kBAAkBF,CAAK,QAAS,GAAGG,CAAA,EAC5D,KAAMU,EAAc,SAAW,OAC/B,SAAUA,EAAehB,EAAW,GAAK,EAAK,OAC9C,gBAAeA,GAAY,OAC3B,eAAcF,GAAY,OAC1B,QAASE,EAAW,OAAYQ,EAChC,UAAWT,EAAYqB,EAAgBX,EACtC,GAAGC,EAEH,SAAA,CAAAO,GAAgB,MAAQC,EAAAA,IAAC,OAAA,CAAK,UAAWM,EAAO,SAAW,SAAAP,EAAa,GACvEV,GAAY,MAAQX,GAAe,cAClC,OAAA,CAAK,UAAW4B,EAAO,SACrB,SAAA,CAAAjB,GAAY,MAAQW,EAAAA,IAAC,OAAA,CAAK,UAAWM,EAAO,UAAY,SAAAjB,EAAS,EACjEX,GAAe,MAAQsB,EAAAA,IAAC,QAAK,UAAWM,EAAO,gBAAkB,SAAA5B,CAAA,CAAY,CAAA,EAChF,EAEDC,GAAY,MAAQqB,EAAAA,IAAC,QAAK,UAAWM,EAAO,aAAe,SAAA3B,CAAA,CAAS,CAAA,CAAA,CAAA,CAG3E,CAAC"}
+{"version":3,"file":"ListItem-CguNjf-u.cjs","sources":["../src/components/List/listContext.ts","../src/components/List/ListItem.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ListItemSize } from './ListItem'\n\n/** Defaults a `List` hands to its `ListItem`s — an explicit item prop still wins. */\nexport interface ListContextValue {\n  size?: ListItemSize\n  flush?: boolean\n}\n\nexport const ListContext = createContext<ListContextValue>({})\n\n/** Read the defaults provided by a surrounding `List`, if any. */\nexport const useListContext = (): ListContextValue => useContext(ListContext)\n\n/** @deprecated internal — use `useListContext().size`. Kept so older call sites keep compiling. */\nexport const useListSize = (): ListItemSize | undefined => useListContext().size\n","import {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport type { ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useListContext } from './listContext'\nimport styles from './List.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type ListItemSize = 'sm' | 'md' | 'lg'\n\n/** Leading `<Icon>` size per row size. */\nconst ICON_SIZE: Record<ListItemSize, 'sm' | 'md'> = { sm: 'sm', md: 'md', lg: 'md' }\n\nexport interface ListItemProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'color'>,\n    Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'rel' | 'download'> {\n  /** Leading element — a known `IconName` (rendered as `<Icon>`) or any node (e.g. an `Avatar`). */\n  icon?: IconName | ReactNode\n  /** Secondary muted line shown under the label. */\n  description?: ReactNode\n  /** Trailing content pinned to the right (icon, `Badge`, shortcut text, chevron, …). */\n  trailing?: ReactNode\n  /** Highlights the row as selected/active (menu selection, current nav route). */\n  selected?: boolean\n  /** Makes the row interactive (hover + cursor; adds `role`/`tabIndex`/keyboard when rendered plain). */\n  clickable?: boolean\n  /** Dims and inerts the row. */\n  disabled?: boolean\n  /** Row size — height / padding / font. Defaults to `md`. */\n  size?: ListItemSize\n  /**\n   * Drops the row's left / right padding so it sits flush with its container's edges (vertical padding\n   * and min-height stay). Defaults to `false`; a surrounding `List flush` sets the default for all its rows.\n   */\n  flush?: boolean\n  /** Theme color for the selected tint and clickable hover. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Render a different element/component — e.g. `'a'`, `'button'`, or a router `Link`. Defaults to `div`. */\n  as?: ElementType\n  /** Primary label / content. */\n  children?: ReactNode\n}\n\n/**\n * A flexible, reusable list row: leading `icon`, a label (`children`) with optional `description`, and\n * a `trailing` slot. `clickable` turns it interactive (hover + keyboard when rendered as a plain\n * element), `selected` highlights it, `disabled` inerts it. Render as a link/button/router `Link` via\n * `as`. Designed to compose inside `List` — for menus, the sidebar, or a standalone styled list.\n */\nexport const ListItem = forwardRef<HTMLElement, ListItemProps>(function ListItem(\n  {\n    icon,\n    description,\n    trailing,\n    selected = false,\n    clickable = false,\n    disabled = false,\n    size: sizeProp,\n    flush: flushProp,\n    color = 'primary',\n    as,\n    className,\n    style,\n    children,\n    onClick,\n    onKeyDown,\n    ...props\n  },\n  ref,\n) {\n  // explicit props win; otherwise inherit the surrounding `List`'s defaults (size falls back to `md`)\n  const listCtx = useListContext()\n  const size = sizeProp ?? listCtx.size ?? 'md'\n  const flush = flushProp ?? listCtx.flush ?? false\n  const Component = (as ?? 'div') as ElementType\n  // Anchors, buttons, and custom components (e.g. a router Link) carry their own click + keyboard\n  // semantics — only a plain element needs the button role/tabIndex/Enter-Space shim.\n  const handlesOwnInteraction =\n    as === 'a' || as === 'button' || typeof as === 'function' || typeof as === 'object'\n  const isDivButton = clickable && !handlesOwnInteraction\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={ICON_SIZE[size]} />\n    ) : (\n      icon\n    )\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (isDivButton && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault()\n      event.currentTarget.click()\n    }\n    onKeyDown?.(event)\n  }\n\n  return (\n    <Component\n      ref={ref}\n      className={clsx(\n        styles.item,\n        styles[size],\n        flush && styles.flush,\n        selected && styles.selected,\n        clickable && styles.clickable,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      role={isDivButton ? 'button' : undefined}\n      tabIndex={isDivButton ? (disabled ? -1 : 0) : undefined}\n      aria-disabled={disabled || undefined}\n      aria-current={selected || undefined}\n      onClick={disabled ? undefined : onClick}\n      onKeyDown={clickable ? handleKeyDown : onKeyDown}\n      {...props}\n    >\n      {renderedIcon != null && <span className={styles.itemIcon}>{renderedIcon}</span>}\n      {(children != null || description != null) && (\n        <span className={styles.itemText}>\n          {children != null && <span className={styles.itemLabel}>{children}</span>}\n          {description != null && <span className={styles.itemDescription}>{description}</span>}\n        </span>\n      )}\n      {trailing != null && <span className={styles.itemTrailing}>{trailing}</span>}\n    </Component>\n  )\n})\n"],"names":["ListContext","createContext","useListContext","useContext","ICON_NAME_SET","ICON_NAMES","ICON_SIZE","ListItem","forwardRef","icon","description","trailing","selected","clickable","disabled","sizeProp","flushProp","color","as","className","style","children","onClick","onKeyDown","props","ref","listCtx","size","flush","Component","isDivButton","renderedIcon","jsx","Icon","handleKeyDown","event","jsxs","clsx","styles"],"mappings":"wHASaA,EAAcC,EAAAA,cAAgC,CAAA,CAAE,EAGhDC,EAAiB,IAAwBC,EAAAA,WAAWH,CAAW,yaCItEI,EAAgB,IAAI,IAAYC,YAAU,EAK1CC,EAA+C,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAA,EAuClEC,EAAWC,EAAAA,WAAuC,SAC7D,CACE,KAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,SAAAC,EAAW,GACX,KAAMC,EACN,MAAOC,EACP,MAAAC,EAAQ,UACR,GAAAC,EACA,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAEA,MAAMC,EAAUxB,EAAA,EACVyB,EAAOZ,GAAYW,EAAQ,MAAQ,KACnCE,EAAQZ,GAAaU,EAAQ,OAAS,GACtCG,EAAaX,GAAM,MAKnBY,EAAcjB,GAAa,EAD/BK,IAAO,KAAOA,IAAO,UAAY,OAAOA,GAAO,YAAc,OAAOA,GAAO,UAGvEa,EACJtB,GAAQ,KAAO,KAAO,OAAOA,GAAS,UAAYL,EAAc,IAAIK,CAAI,EACtEuB,MAACC,EAAAA,MAAK,KAAMxB,EAAkB,KAAMH,EAAUqB,CAAI,EAAG,EAErDlB,EAGEyB,EAAiBC,GAAsC,CACvDL,GAAe,CAAChB,IAAaqB,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACtEA,EAAM,eAAA,EACNA,EAAM,cAAc,MAAA,GAEtBZ,GAAA,MAAAA,EAAYY,EACd,EAEA,OACEC,EAAAA,KAACP,EAAA,CACC,IAAAJ,EACA,UAAWY,EAAAA,KACTC,EAAO,KACPA,EAAOX,CAAI,EACXC,GAASU,EAAO,MAChB1B,GAAY0B,EAAO,SACnBzB,GAAayB,EAAO,UACpBxB,GAAYwB,EAAO,SACnBnB,CAAA,EAEF,MAAO,CAAE,eAAgB,kBAAkBF,CAAK,QAAS,GAAGG,CAAA,EAC5D,KAAMU,EAAc,SAAW,OAC/B,SAAUA,EAAehB,EAAW,GAAK,EAAK,OAC9C,gBAAeA,GAAY,OAC3B,eAAcF,GAAY,OAC1B,QAASE,EAAW,OAAYQ,EAChC,UAAWT,EAAYqB,EAAgBX,EACtC,GAAGC,EAEH,SAAA,CAAAO,GAAgB,MAAQC,EAAAA,IAAC,OAAA,CAAK,UAAWM,EAAO,SAAW,SAAAP,EAAa,GACvEV,GAAY,MAAQX,GAAe,cAClC,OAAA,CAAK,UAAW4B,EAAO,SACrB,SAAA,CAAAjB,GAAY,MAAQW,EAAAA,IAAC,OAAA,CAAK,UAAWM,EAAO,UAAY,SAAAjB,EAAS,EACjEX,GAAe,MAAQsB,EAAAA,IAAC,QAAK,UAAWM,EAAO,gBAAkB,SAAA5B,CAAA,CAAY,CAAA,EAChF,EAEDC,GAAY,MAAQqB,EAAAA,IAAC,QAAK,UAAWM,EAAO,aAAe,SAAA3B,CAAA,CAAS,CAAA,CAAA,CAAA,CAG3E,CAAC"}

package/dist/ListItem-Ezmdk7q-.js

@@ -0,0 +1,76 @@
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+import { createContext as y, useContext as E, forwardRef as O } from "react";
+import { clsx as S } from "clsx";
+import { b as j, a as D } from "./Icon-B7DJn8Tw.js";
+const A = y({}), M = () => E(A), w = "_item_13oso_3", B = "_sm_13oso_25", R = "_md_13oso_31", Z = "_lg_13oso_36", $ = "_flush_13oso_43", q = "_itemIcon_13oso_49", F = "_itemText_13oso_57", G = "_itemLabel_13oso_65", H = "_itemDescription_13oso_72", J = "_itemTrailing_13oso_82", P = "_clickable_13oso_92", Q = "_selected_13oso_114", U = "_disabled_13oso_137", t = {
+  item: w,
+  sm: B,
+  md: R,
+  lg: Z,
+  flush: $,
+  itemIcon: q,
+  itemText: F,
+  itemLabel: G,
+  itemDescription: H,
+  itemTrailing: J,
+  clickable: P,
+  selected: Q,
+  disabled: U
+}, V = new Set(D), W = { sm: "sm", md: "md", lg: "md" }, ot = O(function({
+  icon: s,
+  description: c,
+  trailing: _,
+  selected: d = !1,
+  clickable: m = !1,
+  disabled: e = !1,
+  size: I,
+  flush: h,
+  color: x = "primary",
+  as: o,
+  className: g,
+  style: N,
+  children: a,
+  onClick: C,
+  onKeyDown: l,
+  ...T
+}, L) {
+  const u = M(), f = I ?? u.size ?? "md", k = h ?? u.flush ?? !1, z = o ?? "div", r = m && !(o === "a" || o === "button" || typeof o == "function" || typeof o == "object"), p = s == null ? null : typeof s == "string" && V.has(s) ? /* @__PURE__ */ i(j, { name: s, size: W[f] }) : s, v = (n) => {
+    r && !e && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click()), l == null || l(n);
+  };
+  return /* @__PURE__ */ b(
+    z,
+    {
+      ref: L,
+      className: S(
+        t.item,
+        t[f],
+        k && t.flush,
+        d && t.selected,
+        m && t.clickable,
+        e && t.disabled,
+        g
+      ),
+      style: { "--tz-btn-rgb": `var(--tz-color-${x}-rgb)`, ...N },
+      role: r ? "button" : void 0,
+      tabIndex: r ? e ? -1 : 0 : void 0,
+      "aria-disabled": e || void 0,
+      "aria-current": d || void 0,
+      onClick: e ? void 0 : C,
+      onKeyDown: m ? v : l,
+      ...T,
+      children: [
+        p != null && /* @__PURE__ */ i("span", { className: t.itemIcon, children: p }),
+        (a != null || c != null) && /* @__PURE__ */ b("span", { className: t.itemText, children: [
+          a != null && /* @__PURE__ */ i("span", { className: t.itemLabel, children: a }),
+          c != null && /* @__PURE__ */ i("span", { className: t.itemDescription, children: c })
+        ] }),
+        _ != null && /* @__PURE__ */ i("span", { className: t.itemTrailing, children: _ })
+      ]
+    }
+  );
+});
+export {
+  ot as L,
+  A as a
+};
+//# sourceMappingURL=ListItem-Ezmdk7q-.js.map

package/dist/{ListItem-2Lr5_NRY.js.map → ListItem-Ezmdk7q-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListItem-2Lr5_NRY.js","sources":["../src/components/List/listContext.ts","../src/components/List/ListItem.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ListItemSize } from './ListItem'\n\n/** Defaults a `List` hands to its `ListItem`s — an explicit item prop still wins. */\nexport interface ListContextValue {\n  size?: ListItemSize\n  flush?: boolean\n}\n\nexport const ListContext = createContext<ListContextValue>({})\n\n/** Read the defaults provided by a surrounding `List`, if any. */\nexport const useListContext = (): ListContextValue => useContext(ListContext)\n\n/** @deprecated internal — use `useListContext().size`. Kept so older call sites keep compiling. */\nexport const useListSize = (): ListItemSize | undefined => useListContext().size\n","import {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport type { ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useListContext } from './listContext'\nimport styles from './List.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type ListItemSize = 'sm' | 'md' | 'lg'\n\n/** Leading `<Icon>` size per row size. */\nconst ICON_SIZE: Record<ListItemSize, 'sm' | 'md'> = { sm: 'sm', md: 'md', lg: 'md' }\n\nexport interface ListItemProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'color'>,\n    Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'rel' | 'download'> {\n  /** Leading element — a known `IconName` (rendered as `<Icon>`) or any node (e.g. an `Avatar`). */\n  icon?: IconName | ReactNode\n  /** Secondary muted line shown under the label. */\n  description?: ReactNode\n  /** Trailing content pinned to the right (icon, `Badge`, shortcut text, chevron, …). */\n  trailing?: ReactNode\n  /** Highlights the row as selected/active (menu selection, current nav route). */\n  selected?: boolean\n  /** Makes the row interactive (hover + cursor; adds `role`/`tabIndex`/keyboard when rendered plain). */\n  clickable?: boolean\n  /** Dims and inerts the row. */\n  disabled?: boolean\n  /** Row size — height / padding / font. Defaults to `md`. */\n  size?: ListItemSize\n  /**\n   * Drops the row's left / right padding so it sits flush with its container's edges (vertical padding\n   * and min-height stay). Defaults to `false`; a surrounding `List flush` sets the default for all its rows.\n   */\n  flush?: boolean\n  /** Theme color for the selected tint and clickable hover. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Render a different element/component — e.g. `'a'`, `'button'`, or a router `Link`. Defaults to `div`. */\n  as?: ElementType\n  /** Primary label / content. */\n  children?: ReactNode\n}\n\n/**\n * A flexible, reusable list row: leading `icon`, a label (`children`) with optional `description`, and\n * a `trailing` slot. `clickable` turns it interactive (hover + keyboard when rendered as a plain\n * element), `selected` highlights it, `disabled` inerts it. Render as a link/button/router `Link` via\n * `as`. Designed to compose inside `List` — for menus, the sidebar, or a standalone styled list.\n */\nexport const ListItem = forwardRef<HTMLElement, ListItemProps>(function ListItem(\n  {\n    icon,\n    description,\n    trailing,\n    selected = false,\n    clickable = false,\n    disabled = false,\n    size: sizeProp,\n    flush: flushProp,\n    color = 'primary',\n    as,\n    className,\n    style,\n    children,\n    onClick,\n    onKeyDown,\n    ...props\n  },\n  ref,\n) {\n  // explicit props win; otherwise inherit the surrounding `List`'s defaults (size falls back to `md`)\n  const listCtx = useListContext()\n  const size = sizeProp ?? listCtx.size ?? 'md'\n  const flush = flushProp ?? listCtx.flush ?? false\n  const Component = (as ?? 'div') as ElementType\n  // Anchors, buttons, and custom components (e.g. a router Link) carry their own click + keyboard\n  // semantics — only a plain element needs the button role/tabIndex/Enter-Space shim.\n  const handlesOwnInteraction =\n    as === 'a' || as === 'button' || typeof as === 'function' || typeof as === 'object'\n  const isDivButton = clickable && !handlesOwnInteraction\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={ICON_SIZE[size]} />\n    ) : (\n      icon\n    )\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (isDivButton && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault()\n      event.currentTarget.click()\n    }\n    onKeyDown?.(event)\n  }\n\n  return (\n    <Component\n      ref={ref}\n      className={clsx(\n        styles.item,\n        styles[size],\n        flush && styles.flush,\n        selected && styles.selected,\n        clickable && styles.clickable,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      role={isDivButton ? 'button' : undefined}\n      tabIndex={isDivButton ? (disabled ? -1 : 0) : undefined}\n      aria-disabled={disabled || undefined}\n      aria-current={selected || undefined}\n      onClick={disabled ? undefined : onClick}\n      onKeyDown={clickable ? handleKeyDown : onKeyDown}\n      {...props}\n    >\n      {renderedIcon != null && <span className={styles.itemIcon}>{renderedIcon}</span>}\n      {(children != null || description != null) && (\n        <span className={styles.itemText}>\n          {children != null && <span className={styles.itemLabel}>{children}</span>}\n          {description != null && <span className={styles.itemDescription}>{description}</span>}\n        </span>\n      )}\n      {trailing != null && <span className={styles.itemTrailing}>{trailing}</span>}\n    </Component>\n  )\n})\n"],"names":["ListContext","createContext","useListContext","useContext","ICON_NAME_SET","ICON_NAMES","ICON_SIZE","ListItem","forwardRef","icon","description","trailing","selected","clickable","disabled","sizeProp","flushProp","color","as","className","style","children","onClick","onKeyDown","props","ref","listCtx","size","flush","Component","isDivButton","renderedIcon","jsx","Icon","handleKeyDown","event","jsxs","clsx","styles"],"mappings":";;;;AASO,MAAMA,IAAcC,EAAgC,CAAA,CAAE,GAGhDC,IAAiB,MAAwBC,EAAWH,CAAW;;;;;;;;;;;;;;GCItEI,IAAgB,IAAI,IAAYC,CAAU,GAK1CC,IAA+C,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAA,GAuClEC,KAAWC,EAAuC,SAC7D;AAAA,EACE,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAEA,QAAMC,IAAUxB,EAAA,GACVyB,IAAOZ,KAAYW,EAAQ,QAAQ,MACnCE,IAAQZ,KAAaU,EAAQ,SAAS,IACtCG,IAAaX,KAAM,OAKnBY,IAAcjB,KAAa,EAD/BK,MAAO,OAAOA,MAAO,YAAY,OAAOA,KAAO,cAAc,OAAOA,KAAO,WAGvEa,IACJtB,KAAQ,OAAO,OAAO,OAAOA,KAAS,YAAYL,EAAc,IAAIK,CAAI,IACtE,gBAAAuB,EAACC,KAAK,MAAMxB,GAAkB,MAAMH,EAAUqB,CAAI,GAAG,IAErDlB,GAGEyB,IAAgB,CAACC,MAAsC;AAC3D,IAAIL,KAAe,CAAChB,MAAaqB,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACtEA,EAAM,eAAA,GACNA,EAAM,cAAc,MAAA,IAEtBZ,KAAA,QAAAA,EAAYY;AAAA,EACd;AAEA,SACE,gBAAAC;AAAA,IAACP;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,WAAWY;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOX,CAAI;AAAA,QACXC,KAASU,EAAO;AAAA,QAChB1B,KAAY0B,EAAO;AAAA,QACnBzB,KAAayB,EAAO;AAAA,QACpBxB,KAAYwB,EAAO;AAAA,QACnBnB;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,gBAAgB,kBAAkBF,CAAK,SAAS,GAAGG,EAAA;AAAA,MAC5D,MAAMU,IAAc,WAAW;AAAA,MAC/B,UAAUA,IAAehB,IAAW,KAAK,IAAK;AAAA,MAC9C,iBAAeA,KAAY;AAAA,MAC3B,gBAAcF,KAAY;AAAA,MAC1B,SAASE,IAAW,SAAYQ;AAAA,MAChC,WAAWT,IAAYqB,IAAgBX;AAAA,MACtC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAO,KAAgB,QAAQ,gBAAAC,EAAC,QAAA,EAAK,WAAWM,EAAO,UAAW,UAAAP,GAAa;AAAA,SACvEV,KAAY,QAAQX,KAAe,2BAClC,QAAA,EAAK,WAAW4B,EAAO,UACrB,UAAA;AAAA,UAAAjB,KAAY,QAAQ,gBAAAW,EAAC,QAAA,EAAK,WAAWM,EAAO,WAAY,UAAAjB,GAAS;AAAA,UACjEX,KAAe,QAAQ,gBAAAsB,EAAC,UAAK,WAAWM,EAAO,iBAAkB,UAAA5B,EAAA,CAAY;AAAA,QAAA,GAChF;AAAA,QAEDC,KAAY,QAAQ,gBAAAqB,EAAC,UAAK,WAAWM,EAAO,cAAe,UAAA3B,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3E,CAAC;"}
+{"version":3,"file":"ListItem-Ezmdk7q-.js","sources":["../src/components/List/listContext.ts","../src/components/List/ListItem.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ListItemSize } from './ListItem'\n\n/** Defaults a `List` hands to its `ListItem`s — an explicit item prop still wins. */\nexport interface ListContextValue {\n  size?: ListItemSize\n  flush?: boolean\n}\n\nexport const ListContext = createContext<ListContextValue>({})\n\n/** Read the defaults provided by a surrounding `List`, if any. */\nexport const useListContext = (): ListContextValue => useContext(ListContext)\n\n/** @deprecated internal — use `useListContext().size`. Kept so older call sites keep compiling. */\nexport const useListSize = (): ListItemSize | undefined => useListContext().size\n","import {\n  forwardRef,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { Icon } from '../Icon'\nimport type { ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useListContext } from './listContext'\nimport styles from './List.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport type ListItemSize = 'sm' | 'md' | 'lg'\n\n/** Leading `<Icon>` size per row size. */\nconst ICON_SIZE: Record<ListItemSize, 'sm' | 'md'> = { sm: 'sm', md: 'md', lg: 'md' }\n\nexport interface ListItemProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'color'>,\n    Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'target' | 'rel' | 'download'> {\n  /** Leading element — a known `IconName` (rendered as `<Icon>`) or any node (e.g. an `Avatar`). */\n  icon?: IconName | ReactNode\n  /** Secondary muted line shown under the label. */\n  description?: ReactNode\n  /** Trailing content pinned to the right (icon, `Badge`, shortcut text, chevron, …). */\n  trailing?: ReactNode\n  /** Highlights the row as selected/active (menu selection, current nav route). */\n  selected?: boolean\n  /** Makes the row interactive (hover + cursor; adds `role`/`tabIndex`/keyboard when rendered plain). */\n  clickable?: boolean\n  /** Dims and inerts the row. */\n  disabled?: boolean\n  /** Row size — height / padding / font. Defaults to `md`. */\n  size?: ListItemSize\n  /**\n   * Drops the row's left / right padding so it sits flush with its container's edges (vertical padding\n   * and min-height stay). Defaults to `false`; a surrounding `List flush` sets the default for all its rows.\n   */\n  flush?: boolean\n  /** Theme color for the selected tint and clickable hover. Defaults to `primary`. */\n  color?: ThemeColor\n  /** Render a different element/component — e.g. `'a'`, `'button'`, or a router `Link`. Defaults to `div`. */\n  as?: ElementType\n  /** Primary label / content. */\n  children?: ReactNode\n}\n\n/**\n * A flexible, reusable list row: leading `icon`, a label (`children`) with optional `description`, and\n * a `trailing` slot. `clickable` turns it interactive (hover + keyboard when rendered as a plain\n * element), `selected` highlights it, `disabled` inerts it. Render as a link/button/router `Link` via\n * `as`. Designed to compose inside `List` — for menus, the sidebar, or a standalone styled list.\n */\nexport const ListItem = forwardRef<HTMLElement, ListItemProps>(function ListItem(\n  {\n    icon,\n    description,\n    trailing,\n    selected = false,\n    clickable = false,\n    disabled = false,\n    size: sizeProp,\n    flush: flushProp,\n    color = 'primary',\n    as,\n    className,\n    style,\n    children,\n    onClick,\n    onKeyDown,\n    ...props\n  },\n  ref,\n) {\n  // explicit props win; otherwise inherit the surrounding `List`'s defaults (size falls back to `md`)\n  const listCtx = useListContext()\n  const size = sizeProp ?? listCtx.size ?? 'md'\n  const flush = flushProp ?? listCtx.flush ?? false\n  const Component = (as ?? 'div') as ElementType\n  // Anchors, buttons, and custom components (e.g. a router Link) carry their own click + keyboard\n  // semantics — only a plain element needs the button role/tabIndex/Enter-Space shim.\n  const handlesOwnInteraction =\n    as === 'a' || as === 'button' || typeof as === 'function' || typeof as === 'object'\n  const isDivButton = clickable && !handlesOwnInteraction\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} size={ICON_SIZE[size]} />\n    ) : (\n      icon\n    )\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n    if (isDivButton && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault()\n      event.currentTarget.click()\n    }\n    onKeyDown?.(event)\n  }\n\n  return (\n    <Component\n      ref={ref}\n      className={clsx(\n        styles.item,\n        styles[size],\n        flush && styles.flush,\n        selected && styles.selected,\n        clickable && styles.clickable,\n        disabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      role={isDivButton ? 'button' : undefined}\n      tabIndex={isDivButton ? (disabled ? -1 : 0) : undefined}\n      aria-disabled={disabled || undefined}\n      aria-current={selected || undefined}\n      onClick={disabled ? undefined : onClick}\n      onKeyDown={clickable ? handleKeyDown : onKeyDown}\n      {...props}\n    >\n      {renderedIcon != null && <span className={styles.itemIcon}>{renderedIcon}</span>}\n      {(children != null || description != null) && (\n        <span className={styles.itemText}>\n          {children != null && <span className={styles.itemLabel}>{children}</span>}\n          {description != null && <span className={styles.itemDescription}>{description}</span>}\n        </span>\n      )}\n      {trailing != null && <span className={styles.itemTrailing}>{trailing}</span>}\n    </Component>\n  )\n})\n"],"names":["ListContext","createContext","useListContext","useContext","ICON_NAME_SET","ICON_NAMES","ICON_SIZE","ListItem","forwardRef","icon","description","trailing","selected","clickable","disabled","sizeProp","flushProp","color","as","className","style","children","onClick","onKeyDown","props","ref","listCtx","size","flush","Component","isDivButton","renderedIcon","jsx","Icon","handleKeyDown","event","jsxs","clsx","styles"],"mappings":";;;;AASO,MAAMA,IAAcC,EAAgC,CAAA,CAAE,GAGhDC,IAAiB,MAAwBC,EAAWH,CAAW;;;;;;;;;;;;;;GCItEI,IAAgB,IAAI,IAAYC,CAAU,GAK1CC,IAA+C,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAA,GAuClEC,KAAWC,EAAuC,SAC7D;AAAA,EACE,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAEA,QAAMC,IAAUxB,EAAA,GACVyB,IAAOZ,KAAYW,EAAQ,QAAQ,MACnCE,IAAQZ,KAAaU,EAAQ,SAAS,IACtCG,IAAaX,KAAM,OAKnBY,IAAcjB,KAAa,EAD/BK,MAAO,OAAOA,MAAO,YAAY,OAAOA,KAAO,cAAc,OAAOA,KAAO,WAGvEa,IACJtB,KAAQ,OAAO,OAAO,OAAOA,KAAS,YAAYL,EAAc,IAAIK,CAAI,IACtE,gBAAAuB,EAACC,KAAK,MAAMxB,GAAkB,MAAMH,EAAUqB,CAAI,GAAG,IAErDlB,GAGEyB,IAAgB,CAACC,MAAsC;AAC3D,IAAIL,KAAe,CAAChB,MAAaqB,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACtEA,EAAM,eAAA,GACNA,EAAM,cAAc,MAAA,IAEtBZ,KAAA,QAAAA,EAAYY;AAAA,EACd;AAEA,SACE,gBAAAC;AAAA,IAACP;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,WAAWY;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOX,CAAI;AAAA,QACXC,KAASU,EAAO;AAAA,QAChB1B,KAAY0B,EAAO;AAAA,QACnBzB,KAAayB,EAAO;AAAA,QACpBxB,KAAYwB,EAAO;AAAA,QACnBnB;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,gBAAgB,kBAAkBF,CAAK,SAAS,GAAGG,EAAA;AAAA,MAC5D,MAAMU,IAAc,WAAW;AAAA,MAC/B,UAAUA,IAAehB,IAAW,KAAK,IAAK;AAAA,MAC9C,iBAAeA,KAAY;AAAA,MAC3B,gBAAcF,KAAY;AAAA,MAC1B,SAASE,IAAW,SAAYQ;AAAA,MAChC,WAAWT,IAAYqB,IAAgBX;AAAA,MACtC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAO,KAAgB,QAAQ,gBAAAC,EAAC,QAAA,EAAK,WAAWM,EAAO,UAAW,UAAAP,GAAa;AAAA,SACvEV,KAAY,QAAQX,KAAe,2BAClC,QAAA,EAAK,WAAW4B,EAAO,UACrB,UAAA;AAAA,UAAAjB,KAAY,QAAQ,gBAAAW,EAAC,QAAA,EAAK,WAAWM,EAAO,WAAY,UAAAjB,GAAS;AAAA,UACjEX,KAAe,QAAQ,gBAAAsB,EAAC,UAAK,WAAWM,EAAO,iBAAkB,UAAA5B,EAAA,CAAY;AAAA,QAAA,GAChF;AAAA,QAEDC,KAAY,QAAQ,gBAAAqB,EAAC,UAAK,WAAWM,EAAO,cAAe,UAAA3B,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3E,CAAC;"}

package/dist/{Loader-CnTuddK7.js → Loader-7v1QBvHY.js}

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as _ } from "react";
 import { clsx as d } from "clsx";
-import { a as n } from "./ConfigProvider-Dqfu7UBU.js";
+import { a as n } from "./ConfigProvider-DVDGtCUc.js";
 const c = "_loader_166pp_2", i = "_sm_166pp_18", f = "_md_166pp_24", u = "_lg_166pp_30", s = {
   loader: c,
   "tz-loader-spin": "_tz-loader-spin_166pp_1",
@@ -25,4 +25,4 @@ const c = "_loader_166pp_2", i = "_sm_166pp_18", f = "_md_166pp_24", u = "_lg_16
 export {
   j as L
 };
-//# sourceMappingURL=Loader-CnTuddK7.js.map
+//# sourceMappingURL=Loader-7v1QBvHY.js.map

package/dist/{Loader-CnTuddK7.js.map → Loader-7v1QBvHY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Loader-CnTuddK7.js","sources":["../src/components/Loader/Loader.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Loader.module.css'\n\nexport type LoaderSize = 'sm' | 'md' | 'lg'\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {\n  /** Preset size — matches the Icon sizes: `sm` 16px · `md` 18px · `lg` 22px. Defaults to `md`. */\n  size?: LoaderSize\n  /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */\n  color?: ThemeColor\n}\n\n/**\n * A circular spinner. Works standalone as a loading indicator or inside a\n * `Button`, where it inherits the button color via `currentColor` unless an\n * explicit `color` is given.\n */\nexport const Loader = forwardRef<HTMLSpanElement, LoaderProps>(function Loader(\n  { size = 'md', color, className, style, ...props },\n  ref,\n) {\n  const t = useT()\n  return (\n    <span\n      ref={ref}\n      role=\"status\"\n      aria-label={t('loader.label')}\n      {...props}\n      className={clsx(styles.loader, styles[size], className)}\n      style={color ? ({ color: `var(--tz-color-${color})`, ...style } as CSSProperties) : style}\n    />\n  )\n})\n"],"names":["Loader","forwardRef","size","color","className","style","props","ref","t","useT","jsx","clsx","styles"],"mappings":";;;;;;;;;;GAmBaA,IAASC,EAAyC,SAC7D,EAAE,MAAAC,IAAO,MAAM,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAC3CC,GACA;AACA,QAAMC,IAAIC,EAAA;AACV,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,MAAK;AAAA,MACL,cAAYC,EAAE,cAAc;AAAA,MAC3B,GAAGF;AAAA,MACJ,WAAWK,EAAKC,EAAO,QAAQA,EAAOV,CAAI,GAAGE,CAAS;AAAA,MACtD,OAAOD,IAAS,EAAE,OAAO,kBAAkBA,CAAK,KAAK,GAAGE,MAA4BA;AAAA,IAAA;AAAA,EAAA;AAG1F,CAAC;"}
+{"version":3,"file":"Loader-7v1QBvHY.js","sources":["../src/components/Loader/Loader.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Loader.module.css'\n\nexport type LoaderSize = 'sm' | 'md' | 'lg'\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {\n  /** Preset size — matches the Icon sizes: `sm` 16px · `md` 18px · `lg` 22px. Defaults to `md`. */\n  size?: LoaderSize\n  /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */\n  color?: ThemeColor\n}\n\n/**\n * A circular spinner. Works standalone as a loading indicator or inside a\n * `Button`, where it inherits the button color via `currentColor` unless an\n * explicit `color` is given.\n */\nexport const Loader = forwardRef<HTMLSpanElement, LoaderProps>(function Loader(\n  { size = 'md', color, className, style, ...props },\n  ref,\n) {\n  const t = useT()\n  return (\n    <span\n      ref={ref}\n      role=\"status\"\n      aria-label={t('loader.label')}\n      {...props}\n      className={clsx(styles.loader, styles[size], className)}\n      style={color ? ({ color: `var(--tz-color-${color})`, ...style } as CSSProperties) : style}\n    />\n  )\n})\n"],"names":["Loader","forwardRef","size","color","className","style","props","ref","t","useT","jsx","clsx","styles"],"mappings":";;;;;;;;;;GAmBaA,IAASC,EAAyC,SAC7D,EAAE,MAAAC,IAAO,MAAM,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAC3CC,GACA;AACA,QAAMC,IAAIC,EAAA;AACV,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,MAAK;AAAA,MACL,cAAYC,EAAE,cAAc;AAAA,MAC3B,GAAGF;AAAA,MACJ,WAAWK,EAAKC,EAAO,QAAQA,EAAOV,CAAI,GAAGE,CAAS;AAAA,MACtD,OAAOD,IAAS,EAAE,OAAO,kBAAkBA,CAAK,KAAK,GAAGE,MAA4BA;AAAA,IAAA;AAAA,EAAA;AAG1F,CAAC;"}

package/dist/{Loader-CAmRn8Oj.cjs → Loader-BE3SQr7W.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),d=require("react"),_=require("clsx"),p=require("./ConfigProvider-Ci9Q2HLF.cjs"),i="_loader_166pp_2",u="_sm_166pp_18",m="_md_166pp_24",f="_lg_166pp_30",s={loader:i,"tz-loader-spin":"_tz-loader-spin_166pp_1",sm:u,md:m,lg:f},g=d.forwardRef(function({size:o="md",color:e,className:t,style:r,...a},l){const n=p.useT();return c.jsx("span",{ref:l,role:"status","aria-label":n("loader.label"),...a,className:_.clsx(s.loader,s[o],t),style:e?{color:`var(--tz-color-${e})`,...r}:r})});exports.Loader=g;
-//# sourceMappingURL=Loader-CAmRn8Oj.cjs.map
+"use strict";const c=require("react/jsx-runtime"),d=require("react"),_=require("clsx"),p=require("./ConfigProvider-DBU6rOIA.cjs"),i="_loader_166pp_2",u="_sm_166pp_18",m="_md_166pp_24",f="_lg_166pp_30",s={loader:i,"tz-loader-spin":"_tz-loader-spin_166pp_1",sm:u,md:m,lg:f},g=d.forwardRef(function({size:o="md",color:e,className:t,style:r,...a},l){const n=p.useT();return c.jsx("span",{ref:l,role:"status","aria-label":n("loader.label"),...a,className:_.clsx(s.loader,s[o],t),style:e?{color:`var(--tz-color-${e})`,...r}:r})});exports.Loader=g;
+//# sourceMappingURL=Loader-BE3SQr7W.cjs.map

package/dist/{Loader-CAmRn8Oj.cjs.map → Loader-BE3SQr7W.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Loader-CAmRn8Oj.cjs","sources":["../src/components/Loader/Loader.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Loader.module.css'\n\nexport type LoaderSize = 'sm' | 'md' | 'lg'\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {\n  /** Preset size — matches the Icon sizes: `sm` 16px · `md` 18px · `lg` 22px. Defaults to `md`. */\n  size?: LoaderSize\n  /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */\n  color?: ThemeColor\n}\n\n/**\n * A circular spinner. Works standalone as a loading indicator or inside a\n * `Button`, where it inherits the button color via `currentColor` unless an\n * explicit `color` is given.\n */\nexport const Loader = forwardRef<HTMLSpanElement, LoaderProps>(function Loader(\n  { size = 'md', color, className, style, ...props },\n  ref,\n) {\n  const t = useT()\n  return (\n    <span\n      ref={ref}\n      role=\"status\"\n      aria-label={t('loader.label')}\n      {...props}\n      className={clsx(styles.loader, styles[size], className)}\n      style={color ? ({ color: `var(--tz-color-${color})`, ...style } as CSSProperties) : style}\n    />\n  )\n})\n"],"names":["Loader","forwardRef","size","color","className","style","props","ref","t","useT","jsx","clsx","styles"],"mappings":"gRAmBaA,EAASC,EAAAA,WAAyC,SAC7D,CAAE,KAAAC,EAAO,KAAM,MAAAC,EAAO,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAC3CC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACV,OACEC,EAAAA,IAAC,OAAA,CACC,IAAAH,EACA,KAAK,SACL,aAAYC,EAAE,cAAc,EAC3B,GAAGF,EACJ,UAAWK,EAAAA,KAAKC,EAAO,OAAQA,EAAOV,CAAI,EAAGE,CAAS,EACtD,MAAOD,EAAS,CAAE,MAAO,kBAAkBA,CAAK,IAAK,GAAGE,GAA4BA,CAAA,CAAA,CAG1F,CAAC"}
+{"version":3,"file":"Loader-BE3SQr7W.cjs","sources":["../src/components/Loader/Loader.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Loader.module.css'\n\nexport type LoaderSize = 'sm' | 'md' | 'lg'\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {\n  /** Preset size — matches the Icon sizes: `sm` 16px · `md` 18px · `lg` 22px. Defaults to `md`. */\n  size?: LoaderSize\n  /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */\n  color?: ThemeColor\n}\n\n/**\n * A circular spinner. Works standalone as a loading indicator or inside a\n * `Button`, where it inherits the button color via `currentColor` unless an\n * explicit `color` is given.\n */\nexport const Loader = forwardRef<HTMLSpanElement, LoaderProps>(function Loader(\n  { size = 'md', color, className, style, ...props },\n  ref,\n) {\n  const t = useT()\n  return (\n    <span\n      ref={ref}\n      role=\"status\"\n      aria-label={t('loader.label')}\n      {...props}\n      className={clsx(styles.loader, styles[size], className)}\n      style={color ? ({ color: `var(--tz-color-${color})`, ...style } as CSSProperties) : style}\n    />\n  )\n})\n"],"names":["Loader","forwardRef","size","color","className","style","props","ref","t","useT","jsx","clsx","styles"],"mappings":"gRAmBaA,EAASC,EAAAA,WAAyC,SAC7D,CAAE,KAAAC,EAAO,KAAM,MAAAC,EAAO,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAC3CC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACV,OACEC,EAAAA,IAAC,OAAA,CACC,IAAAH,EACA,KAAK,SACL,aAAYC,EAAE,cAAc,EAC3B,GAAGF,EACJ,UAAWK,EAAAA,KAAKC,EAAO,OAAQA,EAAOV,CAAI,EAAGE,CAAS,EACtD,MAAOD,EAAS,CAAE,MAAO,kBAAkBA,CAAK,IAAK,GAAGE,GAA4BA,CAAA,CAAA,CAG1F,CAAC"}

package/dist/{LocationPicker-Cns3fkYI.js → LocationPicker-BvKtZFq0.js}

@@ -2,17 +2,17 @@ import { jsxs as C, jsx as r, Fragment as Fe } from "react/jsx-runtime";
 import { useId as bt, useRef as w, useState as x, useEffect as B, forwardRef as xt, useCallback as Et } from "react";
 import { clsx as Me } from "clsx";
 import { u as Ct } from "./formContext-B7ln1Miy.js";
-import { C as Dt } from "./CopyButton-Bidt2Vgp.js";
-import { b as O } from "./Icon-D5TxgfCc.js";
-import { I as he } from "./IconButton-BoURJOUD.js";
+import { C as Dt } from "./CopyButton-Dm8-V4ku.js";
+import { b as O } from "./Icon-B7DJn8Tw.js";
+import { I as he } from "./IconButton-re6xITGO.js";
 import { S as At } from "./Skeleton-_-uGax2j.js";
-import { T as He } from "./TextField-Dwx5GPxz.js";
+import { T as He } from "./TextField-CyKIx-d-.js";
 import { T as ye } from "./Tooltip-BbT0uNzy.js";
 import { T as V } from "./Typography-ChSuxgkc.js";
 import { F as qt } from "./FloatingPanel-C5c_eMQ0.js";
-import { L as zt } from "./ListItem-2Lr5_NRY.js";
-import { L as ft } from "./Loader-CnTuddK7.js";
-import { a as kt, u as Rt, g as $t, j as Ft } from "./ConfigProvider-Dqfu7UBU.js";
+import { L as zt } from "./ListItem-Ezmdk7q-.js";
+import { L as ft } from "./Loader-7v1QBvHY.js";
+import { a as kt, u as Rt, g as $t, j as Ft } from "./ConfigProvider-DVDGtCUc.js";
 const wt = "tz-google-maps", ht = "__tzGoogleMapsReady";
 let Y = null, yt = !1, St = !1;
 const Ze = /* @__PURE__ */ new Set();
@@ -778,4 +778,4 @@ export {
   Zo as L,
   Be as T
 };
-//# sourceMappingURL=LocationPicker-Cns3fkYI.js.map
+//# sourceMappingURL=LocationPicker-BvKtZFq0.js.map