@techzyapp/ui-library 1.0.30 → 1.0.32

package/dist/{Popover-DAT6DcM9.cjs → Popover-DsYUT23r.cjs}

@@ -1,2 +1,2 @@
-"use strict";const i=require("react/jsx-runtime"),n=require("react"),z=require("clsx"),E=require("./FloatingPanel-BIC4WrFa.cjs"),N="_popover_1gmzd_4",S={popover:N};function T({trigger:a,children:v,align:m="start",open:f,defaultOpen:x=!1,onOpenChange:l,trapFocus:q=!1,matchTriggerWidth:R=!1,width:g,ariaLabel:j,disabled:F=!1,className:I,style:P}){const u=n.useId(),c=n.useRef(null),p=f!==void 0,[_,k]=n.useState(x),o=p?f:_,d=e=>{p||k(e),l==null||l(e)},t=a.props,r=t.ref,y=n.cloneElement(a,{ref:e=>{c.current=e,typeof r=="function"?r(e):r&&(r.current=e)},onClick:e=>{var s;(s=t.onClick)==null||s.call(t,e),F||d(!o)},"aria-haspopup":"dialog","aria-expanded":o,"aria-controls":o?u:void 0});return i.jsxs(i.Fragment,{children:[y,i.jsx(E.FloatingPanel,{open:o,triggerRef:c,align:m,onClose:e=>{var s;d(!1),e&&((s=c.current)==null||s.focus())},id:u,role:"dialog",ariaLabel:j,trapFocus:q,matchTriggerWidth:R,width:g,className:z.clsx(S.popover,I),style:P,children:v})]})}exports.Popover=T;
-//# sourceMappingURL=Popover-DAT6DcM9.cjs.map
+"use strict";const i=require("react/jsx-runtime"),n=require("react"),z=require("clsx"),E=require("./FloatingPanel-tGCG2nhA.cjs"),N="_popover_1gmzd_4",S={popover:N};function T({trigger:a,children:v,align:m="start",open:f,defaultOpen:x=!1,onOpenChange:l,trapFocus:q=!1,matchTriggerWidth:R=!1,width:g,ariaLabel:j,disabled:F=!1,className:I,style:P}){const u=n.useId(),c=n.useRef(null),p=f!==void 0,[_,k]=n.useState(x),o=p?f:_,d=e=>{p||k(e),l==null||l(e)},t=a.props,r=t.ref,y=n.cloneElement(a,{ref:e=>{c.current=e,typeof r=="function"?r(e):r&&(r.current=e)},onClick:e=>{var s;(s=t.onClick)==null||s.call(t,e),F||d(!o)},"aria-haspopup":"dialog","aria-expanded":o,"aria-controls":o?u:void 0});return i.jsxs(i.Fragment,{children:[y,i.jsx(E.FloatingPanel,{open:o,triggerRef:c,align:m,onClose:e=>{var s;d(!1),e&&((s=c.current)==null||s.focus())},id:u,role:"dialog",ariaLabel:j,trapFocus:q,matchTriggerWidth:R,width:g,className:z.clsx(S.popover,I),style:P,children:v})]})}exports.Popover=T;
+//# sourceMappingURL=Popover-DsYUT23r.cjs.map

package/dist/{Popover-DAT6DcM9.cjs.map → Popover-DsYUT23r.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Popover-DAT6DcM9.cjs","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport styles from './Popover.module.css'\n\nexport type PopoverAlign = 'start' | 'end'\n\nexport interface PopoverProps {\n  /** Element that toggles the popover (e.g. a `Button`/`IconButton`). Cloned to wire click + a11y. */\n  trigger: ReactElement\n  /** Popover content — arbitrary (a header/body/footer, a form, a filter panel, …). */\n  children: ReactNode\n  /**\n   * Horizontal alignment to the trigger: `start` (default — left edges align, grows right) or `end`\n   * (right edges align, grows left — for a trigger near the right edge).\n   */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Trap Tab focus inside (+ `aria-modal`) — for form/filter popovers. Defaults to `false`. */\n  trapFocus?: boolean\n  /** Make the panel at least as wide as the trigger. Defaults to `false`. */\n  matchTriggerWidth?: boolean\n  /** Fixed panel width (px number or any CSS width). */\n  width?: number | string\n  /** Accessible label for the panel (`role=\"dialog\"`). */\n  ariaLabel?: string\n  /** Prevents opening. */\n  disabled?: boolean\n  /** Class applied to the floating panel. */\n  className?: string\n  /** Style applied to the floating panel. */\n  style?: CSSProperties\n}\n\n/**\n * An anchored popover holding **arbitrary content** — the generic floating surface for filter panels,\n * forms, detail cards, etc. (unlike `Dropdown`, which is a `role=\"menu\"` of items). Built on the shared\n * `FloatingPanel`: portaled to `<body>`, opens below the `trigger` (flips above on overflow), locks page\n * scroll, dismisses on outside-pointerdown / `Escape` (refocusing the trigger), and animates in. The\n * trigger is cloned to wire `onClick` + `aria-haspopup=\"dialog\"`/`aria-expanded`/`aria-controls`.\n * `trapFocus` cycles Tab within (for forms). Controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`). The panel is `role=\"dialog\"`.\n */\nexport function Popover({\n  trigger,\n  children,\n  align = 'start',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trapFocus = false,\n  matchTriggerWidth = false,\n  width,\n  ariaLabel,\n  disabled = false,\n  className,\n  style,\n}: PopoverProps) {\n  const panelId = useId()\n  const triggerRef = useRef<HTMLElement | null>(null)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internalOpen\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  const triggerProps = trigger.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n\n  const clonedTrigger = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (!disabled) setOpen(!isOpen)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  return (\n    <>\n      {clonedTrigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => {\n          setOpen(false)\n          if (refocus) triggerRef.current?.focus()\n        }}\n        id={panelId}\n        role=\"dialog\"\n        ariaLabel={ariaLabel}\n        trapFocus={trapFocus}\n        matchTriggerWidth={matchTriggerWidth}\n        width={width}\n        className={clsx(styles.popover, className)}\n        style={style}\n      >\n        {children}\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["Popover","trigger","children","align","open","defaultOpen","onOpenChange","trapFocus","matchTriggerWidth","width","ariaLabel","disabled","className","style","panelId","useId","triggerRef","useRef","isControlled","internalOpen","setInternalOpen","useState","isOpen","setOpen","next","triggerProps","originalRef","clonedTrigger","cloneElement","node","event","_a","jsxs","Fragment","jsx","FloatingPanel","refocus","clsx","styles"],"mappings":"oKA0DO,SAASA,EAAQ,CACtB,QAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,QACR,KAAAC,EACA,YAAAC,EAAc,GACd,aAAAC,EACA,UAAAC,EAAY,GACZ,kBAAAC,EAAoB,GACpB,MAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EACA,MAAAC,CACF,EAAiB,CACf,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAaC,EAAAA,OAA2B,IAAI,EAE5CC,EAAed,IAAS,OACxB,CAACe,EAAcC,CAAe,EAAIC,EAAAA,SAAShB,CAAW,EACtDiB,EAASJ,EAAed,EAAOe,EAE/BI,EAAWC,GAAkB,CAC5BN,GAAcE,EAAgBI,CAAI,EACvClB,GAAA,MAAAA,EAAekB,EACjB,EAEMC,EAAexB,EAAQ,MAIvByB,EAAcD,EAAa,IAE3BE,EAAgBC,EAAAA,aAAa3B,EAAkD,CACnF,IAAM4B,GAA6B,CACjCb,EAAW,QAAUa,EACjB,OAAOH,GAAgB,WAAYA,EAAYG,CAAI,EAC9CH,IAAcA,EAAgD,QAAUG,EACnF,EACA,QAAUC,GAA2B,QACnCC,EAAAN,EAAa,UAAb,MAAAM,EAAA,KAAAN,EAAuBK,GAClBnB,GAAUY,EAAQ,CAACD,CAAM,CAChC,EACA,gBAAiB,SACjB,gBAAiBA,EACjB,gBAAiBA,EAASR,EAAU,MAAA,CACrC,EAED,OACEkB,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAN,EACDO,EAAAA,IAACC,EAAAA,cAAA,CACC,KAAMb,EACN,WAAAN,EACA,MAAAb,EACA,QAAUiC,GAAY,OACpBb,EAAQ,EAAK,EACTa,KAASL,EAAAf,EAAW,UAAX,MAAAe,EAAoB,QACnC,EACA,GAAIjB,EACJ,KAAK,SACL,UAAAJ,EACA,UAAAH,EACA,kBAAAC,EACA,MAAAC,EACA,UAAW4B,EAAAA,KAAKC,EAAO,QAAS1B,CAAS,EACzC,MAAAC,EAEC,SAAAX,CAAA,CAAA,CACH,EACF,CAEJ"}
+{"version":3,"file":"Popover-DsYUT23r.cjs","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport styles from './Popover.module.css'\n\nexport type PopoverAlign = 'start' | 'end'\n\nexport interface PopoverProps {\n  /** Element that toggles the popover (e.g. a `Button`/`IconButton`). Cloned to wire click + a11y. */\n  trigger: ReactElement\n  /** Popover content — arbitrary (a header/body/footer, a form, a filter panel, …). */\n  children: ReactNode\n  /**\n   * Horizontal alignment to the trigger: `start` (default — left edges align, grows right) or `end`\n   * (right edges align, grows left — for a trigger near the right edge).\n   */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Trap Tab focus inside (+ `aria-modal`) — for form/filter popovers. Defaults to `false`. */\n  trapFocus?: boolean\n  /** Make the panel at least as wide as the trigger. Defaults to `false`. */\n  matchTriggerWidth?: boolean\n  /** Fixed panel width (px number or any CSS width). */\n  width?: number | string\n  /** Accessible label for the panel (`role=\"dialog\"`). */\n  ariaLabel?: string\n  /** Prevents opening. */\n  disabled?: boolean\n  /** Class applied to the floating panel. */\n  className?: string\n  /** Style applied to the floating panel. */\n  style?: CSSProperties\n}\n\n/**\n * An anchored popover holding **arbitrary content** — the generic floating surface for filter panels,\n * forms, detail cards, etc. (unlike `Dropdown`, which is a `role=\"menu\"` of items). Built on the shared\n * `FloatingPanel`: portaled to `<body>`, opens below the `trigger` (flips above on overflow), locks page\n * scroll, dismisses on outside-pointerdown / `Escape` (refocusing the trigger), and animates in. The\n * trigger is cloned to wire `onClick` + `aria-haspopup=\"dialog\"`/`aria-expanded`/`aria-controls`.\n * `trapFocus` cycles Tab within (for forms). Controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`). The panel is `role=\"dialog\"`.\n */\nexport function Popover({\n  trigger,\n  children,\n  align = 'start',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trapFocus = false,\n  matchTriggerWidth = false,\n  width,\n  ariaLabel,\n  disabled = false,\n  className,\n  style,\n}: PopoverProps) {\n  const panelId = useId()\n  const triggerRef = useRef<HTMLElement | null>(null)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internalOpen\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  const triggerProps = trigger.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n\n  const clonedTrigger = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (!disabled) setOpen(!isOpen)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  return (\n    <>\n      {clonedTrigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => {\n          setOpen(false)\n          if (refocus) triggerRef.current?.focus()\n        }}\n        id={panelId}\n        role=\"dialog\"\n        ariaLabel={ariaLabel}\n        trapFocus={trapFocus}\n        matchTriggerWidth={matchTriggerWidth}\n        width={width}\n        className={clsx(styles.popover, className)}\n        style={style}\n      >\n        {children}\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["Popover","trigger","children","align","open","defaultOpen","onOpenChange","trapFocus","matchTriggerWidth","width","ariaLabel","disabled","className","style","panelId","useId","triggerRef","useRef","isControlled","internalOpen","setInternalOpen","useState","isOpen","setOpen","next","triggerProps","originalRef","clonedTrigger","cloneElement","node","event","_a","jsxs","Fragment","jsx","FloatingPanel","refocus","clsx","styles"],"mappings":"oKA0DO,SAASA,EAAQ,CACtB,QAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,QACR,KAAAC,EACA,YAAAC,EAAc,GACd,aAAAC,EACA,UAAAC,EAAY,GACZ,kBAAAC,EAAoB,GACpB,MAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EACA,MAAAC,CACF,EAAiB,CACf,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAaC,EAAAA,OAA2B,IAAI,EAE5CC,EAAed,IAAS,OACxB,CAACe,EAAcC,CAAe,EAAIC,EAAAA,SAAShB,CAAW,EACtDiB,EAASJ,EAAed,EAAOe,EAE/BI,EAAWC,GAAkB,CAC5BN,GAAcE,EAAgBI,CAAI,EACvClB,GAAA,MAAAA,EAAekB,EACjB,EAEMC,EAAexB,EAAQ,MAIvByB,EAAcD,EAAa,IAE3BE,EAAgBC,EAAAA,aAAa3B,EAAkD,CACnF,IAAM4B,GAA6B,CACjCb,EAAW,QAAUa,EACjB,OAAOH,GAAgB,WAAYA,EAAYG,CAAI,EAC9CH,IAAcA,EAAgD,QAAUG,EACnF,EACA,QAAUC,GAA2B,QACnCC,EAAAN,EAAa,UAAb,MAAAM,EAAA,KAAAN,EAAuBK,GAClBnB,GAAUY,EAAQ,CAACD,CAAM,CAChC,EACA,gBAAiB,SACjB,gBAAiBA,EACjB,gBAAiBA,EAASR,EAAU,MAAA,CACrC,EAED,OACEkB,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAN,EACDO,EAAAA,IAACC,EAAAA,cAAA,CACC,KAAMb,EACN,WAAAN,EACA,MAAAb,EACA,QAAUiC,GAAY,OACpBb,EAAQ,EAAK,EACTa,KAASL,EAAAf,EAAW,UAAX,MAAAe,EAAoB,QACnC,EACA,GAAIjB,EACJ,KAAK,SACL,UAAAJ,EACA,UAAAH,EACA,kBAAAC,EACA,MAAAC,EACA,UAAW4B,EAAAA,KAAKC,EAAO,QAAS1B,CAAS,EACzC,MAAAC,EAEC,SAAAX,CAAA,CAAA,CACH,EACF,CAEJ"}

package/dist/{Popover-B82Id9Ut.js → Popover-WaVH3jsN.js}

@@ -1,7 +1,7 @@
 import { jsxs as P, Fragment as z, jsx as E } from "react/jsx-runtime";
 import { useId as N, useRef as S, useState as T, cloneElement as b } from "react";
 import { clsx as q } from "clsx";
-import { F as w } from "./FloatingPanel-CeSOtE_D.js";
+import { F as w } from "./FloatingPanel-C5c_eMQ0.js";
 const A = "_popover_1gmzd_4", B = {
   popover: A
 };
@@ -62,4 +62,4 @@ function J({
 export {
   J as P
 };
-//# sourceMappingURL=Popover-B82Id9Ut.js.map
+//# sourceMappingURL=Popover-WaVH3jsN.js.map

package/dist/{Popover-B82Id9Ut.js.map → Popover-WaVH3jsN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Popover-B82Id9Ut.js","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport styles from './Popover.module.css'\n\nexport type PopoverAlign = 'start' | 'end'\n\nexport interface PopoverProps {\n  /** Element that toggles the popover (e.g. a `Button`/`IconButton`). Cloned to wire click + a11y. */\n  trigger: ReactElement\n  /** Popover content — arbitrary (a header/body/footer, a form, a filter panel, …). */\n  children: ReactNode\n  /**\n   * Horizontal alignment to the trigger: `start` (default — left edges align, grows right) or `end`\n   * (right edges align, grows left — for a trigger near the right edge).\n   */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Trap Tab focus inside (+ `aria-modal`) — for form/filter popovers. Defaults to `false`. */\n  trapFocus?: boolean\n  /** Make the panel at least as wide as the trigger. Defaults to `false`. */\n  matchTriggerWidth?: boolean\n  /** Fixed panel width (px number or any CSS width). */\n  width?: number | string\n  /** Accessible label for the panel (`role=\"dialog\"`). */\n  ariaLabel?: string\n  /** Prevents opening. */\n  disabled?: boolean\n  /** Class applied to the floating panel. */\n  className?: string\n  /** Style applied to the floating panel. */\n  style?: CSSProperties\n}\n\n/**\n * An anchored popover holding **arbitrary content** — the generic floating surface for filter panels,\n * forms, detail cards, etc. (unlike `Dropdown`, which is a `role=\"menu\"` of items). Built on the shared\n * `FloatingPanel`: portaled to `<body>`, opens below the `trigger` (flips above on overflow), locks page\n * scroll, dismisses on outside-pointerdown / `Escape` (refocusing the trigger), and animates in. The\n * trigger is cloned to wire `onClick` + `aria-haspopup=\"dialog\"`/`aria-expanded`/`aria-controls`.\n * `trapFocus` cycles Tab within (for forms). Controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`). The panel is `role=\"dialog\"`.\n */\nexport function Popover({\n  trigger,\n  children,\n  align = 'start',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trapFocus = false,\n  matchTriggerWidth = false,\n  width,\n  ariaLabel,\n  disabled = false,\n  className,\n  style,\n}: PopoverProps) {\n  const panelId = useId()\n  const triggerRef = useRef<HTMLElement | null>(null)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internalOpen\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  const triggerProps = trigger.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n\n  const clonedTrigger = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (!disabled) setOpen(!isOpen)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  return (\n    <>\n      {clonedTrigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => {\n          setOpen(false)\n          if (refocus) triggerRef.current?.focus()\n        }}\n        id={panelId}\n        role=\"dialog\"\n        ariaLabel={ariaLabel}\n        trapFocus={trapFocus}\n        matchTriggerWidth={matchTriggerWidth}\n        width={width}\n        className={clsx(styles.popover, className)}\n        style={style}\n      >\n        {children}\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["Popover","trigger","children","align","open","defaultOpen","onOpenChange","trapFocus","matchTriggerWidth","width","ariaLabel","disabled","className","style","panelId","useId","triggerRef","useRef","isControlled","internalOpen","setInternalOpen","useState","isOpen","setOpen","next","triggerProps","originalRef","clonedTrigger","cloneElement","node","event","_a","jsxs","Fragment","jsx","FloatingPanel","refocus","clsx","styles"],"mappings":";;;;;;;AA0DO,SAASA,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AACF,GAAiB;AACf,QAAMC,IAAUC,EAAA,GACVC,IAAaC,EAA2B,IAAI,GAE5CC,IAAed,MAAS,QACxB,CAACe,GAAcC,CAAe,IAAIC,EAAShB,CAAW,GACtDiB,IAASJ,IAAed,IAAOe,GAE/BI,IAAU,CAACC,MAAkB;AACjC,IAAKN,KAAcE,EAAgBI,CAAI,GACvClB,KAAA,QAAAA,EAAekB;AAAA,EACjB,GAEMC,IAAexB,EAAQ,OAIvByB,IAAcD,EAAa,KAE3BE,IAAgBC,EAAa3B,GAAkD;AAAA,IACnF,KAAK,CAAC4B,MAA6B;AACjC,MAAAb,EAAW,UAAUa,GACjB,OAAOH,KAAgB,aAAYA,EAAYG,CAAI,IAC9CH,MAAcA,EAAgD,UAAUG;AAAA,IACnF;AAAA,IACA,SAAS,CAACC,MAA2B;;AACnC,OAAAC,IAAAN,EAAa,YAAb,QAAAM,EAAA,KAAAN,GAAuBK,IAClBnB,KAAUY,EAAQ,CAACD,CAAM;AAAA,IAChC;AAAA,IACA,iBAAiB;AAAA,IACjB,iBAAiBA;AAAA,IACjB,iBAAiBA,IAASR,IAAU;AAAA,EAAA,CACrC;AAED,SACE,gBAAAkB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN;AAAA,IACD,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMb;AAAA,QACN,YAAAN;AAAA,QACA,OAAAb;AAAA,QACA,SAAS,CAACiC,MAAY;;AACpB,UAAAb,EAAQ,EAAK,GACTa,OAASL,IAAAf,EAAW,YAAX,QAAAe,EAAoB;AAAA,QACnC;AAAA,QACA,IAAIjB;AAAA,QACJ,MAAK;AAAA,QACL,WAAAJ;AAAA,QACA,WAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,OAAAC;AAAA,QACA,WAAW4B,EAAKC,EAAO,SAAS1B,CAAS;AAAA,QACzC,OAAAC;AAAA,QAEC,UAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}
+{"version":3,"file":"Popover-WaVH3jsN.js","sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useId,\n  useRef,\n  useState,\n  type CSSProperties,\n  type MouseEvent as ReactMouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport styles from './Popover.module.css'\n\nexport type PopoverAlign = 'start' | 'end'\n\nexport interface PopoverProps {\n  /** Element that toggles the popover (e.g. a `Button`/`IconButton`). Cloned to wire click + a11y. */\n  trigger: ReactElement\n  /** Popover content — arbitrary (a header/body/footer, a form, a filter panel, …). */\n  children: ReactNode\n  /**\n   * Horizontal alignment to the trigger: `start` (default — left edges align, grows right) or `end`\n   * (right edges align, grows left — for a trigger near the right edge).\n   */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Initial open state for uncontrolled use. Defaults to `false`. */\n  defaultOpen?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Trap Tab focus inside (+ `aria-modal`) — for form/filter popovers. Defaults to `false`. */\n  trapFocus?: boolean\n  /** Make the panel at least as wide as the trigger. Defaults to `false`. */\n  matchTriggerWidth?: boolean\n  /** Fixed panel width (px number or any CSS width). */\n  width?: number | string\n  /** Accessible label for the panel (`role=\"dialog\"`). */\n  ariaLabel?: string\n  /** Prevents opening. */\n  disabled?: boolean\n  /** Class applied to the floating panel. */\n  className?: string\n  /** Style applied to the floating panel. */\n  style?: CSSProperties\n}\n\n/**\n * An anchored popover holding **arbitrary content** — the generic floating surface for filter panels,\n * forms, detail cards, etc. (unlike `Dropdown`, which is a `role=\"menu\"` of items). Built on the shared\n * `FloatingPanel`: portaled to `<body>`, opens below the `trigger` (flips above on overflow), locks page\n * scroll, dismisses on outside-pointerdown / `Escape` (refocusing the trigger), and animates in. The\n * trigger is cloned to wire `onClick` + `aria-haspopup=\"dialog\"`/`aria-expanded`/`aria-controls`.\n * `trapFocus` cycles Tab within (for forms). Controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`). The panel is `role=\"dialog\"`.\n */\nexport function Popover({\n  trigger,\n  children,\n  align = 'start',\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  trapFocus = false,\n  matchTriggerWidth = false,\n  width,\n  ariaLabel,\n  disabled = false,\n  className,\n  style,\n}: PopoverProps) {\n  const panelId = useId()\n  const triggerRef = useRef<HTMLElement | null>(null)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const isOpen = isControlled ? open : internalOpen\n\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  const triggerProps = trigger.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n\n  const clonedTrigger = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node\n      if (typeof originalRef === 'function') originalRef(node)\n      else if (originalRef) (originalRef as { current: HTMLElement | null }).current = node\n    },\n    onClick: (event: ReactMouseEvent) => {\n      triggerProps.onClick?.(event)\n      if (!disabled) setOpen(!isOpen)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  return (\n    <>\n      {clonedTrigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => {\n          setOpen(false)\n          if (refocus) triggerRef.current?.focus()\n        }}\n        id={panelId}\n        role=\"dialog\"\n        ariaLabel={ariaLabel}\n        trapFocus={trapFocus}\n        matchTriggerWidth={matchTriggerWidth}\n        width={width}\n        className={clsx(styles.popover, className)}\n        style={style}\n      >\n        {children}\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["Popover","trigger","children","align","open","defaultOpen","onOpenChange","trapFocus","matchTriggerWidth","width","ariaLabel","disabled","className","style","panelId","useId","triggerRef","useRef","isControlled","internalOpen","setInternalOpen","useState","isOpen","setOpen","next","triggerProps","originalRef","clonedTrigger","cloneElement","node","event","_a","jsxs","Fragment","jsx","FloatingPanel","refocus","clsx","styles"],"mappings":";;;;;;;AA0DO,SAASA,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,OAAAC;AACF,GAAiB;AACf,QAAMC,IAAUC,EAAA,GACVC,IAAaC,EAA2B,IAAI,GAE5CC,IAAed,MAAS,QACxB,CAACe,GAAcC,CAAe,IAAIC,EAAShB,CAAW,GACtDiB,IAASJ,IAAed,IAAOe,GAE/BI,IAAU,CAACC,MAAkB;AACjC,IAAKN,KAAcE,EAAgBI,CAAI,GACvClB,KAAA,QAAAA,EAAekB;AAAA,EACjB,GAEMC,IAAexB,EAAQ,OAIvByB,IAAcD,EAAa,KAE3BE,IAAgBC,EAAa3B,GAAkD;AAAA,IACnF,KAAK,CAAC4B,MAA6B;AACjC,MAAAb,EAAW,UAAUa,GACjB,OAAOH,KAAgB,aAAYA,EAAYG,CAAI,IAC9CH,MAAcA,EAAgD,UAAUG;AAAA,IACnF;AAAA,IACA,SAAS,CAACC,MAA2B;;AACnC,OAAAC,IAAAN,EAAa,YAAb,QAAAM,EAAA,KAAAN,GAAuBK,IAClBnB,KAAUY,EAAQ,CAACD,CAAM;AAAA,IAChC;AAAA,IACA,iBAAiB;AAAA,IACjB,iBAAiBA;AAAA,IACjB,iBAAiBA,IAASR,IAAU;AAAA,EAAA,CACrC;AAED,SACE,gBAAAkB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAN;AAAA,IACD,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMb;AAAA,QACN,YAAAN;AAAA,QACA,OAAAb;AAAA,QACA,SAAS,CAACiC,MAAY;;AACpB,UAAAb,EAAQ,EAAK,GACTa,OAASL,IAAAf,EAAW,YAAX,QAAAe,EAAoB;AAAA,QACnC;AAAA,QACA,IAAIjB;AAAA,QACJ,MAAK;AAAA,QACL,WAAAJ;AAAA,QACA,WAAAH;AAAA,QACA,mBAAAC;AAAA,QACA,OAAAC;AAAA,QACA,WAAW4B,EAAKC,EAAO,SAAS1B,CAAS;AAAA,QACzC,OAAAC;AAAA,QAEC,UAAAX;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/{Progress-pTbaOSDd.js → Progress-DZUtn3Sh.js}

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { forwardRef as I, useId as L } from "react";
 import { clsx as l } from "clsx";
-import { a as B } from "./ConfigProvider-BbsI15b-.js";
+import { a as B } from "./ConfigProvider-D2svpXFu.js";
 const C = "_root_1uzzo_4", D = "_caption_1uzzo_11", R = "_value_1uzzo_16", S = "_linear_1uzzo_23", q = "_sm_1uzzo_28", A = "_md_1uzzo_31", E = "_lg_1uzzo_34", G = "_header_1uzzo_38", H = "_track_1uzzo_45", J = "_buffer_1uzzo_52", K = "_fill_1uzzo_53", O = "_striped_1uzzo_69", Q = "_animated_1uzzo_82", U = "_indeterminate_1uzzo_95", W = "_circular_1uzzo_109", X = "_ring_1uzzo_128", Y = "_svg_1uzzo_136", Z = "_ringTrack_1uzzo_144", nn = "_ringFill_1uzzo_145", rn = "_ringValue_1uzzo_159", an = "_spinning_1uzzo_165", n = {
   root: C,
   caption: D,
@@ -116,4 +116,4 @@ const C = "_root_1uzzo_4", D = "_caption_1uzzo_11", R = "_value_1uzzo_16", S = "
 export {
   sn as P
 };
-//# sourceMappingURL=Progress-pTbaOSDd.js.map
+//# sourceMappingURL=Progress-DZUtn3Sh.js.map

package/dist/{Progress-pTbaOSDd.js.map → Progress-DZUtn3Sh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Progress-pTbaOSDd.js","sources":["../src/components/Progress/Progress.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Progress.module.css'\n\nexport type ProgressVariant = 'linear' | 'circular'\nexport type ProgressSize = 'sm' | 'md' | 'lg'\n\n/** Percentages (0–100) at which the color switches automatically — quota UX. */\nexport interface ProgressThresholds {\n  /** From this percentage on, the bar turns `warning`. */\n  warning?: number\n  /** From this percentage on, the bar turns `error`. */\n  error?: number\n}\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Current value, `0`–`max`. Omit it for an **indeterminate** progress (a moving bar / spinning arc). */\n  value?: number\n  /** The value that means \"done\". Defaults to `100`. */\n  max?: number\n  /** `linear` (default) — a bar; `circular` — a ring. */\n  variant?: ProgressVariant\n  /** Linear: bar thickness 4 / 6 / 8 px. Circular: ring 32 / 48 / 64 px. Defaults to `md`. */\n  size?: ProgressSize\n  /** Theme color of the fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** A caption — above the bar (left) for linear, under the ring for circular. Labels the progressbar. */\n  label?: ReactNode\n  /**\n   * Show the value: `true` → the percentage (\"42%\"); a function → your own text, e.g.\n   * `(v, max) => `${v} GB of ${max} GB``. Linear: right of the caption; circular: inside the ring.\n   */\n  showValue?: boolean | ((value: number, max: number) => ReactNode)\n  /** A second, lighter bar behind the fill (buffered / pending amount), `0`–`max`. Linear only. */\n  buffer?: number\n  /** Diagonal stripes on the fill. Linear only. */\n  striped?: boolean\n  /** Animate the stripes (implies `striped`). Linear only. Off under `prefers-reduced-motion`. */\n  animated?: boolean\n  /** Switch the color automatically by percentage (e.g. `{ warning: 80, error: 95 }` for a quota). */\n  thresholds?: ProgressThresholds\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(hi, Math.max(lo, n))\n\n/**\n * A progress indicator — **linear** (a bar) or **circular** (a ring) — for uploads, wizard steps, quotas and\n * background jobs. Determinate with `value` / `max`, or **indeterminate** without `value` (a moving bar / a\n * spinning arc). An optional caption (`label`) and value readout (`showValue` — the percentage or your own\n * formatter), a lighter `buffer` bar, `striped` / `animated` fills, and `thresholds` that turn the fill\n * `warning` / `error` as it fills up. Tinted by `color` through the shared `--tz-btn-rgb` pattern; the track is\n * `primary-shade200`, the bar is pill-rounded (so the global `square` shape flattens it). A11y:\n * `role=\"progressbar\"` with `aria-valuemin/max/now` + `aria-valuetext`, labelled by the caption (or a\n * localized \"Progress\"); indeterminate drops `aria-valuenow` and sets `aria-busy`. Motion stops under\n * `prefers-reduced-motion`. Token-only. `forwardRef` to the root `<div>`.\n */\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    value,\n    max = 100,\n    variant = 'linear',\n    size = 'md',\n    color = 'accent',\n    label,\n    showValue = false,\n    buffer,\n    striped = false,\n    animated = false,\n    thresholds,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const labelId = useId()\n  const indeterminate = value == null\n  const safeMax = max > 0 ? max : 100\n  const current = indeterminate ? 0 : clamp(value, 0, safeMax)\n  const pct = (current / safeMax) * 100\n  const bufferPct = buffer == null ? undefined : (clamp(buffer, 0, safeMax) / safeMax) * 100\n\n  // quota UX: the fill turns warning / error as it crosses the thresholds (error wins)\n  const resolvedColor: ThemeColor =\n    !indeterminate && thresholds?.error != null && pct >= thresholds.error\n      ? 'error'\n      : !indeterminate && thresholds?.warning != null && pct >= thresholds.warning\n        ? 'warning'\n        : color\n\n  const valueText = indeterminate\n    ? undefined\n    : typeof showValue === 'function'\n      ? showValue(current, safeMax)\n      : showValue\n        ? `${Math.round(pct)}%`\n        : undefined\n  const ariaValueText = indeterminate\n    ? t('common.loading')\n    : typeof valueText === 'string'\n      ? valueText\n      : `${Math.round(pct)}%`\n\n  const a11y = {\n    role: 'progressbar',\n    'aria-valuemin': 0,\n    'aria-valuemax': safeMax,\n    'aria-valuenow': indeterminate ? undefined : current,\n    'aria-valuetext': ariaValueText,\n    'aria-busy': indeterminate || undefined,\n    ...(label != null ? { 'aria-labelledby': labelId } : { 'aria-label': t('progress.label') }),\n  } as const\n\n  const rootStyle = {\n    '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`,\n    ...style,\n  } as CSSProperties\n\n  if (variant === 'circular') {\n    // pathLength=100 makes the dash math a plain percentage\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.root, styles.circular, styles[size], className)}\n        style={rootStyle}\n        {...props}\n      >\n        <div className={clsx(styles.ring, indeterminate && styles.spinning)} {...a11y}>\n          <svg viewBox=\"0 0 36 36\" className={styles.svg} aria-hidden=\"true\">\n            <circle className={styles.ringTrack} cx=\"18\" cy=\"18\" r=\"15.5\" pathLength={100} />\n            <circle\n              className={styles.ringFill}\n              cx=\"18\"\n              cy=\"18\"\n              r=\"15.5\"\n              pathLength={100}\n              strokeDasharray={indeterminate ? '28 72' : `${pct} ${100 - pct}`}\n            />\n          </svg>\n          {valueText != null && <span className={styles.ringValue}>{valueText}</span>}\n        </div>\n        {label != null && (\n          <span id={labelId} className={styles.caption}>\n            {label}\n          </span>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.root, styles.linear, styles[size], className)}\n      style={rootStyle}\n      {...props}\n    >\n      {(label != null || valueText != null) && (\n        <div className={styles.header}>\n          {label != null ? (\n            <span id={labelId} className={styles.caption}>\n              {label}\n            </span>\n          ) : (\n            <span />\n          )}\n          {valueText != null && <span className={styles.value}>{valueText}</span>}\n        </div>\n      )}\n      <div className={clsx(styles.track, indeterminate && styles.indeterminate)} {...a11y}>\n        {bufferPct != null && !indeterminate && (\n          <div className={styles.buffer} style={{ width: `${bufferPct}%` }} />\n        )}\n        <div\n          className={clsx(\n            styles.fill,\n            (striped || animated) && styles.striped,\n            animated && styles.animated,\n          )}\n          style={indeterminate ? undefined : { width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  )\n})\n"],"names":["clamp","n","lo","hi","Progress","forwardRef","value","max","variant","size","color","label","showValue","buffer","striped","animated","thresholds","className","style","props","ref","t","useT","labelId","useId","indeterminate","safeMax","current","pct","bufferPct","resolvedColor","valueText","ariaValueText","a11y","rootStyle","jsxs","clsx","styles","jsx"],"mappings":"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"}
+{"version":3,"file":"Progress-DZUtn3Sh.js","sources":["../src/components/Progress/Progress.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Progress.module.css'\n\nexport type ProgressVariant = 'linear' | 'circular'\nexport type ProgressSize = 'sm' | 'md' | 'lg'\n\n/** Percentages (0–100) at which the color switches automatically — quota UX. */\nexport interface ProgressThresholds {\n  /** From this percentage on, the bar turns `warning`. */\n  warning?: number\n  /** From this percentage on, the bar turns `error`. */\n  error?: number\n}\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Current value, `0`–`max`. Omit it for an **indeterminate** progress (a moving bar / spinning arc). */\n  value?: number\n  /** The value that means \"done\". Defaults to `100`. */\n  max?: number\n  /** `linear` (default) — a bar; `circular` — a ring. */\n  variant?: ProgressVariant\n  /** Linear: bar thickness 4 / 6 / 8 px. Circular: ring 32 / 48 / 64 px. Defaults to `md`. */\n  size?: ProgressSize\n  /** Theme color of the fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** A caption — above the bar (left) for linear, under the ring for circular. Labels the progressbar. */\n  label?: ReactNode\n  /**\n   * Show the value: `true` → the percentage (\"42%\"); a function → your own text, e.g.\n   * `(v, max) => `${v} GB of ${max} GB``. Linear: right of the caption; circular: inside the ring.\n   */\n  showValue?: boolean | ((value: number, max: number) => ReactNode)\n  /** A second, lighter bar behind the fill (buffered / pending amount), `0`–`max`. Linear only. */\n  buffer?: number\n  /** Diagonal stripes on the fill. Linear only. */\n  striped?: boolean\n  /** Animate the stripes (implies `striped`). Linear only. Off under `prefers-reduced-motion`. */\n  animated?: boolean\n  /** Switch the color automatically by percentage (e.g. `{ warning: 80, error: 95 }` for a quota). */\n  thresholds?: ProgressThresholds\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(hi, Math.max(lo, n))\n\n/**\n * A progress indicator — **linear** (a bar) or **circular** (a ring) — for uploads, wizard steps, quotas and\n * background jobs. Determinate with `value` / `max`, or **indeterminate** without `value` (a moving bar / a\n * spinning arc). An optional caption (`label`) and value readout (`showValue` — the percentage or your own\n * formatter), a lighter `buffer` bar, `striped` / `animated` fills, and `thresholds` that turn the fill\n * `warning` / `error` as it fills up. Tinted by `color` through the shared `--tz-btn-rgb` pattern; the track is\n * `primary-shade200`, the bar is pill-rounded (so the global `square` shape flattens it). A11y:\n * `role=\"progressbar\"` with `aria-valuemin/max/now` + `aria-valuetext`, labelled by the caption (or a\n * localized \"Progress\"); indeterminate drops `aria-valuenow` and sets `aria-busy`. Motion stops under\n * `prefers-reduced-motion`. Token-only. `forwardRef` to the root `<div>`.\n */\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    value,\n    max = 100,\n    variant = 'linear',\n    size = 'md',\n    color = 'accent',\n    label,\n    showValue = false,\n    buffer,\n    striped = false,\n    animated = false,\n    thresholds,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const labelId = useId()\n  const indeterminate = value == null\n  const safeMax = max > 0 ? max : 100\n  const current = indeterminate ? 0 : clamp(value, 0, safeMax)\n  const pct = (current / safeMax) * 100\n  const bufferPct = buffer == null ? undefined : (clamp(buffer, 0, safeMax) / safeMax) * 100\n\n  // quota UX: the fill turns warning / error as it crosses the thresholds (error wins)\n  const resolvedColor: ThemeColor =\n    !indeterminate && thresholds?.error != null && pct >= thresholds.error\n      ? 'error'\n      : !indeterminate && thresholds?.warning != null && pct >= thresholds.warning\n        ? 'warning'\n        : color\n\n  const valueText = indeterminate\n    ? undefined\n    : typeof showValue === 'function'\n      ? showValue(current, safeMax)\n      : showValue\n        ? `${Math.round(pct)}%`\n        : undefined\n  const ariaValueText = indeterminate\n    ? t('common.loading')\n    : typeof valueText === 'string'\n      ? valueText\n      : `${Math.round(pct)}%`\n\n  const a11y = {\n    role: 'progressbar',\n    'aria-valuemin': 0,\n    'aria-valuemax': safeMax,\n    'aria-valuenow': indeterminate ? undefined : current,\n    'aria-valuetext': ariaValueText,\n    'aria-busy': indeterminate || undefined,\n    ...(label != null ? { 'aria-labelledby': labelId } : { 'aria-label': t('progress.label') }),\n  } as const\n\n  const rootStyle = {\n    '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`,\n    ...style,\n  } as CSSProperties\n\n  if (variant === 'circular') {\n    // pathLength=100 makes the dash math a plain percentage\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.root, styles.circular, styles[size], className)}\n        style={rootStyle}\n        {...props}\n      >\n        <div className={clsx(styles.ring, indeterminate && styles.spinning)} {...a11y}>\n          <svg viewBox=\"0 0 36 36\" className={styles.svg} aria-hidden=\"true\">\n            <circle className={styles.ringTrack} cx=\"18\" cy=\"18\" r=\"15.5\" pathLength={100} />\n            <circle\n              className={styles.ringFill}\n              cx=\"18\"\n              cy=\"18\"\n              r=\"15.5\"\n              pathLength={100}\n              strokeDasharray={indeterminate ? '28 72' : `${pct} ${100 - pct}`}\n            />\n          </svg>\n          {valueText != null && <span className={styles.ringValue}>{valueText}</span>}\n        </div>\n        {label != null && (\n          <span id={labelId} className={styles.caption}>\n            {label}\n          </span>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.root, styles.linear, styles[size], className)}\n      style={rootStyle}\n      {...props}\n    >\n      {(label != null || valueText != null) && (\n        <div className={styles.header}>\n          {label != null ? (\n            <span id={labelId} className={styles.caption}>\n              {label}\n            </span>\n          ) : (\n            <span />\n          )}\n          {valueText != null && <span className={styles.value}>{valueText}</span>}\n        </div>\n      )}\n      <div className={clsx(styles.track, indeterminate && styles.indeterminate)} {...a11y}>\n        {bufferPct != null && !indeterminate && (\n          <div className={styles.buffer} style={{ width: `${bufferPct}%` }} />\n        )}\n        <div\n          className={clsx(\n            styles.fill,\n            (striped || animated) && styles.striped,\n            animated && styles.animated,\n          )}\n          style={indeterminate ? undefined : { width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  )\n})\n"],"names":["clamp","n","lo","hi","Progress","forwardRef","value","max","variant","size","color","label","showValue","buffer","striped","animated","thresholds","className","style","props","ref","t","useT","labelId","useId","indeterminate","safeMax","current","pct","bufferPct","resolvedColor","valueText","ariaValueText","a11y","rootStyle","jsxs","clsx","styles","jsx"],"mappings":"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"}

package/dist/{Progress-Bwxx71Ns.cjs → Progress-lf9vIKIk.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),w=require("react"),o=require("clsx"),h=require("./ConfigProvider-ByLHqXpv.cjs"),C="_root_1uzzo_4",I="_caption_1uzzo_11",L="_value_1uzzo_16",R="_linear_1uzzo_23",B="_sm_1uzzo_28",D="_md_1uzzo_31",S="_lg_1uzzo_34",A="_header_1uzzo_38",E="_track_1uzzo_45",G="_buffer_1uzzo_52",H="_fill_1uzzo_53",J="_striped_1uzzo_69",K="_animated_1uzzo_82",O="_indeterminate_1uzzo_95",Q="_circular_1uzzo_109",U="_ring_1uzzo_128",W="_svg_1uzzo_136",X="_ringTrack_1uzzo_144",Y="_ringFill_1uzzo_145",Z="_ringValue_1uzzo_159",nn="_spinning_1uzzo_165",n={root:C,caption:I,value:L,linear:R,sm:B,md:D,lg:S,header:A,track:E,buffer:G,fill:H,striped:J,animated:K,"pg-stripes":"_pg-stripes_1uzzo_1",indeterminate:O,"pg-sweep":"_pg-sweep_1uzzo_1",circular:Q,ring:U,svg:W,ringTrack:X,ringFill:Y,ringValue:Z,spinning:nn,"pg-spin":"_pg-spin_1uzzo_1"},T=(d,l,u)=>Math.min(u,Math.max(l,d)),rn=w.forwardRef(function({value:l,max:u=100,variant:$="linear",size:p="md",color:M="accent",label:c,showValue:_=!1,buffer:m,striped:P=!1,animated:v=!1,thresholds:i,className:x,style:q,...f},j){const y=h.useT(),g=w.useId(),s=l==null,t=u>0?u:100,z=s?0:T(l,0,t),a=z/t*100,N=m==null?void 0:T(m,0,t)/t*100,F=!s&&(i==null?void 0:i.error)!=null&&a>=i.error?"error":!s&&(i==null?void 0:i.warning)!=null&&a>=i.warning?"warning":M,e=s?void 0:typeof _=="function"?_(z,t):_?`${Math.round(a)}%`:void 0,V=s?y("common.loading"):typeof e=="string"?e:`${Math.round(a)}%`,b={role:"progressbar","aria-valuemin":0,"aria-valuemax":t,"aria-valuenow":s?void 0:z,"aria-valuetext":V,"aria-busy":s||void 0,...c!=null?{"aria-labelledby":g}:{"aria-label":y("progress.label")}},k={"--tz-btn-rgb":`var(--tz-color-${F}-rgb)`,...q};return $==="circular"?r.jsxs("div",{ref:j,className:o.clsx(n.root,n.circular,n[p],x),style:k,...f,children:[r.jsxs("div",{className:o.clsx(n.ring,s&&n.spinning),...b,children:[r.jsxs("svg",{viewBox:"0 0 36 36",className:n.svg,"aria-hidden":"true",children:[r.jsx("circle",{className:n.ringTrack,cx:"18",cy:"18",r:"15.5",pathLength:100}),r.jsx("circle",{className:n.ringFill,cx:"18",cy:"18",r:"15.5",pathLength:100,strokeDasharray:s?"28 72":`${a} ${100-a}`})]}),e!=null&&r.jsx("span",{className:n.ringValue,children:e})]}),c!=null&&r.jsx("span",{id:g,className:n.caption,children:c})]}):r.jsxs("div",{ref:j,className:o.clsx(n.root,n.linear,n[p],x),style:k,...f,children:[(c!=null||e!=null)&&r.jsxs("div",{className:n.header,children:[c!=null?r.jsx("span",{id:g,className:n.caption,children:c}):r.jsx("span",{}),e!=null&&r.jsx("span",{className:n.value,children:e})]}),r.jsxs("div",{className:o.clsx(n.track,s&&n.indeterminate),...b,children:[N!=null&&!s&&r.jsx("div",{className:n.buffer,style:{width:`${N}%`}}),r.jsx("div",{className:o.clsx(n.fill,(P||v)&&n.striped,v&&n.animated),style:s?void 0:{width:`${a}%`}})]})]})});exports.Progress=rn;
-//# sourceMappingURL=Progress-Bwxx71Ns.cjs.map
+"use strict";const r=require("react/jsx-runtime"),w=require("react"),o=require("clsx"),h=require("./ConfigProvider-CzAQf_d_.cjs"),C="_root_1uzzo_4",I="_caption_1uzzo_11",L="_value_1uzzo_16",R="_linear_1uzzo_23",B="_sm_1uzzo_28",D="_md_1uzzo_31",S="_lg_1uzzo_34",A="_header_1uzzo_38",E="_track_1uzzo_45",G="_buffer_1uzzo_52",H="_fill_1uzzo_53",J="_striped_1uzzo_69",K="_animated_1uzzo_82",O="_indeterminate_1uzzo_95",Q="_circular_1uzzo_109",U="_ring_1uzzo_128",W="_svg_1uzzo_136",X="_ringTrack_1uzzo_144",Y="_ringFill_1uzzo_145",Z="_ringValue_1uzzo_159",nn="_spinning_1uzzo_165",n={root:C,caption:I,value:L,linear:R,sm:B,md:D,lg:S,header:A,track:E,buffer:G,fill:H,striped:J,animated:K,"pg-stripes":"_pg-stripes_1uzzo_1",indeterminate:O,"pg-sweep":"_pg-sweep_1uzzo_1",circular:Q,ring:U,svg:W,ringTrack:X,ringFill:Y,ringValue:Z,spinning:nn,"pg-spin":"_pg-spin_1uzzo_1"},T=(d,l,u)=>Math.min(u,Math.max(l,d)),rn=w.forwardRef(function({value:l,max:u=100,variant:$="linear",size:p="md",color:M="accent",label:c,showValue:_=!1,buffer:m,striped:P=!1,animated:v=!1,thresholds:i,className:x,style:q,...f},j){const y=h.useT(),g=w.useId(),s=l==null,t=u>0?u:100,z=s?0:T(l,0,t),a=z/t*100,N=m==null?void 0:T(m,0,t)/t*100,F=!s&&(i==null?void 0:i.error)!=null&&a>=i.error?"error":!s&&(i==null?void 0:i.warning)!=null&&a>=i.warning?"warning":M,e=s?void 0:typeof _=="function"?_(z,t):_?`${Math.round(a)}%`:void 0,V=s?y("common.loading"):typeof e=="string"?e:`${Math.round(a)}%`,b={role:"progressbar","aria-valuemin":0,"aria-valuemax":t,"aria-valuenow":s?void 0:z,"aria-valuetext":V,"aria-busy":s||void 0,...c!=null?{"aria-labelledby":g}:{"aria-label":y("progress.label")}},k={"--tz-btn-rgb":`var(--tz-color-${F}-rgb)`,...q};return $==="circular"?r.jsxs("div",{ref:j,className:o.clsx(n.root,n.circular,n[p],x),style:k,...f,children:[r.jsxs("div",{className:o.clsx(n.ring,s&&n.spinning),...b,children:[r.jsxs("svg",{viewBox:"0 0 36 36",className:n.svg,"aria-hidden":"true",children:[r.jsx("circle",{className:n.ringTrack,cx:"18",cy:"18",r:"15.5",pathLength:100}),r.jsx("circle",{className:n.ringFill,cx:"18",cy:"18",r:"15.5",pathLength:100,strokeDasharray:s?"28 72":`${a} ${100-a}`})]}),e!=null&&r.jsx("span",{className:n.ringValue,children:e})]}),c!=null&&r.jsx("span",{id:g,className:n.caption,children:c})]}):r.jsxs("div",{ref:j,className:o.clsx(n.root,n.linear,n[p],x),style:k,...f,children:[(c!=null||e!=null)&&r.jsxs("div",{className:n.header,children:[c!=null?r.jsx("span",{id:g,className:n.caption,children:c}):r.jsx("span",{}),e!=null&&r.jsx("span",{className:n.value,children:e})]}),r.jsxs("div",{className:o.clsx(n.track,s&&n.indeterminate),...b,children:[N!=null&&!s&&r.jsx("div",{className:n.buffer,style:{width:`${N}%`}}),r.jsx("div",{className:o.clsx(n.fill,(P||v)&&n.striped,v&&n.animated),style:s?void 0:{width:`${a}%`}})]})]})});exports.Progress=rn;
+//# sourceMappingURL=Progress-lf9vIKIk.cjs.map

package/dist/{Progress-Bwxx71Ns.cjs.map → Progress-lf9vIKIk.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Progress-Bwxx71Ns.cjs","sources":["../src/components/Progress/Progress.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Progress.module.css'\n\nexport type ProgressVariant = 'linear' | 'circular'\nexport type ProgressSize = 'sm' | 'md' | 'lg'\n\n/** Percentages (0–100) at which the color switches automatically — quota UX. */\nexport interface ProgressThresholds {\n  /** From this percentage on, the bar turns `warning`. */\n  warning?: number\n  /** From this percentage on, the bar turns `error`. */\n  error?: number\n}\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Current value, `0`–`max`. Omit it for an **indeterminate** progress (a moving bar / spinning arc). */\n  value?: number\n  /** The value that means \"done\". Defaults to `100`. */\n  max?: number\n  /** `linear` (default) — a bar; `circular` — a ring. */\n  variant?: ProgressVariant\n  /** Linear: bar thickness 4 / 6 / 8 px. Circular: ring 32 / 48 / 64 px. Defaults to `md`. */\n  size?: ProgressSize\n  /** Theme color of the fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** A caption — above the bar (left) for linear, under the ring for circular. Labels the progressbar. */\n  label?: ReactNode\n  /**\n   * Show the value: `true` → the percentage (\"42%\"); a function → your own text, e.g.\n   * `(v, max) => `${v} GB of ${max} GB``. Linear: right of the caption; circular: inside the ring.\n   */\n  showValue?: boolean | ((value: number, max: number) => ReactNode)\n  /** A second, lighter bar behind the fill (buffered / pending amount), `0`–`max`. Linear only. */\n  buffer?: number\n  /** Diagonal stripes on the fill. Linear only. */\n  striped?: boolean\n  /** Animate the stripes (implies `striped`). Linear only. Off under `prefers-reduced-motion`. */\n  animated?: boolean\n  /** Switch the color automatically by percentage (e.g. `{ warning: 80, error: 95 }` for a quota). */\n  thresholds?: ProgressThresholds\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(hi, Math.max(lo, n))\n\n/**\n * A progress indicator — **linear** (a bar) or **circular** (a ring) — for uploads, wizard steps, quotas and\n * background jobs. Determinate with `value` / `max`, or **indeterminate** without `value` (a moving bar / a\n * spinning arc). An optional caption (`label`) and value readout (`showValue` — the percentage or your own\n * formatter), a lighter `buffer` bar, `striped` / `animated` fills, and `thresholds` that turn the fill\n * `warning` / `error` as it fills up. Tinted by `color` through the shared `--tz-btn-rgb` pattern; the track is\n * `primary-shade200`, the bar is pill-rounded (so the global `square` shape flattens it). A11y:\n * `role=\"progressbar\"` with `aria-valuemin/max/now` + `aria-valuetext`, labelled by the caption (or a\n * localized \"Progress\"); indeterminate drops `aria-valuenow` and sets `aria-busy`. Motion stops under\n * `prefers-reduced-motion`. Token-only. `forwardRef` to the root `<div>`.\n */\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    value,\n    max = 100,\n    variant = 'linear',\n    size = 'md',\n    color = 'accent',\n    label,\n    showValue = false,\n    buffer,\n    striped = false,\n    animated = false,\n    thresholds,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const labelId = useId()\n  const indeterminate = value == null\n  const safeMax = max > 0 ? max : 100\n  const current = indeterminate ? 0 : clamp(value, 0, safeMax)\n  const pct = (current / safeMax) * 100\n  const bufferPct = buffer == null ? undefined : (clamp(buffer, 0, safeMax) / safeMax) * 100\n\n  // quota UX: the fill turns warning / error as it crosses the thresholds (error wins)\n  const resolvedColor: ThemeColor =\n    !indeterminate && thresholds?.error != null && pct >= thresholds.error\n      ? 'error'\n      : !indeterminate && thresholds?.warning != null && pct >= thresholds.warning\n        ? 'warning'\n        : color\n\n  const valueText = indeterminate\n    ? undefined\n    : typeof showValue === 'function'\n      ? showValue(current, safeMax)\n      : showValue\n        ? `${Math.round(pct)}%`\n        : undefined\n  const ariaValueText = indeterminate\n    ? t('common.loading')\n    : typeof valueText === 'string'\n      ? valueText\n      : `${Math.round(pct)}%`\n\n  const a11y = {\n    role: 'progressbar',\n    'aria-valuemin': 0,\n    'aria-valuemax': safeMax,\n    'aria-valuenow': indeterminate ? undefined : current,\n    'aria-valuetext': ariaValueText,\n    'aria-busy': indeterminate || undefined,\n    ...(label != null ? { 'aria-labelledby': labelId } : { 'aria-label': t('progress.label') }),\n  } as const\n\n  const rootStyle = {\n    '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`,\n    ...style,\n  } as CSSProperties\n\n  if (variant === 'circular') {\n    // pathLength=100 makes the dash math a plain percentage\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.root, styles.circular, styles[size], className)}\n        style={rootStyle}\n        {...props}\n      >\n        <div className={clsx(styles.ring, indeterminate && styles.spinning)} {...a11y}>\n          <svg viewBox=\"0 0 36 36\" className={styles.svg} aria-hidden=\"true\">\n            <circle className={styles.ringTrack} cx=\"18\" cy=\"18\" r=\"15.5\" pathLength={100} />\n            <circle\n              className={styles.ringFill}\n              cx=\"18\"\n              cy=\"18\"\n              r=\"15.5\"\n              pathLength={100}\n              strokeDasharray={indeterminate ? '28 72' : `${pct} ${100 - pct}`}\n            />\n          </svg>\n          {valueText != null && <span className={styles.ringValue}>{valueText}</span>}\n        </div>\n        {label != null && (\n          <span id={labelId} className={styles.caption}>\n            {label}\n          </span>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.root, styles.linear, styles[size], className)}\n      style={rootStyle}\n      {...props}\n    >\n      {(label != null || valueText != null) && (\n        <div className={styles.header}>\n          {label != null ? (\n            <span id={labelId} className={styles.caption}>\n              {label}\n            </span>\n          ) : (\n            <span />\n          )}\n          {valueText != null && <span className={styles.value}>{valueText}</span>}\n        </div>\n      )}\n      <div className={clsx(styles.track, indeterminate && styles.indeterminate)} {...a11y}>\n        {bufferPct != null && !indeterminate && (\n          <div className={styles.buffer} style={{ width: `${bufferPct}%` }} />\n        )}\n        <div\n          className={clsx(\n            styles.fill,\n            (striped || animated) && styles.striped,\n            animated && styles.animated,\n          )}\n          style={indeterminate ? undefined : { width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  )\n})\n"],"names":["clamp","n","lo","hi","Progress","forwardRef","value","max","variant","size","color","label","showValue","buffer","striped","animated","thresholds","className","style","props","ref","t","useT","labelId","useId","indeterminate","safeMax","current","pct","bufferPct","resolvedColor","valueText","ariaValueText","a11y","rootStyle","jsxs","clsx","styles","jsx"],"mappings":"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"}
+{"version":3,"file":"Progress-lf9vIKIk.cjs","sources":["../src/components/Progress/Progress.tsx"],"sourcesContent":["import { forwardRef, useId, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Progress.module.css'\n\nexport type ProgressVariant = 'linear' | 'circular'\nexport type ProgressSize = 'sm' | 'md' | 'lg'\n\n/** Percentages (0–100) at which the color switches automatically — quota UX. */\nexport interface ProgressThresholds {\n  /** From this percentage on, the bar turns `warning`. */\n  warning?: number\n  /** From this percentage on, the bar turns `error`. */\n  error?: number\n}\n\nexport interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** Current value, `0`–`max`. Omit it for an **indeterminate** progress (a moving bar / spinning arc). */\n  value?: number\n  /** The value that means \"done\". Defaults to `100`. */\n  max?: number\n  /** `linear` (default) — a bar; `circular` — a ring. */\n  variant?: ProgressVariant\n  /** Linear: bar thickness 4 / 6 / 8 px. Circular: ring 32 / 48 / 64 px. Defaults to `md`. */\n  size?: ProgressSize\n  /** Theme color of the fill. Defaults to `accent`. */\n  color?: ThemeColor\n  /** A caption — above the bar (left) for linear, under the ring for circular. Labels the progressbar. */\n  label?: ReactNode\n  /**\n   * Show the value: `true` → the percentage (\"42%\"); a function → your own text, e.g.\n   * `(v, max) => `${v} GB of ${max} GB``. Linear: right of the caption; circular: inside the ring.\n   */\n  showValue?: boolean | ((value: number, max: number) => ReactNode)\n  /** A second, lighter bar behind the fill (buffered / pending amount), `0`–`max`. Linear only. */\n  buffer?: number\n  /** Diagonal stripes on the fill. Linear only. */\n  striped?: boolean\n  /** Animate the stripes (implies `striped`). Linear only. Off under `prefers-reduced-motion`. */\n  animated?: boolean\n  /** Switch the color automatically by percentage (e.g. `{ warning: 80, error: 95 }` for a quota). */\n  thresholds?: ProgressThresholds\n}\n\nconst clamp = (n: number, lo: number, hi: number) => Math.min(hi, Math.max(lo, n))\n\n/**\n * A progress indicator — **linear** (a bar) or **circular** (a ring) — for uploads, wizard steps, quotas and\n * background jobs. Determinate with `value` / `max`, or **indeterminate** without `value` (a moving bar / a\n * spinning arc). An optional caption (`label`) and value readout (`showValue` — the percentage or your own\n * formatter), a lighter `buffer` bar, `striped` / `animated` fills, and `thresholds` that turn the fill\n * `warning` / `error` as it fills up. Tinted by `color` through the shared `--tz-btn-rgb` pattern; the track is\n * `primary-shade200`, the bar is pill-rounded (so the global `square` shape flattens it). A11y:\n * `role=\"progressbar\"` with `aria-valuemin/max/now` + `aria-valuetext`, labelled by the caption (or a\n * localized \"Progress\"); indeterminate drops `aria-valuenow` and sets `aria-busy`. Motion stops under\n * `prefers-reduced-motion`. Token-only. `forwardRef` to the root `<div>`.\n */\nexport const Progress = forwardRef<HTMLDivElement, ProgressProps>(function Progress(\n  {\n    value,\n    max = 100,\n    variant = 'linear',\n    size = 'md',\n    color = 'accent',\n    label,\n    showValue = false,\n    buffer,\n    striped = false,\n    animated = false,\n    thresholds,\n    className,\n    style,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const labelId = useId()\n  const indeterminate = value == null\n  const safeMax = max > 0 ? max : 100\n  const current = indeterminate ? 0 : clamp(value, 0, safeMax)\n  const pct = (current / safeMax) * 100\n  const bufferPct = buffer == null ? undefined : (clamp(buffer, 0, safeMax) / safeMax) * 100\n\n  // quota UX: the fill turns warning / error as it crosses the thresholds (error wins)\n  const resolvedColor: ThemeColor =\n    !indeterminate && thresholds?.error != null && pct >= thresholds.error\n      ? 'error'\n      : !indeterminate && thresholds?.warning != null && pct >= thresholds.warning\n        ? 'warning'\n        : color\n\n  const valueText = indeterminate\n    ? undefined\n    : typeof showValue === 'function'\n      ? showValue(current, safeMax)\n      : showValue\n        ? `${Math.round(pct)}%`\n        : undefined\n  const ariaValueText = indeterminate\n    ? t('common.loading')\n    : typeof valueText === 'string'\n      ? valueText\n      : `${Math.round(pct)}%`\n\n  const a11y = {\n    role: 'progressbar',\n    'aria-valuemin': 0,\n    'aria-valuemax': safeMax,\n    'aria-valuenow': indeterminate ? undefined : current,\n    'aria-valuetext': ariaValueText,\n    'aria-busy': indeterminate || undefined,\n    ...(label != null ? { 'aria-labelledby': labelId } : { 'aria-label': t('progress.label') }),\n  } as const\n\n  const rootStyle = {\n    '--tz-btn-rgb': `var(--tz-color-${resolvedColor}-rgb)`,\n    ...style,\n  } as CSSProperties\n\n  if (variant === 'circular') {\n    // pathLength=100 makes the dash math a plain percentage\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.root, styles.circular, styles[size], className)}\n        style={rootStyle}\n        {...props}\n      >\n        <div className={clsx(styles.ring, indeterminate && styles.spinning)} {...a11y}>\n          <svg viewBox=\"0 0 36 36\" className={styles.svg} aria-hidden=\"true\">\n            <circle className={styles.ringTrack} cx=\"18\" cy=\"18\" r=\"15.5\" pathLength={100} />\n            <circle\n              className={styles.ringFill}\n              cx=\"18\"\n              cy=\"18\"\n              r=\"15.5\"\n              pathLength={100}\n              strokeDasharray={indeterminate ? '28 72' : `${pct} ${100 - pct}`}\n            />\n          </svg>\n          {valueText != null && <span className={styles.ringValue}>{valueText}</span>}\n        </div>\n        {label != null && (\n          <span id={labelId} className={styles.caption}>\n            {label}\n          </span>\n        )}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(styles.root, styles.linear, styles[size], className)}\n      style={rootStyle}\n      {...props}\n    >\n      {(label != null || valueText != null) && (\n        <div className={styles.header}>\n          {label != null ? (\n            <span id={labelId} className={styles.caption}>\n              {label}\n            </span>\n          ) : (\n            <span />\n          )}\n          {valueText != null && <span className={styles.value}>{valueText}</span>}\n        </div>\n      )}\n      <div className={clsx(styles.track, indeterminate && styles.indeterminate)} {...a11y}>\n        {bufferPct != null && !indeterminate && (\n          <div className={styles.buffer} style={{ width: `${bufferPct}%` }} />\n        )}\n        <div\n          className={clsx(\n            styles.fill,\n            (striped || animated) && styles.striped,\n            animated && styles.animated,\n          )}\n          style={indeterminate ? undefined : { width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  )\n})\n"],"names":["clamp","n","lo","hi","Progress","forwardRef","value","max","variant","size","color","label","showValue","buffer","striped","animated","thresholds","className","style","props","ref","t","useT","labelId","useId","indeterminate","safeMax","current","pct","bufferPct","resolvedColor","valueText","ariaValueText","a11y","rootStyle","jsxs","clsx","styles","jsx"],"mappings":"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"}

package/dist/{QueryError-Bu_MNGek.js → QueryError-Dl8yzdxw.js}

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { a } from "./ErrorBoundary-CsDHKYB4.js";
+import { a } from "./ErrorBoundary-CJx5E9wJ.js";
 const c = i(function({ error: r, fallback: o, description: t, compact: e = !0, ...f }, n) {
   return r == null || r === !1 ? null : /* @__PURE__ */ u(
     a,
@@ -16,4 +16,4 @@ const c = i(function({ error: r, fallback: o, description: t, compact: e = !0, .
 export {
   c as Q
 };
-//# sourceMappingURL=QueryError-Bu_MNGek.js.map
+//# sourceMappingURL=QueryError-Dl8yzdxw.js.map

package/dist/{QueryError-Bu_MNGek.js.map → QueryError-Dl8yzdxw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"QueryError-Bu_MNGek.js","sources":["../src/components/ErrorState/QueryError.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport { ErrorState, type ErrorStateProps } from './ErrorState'\n\nexport interface QueryErrorProps extends ErrorStateProps {\n  /** The query's error (`query.error`). `null` / `undefined` → renders nothing. */\n  error: unknown\n  /**\n   * The user-facing sentence (\"Could not load players.\"). Shown instead of the raw message, which then\n   * only appears in the (dev) details panel. Same as `description`, which wins when both are set.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * The react-query-style one-liner: `<QueryError error={users.error} onRetry={users.refetch}\n * fallback=\"Could not load players.\" />`. Renders nothing while `error` is empty, otherwise an\n * `ErrorState` — **compact by default** (it usually sits where the data would, inside a card or table\n * area; pass `compact={false}` for the hero). Everything else passes through to `ErrorState`.\n */\nexport const QueryError = forwardRef<HTMLDivElement, QueryErrorProps>(function QueryError(\n  { error, fallback, description, compact = true, ...props },\n  ref,\n) {\n  if (error == null || error === false) return null\n  return (\n    <ErrorState\n      ref={ref}\n      error={error}\n      description={description ?? fallback}\n      compact={compact}\n      {...props}\n    />\n  )\n})\n"],"names":["QueryError","forwardRef","error","fallback","description","compact","props","ref","jsx","ErrorState"],"mappings":";;;AAmBO,MAAMA,IAAaC,EAA4C,SACpE,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,SAAAC,IAAU,IAAM,GAAGC,EAAA,GACnDC,GACA;AACA,SAAIL,KAAS,QAAQA,MAAU,KAAc,OAE3C,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAL;AAAA,MACA,aAAaE,KAAeD;AAAA,MAC5B,SAAAE;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}
+{"version":3,"file":"QueryError-Dl8yzdxw.js","sources":["../src/components/ErrorState/QueryError.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport { ErrorState, type ErrorStateProps } from './ErrorState'\n\nexport interface QueryErrorProps extends ErrorStateProps {\n  /** The query's error (`query.error`). `null` / `undefined` → renders nothing. */\n  error: unknown\n  /**\n   * The user-facing sentence (\"Could not load players.\"). Shown instead of the raw message, which then\n   * only appears in the (dev) details panel. Same as `description`, which wins when both are set.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * The react-query-style one-liner: `<QueryError error={users.error} onRetry={users.refetch}\n * fallback=\"Could not load players.\" />`. Renders nothing while `error` is empty, otherwise an\n * `ErrorState` — **compact by default** (it usually sits where the data would, inside a card or table\n * area; pass `compact={false}` for the hero). Everything else passes through to `ErrorState`.\n */\nexport const QueryError = forwardRef<HTMLDivElement, QueryErrorProps>(function QueryError(\n  { error, fallback, description, compact = true, ...props },\n  ref,\n) {\n  if (error == null || error === false) return null\n  return (\n    <ErrorState\n      ref={ref}\n      error={error}\n      description={description ?? fallback}\n      compact={compact}\n      {...props}\n    />\n  )\n})\n"],"names":["QueryError","forwardRef","error","fallback","description","compact","props","ref","jsx","ErrorState"],"mappings":";;;AAmBO,MAAMA,IAAaC,EAA4C,SACpE,EAAE,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,SAAAC,IAAU,IAAM,GAAGC,EAAA,GACnDC,GACA;AACA,SAAIL,KAAS,QAAQA,MAAU,KAAc,OAE3C,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,OAAAL;AAAA,MACA,aAAaE,KAAeD;AAAA,MAC5B,SAAAE;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/{QueryError-C01oichG.cjs → QueryError-RF7Mh5zg.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),i=require("react"),c=require("./ErrorBoundary-CYSOAQlB.cjs"),a=i.forwardRef(function({error:r,fallback:e,description:t,compact:u=!0,...n},o){return r==null||r===!1?null:s.jsx(c.ErrorState,{ref:o,error:r,description:t??e,compact:u,...n})});exports.QueryError=a;
-//# sourceMappingURL=QueryError-C01oichG.cjs.map
+"use strict";const s=require("react/jsx-runtime"),i=require("react"),c=require("./ErrorBoundary-DbKRtdgS.cjs"),a=i.forwardRef(function({error:r,fallback:e,description:t,compact:u=!0,...n},o){return r==null||r===!1?null:s.jsx(c.ErrorState,{ref:o,error:r,description:t??e,compact:u,...n})});exports.QueryError=a;
+//# sourceMappingURL=QueryError-RF7Mh5zg.cjs.map

package/dist/{QueryError-C01oichG.cjs.map → QueryError-RF7Mh5zg.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"QueryError-C01oichG.cjs","sources":["../src/components/ErrorState/QueryError.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport { ErrorState, type ErrorStateProps } from './ErrorState'\n\nexport interface QueryErrorProps extends ErrorStateProps {\n  /** The query's error (`query.error`). `null` / `undefined` → renders nothing. */\n  error: unknown\n  /**\n   * The user-facing sentence (\"Could not load players.\"). Shown instead of the raw message, which then\n   * only appears in the (dev) details panel. Same as `description`, which wins when both are set.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * The react-query-style one-liner: `<QueryError error={users.error} onRetry={users.refetch}\n * fallback=\"Could not load players.\" />`. Renders nothing while `error` is empty, otherwise an\n * `ErrorState` — **compact by default** (it usually sits where the data would, inside a card or table\n * area; pass `compact={false}` for the hero). Everything else passes through to `ErrorState`.\n */\nexport const QueryError = forwardRef<HTMLDivElement, QueryErrorProps>(function QueryError(\n  { error, fallback, description, compact = true, ...props },\n  ref,\n) {\n  if (error == null || error === false) return null\n  return (\n    <ErrorState\n      ref={ref}\n      error={error}\n      description={description ?? fallback}\n      compact={compact}\n      {...props}\n    />\n  )\n})\n"],"names":["QueryError","forwardRef","error","fallback","description","compact","props","ref","jsx","ErrorState"],"mappings":"+GAmBaA,EAAaC,EAAAA,WAA4C,SACpE,CAAE,MAAAC,EAAO,SAAAC,EAAU,YAAAC,EAAa,QAAAC,EAAU,GAAM,GAAGC,CAAA,EACnDC,EACA,CACA,OAAIL,GAAS,MAAQA,IAAU,GAAc,KAE3CM,EAAAA,IAACC,EAAAA,WAAA,CACC,IAAAF,EACA,MAAAL,EACA,YAAaE,GAAeD,EAC5B,QAAAE,EACC,GAAGC,CAAA,CAAA,CAGV,CAAC"}
+{"version":3,"file":"QueryError-RF7Mh5zg.cjs","sources":["../src/components/ErrorState/QueryError.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react'\nimport { ErrorState, type ErrorStateProps } from './ErrorState'\n\nexport interface QueryErrorProps extends ErrorStateProps {\n  /** The query's error (`query.error`). `null` / `undefined` → renders nothing. */\n  error: unknown\n  /**\n   * The user-facing sentence (\"Could not load players.\"). Shown instead of the raw message, which then\n   * only appears in the (dev) details panel. Same as `description`, which wins when both are set.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * The react-query-style one-liner: `<QueryError error={users.error} onRetry={users.refetch}\n * fallback=\"Could not load players.\" />`. Renders nothing while `error` is empty, otherwise an\n * `ErrorState` — **compact by default** (it usually sits where the data would, inside a card or table\n * area; pass `compact={false}` for the hero). Everything else passes through to `ErrorState`.\n */\nexport const QueryError = forwardRef<HTMLDivElement, QueryErrorProps>(function QueryError(\n  { error, fallback, description, compact = true, ...props },\n  ref,\n) {\n  if (error == null || error === false) return null\n  return (\n    <ErrorState\n      ref={ref}\n      error={error}\n      description={description ?? fallback}\n      compact={compact}\n      {...props}\n    />\n  )\n})\n"],"names":["QueryError","forwardRef","error","fallback","description","compact","props","ref","jsx","ErrorState"],"mappings":"+GAmBaA,EAAaC,EAAAA,WAA4C,SACpE,CAAE,MAAAC,EAAO,SAAAC,EAAU,YAAAC,EAAa,QAAAC,EAAU,GAAM,GAAGC,CAAA,EACnDC,EACA,CACA,OAAIL,GAAS,MAAQA,IAAU,GAAc,KAE3CM,EAAAA,IAACC,EAAAA,WAAA,CACC,IAAAF,EACA,MAAAL,EACA,YAAaE,GAAeD,EAC5B,QAAAE,EACC,GAAGC,CAAA,CAAA,CAGV,CAAC"}

package/dist/RadioGroup-CTAayuMv.js

@@ -0,0 +1,142 @@
+import { jsx as s, jsxs as k } from "react/jsx-runtime";
+import { useContext as D, createContext as P, forwardRef as j, useId as S, useState as B } from "react";
+import { clsx as h } from "clsx";
+import { u as $ } from "./formContext-B7ln1Miy.js";
+import { T as A } from "./Typography-CJv5AnRP.js";
+const E = P(null);
+function H() {
+  return D(E);
+}
+const J = "_field_iusre_2", K = "_row_iusre_9", M = "_disabled_iusre_21", O = "_input_iusre_27", Q = "_circle_iusre_41", U = "_dot_iusre_63", W = "_error_iusre_77", X = "_label_iusre_81", Y = "_required_iusre_86", Z = "_sm_iusre_92", ee = "_md_iusre_96", re = "_lg_iusre_100", se = "_group_iusre_116", oe = "_groupLabel_iusre_123", le = "_options_iusre_128", ae = "_horizontal_iusre_134", r = {
+  field: J,
+  row: K,
+  disabled: M,
+  input: O,
+  circle: Q,
+  dot: U,
+  error: W,
+  label: X,
+  required: Y,
+  sm: Z,
+  md: ee,
+  lg: re,
+  group: se,
+  groupLabel: oe,
+  options: le,
+  horizontal: ae
+}, ie = j(function({
+  value: a,
+  label: d,
+  color: N,
+  size: c,
+  error: o,
+  checked: t,
+  onChange: u,
+  name: x,
+  disabled: z,
+  id: R,
+  className: y,
+  style: g,
+  ...C
+}, w) {
+  const I = S(), m = R ?? I, e = H(), i = N ?? (e == null ? void 0 : e.color) ?? "accent", f = c ?? (e == null ? void 0 : e.size) ?? "md", n = o ?? (e == null ? void 0 : e.error) ?? !1, _ = z ?? (e == null ? void 0 : e.disabled) ?? !1, v = x ?? (e == null ? void 0 : e.name), [b, q] = B(!1), G = e ? e.value === a : t !== void 0 ? t : b, L = (p) => {
+    if (e) {
+      e.onChange(a);
+      return;
+    }
+    t === void 0 && q(p.target.checked), u == null || u(p.target.checked);
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: h(
+        r.field,
+        n && r.error,
+        _ && r.disabled,
+        y
+      ),
+      style: { "--tz-btn-rgb": `var(--tz-color-${i}-rgb)`, ...g },
+      children: /* @__PURE__ */ k("label", { className: h(r.row, r[f]), children: [
+        /* @__PURE__ */ s(
+          "input",
+          {
+            ref: w,
+            id: m,
+            name: v,
+            type: "radio",
+            className: r.input,
+            value: a,
+            checked: G,
+            onChange: L,
+            disabled: _,
+            "aria-invalid": n || void 0,
+            ...C
+          }
+        ),
+        /* @__PURE__ */ s("span", { className: r.circle, "aria-hidden": "true", children: /* @__PURE__ */ s("span", { className: r.dot }) }),
+        d != null && /* @__PURE__ */ s("span", { className: r.label, children: d })
+      ] })
+    }
+  );
+}), me = j(function({
+  label: a,
+  value: d,
+  defaultValue: N,
+  onChange: c,
+  name: o,
+  options: t,
+  orientation: u = "vertical",
+  size: x = "md",
+  color: z = "accent",
+  error: R,
+  required: y = !1,
+  disabled: g = !1,
+  children: C,
+  className: w,
+  style: I,
+  ...m
+}, e) {
+  const i = $(), f = !!(i && o), n = i && o ? i.field(o) : void 0, _ = d !== void 0 ? d : f ? i.values[o] : void 0, v = _ !== void 0, b = S(), q = S(), [G, L] = B(N), p = v ? _ : G, V = R ?? (n == null ? void 0 : n.error) ?? !1, T = {
+    name: o ?? q,
+    value: p,
+    onChange: (l) => {
+      v || L(l), f && i.setValue(o, l), c == null || c(l);
+    },
+    size: x,
+    color: z,
+    disabled: g,
+    error: V
+  };
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ref: e,
+      role: "radiogroup",
+      "aria-labelledby": a != null && m["aria-label"] == null ? b : void 0,
+      "aria-invalid": V || void 0,
+      className: h(r.group, w),
+      style: I,
+      ...m,
+      children: [
+        a != null && /* @__PURE__ */ k("span", { id: b, className: r.groupLabel, children: [
+          /* @__PURE__ */ s(A, { as: "span", variant: "bodySmall", color: "muted", children: a }),
+          y && /* @__PURE__ */ s("span", { className: r.required, "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ s("div", { className: h(r.options, u === "horizontal" && r.horizontal), children: /* @__PURE__ */ s(E.Provider, { value: T, children: t ? t.map((l) => /* @__PURE__ */ s(
+          ie,
+          {
+            value: l.value,
+            label: l.label,
+            disabled: l.disabled
+          },
+          l.value
+        )) : C }) })
+      ]
+    }
+  );
+});
+export {
+  ie as R,
+  me as a
+};
+//# sourceMappingURL=RadioGroup-CTAayuMv.js.map

package/dist/RadioGroup-CTAayuMv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-CTAayuMv.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  useId,\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\"`, named by its `label` (`aria-labelledby`); 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  // the visible label names the group for assistive tech (an explicit aria-label/-labelledby wins)\n  const labelId = useId()\n  // without a `name` the inputs wouldn't form a native radio group (every option its own tab stop, no\n  // arrow-key selection) — fall back to a generated one for the DOM only; `<Form>` binding still keys off `name`\n  const fallbackName = useId()\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: name ?? fallbackName,\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-labelledby={label != null && props['aria-label'] == null ? labelId : undefined}\n      aria-invalid={resolvedError || undefined}\n      className={clsx(styles.group, className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      {label != null && (\n        <span id={labelId} 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","labelId","fallbackName","currentValue","ctx","next","Typography","option"],"mappings":"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"}

package/dist/RadioGroup-CvC2yc4p.cjs

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

package/dist/RadioGroup-CvC2yc4p.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-CvC2yc4p.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  useId,\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\"`, named by its `label` (`aria-labelledby`); 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  // the visible label names the group for assistive tech (an explicit aria-label/-labelledby wins)\n  const labelId = useId()\n  // without a `name` the inputs wouldn't form a native radio group (every option its own tab stop, no\n  // arrow-key selection) — fall back to a generated one for the DOM only; `<Form>` binding still keys off `name`\n  const fallbackName = useId()\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: name ?? fallbackName,\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-labelledby={label != null && props['aria-label'] == null ? labelId : undefined}\n      aria-invalid={resolvedError || undefined}\n      className={clsx(styles.group, className)}\n      style={style as CSSProperties}\n      {...props}\n    >\n      {label != null && (\n        <span id={labelId} 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","labelId","fallbackName","currentValue","ctx","next","Typography","option"],"mappings":"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"}

package/dist/{RemoveDialog-Bm2mJB3l.cjs → RemoveDialog-Csfhv9ve.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("react"),z=require("./Blockquote-BWGxIL_V.cjs"),C=require("./Button-CusxDmfq.cjs"),N=require("./Code-CUdpWlY5.cjs"),j=require("./Icon-BVULqOJD.cjs"),I=require("./Modal-DFeBHv-Q.cjs"),R=require("./TextField-E85pvJQC.cjs"),w=require("./Typography-B6ASPrzT.cjs"),v=require("./ConfigProvider-ByLHqXpv.cjs"),E="_modalBody_1nqut_5",F="_body_1nqut_4",S="_iconBox_1nqut_20",O="_confirm_1nqut_37",L="_phrase_1nqut_45",i={modalBody:E,body:F,iconBox:S,confirm:O,phrase:L},M=r.forwardRef(function({open:s,onClose:t,onConfirm:l,title:d,message:b,confirmLabel:B,cancelLabel:_,loading:T=!1,confirmText:n},k){const c=v.useT(),[D,h]=r.useState(!1),o=T||D,[u,y]=r.useState(""),x=r.useRef(s);x.current!==s&&(x.current=s,s&&y(""));const m=n==null||u.trim()===n.trim(),g=r.useId(),p=()=>{o||t()},q=async()=>{if(!(!m||o))try{h(!0),await l(),t()}catch{}finally{h(!1)}};return e.jsx(I.Modal,{ref:k,open:s,onClose:p,size:"sm",bodyClassName:i.modalBody,title:d??c("removeDialog.title"),showCloseButton:!o,closeOnBackdrop:!o,closeOnEscape:!o,footer:e.jsxs(e.Fragment,{children:[e.jsx(C.Button,{variant:"text",size:"sm",onClick:p,disabled:o,children:_??c("common.cancel")}),e.jsx(C.Button,{color:"error",variant:"filled",size:"sm",onClick:q,loading:o,disabled:!m,children:B??c("common.delete")})]}),children:e.jsxs("div",{className:i.body,children:[e.jsx("div",{className:i.iconBox,"aria-hidden":!0,children:e.jsx(j.Icon,{name:"Trash"})}),e.jsx(w.Typography,{align:"center",children:b??c("removeDialog.message")}),n!=null&&e.jsxs("div",{className:i.confirm,children:[e.jsx(z.Blockquote,{id:g,size:"sm",color:"error",children:e.jsx(P,{text:n})}),e.jsx(R.TextField,{"aria-labelledby":g,placeholder:n,value:u,onChange:a=>y(a.target.value),onKeyDown:a=>{a.key==="Enter"&&(a.preventDefault(),q())},adornment:u&&m?e.jsx(j.Icon,{name:"TickCircle",color:"success"}):void 0,adornmentPosition:"right",disabled:o,size:"sm",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:!1})]})]})})});function P({text:f}){const s=v.useT(),t="\0",[l,d=""]=s("removeDialog.typeToConfirm",{text:t}).split(t);return e.jsxs(e.Fragment,{children:[l,e.jsx(N.Code,{size:"sm",color:"error",className:i.phrase,children:f}),d]})}exports.RemoveDialog=M;
-//# sourceMappingURL=RemoveDialog-Bm2mJB3l.cjs.map
+"use strict";const e=require("react/jsx-runtime"),r=require("react"),z=require("./Blockquote-BWGxIL_V.cjs"),C=require("./Button-BZq1mIUH.cjs"),N=require("./Code-CUdpWlY5.cjs"),j=require("./Icon-BUP5_kRs.cjs"),I=require("./Modal-CcrqM4kn.cjs"),R=require("./TextField-D_hzd5Gf.cjs"),w=require("./Typography-B6ASPrzT.cjs"),v=require("./ConfigProvider-CzAQf_d_.cjs"),E="_modalBody_1nqut_5",F="_body_1nqut_4",S="_iconBox_1nqut_20",O="_confirm_1nqut_37",L="_phrase_1nqut_45",i={modalBody:E,body:F,iconBox:S,confirm:O,phrase:L},M=r.forwardRef(function({open:s,onClose:t,onConfirm:l,title:d,message:b,confirmLabel:B,cancelLabel:_,loading:T=!1,confirmText:n},k){const c=v.useT(),[D,h]=r.useState(!1),o=T||D,[u,y]=r.useState(""),x=r.useRef(s);x.current!==s&&(x.current=s,s&&y(""));const m=n==null||u.trim()===n.trim(),g=r.useId(),p=()=>{o||t()},q=async()=>{if(!(!m||o))try{h(!0),await l(),t()}catch{}finally{h(!1)}};return e.jsx(I.Modal,{ref:k,open:s,onClose:p,size:"sm",bodyClassName:i.modalBody,title:d??c("removeDialog.title"),showCloseButton:!o,closeOnBackdrop:!o,closeOnEscape:!o,footer:e.jsxs(e.Fragment,{children:[e.jsx(C.Button,{variant:"text",size:"sm",onClick:p,disabled:o,children:_??c("common.cancel")}),e.jsx(C.Button,{color:"error",variant:"filled",size:"sm",onClick:q,loading:o,disabled:!m,children:B??c("common.delete")})]}),children:e.jsxs("div",{className:i.body,children:[e.jsx("div",{className:i.iconBox,"aria-hidden":!0,children:e.jsx(j.Icon,{name:"Trash"})}),e.jsx(w.Typography,{align:"center",children:b??c("removeDialog.message")}),n!=null&&e.jsxs("div",{className:i.confirm,children:[e.jsx(z.Blockquote,{id:g,size:"sm",color:"error",children:e.jsx(P,{text:n})}),e.jsx(R.TextField,{"aria-labelledby":g,placeholder:n,value:u,onChange:a=>y(a.target.value),onKeyDown:a=>{a.key==="Enter"&&(a.preventDefault(),q())},adornment:u&&m?e.jsx(j.Icon,{name:"TickCircle",color:"success"}):void 0,adornmentPosition:"right",disabled:o,size:"sm",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:!1})]})]})})});function P({text:f}){const s=v.useT(),t="\0",[l,d=""]=s("removeDialog.typeToConfirm",{text:t}).split(t);return e.jsxs(e.Fragment,{children:[l,e.jsx(N.Code,{size:"sm",color:"error",className:i.phrase,children:f}),d]})}exports.RemoveDialog=M;
+//# sourceMappingURL=RemoveDialog-Csfhv9ve.cjs.map

package/dist/{RemoveDialog-Bm2mJB3l.cjs.map → RemoveDialog-Csfhv9ve.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"RemoveDialog-Bm2mJB3l.cjs","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useId, useRef, useState, type KeyboardEvent, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Blockquote } from '../Blockquote'\nimport { Button } from '../Button'\nimport { Code } from '../Code'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n  /** Whether the dialog is open. */\n  open: boolean\n  /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n  onClose: () => void\n  /**\n   * The destructive action. May be async — while its promise is pending the Delete button shows a\n   * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n   * stays open so the user can retry (surface the error yourself, e.g. a toast).\n   */\n  onConfirm: () => void | Promise<void>\n  /** Header title. Defaults to `\"Remove\"`. */\n  title?: ReactNode\n  /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n  message?: ReactNode\n  /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n  confirmLabel?: string\n  /** Cancel button label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n  /** External loading override — combined with the internal async-confirm state. */\n  loading?: boolean\n  /**\n   * **Type-to-confirm** for high-risk deletes: the user must type this exact text (e.g. `\"remove user\"`)\n   * into a field before Delete enables. Case-sensitive; surrounding whitespace is ignored. The field is\n   * focused on open, cleared on every open, and Enter confirms once it matches.\n   */\n  confirmText?: string\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. `confirmText`\n * adds **type-to-confirm**: Delete stays disabled until the user types that exact text. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n  {\n    open,\n    onClose,\n    onConfirm,\n    title,\n    message,\n    confirmLabel,\n    cancelLabel,\n    loading = false,\n    confirmText,\n  },\n  ref,\n) {\n  const t = useT()\n  const [submitting, setSubmitting] = useState(false)\n  const busy = loading || submitting\n\n  // type-to-confirm — cleared every time the dialog opens (\"adjust state on prop change\", no effect)\n  const [typed, setTyped] = useState('')\n  const wasOpen = useRef(open)\n  if (wasOpen.current !== open) {\n    wasOpen.current = open\n    if (open) setTyped('')\n  }\n  const matches = confirmText == null || typed.trim() === confirmText.trim()\n  const promptId = useId()\n\n  // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n  const handleClose = () => {\n    if (!busy) onClose()\n  }\n\n  const handleConfirm = async () => {\n    if (!matches || busy) return\n    try {\n      setSubmitting(true)\n      await onConfirm()\n      onClose() // auto-close on success\n    } catch {\n      // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  return (\n    <Modal\n      ref={ref}\n      open={open}\n      onClose={handleClose}\n      size=\"sm\"\n      bodyClassName={styles.modalBody}\n      title={title ?? t('removeDialog.title')}\n      showCloseButton={!busy}\n      closeOnBackdrop={!busy}\n      closeOnEscape={!busy}\n      footer={\n        <>\n          <Button variant=\"text\" size=\"sm\" onClick={handleClose} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button\n            color=\"error\"\n            variant=\"filled\"\n            size=\"sm\"\n            onClick={handleConfirm}\n            loading={busy}\n            disabled={!matches}\n          >\n            {confirmLabel ?? t('common.delete')}\n          </Button>\n        </>\n      }\n    >\n      <div className={styles.body}>\n        <div className={styles.iconBox} aria-hidden>\n          <Icon name=\"Trash\" />\n        </div>\n        <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n        {confirmText != null && (\n          <div className={styles.confirm}>\n            {/* the instruction, as an error-tinted quote — it also names the field (aria-labelledby) */}\n            <Blockquote id={promptId} size=\"sm\" color=\"error\">\n              <TypeToConfirmLabel text={confirmText} />\n            </Blockquote>\n            <TextField\n              aria-labelledby={promptId}\n              placeholder={confirmText}\n              value={typed}\n              onChange={(event) => setTyped(event.target.value)}\n              onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter') {\n                  event.preventDefault()\n                  void handleConfirm()\n                }\n              }}\n              // a green tick once the phrase matches — the field confirms itself before Delete does\n              adornment={typed && matches ? <Icon name=\"TickCircle\" color=\"success\" /> : undefined}\n              adornmentPosition=\"right\"\n              disabled={busy}\n              size=\"sm\"\n              autoComplete=\"off\"\n              autoCapitalize=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n            />\n          </div>\n        )}\n      </div>\n    </Modal>\n  )\n})\n\n/** \"Type {text} to confirm\" with the text set as inline `Code`, so the exact phrase stands out. */\nfunction TypeToConfirmLabel({ text }: { text: string }) {\n  const t = useT()\n  // translate with a sentinel in place of {text}, then split around it to slot the Code element in\n  const SENTINEL = '\\u0000'\n  const [before, after = ''] = t('removeDialog.typeToConfirm', { text: SENTINEL }).split(SENTINEL)\n  return (\n    <>\n      {before}\n      <Code size=\"sm\" color=\"error\" className={styles.phrase}>\n        {text}\n      </Code>\n      {after}\n    </>\n  )\n}\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","confirmText","ref","t","useT","submitting","setSubmitting","useState","busy","typed","setTyped","wasOpen","useRef","matches","promptId","useId","handleClose","handleConfirm","jsx","Modal","styles","jsxs","Fragment","Button","Icon","Typography","Blockquote","TypeToConfirmLabel","TextField","event","text","SENTINEL","before","after","Code"],"mappings":"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"}
+{"version":3,"file":"RemoveDialog-Csfhv9ve.cjs","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useId, useRef, useState, type KeyboardEvent, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Blockquote } from '../Blockquote'\nimport { Button } from '../Button'\nimport { Code } from '../Code'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { Typography } from '../Typography'\nimport styles from './RemoveDialog.module.css'\n\nexport interface RemoveDialogProps {\n  /** Whether the dialog is open. */\n  open: boolean\n  /** Called on Cancel, the × button, backdrop, or Escape (ignored while a confirm is in flight). */\n  onClose: () => void\n  /**\n   * The destructive action. May be async — while its promise is pending the Delete button shows a\n   * loader and the dialog locks (no dismiss); on success the dialog **auto-closes**, on rejection it\n   * stays open so the user can retry (surface the error yourself, e.g. a toast).\n   */\n  onConfirm: () => void | Promise<void>\n  /** Header title. Defaults to `\"Remove\"`. */\n  title?: ReactNode\n  /** Body prompt shown under the icon. Defaults to `\"Are you sure you want to delete?\"`. */\n  message?: ReactNode\n  /** Confirm (destructive) button label. Defaults to `\"Delete\"`. */\n  confirmLabel?: string\n  /** Cancel button label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n  /** External loading override — combined with the internal async-confirm state. */\n  loading?: boolean\n  /**\n   * **Type-to-confirm** for high-risk deletes: the user must type this exact text (e.g. `\"remove user\"`)\n   * into a field before Delete enables. Case-sensitive; surrounding whitespace is ignored. The field is\n   * focused on open, cleared on every open, and Enter confirms once it matches.\n   */\n  confirmText?: string\n}\n\n/**\n * A ready-made delete confirmation — a thin convenience wrapper over `Modal` for the ubiquitous\n * \"Are you sure you want to delete?\" prompt. Hardcodes the destructive flavor (a `Trash` glyph in a\n * soft error circle + an `error` Delete button); just wire `open` / `onClose` / `onConfirm`. An async\n * `onConfirm` drives the button loader and locks dismissal, then auto-closes on success. `confirmText`\n * adds **type-to-confirm**: Delete stays disabled until the user types that exact text. Built on\n * `Modal`, so it inherits the portal, scroll-lock, focus-trap, and backdrop/Escape dismissal.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <RemoveDialog open={isOpen} onClose={close} onConfirm={() => deleteItem(id)} />\n */\nexport const RemoveDialog = forwardRef<HTMLDivElement, RemoveDialogProps>(function RemoveDialog(\n  {\n    open,\n    onClose,\n    onConfirm,\n    title,\n    message,\n    confirmLabel,\n    cancelLabel,\n    loading = false,\n    confirmText,\n  },\n  ref,\n) {\n  const t = useT()\n  const [submitting, setSubmitting] = useState(false)\n  const busy = loading || submitting\n\n  // type-to-confirm — cleared every time the dialog opens (\"adjust state on prop change\", no effect)\n  const [typed, setTyped] = useState('')\n  const wasOpen = useRef(open)\n  if (wasOpen.current !== open) {\n    wasOpen.current = open\n    if (open) setTyped('')\n  }\n  const matches = confirmText == null || typed.trim() === confirmText.trim()\n  const promptId = useId()\n\n  // dismissal is blocked while the confirm is running (so the delete can't be abandoned mid-flight)\n  const handleClose = () => {\n    if (!busy) onClose()\n  }\n\n  const handleConfirm = async () => {\n    if (!matches || busy) return\n    try {\n      setSubmitting(true)\n      await onConfirm()\n      onClose() // auto-close on success\n    } catch {\n      // keep the dialog open on failure so the user can retry; the consumer surfaces the error\n    } finally {\n      setSubmitting(false)\n    }\n  }\n\n  return (\n    <Modal\n      ref={ref}\n      open={open}\n      onClose={handleClose}\n      size=\"sm\"\n      bodyClassName={styles.modalBody}\n      title={title ?? t('removeDialog.title')}\n      showCloseButton={!busy}\n      closeOnBackdrop={!busy}\n      closeOnEscape={!busy}\n      footer={\n        <>\n          <Button variant=\"text\" size=\"sm\" onClick={handleClose} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button\n            color=\"error\"\n            variant=\"filled\"\n            size=\"sm\"\n            onClick={handleConfirm}\n            loading={busy}\n            disabled={!matches}\n          >\n            {confirmLabel ?? t('common.delete')}\n          </Button>\n        </>\n      }\n    >\n      <div className={styles.body}>\n        <div className={styles.iconBox} aria-hidden>\n          <Icon name=\"Trash\" />\n        </div>\n        <Typography align=\"center\">{message ?? t('removeDialog.message')}</Typography>\n        {confirmText != null && (\n          <div className={styles.confirm}>\n            {/* the instruction, as an error-tinted quote — it also names the field (aria-labelledby) */}\n            <Blockquote id={promptId} size=\"sm\" color=\"error\">\n              <TypeToConfirmLabel text={confirmText} />\n            </Blockquote>\n            <TextField\n              aria-labelledby={promptId}\n              placeholder={confirmText}\n              value={typed}\n              onChange={(event) => setTyped(event.target.value)}\n              onKeyDown={(event: KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter') {\n                  event.preventDefault()\n                  void handleConfirm()\n                }\n              }}\n              // a green tick once the phrase matches — the field confirms itself before Delete does\n              adornment={typed && matches ? <Icon name=\"TickCircle\" color=\"success\" /> : undefined}\n              adornmentPosition=\"right\"\n              disabled={busy}\n              size=\"sm\"\n              autoComplete=\"off\"\n              autoCapitalize=\"off\"\n              autoCorrect=\"off\"\n              spellCheck={false}\n            />\n          </div>\n        )}\n      </div>\n    </Modal>\n  )\n})\n\n/** \"Type {text} to confirm\" with the text set as inline `Code`, so the exact phrase stands out. */\nfunction TypeToConfirmLabel({ text }: { text: string }) {\n  const t = useT()\n  // translate with a sentinel in place of {text}, then split around it to slot the Code element in\n  const SENTINEL = '\\u0000'\n  const [before, after = ''] = t('removeDialog.typeToConfirm', { text: SENTINEL }).split(SENTINEL)\n  return (\n    <>\n      {before}\n      <Code size=\"sm\" color=\"error\" className={styles.phrase}>\n        {text}\n      </Code>\n      {after}\n    </>\n  )\n}\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","confirmText","ref","t","useT","submitting","setSubmitting","useState","busy","typed","setTyped","wasOpen","useRef","matches","promptId","useId","handleClose","handleConfirm","jsx","Modal","styles","jsxs","Fragment","Button","Icon","Typography","Blockquote","TypeToConfirmLabel","TextField","event","text","SENTINEL","before","after","Code"],"mappings":"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"}