@techzyapp/ui-library 1.0.43 → 1.0.45

package/dist/{Popconfirm-Chlm_M5T.cjs → Popconfirm-BKzJ_EZy.cjs}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),n=require("react"),H=require("clsx"),E=require("./Icon-B6lz-V0A.cjs"),R=require("./Button-Q_5uA-zc.cjs"),J=require("./FloatingPanel-tGCG2nhA.cjs"),K=require("./ConfigProvider-Ci9Q2HLF.cjs"),Q="_popconfirm_ztpne_5",U="_body_ztpne_12",V="_icon_ztpne_21",W="_text_ztpne_33",X="_title_ztpne_43",Y="_description_ztpne_50",Z="_footer_ztpne_58",r={popconfirm:Q,body:U,icon:V,text:W,title:X,description:Y,footer:Z},ee=new Set(E.ICON_NAMES);function te({title:S,description:u,onConfirm:k,onCancel:f,confirmLabel:A,cancelLabel:P,color:j="error",icon:c="Danger",align:$="start",open:v,onOpenChange:d,disabled:w=!1,width:D=300,className:M,style:O,children:b}){const z=K.useT(),p=n.useId(),N=`${p}-panel`,g=`${p}-title`,h=`${p}-desc`,m=n.useRef(null),I=n.useRef(null),[i,_]=n.useState(!1),q=v!==void 0,[T,C]=n.useState(!1),o=q?v:T,B=e=>{q||C(e),d==null||d(e)};n.useEffect(()=>{if(!o)return;const e=requestAnimationFrame(()=>{var s;return(s=I.current)==null?void 0:s.focus()});return()=>cancelAnimationFrame(e)},[o]);const x=e=>{var s;B(!1),e&&((s=m.current)==null||s.focus())},y=(e=!0)=>{i||(f==null||f(),x(e))},L=async()=>{const e=k();if(!e||typeof e.then!="function"){x(!0);return}_(!0);try{await e,_(!1),x(!0)}catch{_(!1)}},l=b.props,a=l.ref,G=n.cloneElement(b,{ref:e=>{m.current=e,typeof a=="function"?a(e):a&&(a.current=e)},onClick:e=>{var s;(s=l.onClick)==null||s.call(l,e),!(w||i)&&(o?y(!1):B(!0))},"aria-haspopup":"dialog","aria-expanded":o,"aria-controls":o?N:void 0}),F=c===!1?null:typeof c=="string"&&ee.has(c)?t.jsx(E.Icon,{name:c}):c;return t.jsxs(t.Fragment,{children:[G,t.jsxs(J.FloatingPanel,{open:o,triggerRef:m,align:$,onClose:e=>y(e),id:N,role:"alertdialog",ariaLabelledBy:g,ariaDescribedBy:u!=null?h:void 0,trapFocus:!0,width:D,className:H.clsx(r.popconfirm,M),style:{"--tz-btn-rgb":`var(--tz-color-${j}-rgb)`,...O},children:[t.jsxs("div",{className:r.body,children:[F!=null&&t.jsx("span",{className:r.icon,"aria-hidden":"true",children:F}),t.jsxs("div",{className:r.text,children:[t.jsx("div",{id:g,className:r.title,children:S}),u!=null&&t.jsx("div",{id:h,className:r.description,children:u})]})]}),t.jsxs("div",{className:r.footer,children:[t.jsx(R.Button,{ref:I,variant:"text",size:"sm",onClick:()=>y(),disabled:i,children:P??z("common.cancel")}),t.jsx(R.Button,{variant:"contained",color:j,size:"sm",loading:i,onClick:L,children:A??z("common.confirm")})]})]})]})}exports.Popconfirm=te;
-//# sourceMappingURL=Popconfirm-Chlm_M5T.cjs.map
+"use strict";const t=require("react/jsx-runtime"),n=require("react"),H=require("clsx"),E=require("./Icon-CBg21lKA.cjs"),R=require("./Button-mBZOvgyZ.cjs"),J=require("./FloatingPanel-tGCG2nhA.cjs"),K=require("./ConfigProvider-DBU6rOIA.cjs"),Q="_popconfirm_ztpne_5",U="_body_ztpne_12",V="_icon_ztpne_21",W="_text_ztpne_33",X="_title_ztpne_43",Y="_description_ztpne_50",Z="_footer_ztpne_58",r={popconfirm:Q,body:U,icon:V,text:W,title:X,description:Y,footer:Z},ee=new Set(E.ICON_NAMES);function te({title:S,description:u,onConfirm:k,onCancel:f,confirmLabel:A,cancelLabel:P,color:j="error",icon:c="Danger",align:$="start",open:v,onOpenChange:d,disabled:w=!1,width:D=300,className:M,style:O,children:b}){const z=K.useT(),p=n.useId(),N=`${p}-panel`,g=`${p}-title`,h=`${p}-desc`,m=n.useRef(null),I=n.useRef(null),[i,_]=n.useState(!1),q=v!==void 0,[T,C]=n.useState(!1),o=q?v:T,B=e=>{q||C(e),d==null||d(e)};n.useEffect(()=>{if(!o)return;const e=requestAnimationFrame(()=>{var s;return(s=I.current)==null?void 0:s.focus()});return()=>cancelAnimationFrame(e)},[o]);const x=e=>{var s;B(!1),e&&((s=m.current)==null||s.focus())},y=(e=!0)=>{i||(f==null||f(),x(e))},L=async()=>{const e=k();if(!e||typeof e.then!="function"){x(!0);return}_(!0);try{await e,_(!1),x(!0)}catch{_(!1)}},l=b.props,a=l.ref,G=n.cloneElement(b,{ref:e=>{m.current=e,typeof a=="function"?a(e):a&&(a.current=e)},onClick:e=>{var s;(s=l.onClick)==null||s.call(l,e),!(w||i)&&(o?y(!1):B(!0))},"aria-haspopup":"dialog","aria-expanded":o,"aria-controls":o?N:void 0}),F=c===!1?null:typeof c=="string"&&ee.has(c)?t.jsx(E.Icon,{name:c}):c;return t.jsxs(t.Fragment,{children:[G,t.jsxs(J.FloatingPanel,{open:o,triggerRef:m,align:$,onClose:e=>y(e),id:N,role:"alertdialog",ariaLabelledBy:g,ariaDescribedBy:u!=null?h:void 0,trapFocus:!0,width:D,className:H.clsx(r.popconfirm,M),style:{"--tz-btn-rgb":`var(--tz-color-${j}-rgb)`,...O},children:[t.jsxs("div",{className:r.body,children:[F!=null&&t.jsx("span",{className:r.icon,"aria-hidden":"true",children:F}),t.jsxs("div",{className:r.text,children:[t.jsx("div",{id:g,className:r.title,children:S}),u!=null&&t.jsx("div",{id:h,className:r.description,children:u})]})]}),t.jsxs("div",{className:r.footer,children:[t.jsx(R.Button,{ref:I,variant:"text",size:"sm",onClick:()=>y(),disabled:i,children:P??z("common.cancel")}),t.jsx(R.Button,{variant:"contained",color:j,size:"sm",loading:i,onClick:L,children:A??z("common.confirm")})]})]})]})}exports.Popconfirm=te;
+//# sourceMappingURL=Popconfirm-BKzJ_EZy.cjs.map

package/dist/{Popconfirm-Chlm_M5T.cjs.map → Popconfirm-BKzJ_EZy.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Popconfirm-Chlm_M5T.cjs","sources":["../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\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 { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport type { PopoverAlign } from '../Popover'\nimport styles from './Popconfirm.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface PopconfirmProps {\n  /** The question — \"Delete this item?\". Labels the dialog. */\n  title: ReactNode\n  /** Optional muted line under the title (the consequence). Describes the dialog. */\n  description?: ReactNode\n  /**\n   * Runs on confirm. Return a Promise to keep the popover open with the confirm button **loading** until\n   * it settles — it closes on success and **stays open on rejection** (show your own toast).\n   */\n  // `unknown` (not `void | Promise`) so `() => toast.success(…)` — which returns an id — still fits\n  onConfirm: () => unknown\n  /** Runs on Cancel, `Escape` or an outside click. */\n  onCancel?: () => void\n  /** Confirm button label. Defaults to the localized \"Confirm\". */\n  confirmLabel?: ReactNode\n  /** Cancel button label. Defaults to the localized \"Cancel\". */\n  cancelLabel?: ReactNode\n  /** Tints the confirm button and the icon. Defaults to `error` (a destructive action). */\n  color?: ThemeColor\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in the `color`. */\n  icon?: IconName | ReactNode | false\n  /** Horizontal alignment to the trigger (`start` default, `end` for a trigger near the right edge). */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Clicking the trigger does nothing (no popover). */\n  disabled?: boolean\n  /** Panel width (px number or CSS width). Defaults to `300px`. */\n  width?: number | string\n  /** Class on the floating panel. */\n  className?: string\n  /** Style on the floating panel. */\n  style?: CSSProperties\n  /** The trigger — usually a `Button` / `IconButton`. Cloned to wire the click + ARIA. */\n  children: ReactElement\n}\n\n/**\n * An **inline confirm** for quick, low-risk actions (a row's delete / archive) — a small anchored popover\n * with a question, an optional description and **Cancel** / **Confirm**, where a `RemoveDialog` modal\n * would be too heavy and a bare `onClick` too dangerous. Wraps its trigger (`children`), which it clones\n * to toggle the panel. Built on the shared `FloatingPanel` (portaled, flips, clamps to the viewport,\n * dismisses on outside click / `Escape` = cancel). A11y: `role=\"alertdialog\"` labelled by the title and\n * described by the description, focus trapped and **placed on Cancel** (never the destructive button —\n * the `RemoveDialog` rule), focus returns to the trigger. An async `onConfirm` shows a loading confirm\n * button (Cancel + dismiss locked meanwhile), closes on success, stays open on failure. The icon sits in a\n * tinted box, the buttons (`sm`; confirm `contained` in `color`, default `error`) in a Card-style footer. Use `RemoveDialog` for high-risk, context-heavy deletes.\n */\nexport function Popconfirm({\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  confirmLabel,\n  cancelLabel,\n  color = 'error',\n  icon = 'Danger',\n  align = 'start',\n  open,\n  onOpenChange,\n  disabled = false,\n  width = 300,\n  className,\n  style,\n  children,\n}: PopconfirmProps) {\n  const t = useT()\n  const id = useId()\n  const panelId = `${id}-panel`\n  const titleId = `${id}-title`\n  const descId = `${id}-desc`\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = isControlled ? open : internalOpen\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  // focus Cancel once the panel is positioned + visible (a hidden element can't take focus)\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => cancelRef.current?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const close = (refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }\n\n  const cancel = (refocus = true) => {\n    if (busy) return\n    onCancel?.()\n    close(refocus)\n  }\n\n  const confirm = async () => {\n    const result = onConfirm()\n    // any thenable counts as async (not just native Promises)\n    if (!result || typeof (result as PromiseLike<unknown>).then !== 'function') {\n      close(true)\n      return\n    }\n    setBusy(true)\n    try {\n      await result\n      setBusy(false)\n      close(true)\n    } catch {\n      // stays open so the user can retry or cancel; surfacing the error (a toast) is the consumer's job\n      setBusy(false)\n    }\n  }\n\n  const triggerProps = children.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n  const trigger = cloneElement(children 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 || busy) return\n      if (isOpen) cancel(false)\n      else setOpen(true)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  const renderedIcon =\n    icon === false ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <>\n      {trigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => cancel(refocus)}\n        id={panelId}\n        role=\"alertdialog\"\n        ariaLabelledBy={titleId}\n        ariaDescribedBy={description != null ? descId : undefined}\n        trapFocus\n        width={width}\n        className={clsx(styles.popconfirm, className)}\n        style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      >\n        <div className={styles.body}>\n          {renderedIcon != null && (\n            <span className={styles.icon} aria-hidden=\"true\">\n              {renderedIcon}\n            </span>\n          )}\n          <div className={styles.text}>\n            <div id={titleId} className={styles.title}>\n              {title}\n            </div>\n            {description != null && (\n              <div id={descId} className={styles.description}>\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.footer}>\n          <Button ref={cancelRef} variant=\"text\" size=\"sm\" onClick={() => cancel()} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button variant=\"contained\" color={color} size=\"sm\" loading={busy} onClick={confirm}>\n            {confirmLabel ?? t('common.confirm')}\n          </Button>\n        </div>\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["ICON_NAME_SET","ICON_NAMES","Popconfirm","title","description","onConfirm","onCancel","confirmLabel","cancelLabel","color","icon","align","open","onOpenChange","disabled","width","className","style","children","t","useT","id","useId","panelId","titleId","descId","triggerRef","useRef","cancelRef","busy","setBusy","useState","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","next","useEffect","raf","_a","close","refocus","cancel","confirm","result","triggerProps","originalRef","trigger","cloneElement","node","event","renderedIcon","jsx","Icon","jsxs","Fragment","FloatingPanel","clsx","styles","Button"],"mappings":"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"}
+{"version":3,"file":"Popconfirm-BKzJ_EZy.cjs","sources":["../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\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 { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport type { PopoverAlign } from '../Popover'\nimport styles from './Popconfirm.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface PopconfirmProps {\n  /** The question — \"Delete this item?\". Labels the dialog. */\n  title: ReactNode\n  /** Optional muted line under the title (the consequence). Describes the dialog. */\n  description?: ReactNode\n  /**\n   * Runs on confirm. Return a Promise to keep the popover open with the confirm button **loading** until\n   * it settles — it closes on success and **stays open on rejection** (show your own toast).\n   */\n  // `unknown` (not `void | Promise`) so `() => toast.success(…)` — which returns an id — still fits\n  onConfirm: () => unknown\n  /** Runs on Cancel, `Escape` or an outside click. */\n  onCancel?: () => void\n  /** Confirm button label. Defaults to the localized \"Confirm\". */\n  confirmLabel?: ReactNode\n  /** Cancel button label. Defaults to the localized \"Cancel\". */\n  cancelLabel?: ReactNode\n  /** Tints the confirm button and the icon. Defaults to `error` (a destructive action). */\n  color?: ThemeColor\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in the `color`. */\n  icon?: IconName | ReactNode | false\n  /** Horizontal alignment to the trigger (`start` default, `end` for a trigger near the right edge). */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Clicking the trigger does nothing (no popover). */\n  disabled?: boolean\n  /** Panel width (px number or CSS width). Defaults to `300px`. */\n  width?: number | string\n  /** Class on the floating panel. */\n  className?: string\n  /** Style on the floating panel. */\n  style?: CSSProperties\n  /** The trigger — usually a `Button` / `IconButton`. Cloned to wire the click + ARIA. */\n  children: ReactElement\n}\n\n/**\n * An **inline confirm** for quick, low-risk actions (a row's delete / archive) — a small anchored popover\n * with a question, an optional description and **Cancel** / **Confirm**, where a `RemoveDialog` modal\n * would be too heavy and a bare `onClick` too dangerous. Wraps its trigger (`children`), which it clones\n * to toggle the panel. Built on the shared `FloatingPanel` (portaled, flips, clamps to the viewport,\n * dismisses on outside click / `Escape` = cancel). A11y: `role=\"alertdialog\"` labelled by the title and\n * described by the description, focus trapped and **placed on Cancel** (never the destructive button —\n * the `RemoveDialog` rule), focus returns to the trigger. An async `onConfirm` shows a loading confirm\n * button (Cancel + dismiss locked meanwhile), closes on success, stays open on failure. The icon sits in a\n * tinted box, the buttons (`sm`; confirm `contained` in `color`, default `error`) in a Card-style footer. Use `RemoveDialog` for high-risk, context-heavy deletes.\n */\nexport function Popconfirm({\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  confirmLabel,\n  cancelLabel,\n  color = 'error',\n  icon = 'Danger',\n  align = 'start',\n  open,\n  onOpenChange,\n  disabled = false,\n  width = 300,\n  className,\n  style,\n  children,\n}: PopconfirmProps) {\n  const t = useT()\n  const id = useId()\n  const panelId = `${id}-panel`\n  const titleId = `${id}-title`\n  const descId = `${id}-desc`\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = isControlled ? open : internalOpen\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  // focus Cancel once the panel is positioned + visible (a hidden element can't take focus)\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => cancelRef.current?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const close = (refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }\n\n  const cancel = (refocus = true) => {\n    if (busy) return\n    onCancel?.()\n    close(refocus)\n  }\n\n  const confirm = async () => {\n    const result = onConfirm()\n    // any thenable counts as async (not just native Promises)\n    if (!result || typeof (result as PromiseLike<unknown>).then !== 'function') {\n      close(true)\n      return\n    }\n    setBusy(true)\n    try {\n      await result\n      setBusy(false)\n      close(true)\n    } catch {\n      // stays open so the user can retry or cancel; surfacing the error (a toast) is the consumer's job\n      setBusy(false)\n    }\n  }\n\n  const triggerProps = children.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n  const trigger = cloneElement(children 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 || busy) return\n      if (isOpen) cancel(false)\n      else setOpen(true)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  const renderedIcon =\n    icon === false ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <>\n      {trigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => cancel(refocus)}\n        id={panelId}\n        role=\"alertdialog\"\n        ariaLabelledBy={titleId}\n        ariaDescribedBy={description != null ? descId : undefined}\n        trapFocus\n        width={width}\n        className={clsx(styles.popconfirm, className)}\n        style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      >\n        <div className={styles.body}>\n          {renderedIcon != null && (\n            <span className={styles.icon} aria-hidden=\"true\">\n              {renderedIcon}\n            </span>\n          )}\n          <div className={styles.text}>\n            <div id={titleId} className={styles.title}>\n              {title}\n            </div>\n            {description != null && (\n              <div id={descId} className={styles.description}>\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.footer}>\n          <Button ref={cancelRef} variant=\"text\" size=\"sm\" onClick={() => cancel()} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button variant=\"contained\" color={color} size=\"sm\" loading={busy} onClick={confirm}>\n            {confirmLabel ?? t('common.confirm')}\n          </Button>\n        </div>\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["ICON_NAME_SET","ICON_NAMES","Popconfirm","title","description","onConfirm","onCancel","confirmLabel","cancelLabel","color","icon","align","open","onOpenChange","disabled","width","className","style","children","t","useT","id","useId","panelId","titleId","descId","triggerRef","useRef","cancelRef","busy","setBusy","useState","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","next","useEffect","raf","_a","close","refocus","cancel","confirm","result","triggerProps","originalRef","trigger","cloneElement","node","event","renderedIcon","jsx","Icon","jsxs","Fragment","FloatingPanel","clsx","styles","Button"],"mappings":"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"}

package/dist/{Popconfirm-DIlygJY8.js → Popconfirm-aCyniPnH.js}

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as i, Fragment as J } from "react/jsx-runtime";
 import { useId as K, useRef as A, useState as R, useEffect as Q, cloneElement as U } from "react";
 import { clsx as V } from "clsx";
-import { b as W, a as X } from "./Icon-D5TxgfCc.js";
-import { B as S } from "./Button-CtADzomU.js";
+import { b as W, a as X } from "./Icon-B7DJn8Tw.js";
+import { B as S } from "./Button-C415LPw_.js";
 import { F as Y } from "./FloatingPanel-C5c_eMQ0.js";
-import { a as Z } from "./ConfigProvider-Dqfu7UBU.js";
+import { a as Z } from "./ConfigProvider-DVDGtCUc.js";
 const tt = "_popconfirm_ztpne_5", et = "_body_ztpne_12", nt = "_icon_ztpne_21", rt = "_text_ztpne_33", ot = "_title_ztpne_43", st = "_description_ztpne_50", it = "_footer_ztpne_58", n = {
   popconfirm: tt,
   body: et,
@@ -109,4 +109,4 @@ function _t({
 export {
   _t as P
 };
-//# sourceMappingURL=Popconfirm-DIlygJY8.js.map
+//# sourceMappingURL=Popconfirm-aCyniPnH.js.map

package/dist/{Popconfirm-DIlygJY8.js.map → Popconfirm-aCyniPnH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Popconfirm-DIlygJY8.js","sources":["../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\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 { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport type { PopoverAlign } from '../Popover'\nimport styles from './Popconfirm.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface PopconfirmProps {\n  /** The question — \"Delete this item?\". Labels the dialog. */\n  title: ReactNode\n  /** Optional muted line under the title (the consequence). Describes the dialog. */\n  description?: ReactNode\n  /**\n   * Runs on confirm. Return a Promise to keep the popover open with the confirm button **loading** until\n   * it settles — it closes on success and **stays open on rejection** (show your own toast).\n   */\n  // `unknown` (not `void | Promise`) so `() => toast.success(…)` — which returns an id — still fits\n  onConfirm: () => unknown\n  /** Runs on Cancel, `Escape` or an outside click. */\n  onCancel?: () => void\n  /** Confirm button label. Defaults to the localized \"Confirm\". */\n  confirmLabel?: ReactNode\n  /** Cancel button label. Defaults to the localized \"Cancel\". */\n  cancelLabel?: ReactNode\n  /** Tints the confirm button and the icon. Defaults to `error` (a destructive action). */\n  color?: ThemeColor\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in the `color`. */\n  icon?: IconName | ReactNode | false\n  /** Horizontal alignment to the trigger (`start` default, `end` for a trigger near the right edge). */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Clicking the trigger does nothing (no popover). */\n  disabled?: boolean\n  /** Panel width (px number or CSS width). Defaults to `300px`. */\n  width?: number | string\n  /** Class on the floating panel. */\n  className?: string\n  /** Style on the floating panel. */\n  style?: CSSProperties\n  /** The trigger — usually a `Button` / `IconButton`. Cloned to wire the click + ARIA. */\n  children: ReactElement\n}\n\n/**\n * An **inline confirm** for quick, low-risk actions (a row's delete / archive) — a small anchored popover\n * with a question, an optional description and **Cancel** / **Confirm**, where a `RemoveDialog` modal\n * would be too heavy and a bare `onClick` too dangerous. Wraps its trigger (`children`), which it clones\n * to toggle the panel. Built on the shared `FloatingPanel` (portaled, flips, clamps to the viewport,\n * dismisses on outside click / `Escape` = cancel). A11y: `role=\"alertdialog\"` labelled by the title and\n * described by the description, focus trapped and **placed on Cancel** (never the destructive button —\n * the `RemoveDialog` rule), focus returns to the trigger. An async `onConfirm` shows a loading confirm\n * button (Cancel + dismiss locked meanwhile), closes on success, stays open on failure. The icon sits in a\n * tinted box, the buttons (`sm`; confirm `contained` in `color`, default `error`) in a Card-style footer. Use `RemoveDialog` for high-risk, context-heavy deletes.\n */\nexport function Popconfirm({\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  confirmLabel,\n  cancelLabel,\n  color = 'error',\n  icon = 'Danger',\n  align = 'start',\n  open,\n  onOpenChange,\n  disabled = false,\n  width = 300,\n  className,\n  style,\n  children,\n}: PopconfirmProps) {\n  const t = useT()\n  const id = useId()\n  const panelId = `${id}-panel`\n  const titleId = `${id}-title`\n  const descId = `${id}-desc`\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = isControlled ? open : internalOpen\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  // focus Cancel once the panel is positioned + visible (a hidden element can't take focus)\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => cancelRef.current?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const close = (refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }\n\n  const cancel = (refocus = true) => {\n    if (busy) return\n    onCancel?.()\n    close(refocus)\n  }\n\n  const confirm = async () => {\n    const result = onConfirm()\n    // any thenable counts as async (not just native Promises)\n    if (!result || typeof (result as PromiseLike<unknown>).then !== 'function') {\n      close(true)\n      return\n    }\n    setBusy(true)\n    try {\n      await result\n      setBusy(false)\n      close(true)\n    } catch {\n      // stays open so the user can retry or cancel; surfacing the error (a toast) is the consumer's job\n      setBusy(false)\n    }\n  }\n\n  const triggerProps = children.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n  const trigger = cloneElement(children 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 || busy) return\n      if (isOpen) cancel(false)\n      else setOpen(true)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  const renderedIcon =\n    icon === false ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <>\n      {trigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => cancel(refocus)}\n        id={panelId}\n        role=\"alertdialog\"\n        ariaLabelledBy={titleId}\n        ariaDescribedBy={description != null ? descId : undefined}\n        trapFocus\n        width={width}\n        className={clsx(styles.popconfirm, className)}\n        style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      >\n        <div className={styles.body}>\n          {renderedIcon != null && (\n            <span className={styles.icon} aria-hidden=\"true\">\n              {renderedIcon}\n            </span>\n          )}\n          <div className={styles.text}>\n            <div id={titleId} className={styles.title}>\n              {title}\n            </div>\n            {description != null && (\n              <div id={descId} className={styles.description}>\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.footer}>\n          <Button ref={cancelRef} variant=\"text\" size=\"sm\" onClick={() => cancel()} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button variant=\"contained\" color={color} size=\"sm\" loading={busy} onClick={confirm}>\n            {confirmLabel ?? t('common.confirm')}\n          </Button>\n        </div>\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["ICON_NAME_SET","ICON_NAMES","Popconfirm","title","description","onConfirm","onCancel","confirmLabel","cancelLabel","color","icon","align","open","onOpenChange","disabled","width","className","style","children","t","useT","id","useId","panelId","titleId","descId","triggerRef","useRef","cancelRef","busy","setBusy","useState","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","next","useEffect","raf","_a","close","refocus","cancel","confirm","result","triggerProps","originalRef","trigger","cloneElement","node","event","renderedIcon","jsx","Icon","jsxs","Fragment","FloatingPanel","clsx","styles","Button"],"mappings":"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"}
+{"version":3,"file":"Popconfirm-aCyniPnH.js","sources":["../src/components/Popconfirm/Popconfirm.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\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 { useT, type ThemeColor } from '../../theme'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport type { PopoverAlign } from '../Popover'\nimport styles from './Popconfirm.module.css'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\nexport interface PopconfirmProps {\n  /** The question — \"Delete this item?\". Labels the dialog. */\n  title: ReactNode\n  /** Optional muted line under the title (the consequence). Describes the dialog. */\n  description?: ReactNode\n  /**\n   * Runs on confirm. Return a Promise to keep the popover open with the confirm button **loading** until\n   * it settles — it closes on success and **stays open on rejection** (show your own toast).\n   */\n  // `unknown` (not `void | Promise`) so `() => toast.success(…)` — which returns an id — still fits\n  onConfirm: () => unknown\n  /** Runs on Cancel, `Escape` or an outside click. */\n  onCancel?: () => void\n  /** Confirm button label. Defaults to the localized \"Confirm\". */\n  confirmLabel?: ReactNode\n  /** Cancel button label. Defaults to the localized \"Cancel\". */\n  cancelLabel?: ReactNode\n  /** Tints the confirm button and the icon. Defaults to `error` (a destructive action). */\n  color?: ThemeColor\n  /** Leading icon — a known `IconName`, any node, or `false`. Defaults to `Danger` in the `color`. */\n  icon?: IconName | ReactNode | false\n  /** Horizontal alignment to the trigger (`start` default, `end` for a trigger near the right edge). */\n  align?: PopoverAlign\n  /** Controlled open state. */\n  open?: boolean\n  /** Fires with the next open state. */\n  onOpenChange?: (open: boolean) => void\n  /** Clicking the trigger does nothing (no popover). */\n  disabled?: boolean\n  /** Panel width (px number or CSS width). Defaults to `300px`. */\n  width?: number | string\n  /** Class on the floating panel. */\n  className?: string\n  /** Style on the floating panel. */\n  style?: CSSProperties\n  /** The trigger — usually a `Button` / `IconButton`. Cloned to wire the click + ARIA. */\n  children: ReactElement\n}\n\n/**\n * An **inline confirm** for quick, low-risk actions (a row's delete / archive) — a small anchored popover\n * with a question, an optional description and **Cancel** / **Confirm**, where a `RemoveDialog` modal\n * would be too heavy and a bare `onClick` too dangerous. Wraps its trigger (`children`), which it clones\n * to toggle the panel. Built on the shared `FloatingPanel` (portaled, flips, clamps to the viewport,\n * dismisses on outside click / `Escape` = cancel). A11y: `role=\"alertdialog\"` labelled by the title and\n * described by the description, focus trapped and **placed on Cancel** (never the destructive button —\n * the `RemoveDialog` rule), focus returns to the trigger. An async `onConfirm` shows a loading confirm\n * button (Cancel + dismiss locked meanwhile), closes on success, stays open on failure. The icon sits in a\n * tinted box, the buttons (`sm`; confirm `contained` in `color`, default `error`) in a Card-style footer. Use `RemoveDialog` for high-risk, context-heavy deletes.\n */\nexport function Popconfirm({\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  confirmLabel,\n  cancelLabel,\n  color = 'error',\n  icon = 'Danger',\n  align = 'start',\n  open,\n  onOpenChange,\n  disabled = false,\n  width = 300,\n  className,\n  style,\n  children,\n}: PopconfirmProps) {\n  const t = useT()\n  const id = useId()\n  const panelId = `${id}-panel`\n  const titleId = `${id}-title`\n  const descId = `${id}-desc`\n  const triggerRef = useRef<HTMLElement | null>(null)\n  const cancelRef = useRef<HTMLButtonElement | null>(null)\n  const [busy, setBusy] = useState(false)\n\n  const isControlled = open !== undefined\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = isControlled ? open : internalOpen\n  const setOpen = (next: boolean) => {\n    if (!isControlled) setInternalOpen(next)\n    onOpenChange?.(next)\n  }\n\n  // focus Cancel once the panel is positioned + visible (a hidden element can't take focus)\n  useEffect(() => {\n    if (!isOpen) return\n    const raf = requestAnimationFrame(() => cancelRef.current?.focus())\n    return () => cancelAnimationFrame(raf)\n  }, [isOpen])\n\n  const close = (refocus: boolean) => {\n    setOpen(false)\n    if (refocus) triggerRef.current?.focus()\n  }\n\n  const cancel = (refocus = true) => {\n    if (busy) return\n    onCancel?.()\n    close(refocus)\n  }\n\n  const confirm = async () => {\n    const result = onConfirm()\n    // any thenable counts as async (not just native Promises)\n    if (!result || typeof (result as PromiseLike<unknown>).then !== 'function') {\n      close(true)\n      return\n    }\n    setBusy(true)\n    try {\n      await result\n      setBusy(false)\n      close(true)\n    } catch {\n      // stays open so the user can retry or cancel; surfacing the error (a toast) is the consumer's job\n      setBusy(false)\n    }\n  }\n\n  const triggerProps = children.props as {\n    onClick?: (event: ReactMouseEvent) => void\n    ref?: Ref<HTMLElement>\n  }\n  const originalRef = triggerProps.ref\n  const trigger = cloneElement(children 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 || busy) return\n      if (isOpen) cancel(false)\n      else setOpen(true)\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': isOpen,\n    'aria-controls': isOpen ? panelId : undefined,\n  })\n\n  const renderedIcon =\n    icon === false ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  return (\n    <>\n      {trigger}\n      <FloatingPanel\n        open={isOpen}\n        triggerRef={triggerRef}\n        align={align}\n        onClose={(refocus) => cancel(refocus)}\n        id={panelId}\n        role=\"alertdialog\"\n        ariaLabelledBy={titleId}\n        ariaDescribedBy={description != null ? descId : undefined}\n        trapFocus\n        width={width}\n        className={clsx(styles.popconfirm, className)}\n        style={{ '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`, ...style } as CSSProperties}\n      >\n        <div className={styles.body}>\n          {renderedIcon != null && (\n            <span className={styles.icon} aria-hidden=\"true\">\n              {renderedIcon}\n            </span>\n          )}\n          <div className={styles.text}>\n            <div id={titleId} className={styles.title}>\n              {title}\n            </div>\n            {description != null && (\n              <div id={descId} className={styles.description}>\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.footer}>\n          <Button ref={cancelRef} variant=\"text\" size=\"sm\" onClick={() => cancel()} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button variant=\"contained\" color={color} size=\"sm\" loading={busy} onClick={confirm}>\n            {confirmLabel ?? t('common.confirm')}\n          </Button>\n        </div>\n      </FloatingPanel>\n    </>\n  )\n}\n"],"names":["ICON_NAME_SET","ICON_NAMES","Popconfirm","title","description","onConfirm","onCancel","confirmLabel","cancelLabel","color","icon","align","open","onOpenChange","disabled","width","className","style","children","t","useT","id","useId","panelId","titleId","descId","triggerRef","useRef","cancelRef","busy","setBusy","useState","isControlled","internalOpen","setInternalOpen","isOpen","setOpen","next","useEffect","raf","_a","close","refocus","cancel","confirm","result","triggerProps","originalRef","trigger","cloneElement","node","event","renderedIcon","jsx","Icon","jsxs","Fragment","FloatingPanel","clsx","styles","Button"],"mappings":"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"}

package/dist/{Progress-DqvKmyQW.cjs → Progress-DWOoLd8u.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),w=require("react"),o=require("clsx"),h=require("./ConfigProvider-Ci9Q2HLF.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-DqvKmyQW.cjs.map
+"use strict";const r=require("react/jsx-runtime"),w=require("react"),o=require("clsx"),h=require("./ConfigProvider-DBU6rOIA.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-DWOoLd8u.cjs.map

package/dist/{Progress-DqvKmyQW.cjs.map → Progress-DWOoLd8u.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Progress-DqvKmyQW.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":"m2BA4CMA,EAAQ,CAACC,EAAWC,EAAYC,IAAe,KAAK,IAAIA,EAAI,KAAK,IAAID,EAAID,CAAC,CAAC,EAapEG,GAAWC,EAAAA,WAA0C,SAChE,CACE,MAAAC,EACA,IAAAC,EAAM,IACN,QAAAC,EAAU,SACV,KAAAC,EAAO,KACP,MAAAC,EAAQ,SACR,MAAAC,EACA,UAAAC,EAAY,GACZ,OAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EAAUC,EAAAA,MAAA,EACVC,EAAgBnB,GAAS,KACzBoB,EAAUnB,EAAM,EAAIA,EAAM,IAC1BoB,EAAUF,EAAgB,EAAIzB,EAAMM,EAAO,EAAGoB,CAAO,EACrDE,EAAOD,EAAUD,EAAW,IAC5BG,EAAYhB,GAAU,KAAO,OAAab,EAAMa,EAAQ,EAAGa,CAAO,EAAIA,EAAW,IAGjFI,EACJ,CAACL,IAAiBT,GAAA,YAAAA,EAAY,QAAS,MAAQY,GAAOZ,EAAW,MAC7D,QACA,CAACS,IAAiBT,GAAA,YAAAA,EAAY,UAAW,MAAQY,GAAOZ,EAAW,QACjE,UACAN,EAEFqB,EAAYN,EACd,OACA,OAAOb,GAAc,WACnBA,EAAUe,EAASD,CAAO,EAC1Bd,EACE,GAAG,KAAK,MAAMgB,CAAG,CAAC,IAClB,OACFI,EAAgBP,EAClBJ,EAAE,gBAAgB,EAClB,OAAOU,GAAc,SACnBA,EACA,GAAG,KAAK,MAAMH,CAAG,CAAC,IAElBK,EAAO,CACX,KAAM,cACN,gBAAiB,EACjB,gBAAiBP,EACjB,gBAAiBD,EAAgB,OAAYE,EAC7C,iBAAkBK,EAClB,YAAaP,GAAiB,OAC9B,GAAId,GAAS,KAAO,CAAE,kBAAmBY,CAAA,EAAY,CAAE,aAAcF,EAAE,gBAAgB,CAAA,CAAE,EAGrFa,EAAY,CAChB,eAAgB,kBAAkBJ,CAAa,QAC/C,GAAGZ,CAAA,EAGL,OAAIV,IAAY,WAGZ2B,EAAAA,KAAC,MAAA,CACC,IAAAf,EACA,UAAWgB,EAAAA,KAAKC,EAAO,KAAMA,EAAO,SAAUA,EAAO5B,CAAI,EAAGQ,CAAS,EACrE,MAAOiB,EACN,GAAGf,EAEJ,SAAA,CAAAgB,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,KAAKC,EAAO,KAAMZ,GAAiBY,EAAO,QAAQ,EAAI,GAAGJ,EACvE,SAAA,CAAAE,EAAAA,KAAC,OAAI,QAAQ,YAAY,UAAWE,EAAO,IAAK,cAAY,OAC1D,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,UAAWD,EAAO,UAAW,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,WAAY,GAAA,CAAK,EAC/EC,EAAAA,IAAC,SAAA,CACC,UAAWD,EAAO,SAClB,GAAG,KACH,GAAG,KACH,EAAE,OACF,WAAY,IACZ,gBAAiBZ,EAAgB,QAAU,GAAGG,CAAG,IAAI,IAAMA,CAAG,EAAA,CAAA,CAChE,EACF,EACCG,GAAa,MAAQO,EAAAA,IAAC,QAAK,UAAWD,EAAO,UAAY,SAAAN,CAAA,CAAU,CAAA,EACtE,EACCpB,GAAS,MACR2B,MAAC,OAAA,CAAK,GAAIf,EAAS,UAAWc,EAAO,QAClC,SAAA1B,CAAA,CACH,CAAA,CAAA,CAAA,EAONwB,EAAAA,KAAC,MAAA,CACC,IAAAf,EACA,UAAWgB,EAAAA,KAAKC,EAAO,KAAMA,EAAO,OAAQA,EAAO5B,CAAI,EAAGQ,CAAS,EACnE,MAAOiB,EACN,GAAGf,EAEF,SAAA,EAAAR,GAAS,MAAQoB,GAAa,cAC7B,MAAA,CAAI,UAAWM,EAAO,OACpB,SAAA,CAAA1B,GAAS,KACR2B,EAAAA,IAAC,OAAA,CAAK,GAAIf,EAAS,UAAWc,EAAO,QAClC,SAAA1B,CAAA,CACH,EAEA2B,EAAAA,IAAC,OAAA,EAAK,EAEPP,GAAa,MAAQO,EAAAA,IAAC,QAAK,UAAWD,EAAO,MAAQ,SAAAN,CAAA,CAAU,CAAA,EAClE,EAEFI,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,KAAKC,EAAO,MAAOZ,GAAiBY,EAAO,aAAa,EAAI,GAAGJ,EAC5E,SAAA,CAAAJ,GAAa,MAAQ,CAACJ,GACrBa,EAAAA,IAAC,OAAI,UAAWD,EAAO,OAAQ,MAAO,CAAE,MAAO,GAAGR,CAAS,KAAO,EAEpES,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,KACTC,EAAO,MACNvB,GAAWC,IAAasB,EAAO,QAChCtB,GAAYsB,EAAO,QAAA,EAErB,MAAOZ,EAAgB,OAAY,CAAE,MAAO,GAAGG,CAAG,GAAA,CAAI,CAAA,CACxD,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CAAC"}
+{"version":3,"file":"Progress-DWOoLd8u.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/{Progress-BAEhawtj.js → Progress-DzxbkcaD.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-Dqfu7UBU.js";
+import { a as B } from "./ConfigProvider-DVDGtCUc.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-BAEhawtj.js.map
+//# sourceMappingURL=Progress-DzxbkcaD.js.map

package/dist/{Progress-BAEhawtj.js.map → Progress-DzxbkcaD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Progress-BAEhawtj.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-DzxbkcaD.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/{QrCode-Dqsk49vX.cjs → QrCode-C8uAPiHq.cjs}

@@ -1,2 +1,2 @@
-"use strict";var w=Object.create;var m=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var k=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of R(t))!V.call(e,o)&&o!==r&&m(e,o,{get:()=>t[o],enumerable:!(a=N(t,o))||a.enumerable});return e};var z=(e,t,r)=>(r=e!=null?w(T(e)):{},k(t||!e||!e.__esModule?m(r,"default",{value:e,enumerable:!0}):r,e));const i=require("react/jsx-runtime"),G=require("react"),M=require("clsx"),f=require("./useOptionalPeer-9Fkx5Leb.cjs"),O=require("./Skeleton-DK0lAjS9.cjs"),H=require("./Typography-d97DdbNd.cjs"),L=require("./ConfigProvider-Ci9Q2HLF.cjs"),$="_root_15ibt_1",A="_framed_15ibt_12",B="_code_15ibt_30",D="_caption_15ibt_35",s={root:$,framed:A,code:B,caption:D},E=f.optionalPeer("qrcode.react","QrCode",()=>import("qrcode.react")),F=G.forwardRef(function({value:t,size:r=180,level:a,color:o="text",margin:g=2,image:c,caption:d,framed:v=!0,className:p,style:q,"aria-label":_,...x},C){const b=L.useT(),y=_??b("qrCode.label"),{module:l,failed:Q}=f.useOptionalPeer(E),u=l==null?void 0:l.QRCodeSVG,S=a??(c?"H":"M"),j=c!=null?(()=>{const n=typeof c=="string"?{src:c}:c,h=Math.round(r*.22);return{src:n.src,width:n.width??h,height:n.height??h,excavate:n.excavate??!0}})():void 0,P=o==="text"?void 0:{"--tz-qr-fg":`var(--tz-color-${o})`};return i.jsxs("div",{ref:C,role:"img","aria-label":y,className:M.clsx(s.root,v&&s.framed,p),style:{...P,...q},...x,children:[u?i.jsx(u,{className:s.code,value:t,size:r,level:S,marginSize:g,fgColor:"var(--tz-qr-fg)",bgColor:"var(--tz-qr-bg)",imageSettings:j,"aria-hidden":!0}):i.jsx(O.Skeleton,{variant:"rect",width:r,height:r,animation:Q?!1:"shimmer",className:s.code}),d!=null&&i.jsx(H.Typography,{variant:"caption",color:"muted",className:s.caption,children:d})]})});exports.QrCode=F;
-//# sourceMappingURL=QrCode-Dqsk49vX.cjs.map
+"use strict";var w=Object.create;var m=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var k=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of R(t))!V.call(e,o)&&o!==r&&m(e,o,{get:()=>t[o],enumerable:!(a=N(t,o))||a.enumerable});return e};var z=(e,t,r)=>(r=e!=null?w(T(e)):{},k(t||!e||!e.__esModule?m(r,"default",{value:e,enumerable:!0}):r,e));const i=require("react/jsx-runtime"),G=require("react"),M=require("clsx"),f=require("./useOptionalPeer-9Fkx5Leb.cjs"),O=require("./Skeleton-DK0lAjS9.cjs"),H=require("./Typography-d97DdbNd.cjs"),L=require("./ConfigProvider-DBU6rOIA.cjs"),$="_root_15ibt_1",A="_framed_15ibt_12",B="_code_15ibt_30",D="_caption_15ibt_35",s={root:$,framed:A,code:B,caption:D},E=f.optionalPeer("qrcode.react","QrCode",()=>import("qrcode.react")),F=G.forwardRef(function({value:t,size:r=180,level:a,color:o="text",margin:g=2,image:c,caption:d,framed:v=!0,className:p,style:q,"aria-label":_,...x},C){const b=L.useT(),y=_??b("qrCode.label"),{module:l,failed:Q}=f.useOptionalPeer(E),u=l==null?void 0:l.QRCodeSVG,S=a??(c?"H":"M"),j=c!=null?(()=>{const n=typeof c=="string"?{src:c}:c,h=Math.round(r*.22);return{src:n.src,width:n.width??h,height:n.height??h,excavate:n.excavate??!0}})():void 0,P=o==="text"?void 0:{"--tz-qr-fg":`var(--tz-color-${o})`};return i.jsxs("div",{ref:C,role:"img","aria-label":y,className:M.clsx(s.root,v&&s.framed,p),style:{...P,...q},...x,children:[u?i.jsx(u,{className:s.code,value:t,size:r,level:S,marginSize:g,fgColor:"var(--tz-qr-fg)",bgColor:"var(--tz-qr-bg)",imageSettings:j,"aria-hidden":!0}):i.jsx(O.Skeleton,{variant:"rect",width:r,height:r,animation:Q?!1:"shimmer",className:s.code}),d!=null&&i.jsx(H.Typography,{variant:"caption",color:"muted",className:s.caption,children:d})]})});exports.QrCode=F;
+//# sourceMappingURL=QrCode-C8uAPiHq.cjs.map

package/dist/{QrCode-Dqsk49vX.cjs.map → QrCode-C8uAPiHq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"QrCode-Dqsk49vX.cjs","sources":["../src/components/QrCode/QrCode.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type * as QrLibModule from 'qrcode.react'\nimport { optionalPeer, useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { Skeleton } from '../Skeleton'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport styles from './QrCode.module.css'\n\nexport type QrCodeLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */\n  value: string\n  /** Rendered edge length in px. Default `180`. */\n  size?: number\n  /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */\n  level?: QrCodeLevel\n  /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */\n  color?: ThemeColor | 'text'\n  /** Quiet zone in modules. Default `2`. */\n  margin?: number\n  /**\n   * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.\n   * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.\n   */\n  image?: string | { src: string; width?: number; height?: number; excavate?: boolean }\n  /** Caption rendered under the code (muted, centred) — e.g. \"Scan with your authenticator app\". */\n  caption?: ReactNode\n  /**\n   * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the\n   * page `background`. Default `true`. Pass `false` for a bare SVG.\n   */\n  framed?: boolean\n  /**\n   * Accessible name. Defaults to the localized `qrCode.label` (\"QR code\"). The `value` is never exposed\n   * as text by this component.\n   */\n  'aria-label'?: string\n}\n\n/**\n * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i\n * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token\n * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.\n *\n * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its\n * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is\n * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).\n * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role=\"img\"` with an\n * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.\n */\n/** @internal — exported for tests */\nexport const qrPeer = optionalPeer<typeof QrLibModule>(\n  'qrcode.react',\n  'QrCode',\n  () => import('qrcode.react'),\n)\n\nexport const QrCode = forwardRef<HTMLDivElement, QrCodeProps>(function QrCode(\n  {\n    value,\n    size = 180,\n    level,\n    color = 'text',\n    margin = 2,\n    image,\n    caption,\n    framed = true,\n    className,\n    style,\n    'aria-label': ariaLabelProp,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ariaLabel = ariaLabelProp ?? t('qrCode.label')\n  // `qrcode.react` is an optional peer, loaded lazily (never imported statically — apps without it must\n  // still build + run from the barrel). Until it's ready a same-size skeleton holds the spot; if it isn't\n  // installed the spot stays empty and an install hint is logged.\n  const { module: qrLib, failed } = useOptionalPeer(qrPeer)\n  const QRCodeSVG = qrLib?.QRCodeSVG\n\n  // 'H' error correction by default when a centre image is present, so the logo can cover the middle\n  // without breaking the code; otherwise 'M'. An explicit `level` always wins.\n  const resolvedLevel: QrCodeLevel = level ?? (image ? 'H' : 'M')\n\n  const imageSettings =\n    image != null\n      ? (() => {\n          const img = typeof image === 'string' ? { src: image } : image\n          const dim = Math.round(size * 0.22)\n          return {\n            src: img.src,\n            width: img.width ?? dim,\n            height: img.height ?? dim,\n            excavate: img.excavate ?? true,\n          }\n        })()\n      : undefined\n\n  // The foreground (modules) follows the `color` token via `--tz-qr-fg`. The default `text` is left to\n  // CSS (so `.framed` can force dark modules on the white card in dark mode); a custom token is pinned\n  // inline, so it wins over that CSS fallback and is rendered exactly as asked.\n  const fgVar = color === 'text' ? undefined : { '--tz-qr-fg': `var(--tz-color-${color})` }\n\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={clsx(styles.root, framed && styles.framed, className)}\n      style={{ ...fgVar, ...style } as CSSProperties}\n      {...props}\n    >\n      {QRCodeSVG ? (\n        <QRCodeSVG\n          className={styles.code}\n          value={value}\n          size={size}\n          level={resolvedLevel}\n          marginSize={margin}\n          // colors flow through CSS vars so `.framed` can guarantee contrast per theme (see the module)\n          fgColor=\"var(--tz-qr-fg)\"\n          bgColor=\"var(--tz-qr-bg)\"\n          imageSettings={imageSettings}\n          aria-hidden\n        />\n      ) : (\n        <Skeleton\n          variant=\"rect\"\n          width={size}\n          height={size}\n          animation={failed ? false : 'shimmer'}\n          className={styles.code}\n        />\n      )}\n      {caption != null && (\n        <Typography variant=\"caption\" color=\"muted\" className={styles.caption}>\n          {caption}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["qrPeer","optionalPeer","QrCode","forwardRef","value","size","level","color","margin","image","caption","framed","className","style","ariaLabelProp","props","ref","t","useT","ariaLabel","qrLib","failed","useOptionalPeer","QRCodeSVG","resolvedLevel","imageSettings","img","dim","fgVar","jsxs","clsx","styles","jsx","Skeleton","Typography"],"mappings":"0zBAqDaA,EAASC,EAAAA,aACpB,eACA,SACA,IAAM,OAAO,cAAc,CAC7B,EAEaC,EAASC,EAAAA,WAAwC,SAC5D,CACE,MAAAC,EACA,KAAAC,EAAO,IACP,MAAAC,EACA,MAAAC,EAAQ,OACR,OAAAC,EAAS,EACT,MAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,GACT,UAAAC,EACA,MAAAC,EACA,aAAcC,EACd,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EAAYL,GAAiBG,EAAE,cAAc,EAI7C,CAAE,OAAQG,EAAO,OAAAC,CAAA,EAAWC,EAAAA,gBAAgBtB,CAAM,EAClDuB,EAAYH,GAAA,YAAAA,EAAO,UAInBI,EAA6BlB,IAAUG,EAAQ,IAAM,KAErDgB,EACJhB,GAAS,MACJ,IAAM,CACL,MAAMiB,EAAM,OAAOjB,GAAU,SAAW,CAAE,IAAKA,GAAUA,EACnDkB,EAAM,KAAK,MAAMtB,EAAO,GAAI,EAClC,MAAO,CACL,IAAKqB,EAAI,IACT,MAAOA,EAAI,OAASC,EACpB,OAAQD,EAAI,QAAUC,EACtB,SAAUD,EAAI,UAAY,EAAA,CAE9B,KACA,OAKAE,EAAQrB,IAAU,OAAS,OAAY,CAAE,aAAc,kBAAkBA,CAAK,GAAA,EAEpF,OACEsB,EAAAA,KAAC,MAAA,CACC,IAAAb,EACA,KAAK,MACL,aAAYG,EACZ,UAAWW,EAAAA,KAAKC,EAAO,KAAMpB,GAAUoB,EAAO,OAAQnB,CAAS,EAC/D,MAAO,CAAE,GAAGgB,EAAO,GAAGf,CAAA,EACrB,GAAGE,EAEH,SAAA,CAAAQ,EACCS,EAAAA,IAACT,EAAA,CACC,UAAWQ,EAAO,KAClB,MAAA3B,EACA,KAAAC,EACA,MAAOmB,EACP,WAAYhB,EAEZ,QAAQ,kBACR,QAAQ,kBACR,cAAAiB,EACA,cAAW,EAAA,CAAA,EAGbO,EAAAA,IAACC,EAAAA,SAAA,CACC,QAAQ,OACR,MAAO5B,EACP,OAAQA,EACR,UAAWgB,EAAS,GAAQ,UAC5B,UAAWU,EAAO,IAAA,CAAA,EAGrBrB,GAAW,MACVsB,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,UAAU,MAAM,QAAQ,UAAWH,EAAO,QAC3D,SAAArB,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAAC"}
+{"version":3,"file":"QrCode-C8uAPiHq.cjs","sources":["../src/components/QrCode/QrCode.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type * as QrLibModule from 'qrcode.react'\nimport { optionalPeer, useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { Skeleton } from '../Skeleton'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport styles from './QrCode.module.css'\n\nexport type QrCodeLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */\n  value: string\n  /** Rendered edge length in px. Default `180`. */\n  size?: number\n  /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */\n  level?: QrCodeLevel\n  /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */\n  color?: ThemeColor | 'text'\n  /** Quiet zone in modules. Default `2`. */\n  margin?: number\n  /**\n   * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.\n   * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.\n   */\n  image?: string | { src: string; width?: number; height?: number; excavate?: boolean }\n  /** Caption rendered under the code (muted, centred) — e.g. \"Scan with your authenticator app\". */\n  caption?: ReactNode\n  /**\n   * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the\n   * page `background`. Default `true`. Pass `false` for a bare SVG.\n   */\n  framed?: boolean\n  /**\n   * Accessible name. Defaults to the localized `qrCode.label` (\"QR code\"). The `value` is never exposed\n   * as text by this component.\n   */\n  'aria-label'?: string\n}\n\n/**\n * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i\n * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token\n * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.\n *\n * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its\n * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is\n * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).\n * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role=\"img\"` with an\n * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.\n */\n/** @internal — exported for tests */\nexport const qrPeer = optionalPeer<typeof QrLibModule>(\n  'qrcode.react',\n  'QrCode',\n  () => import('qrcode.react'),\n)\n\nexport const QrCode = forwardRef<HTMLDivElement, QrCodeProps>(function QrCode(\n  {\n    value,\n    size = 180,\n    level,\n    color = 'text',\n    margin = 2,\n    image,\n    caption,\n    framed = true,\n    className,\n    style,\n    'aria-label': ariaLabelProp,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ariaLabel = ariaLabelProp ?? t('qrCode.label')\n  // `qrcode.react` is an optional peer, loaded lazily (never imported statically — apps without it must\n  // still build + run from the barrel). Until it's ready a same-size skeleton holds the spot; if it isn't\n  // installed the spot stays empty and an install hint is logged.\n  const { module: qrLib, failed } = useOptionalPeer(qrPeer)\n  const QRCodeSVG = qrLib?.QRCodeSVG\n\n  // 'H' error correction by default when a centre image is present, so the logo can cover the middle\n  // without breaking the code; otherwise 'M'. An explicit `level` always wins.\n  const resolvedLevel: QrCodeLevel = level ?? (image ? 'H' : 'M')\n\n  const imageSettings =\n    image != null\n      ? (() => {\n          const img = typeof image === 'string' ? { src: image } : image\n          const dim = Math.round(size * 0.22)\n          return {\n            src: img.src,\n            width: img.width ?? dim,\n            height: img.height ?? dim,\n            excavate: img.excavate ?? true,\n          }\n        })()\n      : undefined\n\n  // The foreground (modules) follows the `color` token via `--tz-qr-fg`. The default `text` is left to\n  // CSS (so `.framed` can force dark modules on the white card in dark mode); a custom token is pinned\n  // inline, so it wins over that CSS fallback and is rendered exactly as asked.\n  const fgVar = color === 'text' ? undefined : { '--tz-qr-fg': `var(--tz-color-${color})` }\n\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={clsx(styles.root, framed && styles.framed, className)}\n      style={{ ...fgVar, ...style } as CSSProperties}\n      {...props}\n    >\n      {QRCodeSVG ? (\n        <QRCodeSVG\n          className={styles.code}\n          value={value}\n          size={size}\n          level={resolvedLevel}\n          marginSize={margin}\n          // colors flow through CSS vars so `.framed` can guarantee contrast per theme (see the module)\n          fgColor=\"var(--tz-qr-fg)\"\n          bgColor=\"var(--tz-qr-bg)\"\n          imageSettings={imageSettings}\n          aria-hidden\n        />\n      ) : (\n        <Skeleton\n          variant=\"rect\"\n          width={size}\n          height={size}\n          animation={failed ? false : 'shimmer'}\n          className={styles.code}\n        />\n      )}\n      {caption != null && (\n        <Typography variant=\"caption\" color=\"muted\" className={styles.caption}>\n          {caption}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["qrPeer","optionalPeer","QrCode","forwardRef","value","size","level","color","margin","image","caption","framed","className","style","ariaLabelProp","props","ref","t","useT","ariaLabel","qrLib","failed","useOptionalPeer","QRCodeSVG","resolvedLevel","imageSettings","img","dim","fgVar","jsxs","clsx","styles","jsx","Skeleton","Typography"],"mappings":"0zBAqDaA,EAASC,EAAAA,aACpB,eACA,SACA,IAAM,OAAO,cAAc,CAC7B,EAEaC,EAASC,EAAAA,WAAwC,SAC5D,CACE,MAAAC,EACA,KAAAC,EAAO,IACP,MAAAC,EACA,MAAAC,EAAQ,OACR,OAAAC,EAAS,EACT,MAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,GACT,UAAAC,EACA,MAAAC,EACA,aAAcC,EACd,GAAGC,CACL,EACAC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJC,EAAYL,GAAiBG,EAAE,cAAc,EAI7C,CAAE,OAAQG,EAAO,OAAAC,CAAA,EAAWC,EAAAA,gBAAgBtB,CAAM,EAClDuB,EAAYH,GAAA,YAAAA,EAAO,UAInBI,EAA6BlB,IAAUG,EAAQ,IAAM,KAErDgB,EACJhB,GAAS,MACJ,IAAM,CACL,MAAMiB,EAAM,OAAOjB,GAAU,SAAW,CAAE,IAAKA,GAAUA,EACnDkB,EAAM,KAAK,MAAMtB,EAAO,GAAI,EAClC,MAAO,CACL,IAAKqB,EAAI,IACT,MAAOA,EAAI,OAASC,EACpB,OAAQD,EAAI,QAAUC,EACtB,SAAUD,EAAI,UAAY,EAAA,CAE9B,KACA,OAKAE,EAAQrB,IAAU,OAAS,OAAY,CAAE,aAAc,kBAAkBA,CAAK,GAAA,EAEpF,OACEsB,EAAAA,KAAC,MAAA,CACC,IAAAb,EACA,KAAK,MACL,aAAYG,EACZ,UAAWW,EAAAA,KAAKC,EAAO,KAAMpB,GAAUoB,EAAO,OAAQnB,CAAS,EAC/D,MAAO,CAAE,GAAGgB,EAAO,GAAGf,CAAA,EACrB,GAAGE,EAEH,SAAA,CAAAQ,EACCS,EAAAA,IAACT,EAAA,CACC,UAAWQ,EAAO,KAClB,MAAA3B,EACA,KAAAC,EACA,MAAOmB,EACP,WAAYhB,EAEZ,QAAQ,kBACR,QAAQ,kBACR,cAAAiB,EACA,cAAW,EAAA,CAAA,EAGbO,EAAAA,IAACC,EAAAA,SAAA,CACC,QAAQ,OACR,MAAO5B,EACP,OAAQA,EACR,UAAWgB,EAAS,GAAQ,UAC5B,UAAWU,EAAO,IAAA,CAAA,EAGrBrB,GAAW,MACVsB,EAAAA,IAACE,EAAAA,WAAA,CAAW,QAAQ,UAAU,MAAM,QAAQ,UAAWH,EAAO,QAC3D,SAAArB,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAAC"}

package/dist/{QrCode-D7BTYcW2.js → QrCode-DaJYqBc1.js}

@@ -4,7 +4,7 @@ import { clsx as N } from "clsx";
 import { u as P, o as R } from "./useOptionalPeer-49f3XcO5.js";
 import { S as T } from "./Skeleton-_-uGax2j.js";
 import { T as V } from "./Typography-ChSuxgkc.js";
-import { a as j } from "./ConfigProvider-Dqfu7UBU.js";
+import { a as j } from "./ConfigProvider-DVDGtCUc.js";
 const z = "_root_15ibt_1", G = "_framed_15ibt_12", M = "_code_15ibt_30", k = "_caption_15ibt_35", t = {
   root: z,
   framed: G,
@@ -78,4 +78,4 @@ const z = "_root_15ibt_1", G = "_framed_15ibt_12", M = "_code_15ibt_30", k = "_c
 export {
   I as Q
 };
-//# sourceMappingURL=QrCode-D7BTYcW2.js.map
+//# sourceMappingURL=QrCode-DaJYqBc1.js.map

package/dist/{QrCode-D7BTYcW2.js.map → QrCode-DaJYqBc1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"QrCode-D7BTYcW2.js","sources":["../src/components/QrCode/QrCode.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type * as QrLibModule from 'qrcode.react'\nimport { optionalPeer, useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { Skeleton } from '../Skeleton'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport styles from './QrCode.module.css'\n\nexport type QrCodeLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */\n  value: string\n  /** Rendered edge length in px. Default `180`. */\n  size?: number\n  /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */\n  level?: QrCodeLevel\n  /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */\n  color?: ThemeColor | 'text'\n  /** Quiet zone in modules. Default `2`. */\n  margin?: number\n  /**\n   * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.\n   * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.\n   */\n  image?: string | { src: string; width?: number; height?: number; excavate?: boolean }\n  /** Caption rendered under the code (muted, centred) — e.g. \"Scan with your authenticator app\". */\n  caption?: ReactNode\n  /**\n   * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the\n   * page `background`. Default `true`. Pass `false` for a bare SVG.\n   */\n  framed?: boolean\n  /**\n   * Accessible name. Defaults to the localized `qrCode.label` (\"QR code\"). The `value` is never exposed\n   * as text by this component.\n   */\n  'aria-label'?: string\n}\n\n/**\n * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i\n * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token\n * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.\n *\n * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its\n * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is\n * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).\n * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role=\"img\"` with an\n * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.\n */\n/** @internal — exported for tests */\nexport const qrPeer = optionalPeer<typeof QrLibModule>(\n  'qrcode.react',\n  'QrCode',\n  () => import('qrcode.react'),\n)\n\nexport const QrCode = forwardRef<HTMLDivElement, QrCodeProps>(function QrCode(\n  {\n    value,\n    size = 180,\n    level,\n    color = 'text',\n    margin = 2,\n    image,\n    caption,\n    framed = true,\n    className,\n    style,\n    'aria-label': ariaLabelProp,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ariaLabel = ariaLabelProp ?? t('qrCode.label')\n  // `qrcode.react` is an optional peer, loaded lazily (never imported statically — apps without it must\n  // still build + run from the barrel). Until it's ready a same-size skeleton holds the spot; if it isn't\n  // installed the spot stays empty and an install hint is logged.\n  const { module: qrLib, failed } = useOptionalPeer(qrPeer)\n  const QRCodeSVG = qrLib?.QRCodeSVG\n\n  // 'H' error correction by default when a centre image is present, so the logo can cover the middle\n  // without breaking the code; otherwise 'M'. An explicit `level` always wins.\n  const resolvedLevel: QrCodeLevel = level ?? (image ? 'H' : 'M')\n\n  const imageSettings =\n    image != null\n      ? (() => {\n          const img = typeof image === 'string' ? { src: image } : image\n          const dim = Math.round(size * 0.22)\n          return {\n            src: img.src,\n            width: img.width ?? dim,\n            height: img.height ?? dim,\n            excavate: img.excavate ?? true,\n          }\n        })()\n      : undefined\n\n  // The foreground (modules) follows the `color` token via `--tz-qr-fg`. The default `text` is left to\n  // CSS (so `.framed` can force dark modules on the white card in dark mode); a custom token is pinned\n  // inline, so it wins over that CSS fallback and is rendered exactly as asked.\n  const fgVar = color === 'text' ? undefined : { '--tz-qr-fg': `var(--tz-color-${color})` }\n\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={clsx(styles.root, framed && styles.framed, className)}\n      style={{ ...fgVar, ...style } as CSSProperties}\n      {...props}\n    >\n      {QRCodeSVG ? (\n        <QRCodeSVG\n          className={styles.code}\n          value={value}\n          size={size}\n          level={resolvedLevel}\n          marginSize={margin}\n          // colors flow through CSS vars so `.framed` can guarantee contrast per theme (see the module)\n          fgColor=\"var(--tz-qr-fg)\"\n          bgColor=\"var(--tz-qr-bg)\"\n          imageSettings={imageSettings}\n          aria-hidden\n        />\n      ) : (\n        <Skeleton\n          variant=\"rect\"\n          width={size}\n          height={size}\n          animation={failed ? false : 'shimmer'}\n          className={styles.code}\n        />\n      )}\n      {caption != null && (\n        <Typography variant=\"caption\" color=\"muted\" className={styles.caption}>\n          {caption}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["qrPeer","optionalPeer","QrCode","forwardRef","value","size","level","color","margin","image","caption","framed","className","style","ariaLabelProp","props","ref","t","useT","ariaLabel","qrLib","failed","useOptionalPeer","QRCodeSVG","resolvedLevel","imageSettings","img","dim","fgVar","jsxs","clsx","styles","jsx","Skeleton","Typography"],"mappings":";;;;;;;;;;;;GAqDaA,IAASC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,MAAM,OAAO,cAAc;AAC7B,GAEaC,IAASC,EAAwC,SAC5D;AAAA,EACE,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IAAYL,KAAiBG,EAAE,cAAc,GAI7C,EAAE,QAAQG,GAAO,QAAAC,EAAA,IAAWC,EAAgBtB,CAAM,GAClDuB,IAAYH,KAAA,gBAAAA,EAAO,WAInBI,IAA6BlB,MAAUG,IAAQ,MAAM,MAErDgB,IACJhB,KAAS,QACJ,MAAM;AACL,UAAMiB,IAAM,OAAOjB,KAAU,WAAW,EAAE,KAAKA,MAAUA,GACnDkB,IAAM,KAAK,MAAMtB,IAAO,IAAI;AAClC,WAAO;AAAA,MACL,KAAKqB,EAAI;AAAA,MACT,OAAOA,EAAI,SAASC;AAAA,MACpB,QAAQD,EAAI,UAAUC;AAAA,MACtB,UAAUD,EAAI,YAAY;AAAA,IAAA;AAAA,EAE9B,OACA,QAKAE,IAAQrB,MAAU,SAAS,SAAY,EAAE,cAAc,kBAAkBA,CAAK,IAAA;AAEpF,SACE,gBAAAsB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,MAAK;AAAA,MACL,cAAYG;AAAA,MACZ,WAAWW,EAAKC,EAAO,MAAMpB,KAAUoB,EAAO,QAAQnB,CAAS;AAAA,MAC/D,OAAO,EAAE,GAAGgB,GAAO,GAAGf,EAAA;AAAA,MACrB,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAQ,IACC,gBAAAS;AAAA,UAACT;AAAA,UAAA;AAAA,YACC,WAAWQ,EAAO;AAAA,YAClB,OAAA3B;AAAA,YACA,MAAAC;AAAA,YACA,OAAOmB;AAAA,YACP,YAAYhB;AAAA,YAEZ,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,eAAAiB;AAAA,YACA,eAAW;AAAA,UAAA;AAAA,QAAA,IAGb,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAO5B;AAAA,YACP,QAAQA;AAAA,YACR,WAAWgB,IAAS,KAAQ;AAAA,YAC5B,WAAWU,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrBrB,KAAW,QACV,gBAAAsB,EAACE,GAAA,EAAW,SAAQ,WAAU,OAAM,SAAQ,WAAWH,EAAO,SAC3D,UAAArB,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"QrCode-DaJYqBc1.js","sources":["../src/components/QrCode/QrCode.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from 'react'\nimport { clsx } from 'clsx'\nimport type * as QrLibModule from 'qrcode.react'\nimport { optionalPeer, useOptionalPeer } from '../../hooks/useOptionalPeer'\nimport { Skeleton } from '../Skeleton'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Typography } from '../Typography'\nimport styles from './QrCode.module.css'\n\nexport type QrCodeLevel = 'L' | 'M' | 'Q' | 'H'\n\nexport interface QrCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {\n  /** The encoded text (URL, `otpauth://…` URI, plain string). Required. */\n  value: string\n  /** Rendered edge length in px. Default `180`. */\n  size?: number\n  /** Error-correction level. Default `'M'` (`'H'` when `image` is set, so the logo can cover the middle). */\n  level?: QrCodeLevel\n  /** Module (foreground) tint — a theme token. Default `'text'` (so it follows light/dark). */\n  color?: ThemeColor | 'text'\n  /** Quiet zone in modules. Default `2`. */\n  margin?: number\n  /**\n   * Optional centre image (a brand mark), as a URL or `{ src, width?, height?, excavate? }`.\n   * `excavate` clears the modules under it (default `true`). Sizes default to ~22% of `size`.\n   */\n  image?: string | { src: string; width?: number; height?: number; excavate?: boolean }\n  /** Caption rendered under the code (muted, centred) — e.g. \"Scan with your authenticator app\". */\n  caption?: ReactNode\n  /**\n   * Wrap the code in a soft `surface` frame with padding and radius, so it sits cleanly on the\n   * page `background`. Default `true`. Pass `false` for a bare SVG.\n   */\n  framed?: boolean\n  /**\n   * Accessible name. Defaults to the localized `qrCode.label` (\"QR code\"). The `value` is never exposed\n   * as text by this component.\n   */\n  'aria-label'?: string\n}\n\n/**\n * A QR code, rendered as a crisp **SVG** — wraps the optional peer **`qrcode.react`** (`npm i\n * qrcode.react`) so apps don't pull in their own encoder. The modules take a theme `color` token\n * (default `text`) via the `--tz-qr-fg` var; `framed` (default) wraps the code in a soft, elevated card.\n *\n * **Scannability:** a framed code always sits on a **white** card in both light and dark mode, and its\n * default modules stay **dark** in both — a QR must be dark-on-light to read reliably, so the frame is\n * kept white even in dark mode (a deliberate literal-color exception, like `CodeBlock`'s dark surface).\n * A custom `color` is honored as-is (pick one dark enough to scan). The wrapper is `role=\"img\"` with an\n * `aria-label`; the SVG itself is `aria-hidden`, so the encoded `value` is never read out as text.\n */\n/** @internal — exported for tests */\nexport const qrPeer = optionalPeer<typeof QrLibModule>(\n  'qrcode.react',\n  'QrCode',\n  () => import('qrcode.react'),\n)\n\nexport const QrCode = forwardRef<HTMLDivElement, QrCodeProps>(function QrCode(\n  {\n    value,\n    size = 180,\n    level,\n    color = 'text',\n    margin = 2,\n    image,\n    caption,\n    framed = true,\n    className,\n    style,\n    'aria-label': ariaLabelProp,\n    ...props\n  },\n  ref,\n) {\n  const t = useT()\n  const ariaLabel = ariaLabelProp ?? t('qrCode.label')\n  // `qrcode.react` is an optional peer, loaded lazily (never imported statically — apps without it must\n  // still build + run from the barrel). Until it's ready a same-size skeleton holds the spot; if it isn't\n  // installed the spot stays empty and an install hint is logged.\n  const { module: qrLib, failed } = useOptionalPeer(qrPeer)\n  const QRCodeSVG = qrLib?.QRCodeSVG\n\n  // 'H' error correction by default when a centre image is present, so the logo can cover the middle\n  // without breaking the code; otherwise 'M'. An explicit `level` always wins.\n  const resolvedLevel: QrCodeLevel = level ?? (image ? 'H' : 'M')\n\n  const imageSettings =\n    image != null\n      ? (() => {\n          const img = typeof image === 'string' ? { src: image } : image\n          const dim = Math.round(size * 0.22)\n          return {\n            src: img.src,\n            width: img.width ?? dim,\n            height: img.height ?? dim,\n            excavate: img.excavate ?? true,\n          }\n        })()\n      : undefined\n\n  // The foreground (modules) follows the `color` token via `--tz-qr-fg`. The default `text` is left to\n  // CSS (so `.framed` can force dark modules on the white card in dark mode); a custom token is pinned\n  // inline, so it wins over that CSS fallback and is rendered exactly as asked.\n  const fgVar = color === 'text' ? undefined : { '--tz-qr-fg': `var(--tz-color-${color})` }\n\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={clsx(styles.root, framed && styles.framed, className)}\n      style={{ ...fgVar, ...style } as CSSProperties}\n      {...props}\n    >\n      {QRCodeSVG ? (\n        <QRCodeSVG\n          className={styles.code}\n          value={value}\n          size={size}\n          level={resolvedLevel}\n          marginSize={margin}\n          // colors flow through CSS vars so `.framed` can guarantee contrast per theme (see the module)\n          fgColor=\"var(--tz-qr-fg)\"\n          bgColor=\"var(--tz-qr-bg)\"\n          imageSettings={imageSettings}\n          aria-hidden\n        />\n      ) : (\n        <Skeleton\n          variant=\"rect\"\n          width={size}\n          height={size}\n          animation={failed ? false : 'shimmer'}\n          className={styles.code}\n        />\n      )}\n      {caption != null && (\n        <Typography variant=\"caption\" color=\"muted\" className={styles.caption}>\n          {caption}\n        </Typography>\n      )}\n    </div>\n  )\n})\n"],"names":["qrPeer","optionalPeer","QrCode","forwardRef","value","size","level","color","margin","image","caption","framed","className","style","ariaLabelProp","props","ref","t","useT","ariaLabel","qrLib","failed","useOptionalPeer","QRCodeSVG","resolvedLevel","imageSettings","img","dim","fgVar","jsxs","clsx","styles","jsx","Skeleton","Typography"],"mappings":";;;;;;;;;;;;GAqDaA,IAASC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,MAAM,OAAO,cAAc;AAC7B,GAEaC,IAASC,EAAwC,SAC5D;AAAA,EACE,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJC,IAAYL,KAAiBG,EAAE,cAAc,GAI7C,EAAE,QAAQG,GAAO,QAAAC,EAAA,IAAWC,EAAgBtB,CAAM,GAClDuB,IAAYH,KAAA,gBAAAA,EAAO,WAInBI,IAA6BlB,MAAUG,IAAQ,MAAM,MAErDgB,IACJhB,KAAS,QACJ,MAAM;AACL,UAAMiB,IAAM,OAAOjB,KAAU,WAAW,EAAE,KAAKA,MAAUA,GACnDkB,IAAM,KAAK,MAAMtB,IAAO,IAAI;AAClC,WAAO;AAAA,MACL,KAAKqB,EAAI;AAAA,MACT,OAAOA,EAAI,SAASC;AAAA,MACpB,QAAQD,EAAI,UAAUC;AAAA,MACtB,UAAUD,EAAI,YAAY;AAAA,IAAA;AAAA,EAE9B,OACA,QAKAE,IAAQrB,MAAU,SAAS,SAAY,EAAE,cAAc,kBAAkBA,CAAK,IAAA;AAEpF,SACE,gBAAAsB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,MAAK;AAAA,MACL,cAAYG;AAAA,MACZ,WAAWW,EAAKC,EAAO,MAAMpB,KAAUoB,EAAO,QAAQnB,CAAS;AAAA,MAC/D,OAAO,EAAE,GAAGgB,GAAO,GAAGf,EAAA;AAAA,MACrB,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAQ,IACC,gBAAAS;AAAA,UAACT;AAAA,UAAA;AAAA,YACC,WAAWQ,EAAO;AAAA,YAClB,OAAA3B;AAAA,YACA,MAAAC;AAAA,YACA,OAAOmB;AAAA,YACP,YAAYhB;AAAA,YAEZ,SAAQ;AAAA,YACR,SAAQ;AAAA,YACR,eAAAiB;AAAA,YACA,eAAW;AAAA,UAAA;AAAA,QAAA,IAGb,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,OAAO5B;AAAA,YACP,QAAQA;AAAA,YACR,WAAWgB,IAAS,KAAQ;AAAA,YAC5B,WAAWU,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrBrB,KAAW,QACV,gBAAAsB,EAACE,GAAA,EAAW,SAAQ,WAAU,OAAM,SAAQ,WAAWH,EAAO,SAC3D,UAAArB,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/{RemoveDialog-DZ-EqIfS.cjs → RemoveDialog-BnOtR6-q.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-Q_5uA-zc.cjs"),N=require("./Code-CUdpWlY5.cjs"),j=require("./Icon-B6lz-V0A.cjs"),I=require("./Modal-DwY3jGHE.cjs"),R=require("./TextField-B-xqoDZR.cjs"),w=require("./Typography-d97DdbNd.cjs"),v=require("./ConfigProvider-Ci9Q2HLF.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-DZ-EqIfS.cjs.map
+"use strict";const e=require("react/jsx-runtime"),r=require("react"),z=require("./Blockquote-BWGxIL_V.cjs"),C=require("./Button-mBZOvgyZ.cjs"),N=require("./Code-CUdpWlY5.cjs"),j=require("./Icon-CBg21lKA.cjs"),I=require("./Modal-CxODxl81.cjs"),R=require("./TextField-CBYJIfau.cjs"),w=require("./Typography-d97DdbNd.cjs"),v=require("./ConfigProvider-DBU6rOIA.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-BnOtR6-q.cjs.map

package/dist/{RemoveDialog-DZ-EqIfS.cjs.map → RemoveDialog-BnOtR6-q.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"RemoveDialog-DZ-EqIfS.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-BnOtR6-q.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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"}

package/dist/{RemoveDialog-CQIm9GTH.js → RemoveDialog-MhEU5Zl3.js}

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as l, Fragment as T } from "react/jsx-runtime";
 import { forwardRef as R, useState as _, useRef as E, useId as I } from "react";
 import { B as O } from "./Blockquote-Ma-2naET.js";
-import { B as v } from "./Button-CtADzomU.js";
+import { B as v } from "./Button-C415LPw_.js";
 import { C as S } from "./Code-DaEpXHfF.js";
-import { b as B } from "./Icon-D5TxgfCc.js";
-import { M as j } from "./Modal-CYcVOzID.js";
-import { T as F } from "./TextField-Dwx5GPxz.js";
+import { b as B } from "./Icon-B7DJn8Tw.js";
+import { M as j } from "./Modal-DpoiMMM3.js";
+import { T as F } from "./TextField-CyKIx-d-.js";
 import { T as L } from "./Typography-ChSuxgkc.js";
-import { a as k } from "./ConfigProvider-Dqfu7UBU.js";
+import { a as k } from "./ConfigProvider-DVDGtCUc.js";
 const M = "_modalBody_1nqut_5", K = "_body_1nqut_4", P = "_iconBox_1nqut_20", A = "_confirm_1nqut_37", G = "_phrase_1nqut_45", a = {
   modalBody: M,
   body: K,
@@ -106,4 +106,4 @@ function H({ text: u }) {
 export {
   eo as R
 };
-//# sourceMappingURL=RemoveDialog-CQIm9GTH.js.map
+//# sourceMappingURL=RemoveDialog-MhEU5Zl3.js.map