@techzyapp/ui-library 1.0.0

package/dist/RadioGroup-DbodUJW8.js

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

package/dist/RadioGroup-DbodUJW8.js.map

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

package/dist/RemoveDialog-Bvt6sH79.js

@@ -0,0 +1,47 @@
+import { jsx as e, jsxs as a, Fragment as b } from "react/jsx-runtime";
+import { forwardRef as v, useState as B } from "react";
+import { B as s } from "./Button-DhEv0YFk.js";
+import { I as _ } from "./Icon-CophpkHo.js";
+import { M as C } from "./Modal-BuaPDlKV.js";
+import { T as D } from "./Typography-Cta6Rg4L.js";
+import { a as R } from "./ConfigProvider-2c94kUOk.js";
+const T = "_body_1xrr0_3", k = "_iconBox_1xrr0_13", c = {
+  body: T,
+  iconBox: k
+}, E = v(function({ open: l, onClose: t, onConfirm: m, title: d, message: f, confirmLabel: h, cancelLabel: p, loading: g = !1 }, u) {
+  const r = R(), [y, n] = B(!1), o = g || y, i = () => {
+    o || t();
+  }, x = async () => {
+    try {
+      n(!0), await m(), t();
+    } catch {
+    } finally {
+      n(!1);
+    }
+  };
+  return /* @__PURE__ */ e(
+    C,
+    {
+      ref: u,
+      open: l,
+      onClose: i,
+      size: "sm",
+      title: d ?? r("removeDialog.title"),
+      showCloseButton: !o,
+      closeOnBackdrop: !o,
+      closeOnEscape: !o,
+      footer: /* @__PURE__ */ a(b, { children: [
+        /* @__PURE__ */ e(s, { variant: "text", onClick: i, disabled: o, children: p ?? r("common.cancel") }),
+        /* @__PURE__ */ e(s, { color: "error", variant: "filled", onClick: x, loading: o, children: h ?? r("common.delete") })
+      ] }),
+      children: /* @__PURE__ */ a("div", { className: c.body, children: [
+        /* @__PURE__ */ e("div", { className: c.iconBox, "aria-hidden": !0, children: /* @__PURE__ */ e(_, { name: "Trash" }) }),
+        /* @__PURE__ */ e(D, { align: "center", children: f ?? r("removeDialog.message") })
+      ] })
+    }
+  );
+});
+export {
+  E as R
+};
+//# sourceMappingURL=RemoveDialog-Bvt6sH79.js.map

package/dist/RemoveDialog-Bvt6sH79.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveDialog-Bvt6sH79.js","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\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\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. 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  { open, onClose, onConfirm, title, message, confirmLabel, cancelLabel, loading = false },\n  ref,\n) {\n  const t = useT()\n  const [submitting, setSubmitting] = useState(false)\n  const busy = loading || submitting\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    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      title={title ?? t('removeDialog.title')}\n      showCloseButton={!busy}\n      closeOnBackdrop={!busy}\n      closeOnEscape={!busy}\n      footer={\n        <>\n          <Button variant=\"text\" onClick={handleClose} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button color=\"error\" variant=\"filled\" onClick={handleConfirm} loading={busy}>\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      </div>\n    </Modal>\n  )\n})\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","ref","t","useT","submitting","setSubmitting","useState","busy","handleClose","handleConfirm","jsx","Modal","jsxs","Fragment","Button","styles","Icon","Typography"],"mappings":";;;;;;;;;;GA0CaA,IAAeC,EAA8C,SACxE,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,SAAAC,GAAS,cAAAC,GAAc,aAAAC,GAAa,SAAAC,IAAU,GAAA,GACjFC,GACA;AACA,QAAMC,IAAIC,EAAA,GACJ,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAOP,KAAWI,GAGlBI,IAAc,MAAM;AACxB,IAAKD,KAAMb,EAAA;AAAA,EACb,GAEMe,IAAgB,YAAY;AAChC,QAAI;AACF,MAAAJ,EAAc,EAAI,GAClB,MAAMV,EAAA,GACND,EAAA;AAAA,IACF,QAAQ;AAAA,IAER,UAAA;AACE,MAAAW,EAAc,EAAK;AAAA,IACrB;AAAA,EACF;AAEA,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,MAAAR;AAAA,MACA,SAASe;AAAA,MACT,MAAK;AAAA,MACL,OAAOZ,KAASM,EAAE,oBAAoB;AAAA,MACtC,iBAAiB,CAACK;AAAA,MAClB,iBAAiB,CAACA;AAAA,MAClB,eAAe,CAACA;AAAA,MAChB,QACE,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAO,SAAQ,QAAO,SAASN,GAAa,UAAUD,GACpD,UAAAR,KAAeG,EAAE,eAAe,EAAA,CACnC;AAAA,QACA,gBAAAQ,EAACI,GAAA,EAAO,OAAM,SAAQ,SAAQ,UAAS,SAASL,GAAe,SAASF,GACrE,UAAAT,KAAgBI,EAAE,eAAe,EAAA,CACpC;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWG,EAAO,MACrB,UAAA;AAAA,QAAA,gBAAAL,EAAC,OAAA,EAAI,WAAWK,EAAO,SAAS,eAAW,IACzC,UAAA,gBAAAL,EAACM,GAAA,EAAK,MAAK,QAAA,CAAQ,EAAA,CACrB;AAAA,0BACCC,GAAA,EAAW,OAAM,UAAU,UAAApB,KAAWK,EAAE,sBAAsB,EAAA,CAAE;AAAA,MAAA,EAAA,CACnE;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/RemoveDialog-ClyZKyUG.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),c=require("./Button-D4bfVNNa.cjs"),j=require("./Icon-CXTl_QAP.cjs"),B=require("./Modal-B2YSCVVt.cjs"),b=require("./Typography-BFatE1_A.cjs"),q=require("./ConfigProvider-ByOFXVyP.cjs"),p="_body_1xrr0_3",C="_iconBox_1xrr0_13",a={body:p,iconBox:C},_=i.forwardRef(function({open:l,onClose:s,onConfirm:d,title:u,message:m,confirmLabel:x,cancelLabel:h,loading:g=!1},y){const n=q.useT(),[f,t]=i.useState(!1),o=g||f,r=()=>{o||s()},v=async()=>{try{t(!0),await d(),s()}catch{}finally{t(!1)}};return e.jsx(B.Modal,{ref:y,open:l,onClose:r,size:"sm",title:u??n("removeDialog.title"),showCloseButton:!o,closeOnBackdrop:!o,closeOnEscape:!o,footer:e.jsxs(e.Fragment,{children:[e.jsx(c.Button,{variant:"text",onClick:r,disabled:o,children:h??n("common.cancel")}),e.jsx(c.Button,{color:"error",variant:"filled",onClick:v,loading:o,children:x??n("common.delete")})]}),children:e.jsxs("div",{className:a.body,children:[e.jsx("div",{className:a.iconBox,"aria-hidden":!0,children:e.jsx(j.Icon,{name:"Trash"})}),e.jsx(b.Typography,{align:"center",children:m??n("removeDialog.message")})]})})});exports.RemoveDialog=_;
+//# sourceMappingURL=RemoveDialog-ClyZKyUG.cjs.map

package/dist/RemoveDialog-ClyZKyUG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveDialog-ClyZKyUG.cjs","sources":["../src/components/RemoveDialog/RemoveDialog.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from 'react'\nimport { useT } from '../../theme'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\nimport { Modal } from '../Modal'\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\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. 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  { open, onClose, onConfirm, title, message, confirmLabel, cancelLabel, loading = false },\n  ref,\n) {\n  const t = useT()\n  const [submitting, setSubmitting] = useState(false)\n  const busy = loading || submitting\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    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      title={title ?? t('removeDialog.title')}\n      showCloseButton={!busy}\n      closeOnBackdrop={!busy}\n      closeOnEscape={!busy}\n      footer={\n        <>\n          <Button variant=\"text\" onClick={handleClose} disabled={busy}>\n            {cancelLabel ?? t('common.cancel')}\n          </Button>\n          <Button color=\"error\" variant=\"filled\" onClick={handleConfirm} loading={busy}>\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      </div>\n    </Modal>\n  )\n})\n"],"names":["RemoveDialog","forwardRef","open","onClose","onConfirm","title","message","confirmLabel","cancelLabel","loading","ref","t","useT","submitting","setSubmitting","useState","busy","handleClose","handleConfirm","jsx","Modal","jsxs","Fragment","Button","styles","Icon","Typography"],"mappings":"0TA0CaA,EAAeC,EAAAA,WAA8C,SACxE,CAAE,KAAAC,EAAM,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,aAAAC,EAAc,YAAAC,EAAa,QAAAC,EAAU,EAAA,EACjFC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACJ,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAK,EAC5CC,EAAOP,GAAWI,EAGlBI,EAAc,IAAM,CACnBD,GAAMb,EAAA,CACb,EAEMe,EAAgB,SAAY,CAChC,GAAI,CACFJ,EAAc,EAAI,EAClB,MAAMV,EAAA,EACND,EAAA,CACF,MAAQ,CAER,QAAA,CACEW,EAAc,EAAK,CACrB,CACF,EAEA,OACEK,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAV,EACA,KAAAR,EACA,QAASe,EACT,KAAK,KACL,MAAOZ,GAASM,EAAE,oBAAoB,EACtC,gBAAiB,CAACK,EAClB,gBAAiB,CAACA,EAClB,cAAe,CAACA,EAChB,OACEK,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAH,EAAAA,IAACI,EAAAA,OAAA,CAAO,QAAQ,OAAO,QAASN,EAAa,SAAUD,EACpD,SAAAR,GAAeG,EAAE,eAAe,CAAA,CACnC,EACAQ,EAAAA,IAACI,EAAAA,OAAA,CAAO,MAAM,QAAQ,QAAQ,SAAS,QAASL,EAAe,QAASF,EACrE,SAAAT,GAAgBI,EAAE,eAAe,CAAA,CACpC,CAAA,EACF,EAGF,SAAAU,EAAAA,KAAC,MAAA,CAAI,UAAWG,EAAO,KACrB,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAWK,EAAO,QAAS,cAAW,GACzC,SAAAL,EAAAA,IAACM,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CACrB,QACCC,EAAAA,WAAA,CAAW,MAAM,SAAU,SAAApB,GAAWK,EAAE,sBAAsB,CAAA,CAAE,CAAA,CAAA,CACnE,CAAA,CAAA,CAGN,CAAC"}