@techzyapp/ui-library 1.0.8 → 1.0.10

package/dist/{IconButton-ChUfK0pG.cjs.map → IconButton-BoY2y_pV.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-ChUfK0pG.cjs","sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type IconButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: IconButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — square: width === height === `--tz-control-height-*` (matches `Button` heights). */\n  size?: IconButtonSize\n  /** Shows the loader in the icon's place and blocks interaction (also sets the native `disabled`). */\n  loading?: boolean\n  /** Circular shape instead of the default rounded square. */\n  rounded?: boolean\n  /** Ignores all interaction (no clicks, hover or focus) while keeping the normal look — unlike `disabled`, it's not dimmed. */\n  nonClickable?: boolean\n  /** The icon to render — typically an `<Icon />`. Swapped for the loader while `loading`. */\n  children?: ReactNode\n}\n\n/**\n * A square, text-less button for a single icon. Shares `Button`'s variants,\n * colors and sizing, but its width equals its height (the matching\n * `--tz-control-height-*`). Pass an `<Icon />` (or any node) as the child;\n * while `loading` it's replaced by the `Loader`. Provide an `aria-label` since\n * there's no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    rounded = false,\n    disabled = false,\n    nonClickable = false,\n    className,\n    style,\n    type = 'button',\n    tabIndex,\n    children,\n    ...props\n  },\n  ref,\n) {\n  // size the icon child to match the button (an explicit icon `size` still wins)\n  const icon =\n    isValidElement(children) && !loading\n      ? cloneElement(children as ReactElement<{ size?: IconButtonSize }>, {\n          size: (children.props as { size?: IconButtonSize }).size ?? size,\n        })\n      : children\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      aria-disabled={nonClickable || undefined}\n      tabIndex={nonClickable ? -1 : tabIndex}\n      className={clsx(\n        styles.iconButton,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        nonClickable && styles.nonClickable,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {loading ? <Loader size={size} aria-hidden=\"true\" /> : icon}\n    </button>\n  )\n})\n"],"names":["IconButton","forwardRef","variant","color","size","loading","rounded","disabled","nonClickable","className","style","type","tabIndex","children","props","ref","icon","isValidElement","cloneElement","jsx","clsx","styles","Loader"],"mappings":"+eAyCaA,EAAaC,EAAAA,WAA+C,SACvE,CACE,QAAAC,EAAU,YACV,MAAAC,EAAQ,SACR,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,aAAAC,EAAe,GACf,UAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAEA,MAAMC,EACJC,EAAAA,eAAeJ,CAAQ,GAAK,CAACR,EACzBa,EAAAA,aAAaL,EAAqD,CAChE,KAAOA,EAAS,MAAoC,MAAQT,CAAA,CAC7D,EACDS,EAEN,OACEM,EAAAA,IAAC,SAAA,CACC,IAAAJ,EACA,KAAAJ,EACA,SAAUJ,GAAYF,EACtB,YAAWA,GAAW,OACtB,gBAAeG,GAAgB,OAC/B,SAAUA,EAAe,GAAKI,EAC9B,UAAWQ,EAAAA,KACTC,EAAO,WACPA,EAAOnB,CAAO,EACdmB,EAAOjB,CAAI,EACXE,GAAWe,EAAO,QAClBhB,GAAWgB,EAAO,QAClBd,GAAYc,EAAO,SACnBb,GAAgBa,EAAO,aACvBZ,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBN,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGO,CAAA,EAGN,GAAGI,EAEH,WAAUK,EAAAA,IAACG,EAAAA,OAAA,CAAO,KAAAlB,EAAY,cAAY,OAAO,EAAKY,CAAA,CAAA,CAG7D,CAAC"}
+{"version":3,"file":"IconButton-BoY2y_pV.cjs","sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type IconButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: IconButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — square: width === height === `--tz-control-height-*` (matches `Button` heights). */\n  size?: IconButtonSize\n  /** Shows the loader in the icon's place and blocks interaction (also sets the native `disabled`). */\n  loading?: boolean\n  /** Circular shape instead of the default rounded square. */\n  rounded?: boolean\n  /** Ignores all interaction (no clicks, hover or focus) while keeping the normal look — unlike `disabled`, it's not dimmed. */\n  nonClickable?: boolean\n  /** The icon to render — typically an `<Icon />`. Swapped for the loader while `loading`. */\n  children?: ReactNode\n}\n\n/**\n * A square, text-less button for a single icon. Shares `Button`'s variants,\n * colors and sizing, but its width equals its height (the matching\n * `--tz-control-height-*`). Pass an `<Icon />` (or any node) as the child;\n * while `loading` it's replaced by the `Loader`. Provide an `aria-label` since\n * there's no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    rounded = false,\n    disabled = false,\n    nonClickable = false,\n    className,\n    style,\n    type = 'button',\n    tabIndex,\n    children,\n    ...props\n  },\n  ref,\n) {\n  // size the icon child to match the button (an explicit icon `size` still wins)\n  const icon =\n    isValidElement(children) && !loading\n      ? cloneElement(children as ReactElement<{ size?: IconButtonSize }>, {\n          size: (children.props as { size?: IconButtonSize }).size ?? size,\n        })\n      : children\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      aria-disabled={nonClickable || undefined}\n      tabIndex={nonClickable ? -1 : tabIndex}\n      className={clsx(\n        styles.iconButton,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        nonClickable && styles.nonClickable,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {loading ? <Loader size={size} aria-hidden=\"true\" /> : icon}\n    </button>\n  )\n})\n"],"names":["IconButton","forwardRef","variant","color","size","loading","rounded","disabled","nonClickable","className","style","type","tabIndex","children","props","ref","icon","isValidElement","cloneElement","jsx","clsx","styles","Loader"],"mappings":"+eAyCaA,EAAaC,EAAAA,WAA+C,SACvE,CACE,QAAAC,EAAU,YACV,MAAAC,EAAQ,SACR,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,aAAAC,EAAe,GACf,UAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAEA,MAAMC,EACJC,EAAAA,eAAeJ,CAAQ,GAAK,CAACR,EACzBa,EAAAA,aAAaL,EAAqD,CAChE,KAAOA,EAAS,MAAoC,MAAQT,CAAA,CAC7D,EACDS,EAEN,OACEM,EAAAA,IAAC,SAAA,CACC,IAAAJ,EACA,KAAAJ,EACA,SAAUJ,GAAYF,EACtB,YAAWA,GAAW,OACtB,gBAAeG,GAAgB,OAC/B,SAAUA,EAAe,GAAKI,EAC9B,UAAWQ,EAAAA,KACTC,EAAO,WACPA,EAAOnB,CAAO,EACdmB,EAAOjB,CAAI,EACXE,GAAWe,EAAO,QAClBhB,GAAWgB,EAAO,QAClBd,GAAYc,EAAO,SACnBb,GAAgBa,EAAO,aACvBZ,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBN,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGO,CAAA,EAGN,GAAGI,EAEH,WAAUK,EAAAA,IAACG,EAAAA,OAAA,CAAO,KAAAlB,EAAY,cAAY,OAAO,EAAKY,CAAA,CAAA,CAG7D,CAAC"}

package/dist/{Loader-plA9fgHf.cjs → Loader-Cwb1bOHj.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),d=require("react"),_=require("clsx"),q=require("./ConfigProvider-DFy6pL-C.cjs"),i="_loader_qv0xq_2",u="_sm_qv0xq_16",m="_md_qv0xq_22",x="_lg_qv0xq_28",s={loader:i,"tz-loader-spin":"_tz-loader-spin_qv0xq_1",sm:u,md:m,lg:x},v=d.forwardRef(function({size:o="md",color:e,className:t,style:r,...a},l){const n=q.useT();return c.jsx("span",{ref:l,role:"status","aria-label":n("loader.label"),...a,className:_.clsx(s.loader,s[o],t),style:e?{color:`var(--tz-color-${e})`,...r}:r})});exports.Loader=v;
-//# sourceMappingURL=Loader-plA9fgHf.cjs.map
+"use strict";const c=require("react/jsx-runtime"),d=require("react"),_=require("clsx"),q=require("./ConfigProvider-BHNx-NHV.cjs"),i="_loader_qv0xq_2",u="_sm_qv0xq_16",m="_md_qv0xq_22",x="_lg_qv0xq_28",s={loader:i,"tz-loader-spin":"_tz-loader-spin_qv0xq_1",sm:u,md:m,lg:x},v=d.forwardRef(function({size:o="md",color:e,className:t,style:r,...a},l){const n=q.useT();return c.jsx("span",{ref:l,role:"status","aria-label":n("loader.label"),...a,className:_.clsx(s.loader,s[o],t),style:e?{color:`var(--tz-color-${e})`,...r}:r})});exports.Loader=v;
+//# sourceMappingURL=Loader-Cwb1bOHj.cjs.map

package/dist/{Loader-plA9fgHf.cjs.map → Loader-Cwb1bOHj.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Loader-plA9fgHf.cjs","sources":["../src/components/Loader/Loader.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Loader.module.css'\n\nexport type LoaderSize = 'sm' | 'md' | 'lg'\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {\n  /** Preset size — matches the Icon sizes: `sm` 14px · `md` 18px · `lg` 22px. Defaults to `md`. */\n  size?: LoaderSize\n  /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */\n  color?: ThemeColor\n}\n\n/**\n * A circular spinner. Works standalone as a loading indicator or inside a\n * `Button`, where it inherits the button color via `currentColor` unless an\n * explicit `color` is given.\n */\nexport const Loader = forwardRef<HTMLSpanElement, LoaderProps>(function Loader(\n  { size = 'md', color, className, style, ...props },\n  ref,\n) {\n  const t = useT()\n  return (\n    <span\n      ref={ref}\n      role=\"status\"\n      aria-label={t('loader.label')}\n      {...props}\n      className={clsx(styles.loader, styles[size], className)}\n      style={color ? ({ color: `var(--tz-color-${color})`, ...style } as CSSProperties) : style}\n    />\n  )\n})\n"],"names":["Loader","forwardRef","size","color","className","style","props","ref","t","useT","jsx","clsx","styles"],"mappings":"gRAmBaA,EAASC,EAAAA,WAAyC,SAC7D,CAAE,KAAAC,EAAO,KAAM,MAAAC,EAAO,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAC3CC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACV,OACEC,EAAAA,IAAC,OAAA,CACC,IAAAH,EACA,KAAK,SACL,aAAYC,EAAE,cAAc,EAC3B,GAAGF,EACJ,UAAWK,EAAAA,KAAKC,EAAO,OAAQA,EAAOV,CAAI,EAAGE,CAAS,EACtD,MAAOD,EAAS,CAAE,MAAO,kBAAkBA,CAAK,IAAK,GAAGE,GAA4BA,CAAA,CAAA,CAG1F,CAAC"}
+{"version":3,"file":"Loader-Cwb1bOHj.cjs","sources":["../src/components/Loader/Loader.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Loader.module.css'\n\nexport type LoaderSize = 'sm' | 'md' | 'lg'\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {\n  /** Preset size — matches the Icon sizes: `sm` 14px · `md` 18px · `lg` 22px. Defaults to `md`. */\n  size?: LoaderSize\n  /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */\n  color?: ThemeColor\n}\n\n/**\n * A circular spinner. Works standalone as a loading indicator or inside a\n * `Button`, where it inherits the button color via `currentColor` unless an\n * explicit `color` is given.\n */\nexport const Loader = forwardRef<HTMLSpanElement, LoaderProps>(function Loader(\n  { size = 'md', color, className, style, ...props },\n  ref,\n) {\n  const t = useT()\n  return (\n    <span\n      ref={ref}\n      role=\"status\"\n      aria-label={t('loader.label')}\n      {...props}\n      className={clsx(styles.loader, styles[size], className)}\n      style={color ? ({ color: `var(--tz-color-${color})`, ...style } as CSSProperties) : style}\n    />\n  )\n})\n"],"names":["Loader","forwardRef","size","color","className","style","props","ref","t","useT","jsx","clsx","styles"],"mappings":"gRAmBaA,EAASC,EAAAA,WAAyC,SAC7D,CAAE,KAAAC,EAAO,KAAM,MAAAC,EAAO,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAC3CC,EACA,CACA,MAAMC,EAAIC,EAAAA,KAAA,EACV,OACEC,EAAAA,IAAC,OAAA,CACC,IAAAH,EACA,KAAK,SACL,aAAYC,EAAE,cAAc,EAC3B,GAAGF,EACJ,UAAWK,EAAAA,KAAKC,EAAO,OAAQA,EAAOV,CAAI,EAAGE,CAAS,EACtD,MAAOD,EAAS,CAAE,MAAO,kBAAkBA,CAAK,IAAK,GAAGE,GAA4BA,CAAA,CAAA,CAG1F,CAAC"}

package/dist/{Loader-DFlpw5Zc.js → Loader-UzzqvFyo.js}

@@ -1,7 +1,7 @@
 import { jsx as _ } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
 import { clsx as n } from "clsx";
-import { a as c } from "./ConfigProvider-sEZzNTeU.js";
+import { a as c } from "./ConfigProvider-BYruQYHC.js";
 const q = "_loader_qv0xq_2", i = "_sm_qv0xq_16", p = "_md_qv0xq_22", x = "_lg_qv0xq_28", s = {
   loader: q,
   "tz-loader-spin": "_tz-loader-spin_qv0xq_1",
@@ -25,4 +25,4 @@ const q = "_loader_qv0xq_2", i = "_sm_qv0xq_16", p = "_md_qv0xq_22", x = "_lg_qv
 export {
   L
 };
-//# sourceMappingURL=Loader-DFlpw5Zc.js.map
+//# sourceMappingURL=Loader-UzzqvFyo.js.map

package/dist/{Loader-DFlpw5Zc.js.map → Loader-UzzqvFyo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Loader-DFlpw5Zc.js","sources":["../src/components/Loader/Loader.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Loader.module.css'\n\nexport type LoaderSize = 'sm' | 'md' | 'lg'\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {\n  /** Preset size — matches the Icon sizes: `sm` 14px · `md` 18px · `lg` 22px. Defaults to `md`. */\n  size?: LoaderSize\n  /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */\n  color?: ThemeColor\n}\n\n/**\n * A circular spinner. Works standalone as a loading indicator or inside a\n * `Button`, where it inherits the button color via `currentColor` unless an\n * explicit `color` is given.\n */\nexport const Loader = forwardRef<HTMLSpanElement, LoaderProps>(function Loader(\n  { size = 'md', color, className, style, ...props },\n  ref,\n) {\n  const t = useT()\n  return (\n    <span\n      ref={ref}\n      role=\"status\"\n      aria-label={t('loader.label')}\n      {...props}\n      className={clsx(styles.loader, styles[size], className)}\n      style={color ? ({ color: `var(--tz-color-${color})`, ...style } as CSSProperties) : style}\n    />\n  )\n})\n"],"names":["Loader","forwardRef","size","color","className","style","props","ref","t","useT","jsx","clsx","styles"],"mappings":";;;;;;;;;;GAmBaA,IAASC,EAAyC,SAC7D,EAAE,MAAAC,IAAO,MAAM,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAC3CC,GACA;AACA,QAAMC,IAAIC,EAAA;AACV,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,MAAK;AAAA,MACL,cAAYC,EAAE,cAAc;AAAA,MAC3B,GAAGF;AAAA,MACJ,WAAWK,EAAKC,EAAO,QAAQA,EAAOV,CAAI,GAAGE,CAAS;AAAA,MACtD,OAAOD,IAAS,EAAE,OAAO,kBAAkBA,CAAK,KAAK,GAAGE,MAA4BA;AAAA,IAAA;AAAA,EAAA;AAG1F,CAAC;"}
+{"version":3,"file":"Loader-UzzqvFyo.js","sources":["../src/components/Loader/Loader.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react'\nimport { clsx } from 'clsx'\nimport { useT, type ThemeColor } from '../../theme'\nimport styles from './Loader.module.css'\n\nexport type LoaderSize = 'sm' | 'md' | 'lg'\n\nexport interface LoaderProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'> {\n  /** Preset size — matches the Icon sizes: `sm` 14px · `md` 18px · `lg` 22px. Defaults to `md`. */\n  size?: LoaderSize\n  /** Theme palette token used to color the spinner. Omit to inherit the surrounding text color (`currentColor`). */\n  color?: ThemeColor\n}\n\n/**\n * A circular spinner. Works standalone as a loading indicator or inside a\n * `Button`, where it inherits the button color via `currentColor` unless an\n * explicit `color` is given.\n */\nexport const Loader = forwardRef<HTMLSpanElement, LoaderProps>(function Loader(\n  { size = 'md', color, className, style, ...props },\n  ref,\n) {\n  const t = useT()\n  return (\n    <span\n      ref={ref}\n      role=\"status\"\n      aria-label={t('loader.label')}\n      {...props}\n      className={clsx(styles.loader, styles[size], className)}\n      style={color ? ({ color: `var(--tz-color-${color})`, ...style } as CSSProperties) : style}\n    />\n  )\n})\n"],"names":["Loader","forwardRef","size","color","className","style","props","ref","t","useT","jsx","clsx","styles"],"mappings":";;;;;;;;;;GAmBaA,IAASC,EAAyC,SAC7D,EAAE,MAAAC,IAAO,MAAM,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAC3CC,GACA;AACA,QAAMC,IAAIC,EAAA;AACV,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,MAAK;AAAA,MACL,cAAYC,EAAE,cAAc;AAAA,MAC3B,GAAGF;AAAA,MACJ,WAAWK,EAAKC,EAAO,QAAQA,EAAOV,CAAI,GAAGE,CAAS;AAAA,MACtD,OAAOD,IAAS,EAAE,OAAO,kBAAkBA,CAAK,KAAK,GAAGE,MAA4BA;AAAA,IAAA;AAAA,EAAA;AAG1F,CAAC;"}

package/dist/Masonry-9LrJKlhI.cjs

@@ -0,0 +1,2 @@
+"use strict";const v=require("react/jsx-runtime"),s=require("react"),Q=require("./Flex-C6tHC8n7.cjs"),P=require("./breakpoints-Dpnh6BbG.cjs"),X=require("./useMediaQuery-CHMrI6Dy.cjs"),j={xxs:4,xs:8,sm:16,md:24,lg:32,xl:40,xxl:48};function _(r){if(r==null)return 0;if(typeof r=="number")return r;if(r in j)return j[r];const a=parseFloat(r);return Number.isFinite(a)?a:0}const D=(r,a)=>r.length===a.length&&r.every((h,y)=>h===a[y]),G=s.forwardRef(function({columns:a=3,minColumnWidth:h,gap:y="md",padding:A,className:B,style:L,children:q,...O},x){const R=s.useMemo(()=>s.Children.toArray(q),[q]),u=R.length,w=X.useBreakpointMatches(),H=Math.max(1,P.resolveResponsive(a,w)??1),c=_(P.resolveResponsive(y,w)),M=s.useRef(null),S=s.useRef([]),[g,T]=s.useState(0),[d,W]=s.useState({top:0,left:0,bottom:0}),[z,$]=s.useState([]),I=s.useCallback(t=>{M.current=t,typeof x=="function"?x(t):x&&(x.current=t)},[x]),l=h!=null?g>0?Math.max(1,Math.floor((g+c)/(h+c))):1:H,m=l>0&&g>0?(g-(l-1)*c)/l:0,{positions:F,layoutHeight:N}=s.useMemo(()=>{if(m<=0)return{positions:[],layoutHeight:0};const t=new Array(l).fill(0),e=[];for(let f=0;f<u;f++){let i=0;for(let p=1;p<l;p++)t[p]<t[i]&&(i=p);e.push({x:d.left+i*(m+c),y:d.top+t[i]}),t[i]+=(z[f]||0)+c}const n=t.reduce((f,i)=>Math.max(f,i),0);return{positions:e,layoutHeight:n>0?n-c:0}},[m,l,c,u,z,d.left,d.top]),C=m>0&&F.length===u,b=s.useCallback(()=>{const t=M.current;if(!t)return;const e=getComputedStyle(t),n=parseFloat(e.paddingLeft)||0,f=parseFloat(e.paddingRight)||0,i=parseFloat(e.paddingTop)||0,p=parseFloat(e.paddingBottom)||0,E=Math.max(0,t.clientWidth-n-f);T(o=>o===E?o:E),W(o=>o.top===i&&o.left===n&&o.bottom===p?o:{top:i,left:n,bottom:p});const k=S.current.slice(0,u).map(o=>o?o.offsetHeight:0);$(o=>D(o,k)?o:k)},[u]);return s.useLayoutEffect(b,[b,R,H,h,c]),s.useEffect(()=>{const t=M.current;if(!t||typeof ResizeObserver>"u")return;const e=new ResizeObserver(()=>b());return e.observe(t),S.current.slice(0,u).forEach(n=>n&&e.observe(n)),()=>e.disconnect()},[b,u]),v.jsx("div",{ref:I,className:B,"data-columns":l,style:{position:"relative",boxSizing:"border-box",width:"100%",padding:Q.space(A),height:C?d.top+N+d.bottom:void 0,...L},...O,children:R.map((t,e)=>v.jsx("div",{ref:n=>{S.current[e]=n},style:C?{position:"absolute",top:0,left:0,width:m,transform:`translate(${F[e].x}px, ${F[e].y}px)`,boxSizing:"border-box"}:{boxSizing:"border-box"},children:t},e))})});exports.Masonry=G;
+//# sourceMappingURL=Masonry-9LrJKlhI.cjs.map

package/dist/Masonry-9LrJKlhI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Masonry-9LrJKlhI.cjs","sources":["../src/components/Masonry/Masonry.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { space, type Spacing } from '../Flex/Flex'\nimport { resolveResponsive, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\n\n// `--tz-space-*` scale in px — the gap must be a number to bake into item positions\nconst SPACE_PX: Record<string, number> = {\n  xxs: 4,\n  xs: 8,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 40,\n  xxl: 48,\n}\n\n/** Resolve a `Spacing` gap to a px number for layout math (token → scale, number → px, else parse). */\nfunction spacePx(value: Spacing | undefined): number {\n  if (value == null) return 0\n  if (typeof value === 'number') return value\n  if (value in SPACE_PX) return SPACE_PX[value]\n  const n = parseFloat(value)\n  return Number.isFinite(n) ? n : 0\n}\n\nexport interface MasonryProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Number of columns. Either a fixed number, or a **desktop-first** map keyed by the shared\n   * `Breakpoint`s (`xs`/`sm`/`md`/`lg`/`xl`) — each entry applies at that breakpoint's max-width and\n   * below, until a smaller one overrides it, with the largest defined key as the base for wider screens.\n   * Defaults to `3`. Ignored when `minColumnWidth` is set.\n   *\n   * @example columns={2}                 // always 2\n   * @example columns={{ xs: 1, md: 3 }}  // 1 on phones (≤767.98), 3 up to md, 3 above\n   */\n  columns?: Responsive<number>\n  /** Responsive: fit as many equal columns as this min pixel width allows (overrides `columns`). */\n  minColumnWidth?: number\n  /**\n   * Gap between items, horizontally and vertically. Either a single value (a `--tz-space-*` key, a px\n   * number, or a px-like CSS value) or a **desktop-first** breakpoint map — same resolution as `columns`.\n   * Defaults to `md`.\n   *\n   * @example gap=\"md\"\n   * @example gap={{ xs: 'sm', md: 'lg' }}  // tighter on phones, looser from md up\n   */\n  gap?: Responsive<Spacing>\n  /** Padding around the grid (token key, px number, or CSS value). */\n  padding?: Spacing\n  /** The items to lay out. */\n  children?: ReactNode\n}\n\nconst arraysEqual = (a: number[], b: number[]) =>\n  a.length === b.length && a.every((v, i) => v === b[i])\n\n/**\n * A masonry layout — packs items of varying heights into balanced columns, always adding the next item\n * to the **shortest** column (Pinterest-style), so columns stay level rather than following a fixed\n * grid. Reading order flows left-to-right across the columns.\n *\n * **Every child is rendered once, in a single stable container, and placed by absolute positioning**\n * (measured in the DOM; a `ResizeObserver` re-lays-out on width / content changes). Resizing only moves\n * each child (its `transform`) — a child **never** changes DOM parent, so React never remounts it and\n * **child state is preserved** across resizes (an input's text, a nested widget's items, focus). Until\n * the first measure it falls back to a single stacked column (SSR / first paint), then switches to the\n * measured layout — same elements, no remount.\n *\n * `columns` is a fixed number or a desktop-first breakpoint map (`{ xs: 1, md: 3 }`); `minColumnWidth`\n * is a responsive alternative (overrides `columns`); `gap` spaces items on both axes and is itself\n * responsive the same way. Inline-styled like the other layout primitives (`Flex` / `Grid`); consumer\n * `style` merges last.\n */\nexport const Masonry = forwardRef<HTMLDivElement, MasonryProps>(function Masonry(\n  { columns = 3, minColumnWidth, gap = 'md', padding, className, style, children, ...props },\n  ref,\n) {\n  const items = useMemo(() => Children.toArray(children), [children])\n  const count = items.length\n\n  const matches = useBreakpointMatches()\n  const resolvedColumns = Math.max(1, resolveResponsive(columns, matches) ?? 1)\n  const gapPx = spacePx(resolveResponsive(gap, matches))\n\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const itemRefs = useRef<Array<HTMLDivElement | null>>([])\n\n  // measured: the content width + the container's own padding insets + each item's height\n  const [width, setWidth] = useState(0)\n  const [inset, setInset] = useState({ top: 0, left: 0, bottom: 0 })\n  const [heights, setHeights] = useState<number[]>([])\n\n  const setRootRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      rootRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n\n  // column count: from minColumnWidth (measured) or the resolved fixed/responsive `columns`\n  const colCount =\n    minColumnWidth != null\n      ? width > 0\n        ? Math.max(1, Math.floor((width + gapPx) / (minColumnWidth + gapPx)))\n        : 1\n      : resolvedColumns\n  const colWidth = colCount > 0 && width > 0 ? (width - (colCount - 1) * gapPx) / colCount : 0\n\n  // greedily place each item (in order) into the shortest column, as an absolute (x, y)\n  const { positions, layoutHeight } = useMemo(() => {\n    if (colWidth <= 0) return { positions: [] as Array<{ x: number; y: number }>, layoutHeight: 0 }\n    const colH = new Array(colCount).fill(0)\n    const pos: Array<{ x: number; y: number }> = []\n    for (let i = 0; i < count; i++) {\n      let min = 0\n      for (let c = 1; c < colCount; c++) if (colH[c] < colH[min]) min = c\n      pos.push({ x: inset.left + min * (colWidth + gapPx), y: inset.top + colH[min] })\n      colH[min] += (heights[i] || 0) + gapPx\n    }\n    const tallest = colH.reduce((a, b) => Math.max(a, b), 0)\n    return { positions: pos, layoutHeight: tallest > 0 ? tallest - gapPx : 0 }\n  }, [colWidth, colCount, gapPx, count, heights, inset.left, inset.top])\n\n  const positioned = colWidth > 0 && positions.length === count\n\n  // measure the content width, padding insets, and item heights (before paint + on resize)\n  const measure = useCallback(() => {\n    const root = rootRef.current\n    if (!root) return\n    const cs = getComputedStyle(root)\n    const padL = parseFloat(cs.paddingLeft) || 0\n    const padR = parseFloat(cs.paddingRight) || 0\n    const padT = parseFloat(cs.paddingTop) || 0\n    const padB = parseFloat(cs.paddingBottom) || 0\n    const contentW = Math.max(0, root.clientWidth - padL - padR)\n\n    setWidth((prev) => (prev === contentW ? prev : contentW))\n    setInset((prev) =>\n      prev.top === padT && prev.left === padL && prev.bottom === padB\n        ? prev\n        : { top: padT, left: padL, bottom: padB },\n    )\n    const next = itemRefs.current.slice(0, count).map((el) => (el ? el.offsetHeight : 0))\n    setHeights((prev) => (arraysEqual(prev, next) ? prev : next))\n  }, [count])\n\n  // measure before paint (mount + when the item set / column count / gap changes)\n  useLayoutEffect(measure, [measure, items, resolvedColumns, minColumnWidth, gapPx])\n\n  // re-lay-out on container resize and on any item resizing (image loads, dynamic content, …)\n  useEffect(() => {\n    const root = rootRef.current\n    if (!root || typeof ResizeObserver === 'undefined') return\n    const ro = new ResizeObserver(() => measure())\n    ro.observe(root)\n    itemRefs.current.slice(0, count).forEach((el) => el && ro.observe(el))\n    return () => ro.disconnect()\n  }, [measure, count])\n\n  return (\n    <div\n      ref={setRootRef}\n      className={className}\n      data-columns={colCount}\n      style={{\n        position: 'relative',\n        boxSizing: 'border-box',\n        width: '100%',\n        padding: space(padding),\n        height: positioned ? inset.top + layoutHeight + inset.bottom : undefined,\n        ...style,\n      }}\n      {...props}\n    >\n      {items.map((item, i) => (\n        <div\n          key={i}\n          ref={(el) => {\n            itemRefs.current[i] = el\n          }}\n          style={\n            positioned\n              ? ({\n                  position: 'absolute',\n                  top: 0,\n                  left: 0,\n                  width: colWidth,\n                  transform: `translate(${positions[i].x}px, ${positions[i].y}px)`,\n                  boxSizing: 'border-box',\n                } as CSSProperties)\n              : ({ boxSizing: 'border-box' } as CSSProperties)\n          }\n        >\n          {item}\n        </div>\n      ))}\n    </div>\n  )\n})\n"],"names":["SPACE_PX","spacePx","value","n","arraysEqual","a","b","v","i","Masonry","forwardRef","columns","minColumnWidth","gap","padding","className","style","children","props","ref","items","useMemo","Children","count","matches","useBreakpointMatches","resolvedColumns","resolveResponsive","gapPx","rootRef","useRef","itemRefs","width","setWidth","useState","inset","setInset","heights","setHeights","setRootRef","useCallback","node","colCount","colWidth","positions","layoutHeight","colH","pos","min","c","tallest","positioned","measure","root","cs","padL","padR","padT","padB","contentW","prev","next","el","useLayoutEffect","useEffect","ro","jsx","space","item"],"mappings":"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"}

package/dist/Masonry-BsRWG-oN.js

@@ -0,0 +1,92 @@
+import { jsx as B } from "react/jsx-runtime";
+import { forwardRef as G, useMemo as L, Children as J, useRef as k, useState as F, useCallback as v, useLayoutEffect as K, useEffect as Q } from "react";
+import { s as U } from "./Flex-BFn4P1tJ.js";
+import { r as O } from "./breakpoints-BbDakdqF.js";
+import { u as V } from "./useMediaQuery-DrDUrkmJ.js";
+const T = {
+  xxs: 4,
+  xs: 8,
+  sm: 16,
+  md: 24,
+  lg: 32,
+  xl: 40,
+  xxl: 48
+};
+function Y(n) {
+  if (n == null) return 0;
+  if (typeof n == "number") return n;
+  if (n in T) return T[n];
+  const c = parseFloat(n);
+  return Number.isFinite(c) ? c : 0;
+}
+const Z = (n, c) => n.length === c.length && n.every((d, b) => d === c[b]), rt = G(function({ columns: c = 3, minColumnWidth: d, gap: b = "md", padding: W, className: $, style: j, children: H, ...q }, m) {
+  const y = L(() => J.toArray(H), [H]), a = y.length, S = V(), z = Math.max(1, O(c, S) ?? 1), i = Y(O(b, S)), R = k(null), M = k([]), [x, I] = F(0), [u, N] = F({ top: 0, left: 0, bottom: 0 }), [E, X] = F([]), _ = v(
+    (t) => {
+      R.current = t, typeof m == "function" ? m(t) : m && (m.current = t);
+    },
+    [m]
+  ), l = d != null ? x > 0 ? Math.max(1, Math.floor((x + i) / (d + i))) : 1 : z, h = l > 0 && x > 0 ? (x - (l - 1) * i) / l : 0, { positions: w, layoutHeight: D } = L(() => {
+    if (h <= 0) return { positions: [], layoutHeight: 0 };
+    const t = new Array(l).fill(0), o = [];
+    for (let f = 0; f < a; f++) {
+      let r = 0;
+      for (let p = 1; p < l; p++) t[p] < t[r] && (r = p);
+      o.push({ x: u.left + r * (h + i), y: u.top + t[r] }), t[r] += (E[f] || 0) + i;
+    }
+    const s = t.reduce((f, r) => Math.max(f, r), 0);
+    return { positions: o, layoutHeight: s > 0 ? s - i : 0 };
+  }, [h, l, i, a, E, u.left, u.top]), C = h > 0 && w.length === a, g = v(() => {
+    const t = R.current;
+    if (!t) return;
+    const o = getComputedStyle(t), s = parseFloat(o.paddingLeft) || 0, f = parseFloat(o.paddingRight) || 0, r = parseFloat(o.paddingTop) || 0, p = parseFloat(o.paddingBottom) || 0, P = Math.max(0, t.clientWidth - s - f);
+    I((e) => e === P ? e : P), N(
+      (e) => e.top === r && e.left === s && e.bottom === p ? e : { top: r, left: s, bottom: p }
+    );
+    const A = M.current.slice(0, a).map((e) => e ? e.offsetHeight : 0);
+    X((e) => Z(e, A) ? e : A);
+  }, [a]);
+  return K(g, [g, y, z, d, i]), Q(() => {
+    const t = R.current;
+    if (!t || typeof ResizeObserver > "u") return;
+    const o = new ResizeObserver(() => g());
+    return o.observe(t), M.current.slice(0, a).forEach((s) => s && o.observe(s)), () => o.disconnect();
+  }, [g, a]), /* @__PURE__ */ B(
+    "div",
+    {
+      ref: _,
+      className: $,
+      "data-columns": l,
+      style: {
+        position: "relative",
+        boxSizing: "border-box",
+        width: "100%",
+        padding: U(W),
+        height: C ? u.top + D + u.bottom : void 0,
+        ...j
+      },
+      ...q,
+      children: y.map((t, o) => /* @__PURE__ */ B(
+        "div",
+        {
+          ref: (s) => {
+            M.current[o] = s;
+          },
+          style: C ? {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: h,
+            transform: `translate(${w[o].x}px, ${w[o].y}px)`,
+            boxSizing: "border-box"
+          } : { boxSizing: "border-box" },
+          children: t
+        },
+        o
+      ))
+    }
+  );
+});
+export {
+  rt as M
+};
+//# sourceMappingURL=Masonry-BsRWG-oN.js.map

package/dist/Masonry-BsRWG-oN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Masonry-BsRWG-oN.js","sources":["../src/components/Masonry/Masonry.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react'\nimport { space, type Spacing } from '../Flex/Flex'\nimport { resolveResponsive, type Responsive } from '../../theme/breakpoints'\nimport { useBreakpointMatches } from '../../hooks/useMediaQuery'\n\n// `--tz-space-*` scale in px — the gap must be a number to bake into item positions\nconst SPACE_PX: Record<string, number> = {\n  xxs: 4,\n  xs: 8,\n  sm: 16,\n  md: 24,\n  lg: 32,\n  xl: 40,\n  xxl: 48,\n}\n\n/** Resolve a `Spacing` gap to a px number for layout math (token → scale, number → px, else parse). */\nfunction spacePx(value: Spacing | undefined): number {\n  if (value == null) return 0\n  if (typeof value === 'number') return value\n  if (value in SPACE_PX) return SPACE_PX[value]\n  const n = parseFloat(value)\n  return Number.isFinite(n) ? n : 0\n}\n\nexport interface MasonryProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Number of columns. Either a fixed number, or a **desktop-first** map keyed by the shared\n   * `Breakpoint`s (`xs`/`sm`/`md`/`lg`/`xl`) — each entry applies at that breakpoint's max-width and\n   * below, until a smaller one overrides it, with the largest defined key as the base for wider screens.\n   * Defaults to `3`. Ignored when `minColumnWidth` is set.\n   *\n   * @example columns={2}                 // always 2\n   * @example columns={{ xs: 1, md: 3 }}  // 1 on phones (≤767.98), 3 up to md, 3 above\n   */\n  columns?: Responsive<number>\n  /** Responsive: fit as many equal columns as this min pixel width allows (overrides `columns`). */\n  minColumnWidth?: number\n  /**\n   * Gap between items, horizontally and vertically. Either a single value (a `--tz-space-*` key, a px\n   * number, or a px-like CSS value) or a **desktop-first** breakpoint map — same resolution as `columns`.\n   * Defaults to `md`.\n   *\n   * @example gap=\"md\"\n   * @example gap={{ xs: 'sm', md: 'lg' }}  // tighter on phones, looser from md up\n   */\n  gap?: Responsive<Spacing>\n  /** Padding around the grid (token key, px number, or CSS value). */\n  padding?: Spacing\n  /** The items to lay out. */\n  children?: ReactNode\n}\n\nconst arraysEqual = (a: number[], b: number[]) =>\n  a.length === b.length && a.every((v, i) => v === b[i])\n\n/**\n * A masonry layout — packs items of varying heights into balanced columns, always adding the next item\n * to the **shortest** column (Pinterest-style), so columns stay level rather than following a fixed\n * grid. Reading order flows left-to-right across the columns.\n *\n * **Every child is rendered once, in a single stable container, and placed by absolute positioning**\n * (measured in the DOM; a `ResizeObserver` re-lays-out on width / content changes). Resizing only moves\n * each child (its `transform`) — a child **never** changes DOM parent, so React never remounts it and\n * **child state is preserved** across resizes (an input's text, a nested widget's items, focus). Until\n * the first measure it falls back to a single stacked column (SSR / first paint), then switches to the\n * measured layout — same elements, no remount.\n *\n * `columns` is a fixed number or a desktop-first breakpoint map (`{ xs: 1, md: 3 }`); `minColumnWidth`\n * is a responsive alternative (overrides `columns`); `gap` spaces items on both axes and is itself\n * responsive the same way. Inline-styled like the other layout primitives (`Flex` / `Grid`); consumer\n * `style` merges last.\n */\nexport const Masonry = forwardRef<HTMLDivElement, MasonryProps>(function Masonry(\n  { columns = 3, minColumnWidth, gap = 'md', padding, className, style, children, ...props },\n  ref,\n) {\n  const items = useMemo(() => Children.toArray(children), [children])\n  const count = items.length\n\n  const matches = useBreakpointMatches()\n  const resolvedColumns = Math.max(1, resolveResponsive(columns, matches) ?? 1)\n  const gapPx = spacePx(resolveResponsive(gap, matches))\n\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const itemRefs = useRef<Array<HTMLDivElement | null>>([])\n\n  // measured: the content width + the container's own padding insets + each item's height\n  const [width, setWidth] = useState(0)\n  const [inset, setInset] = useState({ top: 0, left: 0, bottom: 0 })\n  const [heights, setHeights] = useState<number[]>([])\n\n  const setRootRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      rootRef.current = node\n      if (typeof ref === 'function') ref(node)\n      else if (ref) ref.current = node\n    },\n    [ref],\n  )\n\n  // column count: from minColumnWidth (measured) or the resolved fixed/responsive `columns`\n  const colCount =\n    minColumnWidth != null\n      ? width > 0\n        ? Math.max(1, Math.floor((width + gapPx) / (minColumnWidth + gapPx)))\n        : 1\n      : resolvedColumns\n  const colWidth = colCount > 0 && width > 0 ? (width - (colCount - 1) * gapPx) / colCount : 0\n\n  // greedily place each item (in order) into the shortest column, as an absolute (x, y)\n  const { positions, layoutHeight } = useMemo(() => {\n    if (colWidth <= 0) return { positions: [] as Array<{ x: number; y: number }>, layoutHeight: 0 }\n    const colH = new Array(colCount).fill(0)\n    const pos: Array<{ x: number; y: number }> = []\n    for (let i = 0; i < count; i++) {\n      let min = 0\n      for (let c = 1; c < colCount; c++) if (colH[c] < colH[min]) min = c\n      pos.push({ x: inset.left + min * (colWidth + gapPx), y: inset.top + colH[min] })\n      colH[min] += (heights[i] || 0) + gapPx\n    }\n    const tallest = colH.reduce((a, b) => Math.max(a, b), 0)\n    return { positions: pos, layoutHeight: tallest > 0 ? tallest - gapPx : 0 }\n  }, [colWidth, colCount, gapPx, count, heights, inset.left, inset.top])\n\n  const positioned = colWidth > 0 && positions.length === count\n\n  // measure the content width, padding insets, and item heights (before paint + on resize)\n  const measure = useCallback(() => {\n    const root = rootRef.current\n    if (!root) return\n    const cs = getComputedStyle(root)\n    const padL = parseFloat(cs.paddingLeft) || 0\n    const padR = parseFloat(cs.paddingRight) || 0\n    const padT = parseFloat(cs.paddingTop) || 0\n    const padB = parseFloat(cs.paddingBottom) || 0\n    const contentW = Math.max(0, root.clientWidth - padL - padR)\n\n    setWidth((prev) => (prev === contentW ? prev : contentW))\n    setInset((prev) =>\n      prev.top === padT && prev.left === padL && prev.bottom === padB\n        ? prev\n        : { top: padT, left: padL, bottom: padB },\n    )\n    const next = itemRefs.current.slice(0, count).map((el) => (el ? el.offsetHeight : 0))\n    setHeights((prev) => (arraysEqual(prev, next) ? prev : next))\n  }, [count])\n\n  // measure before paint (mount + when the item set / column count / gap changes)\n  useLayoutEffect(measure, [measure, items, resolvedColumns, minColumnWidth, gapPx])\n\n  // re-lay-out on container resize and on any item resizing (image loads, dynamic content, …)\n  useEffect(() => {\n    const root = rootRef.current\n    if (!root || typeof ResizeObserver === 'undefined') return\n    const ro = new ResizeObserver(() => measure())\n    ro.observe(root)\n    itemRefs.current.slice(0, count).forEach((el) => el && ro.observe(el))\n    return () => ro.disconnect()\n  }, [measure, count])\n\n  return (\n    <div\n      ref={setRootRef}\n      className={className}\n      data-columns={colCount}\n      style={{\n        position: 'relative',\n        boxSizing: 'border-box',\n        width: '100%',\n        padding: space(padding),\n        height: positioned ? inset.top + layoutHeight + inset.bottom : undefined,\n        ...style,\n      }}\n      {...props}\n    >\n      {items.map((item, i) => (\n        <div\n          key={i}\n          ref={(el) => {\n            itemRefs.current[i] = el\n          }}\n          style={\n            positioned\n              ? ({\n                  position: 'absolute',\n                  top: 0,\n                  left: 0,\n                  width: colWidth,\n                  transform: `translate(${positions[i].x}px, ${positions[i].y}px)`,\n                  boxSizing: 'border-box',\n                } as CSSProperties)\n              : ({ boxSizing: 'border-box' } as CSSProperties)\n          }\n        >\n          {item}\n        </div>\n      ))}\n    </div>\n  )\n})\n"],"names":["SPACE_PX","spacePx","value","n","arraysEqual","a","b","v","i","Masonry","forwardRef","columns","minColumnWidth","gap","padding","className","style","children","props","ref","items","useMemo","Children","count","matches","useBreakpointMatches","resolvedColumns","resolveResponsive","gapPx","rootRef","useRef","itemRefs","width","setWidth","useState","inset","setInset","heights","setHeights","setRootRef","useCallback","node","colCount","colWidth","positions","layoutHeight","colH","pos","min","c","tallest","positioned","measure","root","cs","padL","padR","padT","padB","contentW","prev","next","el","useLayoutEffect","useEffect","ro","jsx","space","item"],"mappings":"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"}

package/dist/{Modal-BaieUdge.cjs → Modal-CO3c3sGY.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),A=require("clsx"),Q=require("./names-C2Yj1p3u.cjs"),L=require("./Icon-CXTl_QAP.cjs"),$=require("./IconButton-ChUfK0pG.cjs"),W=require("react-dom"),X=require("./useLockBodyScroll-CIXHZo-Q.cjs"),Y=require("./ConfigProvider-DFy6pL-C.cjs"),Z="_overlay_gwv2a_6",w={overlay:Z},H=l.forwardRef(function({open:a,onClose:s,closeOnBackdrop:k=!0,closeOnEscape:g=!0,lockScroll:N=!0,dim:c,className:i,style:d,children:q,onKeyDown:u,onMouseDown:_,onClick:x,...I},T){const j=l.useRef(null),[E,m]=l.useState(!1);X.useLockBodyScroll(a&&N),l.useEffect(()=>{if(!a){m(!1);return}const e=requestAnimationFrame(()=>m(!0));return()=>cancelAnimationFrame(e)},[a]);const D=e=>{e.key==="Escape"&&(e.stopPropagation(),g&&(s==null||s())),u==null||u(e)},h=e=>{j.current=e.target,_==null||_(e)},R=e=>{k&&e.target===e.currentTarget&&j.current===e.currentTarget&&(s==null||s()),x==null||x(e)};return!a||typeof document>"u"?null:W.createPortal(r.jsx("div",{ref:T,className:A.clsx(w.overlay,i),"data-open":E?"true":"false",style:c!=null?{"--tz-overlay-dim":c,...d}:d,onKeyDown:D,onMouseDown:h,onClick:R,...I,children:q}),document.body)}),C="_overlay_1d22k_3",ee="_modal_1d22k_14",te="_sm_1d22k_37",re="_md_1d22k_40",ne="_lg_1d22k_43",le="_fullScreen_1d22k_46",ae="_header_1d22k_58",se="_headerDivided_1d22k_67",ce="_headerMain_1d22k_70",de="_icon_1d22k_77",oe="_headerText_1d22k_80",ie="_title_1d22k_87",ue="_subtitle_1d22k_99",fe="_close_1d22k_111",_e="_body_1d22k_116",me="_footer_1d22k_124",n={overlay:C,modal:ee,sm:te,md:re,lg:ne,fullScreen:le,header:ae,headerDivided:se,headerMain:ce,icon:de,headerText:oe,title:ie,subtitle:ue,close:fe,body:_e,footer:me},he=new Set(Q.ICON_NAMES),S='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"])',be=l.forwardRef(function({open:a,onClose:s,size:k="md",scrollBehavior:g="outside",placement:N="center",title:c,description:i,icon:d,color:q="accent",footer:u,showCloseButton:_=!0,closeOnBackdrop:x=!0,closeOnEscape:I=!0,ariaLabel:T,className:j,style:E,children:m,...D},h){const R=Y.useT(),e=l.useRef(null),O=l.useRef(null),B=l.useRef(null),P=l.useId(),p=l.useId();l.useEffect(()=>{var f,y,v;if(!a)return;const t=document.activeElement,o=((f=O.current)==null?void 0:f.querySelector(S))??((y=B.current)==null?void 0:y.querySelector(S))??((v=e.current)==null?void 0:v.querySelector(S))??e.current;return o==null||o.focus({preventScroll:!0}),()=>{var b;t!=null&&t.isConnected&&((b=t.focus)==null||b.call(t))}},[a]);const U=t=>{e.current=t,typeof h=="function"?h(t):h&&(h.current=t)},V=t=>{if(t.key!=="Tab")return;const o=e.current;if(!o)return;const f=[...o.querySelectorAll(S)].filter(z=>z.offsetParent!==null||z===document.activeElement);if(f.length===0){t.preventDefault(),o.focus();return}const y=f[0],v=f[f.length-1],b=document.activeElement;t.shiftKey&&(b===y||b===o)?(t.preventDefault(),v.focus()):!t.shiftKey&&b===v&&(t.preventDefault(),y.focus())};if(!a)return null;const F=N!=="center",M=d==null?null:typeof d=="string"&&he.has(d)?r.jsx(L.Icon,{name:d}):d,G=c!=null||i!=null||M!=null||_,J=m!=null||u!=null;return r.jsx(H,{open:a,onClose:s,closeOnBackdrop:x,closeOnEscape:I,onKeyDown:V,className:n.overlay,"data-size":k,"data-placement":N,"data-scroll":F?"inside":g,children:r.jsxs("div",{ref:U,className:A.clsx(n.modal,n[k],j),role:"dialog","aria-modal":"true","aria-labelledby":c!=null?P:void 0,"aria-label":c==null?T:void 0,"aria-describedby":i!=null?p:void 0,tabIndex:-1,style:E,...D,children:[G&&r.jsxs("div",{className:A.clsx(n.header,J&&n.headerDivided),children:[r.jsxs("div",{className:n.headerMain,children:[M!=null&&r.jsx($.IconButton,{variant:"filled",size:"sm",color:q,nonClickable:!0,"aria-hidden":!0,className:n.icon,children:M}),(c!=null||i!=null)&&r.jsxs("div",{className:n.headerText,children:[c!=null&&r.jsx("div",{id:P,className:n.title,children:c}),i!=null&&r.jsx("div",{id:p,className:n.subtitle,children:i})]})]}),_&&r.jsx($.IconButton,{variant:"filled",color:"primary",size:"sm",className:n.close,"aria-label":R("common.close"),onClick:s,children:r.jsx(L.Icon,{name:"Close"})})]}),m!=null&&r.jsx("div",{ref:O,className:n.body,children:m}),u!=null&&r.jsx("div",{ref:B,className:n.footer,children:u})]})})});exports.Modal=be;exports.Overlay=H;
-//# sourceMappingURL=Modal-BaieUdge.cjs.map
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),A=require("clsx"),Q=require("./names-C2Yj1p3u.cjs"),L=require("./Icon-CXTl_QAP.cjs"),$=require("./IconButton-BoY2y_pV.cjs"),W=require("react-dom"),X=require("./useLockBodyScroll-CIXHZo-Q.cjs"),Y=require("./ConfigProvider-BHNx-NHV.cjs"),Z="_overlay_gwv2a_6",w={overlay:Z},H=l.forwardRef(function({open:a,onClose:s,closeOnBackdrop:k=!0,closeOnEscape:g=!0,lockScroll:N=!0,dim:c,className:i,style:d,children:q,onKeyDown:u,onMouseDown:_,onClick:x,...I},T){const j=l.useRef(null),[E,m]=l.useState(!1);X.useLockBodyScroll(a&&N),l.useEffect(()=>{if(!a){m(!1);return}const e=requestAnimationFrame(()=>m(!0));return()=>cancelAnimationFrame(e)},[a]);const D=e=>{e.key==="Escape"&&(e.stopPropagation(),g&&(s==null||s())),u==null||u(e)},h=e=>{j.current=e.target,_==null||_(e)},R=e=>{k&&e.target===e.currentTarget&&j.current===e.currentTarget&&(s==null||s()),x==null||x(e)};return!a||typeof document>"u"?null:W.createPortal(r.jsx("div",{ref:T,className:A.clsx(w.overlay,i),"data-open":E?"true":"false",style:c!=null?{"--tz-overlay-dim":c,...d}:d,onKeyDown:D,onMouseDown:h,onClick:R,...I,children:q}),document.body)}),C="_overlay_1d22k_3",ee="_modal_1d22k_14",te="_sm_1d22k_37",re="_md_1d22k_40",ne="_lg_1d22k_43",le="_fullScreen_1d22k_46",ae="_header_1d22k_58",se="_headerDivided_1d22k_67",ce="_headerMain_1d22k_70",de="_icon_1d22k_77",oe="_headerText_1d22k_80",ie="_title_1d22k_87",ue="_subtitle_1d22k_99",fe="_close_1d22k_111",_e="_body_1d22k_116",me="_footer_1d22k_124",n={overlay:C,modal:ee,sm:te,md:re,lg:ne,fullScreen:le,header:ae,headerDivided:se,headerMain:ce,icon:de,headerText:oe,title:ie,subtitle:ue,close:fe,body:_e,footer:me},he=new Set(Q.ICON_NAMES),S='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"])',be=l.forwardRef(function({open:a,onClose:s,size:k="md",scrollBehavior:g="outside",placement:N="center",title:c,description:i,icon:d,color:q="accent",footer:u,showCloseButton:_=!0,closeOnBackdrop:x=!0,closeOnEscape:I=!0,ariaLabel:T,className:j,style:E,children:m,...D},h){const R=Y.useT(),e=l.useRef(null),O=l.useRef(null),B=l.useRef(null),P=l.useId(),p=l.useId();l.useEffect(()=>{var f,y,v;if(!a)return;const t=document.activeElement,o=((f=O.current)==null?void 0:f.querySelector(S))??((y=B.current)==null?void 0:y.querySelector(S))??((v=e.current)==null?void 0:v.querySelector(S))??e.current;return o==null||o.focus({preventScroll:!0}),()=>{var b;t!=null&&t.isConnected&&((b=t.focus)==null||b.call(t))}},[a]);const U=t=>{e.current=t,typeof h=="function"?h(t):h&&(h.current=t)},V=t=>{if(t.key!=="Tab")return;const o=e.current;if(!o)return;const f=[...o.querySelectorAll(S)].filter(z=>z.offsetParent!==null||z===document.activeElement);if(f.length===0){t.preventDefault(),o.focus();return}const y=f[0],v=f[f.length-1],b=document.activeElement;t.shiftKey&&(b===y||b===o)?(t.preventDefault(),v.focus()):!t.shiftKey&&b===v&&(t.preventDefault(),y.focus())};if(!a)return null;const F=N!=="center",M=d==null?null:typeof d=="string"&&he.has(d)?r.jsx(L.Icon,{name:d}):d,G=c!=null||i!=null||M!=null||_,J=m!=null||u!=null;return r.jsx(H,{open:a,onClose:s,closeOnBackdrop:x,closeOnEscape:I,onKeyDown:V,className:n.overlay,"data-size":k,"data-placement":N,"data-scroll":F?"inside":g,children:r.jsxs("div",{ref:U,className:A.clsx(n.modal,n[k],j),role:"dialog","aria-modal":"true","aria-labelledby":c!=null?P:void 0,"aria-label":c==null?T:void 0,"aria-describedby":i!=null?p:void 0,tabIndex:-1,style:E,...D,children:[G&&r.jsxs("div",{className:A.clsx(n.header,J&&n.headerDivided),children:[r.jsxs("div",{className:n.headerMain,children:[M!=null&&r.jsx($.IconButton,{variant:"filled",size:"sm",color:q,nonClickable:!0,"aria-hidden":!0,className:n.icon,children:M}),(c!=null||i!=null)&&r.jsxs("div",{className:n.headerText,children:[c!=null&&r.jsx("div",{id:P,className:n.title,children:c}),i!=null&&r.jsx("div",{id:p,className:n.subtitle,children:i})]})]}),_&&r.jsx($.IconButton,{variant:"filled",color:"primary",size:"sm",className:n.close,"aria-label":R("common.close"),onClick:s,children:r.jsx(L.Icon,{name:"Close"})})]}),m!=null&&r.jsx("div",{ref:O,className:n.body,children:m}),u!=null&&r.jsx("div",{ref:B,className:n.footer,children:u})]})})});exports.Modal=be;exports.Overlay=H;
+//# sourceMappingURL=Modal-CO3c3sGY.cjs.map

package/dist/{Modal-BaieUdge.cjs.map → Modal-CO3c3sGY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-BaieUdge.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\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 width: `sm` 360 · `md` 620 · `lg` 900 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  /** 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    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  // focus management: move focus into the dialog on open — prefer a body field (form modals land on\n  // their first input), else the first footer action (confirm dialogs land on Cancel/Confirm, not the\n  // × button), else any control, else the dialog itself; restore focus to the trigger on close\n  useEffect(() => {\n    if (!open) return\n    const previouslyFocused = document.activeElement as HTMLElement | null\n    const target =\n      bodyRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      footerRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      panelRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      panelRef.current\n    // preventScroll so opening an `outside`-scroll modal doesn't jump the overlay to a below-fold control\n    target?.focus({ preventScroll: true })\n    // only restore if the element is still mounted (it may have unmounted while the modal was open)\n    return () => {\n      if (previouslyFocused?.isConnected) previouslyFocused.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={styles.body}>\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","Modal","size","scrollBehavior","placement","title","description","icon","color","footer","showCloseButton","ariaLabel","forwardedRef","t","useT","panelRef","bodyRef","footerRef","titleId","useId","descId","previouslyFocused","target","_a","_b","_c","setPanelRef","node","handleTabTrap","panel","focusables","el","first","last","active","isDrawer","renderedIcon","Icon","hasHeader","headerDivided","jsxs","IconButton"],"mappings":"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"}
+{"version":3,"file":"Modal-CO3c3sGY.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\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 width: `sm` 360 · `md` 620 · `lg` 900 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  /** 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    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  // focus management: move focus into the dialog on open — prefer a body field (form modals land on\n  // their first input), else the first footer action (confirm dialogs land on Cancel/Confirm, not the\n  // × button), else any control, else the dialog itself; restore focus to the trigger on close\n  useEffect(() => {\n    if (!open) return\n    const previouslyFocused = document.activeElement as HTMLElement | null\n    const target =\n      bodyRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      footerRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      panelRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      panelRef.current\n    // preventScroll so opening an `outside`-scroll modal doesn't jump the overlay to a below-fold control\n    target?.focus({ preventScroll: true })\n    // only restore if the element is still mounted (it may have unmounted while the modal was open)\n    return () => {\n      if (previouslyFocused?.isConnected) previouslyFocused.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={styles.body}>\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","Modal","size","scrollBehavior","placement","title","description","icon","color","footer","showCloseButton","ariaLabel","forwardedRef","t","useT","panelRef","bodyRef","footerRef","titleId","useId","descId","previouslyFocused","target","_a","_b","_c","setPanelRef","node","handleTabTrap","panel","focusables","el","first","last","active","isDrawer","renderedIcon","Icon","hasHeader","headerDivided","jsxs","IconButton"],"mappings":"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"}

package/dist/{Modal-CRH_i5uU.js → Modal-XMRDPHvQ.js}

@@ -3,10 +3,10 @@ import { forwardRef as U, useRef as p, useState as Y, useEffect as V, useId as $
 import { clsx as P } from "clsx";
 import { a as Z } from "./names-D8ABK2Wk.js";
 import { I as H } from "./Icon-CophpkHo.js";
-import { I as K } from "./IconButton-BZ2jJn_T.js";
+import { I as K } from "./IconButton-B8FPGgDn.js";
 import { createPortal as w } from "react-dom";
 import { u as C } from "./useLockBodyScroll-DwBILLPK.js";
-import { a as ee } from "./ConfigProvider-sEZzNTeU.js";
+import { a as ee } from "./ConfigProvider-BYruQYHC.js";
 const te = "_overlay_gwv2a_6", ae = {
   overlay: te
 }, re = U(function({
@@ -192,4 +192,4 @@ export {
   Ae as M,
   re as O
 };
-//# sourceMappingURL=Modal-CRH_i5uU.js.map
+//# sourceMappingURL=Modal-XMRDPHvQ.js.map

package/dist/{Modal-CRH_i5uU.js.map → Modal-XMRDPHvQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-CRH_i5uU.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\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 width: `sm` 360 · `md` 620 · `lg` 900 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  /** 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    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  // focus management: move focus into the dialog on open — prefer a body field (form modals land on\n  // their first input), else the first footer action (confirm dialogs land on Cancel/Confirm, not the\n  // × button), else any control, else the dialog itself; restore focus to the trigger on close\n  useEffect(() => {\n    if (!open) return\n    const previouslyFocused = document.activeElement as HTMLElement | null\n    const target =\n      bodyRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      footerRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      panelRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      panelRef.current\n    // preventScroll so opening an `outside`-scroll modal doesn't jump the overlay to a below-fold control\n    target?.focus({ preventScroll: true })\n    // only restore if the element is still mounted (it may have unmounted while the modal was open)\n    return () => {\n      if (previouslyFocused?.isConnected) previouslyFocused.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={styles.body}>\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","Modal","size","scrollBehavior","placement","title","description","icon","color","footer","showCloseButton","ariaLabel","forwardedRef","t","useT","panelRef","bodyRef","footerRef","titleId","useId","descId","previouslyFocused","target","_a","_b","_c","setPanelRef","node","handleTabTrap","panel","focusables","el","first","last","active","isDrawer","renderedIcon","Icon","hasHeader","headerDivided","jsxs","IconButton"],"mappings":";;;;;;;;;;;GA4CaA,KAAUC,EAAyC,SAC9D;AAAA,EACE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,eAAAC,IAAgB;AAAA,EAChB,YAAAC,IAAa;AAAA,EACb,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAkBC,EAA2B,IAAI,GACjD,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,EAAAC,EAAkBnB,KAAQI,CAAU,GAGpCgB,EAAU,MAAM;AACd,QAAI,CAACpB,GAAM;AACT,MAAAiB,EAAW,EAAK;AAChB;AAAA,IACF;AACA,UAAMI,IAAM,sBAAsB,MAAMJ,EAAW,EAAI,CAAC;AACxD,WAAO,MAAM,qBAAqBI,CAAG;AAAA,EACvC,GAAG,CAACrB,CAAI,CAAC;AAET,QAAMsB,IAAgB,CAACC,MAAyC;AAC9D,IAAIA,EAAM,QAAQ,aAGhBA,EAAM,gBAAA,GACFpB,MAAeF,KAAA,QAAAA,OAErBQ,KAAA,QAAAA,EAAYc;AAAA,EACd,GAGMC,IAAkB,CAACD,MAAsC;AAC7D,IAAAT,EAAgB,UAAUS,EAAM,QAChCb,KAAA,QAAAA,EAAca;AAAA,EAChB,GACME,IAAc,CAACF,MAAsC;AACzD,IACErB,KACAqB,EAAM,WAAWA,EAAM,iBACvBT,EAAgB,YAAYS,EAAM,kBAElCtB,KAAA,QAAAA,MAEFU,KAAA,QAAAA,EAAUY;AAAA,EACZ;AAEA,SAAI,CAACvB,KAAQ,OAAO,WAAa,MAAoB,OAE9C0B;AAAA,IACL,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAd;AAAA,QACA,WAAWe,EAAKC,GAAO,SAASvB,CAAS;AAAA,QACzC,aAAWU,IAAU,SAAS;AAAA,QAC9B,OAAOX,KAAO,OAAQ,EAAE,oBAAoBA,GAAK,GAAGE,MAA4BA;AAAA,QAChF,WAAWe;AAAA,QACX,aAAaE;AAAA,QACb,SAASC;AAAA,QACR,GAAGb;AAAA,QAEH,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,SAAS;AAAA,EAAA;AAEb,CAAC;;;;;;;;;;;;;;;;;GClGKsB,KAAgB,IAAI,IAAYC,CAAU,GAK1CC,IACJ,kPA2DWC,KAAQlC,EAAuC,SAC1D;AAAA,EACE,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAiC,IAAO;AAAA,EACP,gBAAAC,IAAiB;AAAA,EACjB,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,iBAAAxC,IAAkB;AAAA,EAClB,eAAAC,IAAgB;AAAA,EAChB,WAAAwC;AAAA,EACA,WAAArC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGI;AACL,GACAgC,GACA;AACA,QAAMC,IAAIC,GAAA,GACJC,IAAWhC,EAA8B,IAAI,GAC7CiC,IAAUjC,EAA8B,IAAI,GAC5CkC,IAAYlC,EAA8B,IAAI,GAC9CmC,IAAUC,EAAA,GACVC,IAASD,EAAA;AAOf,EAAA/B,EAAU,MAAM;;AACd,QAAI,CAACpB,EAAM;AACX,UAAMqD,IAAoB,SAAS,eAC7BC,MACJC,IAAAP,EAAQ,YAAR,gBAAAO,EAAiB,cAA2BvB,SAC5CwB,IAAAP,EAAU,YAAV,gBAAAO,EAAmB,cAA2BxB,SAC9CyB,IAAAV,EAAS,YAAT,gBAAAU,EAAkB,cAA2BzB,OAC7Ce,EAAS;AAEX,WAAAO,KAAA,QAAAA,EAAQ,MAAM,EAAE,eAAe,GAAA,IAExB,MAAM;;AACX,MAAID,KAAA,QAAAA,EAAmB,iBAAaE,IAAAF,EAAkB,UAAlB,QAAAE,EAAA,KAAAF;AAAA,IACtC;AAAA,EACF,GAAG,CAACrD,CAAI,CAAC;AAGT,QAAM0D,IAAc,CAACC,MAAgC;AACnD,IAAAZ,EAAS,UAAUY,GACf,OAAOf,KAAiB,aAAYA,EAAae,CAAI,IAChDf,QAA2B,UAAUe;AAAA,EAChD,GAIMC,IAAgB,CAACrC,MAAyC;AAC9D,QAAIA,EAAM,QAAQ,MAAO;AACzB,UAAMsC,IAAQd,EAAS;AACvB,QAAI,CAACc,EAAO;AACZ,UAAMC,IAAa,CAAC,GAAGD,EAAM,iBAA8B7B,CAAS,CAAC,EAAE;AAAA,MACrE,CAAC+B,MAAOA,EAAG,iBAAiB,QAAQA,MAAO,SAAS;AAAA,IAAA;AAEtD,QAAID,EAAW,WAAW,GAAG;AAC3B,MAAAvC,EAAM,eAAA,GACNsC,EAAM,MAAA;AACN;AAAA,IACF;AACA,UAAMG,IAAQF,EAAW,CAAC,GACpBG,IAAOH,EAAWA,EAAW,SAAS,CAAC,GACvCI,IAAS,SAAS;AACxB,IAAI3C,EAAM,aAAa2C,MAAWF,KAASE,MAAWL,MACpDtC,EAAM,eAAA,GACN0C,EAAK,MAAA,KACI,CAAC1C,EAAM,YAAY2C,MAAWD,MACvC1C,EAAM,eAAA,GACNyC,EAAM,MAAA;AAAA,EAEV;AAEA,MAAI,CAAChE,EAAM,QAAO;AAGlB,QAAMmE,IAAW/B,MAAc,UAEzBgC,IACJ7B,KAAQ,OAAO,OAAO,OAAOA,KAAS,YAAYT,GAAc,IAAIS,CAAI,IACtE,gBAAAZ,EAAC0C,GAAA,EAAK,MAAM9B,GAAkB,IAE9BA,GAGE+B,IAAYjC,KAAS,QAAQC,KAAe,QAAQ8B,KAAgB,QAAQ1B,GAE5E6B,IAAgB/D,KAAY,QAAQiC,KAAU;AAEpD,SACE,gBAAAd;AAAA,IAAC7B;AAAA,IAAA;AAAA,MACC,MAAAE;AAAA,MACA,SAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAWyD;AAAA,MACX,WAAW/B,EAAO;AAAA,MAClB,aAAWK;AAAA,MACX,kBAAgBE;AAAA,MAChB,eAAa+B,IAAW,WAAWhC;AAAA,MAEnC,UAAA,gBAAAqC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKd;AAAA,UACL,WAAW9B,EAAKC,EAAO,OAAOA,EAAOK,CAAI,GAAG5B,CAAS;AAAA,UACrD,MAAK;AAAA,UACL,cAAW;AAAA,UACX,mBAAiB+B,KAAS,OAAOa,IAAU;AAAA,UAC3C,cAAYb,KAAS,OAAOM,IAAY;AAAA,UACxC,oBAAkBL,KAAe,OAAOc,IAAS;AAAA,UACjD,UAAU;AAAA,UACV,OAAA7C;AAAA,UACC,GAAGK;AAAA,UAEH,UAAA;AAAA,YAAA0D,KACC,gBAAAE,EAAC,SAAI,WAAW5C,EAAKC,EAAO,QAAQ0C,KAAiB1C,EAAO,aAAa,GACvE,UAAA;AAAA,cAAA,gBAAA2C,EAAC,OAAA,EAAI,WAAW3C,EAAO,YACpB,UAAA;AAAA,gBAAAuC,KAAgB,QACf,gBAAAzC;AAAA,kBAAC8C;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL,OAAAjC;AAAA,oBACA,cAAY;AAAA,oBACZ,eAAW;AAAA,oBACX,WAAWX,EAAO;AAAA,oBAEjB,UAAAuC;AAAA,kBAAA;AAAA,gBAAA;AAAA,iBAGH/B,KAAS,QAAQC,KAAe,2BAC/B,OAAA,EAAI,WAAWT,EAAO,YACpB,UAAA;AAAA,kBAAAQ,KAAS,0BACP,OAAA,EAAI,IAAIa,GAAS,WAAWrB,EAAO,OACjC,UAAAQ,EAAA,CACH;AAAA,kBAEDC,KAAe,QACd,gBAAAX,EAAC,OAAA,EAAI,IAAIyB,GAAQ,WAAWvB,EAAO,UAChC,UAAAS,EAAA,CACH;AAAA,gBAAA,EAAA,CAEJ;AAAA,cAAA,GAEJ;AAAA,cACCI,KACC,gBAAAf;AAAA,gBAAC8C;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,WAAW5C,EAAO;AAAA,kBAClB,cAAYgB,EAAE,cAAc;AAAA,kBAC5B,SAAS5C;AAAA,kBAET,UAAA,gBAAA0B,EAAC0C,GAAA,EAAK,MAAK,QAAA,CAAQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACrB,GAEJ;AAAA,YAED7D,KAAY,QACX,gBAAAmB,EAAC,OAAA,EAAI,KAAKqB,GAAS,WAAWnB,EAAO,MAClC,UAAArB,EAAA,CACH;AAAA,YAEDiC,KAAU,QACT,gBAAAd,EAAC,OAAA,EAAI,KAAKsB,GAAW,WAAWpB,EAAO,QACpC,UAAAY,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"Modal-XMRDPHvQ.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\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 width: `sm` 360 · `md` 620 · `lg` 900 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  /** 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    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  // focus management: move focus into the dialog on open — prefer a body field (form modals land on\n  // their first input), else the first footer action (confirm dialogs land on Cancel/Confirm, not the\n  // × button), else any control, else the dialog itself; restore focus to the trigger on close\n  useEffect(() => {\n    if (!open) return\n    const previouslyFocused = document.activeElement as HTMLElement | null\n    const target =\n      bodyRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      footerRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      panelRef.current?.querySelector<HTMLElement>(FOCUSABLE) ??\n      panelRef.current\n    // preventScroll so opening an `outside`-scroll modal doesn't jump the overlay to a below-fold control\n    target?.focus({ preventScroll: true })\n    // only restore if the element is still mounted (it may have unmounted while the modal was open)\n    return () => {\n      if (previouslyFocused?.isConnected) previouslyFocused.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={styles.body}>\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","Modal","size","scrollBehavior","placement","title","description","icon","color","footer","showCloseButton","ariaLabel","forwardedRef","t","useT","panelRef","bodyRef","footerRef","titleId","useId","descId","previouslyFocused","target","_a","_b","_c","setPanelRef","node","handleTabTrap","panel","focusables","el","first","last","active","isDrawer","renderedIcon","Icon","hasHeader","headerDivided","jsxs","IconButton"],"mappings":"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"}

package/dist/{MultiSelect-BmkzNHTE.js → MultiSelect-BPLctumx.js}

@@ -3,13 +3,13 @@ import { forwardRef as Me, useId as Ce, useState as R, useRef as D, useCallback
 import { clsx as K } from "clsx";
 import { u as Be } from "./formContext-B7ln1Miy.js";
 import { F as Re } from "./FloatingPanel-BG9Uag__.js";
-import { C as qe } from "./Chip-DX3QECcs.js";
+import { C as qe } from "./Chip-DulHqhuf.js";
 import { I as V } from "./Icon-CophpkHo.js";
 import { L as Ke } from "./List-LqbfF6gU.js";
 import { L as Ve } from "./ListItem-B4Upc0Hy.js";
-import { L as We } from "./Loader-DFlpw5Zc.js";
+import { L as We } from "./Loader-UzzqvFyo.js";
 import { T as W } from "./Typography-Cta6Rg4L.js";
-import { a as $e } from "./ConfigProvider-sEZzNTeU.js";
+import { a as $e } from "./ConfigProvider-BYruQYHC.js";
 const Ae = "_field_16ykc_1", Fe = "_fullWidth_16ykc_7", Oe = "_label_16ykc_12", Pe = "_required_16ykc_21", Se = "_control_16ykc_27", He = "_filled_16ykc_47", je = "_open_16ykc_51", Qe = "_error_16ykc_56", Ue = "_disabled_16ykc_64", ze = "_chips_16ykc_31", Ge = "_value_16ykc_84", Je = "_valueLabel_16ykc_91", Xe = "_placeholder_16ykc_96", Ye = "_clear_16ykc_100", Ze = "_chevron_16ykc_117", er = "_sm_16ykc_127", rr = "_md_16ykc_131", lr = "_lg_16ykc_135", tr = "_helper_16ykc_140", or = "_popover_16ykc_145", ar = "_search_16ykc_152", cr = "_searchIcon_16ykc_161", sr = "_searchInput_16ykc_165", nr = "_listbox_16ykc_180", ir = "_active_16ykc_188", dr = "_noOptions_16ykc_192", ur = "_loading_16ykc_198", l = {
   field: Ae,
   fullWidth: Fe,
@@ -347,4 +347,4 @@ const Ae = "_field_16ykc_1", Fe = "_fullWidth_16ykc_7", Oe = "_label_16ykc_12",
 export {
   Dr as M
 };
-//# sourceMappingURL=MultiSelect-BmkzNHTE.js.map
+//# sourceMappingURL=MultiSelect-BPLctumx.js.map