@techzyapp/ui-library 1.0.42 → 1.0.44

package/dist/IconButton-CxSXEYce.cjs

@@ -1,2 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),c=require("react"),g=require("clsx"),q=require("./Loader-5zp2MPm5.cjs"),v="_iconButton_10018_1",z="_sm_10018_22",I="_md_10018_27",j="_lg_10018_32",y="_contained_10018_38",k="_filled_10018_48",p="_outlined_10018_57",C="_text_10018_68",E="_rounded_10018_78",L="_disabled_10018_86",R="_loading_10018_90",$="_nonClickable_10018_95",t={iconButton:v,sm:z,md:I,lg:j,contained:y,filled:k,outlined:p,text:C,rounded:E,disabled:L,loading:R,nonClickable:$},w=c.forwardRef(function({variant:a="contained",color:d="accent",size:e="md",loading:n=!1,rounded:l=!1,disabled:_=!1,nonClickable:s=!1,className:r,style:u,type:b="button",tabIndex:f,children:o,...m},x){const B=c.isValidElement(o)&&!n?c.cloneElement(o,{size:o.props.size??e}):o;return i.jsx("button",{ref:x,type:b,disabled:_||n,"aria-busy":n||void 0,"aria-disabled":s||void 0,tabIndex:s?-1:f,className:g.clsx(t.iconButton,t[a],t[e],l&&t.rounded,n&&t.loading,_&&t.disabled,s&&t.nonClickable,r),style:{"--tz-btn-rgb":`var(--tz-color-${d}-rgb)`,"--tz-btn-on":`var(--tz-color-${d}-contrast, #fff)`,...u},...m,children:n?i.jsx(q.Loader,{size:e,"aria-hidden":"true"}):B})});exports.IconButton=w;
-//# sourceMappingURL=IconButton-CxSXEYce.cjs.map

package/dist/IconButton-D9MCwRK_.js

@@ -1,68 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as x, isValidElement as B, cloneElement as g } from "react";
-import { clsx as v } from "clsx";
-import { L as z } from "./Loader-Bluu6z0-.js";
-const I = "_iconButton_10018_1", y = "_sm_10018_22", k = "_md_10018_27", C = "_lg_10018_32", E = "_contained_10018_38", L = "_filled_10018_48", $ = "_outlined_10018_57", j = "_text_10018_68", w = "_rounded_10018_78", N = "_disabled_10018_86", R = "_loading_10018_90", V = "_nonClickable_10018_95", t = {
-  iconButton: I,
-  sm: y,
-  md: k,
-  lg: C,
-  contained: E,
-  filled: L,
-  outlined: $,
-  text: j,
-  rounded: w,
-  disabled: N,
-  loading: R,
-  nonClickable: V
-}, H = x(function({
-  variant: a = "contained",
-  color: d = "accent",
-  size: e = "md",
-  loading: o = !1,
-  rounded: i = !1,
-  disabled: _ = !1,
-  nonClickable: s = !1,
-  className: l,
-  style: r,
-  type: u = "button",
-  tabIndex: m,
-  children: n,
-  ...f
-}, b) {
-  const p = B(n) && !o ? g(n, {
-    size: n.props.size ?? e
-  }) : n;
-  return /* @__PURE__ */ c(
-    "button",
-    {
-      ref: b,
-      type: u,
-      disabled: _ || o,
-      "aria-busy": o || void 0,
-      "aria-disabled": s || void 0,
-      tabIndex: s ? -1 : m,
-      className: v(
-        t.iconButton,
-        t[a],
-        t[e],
-        i && t.rounded,
-        o && t.loading,
-        _ && t.disabled,
-        s && t.nonClickable,
-        l
-      ),
-      style: {
-        "--tz-btn-rgb": `var(--tz-color-${d}-rgb)`,
-        "--tz-btn-on": `var(--tz-color-${d}-contrast, #fff)`,
-        ...r
-      },
-      ...f,
-      children: o ? /* @__PURE__ */ c(z, { size: e, "aria-hidden": "true" }) : p
-    }
-  );
-});
-export {
-  H as I
-};
-//# sourceMappingURL=IconButton-D9MCwRK_.js.map

package/dist/Link-BQlvsu9V.js

@@ -1,48 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { clsx as v } from "clsx";
-import { createLink as k } from "@tanstack/react-router";
-const w = "_link_12wv1_3", f = "_sm_12wv1_18", L = "_md_12wv1_21", b = "_lg_12wv1_24", h = "_hover_12wv1_29", u = "_always_12wv1_32", x = "_disabled_12wv1_46", t = {
-  link: w,
-  sm: f,
-  md: L,
-  lg: b,
-  hover: h,
-  always: u,
-  disabled: x
-}, a = i(function({
-  color: n = "primary",
-  size: r = "md",
-  underline: e = "hover",
-  disabled: o = !1,
-  className: _,
-  style: c,
-  ...m
-}, d) {
-  return /* @__PURE__ */ s(
-    "a",
-    {
-      ref: d,
-      className: v(
-        t.link,
-        t[r],
-        t[e],
-        o && t.disabled,
-        _
-      ),
-      style: { "--tz-link-rgb": `var(--tz-color-${n}-rgb)`, ...c },
-      "aria-disabled": o || void 0,
-      ...m
-    }
-  );
-}), y = k(a), R = i(function(n, r) {
-  if (n.external) {
-    const { external: e, ...o } = n;
-    return /* @__PURE__ */ s(a, { ref: r, ...o });
-  }
-  return /* @__PURE__ */ s(y, { ref: r, ...n });
-});
-export {
-  R as L
-};
-//# sourceMappingURL=Link-BQlvsu9V.js.map

package/dist/Link-GZT51mKx.cjs

@@ -1,2 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),v=require("clsx"),k=require("@tanstack/react-router"),w="_link_12wv1_3",m="_sm_12wv1_18",x="_md_12wv1_21",f="_lg_12wv1_24",L="_hover_12wv1_29",b="_always_12wv1_32",h="_disabled_12wv1_46",r={link:w,sm:m,md:x,lg:f,hover:L,always:b,disabled:h},i=c.forwardRef(function({color:n="primary",size:e="md",underline:o="hover",disabled:s=!1,className:l,style:_,...d},u){return t.jsx("a",{ref:u,className:v.clsx(r.link,r[e],r[o],s&&r.disabled,l),style:{"--tz-link-rgb":`var(--tz-color-${n}-rgb)`,..._},"aria-disabled":s||void 0,...d})}),y=k.createLink(i),g=c.forwardRef(function(n,e){if(n.external){const{external:o,...s}=n;return t.jsx(i,{ref:e,...s})}return t.jsx(y,{ref:e,...n})});exports.Link=g;
-//# sourceMappingURL=Link-GZT51mKx.cjs.map

package/dist/ListItem-2Lr5_NRY.js

@@ -1,76 +0,0 @@
-import { jsx as l, jsxs as b } from "react/jsx-runtime";
-import { createContext as v, useContext as y, forwardRef as E } from "react";
-import { clsx as O } from "clsx";
-import { b as S, a as j } from "./Icon-D5TxgfCc.js";
-const D = v({}), A = () => y(D), M = "_item_1arwt_3", B = "_sm_1arwt_25", R = "_md_1arwt_31", Z = "_lg_1arwt_36", $ = "_flush_1arwt_43", q = "_itemIcon_1arwt_49", F = "_itemText_1arwt_57", G = "_itemLabel_1arwt_65", H = "_itemDescription_1arwt_72", J = "_itemTrailing_1arwt_82", P = "_clickable_1arwt_92", Q = "_selected_1arwt_109", U = "_disabled_1arwt_130", t = {
-  item: M,
-  sm: B,
-  md: R,
-  lg: Z,
-  flush: $,
-  itemIcon: q,
-  itemText: F,
-  itemLabel: G,
-  itemDescription: H,
-  itemTrailing: J,
-  clickable: P,
-  selected: Q,
-  disabled: U
-}, V = new Set(j), W = { sm: "sm", md: "md", lg: "md" }, nt = E(function({
-  icon: e,
-  description: c,
-  trailing: _,
-  selected: d = !1,
-  clickable: o = !1,
-  disabled: s = !1,
-  size: I,
-  flush: h,
-  color: w = "primary",
-  as: n,
-  className: x,
-  style: g,
-  children: r,
-  onClick: N,
-  onKeyDown: a,
-  ...C
-}, T) {
-  const u = A(), f = I ?? u.size ?? "md", L = h ?? u.flush ?? !1, k = n ?? "div", m = o && !(n === "a" || n === "button" || typeof n == "function" || typeof n == "object"), p = e == null ? null : typeof e == "string" && V.has(e) ? /* @__PURE__ */ l(S, { name: e, size: W[f] }) : e, z = (i) => {
-    m && !s && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.currentTarget.click()), a == null || a(i);
-  };
-  return /* @__PURE__ */ b(
-    k,
-    {
-      ref: T,
-      className: O(
-        t.item,
-        t[f],
-        L && t.flush,
-        d && t.selected,
-        o && t.clickable,
-        s && t.disabled,
-        x
-      ),
-      style: { "--tz-btn-rgb": `var(--tz-color-${w}-rgb)`, ...g },
-      role: m ? "button" : void 0,
-      tabIndex: m ? s ? -1 : 0 : void 0,
-      "aria-disabled": s || void 0,
-      "aria-current": d || void 0,
-      onClick: s ? void 0 : N,
-      onKeyDown: o ? z : a,
-      ...C,
-      children: [
-        p != null && /* @__PURE__ */ l("span", { className: t.itemIcon, children: p }),
-        (r != null || c != null) && /* @__PURE__ */ b("span", { className: t.itemText, children: [
-          r != null && /* @__PURE__ */ l("span", { className: t.itemLabel, children: r }),
-          c != null && /* @__PURE__ */ l("span", { className: t.itemDescription, children: c })
-        ] }),
-        _ != null && /* @__PURE__ */ l("span", { className: t.itemTrailing, children: _ })
-      ]
-    }
-  );
-});
-export {
-  nt as L,
-  D as a
-};
-//# sourceMappingURL=ListItem-2Lr5_NRY.js.map

package/dist/ListItem-DkCYXucd.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),_=require("react"),y=require("clsx"),b=require("./Icon-B6lz-V0A.cjs"),h=_.createContext({}),E=()=>_.useContext(h),O="_item_1arwt_3",q="_sm_1arwt_25",S="_md_1arwt_31",D="_lg_1arwt_36",A="_flush_1arwt_43",M="_itemIcon_1arwt_49",R="_itemText_1arwt_57",B="_itemLabel_1arwt_65",Z="_itemDescription_1arwt_72",$="_itemTrailing_1arwt_82",F="_clickable_1arwt_92",G="_selected_1arwt_109",H="_disabled_1arwt_130",t={item:O,sm:q,md:S,lg:D,flush:A,itemIcon:M,itemText:R,itemLabel:B,itemDescription:Z,itemTrailing:$,clickable:F,selected:G,disabled:H},J=new Set(b.ICON_NAMES),P={sm:"sm",md:"md",lg:"md"},Q=_.forwardRef(function({icon:s,description:a,trailing:u,selected:d=!1,clickable:o=!1,disabled:n=!1,size:w,flush:p,color:g="primary",as:i,className:C,style:N,children:r,onClick:L,onKeyDown:l,...T},j){const x=E(),f=w??x.size??"md",k=p??x.flush??!1,z=i??"div",m=o&&!(i==="a"||i==="button"||typeof i=="function"||typeof i=="object"),I=s==null?null:typeof s=="string"&&J.has(s)?e.jsx(b.Icon,{name:s,size:P[f]}):s,v=c=>{m&&!n&&(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),c.currentTarget.click()),l==null||l(c)};return e.jsxs(z,{ref:j,className:y.clsx(t.item,t[f],k&&t.flush,d&&t.selected,o&&t.clickable,n&&t.disabled,C),style:{"--tz-btn-rgb":`var(--tz-color-${g}-rgb)`,...N},role:m?"button":void 0,tabIndex:m?n?-1:0:void 0,"aria-disabled":n||void 0,"aria-current":d||void 0,onClick:n?void 0:L,onKeyDown:o?v:l,...T,children:[I!=null&&e.jsx("span",{className:t.itemIcon,children:I}),(r!=null||a!=null)&&e.jsxs("span",{className:t.itemText,children:[r!=null&&e.jsx("span",{className:t.itemLabel,children:r}),a!=null&&e.jsx("span",{className:t.itemDescription,children:a})]}),u!=null&&e.jsx("span",{className:t.itemTrailing,children:u})]})});exports.ListContext=h;exports.ListItem=Q;
-//# sourceMappingURL=ListItem-DkCYXucd.cjs.map

package/dist/Modal-C6Zgwz_6.js

@@ -1,206 +0,0 @@
-import { jsx as c, jsxs as S } from "react/jsx-runtime";
-import { forwardRef as Q, useRef as y, useState as ee, useEffect as W, useId as K } from "react";
-import { clsx as T } from "clsx";
-import { b as U, a as te } from "./Icon-D5TxgfCc.js";
-import { I as V } from "./IconButton-D9MCwRK_.js";
-import { createPortal as le } from "react-dom";
-import { u as ne } from "./useLockBodyScroll-DwBILLPK.js";
-import { a as ae } from "./ConfigProvider-D61cpCz-.js";
-const re = "_overlay_gwv2a_6", ce = {
-  overlay: re
-}, oe = Q(function({
-  open: l,
-  onClose: t,
-  closeOnBackdrop: d = !0,
-  closeOnEscape: s = !0,
-  lockScroll: N = !0,
-  dim: o,
-  className: u,
-  style: i,
-  children: A,
-  onKeyDown: f,
-  onMouseDown: h,
-  onClick: _,
-  ...M
-}, D) {
-  const g = y(null), [O, E] = ee(!1);
-  ne(l && N), W(() => {
-    if (!l) {
-      E(!1);
-      return;
-    }
-    const n = requestAnimationFrame(() => E(!0));
-    return () => cancelAnimationFrame(n);
-  }, [l]);
-  const v = (n) => {
-    n.key === "Escape" && (n.stopPropagation(), s && (t == null || t())), f == null || f(n);
-  }, k = (n) => {
-    g.current = n.target, h == null || h(n);
-  }, b = (n) => {
-    d && n.target === n.currentTarget && g.current === n.currentTarget && (t == null || t()), _ == null || _(n);
-  };
-  return !l || typeof document > "u" ? null : le(
-    /* @__PURE__ */ c(
-      "div",
-      {
-        ref: D,
-        className: T(ce.overlay, u),
-        "data-open": O ? "true" : "false",
-        style: o != null ? { "--tz-overlay-dim": o, ...i } : i,
-        onKeyDown: v,
-        onMouseDown: k,
-        onClick: b,
-        ...M,
-        children: A
-      }
-    ),
-    document.body
-  );
-}), se = "_overlay_1lotx_3", ie = "_modal_1lotx_25", de = "_sm_1lotx_48", ue = "_md_1lotx_51", fe = "_lg_1lotx_54", me = "_fullScreen_1lotx_57", _e = "_header_1lotx_74", be = "_headerDivided_1lotx_83", xe = "_headerMain_1lotx_86", ye = "_icon_1lotx_93", he = "_headerText_1lotx_96", ve = "_title_1lotx_103", pe = "_subtitle_1lotx_115", Ne = "_close_1lotx_127", ge = "_body_1lotx_132", Ee = "_footer_1lotx_143", a = {
-  overlay: se,
-  modal: ie,
-  sm: de,
-  md: ue,
-  lg: fe,
-  fullScreen: me,
-  header: _e,
-  headerDivided: be,
-  headerMain: xe,
-  icon: ye,
-  headerText: he,
-  title: ve,
-  subtitle: pe,
-  close: Ne,
-  body: ge,
-  footer: Ee
-}, Se = new Set(te), G = 'a[href]:not([tabindex="-1"]), button:not(:disabled):not([tabindex="-1"]), textarea:not(:disabled):not([tabindex="-1"]), input:not(:disabled):not([tabindex="-1"]), select:not(:disabled):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])', Te = 'input:not([type="hidden"]):not(:disabled):not([tabindex="-1"]), textarea:not(:disabled):not([tabindex="-1"]), select:not(:disabled):not([tabindex="-1"]), [contenteditable]:not([contenteditable="false"]):not([tabindex="-1"])';
-function J(I) {
-  const l = Array.from(I);
-  for (const t of l) {
-    const d = t instanceof HTMLInputElement && t.type === "radio" && !t.checked ? l.find(
-      (s) => s instanceof HTMLInputElement && s.type === "radio" && s.name === t.name && s.checked
-    ) ?? t : t;
-    if (d.focus({ preventScroll: !0 }), document.activeElement === d) return !0;
-  }
-  return !1;
-}
-const Re = Q(function({
-  open: l,
-  onClose: t,
-  size: d = "md",
-  scrollBehavior: s = "outside",
-  placement: N = "center",
-  title: o,
-  description: u,
-  icon: i,
-  color: A = "accent",
-  footer: f,
-  bodyClassName: h,
-  showCloseButton: _ = !0,
-  closeOnBackdrop: M = !0,
-  closeOnEscape: D = !0,
-  ariaLabel: g,
-  className: O,
-  style: E,
-  children: v,
-  ...k
-}, b) {
-  const n = ae(), F = y(null), q = y(null), P = y(null), z = K(), H = K(), j = y(null), B = y(!1);
-  l !== B.current && (B.current = l, l && typeof document < "u" && (j.current = document.activeElement)), W(() => {
-    var m, p;
-    if (!l) return;
-    const e = F.current, r = j.current;
-    return e != null && e.contains(document.activeElement) || J(((m = q.current) == null ? void 0 : m.querySelectorAll(Te)) ?? []) || J(((p = P.current) == null ? void 0 : p.querySelectorAll(G)) ?? []) || e == null || e.focus({ preventScroll: !0 }), () => {
-      var x;
-      r != null && r.isConnected && ((x = r.focus) == null || x.call(r));
-    };
-  }, [l]);
-  const X = (e) => {
-    F.current = e, typeof b == "function" ? b(e) : b && (b.current = e);
-  }, Y = (e) => {
-    if (e.key !== "Tab") return;
-    const r = F.current;
-    if (!r) return;
-    const m = [...r.querySelectorAll(G)].filter(
-      ($) => $.offsetParent !== null || $ === document.activeElement
-    );
-    if (m.length === 0) {
-      e.preventDefault(), r.focus();
-      return;
-    }
-    const p = m[0], x = m[m.length - 1], R = document.activeElement;
-    e.shiftKey && (R === p || R === r) ? (e.preventDefault(), x.focus()) : !e.shiftKey && R === x && (e.preventDefault(), p.focus());
-  };
-  if (!l) return null;
-  const Z = N !== "center", L = i == null ? null : typeof i == "string" && Se.has(i) ? /* @__PURE__ */ c(U, { name: i }) : i, w = o != null || u != null || L != null || _, C = v != null || f != null;
-  return /* @__PURE__ */ c(
-    oe,
-    {
-      open: l,
-      onClose: t,
-      closeOnBackdrop: M,
-      closeOnEscape: D,
-      onKeyDown: Y,
-      className: a.overlay,
-      "data-size": d,
-      "data-placement": N,
-      "data-scroll": Z ? "inside" : s,
-      children: /* @__PURE__ */ S(
-        "div",
-        {
-          ref: X,
-          className: T(a.modal, a[d], O),
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": o != null ? z : void 0,
-          "aria-label": o == null ? g : void 0,
-          "aria-describedby": u != null ? H : void 0,
-          tabIndex: -1,
-          style: E,
-          ...k,
-          children: [
-            w && /* @__PURE__ */ S("div", { className: T(a.header, C && a.headerDivided), children: [
-              /* @__PURE__ */ S("div", { className: a.headerMain, children: [
-                L != null && /* @__PURE__ */ c(
-                  V,
-                  {
-                    variant: "filled",
-                    size: "sm",
-                    color: A,
-                    nonClickable: !0,
-                    "aria-hidden": !0,
-                    className: a.icon,
-                    children: L
-                  }
-                ),
-                (o != null || u != null) && /* @__PURE__ */ S("div", { className: a.headerText, children: [
-                  o != null && /* @__PURE__ */ c("div", { id: z, className: a.title, children: o }),
-                  u != null && /* @__PURE__ */ c("div", { id: H, className: a.subtitle, children: u })
-                ] })
-              ] }),
-              _ && /* @__PURE__ */ c(
-                V,
-                {
-                  variant: "filled",
-                  color: "primary",
-                  size: "sm",
-                  className: a.close,
-                  "aria-label": n("common.close"),
-                  onClick: t,
-                  children: /* @__PURE__ */ c(U, { name: "Close" })
-                }
-              )
-            ] }),
-            v != null && /* @__PURE__ */ c("div", { ref: q, className: T(a.body, h), children: v }),
-            f != null && /* @__PURE__ */ c("div", { ref: P, className: a.footer, children: f })
-          ]
-        }
-      )
-    }
-  );
-});
-export {
-  Re as M,
-  oe as O
-};
-//# sourceMappingURL=Modal-C6Zgwz_6.js.map

package/dist/Modal-C6Zgwz_6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-C6Zgwz_6.js","sources":["../src/components/Overlay/Overlay.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport styles from './Overlay.module.css'\n\nexport interface OverlayProps extends HTMLAttributes<HTMLDivElement> {\n  /** Whether the overlay is mounted + shown — gates the portal and drives the fade-in. */\n  open: boolean\n  /** Requested dismiss — fired on a backdrop click (`closeOnBackdrop`) or Escape (`closeOnEscape`). */\n  onClose?: () => void\n  /** Close when the scrim itself (outside the content) is clicked. Defaults to `true`. */\n  closeOnBackdrop?: boolean\n  /** Close when Escape is pressed while focus is within the overlay. Defaults to `true`. */\n  closeOnEscape?: boolean\n  /** Lock page scroll while open. Defaults to `true`. */\n  lockScroll?: boolean\n  /** Scrim darkness — the black backdrop's alpha (0–1). Defaults to `0.45`. */\n  dim?: number\n  /** Overlay content — typically a centered dialog / box / media. */\n  children?: ReactNode\n}\n\n/**\n * The shared backdrop primitive behind every dimmed, page-blocking surface (`Modal`, the FileUploader\n * lightbox). Portals a fixed full-viewport scrim to `<body>`, locks page scroll, fades in (opacity keyed\n * off a rAF `visible` flag → `data-open`), and dismisses on **backdrop-click** (gated on the pointer-down\n * AND click both landing on the scrim, so a text-selection drag ending on it doesn't close) / **Escape**\n * (swallowed via `stopPropagation` so it can't reach a React-tree ancestor overlay). Centers its children\n * by default; consumers layer their own padding / scroll / placement via `className` + `data-*` and read\n * the shared `data-open` on the scrim for their own box's enter transform. A consumer `onKeyDown` still\n * fires (after the Escape handling) so it can add e.g. a Tab focus-trap. Internal — no `index.ts`, so it's\n * never exposed as a package subpath; import it via `../Overlay/Overlay`. The ref points at the scrim div.\n */\nexport const Overlay = forwardRef<HTMLDivElement, OverlayProps>(function Overlay(\n  {\n    open,\n    onClose,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    lockScroll = true,\n    dim,\n    className,\n    style,\n    children,\n    onKeyDown,\n    onMouseDown,\n    onClick,\n    ...props\n  },\n  ref,\n) {\n  const mouseDownTarget = useRef<EventTarget | null>(null)\n  const [visible, setVisible] = useState(false)\n\n  useLockBodyScroll(open && lockScroll)\n\n  // enter animation: flip `visible` on the frame after mount so the opacity transition runs\n  useEffect(() => {\n    if (!open) {\n      setVisible(false)\n      return\n    }\n    const raf = requestAnimationFrame(() => setVisible(true))\n    return () => cancelAnimationFrame(raf)\n  }, [open])\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      // the overlay owns the page — swallow Escape so it can't reach a React-tree ancestor overlay (e.g.\n      // an outer Modal) even when this one isn't Escape-dismissible\n      event.stopPropagation()\n      if (closeOnEscape) onClose?.()\n    }\n    onKeyDown?.(event)\n  }\n  // remember where the pointer went down so the click handler can tell a scrim click from a drag that\n  // started inside the content and ended on the scrim (a text-selection drag)\n  const handleMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n    mouseDownTarget.current = event.target\n    onMouseDown?.(event)\n  }\n  const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (\n      closeOnBackdrop &&\n      event.target === event.currentTarget &&\n      mouseDownTarget.current === event.currentTarget\n    ) {\n      onClose?.()\n    }\n    onClick?.(event)\n  }\n\n  if (!open || typeof document === 'undefined') return null\n\n  return createPortal(\n    <div\n      ref={ref}\n      className={clsx(styles.overlay, className)}\n      data-open={visible ? 'true' : 'false'}\n      style={dim != null ? ({ '--tz-overlay-dim': dim, ...style } as CSSProperties) : style}\n      onKeyDown={handleKeyDown}\n      onMouseDown={handleMouseDown}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </div>,\n    document.body,\n  )\n})\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Overlay } from '../Overlay/Overlay'\nimport styles from './Modal.module.css'\n\nexport type ModalSize = 'sm' | 'md' | 'lg' | 'fullScreen'\nexport type ModalScrollBehavior = 'inside' | 'outside'\nexport type ModalPlacement = 'center' | 'left' | 'right'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** Focusable descendants used by the focus trap + initial focus. */\n// every clause excludes tabindex=\"-1\" so decorative/programmatic-only nodes (e.g. the header's\n// `nonClickable aria-hidden` IconButton) don't count as trap boundaries or initial-focus targets\nconst FOCUSABLE =\n  'a[href]:not([tabindex=\"-1\"]), button:not(:disabled):not([tabindex=\"-1\"]), textarea:not(:disabled):not([tabindex=\"-1\"]), input:not(:disabled):not([tabindex=\"-1\"]), select:not(:disabled):not([tabindex=\"-1\"]), [tabindex]:not([tabindex=\"-1\"])'\n\n/** Body FIELDS — where a form modal's initial focus lands (buttons / links in content don't count). */\nconst FIELD =\n  'input:not([type=\"hidden\"]):not(:disabled):not([tabindex=\"-1\"]), textarea:not(:disabled):not([tabindex=\"-1\"]), select:not(:disabled):not([tabindex=\"-1\"]), [contenteditable]:not([contenteditable=\"false\"]):not([tabindex=\"-1\"])'\n\n/**\n * Focus the first candidate that actually takes focus (a field inside a hidden tab panel won't). A radio\n * lands on its group's checked option, as Tab would.\n */\nfunction focusFirst(candidates: ArrayLike<HTMLElement>): boolean {\n  const list = Array.from(candidates)\n  for (const candidate of list) {\n    const el =\n      candidate instanceof HTMLInputElement && candidate.type === 'radio' && !candidate.checked\n        ? (list.find(\n            (other) =>\n              other instanceof HTMLInputElement &&\n              other.type === 'radio' &&\n              other.name === candidate.name &&\n              other.checked,\n          ) ?? candidate)\n        : candidate\n    el.focus({ preventScroll: true })\n    if (document.activeElement === el) return true\n  }\n  return false\n}\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Whether the modal is open — gates the portal and drives the enter animation. */\n  open: boolean\n  /** Called when a dismiss is requested (close button, backdrop click, or Escape). */\n  onClose: () => void\n  /** Preset max-width: `sm` 400 · `md` 520 · `lg` 760 px, or `fullScreen` (fills the viewport). Defaults to `md`. */\n  size?: ModalSize\n  /**\n   * Where overflow scrolls when the content is taller than the viewport: `outside` (default — the\n   * whole dialog grows and the overlay/page scrolls) or `inside` (the body scrolls while the header +\n   * footer stay pinned). Ignored for side-drawer placements (`left`/`right`), which always scroll inside.\n   */\n  scrollBehavior?: ModalScrollBehavior\n  /**\n   * Where the dialog sits: `center` (default — the standard centered modal), or `left` / `right` to\n   * make it a **full-height side drawer** (sheet) that slides in from that edge. A drawer takes its\n   * width from `size`, fills the viewport height, and always scrolls its body inside (header + footer\n   * stay pinned).\n   */\n  placement?: ModalPlacement\n  /** Header title. When set, labels the dialog (`aria-labelledby`). */\n  title?: ReactNode\n  /** Muted description line under the title (e.g. a confirm prompt). */\n  description?: ReactNode\n  /** Leading header icon shown in a tinted box (like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the leading icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Footer slot — right-aligned actions over a top divider (e.g. Cancel / Confirm buttons). */\n  footer?: ReactNode\n  /** Extra class on the scrollable body element — to tune its padding / layout (e.g. a compact confirm). */\n  bodyClassName?: string\n  /** Show the header × close button. Defaults to `true`. */\n  showCloseButton?: boolean\n  /** Close when the backdrop (outside the dialog) is clicked. Defaults to `true`. */\n  closeOnBackdrop?: boolean\n  /** Close when Escape is pressed. Defaults to `true`. */\n  closeOnEscape?: boolean\n  /** Accessible label — used when there's no `title`. */\n  ariaLabel?: string\n  /** Dialog body. */\n  children?: ReactNode\n}\n\n/**\n * A centered, backdrop-dimmed overlay dialog. Portaled to `<body>`, it locks page scroll while open,\n * traps Tab focus inside, restores focus to the previously-focused element on close, and dismisses on\n * close button / backdrop click / Escape (each toggleable). Sizes are `sm`/`md`/`lg` (max-width caps)\n * or `fullScreen`; `scrollBehavior` picks inside-body vs. whole-dialog scrolling. `placement` turns it\n * into a full-height side drawer (`left`/`right`) that slides in from the edge. The header mirrors\n * `Card` — an optional tinted `icon` box + `title` + `description`. Controlled by `open` + `onClose`.\n * The forwarded ref points at the dialog element.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <Modal open={isOpen} onClose={close} title=\"Edit\" footer={<Button onClick={close}>Done</Button>}>\n *   …\n * </Modal>\n */\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(function Modal(\n  {\n    open,\n    onClose,\n    size = 'md',\n    scrollBehavior = 'outside',\n    placement = 'center',\n    title,\n    description,\n    icon,\n    color = 'accent',\n    footer,\n    bodyClassName,\n    showCloseButton = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    ariaLabel,\n    className,\n    style,\n    children,\n    ...props\n  },\n  forwardedRef,\n) {\n  const t = useT()\n  const panelRef = useRef<HTMLDivElement | null>(null)\n  const bodyRef = useRef<HTMLDivElement | null>(null)\n  const footerRef = useRef<HTMLDivElement | null>(null)\n  const titleId = useId()\n  const descId = useId()\n\n  // portal + scrim + scroll-lock + fade-in + backdrop-dismiss are handled by the shared `<Overlay>`\n\n  // the element focused before opening — read during the render that opens the modal, because an\n  // `autoFocus` element inside moves focus on mount, before any effect could see the opener\n  const openerRef = useRef<HTMLElement | null>(null)\n  const wasOpenRef = useRef(false)\n  if (open !== wasOpenRef.current) {\n    wasOpenRef.current = open\n    if (open && typeof document !== 'undefined') {\n      openerRef.current = document.activeElement as HTMLElement | null\n    }\n  }\n\n  // focus management on open — an explicit `autoFocus` inside wins; else the first body FIELD (form\n  // modals land on their first input), else the first footer action (a confirm dialog lands on\n  // Cancel/Confirm, a sheet on its Close), else the dialog panel itself. Never \"any control in the\n  // body\": a copy / icon / link button deep in content isn't where focus should start (it would also\n  // pop that button's tooltip). The Tab trap still reaches every control. Restore on close.\n  useEffect(() => {\n    if (!open) return\n    const panel = panelRef.current\n    const opener = openerRef.current\n    if (!panel?.contains(document.activeElement)) {\n      // preventScroll so opening an `outside`-scroll modal doesn't jump the overlay to a below-fold control\n      const placed =\n        focusFirst(bodyRef.current?.querySelectorAll<HTMLElement>(FIELD) ?? []) ||\n        focusFirst(footerRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? [])\n      if (!placed) panel?.focus({ preventScroll: true })\n    }\n    // only restore if the element is still mounted (it may have unmounted while the modal was open)\n    return () => {\n      if (opener?.isConnected) opener.focus?.()\n    }\n  }, [open])\n\n  // merge the panel ref (positioning/focus) with the forwarded ref (consumer access)\n  const setPanelRef = (node: HTMLDivElement | null) => {\n    panelRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  // trap Tab within the dialog so focus can't strand on the locked page behind it (Escape + backdrop\n  // dismissal live in `<Overlay>`; this fires after the overlay's own handler)\n  const handleTabTrap = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key !== 'Tab') return\n    const panel = panelRef.current\n    if (!panel) return\n    const focusables = [...panel.querySelectorAll<HTMLElement>(FOCUSABLE)].filter(\n      (el) => el.offsetParent !== null || el === document.activeElement,\n    )\n    if (focusables.length === 0) {\n      event.preventDefault()\n      panel.focus()\n      return\n    }\n    const first = focusables[0]\n    const last = focusables[focusables.length - 1]\n    const active = document.activeElement\n    if (event.shiftKey && (active === first || active === panel)) {\n      event.preventDefault()\n      last.focus()\n    } else if (!event.shiftKey && active === last) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n\n  if (!open) return null\n\n  // a side drawer (left/right) is always full-height with the body scrolling inside (header/footer pinned)\n  const isDrawer = placement !== 'center'\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  const hasHeader = title != null || description != null || renderedIcon != null || showCloseButton\n  // a divider sets the header apart from the body/footer, like Card\n  const headerDivided = children != null || footer != null\n\n  return (\n    <Overlay\n      open={open}\n      onClose={onClose}\n      closeOnBackdrop={closeOnBackdrop}\n      closeOnEscape={closeOnEscape}\n      onKeyDown={handleTabTrap}\n      className={styles.overlay}\n      data-size={size}\n      data-placement={placement}\n      data-scroll={isDrawer ? 'inside' : scrollBehavior}\n    >\n      <div\n        ref={setPanelRef}\n        className={clsx(styles.modal, styles[size], className)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? titleId : undefined}\n        aria-label={title == null ? ariaLabel : undefined}\n        aria-describedby={description != null ? descId : undefined}\n        tabIndex={-1}\n        style={style as CSSProperties}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={clsx(styles.header, headerDivided && styles.headerDivided)}>\n            <div className={styles.headerMain}>\n              {renderedIcon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.icon}\n                >\n                  {renderedIcon}\n                </IconButton>\n              )}\n              {(title != null || description != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <div id={titleId} className={styles.title}>\n                      {title}\n                    </div>\n                  )}\n                  {description != null && (\n                    <div id={descId} className={styles.subtitle}>\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n            {showCloseButton && (\n              <IconButton\n                variant=\"filled\"\n                color=\"primary\"\n                size=\"sm\"\n                className={styles.close}\n                aria-label={t('common.close')}\n                onClick={onClose}\n              >\n                <Icon name=\"Close\" />\n              </IconButton>\n            )}\n          </div>\n        )}\n        {children != null && (\n          <div ref={bodyRef} className={clsx(styles.body, bodyClassName)}>\n            {children}\n          </div>\n        )}\n        {footer != null && (\n          <div ref={footerRef} className={styles.footer}>\n            {footer}\n          </div>\n        )}\n      </div>\n    </Overlay>\n  )\n})\n"],"names":["Overlay","forwardRef","open","onClose","closeOnBackdrop","closeOnEscape","lockScroll","dim","className","style","children","onKeyDown","onMouseDown","onClick","props","ref","mouseDownTarget","useRef","visible","setVisible","useState","useLockBodyScroll","useEffect","raf","handleKeyDown","event","handleMouseDown","handleClick","createPortal","jsx","clsx","styles","ICON_NAME_SET","ICON_NAMES","FOCUSABLE","FIELD","focusFirst","candidates","list","candidate","el","other","Modal","size","scrollBehavior","placement","title","description","icon","color","footer","bodyClassName","showCloseButton","ariaLabel","forwardedRef","t","useT","panelRef","bodyRef","footerRef","titleId","useId","descId","openerRef","wasOpenRef","panel","opener","_a","_b","setPanelRef","node","handleTabTrap","focusables","first","last","active","isDrawer","renderedIcon","Icon","hasHeader","headerDivided","jsxs","IconButton"],"mappings":"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"}

package/dist/Modal-D9_OG53G.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),E=require("clsx"),k=require("./Icon-B6lz-V0A.cjs"),K=require("./IconButton-CxSXEYce.cjs"),Y=require("react-dom"),Z=require("./useLockBodyScroll-CIXHZo-Q.cjs"),C=require("./ConfigProvider-BaiTKZKC.cjs"),ee="_overlay_gwv2a_6",te={overlay:ee},w=s.forwardRef(function({open:n,onClose:t,closeOnBackdrop:u=!0,closeOnEscape:i=!0,lockScroll:N=!0,dim:o,className:f,style:d,children:T,onKeyDown:m,onMouseDown:h,onClick:_,...q},R){const g=s.useRef(null),[p,j]=s.useState(!1);Z.useLockBodyScroll(n&&N),s.useEffect(()=>{if(!n){j(!1);return}const l=requestAnimationFrame(()=>j(!0));return()=>cancelAnimationFrame(l)},[n]);const v=l=>{l.key==="Escape"&&(l.stopPropagation(),i&&(t==null||t())),m==null||m(l)},A=l=>{g.current=l.target,h==null||h(l)},b=l=>{u&&l.target===l.currentTarget&&g.current===l.currentTarget&&(t==null||t()),_==null||_(l)};return!n||typeof document>"u"?null:Y.createPortal(r.jsx("div",{ref:R,className:E.clsx(te.overlay,f),"data-open":p?"true":"false",style:o!=null?{"--tz-overlay-dim":o,...d}:d,onKeyDown:v,onMouseDown:A,onClick:b,...q,children:T}),document.body)}),ne="_overlay_1lotx_3",le="_modal_1lotx_25",re="_sm_1lotx_48",ae="_md_1lotx_51",se="_lg_1lotx_54",ce="_fullScreen_1lotx_57",oe="_header_1lotx_74",ie="_headerDivided_1lotx_83",de="_headerMain_1lotx_86",ue="_icon_1lotx_93",fe="_headerText_1lotx_96",me="_title_1lotx_103",xe="_subtitle_1lotx_115",_e="_close_1lotx_127",be="_body_1lotx_132",ye="_footer_1lotx_143",a={overlay:ne,modal:le,sm:re,md:ae,lg:se,fullScreen:ce,header:oe,headerDivided:ie,headerMain:de,icon:ue,headerText:fe,title:me,subtitle:xe,close:_e,body:be,footer:ye},he=new Set(k.ICON_NAMES),U='a[href]:not([tabindex="-1"]), button:not(:disabled):not([tabindex="-1"]), textarea:not(:disabled):not([tabindex="-1"]), input:not(:disabled):not([tabindex="-1"]), select:not(:disabled):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])',ve='input:not([type="hidden"]):not(:disabled):not([tabindex="-1"]), textarea:not(:disabled):not([tabindex="-1"]), select:not(:disabled):not([tabindex="-1"]), [contenteditable]:not([contenteditable="false"]):not([tabindex="-1"])';function V(S){const n=Array.from(S);for(const t of n){const u=t instanceof HTMLInputElement&&t.type==="radio"&&!t.checked?n.find(i=>i instanceof HTMLInputElement&&i.type==="radio"&&i.name===t.name&&i.checked)??t:t;if(u.focus({preventScroll:!0}),document.activeElement===u)return!0}return!1}const Ie=s.forwardRef(function({open:n,onClose:t,size:u="md",scrollBehavior:i="outside",placement:N="center",title:o,description:f,icon:d,color:T="accent",footer:m,bodyClassName:h,showCloseButton:_=!0,closeOnBackdrop:q=!0,closeOnEscape:R=!0,ariaLabel:g,className:p,style:j,children:v,...A},b){const l=C.useT(),D=s.useRef(null),L=s.useRef(null),B=s.useRef(null),F=s.useId(),P=s.useId(),z=s.useRef(null),H=s.useRef(!1);n!==H.current&&(H.current=n,n&&typeof document<"u"&&(z.current=document.activeElement)),s.useEffect(()=>{var x,I;if(!n)return;const e=D.current,c=z.current;return e!=null&&e.contains(document.activeElement)||V(((x=L.current)==null?void 0:x.querySelectorAll(ve))??[])||V(((I=B.current)==null?void 0:I.querySelectorAll(U))??[])||e==null||e.focus({preventScroll:!0}),()=>{var y;c!=null&&c.isConnected&&((y=c.focus)==null||y.call(c))}},[n]);const G=e=>{D.current=e,typeof b=="function"?b(e):b&&(b.current=e)},J=e=>{if(e.key!=="Tab")return;const c=D.current;if(!c)return;const x=[...c.querySelectorAll(U)].filter($=>$.offsetParent!==null||$===document.activeElement);if(x.length===0){e.preventDefault(),c.focus();return}const I=x[0],y=x[x.length-1],O=document.activeElement;e.shiftKey&&(O===I||O===c)?(e.preventDefault(),y.focus()):!e.shiftKey&&O===y&&(e.preventDefault(),I.focus())};if(!n)return null;const Q=N!=="center",M=d==null?null:typeof d=="string"&&he.has(d)?r.jsx(k.Icon,{name:d}):d,W=o!=null||f!=null||M!=null||_,X=v!=null||m!=null;return r.jsx(w,{open:n,onClose:t,closeOnBackdrop:q,closeOnEscape:R,onKeyDown:J,className:a.overlay,"data-size":u,"data-placement":N,"data-scroll":Q?"inside":i,children:r.jsxs("div",{ref:G,className:E.clsx(a.modal,a[u],p),role:"dialog","aria-modal":"true","aria-labelledby":o!=null?F:void 0,"aria-label":o==null?g:void 0,"aria-describedby":f!=null?P:void 0,tabIndex:-1,style:j,...A,children:[W&&r.jsxs("div",{className:E.clsx(a.header,X&&a.headerDivided),children:[r.jsxs("div",{className:a.headerMain,children:[M!=null&&r.jsx(K.IconButton,{variant:"filled",size:"sm",color:T,nonClickable:!0,"aria-hidden":!0,className:a.icon,children:M}),(o!=null||f!=null)&&r.jsxs("div",{className:a.headerText,children:[o!=null&&r.jsx("div",{id:F,className:a.title,children:o}),f!=null&&r.jsx("div",{id:P,className:a.subtitle,children:f})]})]}),_&&r.jsx(K.IconButton,{variant:"filled",color:"primary",size:"sm",className:a.close,"aria-label":l("common.close"),onClick:t,children:r.jsx(k.Icon,{name:"Close"})})]}),v!=null&&r.jsx("div",{ref:L,className:E.clsx(a.body,h),children:v}),m!=null&&r.jsx("div",{ref:B,className:a.footer,children:m})]})})});exports.Modal=Ie;exports.Overlay=w;
-//# sourceMappingURL=Modal-D9_OG53G.cjs.map

package/dist/Modal-D9_OG53G.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-D9_OG53G.cjs","sources":["../src/components/Overlay/Overlay.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { clsx } from 'clsx'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport styles from './Overlay.module.css'\n\nexport interface OverlayProps extends HTMLAttributes<HTMLDivElement> {\n  /** Whether the overlay is mounted + shown — gates the portal and drives the fade-in. */\n  open: boolean\n  /** Requested dismiss — fired on a backdrop click (`closeOnBackdrop`) or Escape (`closeOnEscape`). */\n  onClose?: () => void\n  /** Close when the scrim itself (outside the content) is clicked. Defaults to `true`. */\n  closeOnBackdrop?: boolean\n  /** Close when Escape is pressed while focus is within the overlay. Defaults to `true`. */\n  closeOnEscape?: boolean\n  /** Lock page scroll while open. Defaults to `true`. */\n  lockScroll?: boolean\n  /** Scrim darkness — the black backdrop's alpha (0–1). Defaults to `0.45`. */\n  dim?: number\n  /** Overlay content — typically a centered dialog / box / media. */\n  children?: ReactNode\n}\n\n/**\n * The shared backdrop primitive behind every dimmed, page-blocking surface (`Modal`, the FileUploader\n * lightbox). Portals a fixed full-viewport scrim to `<body>`, locks page scroll, fades in (opacity keyed\n * off a rAF `visible` flag → `data-open`), and dismisses on **backdrop-click** (gated on the pointer-down\n * AND click both landing on the scrim, so a text-selection drag ending on it doesn't close) / **Escape**\n * (swallowed via `stopPropagation` so it can't reach a React-tree ancestor overlay). Centers its children\n * by default; consumers layer their own padding / scroll / placement via `className` + `data-*` and read\n * the shared `data-open` on the scrim for their own box's enter transform. A consumer `onKeyDown` still\n * fires (after the Escape handling) so it can add e.g. a Tab focus-trap. Internal — no `index.ts`, so it's\n * never exposed as a package subpath; import it via `../Overlay/Overlay`. The ref points at the scrim div.\n */\nexport const Overlay = forwardRef<HTMLDivElement, OverlayProps>(function Overlay(\n  {\n    open,\n    onClose,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    lockScroll = true,\n    dim,\n    className,\n    style,\n    children,\n    onKeyDown,\n    onMouseDown,\n    onClick,\n    ...props\n  },\n  ref,\n) {\n  const mouseDownTarget = useRef<EventTarget | null>(null)\n  const [visible, setVisible] = useState(false)\n\n  useLockBodyScroll(open && lockScroll)\n\n  // enter animation: flip `visible` on the frame after mount so the opacity transition runs\n  useEffect(() => {\n    if (!open) {\n      setVisible(false)\n      return\n    }\n    const raf = requestAnimationFrame(() => setVisible(true))\n    return () => cancelAnimationFrame(raf)\n  }, [open])\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      // the overlay owns the page — swallow Escape so it can't reach a React-tree ancestor overlay (e.g.\n      // an outer Modal) even when this one isn't Escape-dismissible\n      event.stopPropagation()\n      if (closeOnEscape) onClose?.()\n    }\n    onKeyDown?.(event)\n  }\n  // remember where the pointer went down so the click handler can tell a scrim click from a drag that\n  // started inside the content and ended on the scrim (a text-selection drag)\n  const handleMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n    mouseDownTarget.current = event.target\n    onMouseDown?.(event)\n  }\n  const handleClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (\n      closeOnBackdrop &&\n      event.target === event.currentTarget &&\n      mouseDownTarget.current === event.currentTarget\n    ) {\n      onClose?.()\n    }\n    onClick?.(event)\n  }\n\n  if (!open || typeof document === 'undefined') return null\n\n  return createPortal(\n    <div\n      ref={ref}\n      className={clsx(styles.overlay, className)}\n      data-open={visible ? 'true' : 'false'}\n      style={dim != null ? ({ '--tz-overlay-dim': dim, ...style } as CSSProperties) : style}\n      onKeyDown={handleKeyDown}\n      onMouseDown={handleMouseDown}\n      onClick={handleClick}\n      {...props}\n    >\n      {children}\n    </div>,\n    document.body,\n  )\n})\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  type CSSProperties,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport { ICON_NAMES, type IconName } from '../../icons/names'\nimport { useT, type ThemeColor } from '../../theme'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { Overlay } from '../Overlay/Overlay'\nimport styles from './Modal.module.css'\n\nexport type ModalSize = 'sm' | 'md' | 'lg' | 'fullScreen'\nexport type ModalScrollBehavior = 'inside' | 'outside'\nexport type ModalPlacement = 'center' | 'left' | 'right'\n\nconst ICON_NAME_SET = new Set<string>(ICON_NAMES)\n\n/** Focusable descendants used by the focus trap + initial focus. */\n// every clause excludes tabindex=\"-1\" so decorative/programmatic-only nodes (e.g. the header's\n// `nonClickable aria-hidden` IconButton) don't count as trap boundaries or initial-focus targets\nconst FOCUSABLE =\n  'a[href]:not([tabindex=\"-1\"]), button:not(:disabled):not([tabindex=\"-1\"]), textarea:not(:disabled):not([tabindex=\"-1\"]), input:not(:disabled):not([tabindex=\"-1\"]), select:not(:disabled):not([tabindex=\"-1\"]), [tabindex]:not([tabindex=\"-1\"])'\n\n/** Body FIELDS — where a form modal's initial focus lands (buttons / links in content don't count). */\nconst FIELD =\n  'input:not([type=\"hidden\"]):not(:disabled):not([tabindex=\"-1\"]), textarea:not(:disabled):not([tabindex=\"-1\"]), select:not(:disabled):not([tabindex=\"-1\"]), [contenteditable]:not([contenteditable=\"false\"]):not([tabindex=\"-1\"])'\n\n/**\n * Focus the first candidate that actually takes focus (a field inside a hidden tab panel won't). A radio\n * lands on its group's checked option, as Tab would.\n */\nfunction focusFirst(candidates: ArrayLike<HTMLElement>): boolean {\n  const list = Array.from(candidates)\n  for (const candidate of list) {\n    const el =\n      candidate instanceof HTMLInputElement && candidate.type === 'radio' && !candidate.checked\n        ? (list.find(\n            (other) =>\n              other instanceof HTMLInputElement &&\n              other.type === 'radio' &&\n              other.name === candidate.name &&\n              other.checked,\n          ) ?? candidate)\n        : candidate\n    el.focus({ preventScroll: true })\n    if (document.activeElement === el) return true\n  }\n  return false\n}\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'color'> {\n  /** Whether the modal is open — gates the portal and drives the enter animation. */\n  open: boolean\n  /** Called when a dismiss is requested (close button, backdrop click, or Escape). */\n  onClose: () => void\n  /** Preset max-width: `sm` 400 · `md` 520 · `lg` 760 px, or `fullScreen` (fills the viewport). Defaults to `md`. */\n  size?: ModalSize\n  /**\n   * Where overflow scrolls when the content is taller than the viewport: `outside` (default — the\n   * whole dialog grows and the overlay/page scrolls) or `inside` (the body scrolls while the header +\n   * footer stay pinned). Ignored for side-drawer placements (`left`/`right`), which always scroll inside.\n   */\n  scrollBehavior?: ModalScrollBehavior\n  /**\n   * Where the dialog sits: `center` (default — the standard centered modal), or `left` / `right` to\n   * make it a **full-height side drawer** (sheet) that slides in from that edge. A drawer takes its\n   * width from `size`, fills the viewport height, and always scrolls its body inside (header + footer\n   * stay pinned).\n   */\n  placement?: ModalPlacement\n  /** Header title. When set, labels the dialog (`aria-labelledby`). */\n  title?: ReactNode\n  /** Muted description line under the title (e.g. a confirm prompt). */\n  description?: ReactNode\n  /** Leading header icon shown in a tinted box (like `Card`) — a known `IconName` or any node. */\n  icon?: IconName | ReactNode\n  /** Theme color that tints the leading icon box. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Footer slot — right-aligned actions over a top divider (e.g. Cancel / Confirm buttons). */\n  footer?: ReactNode\n  /** Extra class on the scrollable body element — to tune its padding / layout (e.g. a compact confirm). */\n  bodyClassName?: string\n  /** Show the header × close button. Defaults to `true`. */\n  showCloseButton?: boolean\n  /** Close when the backdrop (outside the dialog) is clicked. Defaults to `true`. */\n  closeOnBackdrop?: boolean\n  /** Close when Escape is pressed. Defaults to `true`. */\n  closeOnEscape?: boolean\n  /** Accessible label — used when there's no `title`. */\n  ariaLabel?: string\n  /** Dialog body. */\n  children?: ReactNode\n}\n\n/**\n * A centered, backdrop-dimmed overlay dialog. Portaled to `<body>`, it locks page scroll while open,\n * traps Tab focus inside, restores focus to the previously-focused element on close, and dismisses on\n * close button / backdrop click / Escape (each toggleable). Sizes are `sm`/`md`/`lg` (max-width caps)\n * or `fullScreen`; `scrollBehavior` picks inside-body vs. whole-dialog scrolling. `placement` turns it\n * into a full-height side drawer (`left`/`right`) that slides in from the edge. The header mirrors\n * `Card` — an optional tinted `icon` box + `title` + `description`. Controlled by `open` + `onClose`.\n * The forwarded ref points at the dialog element.\n *\n * @example\n * const { isOpen, open, close } = useDisclosure()\n * <Modal open={isOpen} onClose={close} title=\"Edit\" footer={<Button onClick={close}>Done</Button>}>\n *   …\n * </Modal>\n */\nexport const Modal = forwardRef<HTMLDivElement, ModalProps>(function Modal(\n  {\n    open,\n    onClose,\n    size = 'md',\n    scrollBehavior = 'outside',\n    placement = 'center',\n    title,\n    description,\n    icon,\n    color = 'accent',\n    footer,\n    bodyClassName,\n    showCloseButton = true,\n    closeOnBackdrop = true,\n    closeOnEscape = true,\n    ariaLabel,\n    className,\n    style,\n    children,\n    ...props\n  },\n  forwardedRef,\n) {\n  const t = useT()\n  const panelRef = useRef<HTMLDivElement | null>(null)\n  const bodyRef = useRef<HTMLDivElement | null>(null)\n  const footerRef = useRef<HTMLDivElement | null>(null)\n  const titleId = useId()\n  const descId = useId()\n\n  // portal + scrim + scroll-lock + fade-in + backdrop-dismiss are handled by the shared `<Overlay>`\n\n  // the element focused before opening — read during the render that opens the modal, because an\n  // `autoFocus` element inside moves focus on mount, before any effect could see the opener\n  const openerRef = useRef<HTMLElement | null>(null)\n  const wasOpenRef = useRef(false)\n  if (open !== wasOpenRef.current) {\n    wasOpenRef.current = open\n    if (open && typeof document !== 'undefined') {\n      openerRef.current = document.activeElement as HTMLElement | null\n    }\n  }\n\n  // focus management on open — an explicit `autoFocus` inside wins; else the first body FIELD (form\n  // modals land on their first input), else the first footer action (a confirm dialog lands on\n  // Cancel/Confirm, a sheet on its Close), else the dialog panel itself. Never \"any control in the\n  // body\": a copy / icon / link button deep in content isn't where focus should start (it would also\n  // pop that button's tooltip). The Tab trap still reaches every control. Restore on close.\n  useEffect(() => {\n    if (!open) return\n    const panel = panelRef.current\n    const opener = openerRef.current\n    if (!panel?.contains(document.activeElement)) {\n      // preventScroll so opening an `outside`-scroll modal doesn't jump the overlay to a below-fold control\n      const placed =\n        focusFirst(bodyRef.current?.querySelectorAll<HTMLElement>(FIELD) ?? []) ||\n        focusFirst(footerRef.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? [])\n      if (!placed) panel?.focus({ preventScroll: true })\n    }\n    // only restore if the element is still mounted (it may have unmounted while the modal was open)\n    return () => {\n      if (opener?.isConnected) opener.focus?.()\n    }\n  }, [open])\n\n  // merge the panel ref (positioning/focus) with the forwarded ref (consumer access)\n  const setPanelRef = (node: HTMLDivElement | null) => {\n    panelRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }\n\n  // trap Tab within the dialog so focus can't strand on the locked page behind it (Escape + backdrop\n  // dismissal live in `<Overlay>`; this fires after the overlay's own handler)\n  const handleTabTrap = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (event.key !== 'Tab') return\n    const panel = panelRef.current\n    if (!panel) return\n    const focusables = [...panel.querySelectorAll<HTMLElement>(FOCUSABLE)].filter(\n      (el) => el.offsetParent !== null || el === document.activeElement,\n    )\n    if (focusables.length === 0) {\n      event.preventDefault()\n      panel.focus()\n      return\n    }\n    const first = focusables[0]\n    const last = focusables[focusables.length - 1]\n    const active = document.activeElement\n    if (event.shiftKey && (active === first || active === panel)) {\n      event.preventDefault()\n      last.focus()\n    } else if (!event.shiftKey && active === last) {\n      event.preventDefault()\n      first.focus()\n    }\n  }\n\n  if (!open) return null\n\n  // a side drawer (left/right) is always full-height with the body scrolling inside (header/footer pinned)\n  const isDrawer = placement !== 'center'\n\n  const renderedIcon =\n    icon == null ? null : typeof icon === 'string' && ICON_NAME_SET.has(icon) ? (\n      <Icon name={icon as IconName} />\n    ) : (\n      icon\n    )\n\n  const hasHeader = title != null || description != null || renderedIcon != null || showCloseButton\n  // a divider sets the header apart from the body/footer, like Card\n  const headerDivided = children != null || footer != null\n\n  return (\n    <Overlay\n      open={open}\n      onClose={onClose}\n      closeOnBackdrop={closeOnBackdrop}\n      closeOnEscape={closeOnEscape}\n      onKeyDown={handleTabTrap}\n      className={styles.overlay}\n      data-size={size}\n      data-placement={placement}\n      data-scroll={isDrawer ? 'inside' : scrollBehavior}\n    >\n      <div\n        ref={setPanelRef}\n        className={clsx(styles.modal, styles[size], className)}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title != null ? titleId : undefined}\n        aria-label={title == null ? ariaLabel : undefined}\n        aria-describedby={description != null ? descId : undefined}\n        tabIndex={-1}\n        style={style as CSSProperties}\n        {...props}\n      >\n        {hasHeader && (\n          <div className={clsx(styles.header, headerDivided && styles.headerDivided)}>\n            <div className={styles.headerMain}>\n              {renderedIcon != null && (\n                <IconButton\n                  variant=\"filled\"\n                  size=\"sm\"\n                  color={color}\n                  nonClickable\n                  aria-hidden\n                  className={styles.icon}\n                >\n                  {renderedIcon}\n                </IconButton>\n              )}\n              {(title != null || description != null) && (\n                <div className={styles.headerText}>\n                  {title != null && (\n                    <div id={titleId} className={styles.title}>\n                      {title}\n                    </div>\n                  )}\n                  {description != null && (\n                    <div id={descId} className={styles.subtitle}>\n                      {description}\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n            {showCloseButton && (\n              <IconButton\n                variant=\"filled\"\n                color=\"primary\"\n                size=\"sm\"\n                className={styles.close}\n                aria-label={t('common.close')}\n                onClick={onClose}\n              >\n                <Icon name=\"Close\" />\n              </IconButton>\n            )}\n          </div>\n        )}\n        {children != null && (\n          <div ref={bodyRef} className={clsx(styles.body, bodyClassName)}>\n            {children}\n          </div>\n        )}\n        {footer != null && (\n          <div ref={footerRef} className={styles.footer}>\n            {footer}\n          </div>\n        )}\n      </div>\n    </Overlay>\n  )\n})\n"],"names":["Overlay","forwardRef","open","onClose","closeOnBackdrop","closeOnEscape","lockScroll","dim","className","style","children","onKeyDown","onMouseDown","onClick","props","ref","mouseDownTarget","useRef","visible","setVisible","useState","useLockBodyScroll","useEffect","raf","handleKeyDown","event","handleMouseDown","handleClick","createPortal","jsx","clsx","styles","ICON_NAME_SET","ICON_NAMES","FOCUSABLE","FIELD","focusFirst","candidates","list","candidate","el","other","Modal","size","scrollBehavior","placement","title","description","icon","color","footer","bodyClassName","showCloseButton","ariaLabel","forwardedRef","t","useT","panelRef","bodyRef","footerRef","titleId","useId","descId","openerRef","wasOpenRef","panel","opener","_a","_b","setPanelRef","node","handleTabTrap","focusables","first","last","active","isDrawer","renderedIcon","Icon","hasHeader","headerDivided","jsxs","IconButton"],"mappings":"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"}

package/dist/MultiSelect-BdPvjiTj.cjs

@@ -1,2 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),i=require("react"),C=require("clsx"),ae=require("./formContext-bTWrqdEV.cjs"),ue=require("./Chip-BkU3yx6G.cjs"),K=require("./Icon-B6lz-V0A.cjs"),O=require("./useOptionMenu-BKC1y6oj.cjs"),W=require("./Typography-d97DdbNd.cjs"),ie=require("./ConfigProvider-BaiTKZKC.cjs"),de="_field_um3uh_1",he="_fullWidth_um3uh_7",_e="_label_um3uh_12",me="_required_um3uh_21",pe="_control_um3uh_27",fe="_filled_um3uh_47",ve="_open_um3uh_51",xe="_error_um3uh_56",ye="_disabled_um3uh_64",be="_chips_um3uh_31",ge="_value_um3uh_84",je="_valueLabel_um3uh_91",qe="_placeholder_um3uh_96",Ie="_clear_um3uh_100",Ne="_chevron_um3uh_117",Se="_sm_um3uh_127",Te="_md_um3uh_131",we="_lg_um3uh_135",Ce="_helper_um3uh_140",r={field:de,fullWidth:he,label:_e,required:me,control:pe,filled:fe,open:ve,error:xe,disabled:ye,chips:be,value:ge,valueLabel:je,placeholder:qe,clear:Ie,chevron:Ne,sm:Se,md:Te,lg:we,helper:Ce},De=i.forwardRef(function({label:_,options:D,size:d="md",error:A,helperText:F,required:R=!1,fullWidth:$=!0,disabled:c=!1,value:b,defaultValue:E,onChange:g,placeholder:H,color:Q="primary",clearable:U=!0,searchable:j=!1,searchPlaceholder:G,onSearchChange:J,loading:X=!1,loadingText:Y,noOptionsText:Z,name:a,id:z,className:ee,style:le},h){const re=i.useId(),m=z??re,q=`${m}-label`,k=`${m}-helper`,I=ie.useT(),p=ae.useFormContext(),f=!!(p&&a),s=f?p.field(a):void 0,oe=b!==void 0?b:f?p.values[a]??[]:void 0,B=b!==void 0||f,[se,ne]=i.useState(E??[]),n=B?oe:se,N=A??(s==null?void 0:s.error)??!1,S=F??(s==null?void 0:s.helperText),T=e=>{B||ne(e),f&&p.setValue(a,e),g==null||g(e)},u=i.useRef(null),v=i.useRef(void 0);v.current=s?()=>s.onBlur({}):void 0;const te=i.useCallback(e=>{u.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]),M=e=>T(n.filter(l=>l!==e)),t=O.useOptionMenu({idBase:m,options:D,isSelected:e=>n.includes(e.value),onPick:e=>T(n.includes(e.value)?n.filter(l=>l!==e.value):[...n,e.value]),closeOnPick:!1,highlightSelected:!1,searchable:j,onSearchChange:J,disabled:c,focusRef:u,onClose:()=>{var e;return(e=v.current)==null?void 0:e.call(v)}}),{open:x}=t,L=e=>{if(e.key==="Backspace"&&x&&(!j||t.searchQuery==="")&&n.length>0){e.preventDefault(),M(n[n.length-1]);return}t.handleKeyDown(e)},ce=e=>{var y,V;const l=e.relatedTarget;l&&((y=t.popoverRef.current)!=null&&y.contains(l)||(V=u.current)!=null&&V.contains(l))||s==null||s.onBlur(e)},P=d==="sm"?16:d==="md"?14:12,w=n.length>0;return o.jsxs("div",{className:C.clsx(r.field,r[d],$&&r.fullWidth,N&&r.error,c&&r.disabled,ee),style:le,children:[_!=null&&o.jsxs("span",{id:q,className:r.label,onClick:()=>{var e;return!c&&((e=u.current)==null?void 0:e.focus())},children:[o.jsx(W.Typography,{as:"span",variant:"bodySmall",color:"muted",children:_}),R&&o.jsx("span",{className:r.required,"aria-hidden":"true",children:"*"})]}),o.jsxs("div",{ref:te,id:m,...a?{name:a}:{},role:"combobox",tabIndex:c?-1:0,"aria-haspopup":"listbox","aria-expanded":x,"aria-controls":x?t.listboxId:void 0,"aria-activedescendant":j?void 0:t.activeId,"aria-labelledby":_!=null?q:void 0,"aria-disabled":c||void 0,"aria-required":R||void 0,"aria-invalid":N||void 0,"aria-describedby":S!=null?k:void 0,className:C.clsx(r.control,x&&r.open,w&&r.filled),onClick:t.toggleMenu,onKeyDown:L,onBlur:ce,children:[w?o.jsx("span",{className:r.chips,children:n.map(e=>{const l=D.find(y=>y.value===e);return o.jsx(ue.Chip,{size:d,color:Q,disabled:c,onDelete:()=>M(e),deleteLabel:I("fileUploader.remove",{name:(l==null?void 0:l.label)??e}),deleteTabIndex:-1,children:(l==null?void 0:l.label)??e},e)})}):o.jsx("span",{className:C.clsx(r.value,r.placeholder),children:o.jsx("span",{className:r.valueLabel,children:H??I("select.placeholder")})}),U&&w&&!c&&o.jsx("button",{type:"button",className:r.clear,"aria-label":I("multiSelect.clearAll"),tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{var l;e.stopPropagation(),T([]),(l=u.current)==null||l.focus()},children:o.jsx(K.Icon,{name:"CloseCircle",size:"sm"})}),o.jsx(K.Icon,{name:"ArrowDown4",className:r.chevron,style:{width:P,height:P},"aria-hidden":"true"})]}),o.jsx(O.OptionMenu,{menu:t,anchorRef:u,size:d,searchPlaceholder:G,loading:X,loadingText:Y,noOptionsText:Z,multiselectable:!0,labelledBy:_!=null?q:void 0,onSearchKeyDown:L}),S!=null&&o.jsx(W.Typography,{as:"span",id:k,variant:"bodySmall",color:N?"error":"muted",className:r.helper,children:S})]})});exports.MultiSelect=De;
-//# sourceMappingURL=MultiSelect-BdPvjiTj.cjs.map