@techzyapp/ui-library 1.0.30 → 1.0.32

package/dist/List-9lUjapQ5.cjs

@@ -1,2 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),C=require("./Flex-C6tHC8n7.cjs"),j=require("./Skeleton-DK0lAjS9.cjs"),E=require("clsx"),O=require("./Icon-BVULqOJD.cjs"),D=require("./names-BJnFU_5m.cjs"),N=u.createContext({}),R=()=>u.useContext(N),A="_item_16twt_3",M="_sm_16twt_25",B="_md_16twt_31",F="_lg_16twt_36",P="_flush_16twt_43",Z="_itemIcon_16twt_49",$="_itemText_16twt_57",G="_itemLabel_16twt_65",H="_itemDescription_16twt_72",J="_itemTrailing_16twt_82",Q="_clickable_16twt_92",U="_selected_16twt_109",V="_disabled_16twt_130",e={item:A,sm:M,md:B,lg:F,flush:P,itemIcon:Z,itemText:$,itemLabel:G,itemDescription:H,itemTrailing:J,clickable:Q,selected:U,disabled:V},W=new Set(D.ICON_NAMES),X={sm:"sm",md:"md",lg:"md"},v=u.forwardRef(function({icon:n,description:o,trailing:d,selected:x=!1,clickable:l=!1,disabled:s=!1,size:i,flush:f,color:h="primary",as:c,className:p,style:w,children:r,onClick:I,onKeyDown:a,...m},T){const L=R(),g=i??L.size??"md",S=f??L.flush??!1,q=c??"div",b=l&&!(c==="a"||c==="button"||typeof c=="function"||typeof c=="object"),k=n==null?null:typeof n=="string"&&W.has(n)?t.jsx(O.Icon,{name:n,size:X[g]}):n,z=_=>{b&&!s&&(_.key==="Enter"||_.key===" ")&&(_.preventDefault(),_.currentTarget.click()),a==null||a(_)};return t.jsxs(q,{ref:T,className:E.clsx(e.item,e[g],S&&e.flush,x&&e.selected,l&&e.clickable,s&&e.disabled,p),style:{"--tz-btn-rgb":`var(--tz-color-${h}-rgb)`,...w},role:b?"button":void 0,tabIndex:b?s?-1:0:void 0,"aria-disabled":s||void 0,"aria-current":x||void 0,onClick:s?void 0:I,onKeyDown:l?z:a,...m,children:[k!=null&&t.jsx("span",{className:e.itemIcon,children:k}),(r!=null||o!=null)&&t.jsxs("span",{className:e.itemText,children:[r!=null&&t.jsx("span",{className:e.itemLabel,children:r}),o!=null&&t.jsx("span",{className:e.itemDescription,children:o})]}),d!=null&&t.jsx("span",{className:e.itemTrailing,children:d})]})}),Y=u.forwardRef(function({as:n,gap:o=2,padding:d,role:x="list",size:l,flush:s,loading:i=!1,style:f,children:h,...c},p){const w=n??"div",r=u.useMemo(()=>({size:l,flush:s}),[l,s]),I=typeof i=="number"?i:i?3:0;return t.jsx(w,{ref:p,role:x,"aria-busy":i?!0:void 0,style:{display:"flex",flexDirection:"column",gap:C.space(o),padding:C.space(d),...f},...c,children:t.jsx(N.Provider,{value:r,children:i?Array.from({length:I},(a,m)=>t.jsx(v,{"aria-hidden":"true",icon:t.jsx(j.Skeleton,{variant:"circle",height:"1.25em"}),description:t.jsx(j.Skeleton,{width:m%2?"45%":"60%"}),children:t.jsx(j.Skeleton,{width:m%2?"30%":"40%"})},m)):h})})});exports.List=Y;exports.ListItem=v;
-//# sourceMappingURL=List-9lUjapQ5.cjs.map

package/dist/List-9lUjapQ5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"List-9lUjapQ5.cjs","sources":["../src/components/List/listContext.ts","../src/components/List/ListItem.tsx","../src/components/List/List.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","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":["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","List","gap","padding","role","loading","ctx","useMemo","skeletonRows","space","_","i","Skeleton"],"mappings":"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"}

package/dist/List-CZwNGxuP.js

@@ -1,107 +0,0 @@
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import { createContext as D, useContext as j, forwardRef as y, useMemo as A } from "react";
-import { s as v } from "./Flex-BFn4P1tJ.js";
-import { S as I } from "./Skeleton-_-uGax2j.js";
-import { clsx as M } from "clsx";
-import { I as R } from "./Icon-DaTvzLBu.js";
-import { a as B } from "./names-r21QPjcU.js";
-const T = D({}), P = () => j(T), Z = "_item_16twt_3", $ = "_sm_16twt_25", q = "_md_16twt_31", F = "_lg_16twt_36", G = "_flush_16twt_43", H = "_itemIcon_16twt_49", J = "_itemText_16twt_57", Q = "_itemLabel_16twt_65", U = "_itemDescription_16twt_72", V = "_itemTrailing_16twt_82", W = "_clickable_16twt_92", X = "_selected_16twt_109", Y = "_disabled_16twt_130", t = {
-  item: Z,
-  sm: $,
-  md: q,
-  lg: F,
-  flush: G,
-  itemIcon: H,
-  itemText: J,
-  itemLabel: Q,
-  itemDescription: U,
-  itemTrailing: V,
-  clickable: W,
-  selected: X,
-  disabled: Y
-}, K = new Set(B), tt = { sm: "sm", md: "md", lg: "md" }, et = y(function({
-  icon: n,
-  description: c,
-  trailing: d,
-  selected: u = !1,
-  clickable: l = !1,
-  disabled: s = !1,
-  size: i,
-  flush: f,
-  color: p = "primary",
-  as: o,
-  className: h,
-  style: w,
-  children: r,
-  onClick: x,
-  onKeyDown: m,
-  ...a
-}, S) {
-  const g = P(), C = i ?? g.size ?? "md", z = f ?? g.flush ?? !1, E = o ?? "div", b = l && !(o === "a" || o === "button" || typeof o == "function" || typeof o == "object"), L = n == null ? null : typeof n == "string" && K.has(n) ? /* @__PURE__ */ e(R, { name: n, size: tt[C] }) : n, O = (_) => {
-    b && !s && (_.key === "Enter" || _.key === " ") && (_.preventDefault(), _.currentTarget.click()), m == null || m(_);
-  };
-  return /* @__PURE__ */ N(
-    E,
-    {
-      ref: S,
-      className: M(
-        t.item,
-        t[C],
-        z && t.flush,
-        u && t.selected,
-        l && t.clickable,
-        s && t.disabled,
-        h
-      ),
-      style: { "--tz-btn-rgb": `var(--tz-color-${p}-rgb)`, ...w },
-      role: b ? "button" : void 0,
-      tabIndex: b ? s ? -1 : 0 : void 0,
-      "aria-disabled": s || void 0,
-      "aria-current": u || void 0,
-      onClick: s ? void 0 : x,
-      onKeyDown: l ? O : m,
-      ...a,
-      children: [
-        L != null && /* @__PURE__ */ e("span", { className: t.itemIcon, children: L }),
-        (r != null || c != null) && /* @__PURE__ */ N("span", { className: t.itemText, children: [
-          r != null && /* @__PURE__ */ e("span", { className: t.itemLabel, children: r }),
-          c != null && /* @__PURE__ */ e("span", { className: t.itemDescription, children: c })
-        ] }),
-        d != null && /* @__PURE__ */ e("span", { className: t.itemTrailing, children: d })
-      ]
-    }
-  );
-}), at = y(function({ as: n, gap: c = 2, padding: d, role: u = "list", size: l, flush: s, loading: i = !1, style: f, children: p, ...o }, h) {
-  const w = n ?? "div", r = A(() => ({ size: l, flush: s }), [l, s]), x = typeof i == "number" ? i : i ? 3 : 0;
-  return /* @__PURE__ */ e(
-    w,
-    {
-      ref: h,
-      role: u,
-      "aria-busy": i ? !0 : void 0,
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: v(c),
-        padding: v(d),
-        ...f
-      },
-      ...o,
-      children: /* @__PURE__ */ e(T.Provider, { value: r, children: i ? Array.from({ length: x }, (m, a) => /* @__PURE__ */ e(
-        et,
-        {
-          "aria-hidden": "true",
-          icon: /* @__PURE__ */ e(I, { variant: "circle", height: "1.25em" }),
-          description: /* @__PURE__ */ e(I, { width: a % 2 ? "45%" : "60%" }),
-          children: /* @__PURE__ */ e(I, { width: a % 2 ? "30%" : "40%" })
-        },
-        a
-      )) : p })
-    }
-  );
-});
-export {
-  at as L,
-  et as a
-};
-//# sourceMappingURL=List-CZwNGxuP.js.map

package/dist/List-CZwNGxuP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List-CZwNGxuP.js","sources":["../src/components/List/listContext.ts","../src/components/List/ListItem.tsx","../src/components/List/List.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","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":["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","List","gap","padding","role","loading","ctx","useMemo","skeletonRows","space","_","i","Skeleton"],"mappings":"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"}

package/dist/RadioGroup-BcFBdFhh.cjs

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),a=require("react"),m=require("clsx"),E=require("./formContext-bTWrqdEV.cjs"),F=require("./Typography-B6ASPrzT.cjs"),S=a.createContext(null);function T(){return a.useContext(S)}const D="_field_oev9b_2",P="_row_oev9b_9",$="_disabled_oev9b_21",A="_input_oev9b_27",H="_circle_oev9b_41",J="_dot_oev9b_63",K="_error_oev9b_77",M="_label_oev9b_81",O="_required_oev9b_86",Q="_sm_oev9b_92",U="_md_oev9b_96",W="_lg_oev9b_100",X="_group_oev9b_116",Y="_groupLabel_oev9b_123",Z="_options_oev9b_128",ee="_horizontal_oev9b_134",o={field:D,row:P,disabled:$,input:A,circle:H,dot:J,error:K,label:M,required:O,sm:Q,md:U,lg:W,group:X,groupLabel:Y,options:Z,horizontal:ee},V=a.forwardRef(function({value:n,label:d,color:h,size:u,error:r,checked:c,onChange:_,name:p,disabled:j,id:N,className:R,style:q,...z},y){const g=a.useId(),C=N??g,e=T(),l=h??(e==null?void 0:e.color)??"accent",b=u??(e==null?void 0:e.size)??"md",i=r??(e==null?void 0:e.error)??!1,v=j??(e==null?void 0:e.disabled)??!1,x=p??(e==null?void 0:e.name),[w,G]=a.useState(!1),I=e?e.value===n:c!==void 0?c:w,f=L=>{if(e){e.onChange(n);return}c===void 0&&G(L.target.checked),_==null||_(L.target.checked)};return s.jsx("div",{className:m.clsx(o.field,i&&o.error,v&&o.disabled,R),style:{"--tz-btn-rgb":`var(--tz-color-${l}-rgb)`,...q},children:s.jsxs("label",{className:m.clsx(o.row,o[b]),children:[s.jsx("input",{ref:y,id:C,name:x,type:"radio",className:o.input,value:n,checked:I,onChange:f,disabled:v,"aria-invalid":i||void 0,...z}),s.jsx("span",{className:o.circle,"aria-hidden":"true",children:s.jsx("span",{className:o.dot})}),d!=null&&s.jsx("span",{className:o.label,children:d})]})})}),oe=a.forwardRef(function({label:n,value:d,defaultValue:h,onChange:u,name:r,options:c,orientation:_="vertical",size:p="md",color:j="accent",error:N,required:R=!1,disabled:q=!1,children:z,className:y,style:g,...C},e){const l=E.useFormContext(),b=!!(l&&r),i=l&&r?l.field(r):void 0,v=d!==void 0?d:b?l.values[r]:void 0,x=v!==void 0,[w,G]=a.useState(h),I=x?v:w,f=N??(i==null?void 0:i.error)??!1,B={name:r,value:I,onChange:t=>{x||G(t),b&&l.setValue(r,t),u==null||u(t)},size:p,color:j,disabled:q,error:f};return s.jsxs("div",{ref:e,role:"radiogroup","aria-invalid":f||void 0,className:m.clsx(o.group,y),style:g,...C,children:[n!=null&&s.jsxs("span",{className:o.groupLabel,children:[s.jsx(F.Typography,{as:"span",variant:"bodySmall",color:"muted",children:n}),R&&s.jsx("span",{className:o.required,"aria-hidden":"true",children:"*"})]}),s.jsx("div",{className:m.clsx(o.options,_==="horizontal"&&o.horizontal),children:s.jsx(S.Provider,{value:B,children:c?c.map(t=>s.jsx(V,{value:t.value,label:t.label,disabled:t.disabled},t.value)):z})})]})});exports.Radio=V;exports.RadioGroup=oe;
-//# sourceMappingURL=RadioGroup-BcFBdFhh.cjs.map

package/dist/RadioGroup-BcFBdFhh.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup-BcFBdFhh.cjs","sources":["../src/components/Radio/radioContext.ts","../src/components/Radio/Radio.tsx","../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ThemeColor } from '../../theme'\nimport type { RadioSize } from './Radio'\n\n/** Shared state a `<RadioGroup>` hands down to its `<Radio>` children via context. */\nexport interface RadioGroupContextValue {\n  /** Shared input `name` (the radios in a group must share one). */\n  name?: string\n  /** The group's currently-selected value. */\n  value?: string\n  /** Select a value — called by a child `<Radio>` on change. */\n  onChange: (value: string) => void\n  size?: RadioSize\n  color?: ThemeColor\n  disabled?: boolean\n  error?: boolean\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\n/** Read the surrounding `<RadioGroup>` so a `<Radio>` can wire itself in (or `null` when standalone). */\nexport function useRadioGroupContext(): RadioGroupContextValue | null {\n  return useContext(RadioGroupContext)\n}\n","import {\n  forwardRef,\n  useId,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { useRadioGroupContext } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioSize = 'sm' | 'md' | 'lg'\n\nexport interface RadioProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'color' | 'type' | 'onChange' | 'value'\n> {\n  /** This option's value — selected when it matches the surrounding `RadioGroup`'s value. */\n  value: string\n  /** Text shown to the right of the control. */\n  label?: ReactNode\n  /** Theme palette token for the selected fill. Defaults to `accent` (inherits the group's `color`). */\n  color?: ThemeColor\n  /** Preset size — circle dimensions and label font. Inherits the group's `size` when omitted. */\n  size?: RadioSize\n  /** Marks the control invalid — reddens the ring. Inherits the group's `error`. */\n  error?: boolean\n  /** Controlled selected state for standalone use (inside a `RadioGroup` the group drives this). */\n  checked?: boolean\n  /** Fires with the next selected state (standalone use). */\n  onChange?: (checked: boolean) => void\n}\n\n/**\n * A single radio button with a label. The native `<input type=\"radio\">` is visually hidden but fully\n * accessible; a styled circle shows the state, filling with `color` and an inner dot when selected.\n * Designed to live inside a `<RadioGroup>` (which supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` via context), but also works standalone (`checked` + `onChange`).\n * Styling uses `--tz-*` tokens only.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  {\n    value,\n    label,\n    color,\n    size,\n    error,\n    checked,\n    onChange,\n    name,\n    disabled,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const group = useRadioGroupContext()\n\n  const resolvedColor = color ?? group?.color ?? 'accent'\n  const resolvedSize = size ?? group?.size ?? 'md'\n  const resolvedError = error ?? group?.error ?? false\n  const resolvedDisabled = disabled ?? group?.disabled ?? false\n  const resolvedName = name ?? group?.name\n\n  // In a group the selection comes from context; standalone it's controlled (`checked`) or local.\n  const [internal, setInternal] = useState(false)\n  const isChecked = group ? group.value === value : checked !== undefined ? checked : internal\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (group) {\n      group.onChange(value)\n      return\n    }\n    if (checked === undefined) setInternal(event.target.checked)\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        resolvedError && styles.error,\n        resolvedDisabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`, ...style } as CSSProperties}\n    >\n      <label className={clsx(styles.row, styles[resolvedSize])}>\n        <input\n          ref={ref}\n          id={id}\n          name={resolvedName}\n          type=\"radio\"\n          className={styles.input}\n          value={value}\n          checked={isChecked}\n          onChange={handleChange}\n          disabled={resolvedDisabled}\n          aria-invalid={resolvedError || undefined}\n          {...props}\n        />\n        <span className={styles.circle} aria-hidden=\"true\">\n          <span className={styles.dot} />\n        </span>\n        {label != null && <span className={styles.label}>{label}</span>}\n      </label>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport { Radio, type RadioSize } from './Radio'\nimport { RadioGroupContext, type RadioGroupContextValue } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioOrientation = 'vertical' | 'horizontal'\n\n/** A single option for the data-driven `options` prop. */\nexport interface RadioOption {\n  value: string\n  label?: ReactNode\n  disabled?: boolean\n}\n\nexport interface RadioGroupProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /** Group label rendered above the options. */\n  label?: ReactNode\n  /** Controlled selected value. */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the newly-selected value. */\n  onChange?: (value: string) => void\n  /** Shared input `name` for the radios (also the `<Form>` binding key). */\n  name?: string\n  /** Data-driven options — an alternative to passing `<Radio>` children. */\n  options?: RadioOption[]\n  /** Stack direction of the options. Defaults to `vertical`. */\n  orientation?: RadioOrientation\n  /** Preset size for every radio. Defaults to `md`. */\n  size?: RadioSize\n  /** Theme palette token for the selected fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Marks the group invalid — reddens the radio rings (no message text, like `Checkbox`). */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Disables every radio in the group. */\n  disabled?: boolean\n  /** `<Radio>` children (used when `options` is not given). */\n  children?: ReactNode\n}\n\n/**\n * Groups radio buttons so exactly one is selected. Supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` to its `<Radio>` children via context — pass them as `children`\n * or, for the common case, via the data-driven `options` prop. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is a\n * `string`; validate with e.g. `z.string().min(1)`). `error` reddens the radio rings (no message text,\n * like `Checkbox`). `role=\"radiogroup\"`; styling uses `--tz-*` tokens.\n */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n  {\n    label,\n    value,\n    defaultValue,\n    onChange,\n    name,\n    options,\n    orientation = 'vertical',\n    size = 'md',\n    color = 'accent',\n    error,\n    required = false,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  // Auto-bind to a surrounding <Form> by `name` — the form value is the selected string.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: string | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? (form!.values[name!] as string | undefined)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<string | undefined>(defaultValue)\n  const currentValue = isControlled ? externalValue : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n\n  const handleChange = (next: string) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const ctx: RadioGroupContextValue = {\n    name,\n    value: currentValue,\n    onChange: handleChange,\n    size,\n    color,\n    disabled,\n    error: resolvedError,\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"radiogroup\"\n      aria-invalid={resolvedError || undefined}\n      className={clsx(styles.group, className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      {label != null && (\n        <span className={styles.groupLabel}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div className={clsx(styles.options, orientation === 'horizontal' && styles.horizontal)}>\n        <RadioGroupContext.Provider value={ctx}>\n          {options\n            ? options.map((option) => (\n                <Radio\n                  key={option.value}\n                  value={option.value}\n                  label={option.label}\n                  disabled={option.disabled}\n                />\n              ))\n            : children}\n        </RadioGroupContext.Provider>\n      </div>\n    </div>\n  )\n})\n"],"names":["RadioGroupContext","createContext","useRadioGroupContext","useContext","Radio","forwardRef","value","label","color","size","error","checked","onChange","name","disabled","idProp","className","style","props","ref","reactId","useId","id","group","resolvedColor","resolvedSize","resolvedError","resolvedDisabled","resolvedName","internal","setInternal","useState","isChecked","handleChange","event","jsx","clsx","styles","jsxs","RadioGroup","defaultValue","options","orientation","required","children","form","useFormContext","isFormBound","bound","externalValue","isControlled","currentValue","ctx","next","Typography","option"],"mappings":"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"}

package/dist/RadioGroup-dVx_hMCY.js

@@ -1,141 +0,0 @@
-import { jsx as r, jsxs as S } from "react/jsx-runtime";
-import { useContext as F, createContext as T, forwardRef as V, useId as D, useState as j } from "react";
-import { clsx as f } from "clsx";
-import { u as P } from "./formContext-B7ln1Miy.js";
-import { T as $ } from "./Typography-CJv5AnRP.js";
-const k = T(null);
-function A() {
-  return F(k);
-}
-const H = "_field_oev9b_2", J = "_row_oev9b_9", K = "_disabled_oev9b_21", M = "_input_oev9b_27", O = "_circle_oev9b_41", Q = "_dot_oev9b_63", U = "_error_oev9b_77", W = "_label_oev9b_81", X = "_required_oev9b_86", Y = "_sm_oev9b_92", Z = "_md_oev9b_96", ee = "_lg_oev9b_100", oe = "_group_oev9b_116", re = "_groupLabel_oev9b_123", se = "_options_oev9b_128", le = "_horizontal_oev9b_134", o = {
-  field: H,
-  row: J,
-  disabled: K,
-  input: M,
-  circle: O,
-  dot: Q,
-  error: U,
-  label: W,
-  required: X,
-  sm: Y,
-  md: Z,
-  lg: ee,
-  group: oe,
-  groupLabel: re,
-  options: se,
-  horizontal: le
-}, te = V(function({
-  value: a,
-  label: d,
-  color: p,
-  size: c,
-  error: s,
-  checked: i,
-  onChange: _,
-  name: h,
-  disabled: N,
-  id: x,
-  className: z,
-  style: R,
-  ...g
-}, y) {
-  const C = D(), w = x ?? C, e = A(), t = p ?? (e == null ? void 0 : e.color) ?? "accent", u = c ?? (e == null ? void 0 : e.size) ?? "md", n = s ?? (e == null ? void 0 : e.error) ?? !1, v = N ?? (e == null ? void 0 : e.disabled) ?? !1, b = h ?? (e == null ? void 0 : e.name), [q, G] = j(!1), I = e ? e.value === a : i !== void 0 ? i : q, m = (L) => {
-    if (e) {
-      e.onChange(a);
-      return;
-    }
-    i === void 0 && G(L.target.checked), _ == null || _(L.target.checked);
-  };
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      className: f(
-        o.field,
-        n && o.error,
-        v && o.disabled,
-        z
-      ),
-      style: { "--tz-btn-rgb": `var(--tz-color-${t}-rgb)`, ...R },
-      children: /* @__PURE__ */ S("label", { className: f(o.row, o[u]), children: [
-        /* @__PURE__ */ r(
-          "input",
-          {
-            ref: y,
-            id: w,
-            name: b,
-            type: "radio",
-            className: o.input,
-            value: a,
-            checked: I,
-            onChange: m,
-            disabled: v,
-            "aria-invalid": n || void 0,
-            ...g
-          }
-        ),
-        /* @__PURE__ */ r("span", { className: o.circle, "aria-hidden": "true", children: /* @__PURE__ */ r("span", { className: o.dot }) }),
-        d != null && /* @__PURE__ */ r("span", { className: o.label, children: d })
-      ] })
-    }
-  );
-}), _e = V(function({
-  label: a,
-  value: d,
-  defaultValue: p,
-  onChange: c,
-  name: s,
-  options: i,
-  orientation: _ = "vertical",
-  size: h = "md",
-  color: N = "accent",
-  error: x,
-  required: z = !1,
-  disabled: R = !1,
-  children: g,
-  className: y,
-  style: C,
-  ...w
-}, e) {
-  const t = P(), u = !!(t && s), n = t && s ? t.field(s) : void 0, v = d !== void 0 ? d : u ? t.values[s] : void 0, b = v !== void 0, [q, G] = j(p), I = b ? v : q, m = x ?? (n == null ? void 0 : n.error) ?? !1, E = {
-    name: s,
-    value: I,
-    onChange: (l) => {
-      b || G(l), u && t.setValue(s, l), c == null || c(l);
-    },
-    size: h,
-    color: N,
-    disabled: R,
-    error: m
-  };
-  return /* @__PURE__ */ S(
-    "div",
-    {
-      ref: e,
-      role: "radiogroup",
-      "aria-invalid": m || void 0,
-      className: f(o.group, y),
-      style: C,
-      ...w,
-      children: [
-        a != null && /* @__PURE__ */ S("span", { className: o.groupLabel, children: [
-          /* @__PURE__ */ r($, { as: "span", variant: "bodySmall", color: "muted", children: a }),
-          z && /* @__PURE__ */ r("span", { className: o.required, "aria-hidden": "true", children: "*" })
-        ] }),
-        /* @__PURE__ */ r("div", { className: f(o.options, _ === "horizontal" && o.horizontal), children: /* @__PURE__ */ r(k.Provider, { value: E, children: i ? i.map((l) => /* @__PURE__ */ r(
-          te,
-          {
-            value: l.value,
-            label: l.label,
-            disabled: l.disabled
-          },
-          l.value
-        )) : g }) })
-      ]
-    }
-  );
-});
-export {
-  te as R,
-  _e as a
-};
-//# sourceMappingURL=RadioGroup-dVx_hMCY.js.map

package/dist/RadioGroup-dVx_hMCY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup-dVx_hMCY.js","sources":["../src/components/Radio/radioContext.ts","../src/components/Radio/Radio.tsx","../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { ThemeColor } from '../../theme'\nimport type { RadioSize } from './Radio'\n\n/** Shared state a `<RadioGroup>` hands down to its `<Radio>` children via context. */\nexport interface RadioGroupContextValue {\n  /** Shared input `name` (the radios in a group must share one). */\n  name?: string\n  /** The group's currently-selected value. */\n  value?: string\n  /** Select a value — called by a child `<Radio>` on change. */\n  onChange: (value: string) => void\n  size?: RadioSize\n  color?: ThemeColor\n  disabled?: boolean\n  error?: boolean\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(null)\n\n/** Read the surrounding `<RadioGroup>` so a `<Radio>` can wire itself in (or `null` when standalone). */\nexport function useRadioGroupContext(): RadioGroupContextValue | null {\n  return useContext(RadioGroupContext)\n}\n","import {\n  forwardRef,\n  useId,\n  useState,\n  type ChangeEvent,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { useRadioGroupContext } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioSize = 'sm' | 'md' | 'lg'\n\nexport interface RadioProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  'size' | 'color' | 'type' | 'onChange' | 'value'\n> {\n  /** This option's value — selected when it matches the surrounding `RadioGroup`'s value. */\n  value: string\n  /** Text shown to the right of the control. */\n  label?: ReactNode\n  /** Theme palette token for the selected fill. Defaults to `accent` (inherits the group's `color`). */\n  color?: ThemeColor\n  /** Preset size — circle dimensions and label font. Inherits the group's `size` when omitted. */\n  size?: RadioSize\n  /** Marks the control invalid — reddens the ring. Inherits the group's `error`. */\n  error?: boolean\n  /** Controlled selected state for standalone use (inside a `RadioGroup` the group drives this). */\n  checked?: boolean\n  /** Fires with the next selected state (standalone use). */\n  onChange?: (checked: boolean) => void\n}\n\n/**\n * A single radio button with a label. The native `<input type=\"radio\">` is visually hidden but fully\n * accessible; a styled circle shows the state, filling with `color` and an inner dot when selected.\n * Designed to live inside a `<RadioGroup>` (which supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` via context), but also works standalone (`checked` + `onChange`).\n * Styling uses `--tz-*` tokens only.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  {\n    value,\n    label,\n    color,\n    size,\n    error,\n    checked,\n    onChange,\n    name,\n    disabled,\n    id: idProp,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const reactId = useId()\n  const id = idProp ?? reactId\n  const group = useRadioGroupContext()\n\n  const resolvedColor = color ?? group?.color ?? 'accent'\n  const resolvedSize = size ?? group?.size ?? 'md'\n  const resolvedError = error ?? group?.error ?? false\n  const resolvedDisabled = disabled ?? group?.disabled ?? false\n  const resolvedName = name ?? group?.name\n\n  // In a group the selection comes from context; standalone it's controlled (`checked`) or local.\n  const [internal, setInternal] = useState(false)\n  const isChecked = group ? group.value === value : checked !== undefined ? checked : internal\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (group) {\n      group.onChange(value)\n      return\n    }\n    if (checked === undefined) setInternal(event.target.checked)\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles.field,\n        resolvedError && styles.error,\n        resolvedDisabled && styles.disabled,\n        className,\n      )}\n      style={{ '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`, ...style } as CSSProperties}\n    >\n      <label className={clsx(styles.row, styles[resolvedSize])}>\n        <input\n          ref={ref}\n          id={id}\n          name={resolvedName}\n          type=\"radio\"\n          className={styles.input}\n          value={value}\n          checked={isChecked}\n          onChange={handleChange}\n          disabled={resolvedDisabled}\n          aria-invalid={resolvedError || undefined}\n          {...props}\n        />\n        <span className={styles.circle} aria-hidden=\"true\">\n          <span className={styles.dot} />\n        </span>\n        {label != null && <span className={styles.label}>{label}</span>}\n      </label>\n    </div>\n  )\n})\n","import {\n  forwardRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { useFormContext } from '../../form/formContext'\nimport type { ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport { Radio, type RadioSize } from './Radio'\nimport { RadioGroupContext, type RadioGroupContextValue } from './radioContext'\nimport styles from './Radio.module.css'\n\nexport type RadioOrientation = 'vertical' | 'horizontal'\n\n/** A single option for the data-driven `options` prop. */\nexport interface RadioOption {\n  value: string\n  label?: ReactNode\n  disabled?: boolean\n}\n\nexport interface RadioGroupProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue'\n> {\n  /** Group label rendered above the options. */\n  label?: ReactNode\n  /** Controlled selected value. */\n  value?: string\n  /** Initial value for uncontrolled use. */\n  defaultValue?: string\n  /** Fires with the newly-selected value. */\n  onChange?: (value: string) => void\n  /** Shared input `name` for the radios (also the `<Form>` binding key). */\n  name?: string\n  /** Data-driven options — an alternative to passing `<Radio>` children. */\n  options?: RadioOption[]\n  /** Stack direction of the options. Defaults to `vertical`. */\n  orientation?: RadioOrientation\n  /** Preset size for every radio. Defaults to `md`. */\n  size?: RadioSize\n  /** Theme palette token for the selected fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Marks the group invalid — reddens the radio rings (no message text, like `Checkbox`). */\n  error?: boolean\n  /** Adds a red asterisk after the label. */\n  required?: boolean\n  /** Disables every radio in the group. */\n  disabled?: boolean\n  /** `<Radio>` children (used when `options` is not given). */\n  children?: ReactNode\n}\n\n/**\n * Groups radio buttons so exactly one is selected. Supplies the shared `name`, selection and\n * `size`/`color`/`disabled`/`error` to its `<Radio>` children via context — pass them as `children`\n * or, for the common case, via the data-driven `options` prop. Controlled (`value` + `onChange`) or\n * uncontrolled (`defaultValue`), and binds to a surrounding `<Form>` by `name` (its form value is a\n * `string`; validate with e.g. `z.string().min(1)`). `error` reddens the radio rings (no message text,\n * like `Checkbox`). `role=\"radiogroup\"`; styling uses `--tz-*` tokens.\n */\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n  {\n    label,\n    value,\n    defaultValue,\n    onChange,\n    name,\n    options,\n    orientation = 'vertical',\n    size = 'md',\n    color = 'accent',\n    error,\n    required = false,\n    disabled = false,\n    children,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  // Auto-bind to a surrounding <Form> by `name` — the form value is the selected string.\n  const form = useFormContext()\n  const isFormBound = Boolean(form && name)\n  const bound = form && name ? form.field(name) : undefined\n\n  const externalValue: string | undefined =\n    value !== undefined\n      ? value\n      : isFormBound\n        ? (form!.values[name!] as string | undefined)\n        : undefined\n  const isControlled = externalValue !== undefined\n  const [internal, setInternal] = useState<string | undefined>(defaultValue)\n  const currentValue = isControlled ? externalValue : internal\n\n  const resolvedError = error ?? bound?.error ?? false\n\n  const handleChange = (next: string) => {\n    if (!isControlled) setInternal(next)\n    if (isFormBound) form!.setValue(name!, next)\n    onChange?.(next)\n  }\n\n  const ctx: RadioGroupContextValue = {\n    name,\n    value: currentValue,\n    onChange: handleChange,\n    size,\n    color,\n    disabled,\n    error: resolvedError,\n  }\n\n  return (\n    <div\n      ref={ref}\n      role=\"radiogroup\"\n      aria-invalid={resolvedError || undefined}\n      className={clsx(styles.group, className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      {label != null && (\n        <span className={styles.groupLabel}>\n          <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n            {label}\n          </Typography>\n          {required && (\n            <span className={styles.required} aria-hidden=\"true\">\n              *\n            </span>\n          )}\n        </span>\n      )}\n\n      <div className={clsx(styles.options, orientation === 'horizontal' && styles.horizontal)}>\n        <RadioGroupContext.Provider value={ctx}>\n          {options\n            ? options.map((option) => (\n                <Radio\n                  key={option.value}\n                  value={option.value}\n                  label={option.label}\n                  disabled={option.disabled}\n                />\n              ))\n            : children}\n        </RadioGroupContext.Provider>\n      </div>\n    </div>\n  )\n})\n"],"names":["RadioGroupContext","createContext","useRadioGroupContext","useContext","Radio","forwardRef","value","label","color","size","error","checked","onChange","name","disabled","idProp","className","style","props","ref","reactId","useId","id","group","resolvedColor","resolvedSize","resolvedError","resolvedDisabled","resolvedName","internal","setInternal","useState","isChecked","handleChange","event","jsx","clsx","styles","jsxs","RadioGroup","defaultValue","options","orientation","required","children","form","useFormContext","isFormBound","bound","externalValue","isControlled","currentValue","ctx","next","Typography","option"],"mappings":"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"}

package/dist/RichTextEditor-hOfxJEPX.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),Be=require("clsx"),a=require("lexical"),Ue=require("@lexical/react/LexicalComposer"),Ee=require("@lexical/react/LexicalComposerContext"),Fe=require("@lexical/react/LexicalRichTextPlugin"),Pe=require("@lexical/react/LexicalContentEditable"),He=require("@lexical/react/LexicalErrorBoundary"),Ve=require("@lexical/react/LexicalHistoryPlugin"),ze=require("@lexical/react/LexicalListPlugin"),Ge=require("@lexical/react/LexicalCheckListPlugin"),We=require("@lexical/react/LexicalLinkPlugin"),Ke=require("@lexical/react/LexicalMarkdownShortcutPlugin"),se=require("@lexical/markdown"),w=require("@lexical/rich-text"),I=require("@lexical/list"),F=require("@lexical/link"),ve=require("@lexical/html"),Je=require("./formContext-bTWrqdEV.cjs"),je=require("./Typography-B6ASPrzT.cjs"),Qe=require("./toastStore-B4Tk2Xk7.cjs"),M=require("@lexical/selection"),D=require("@lexical/utils"),K=require("./Button-CusxDmfq.cjs"),ye=require("./ColorPickerPanel-DAOESLCe.cjs"),$=require("./Divider-CzbhdCiD.cjs"),ce=require("./Dropdown-DNZ9S_zQ.cjs"),Xe=require("./FloatingPanel-BIC4WrFa.cjs"),g=require("./Icon-BVULqOJD.cjs"),q=require("./IconButton-BNa0yLcv.cjs"),J=require("./List-9lUjapQ5.cjs"),Ye=require("./Modal-DFeBHv-Q.cjs"),Ze=require("./TextField-E85pvJQC.cjs"),ue=require("./ConfigProvider-ByLHqXpv.cjs"),et=/^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i,tt=/^[a-z][a-z0-9+.-]*:/i;function de(o){const e=o.trim();return e===""?"":et.test(e)||!tt.test(e)?e:"#"}function Le(o){const e=o.trim();if(/^data:(?:image|video)\//i.test(e)||/^blob:/i.test(e))return e;const i=de(e);return i==="#"?"":i}function rt(o){return o instanceof HTMLImageElement&&o.src?{node:Q(o.getAttribute("src")??o.src,o.alt)}:null}class X extends a.DecoratorNode{static getType(){return"tz-image"}static clone(e){return new X(e.__src,e.__alt,e.__key)}constructor(e,i="",n){super(n),this.__src=Le(e),this.__alt=i}static importJSON(e){return Q(e.src,e.alt)}exportJSON(){return{...super.exportJSON(),type:"tz-image",version:1,src:this.__src,alt:this.__alt}}static importDOM(){return{img:()=>({conversion:rt,priority:0})}}exportDOM(){const e=document.createElement("img");return e.setAttribute("src",this.__src),e.setAttribute("alt",this.__alt),{element:e}}createDOM(){const e=document.createElement("div");return e.style.display="contents",e}updateDOM(){return!1}getSrc(){return this.__src}getAltText(){return this.__alt}decorate(){return r.jsx("img",{src:this.__src,alt:this.__alt,draggable:!1})}}function Q(o,e=""){return a.$applyNodeReplacement(new X(o,e))}function Se(o){return/\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i.test(o)}function nt(o){const e=o.match(/(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/)|youtu\.be\/)([\w-]{11})/);if(e)return`https://www.youtube.com/embed/${e[1]}`;const i=o.match(/vimeo\.com\/(?:video\/)?(\d+)/);return i?`https://player.vimeo.com/video/${i[1]}`:o}function Ne(o){var i;const e=o.getAttribute("src")||((i=o.querySelector("source"))==null?void 0:i.getAttribute("src"));return e?{node:me(e)}:null}class Y extends a.DecoratorNode{static getType(){return"tz-video"}static clone(e){return new Y(e.__src,e.__key)}constructor(e,i){super(i),this.__src=Le(e)}static importJSON(e){return me(e.src)}exportJSON(){return{...super.exportJSON(),type:"tz-video",version:1,src:this.__src}}static importDOM(){return{iframe:()=>({conversion:Ne,priority:0}),video:()=>({conversion:Ne,priority:0})}}exportDOM(){if(Se(this.__src)){const i=document.createElement("video");return i.setAttribute("src",this.__src),i.setAttribute("controls","true"),{element:i}}const e=document.createElement("iframe");return e.setAttribute("src",this.__src),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","true"),e.setAttribute("allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"),{element:e}}createDOM(){const e=document.createElement("div");return e.style.display="contents",e}updateDOM(){return!1}getSrc(){return this.__src}decorate(){return Se(this.__src)?r.jsx("video",{src:this.__src,controls:!0}):r.jsx(ot,{src:this.__src})}}function ot({src:o}){const e=ue.useT();return r.jsx("div",{className:"tz-rte-embed",children:r.jsx("iframe",{src:o,title:e("rte.embeddedVideo"),frameBorder:0,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function me(o){return a.$applyNodeReplacement(new Y(nt(o)))}const it="_editor_16j1l_1",lt="_label_16j1l_9",st="_required_16j1l_15",ct="_helper_16j1l_18",at="_control_16j1l_24",ut="_error_16j1l_38",dt="_disabled_16j1l_45",mt="_toolbar_16j1l_51",pt="_sm_16j1l_67",ht="_md_16j1l_71",_t="_lg_16j1l_75",ft="_colorGlyph_16j1l_81",xt="_colorBar_16j1l_89",gt="_shell_16j1l_107",jt="_content_16j1l_110",yt="_placeholder_16j1l_123",St="_paragraph_16j1l_146",Nt="_h1_16j1l_152",Tt="_h2_16j1l_153",Ct="_h3_16j1l_154",Et="_h4_16j1l_155",vt="_h5_16j1l_156",Lt="_h6_16j1l_157",bt="_quote_16j1l_176",kt="_ul_16j1l_183",Rt="_ol_16j1l_188",Mt="_li_16j1l_193",It="_nestedLi_16j1l_196",Ot="_liChecked_16j1l_200",At="_liUnchecked_16j1l_201",Dt="_link_16j1l_238",$t="_bold_16j1l_245",qt="_italic_16j1l_248",wt="_underline_16j1l_251",Bt="_strike_16j1l_254",Ut="_codeInline_16j1l_260",s={editor:it,label:lt,required:st,helper:ct,control:at,error:ut,disabled:dt,toolbar:mt,sm:pt,md:ht,lg:_t,colorGlyph:ft,colorBar:xt,shell:gt,content:jt,placeholder:yt,paragraph:St,h1:Nt,h2:Tt,h3:Ct,h4:Et,h5:vt,h6:Lt,quote:bt,ul:kt,ol:Rt,li:Mt,nestedLi:It,liChecked:Ot,liUnchecked:At,link:Dt,bold:$t,italic:qt,underline:wt,strike:Bt,codeInline:Ut},Ft={paragraph:"Paragraph",h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",quote:"Quote",bullet:"Bullet List",number:"Numbered List",check:"Check List"},Pt=[{type:"paragraph",icon:"Text"},{type:"h1",icon:"Hashtag"},{type:"h2",icon:"Hashtag"},{type:"h3",icon:"Hashtag"}],Ht=[{value:"left",labelKey:"rte.alignLeft",icon:"TextalignLeft"},{value:"center",labelKey:"rte.alignCenter",icon:"TextalignCenter"},{value:"right",labelKey:"rte.alignRight",icon:"TextalignRight"}],Vt=["10px","12px","14px","16px","18px","20px"],zt={sm:"12px",md:"14px",lg:"16px"};function Gt({color:o,size:e}){return r.jsxs("span",{className:s.colorGlyph,children:[r.jsx(g.Icon,{name:"Brush",size:e}),r.jsx("span",{className:s.colorBar,style:{borderColor:`transparent transparent ${o||"currentColor"} transparent`},"aria-hidden":"true"})]})}function Wt({size:o,disabled:e,onImageUpload:i}){const n=ue.useT(),p=t=>Ft[t]??t,[l]=Ee.useLexicalComposerContext(),m=u.useRef(null),[j,d]=u.useState(!1),[_,N]=u.useState(!1),[f,x]=u.useState(!1),[y,C]=u.useState(!1),[Z,ee]=u.useState(""),[v,O]=u.useState("paragraph"),[te,E]=u.useState("left"),[T,A]=u.useState(""),[B,P]=u.useState(""),[H,V]=u.useState(!1),U=u.useRef(null),[z,re]=u.useState(!1),[S,be]=u.useState(!1),[h,ne]=u.useState(null),[pe,he]=u.useState(""),oe=u.useCallback(()=>{const t=a.$getSelection();if(!a.$isRangeSelection(t))return;d(t.hasFormat("bold")),N(t.hasFormat("italic")),x(t.hasFormat("underline")),P(M.$getSelectionStyleValueForProperty(t,"color","")),A(M.$getSelectionStyleValueForProperty(t,"font-size",""));const c=t.anchor.getNode(),k=c.getParent(),b=F.$isLinkNode(c)?c:F.$isLinkNode(k)?k:null;C(b!==null),ee((b==null?void 0:b.getURL())??"");const R=c.getKey()==="root"?c:D.$findMatchingParent(c,we=>{const ge=we.getParent();return ge===null||ge.getKey()==="root"})??c.getTopLevelElement();E(a.$isElementNode(R)&&R.getFormatType()||"left");const W=D.$getNearestNodeOfType(c,I.ListNode);W?O(W.getListType()):w.$isHeadingNode(R)?O(R.getTag()):w.$isQuoteNode(R)?O("quote"):O("paragraph")},[]);u.useEffect(()=>D.mergeRegister(l.registerUpdateListener(({editorState:t})=>t.read(oe)),l.registerCommand(a.SELECTION_CHANGE_COMMAND,()=>(oe(),!1),a.COMMAND_PRIORITY_LOW),l.registerCommand(a.CAN_UNDO_COMMAND,t=>(re(t),!1),a.COMMAND_PRIORITY_LOW),l.registerCommand(a.CAN_REDO_COMMAND,t=>(be(t),!1),a.COMMAND_PRIORITY_LOW)),[l,oe]);const ie=t=>l.dispatchCommand(a.FORMAT_TEXT_COMMAND,t),ke=t=>l.dispatchCommand(a.FORMAT_ELEMENT_COMMAND,t),Re=t=>{P(t),l.update(()=>{const c=a.$getSelection();a.$isRangeSelection(c)&&M.$patchStyleText(c,{color:t||null})})},Me=t=>{A(t),l.update(()=>{const c=a.$getSelection();a.$isRangeSelection(c)&&M.$patchStyleText(c,{"font-size":t||null})})},G=t=>{if(t==="bullet"||t==="number"||t==="check"){if(v===t)l.dispatchCommand(I.REMOVE_LIST_COMMAND,void 0);else{const c=t==="bullet"?I.INSERT_UNORDERED_LIST_COMMAND:t==="number"?I.INSERT_ORDERED_LIST_COMMAND:I.INSERT_CHECK_LIST_COMMAND;l.dispatchCommand(c,void 0)}return}l.update(()=>{const c=a.$getSelection();a.$isRangeSelection(c)&&(t==="paragraph"?M.$setBlocksType(c,()=>a.$createParagraphNode()):t==="quote"?M.$setBlocksType(c,()=>w.$createQuoteNode()):M.$setBlocksType(c,()=>w.$createHeadingNode(t)))})},Ie=()=>G(v==="quote"?"paragraph":"quote"),le=(t,c="")=>{he(c),ne(t)},_e=()=>ne(null),Oe=()=>{h==null||h.onConfirm(pe.trim()),ne(null)},Ae=()=>le({icon:"Link2",title:n("rte.linkTitle"),label:n("rte.linkUrl"),placeholder:"https://example.com",confirmLabel:n(y?"common.update":"common.insert"),onConfirm:t=>l.dispatchCommand(F.TOGGLE_LINK_COMMAND,t===""?null:de(t))},Z),De=()=>le({icon:"GalleryAdd",title:n("rte.imageTitle"),label:n("rte.imageUrl"),placeholder:"https://example.com/image.jpg",confirmLabel:n("common.insert"),onConfirm:t=>{t&&l.update(()=>D.$insertNodeToNearestRoot(Q(t)))}}),$e=async t=>{var k;const c=(k=t.target.files)==null?void 0:k[0];if(t.target.value="",!!c)try{const b=i?await i(c):await Kt(c);l.update(()=>D.$insertNodeToNearestRoot(Q(b,c.name)))}catch{Qe.toast.error(n("rte.imageError"))}},qe=()=>le({icon:"VideoSquare",title:n("rte.videoTitle"),label:n("rte.videoUrl"),placeholder:n("rte.videoUrlPlaceholder"),confirmLabel:n("common.insert"),onConfirm:t=>{t&&l.update(()=>D.$insertNodeToNearestRoot(me(t)))}}),L=(t,c,k,b,R)=>r.jsx(q.IconButton,{variant:t?"filled":"text",color:"primary",size:o,disabled:e,"aria-label":c,"aria-pressed":t,onMouseDown:W=>W.preventDefault(),onClick:k,children:b},R),fe=v.startsWith("h")?v:"paragraph",xe=T||zt[o];return r.jsxs("div",{className:s.toolbar,role:"toolbar","aria-label":n("rte.formatting"),"aria-orientation":"horizontal",children:[r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e||!z,"aria-label":n("rte.undo"),onMouseDown:t=>t.preventDefault(),onClick:()=>l.dispatchCommand(a.UNDO_COMMAND,void 0),children:r.jsx(g.Icon,{name:"UndoArrow"})}),r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e||!S,"aria-label":n("rte.redo"),onMouseDown:t=>t.preventDefault(),onClick:()=>l.dispatchCommand(a.REDO_COMMAND,void 0),children:r.jsx(g.Icon,{name:"RedoArrow"})}),r.jsx($.Divider,{orientation:"vertical"}),r.jsx(ce.Dropdown,{size:o,disabled:e,minWidth:!1,trigger:r.jsx(K.Button,{variant:"text",color:"primary",size:o,disabled:e,endIcon:r.jsx(g.Icon,{name:"ArrowDown4"}),"aria-label":n("rte.fontSize"),onMouseDown:t=>t.preventDefault(),children:xe}),children:Vt.map(t=>r.jsx(J.ListItem,{clickable:!0,selected:t===xe,onClick:()=>Me(t),children:t},t))}),r.jsx($.Divider,{orientation:"vertical"}),r.jsx(ce.Dropdown,{size:o,disabled:e,trigger:r.jsx(K.Button,{variant:"text",color:"primary",size:o,disabled:e,endIcon:r.jsx(g.Icon,{name:"ArrowDown4"}),onMouseDown:t=>t.preventDefault(),children:p(fe)}),children:Pt.map(t=>r.jsx(J.ListItem,{clickable:!0,selected:fe===t.type,icon:t.icon,onClick:()=>G(t.type),children:p(t.type)},t.type))}),r.jsx($.Divider,{orientation:"vertical"}),L(j,n("rte.bold"),()=>ie("bold"),r.jsx(g.Icon,{name:"TextBold"})),L(_,n("rte.italic"),()=>ie("italic"),r.jsx(g.Icon,{name:"TextItalic"})),L(f,n("rte.underline"),()=>ie("underline"),r.jsx(g.Icon,{name:"TextUnderline"})),r.jsx($.Divider,{orientation:"vertical"}),L(v==="bullet",n("rte.bulletList"),()=>G("bullet"),r.jsx(g.Icon,{name:"ListBullet"})),L(v==="number",n("rte.numberedList"),()=>G("number"),r.jsx(g.Icon,{name:"ListNumber"})),L(v==="quote",n("rte.quote"),Ie,r.jsx(g.Icon,{name:"QuoteUp"})),r.jsx($.Divider,{orientation:"vertical"}),Ht.map(t=>L(te===t.value,n(t.labelKey),()=>ke(t.value),r.jsx(g.Icon,{name:t.icon}),t.value)),r.jsx($.Divider,{orientation:"vertical"}),r.jsx(q.IconButton,{ref:U,variant:"text",color:"primary",size:o,disabled:e,"aria-label":n("rte.textColor"),"aria-expanded":H,onMouseDown:t=>t.preventDefault(),onClick:()=>V(t=>!t),children:r.jsx(Gt,{color:B})}),r.jsx(Xe.FloatingPanel,{open:H,triggerRef:U,onClose:t=>{var c;V(!1),t&&((c=U.current)==null||c.focus())},role:"dialog",ariaLabel:n("rte.textColor"),width:232,children:r.jsx(ye.ColorPickerPanel,{value:B||ye.DEFAULT_SWATCHES[0],onChange:Re,clearable:!1})}),L(y,n("rte.link"),Ae,r.jsx(g.Icon,{name:"Link2"})),r.jsxs(ce.Dropdown,{size:o,disabled:e,minWidth:!1,trigger:r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e,"aria-label":n("rte.insertImage"),children:r.jsx(g.Icon,{name:"GalleryAdd"})}),children:[r.jsx(J.ListItem,{clickable:!0,icon:"GalleryImport",onClick:()=>{var t;return(t=m.current)==null?void 0:t.click()},children:n("rte.uploadImage")}),r.jsx(J.ListItem,{clickable:!0,icon:"Link",onClick:De,children:n("rte.imageByUrl")})]}),r.jsx(q.IconButton,{variant:"text",color:"primary",size:o,disabled:e,"aria-label":n("rte.insertVideo"),onClick:qe,children:r.jsx(g.Icon,{name:"VideoSquare"})}),r.jsx("input",{ref:m,type:"file",accept:"image/*",hidden:!0,onChange:$e,"aria-hidden":"true",tabIndex:-1}),r.jsx(Ye.Modal,{open:h!==null,onClose:_e,size:"sm",icon:h==null?void 0:h.icon,title:h==null?void 0:h.title,footer:r.jsxs(r.Fragment,{children:[r.jsx(K.Button,{variant:"text",size:"sm",onClick:_e,children:n("common.cancel")}),r.jsx(K.Button,{type:"submit",size:"sm",form:"rte-url-form",children:(h==null?void 0:h.confirmLabel)??n("common.insert")})]}),children:r.jsx("form",{id:"rte-url-form",onSubmit:t=>{t.preventDefault(),Oe()},children:r.jsx(Ze.TextField,{label:h==null?void 0:h.label,placeholder:h==null?void 0:h.placeholder,value:pe,onChange:t=>he(t.target.value)})})})]})}function Kt(o){return new Promise((e,i)=>{const n=new FileReader;n.onload=()=>e(n.result),n.onerror=()=>i(n.error),n.readAsDataURL(o)})}const Jt={paragraph:s.paragraph,heading:{h1:s.h1,h2:s.h2,h3:s.h3,h4:s.h4,h5:s.h5,h6:s.h6},quote:s.quote,list:{ul:s.ul,ol:s.ol,listitem:s.li,listitemChecked:s.liChecked,listitemUnchecked:s.liUnchecked,nested:{listitem:s.nestedLi}},link:s.link,text:{bold:s.bold,italic:s.italic,underline:s.underline,strikethrough:s.strike,code:s.codeInline}},Qt=[w.HeadingNode,w.QuoteNode,I.ListNode,I.ListItemNode,F.LinkNode,X,Y],Xt=[...se.ELEMENT_TRANSFORMERS,...se.TEXT_FORMAT_TRANSFORMERS,...se.TEXT_MATCH_TRANSFORMERS],Yt=["color","font-size"],Zt={span:o=>{var i,n;const e=(n=(i=a.TextNode.importDOM())==null?void 0:i.span)==null?void 0:n.call(i,o);return{priority:1,conversion:p=>{const l=(e==null?void 0:e.conversion(p))??{node:null},m=Yt.flatMap(d=>{const _=p.style.getPropertyValue(d);return _?[[d,_]]:[]});if(m.length===0)return l;const j=l.forChild;return{...l,forChild:(d,_)=>{const N=j?j(d,_):d;if(a.$isTextNode(N)){const f={...a.getStyleObjectFromCSS(N.getStyle())};for(const[x,y]of m)f[x]=y;N.setStyle(Object.entries(f).map(([x,y])=>`${x}: ${y};`).join(" "))}return N}}}}}},er=new Set(["A","B","CODE","EM","I","MARK","S","SPAN","STRONG","SUB","SUP","U"]);function tr(o){const e=o.split(";").map(i=>i.trim()).filter(i=>i&&!/^white-space\s*:\s*pre-wrap$/i.test(i));return e.length?`${e.join("; ")};`:null}function rr(o){const e=document.createTreeWalker(o,NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT);let i=!0,n=!1,p=null;const l=()=>{p&&p.data.endsWith(" ")&&(p.data=`${p.data.slice(0,-1)} `),p=null,i=!0,n=!1};for(let m=e.nextNode();m;m=e.nextNode()){if(m.nodeType===Node.ELEMENT_NODE){er.has(m.tagName)||l();continue}const j=m;if(!j.data)continue;let d="";for(const _ of j.data)_===" "&&(i||n)?(d+=" ",n=!1):(d+=_,n=_===" "),i=!1;j.data=d,p=j}l()}function nr(o){if(typeof document>"u")return o;const e=document.createElement("template");e.innerHTML=o;const i=e.content;return i.querySelectorAll("[class]").forEach(n=>n.removeAttribute("class")),i.querySelectorAll("[style]").forEach(n=>{var l;if((l=n.textContent)!=null&&l.includes("	"))return;const p=tr(n.getAttribute("style")??"");p?n.setAttribute("style",p):n.removeAttribute("style")}),i.querySelectorAll("span").forEach(n=>{n.attributes.length===0&&n.replaceWith(...n.childNodes)}),i.normalize(),rr(i),e.innerHTML}function or(){const o=a.$getRoot(),e=o.getFirstChild();return o.getChildrenSize()<=1&&(e===null||a.$isParagraphNode(e)&&e.getChildrenSize()===0)}function Te(o,e){const i=a.$getRoot();if(i.clear(),e){const n=new DOMParser().parseFromString(e,"text/html"),p=ve.$generateNodesFromDOM(o,n);i.select(),a.$insertNodes(p)}i.getChildrenSize()===0&&i.append(a.$createParagraphNode()),a.$setSelection(null)}const ae="tz-external-value";function Ce(o){return or()?"":nr(ve.$generateHtmlFromNodes(o,null))}function ir({value:o,defaultValue:e,onChange:i,onReady:n,disabled:p}){const[l]=Ee.useLexicalComposerContext(),m=u.useRef(void 0),j=u.useRef(i);j.current=i;const d=u.useRef(n);d.current=n;const _=u.useRef(!1),N=f=>{var x;_.current||(_.current=!0,(x=d.current)==null||x.call(d,f))};return u.useEffect(()=>l.setEditable(!p),[l,p]),u.useEffect(()=>l.registerNodeTransform(F.LinkNode,f=>{const x=f.getURL(),y=de(x);y!==x&&f.setURL(y)}),[l]),u.useEffect(()=>{if(o===void 0){if(!e){m.current="",N("");return}m.current=e,l.update(()=>Te(l,e),{tag:["history-merge",ae]})}},[]),u.useEffect(()=>{o===void 0||o===m.current||(m.current=o,l.update(()=>Te(l,o),{tag:["history-merge",ae]}))},[l,o]),u.useEffect(()=>l.registerUpdateListener(({dirtyElements:f,dirtyLeaves:x,tags:y})=>{if(y.has(ae)){l.read(()=>{const C=Ce(l);m.current=C,N(C)});return}f.size===0&&x.size===0||l.read(()=>{const C=Ce(l);C!==m.current&&(m.current=C,j.current(C))})}),[l]),null}const lr=u.forwardRef(function({label:e,size:i="md",error:n,helperText:p,required:l=!1,disabled:m=!1,placeholder:j,name:d,value:_,defaultValue:N,onChange:f,onReady:x,onImageUpload:y,minHeight:C=220,"aria-label":Z="Rich text editor",className:ee,style:v},O){const te=ue.useT(),E=Je.useFormContext(),T=E&&d?E.field(d):void 0,A=n??(T==null?void 0:T.error)??!1,B=p??(T==null?void 0:T.helperText),P=E&&d?E.values[d]:void 0,H=_!==void 0?_:E&&d?String(P??""):void 0,V=u.useCallback(S=>{E&&d&&E.setValue(d,S),f==null||f(S)},[E,d,f]),U=S=>T==null?void 0:T.onBlur(S),z=u.useRef(null);u.useEffect(()=>{const S=z.current;S&&(d?S.setAttribute("name",d):S.removeAttribute("name"))},[d]);const re={namespace:"tz-rich-text-editor",theme:Jt,nodes:Qt,html:{import:Zt},editable:!m,onError:S=>{throw S}};return r.jsxs("div",{ref:O,className:Be.clsx(s.editor,s[i],A&&s.error,m&&s.disabled,ee),style:{"--tz-rte-min-height":`${C}px`,...v},children:[e!=null&&r.jsxs("div",{className:s.label,children:[r.jsx(je.Typography,{as:"span",variant:"bodySmall",color:"muted",children:e}),l&&r.jsx("span",{className:s.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:s.control,children:r.jsxs(Ue.LexicalComposer,{initialConfig:re,children:[r.jsx(Wt,{size:i,disabled:m,onImageUpload:y}),r.jsx("div",{className:s.shell,children:r.jsx(Fe.RichTextPlugin,{contentEditable:r.jsx(Pe.ContentEditable,{ref:z,className:s.content,"aria-label":Z,"aria-invalid":A||void 0,onBlur:U}),placeholder:r.jsx("div",{className:s.placeholder,children:j??te("rte.placeholder")}),ErrorBoundary:He.LexicalErrorBoundary})}),r.jsx(Ve.HistoryPlugin,{}),r.jsx(ze.ListPlugin,{}),r.jsx(Ge.CheckListPlugin,{}),r.jsx(We.LinkPlugin,{}),r.jsx(Ke.MarkdownShortcutPlugin,{transformers:Xt}),r.jsx(ir,{value:H,defaultValue:N,onChange:V,onReady:x,disabled:m})]})}),B!=null&&r.jsx(je.Typography,{as:"span",variant:"bodySmall",color:A?"error":"muted",className:s.helper,children:B})]})});exports.RichTextEditor=lr;
-//# sourceMappingURL=RichTextEditor-hOfxJEPX.cjs.map