@techzyapp/ui-library 1.0.49 → 1.0.51

package/dist/ListItem-CguNjf-u.cjs

@@ -1,2 +0,0 @@
-"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-CguNjf-u.cjs.map

@@ -1 +0,0 @@
-{"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

@@ -1,76 +0,0 @@
-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-Ezmdk7q-.js.map

@@ -1 +0,0 @@
-{"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/Sidebar-CLr-DyQ_.js

@@ -1,522 +0,0 @@
-import { jsx as u, jsxs as q, Fragment as F } from "react/jsx-runtime";
-import { useMemo as w, useState as D, useRef as V, useEffect as L } from "react";
-import { Navigate as Y, useRouterState as E, useNavigate as G, useRouter as R, Link as y } from "@tanstack/react-router";
-import { clsx as U } from "clsx";
-import { b as O } from "./Icon-B7DJn8Tw.js";
-import { L as T } from "./List-DS91CZUt.js";
-import { L as A } from "./ListItem-Ezmdk7q-.js";
-import { T as W } from "./TextField-Dfpk0jOg.js";
-import { T as H } from "./Typography-ChSuxgkc.js";
-import { u as Q, h as X } from "./access-Db4knwyR.js";
-import { a as j } from "./ConfigProvider-DtyUlWk6.js";
-const J = "_nav_vh85q_4", Z = "_module_vh85q_17", ee = "_search_vh85q_25", te = "_searchPanel_vh85q_31", oe = "_moduleLabel_vh85q_46", ne = "_leaves_vh85q_57", ae = "_navBadge_vh85q_62", se = "_navDot_vh85q_74", le = "_leafDot_vh85q_82", re = "_collapsible_vh85q_91", ce = "_collapsibleClosed_vh85q_96", ie = "_collapsibleInner_vh85q_99", ue = "_chevron_vh85q_105", de = "_chevronButton_vh85q_115", h = {
-  nav: J,
-  module: Z,
-  search: ee,
-  searchPanel: te,
-  moduleLabel: oe,
-  leaves: ne,
-  navBadge: ae,
-  navDot: se,
-  leafDot: le,
-  collapsible: re,
-  collapsibleClosed: ce,
-  collapsibleInner: ie,
-  chevron: ue,
-  chevronButton: de
-}, C = A, fe = (e) => e.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" "), z = (e) => e.replace(/^\/+|\/+$/g, ""), x = (e) => e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, M = (e, o) => e.order - o.order || e.label.localeCompare(o.label);
-function he(e) {
-  const o = [];
-  for (const l of e) {
-    const s = l.staticData, n = z(l.fullPath);
-    !(s != null && s.name) || !n || o.push({ path: n, name: s.name, sd: s });
-  }
-  const t = new Map(o.map((l) => [l.path, l])), a = o.map((l) => l.path), c = (l) => a.some((s) => {
-    var n;
-    return s !== l && s.startsWith(`${l}/`) && !((n = t.get(s)) != null && n.sd.hidden);
-  }), r = new Set(e.map((l) => l.fullPath)), i = (l) => r.has(`/${l}/`), d = (l, s) => {
-    const n = t.get(l);
-    return {
-      label: (n == null ? void 0 : n.name) ?? fe(s),
-      icon: n == null ? void 0 : n.sd.icon,
-      badge: n == null ? void 0 : n.sd.badge,
-      dot: n == null ? void 0 : n.sd.dot,
-      order: (n == null ? void 0 : n.sd.order) ?? Number.POSITIVE_INFINITY
-    };
-  }, v = /* @__PURE__ */ new Map(), p = (l) => {
-    let s = v.get(l);
-    if (!s) {
-      const n = d(l, l);
-      s = { label: n.label, icon: n.icon, order: n.order, groups: /* @__PURE__ */ new Map() }, v.set(l, s);
-    }
-    return s;
-  }, f = [];
-  for (const { path: l, name: s, sd: n } of o) {
-    const b = l.split("/");
-    if (b.length <= 2 && c(l) || n.hidden) continue;
-    if (b.length === 1) {
-      f.push({
-        label: s,
-        to: `/${l}`,
-        icon: n.icon,
-        badge: n.badge,
-        dot: n.dot,
-        order: n.order ?? Number.POSITIVE_INFINITY
-      });
-      continue;
-    }
-    const $ = p(b[0]);
-    if (b.length === 2)
-      $.groups.set(l, {
-        label: s,
-        icon: n.icon,
-        to: `/${l}`,
-        badge: n.badge,
-        dot: n.dot,
-        order: n.order ?? Number.POSITIVE_INFINITY,
-        leaves: [],
-        isContainer: !1
-      });
-    else {
-      const N = b.slice(0, 2).join("/");
-      let P = $.groups.get(N);
-      if (!P) {
-        const k = d(N, b[1]);
-        P = {
-          label: k.label,
-          icon: k.icon,
-          badge: k.badge,
-          dot: k.dot,
-          order: k.order,
-          to: i(N) ? `/${N}` : void 0,
-          leaves: [],
-          isContainer: !0
-        }, $.groups.set(N, P);
-      }
-      P.leaves.push({
-        label: s,
-        to: `/${l}`,
-        icon: n.icon,
-        badge: n.badge,
-        dot: n.dot,
-        order: n.order ?? Number.POSITIVE_INFINITY
-      });
-    }
-  }
-  const m = f.map((l) => ({
-    order: l.order,
-    label: l.label,
-    item: {
-      kind: "link",
-      link: { label: l.label, to: l.to, icon: l.icon, badge: l.badge, dot: l.dot }
-    }
-  })), _ = [...v.values()].map((l) => ({
-    order: l.order,
-    label: l.label,
-    item: {
-      kind: "module",
-      module: {
-        module: l.label,
-        icon: l.icon,
-        groups: [...l.groups.values()].sort(M).map(
-          (s) => ({
-            label: s.label,
-            icon: s.icon,
-            to: s.to,
-            badge: s.badge,
-            dot: s.dot,
-            children: s.isContainer ? s.leaves.sort(M).map((n) => ({
-              label: n.label,
-              to: n.to,
-              icon: n.icon,
-              badge: n.badge,
-              dot: n.dot
-            })) : void 0
-          })
-        )
-      }
-    }
-  })), g = [...m, ..._].sort(M).map((l) => l.item);
-  return {
-    items: g,
-    links: g.flatMap((l) => l.kind === "link" ? [l.link] : []),
-    modules: g.flatMap((l) => l.kind === "module" ? [l.module] : [])
-  };
-}
-function S() {
-  const e = R(), o = Q();
-  return w(
-    () => he(
-      Object.values(e.looseRoutesById).map((t) => {
-        var a;
-        return {
-          fullPath: t.fullPath,
-          staticData: (a = t.options) == null ? void 0 : a.staticData
-        };
-      }).filter((t) => {
-        var a;
-        return X((a = t.staticData) == null ? void 0 : a.roles);
-      })
-    ),
-    [e, o]
-  );
-}
-function K(e) {
-  var o;
-  for (const t of e.items) {
-    if (t.kind === "link") return t.link.to;
-    for (const a of t.module.groups) {
-      if (a.to) return a.to;
-      const c = (o = a.children) == null ? void 0 : o[0];
-      if (c) return c.to;
-    }
-  }
-}
-function me() {
-  return K(S());
-}
-function be(e) {
-  var t;
-  const o = /* @__PURE__ */ new Map();
-  for (const a of e) {
-    const c = (t = a.staticData) == null ? void 0 : t.name;
-    if (!c) continue;
-    const r = x(a.fullPath);
-    o.has(r) || o.set(r, c);
-  }
-  return o;
-}
-function pe(e, o) {
-  const t = [];
-  let a = "";
-  for (const c of z(e).split("/").filter(Boolean)) {
-    a += `/${c}`;
-    const r = o.get(a);
-    r && t.push({ name: r, to: a });
-  }
-  return t;
-}
-function ve() {
-  const e = R();
-  return w(
-    () => be(
-      Object.values(e.looseRoutesById).map((o) => {
-        var t;
-        return {
-          fullPath: o.fullPath,
-          staticData: (t = o.options) == null ? void 0 : t.staticData
-        };
-      })
-    ),
-    [e]
-  );
-}
-function ge(e, o) {
-  if (e != null)
-    return typeof e == "function" ? e(o) : e;
-}
-function _e() {
-  var o;
-  const e = E({ select: (t) => t.matches });
-  for (let t = e.length - 1; t >= 0; t--) {
-    const a = ge(
-      (o = e[t].staticData) == null ? void 0 : o.breadcrumb,
-      e[t].params ?? {}
-    );
-    if (a) return a;
-  }
-}
-function Ne(e) {
-  const o = /* @__PURE__ */ new Set();
-  for (const t of e.links) o.add(t.to);
-  for (const t of e.modules)
-    for (const a of t.groups) {
-      a.to && o.add(a.to);
-      for (const c of a.children ?? []) o.add(c.to);
-    }
-  return o;
-}
-function ke(e, o) {
-  const { leafPath: t, leafLabel: a, navigable: c } = o, r = e.map(({ name: i, to: d }) => ({
-    label: i,
-    to: d !== t && c.has(d) ? d : void 0
-  }));
-  return a && (e.length > 0 && e[e.length - 1].to === t ? r[r.length - 1] = { label: a } : r.push({ label: a })), r;
-}
-function Re() {
-  const e = S(), o = ve(), t = E({ select: (i) => i.location.pathname }), a = _e(), c = K(e), r = ke(pe(t, o), {
-    leafPath: x(t),
-    leafLabel: a,
-    navigable: Ne(e)
-  });
-  return { homeTo: c, items: r };
-}
-function Oe() {
-  const e = me();
-  return e ? /* @__PURE__ */ u(Y, { to: e }) : null;
-}
-function je() {
-  const { items: e } = S(), o = E({ select: (r) => r.location.pathname }), t = [];
-  let a = [];
-  const c = () => {
-    if (a.length === 0) return;
-    const r = a;
-    a = [], t.push(
-      /* @__PURE__ */ u(T, { children: r.map((i) => /* @__PURE__ */ u(
-        C,
-        {
-          as: y,
-          to: i.to,
-          icon: i.icon,
-          selected: B(o, i.to),
-          clickable: !0,
-          trailing: I(i.badge, i.dot),
-          children: i.label
-        },
-        i.to
-      )) }, `links-${r[0].to}`)
-    );
-  };
-  for (const r of e) {
-    if (r.kind === "link") {
-      a.push(r.link);
-      continue;
-    }
-    c();
-    const i = r.module;
-    t.push(
-      /* @__PURE__ */ q("div", { className: h.module, children: [
-        /* @__PURE__ */ u(
-          H,
-          {
-            as: "div",
-            variant: "caption",
-            color: "muted",
-            uppercase: !0,
-            className: h.moduleLabel,
-            children: i.module
-          }
-        ),
-        /* @__PURE__ */ u(T, { children: i.groups.map((d) => /* @__PURE__ */ u(Ce, { group: d, pathname: o }, d.label)) })
-      ] }, `mod-${i.module}`)
-    );
-  }
-  return c(), /* @__PURE__ */ u("nav", { className: h.nav, children: t });
-}
-function Ie(e) {
-  const o = [];
-  for (const t of e.links) o.push({ label: t.label, to: t.to });
-  for (const t of e.modules)
-    for (const a of t.groups) {
-      a.to && o.push({ label: a.label, to: a.to, context: t.module });
-      for (const c of a.children ?? [])
-        o.push({
-          label: c.label,
-          to: c.to,
-          context: `${t.module} · ${a.label}`
-        });
-    }
-  return o;
-}
-const Pe = 8;
-function ze() {
-  const e = j(), o = S(), t = G(), a = w(() => Ie(o), [o]), [c, r] = D(""), [i, d] = D(!1), [v, p] = D(0), f = V(null), m = w(() => {
-    const s = c.trim().toLowerCase();
-    return s ? a.filter(
-      (n) => {
-        var b;
-        return n.label.toLowerCase().includes(s) || (((b = n.context) == null ? void 0 : b.toLowerCase().includes(s)) ?? !1);
-      }
-    ).slice(0, Pe) : [];
-  }, [a, c]), _ = i && m.length > 0;
-  L(() => p(0), [c]), L(() => {
-    p((s) => s > m.length - 1 ? Math.max(0, m.length - 1) : s);
-  }, [m.length]), L(() => {
-    if (!i) return;
-    const s = (n) => {
-      f.current && !f.current.contains(n.target) && d(!1);
-    };
-    return document.addEventListener("pointerdown", s), () => document.removeEventListener("pointerdown", s);
-  }, [i]);
-  const g = (s) => {
-    t({ to: s }), r(""), d(!1);
-  }, l = (s) => {
-    if (_)
-      if (s.key === "ArrowDown")
-        s.preventDefault(), p((n) => (n + 1) % m.length);
-      else if (s.key === "ArrowUp")
-        s.preventDefault(), p((n) => (n - 1 + m.length) % m.length);
-      else if (s.key === "Enter") {
-        s.preventDefault();
-        const n = m[v];
-        n && g(n.to);
-      } else s.key === "Escape" && d(!1);
-  };
-  return /* @__PURE__ */ q(
-    "div",
-    {
-      ref: f,
-      className: h.search,
-      role: "combobox",
-      "aria-expanded": _,
-      "aria-haspopup": "listbox",
-      children: [
-        /* @__PURE__ */ u(
-          W,
-          {
-            value: c,
-            onChange: (s) => {
-              r(s.target.value), d(!0);
-            },
-            onFocus: () => d(!0),
-            onKeyDown: l,
-            adornment: /* @__PURE__ */ u(O, { name: "SearchNormal" }),
-            placeholder: e("sidebar.searchPages"),
-            "aria-label": e("sidebar.searchPages"),
-            autoComplete: "off"
-          }
-        ),
-        _ ? /* @__PURE__ */ u("div", { className: h.searchPanel, children: /* @__PURE__ */ u(T, { role: "listbox", children: m.map((s, n) => /* @__PURE__ */ u(
-          A,
-          {
-            description: s.context,
-            clickable: !0,
-            selected: n === v,
-            onMouseDown: (b) => b.preventDefault(),
-            onMouseEnter: () => p(n),
-            onClick: () => g(s.to),
-            children: s.label
-          },
-          s.to
-        )) }) }) : null
-      ]
-    }
-  );
-}
-function B(e, o) {
-  const t = x(e), a = x(o);
-  return a === "/" ? t === "/" : t === a || t.startsWith(a + "/");
-}
-function De(e, o) {
-  var t;
-  return e.to && B(o, e.to) ? !0 : ((t = e.children) == null ? void 0 : t.some((a) => B(o, a.to))) ?? !1;
-}
-function Le(e) {
-  return e ? /* @__PURE__ */ u("span", { className: h.navBadge, children: e }) : null;
-}
-function ye(e) {
-  return e ? /* @__PURE__ */ u("span", { className: h.navDot, style: { background: `var(--tz-color-${e})` } }) : null;
-}
-function I(e, o, t) {
-  if (!(e == null && o == null && t == null))
-    return /* @__PURE__ */ q(F, { children: [
-      Le(e),
-      ye(o),
-      t
-    ] });
-}
-function Ce({ group: e, pathname: o }) {
-  var v, p;
-  const t = j(), a = De(e, o), c = !!((v = e.children) != null && v.length), [r, i] = D(a);
-  if (L(() => {
-    a && i(!0);
-  }, [a]), !c && e.to)
-    return /* @__PURE__ */ u(
-      C,
-      {
-        as: y,
-        to: e.to,
-        icon: e.icon,
-        selected: a,
-        clickable: !0,
-        trailing: I(e.badge, e.dot),
-        children: e.label
-      }
-    );
-  const d = /* @__PURE__ */ u(
-    O,
-    {
-      name: "ArrowDown4",
-      size: "sm",
-      className: h.chevron,
-      "data-open": r ? "true" : "false"
-    }
-  );
-  return /* @__PURE__ */ q(F, { children: [
-    c && e.to ? (
-      // "Case B": the row navigates (and expands); a separate chevron only toggles.
-      /* @__PURE__ */ u(
-        C,
-        {
-          as: y,
-          to: e.to,
-          icon: e.icon,
-          selected: a,
-          clickable: !0,
-          onClick: () => i(!0),
-          trailing: I(
-            e.badge,
-            e.dot,
-            /* @__PURE__ */ u(
-              "button",
-              {
-                type: "button",
-                className: h.chevronButton,
-                "aria-label": t(r ? "sidebar.collapseGroup" : "sidebar.expandGroup", {
-                  group: e.label
-                }),
-                "aria-expanded": r,
-                onClick: (f) => {
-                  f.preventDefault(), f.stopPropagation(), i((m) => !m);
-                },
-                children: d
-              }
-            )
-          ),
-          children: e.label
-        }
-      )
-    ) : (
-      // a pure container — the whole row toggles its children
-      /* @__PURE__ */ u(
-        A,
-        {
-          icon: e.icon,
-          selected: a,
-          clickable: !0,
-          "aria-expanded": r,
-          onClick: () => i((f) => !f),
-          trailing: I(e.badge, e.dot, d),
-          children: e.label
-        }
-      )
-    ),
-    c ? (
-      // smooth collapse, same grid-template-rows technique as Card
-      /* @__PURE__ */ u("div", { className: U(h.collapsible, !r && h.collapsibleClosed), children: /* @__PURE__ */ u("div", { className: h.collapsibleInner, children: /* @__PURE__ */ u(T, { className: h.leaves, children: (p = e.children) == null ? void 0 : p.map((f) => /* @__PURE__ */ u(
-        C,
-        {
-          as: y,
-          to: f.to,
-          icon: /* @__PURE__ */ u("span", { className: h.leafDot }),
-          selected: B(o, f.to),
-          size: "md",
-          clickable: !0,
-          trailing: I(f.badge, f.dot),
-          children: f.label
-        },
-        f.to
-      )) }) }) })
-    ) : null
-  ] });
-}
-export {
-  Oe as F,
-  ze as N,
-  je as S,
-  me as a,
-  he as b,
-  K as f,
-  Re as u
-};
-//# sourceMappingURL=Sidebar-CLr-DyQ_.js.map