@misael703/ui 1.0.0

package/dist/chunk-DW3XAXHR.mjs

@@ -0,0 +1,146 @@
+import { format } from './chunk-KKOJI25C.mjs';
+import { useLocale } from './chunk-ZRFSTYRL.mjs';
+import { ChevronLeft, ChevronRight, X } from './chunk-CIBJKJV3.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ImageGallery({
+  images,
+  defaultIndex = 0,
+  enableLightbox = true,
+  thumbnailPosition = "bottom",
+  className,
+  ...rest
+}) {
+  const [index, setIndex] = React.useState(defaultIndex);
+  const [lightboxOpen, setLightboxOpen] = React.useState(false);
+  const t = useLocale();
+  if (images.length === 0) return null;
+  const safeIndex = Math.max(0, Math.min(index, images.length - 1));
+  const current = images[safeIndex];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: cx("gallery", `gallery--thumbs-${thumbnailPosition}`, className), ...rest, children: [
+      /* @__PURE__ */ jsxs("div", { className: "gallery__main", children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: current.src,
+            alt: current.alt ?? "",
+            className: "gallery__image",
+            onClick: () => enableLightbox && setLightboxOpen(true),
+            style: { cursor: enableLightbox ? "zoom-in" : "default" }
+          }
+        ),
+        images.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "gallery__nav gallery__nav--prev",
+              "aria-label": t["gallery.prev"],
+              onClick: () => setIndex((i) => (i - 1 + images.length) % images.length),
+              children: /* @__PURE__ */ jsx(ChevronLeft, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "gallery__nav gallery__nav--next",
+              "aria-label": t["gallery.next"],
+              onClick: () => setIndex((i) => (i + 1) % images.length),
+              children: /* @__PURE__ */ jsx(ChevronRight, { size: 20 })
+            }
+          )
+        ] })
+      ] }),
+      images.length > 1 && /* @__PURE__ */ jsx("div", { className: "gallery__thumbs", role: "tablist", "aria-label": t["gallery.thumbnails"], children: images.map((img, i) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": i === safeIndex,
+          "aria-label": format(t["gallery.imageNumber"], { n: i + 1 }),
+          className: cx("gallery__thumb", i === safeIndex && "is-active"),
+          onClick: () => setIndex(i),
+          children: /* @__PURE__ */ jsx("img", { src: img.thumbnail ?? img.src, alt: img.alt ?? "" })
+        },
+        i
+      )) })
+    ] }),
+    enableLightbox && /* @__PURE__ */ jsx(
+      Lightbox,
+      {
+        open: lightboxOpen,
+        onClose: () => setLightboxOpen(false),
+        images,
+        index: safeIndex,
+        onChange: setIndex
+      }
+    )
+  ] });
+}
+function Lightbox({ open, onClose, images, index, onChange }) {
+  const t = useLocale();
+  React.useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+      else if (e.key === "ArrowLeft" && onChange) onChange((index - 1 + images.length) % images.length);
+      else if (e.key === "ArrowRight" && onChange) onChange((index + 1) % images.length);
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [open, index, images.length, onChange, onClose]);
+  if (!open || images.length === 0) return null;
+  const current = images[Math.max(0, Math.min(index, images.length - 1))];
+  return /* @__PURE__ */ jsxs("div", { className: "lightbox", role: "dialog", "aria-modal": "true", "aria-label": t["gallery.viewer"], onClick: onClose, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "lightbox__close",
+        "aria-label": t["gallery.close"],
+        onClick: onClose,
+        children: /* @__PURE__ */ jsx(X, { size: 20 })
+      }
+    ),
+    images.length > 1 && onChange && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "lightbox__nav lightbox__nav--prev",
+        "aria-label": t["gallery.prev"],
+        onClick: (e) => {
+          e.stopPropagation();
+          onChange((index - 1 + images.length) % images.length);
+        },
+        children: /* @__PURE__ */ jsx(ChevronLeft, { size: 24 })
+      }
+    ),
+    /* @__PURE__ */ jsx("img", { src: current.src, alt: current.alt ?? "", className: "lightbox__image", onClick: (e) => e.stopPropagation() }),
+    images.length > 1 && onChange && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "lightbox__nav lightbox__nav--next",
+        "aria-label": t["gallery.next"],
+        onClick: (e) => {
+          e.stopPropagation();
+          onChange((index + 1) % images.length);
+        },
+        children: /* @__PURE__ */ jsx(ChevronRight, { size: 24 })
+      }
+    ),
+    images.length > 1 && /* @__PURE__ */ jsxs("div", { className: "lightbox__counter", children: [
+      index + 1,
+      " / ",
+      images.length
+    ] })
+  ] });
+}
+
+export { ImageGallery, Lightbox };
+//# sourceMappingURL=chunk-DW3XAXHR.mjs.map
+//# sourceMappingURL=chunk-DW3XAXHR.mjs.map

package/dist/chunk-DW3XAXHR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Gallery.tsx"],"names":[],"mappings":"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","file":"chunk-DW3XAXHR.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronLeft, ChevronRight, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- ImageGallery ------------------------------------------------\nexport interface GalleryImage {\n  src: string;\n  alt?: string;\n  thumbnail?: string;       // si no se pasa, se usa src\n}\n\nexport interface ImageGalleryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  images: GalleryImage[];\n  /** Index inicial. */\n  defaultIndex?: number;\n  /** Click en imagen principal abre lightbox. Default: true. */\n  enableLightbox?: boolean;\n  /** Layout de thumbnails. */\n  thumbnailPosition?: 'bottom' | 'left';\n}\n\nexport function ImageGallery({\n  images, defaultIndex = 0, enableLightbox = true,\n  thumbnailPosition = 'bottom', className, ...rest\n}: ImageGalleryProps) {\n  const [index, setIndex] = React.useState(defaultIndex);\n  const [lightboxOpen, setLightboxOpen] = React.useState(false);\n  const t = useLocale();\n\n  if (images.length === 0) return null;\n  const safeIndex = Math.max(0, Math.min(index, images.length - 1));\n  const current = images[safeIndex];\n\n  return (\n    <>\n      <div className={cx('gallery', `gallery--thumbs-${thumbnailPosition}`, className)} {...rest}>\n        <div className=\"gallery__main\">\n          <img\n            src={current.src}\n            alt={current.alt ?? ''}\n            className=\"gallery__image\"\n            onClick={() => enableLightbox && setLightboxOpen(true)}\n            style={{ cursor: enableLightbox ? 'zoom-in' : 'default' }}\n          />\n          {images.length > 1 && (\n            <>\n              <button\n                type=\"button\"\n                className=\"gallery__nav gallery__nav--prev\"\n                aria-label={t['gallery.prev']}\n                onClick={() => setIndex((i) => (i - 1 + images.length) % images.length)}\n              >\n                <ChevronLeft size={20} />\n              </button>\n              <button\n                type=\"button\"\n                className=\"gallery__nav gallery__nav--next\"\n                aria-label={t['gallery.next']}\n                onClick={() => setIndex((i) => (i + 1) % images.length)}\n              >\n                <ChevronRight size={20} />\n              </button>\n            </>\n          )}\n        </div>\n        {images.length > 1 && (\n          <div className=\"gallery__thumbs\" role=\"tablist\" aria-label={t['gallery.thumbnails']}>\n            {images.map((img, i) => (\n              <button\n                key={i}\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={i === safeIndex}\n                aria-label={format(t['gallery.imageNumber'], { n: i + 1 })}\n                className={cx('gallery__thumb', i === safeIndex && 'is-active')}\n                onClick={() => setIndex(i)}\n              >\n                <img src={img.thumbnail ?? img.src} alt={img.alt ?? ''} />\n              </button>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {enableLightbox && (\n        <Lightbox\n          open={lightboxOpen}\n          onClose={() => setLightboxOpen(false)}\n          images={images}\n          index={safeIndex}\n          onChange={setIndex}\n        />\n      )}\n    </>\n  );\n}\n\n// ---------- Lightbox ---------------------------------------------------\nexport interface LightboxProps {\n  open: boolean;\n  onClose: () => void;\n  images: GalleryImage[];\n  index: number;\n  onChange?: (i: number) => void;\n}\n\nexport function Lightbox({ open, onClose, images, index, onChange }: LightboxProps) {\n  const t = useLocale();\n  React.useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n      else if (e.key === 'ArrowLeft' && onChange) onChange((index - 1 + images.length) % images.length);\n      else if (e.key === 'ArrowRight' && onChange) onChange((index + 1) % images.length);\n    };\n    document.addEventListener('keydown', onKey);\n    return () => document.removeEventListener('keydown', onKey);\n  }, [open, index, images.length, onChange, onClose]);\n\n  if (!open || images.length === 0) return null;\n  const current = images[Math.max(0, Math.min(index, images.length - 1))];\n\n  return (\n    <div className=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label={t['gallery.viewer']} onClick={onClose}>\n      <button\n        type=\"button\"\n        className=\"lightbox__close\"\n        aria-label={t['gallery.close']}\n        onClick={onClose}\n      >\n        <X size={20} />\n      </button>\n      {images.length > 1 && onChange && (\n        <button\n          type=\"button\"\n          className=\"lightbox__nav lightbox__nav--prev\"\n          aria-label={t['gallery.prev']}\n          onClick={(e) => { e.stopPropagation(); onChange((index - 1 + images.length) % images.length); }}\n        >\n          <ChevronLeft size={24} />\n        </button>\n      )}\n      <img src={current.src} alt={current.alt ?? ''} className=\"lightbox__image\" onClick={(e) => e.stopPropagation()} />\n      {images.length > 1 && onChange && (\n        <button\n          type=\"button\"\n          className=\"lightbox__nav lightbox__nav--next\"\n          aria-label={t['gallery.next']}\n          onClick={(e) => { e.stopPropagation(); onChange((index + 1) % images.length); }}\n        >\n          <ChevronRight size={24} />\n        </button>\n      )}\n      {images.length > 1 && (\n        <div className=\"lightbox__counter\">{index + 1} / {images.length}</div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-E2XOUDAH.js

@@ -0,0 +1,215 @@
+'use strict';
+
+var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React2 = 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 React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+function useDelayedUnmount(open, durationMs) {
+  const [mounted, setMounted] = React2__namespace.useState(open);
+  const [closing, setClosing] = React2__namespace.useState(false);
+  React2__namespace.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__namespace.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__namespace.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__namespace.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__namespace.useRef(null);
+  const titleId = React2__namespace.useId();
+  const t = chunkTEQ67JKX_js.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 reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunkPASF6T4H_js.cx("modal-backdrop", closing && "is-closing"),
+        onClick: () => closeOnBackdrop && onClose(),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": title ? titleId : void 0,
+            className: chunkPASF6T4H_js.cx("modal", `modal--${size}`, closing && "is-closing", className),
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal__header", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: "modal__title", children: title }),
+                /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "modal__close", onClick: onClose, "aria-label": t["modal.close"], children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.X, { size: 18 }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal__body", children }),
+              footer && /* @__PURE__ */ jsxRuntime.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__namespace.useRef(null);
+  const titleId = React2__namespace.useId();
+  const t = chunkTEQ67JKX_js.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 reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chunkPASF6T4H_js.cx("drawer-backdrop", closing && "is-closing"),
+        onClick: () => closeOnBackdrop && onClose(),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": title ? titleId : void 0,
+            className: chunkPASF6T4H_js.cx("drawer", `drawer--${side}`, closing && "is-closing", className),
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer__header", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { id: titleId, className: "drawer__title", children: title }),
+                /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "drawer__close", onClick: onClose, "aria-label": t["drawer.close"], children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.X, { size: 18 }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer__body", children }),
+              footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer__footer", children: footer })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
+exports.Drawer = Drawer;
+exports.Modal = Modal;
+//# sourceMappingURL=chunk-E2XOUDAH.js.map
+//# sourceMappingURL=chunk-E2XOUDAH.js.map

package/dist/chunk-E2XOUDAH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDelayedUnmount.ts","../src/components/Overlay.tsx"],"names":["React","React2","useLocale","createPortal","jsx","cx","jsxs","X"],"mappings":"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","file":"chunk-E2XOUDAH.js","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"]}