@misael703/ui 1.0.0

package/dist/chunk-FXM7OKDQ.js

@@ -0,0 +1,146 @@
+'use strict';
+
+var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var VARIANT_ICON = {
+  success: chunkRQOTH7I7_js.CheckCircle,
+  warning: chunkRQOTH7I7_js.AlertTriangle,
+  danger: chunkRQOTH7I7_js.AlertCircle,
+  info: chunkRQOTH7I7_js.Info
+};
+var EXIT_MS = 200;
+var ToastContext = React__namespace.createContext(null);
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = React__namespace.useState([]);
+  const [closingIds, setClosingIds] = React__namespace.useState(/* @__PURE__ */ new Set());
+  const [mounted, setMounted] = React__namespace.useState(false);
+  React__namespace.useEffect(() => setMounted(true), []);
+  const timers = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const exitTimers = React__namespace.useRef(/* @__PURE__ */ new Map());
+  const locale = chunkTEQ67JKX_js.useLocale();
+  const dismiss = React__namespace.useCallback((id) => {
+    const state = timers.current.get(id);
+    if (state) {
+      clearTimeout(state.handle);
+      timers.current.delete(id);
+    }
+    if (exitTimers.current.has(id)) return;
+    setClosingIds((prev) => {
+      const next = new Set(prev);
+      next.add(id);
+      return next;
+    });
+    const handle = setTimeout(() => {
+      exitTimers.current.delete(id);
+      setToasts((list) => list.filter((toast) => toast.id !== id));
+      setClosingIds((prev) => {
+        if (!prev.has(id)) return prev;
+        const next = new Set(prev);
+        next.delete(id);
+        return next;
+      });
+    }, EXIT_MS);
+    exitTimers.current.set(id, handle);
+  }, []);
+  const push = React__namespace.useCallback(
+    (t) => {
+      const id = Math.random().toString(36).slice(2);
+      const item = { id, duration: 4e3, variant: "info", ...t };
+      setToasts((list) => [...list, item]);
+      if (item.duration && item.duration > 0) {
+        const handle = setTimeout(() => dismiss(id), item.duration);
+        timers.current.set(id, { handle, startedAt: Date.now(), remaining: item.duration });
+      }
+      return id;
+    },
+    [dismiss]
+  );
+  const pause = React__namespace.useCallback((id) => {
+    const state = timers.current.get(id);
+    if (!state) return;
+    clearTimeout(state.handle);
+    const elapsed = Date.now() - state.startedAt;
+    const remaining = Math.max(0, state.remaining - elapsed);
+    timers.current.set(id, { ...state, remaining });
+  }, []);
+  const resume = React__namespace.useCallback((id) => {
+    const state = timers.current.get(id);
+    if (!state) return;
+    const handle = setTimeout(() => dismiss(id), state.remaining);
+    timers.current.set(id, { handle, startedAt: Date.now(), remaining: state.remaining });
+  }, [dismiss]);
+  React__namespace.useEffect(() => {
+    const map = timers.current;
+    const exits = exitTimers.current;
+    return () => {
+      map.forEach((state) => clearTimeout(state.handle));
+      map.clear();
+      exits.forEach((handle) => clearTimeout(handle));
+      exits.clear();
+    };
+  }, []);
+  const stack = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "toast-stack", "aria-live": "polite", children: toasts.map((t) => {
+    const variant = t.variant ?? "info";
+    const Icon = VARIANT_ICON[variant];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: chunkPASF6T4H_js.cx("toast", `toast--${variant}`, closingIds.has(t.id) && "is-closing"),
+        role: "status",
+        onMouseEnter: () => pause(t.id),
+        onMouseLeave: () => resume(t.id),
+        onFocus: () => pause(t.id),
+        onBlur: () => resume(t.id),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "toast__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 20 }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toast__body", children: [
+            t.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "toast__title", children: t.title }),
+            t.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "toast__desc", children: t.description })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "toast__close", "aria-label": locale["toast.close"], onClick: () => dismiss(t.id), children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.X, { size: 16 }) })
+        ]
+      },
+      t.id
+    );
+  }) });
+  const ctx = React__namespace.useMemo(() => ({ toasts, push, dismiss }), [toasts, push, dismiss]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value: ctx, children: [
+    children,
+    mounted && typeof document !== "undefined" && reactDom.createPortal(stack, document.body)
+  ] });
+}
+function useToast() {
+  const ctx = React__namespace.useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used inside <ToastProvider>");
+  return ctx;
+}
+
+exports.ToastProvider = ToastProvider;
+exports.useToast = useToast;
+//# sourceMappingURL=chunk-FXM7OKDQ.js.map
+//# sourceMappingURL=chunk-FXM7OKDQ.js.map

package/dist/chunk-FXM7OKDQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toast.tsx"],"names":["CheckCircle","AlertTriangle","AlertCircle","Info","React","useLocale","jsx","jsxs","cx","X","createPortal"],"mappings":"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","file":"chunk-FXM7OKDQ.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { X, CheckCircle, AlertTriangle, AlertCircle, Info } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { cx } from '../utils/cx';\n\nconst VARIANT_ICON = {\n  success: CheckCircle,\n  warning: AlertTriangle,\n  danger: AlertCircle,\n  info: Info,\n} as const;\n\n// Exit animation duration. Must match `.toast.is-closing` keyframes\n// (`toastSlideOut`) in src/styles/index.css.\nconst EXIT_MS = 200;\n\nexport interface ToastItem {\n  id: string;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  variant?: 'info' | 'success' | 'warning' | 'danger';\n  duration?: number;\n}\n\ninterface ToastContextValue {\n  toasts: ToastItem[];\n  push: (t: Omit<ToastItem, 'id'>) => string;\n  dismiss: (id: string) => void;\n}\n\nconst ToastContext = React.createContext<ToastContextValue | null>(null);\n\ninterface ToastTimerState {\n  handle: ReturnType<typeof setTimeout>;\n  startedAt: number;\n  remaining: number;\n}\n\nexport function ToastProvider({ children }: { children: React.ReactNode }) {\n  const [toasts, setToasts] = React.useState<ToastItem[]>([]);\n  // Toasts in the closing window: still rendered with `is-closing` class so\n  // CSS can play the exit animation, but already removed from new-toast\n  // accounting (auto-dismiss timer cancelled, can't be paused/resumed).\n  const [closingIds, setClosingIds] = React.useState<Set<string>>(new Set());\n  // SSR-safe portal gating. Without this, the first client render emits a\n  // `toast-stack` div into document.body via createPortal, while the\n  // server-rendered HTML doesn't — Next.js App Router flags it as a\n  // hydration mismatch. Starting `mounted=false` keeps the first client\n  // render identical to the server; the effect flips it true after\n  // hydration and the portal mounts on the next pass.\n  const [mounted, setMounted] = React.useState(false);\n  React.useEffect(() => setMounted(true), []);\n  const timers = React.useRef<Map<string, ToastTimerState>>(new Map());\n  const exitTimers = React.useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());\n  const locale = useLocale();\n\n  const dismiss = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (state) {\n      clearTimeout(state.handle);\n      timers.current.delete(id);\n    }\n    // Already in the closing window? skip (idempotent).\n    if (exitTimers.current.has(id)) return;\n    setClosingIds((prev) => {\n      const next = new Set(prev);\n      next.add(id);\n      return next;\n    });\n    const handle = setTimeout(() => {\n      exitTimers.current.delete(id);\n      setToasts((list) => list.filter((toast) => toast.id !== id));\n      setClosingIds((prev) => {\n        if (!prev.has(id)) return prev;\n        const next = new Set(prev);\n        next.delete(id);\n        return next;\n      });\n    }, EXIT_MS);\n    exitTimers.current.set(id, handle);\n  }, []);\n\n  const push = React.useCallback(\n    (t: Omit<ToastItem, 'id'>) => {\n      const id = Math.random().toString(36).slice(2);\n      const item: ToastItem = { id, duration: 4000, variant: 'info', ...t };\n      setToasts((list) => [...list, item]);\n      if (item.duration && item.duration > 0) {\n        const handle = setTimeout(() => dismiss(id), item.duration);\n        timers.current.set(id, { handle, startedAt: Date.now(), remaining: item.duration });\n      }\n      return id;\n    },\n    [dismiss]\n  );\n\n  // Pause auto-dismiss while pointer is over the toast — users reading a\n  // multi-line message shouldn't have it disappear mid-read.\n  const pause = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (!state) return;\n    clearTimeout(state.handle);\n    const elapsed = Date.now() - state.startedAt;\n    const remaining = Math.max(0, state.remaining - elapsed);\n    timers.current.set(id, { ...state, remaining });\n  }, []);\n\n  const resume = React.useCallback((id: string) => {\n    const state = timers.current.get(id);\n    if (!state) return;\n    const handle = setTimeout(() => dismiss(id), state.remaining);\n    timers.current.set(id, { handle, startedAt: Date.now(), remaining: state.remaining });\n  }, [dismiss]);\n\n  React.useEffect(() => {\n    const map = timers.current;\n    const exits = exitTimers.current;\n    return () => {\n      map.forEach((state) => clearTimeout(state.handle));\n      map.clear();\n      exits.forEach((handle) => clearTimeout(handle));\n      exits.clear();\n    };\n  }, []);\n\n  // Portal the stack to body so it isn't clipped by ancestor stacking contexts\n  // (overflow:hidden, transform, filter on app shell layouts).\n  // aria-atomic intentionally omitted: with `false` (default), screen readers\n  // announce only newly added toasts instead of re-reading the entire stack.\n  const stack = (\n    <div className=\"toast-stack\" aria-live=\"polite\">\n      {toasts.map((t) => {\n        const variant = t.variant ?? 'info';\n        const Icon = VARIANT_ICON[variant];\n        return (\n          <div\n            key={t.id}\n            className={cx('toast', `toast--${variant}`, closingIds.has(t.id) && 'is-closing')}\n            role=\"status\"\n            onMouseEnter={() => pause(t.id)}\n            onMouseLeave={() => resume(t.id)}\n            onFocus={() => pause(t.id)}\n            onBlur={() => resume(t.id)}\n          >\n            <span className=\"toast__icon\" aria-hidden=\"true\"><Icon size={20} /></span>\n            <div className=\"toast__body\">\n              {t.title && <div className=\"toast__title\">{t.title}</div>}\n              {t.description && <div className=\"toast__desc\">{t.description}</div>}\n            </div>\n            <button type=\"button\" className=\"toast__close\" aria-label={locale['toast.close']} onClick={() => dismiss(t.id)}><X size={16} /></button>\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  // Memoize the provider value so consumers calling useToast() to access\n  // only `push`/`dismiss` (the common case) don't re-render on every state\n  // change. Without this, every toast push churned every consumer.\n  const ctx = React.useMemo(() => ({ toasts, push, dismiss }), [toasts, push, dismiss]);\n\n  return (\n    <ToastContext.Provider value={ctx}>\n      {children}\n      {mounted && typeof document !== 'undefined' && createPortal(stack, document.body)}\n    </ToastContext.Provider>\n  );\n}\n\nexport function useToast() {\n  const ctx = React.useContext(ToastContext);\n  if (!ctx) throw new Error('useToast must be used inside <ToastProvider>');\n  return ctx;\n}\n"]}

package/dist/chunk-GCW5JYWQ.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var AspectRatio = React__namespace.forwardRef(function AspectRatio2({ ratio = 16 / 9, style, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: chunkPASF6T4H_js.cx("aspect-ratio", className),
+      style: { position: "relative", width: "100%", aspectRatio: String(ratio), ...style },
+      ...rest,
+      children
+    }
+  );
+});
+var Separator = React__namespace.forwardRef(function Separator2({ orientation = "horizontal", decorative = true, className, ...rest }, ref) {
+  const a11y = decorative ? { role: "none" } : { role: "separator", "aria-orientation": orientation };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      ...a11y,
+      className: chunkPASF6T4H_js.cx("separator", `separator--${orientation}`, className),
+      ...rest
+    }
+  );
+});
+var ScrollArea = React__namespace.forwardRef(function ScrollArea2({ maxHeight, orientation = "vertical", className, style, children, ...rest }, ref) {
+  const overflow = orientation === "horizontal" ? { overflowX: "auto", overflowY: "hidden" } : orientation === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: chunkPASF6T4H_js.cx("scroll-area", `scroll-area--${orientation}`, className),
+      style: { ...overflow, maxHeight, ...style },
+      ...rest,
+      children
+    }
+  );
+});
+
+exports.AspectRatio = AspectRatio;
+exports.ScrollArea = ScrollArea;
+exports.Separator = Separator;
+//# sourceMappingURL=chunk-GCW5JYWQ.js.map
+//# sourceMappingURL=chunk-GCW5JYWQ.js.map

package/dist/chunk-GCW5JYWQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Primitives.tsx"],"names":["React","AspectRatio","jsx","cx","Separator","ScrollArea"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AASO,IAAM,WAAA,GAAoBA,gBAAA,CAAA,UAAA,CAA6C,SAASC,YAAAA,CACrF,EAAE,KAAA,GAAQ,EAAA,GAAK,CAAA,EAAG,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,IACjD,GAAA,EACA;AACA,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,mBAAA,CAAG,cAAA,EAAgB,SAAS,CAAA;AAAA,MACvC,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,MAAA,EAAQ,WAAA,EAAa,MAAA,CAAO,KAAK,CAAA,EAAG,GAAG,KAAA,EAAM;AAAA,MAClF,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;AAQM,IAAM,SAAA,GAAkBH,gBAAA,CAAA,UAAA,CAA2C,SAASI,UAAAA,CACjF,EAAE,WAAA,GAAc,YAAA,EAAc,UAAA,GAAa,IAAA,EAAM,SAAA,EAAW,GAAG,IAAA,IAC/D,GAAA,EACA;AACA,EAAA,MAAM,IAAA,GAAO,UAAA,GAAa,EAAE,IAAA,EAAM,MAAA,KAAW,EAAE,IAAA,EAAM,WAAA,EAAa,kBAAA,EAAoB,WAAA,EAAY;AAClG,EAAA,uBACEF,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,WAAWC,mBAAA,CAAG,WAAA,EAAa,CAAA,WAAA,EAAc,WAAW,IAAI,SAAS,CAAA;AAAA,MAChE,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAQM,IAAM,UAAA,GAAmBH,gBAAA,CAAA,UAAA,CAA4C,SAASK,WAAAA,CACnF,EAAE,SAAA,EAAW,WAAA,GAAc,UAAA,EAAY,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,GAAG,IAAA,IACtE,GAAA,EACA;AACA,EAAA,MAAM,WACJ,WAAA,KAAgB,YAAA,GACZ,EAAE,SAAA,EAAW,MAAA,EAAiB,WAAW,QAAA,EAAkB,GAC3D,gBAAgB,MAAA,GAChB,EAAE,UAAU,MAAA,EAAgB,GAC5B,EAAE,SAAA,EAAW,MAAA,EAAiB,WAAW,QAAA,EAAkB;AACjE,EAAA,uBACEH,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAWC,mBAAA,CAAG,aAAA,EAAe,CAAA,aAAA,EAAgB,WAAW,IAAI,SAAS,CAAA;AAAA,MACrE,OAAO,EAAE,GAAG,QAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAM;AAAA,MACzC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC","file":"chunk-GCW5JYWQ.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\n// ---------- AspectRatio ------------------------------------------------\nexport interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {\n  ratio?: number;\n}\n\nexport const AspectRatio = React.forwardRef<HTMLDivElement, AspectRatioProps>(function AspectRatio(\n  { ratio = 16 / 9, style, className, children, ...rest },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('aspect-ratio', className)}\n      style={{ position: 'relative', width: '100%', aspectRatio: String(ratio), ...style }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\n// ---------- Separator --------------------------------------------------\nexport interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n  decorative?: boolean;\n}\n\nexport const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(function Separator(\n  { orientation = 'horizontal', decorative = true, className, ...rest },\n  ref\n) {\n  const a11y = decorative ? { role: 'none' } : { role: 'separator', 'aria-orientation': orientation };\n  return (\n    <div\n      ref={ref}\n      {...a11y}\n      className={cx('separator', `separator--${orientation}`, className)}\n      {...rest}\n    />\n  );\n});\n\n// ---------- ScrollArea -------------------------------------------------\nexport interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {\n  maxHeight?: number | string;\n  orientation?: 'vertical' | 'horizontal' | 'both';\n}\n\nexport const ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(function ScrollArea(\n  { maxHeight, orientation = 'vertical', className, style, children, ...rest },\n  ref\n) {\n  const overflow =\n    orientation === 'horizontal'\n      ? { overflowX: 'auto' as const, overflowY: 'hidden' as const }\n      : orientation === 'both'\n      ? { overflow: 'auto' as const }\n      : { overflowY: 'auto' as const, overflowX: 'hidden' as const };\n  return (\n    <div\n      ref={ref}\n      className={cx('scroll-area', `scroll-area--${orientation}`, className)}\n      style={{ ...overflow, maxHeight, ...style }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n"]}

package/dist/chunk-GDFYAUHT.mjs

@@ -0,0 +1,192 @@
+import { useLocale } from './chunk-ZRFSTYRL.mjs';
+import { X } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React2 from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function useDelayedUnmount(open, durationMs) {
+  const [mounted, setMounted] = React2.useState(open);
+  const [closing, setClosing] = React2.useState(false);
+  React2.useEffect(() => {
+    if (open) {
+      setMounted(true);
+      setClosing(false);
+      return;
+    }
+    if (!mounted) return;
+    setClosing(true);
+    const handle = setTimeout(() => {
+      setMounted(false);
+      setClosing(false);
+    }, durationMs);
+    return () => clearTimeout(handle);
+  }, [open, durationMs, mounted]);
+  return { mounted, closing };
+}
+var EXIT_MS = 200;
+function useEscape(active, onClose, enabled) {
+  React2.useEffect(() => {
+    if (typeof document === "undefined") return;
+    if (!active || !enabled) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [active, enabled, onClose]);
+}
+function useFocusTrap(ref, active) {
+  React2.useEffect(() => {
+    if (typeof document === "undefined") return;
+    if (!active || !ref.current) return;
+    const node = ref.current;
+    const previously = document.activeElement;
+    const focusables = () => Array.from(
+      node.querySelectorAll(
+        'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
+      )
+    );
+    const first = focusables()[0];
+    first?.focus();
+    const onKey = (e) => {
+      if (e.key !== "Tab") return;
+      const list = focusables();
+      if (list.length === 0) return;
+      const f = list[0], l = list[list.length - 1];
+      if (e.shiftKey && document.activeElement === f) {
+        e.preventDefault();
+        l.focus();
+      } else if (!e.shiftKey && document.activeElement === l) {
+        e.preventDefault();
+        f.focus();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      previously?.focus?.();
+    };
+  }, [active, ref]);
+}
+var scrollLockCount = 0;
+var originalOverflow = "";
+function useScrollLock(active) {
+  React2.useEffect(() => {
+    if (typeof document === "undefined") return;
+    if (!active) return;
+    if (scrollLockCount === 0) {
+      originalOverflow = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+    }
+    scrollLockCount++;
+    return () => {
+      scrollLockCount--;
+      if (scrollLockCount === 0) {
+        document.body.style.overflow = originalOverflow;
+      }
+    };
+  }, [active]);
+}
+function Modal({
+  open,
+  onClose,
+  title,
+  children,
+  footer,
+  size = "md",
+  closeOnBackdrop = true,
+  closeOnEsc = true,
+  className
+}) {
+  const ref = React2.useRef(null);
+  const titleId = React2.useId();
+  const t = useLocale();
+  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);
+  useEscape(open, onClose, closeOnEsc);
+  useFocusTrap(ref, open);
+  useScrollLock(open);
+  if (!mounted || typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cx("modal-backdrop", closing && "is-closing"),
+        onClick: () => closeOnBackdrop && onClose(),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": title ? titleId : void 0,
+            className: cx("modal", `modal--${size}`, closing && "is-closing", className),
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              title && /* @__PURE__ */ jsxs("div", { className: "modal__header", children: [
+                /* @__PURE__ */ jsx("div", { id: titleId, className: "modal__title", children: title }),
+                /* @__PURE__ */ jsx("button", { type: "button", className: "modal__close", onClick: onClose, "aria-label": t["modal.close"], children: /* @__PURE__ */ jsx(X, { size: 18 }) })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "modal__body", children }),
+              footer && /* @__PURE__ */ jsx("div", { className: "modal__footer", children: footer })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+function Drawer({
+  open,
+  onClose,
+  title,
+  children,
+  footer,
+  side = "right",
+  closeOnBackdrop = true,
+  closeOnEsc = true,
+  className
+}) {
+  const ref = React2.useRef(null);
+  const titleId = React2.useId();
+  const t = useLocale();
+  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);
+  useEscape(open, onClose, closeOnEsc);
+  useFocusTrap(ref, open);
+  useScrollLock(open);
+  if (!mounted || typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cx("drawer-backdrop", closing && "is-closing"),
+        onClick: () => closeOnBackdrop && onClose(),
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": title ? titleId : void 0,
+            className: cx("drawer", `drawer--${side}`, closing && "is-closing", className),
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              title && /* @__PURE__ */ jsxs("div", { className: "drawer__header", children: [
+                /* @__PURE__ */ jsx("div", { id: titleId, className: "drawer__title", children: title }),
+                /* @__PURE__ */ jsx("button", { type: "button", className: "drawer__close", onClick: onClose, "aria-label": t["drawer.close"], children: /* @__PURE__ */ jsx(X, { size: 18 }) })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "drawer__body", children }),
+              footer && /* @__PURE__ */ jsx("div", { className: "drawer__footer", children: footer })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
+export { Drawer, Modal };
+//# sourceMappingURL=chunk-GDFYAUHT.mjs.map
+//# sourceMappingURL=chunk-GDFYAUHT.mjs.map

package/dist/chunk-GDFYAUHT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDelayedUnmount.ts","../src/components/Overlay.tsx"],"names":["React"],"mappings":"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","file":"chunk-GDFYAUHT.mjs","sourcesContent":["import * as React from 'react';\n\n/**\n * Delays unmounting of a component so an exit animation can play.\n *\n * When `open` flips to false, the hook keeps `mounted` true for `durationMs`\n * (giving CSS time to play `is-closing` keyframes) and then flips it to\n * false. The `closing` flag toggles during that window so the consumer can\n * apply a class like `is-closing` for the CSS animation.\n *\n * Usage:\n *\n * ```tsx\n * const { mounted, closing } = useDelayedUnmount(open, 200);\n * if (!mounted) return null;\n * return <div className={cx('modal', closing && 'is-closing')} />\n * ```\n */\nexport function useDelayedUnmount(open: boolean, durationMs: number) {\n  const [mounted, setMounted] = React.useState(open);\n  const [closing, setClosing] = React.useState(false);\n\n  React.useEffect(() => {\n    if (open) {\n      setMounted(true);\n      setClosing(false);\n      return;\n    }\n    if (!mounted) return;\n    setClosing(true);\n    const handle = setTimeout(() => {\n      setMounted(false);\n      setClosing(false);\n    }, durationMs);\n    return () => clearTimeout(handle);\n  }, [open, durationMs, mounted]);\n\n  return { mounted, closing };\n}\n","'use client';\nimport * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cx } from '../utils/cx';\nimport { X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { useDelayedUnmount } from '../hooks/useDelayedUnmount';\n\n// Exit animation duration in ms. Must match the `is-closing` keyframes\n// in src/styles/index.css (`.modal-backdrop`, `.drawer-backdrop`).\nconst EXIT_MS = 200;\n\nexport interface OverlayProps {\n  open: boolean;\n  onClose: () => void;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  footer?: React.ReactNode;\n  size?: 'sm' | 'md' | 'lg';\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  className?: string;\n}\n\nfunction useEscape(active: boolean, onClose: () => void, enabled: boolean) {\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n    if (!active || !enabled) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', onKey);\n    return () => document.removeEventListener('keydown', onKey);\n  }, [active, enabled, onClose]);\n}\n\nfunction useFocusTrap(ref: React.RefObject<HTMLElement>, active: boolean) {\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n    if (!active || !ref.current) return;\n    const node = ref.current;\n    const previously = document.activeElement as HTMLElement | null;\n    const focusables = () =>\n      Array.from(\n        node.querySelectorAll<HTMLElement>(\n          'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n        )\n      );\n    const first = focusables()[0];\n    first?.focus();\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return;\n      const list = focusables();\n      if (list.length === 0) return;\n      const f = list[0], l = list[list.length - 1];\n      if (e.shiftKey && document.activeElement === f) {\n        e.preventDefault(); l.focus();\n      } else if (!e.shiftKey && document.activeElement === l) {\n        e.preventDefault(); f.focus();\n      }\n    };\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('keydown', onKey);\n      previously?.focus?.();\n    };\n  }, [active, ref]);\n}\n\n// Lock body scroll while any overlay is open. Stacked overlays share a single\n// counter so closing the inner one doesn't release the lock for the outer one.\nlet scrollLockCount = 0;\nlet originalOverflow = '';\nfunction useScrollLock(active: boolean) {\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n    if (!active) return;\n    if (scrollLockCount === 0) {\n      originalOverflow = document.body.style.overflow;\n      document.body.style.overflow = 'hidden';\n    }\n    scrollLockCount++;\n    return () => {\n      scrollLockCount--;\n      if (scrollLockCount === 0) {\n        document.body.style.overflow = originalOverflow;\n      }\n    };\n  }, [active]);\n}\n\nexport function Modal({\n  open, onClose, title, children, footer, size = 'md',\n  closeOnBackdrop = true, closeOnEsc = true, className,\n}: OverlayProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const titleId = React.useId();\n  const t = useLocale();\n  // useDelayedUnmount keeps the DOM mounted during exit animation. The\n  // a11y/scroll-lock hooks still consume `open` (the user's intent), not\n  // `mounted` — we don't want to trap focus or block scroll while\n  // animating out.\n  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);\n  useEscape(open, onClose, closeOnEsc);\n  useFocusTrap(ref, open);\n  useScrollLock(open);\n  if (!mounted || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      className={cx('modal-backdrop', closing && 'is-closing')}\n      onClick={() => closeOnBackdrop && onClose()}\n    >\n      <div\n        ref={ref}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={cx('modal', `modal--${size}`, closing && 'is-closing', className)}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {title && (\n          <div className=\"modal__header\">\n            <div id={titleId} className=\"modal__title\">{title}</div>\n            <button type=\"button\" className=\"modal__close\" onClick={onClose} aria-label={t['modal.close']}><X size={18} /></button>\n          </div>\n        )}\n        <div className=\"modal__body\">{children}</div>\n        {footer && <div className=\"modal__footer\">{footer}</div>}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\nexport interface DrawerProps extends OverlayProps {\n  side?: 'left' | 'right';\n}\n\nexport function Drawer({\n  open, onClose, title, children, footer, side = 'right',\n  closeOnBackdrop = true, closeOnEsc = true, className,\n}: DrawerProps) {\n  const ref = React.useRef<HTMLDivElement>(null);\n  const titleId = React.useId();\n  const t = useLocale();\n  const { mounted, closing } = useDelayedUnmount(open, EXIT_MS);\n  useEscape(open, onClose, closeOnEsc);\n  useFocusTrap(ref, open);\n  useScrollLock(open);\n  if (!mounted || typeof document === 'undefined') return null;\n  return createPortal(\n    <div\n      className={cx('drawer-backdrop', closing && 'is-closing')}\n      onClick={() => closeOnBackdrop && onClose()}\n    >\n      <div\n        ref={ref}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby={title ? titleId : undefined}\n        className={cx('drawer', `drawer--${side}`, closing && 'is-closing', className)}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {title && (\n          <div className=\"drawer__header\">\n            <div id={titleId} className=\"drawer__title\">{title}</div>\n            <button type=\"button\" className=\"drawer__close\" onClick={onClose} aria-label={t['drawer.close']}><X size={18} /></button>\n          </div>\n        )}\n        <div className=\"drawer__body\">{children}</div>\n        {footer && <div className=\"drawer__footer\">{footer}</div>}\n      </div>\n    </div>,\n    document.body\n  );\n}\n"]}