@misael703/ui 1.3.0 → 1.5.0

package/README.md

@@ -112,14 +112,14 @@ El reverso: **si tu reset global no está en un layer, gana sobre el kit**. El c
 
 Tres formas de evitarlo, ordenadas de menos a más invasiva:
 
-1. **Envolver tus estilos en un layer también** — agregá `@import "tailwindcss"` (Tailwind v4) o `@layer base, components, utilities;` (Tailwind v3) explícitamente, y asegurate de que tus utilidades vivan dentro de layers. Cuando ambos están layered, el orden de capas controla quién gana.
+1. **Envolver tus estilos en un layer también**: agrega `@import "tailwindcss"` (Tailwind v4) o `@layer base, components, utilities;` (Tailwind v3) explícitamente, y asegúrate de que tus utilidades vivan dentro de layers. Cuando ambos están layered, el orden de capas controla quién gana.
 2. **Desactivar el preflight** — en `tailwind.config.js`: `corePlugins: { preflight: false }`. Te pierde el reset pero el kit queda intacto.
-3. **Override puntual desde tu app** — si solo te molesta un componente, podés re-establecer la propiedad afuera de cualquier layer:
+3. **Override puntual desde tu app**: si solo te molesta un componente, puedes re-establecer la propiedad afuera de cualquier layer:
    ```css
    .card[class*="card--accent-"] { border-style: solid; }
    ```
 
-A partir de v0.4.5 el kit mitiga este problema en `Card` usando `box-shadow inset` para la accent rail en vez de `border-left`. Otros componentes con bordes finos (`Input`, `Select`, `Table`) siguen dependiendo de `border-*` y son afectados por el preflight — si te pasa, andá por la opción (1) o (2).
+A partir de v0.4.5 el kit mitiga este problema en `Card` usando `box-shadow inset` para la accent rail en vez de `border-left`. Otros componentes con bordes finos (`Input`, `Select`, `Table`) siguen dependiendo de `border-*` y son afectados por el preflight. Si te pasa, usa la opción (1) o (2).
 
 ---
 
@@ -270,7 +270,7 @@ Heredan `color` del padre y aceptan `size`, `strokeWidth`, `className` y `title`
 
 ### Fuentes (opcional)
 
-Si no usás `next/font`, podés cargar Outfit (display) + DM Sans (body) empaquetadas con el kit. Ambas son variable fonts, total ~80 KB:
+Si no usas `next/font`, puedes cargar Outfit (display) + DM Sans (body) empaquetadas con el kit. Ambas son variable fonts, total ~80 KB:
 
 ```ts
 // app/layout.tsx
@@ -315,7 +315,7 @@ Los tokens viven en `:root`. La paleta de marca y los tokens semánticos están
 .my-card { background: var(--bg-surface); color: var(--fg-default); }
 ```
 
-¿Solo querés los tokens (sin los componentes)? Importá únicamente `tokens.css`:
+¿Solo quieres los tokens (sin los componentes)? Importa únicamente `tokens.css`:
 
 ```ts
 import '@misael703/ui/tokens.css';
@@ -323,7 +323,7 @@ import '@misael703/ui/tokens.css';
 
 ### Superficies invertidas (zonas con bg oscuro)
 
-El kit resetea `color` en `<p>`, `<h1>`–`<h6>`, anchors y `.caption` para mantener consistencia tipográfica. Cuando metés esos elementos dentro de un footer / hero / sidebar oscuro, el color heredado del kit gana sobre el `color` del padre (especificidad). Para invertir el subtree completo en una línea, usá `.surface-inverse`:
+El kit resetea `color` en `<p>`, `<h1>`–`<h6>`, anchors y `.caption` para mantener consistencia tipográfica. Cuando metes esos elementos dentro de un footer / hero / sidebar oscuro, el color heredado del kit gana sobre el `color` del padre (especificidad). Para invertir el subtree completo en una línea, usa `.surface-inverse`:
 
 ```html
 <footer class="surface-inverse surface-inverse--brand">

package/dist/{chunk-PSJVU4E4.js → chunk-2UTXUFZY.js}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunkEUB4PHPI_js = require('./chunk-EUB4PHPI.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -34,20 +35,42 @@ var Button = React__namespace.forwardRef(function Button2({
   className,
   disabled,
   children,
+  asChild = false,
   ...rest
 }, ref) {
+  const cls = chunkPASF6T4H_js.cx(
+    "btn",
+    `btn--${variant}`,
+    `btn--${size}`,
+    fullWidth && "btn--block",
+    loading && "is-loading",
+    className
+  );
+  if (asChild) {
+    const blocked = disabled || loading;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkEUB4PHPI_js.Slot,
+      {
+        ref,
+        className: cls,
+        "aria-busy": loading || void 0,
+        "aria-disabled": blocked || void 0,
+        "data-disabled": blocked || void 0,
+        ...rest,
+        children: [
+          loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner spinner--inverse", "aria-hidden": "true" }),
+          !loading && iconLeft,
+          /* @__PURE__ */ jsxRuntime.jsx(chunkEUB4PHPI_js.Slottable, { children }),
+          !loading && iconRight
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
       ref,
-      className: chunkPASF6T4H_js.cx(
-        "btn",
-        `btn--${variant}`,
-        `btn--${size}`,
-        fullWidth && "btn--block",
-        loading && "is-loading",
-        className
-      ),
+      className: cls,
       disabled: disabled || loading,
       "aria-busy": loading || void 0,
       ...rest,
@@ -68,5 +91,5 @@ var ButtonGroup = React__namespace.forwardRef(
 
 exports.Button = Button;
 exports.ButtonGroup = ButtonGroup;
-//# sourceMappingURL=chunk-PSJVU4E4.js.map
-//# sourceMappingURL=chunk-PSJVU4E4.js.map
+//# sourceMappingURL=chunk-2UTXUFZY.js.map
+//# sourceMappingURL=chunk-2UTXUFZY.js.map

package/dist/chunk-2UTXUFZY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button.tsx"],"names":["React","Button","cx","jsxs","Slot","jsx","Slottable","ButtonGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,IAAM,MAAA,GAAeA,gBAAA,CAAA,UAAA,CAA2C,SAASC,OAAAA,CAC9E;AAAA,EACE,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,GAAA,GAAMC,mBAAA;AAAA,IACV,KAAA;AAAA,IACA,QAAQ,OAAO,CAAA,CAAA;AAAA,IACf,QAAQ,IAAI,CAAA,CAAA;AAAA,IACZ,SAAA,IAAa,YAAA;AAAA,IACb,OAAA,IAAW,YAAA;AAAA,IACX;AAAA,GACF;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,MAAM,UAAU,QAAA,IAAY,OAAA;AAC5B,IAAA,uBACEC,eAAA;AAAA,MAACC,qBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAA;AAAA,QACX,aAAW,OAAA,IAAW,MAAA;AAAA,QACtB,iBAAe,OAAA,IAAW,MAAA;AAAA,QAC1B,iBAAe,OAAA,IAAW,MAAA;AAAA,QACzB,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,OAAA,oBAAWC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EAA2B,eAAY,MAAA,EAAO,CAAA;AAAA,UACzE,CAAC,OAAA,IAAW,QAAA;AAAA,0BACbA,cAAA,CAACC,8BAAW,QAAA,EAAS,CAAA;AAAA,UACpB,CAAC,OAAA,IAAW;AAAA;AAAA;AAAA,KACf;AAAA,EAEJ;AAEA,EAAA,uBACEH,eAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,GAAA;AAAA,MACX,UAAU,QAAA,IAAY,OAAA;AAAA,MACtB,aAAW,OAAA,IAAW,MAAA;AAAA,MACrB,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,OAAA,oBAAWE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,0BAAA,EAA2B,eAAY,MAAA,EAAO,CAAA;AAAA,QACzE,CAAC,OAAA,IAAW,QAAA;AAAA,QACZ,QAAA;AAAA,QACA,CAAC,OAAA,IAAW;AAAA;AAAA;AAAA,GACf;AAEJ,CAAC;AAGM,IAAM,WAAA,GAAoBL,gBAAA,CAAA,UAAA;AAAA,EAC/B,SAASO,aAAY,EAAE,SAAA,EAAW,OAAO,OAAA,EAAS,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAChE,IAAA,uBAAOF,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,IAAA,EAAY,SAAA,EAAWH,oBAAG,WAAA,EAAa,SAAS,CAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EACrF;AACF","file":"chunk-2UTXUFZY.js","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Slot, Slottable } from './Primitives';\n\nexport type ButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'outline'\n  | 'ghost'\n  | 'subtle'\n  | 'danger'\n  | 'success'\n  | 'warning'\n  | 'link';\n\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  loading?: boolean;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n  fullWidth?: boolean;\n  /**\n   * Render as the provided single child element instead of `<button>`\n   * (e.g. `next/link`'s `<a>`). The kit's classes, ref and handlers are\n   * merged onto that element; `iconLeft`/`iconRight`/loading are preserved.\n   */\n  asChild?: boolean;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'primary',\n    size = 'md',\n    loading = false,\n    iconLeft,\n    iconRight,\n    fullWidth = false,\n    className,\n    disabled,\n    children,\n    asChild = false,\n    ...rest\n  },\n  ref\n) {\n  const cls = cx(\n    'btn',\n    `btn--${variant}`,\n    `btn--${size}`,\n    fullWidth && 'btn--block',\n    loading && 'is-loading',\n    className\n  );\n\n  if (asChild) {\n    const blocked = disabled || loading;\n    return (\n      <Slot\n        ref={ref as React.Ref<HTMLElement>}\n        className={cls}\n        aria-busy={loading || undefined}\n        aria-disabled={blocked || undefined}\n        data-disabled={blocked || undefined}\n        {...rest}\n      >\n        {loading && <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" />}\n        {!loading && iconLeft}\n        <Slottable>{children}</Slottable>\n        {!loading && iconRight}\n      </Slot>\n    );\n  }\n\n  return (\n    <button\n      ref={ref}\n      className={cls}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      {...rest}\n    >\n      {loading && <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" />}\n      {!loading && iconLeft}\n      {children}\n      {!loading && iconRight}\n    </button>\n  );\n});\n\n// ---------- ButtonGroup --------------------------------------------------\nexport const ButtonGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function ButtonGroup({ className, role = 'group', ...rest }, ref) {\n    return <div ref={ref} role={role} className={cx('btn-group', className)} {...rest} />;\n  }\n);\n"]}

package/dist/{chunk-3N4IBCLW.mjs → chunk-7D6Y33UY.mjs}

@@ -1,4 +1,4 @@
-import { useDelayedUnmount } from './chunk-XXUSZD5I.mjs';
+import { useDelayedUnmount } from './chunk-U3JH4T3A.mjs';
 import { useLocale } from './chunk-ZRFSTYRL.mjs';
 import { X } from './chunk-CIBJKJV3.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
@@ -6,7 +6,7 @@ import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var EXIT_MS = 200;
+var EXIT_MS = 150;
 function useEscape(active, onClose, enabled) {
   React.useEffect(() => {
     if (typeof document === "undefined") return;
@@ -170,5 +170,5 @@ function Drawer({
 }
 
 export { Drawer, Modal };
-//# sourceMappingURL=chunk-3N4IBCLW.mjs.map
-//# sourceMappingURL=chunk-3N4IBCLW.mjs.map
+//# sourceMappingURL=chunk-7D6Y33UY.mjs.map
+//# sourceMappingURL=chunk-7D6Y33UY.mjs.map

package/dist/{chunk-3N4IBCLW.mjs.map → chunk-7D6Y33UY.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Overlay.tsx"],"names":[],"mappings":"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","file":"chunk-3N4IBCLW.mjs","sourcesContent":["'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"]}
+{"version":3,"sources":["../src/components/Overlay.tsx"],"names":[],"mappings":"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","file":"chunk-7D6Y33UY.mjs","sourcesContent":["'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 `--duration-exit` and the\n// `is-closing` keyframes in src/styles/index.css (`.modal-backdrop`,\n// `.drawer-backdrop`).\nconst EXIT_MS = 150;\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"]}

package/dist/{chunk-GCW5JYWQ.js → chunk-EUB4PHPI.js}

@@ -61,9 +61,63 @@ var ScrollArea = React__namespace.forwardRef(function ScrollArea2({ maxHeight, o
     }
   );
 });
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(node);
+      else if (ref != null) ref.current = node;
+    }
+  };
+}
+function readRef(el) {
+  const fromProps = el.props.ref;
+  const fromEl = el.ref;
+  return fromProps ?? fromEl;
+}
+function mergeProps(slotProps, childProps) {
+  const merged = { ...slotProps };
+  for (const key of Object.keys(childProps)) {
+    const slotValue = slotProps[key];
+    const childValue = childProps[key];
+    if (/^on[A-Z]/.test(key) && typeof slotValue === "function" && typeof childValue === "function") {
+      merged[key] = (...args) => {
+        childValue(...args);
+        slotValue(...args);
+      };
+    } else if (key === "className") {
+      merged[key] = chunkPASF6T4H_js.cx(slotProps.className, childProps.className);
+    } else if (key === "style") {
+      merged[key] = { ...slotProps.style, ...childProps.style };
+    } else {
+      merged[key] = childValue !== void 0 ? childValue : slotValue;
+    }
+  }
+  return merged;
+}
+function Slottable({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+var Slot = React__namespace.forwardRef(
+  function Slot2({ children, ...slotProps }, ref) {
+    const childArray = React__namespace.Children.toArray(children);
+    const slottable = childArray.find(
+      (c) => React__namespace.isValidElement(c) && c.type === Slottable
+    );
+    const target = slottable ? slottable.props.children : children;
+    if (!React__namespace.isValidElement(target)) return null;
+    const element = target;
+    const merged = mergeProps(slotProps, element.props);
+    const composed = ref ? composeRefs(ref, readRef(element)) : readRef(element);
+    merged.ref = composed;
+    const newChildren = slottable ? childArray.map((c) => c === slottable ? element.props.children : c) : element.props.children;
+    return React__namespace.cloneElement(element, merged, ...React__namespace.Children.toArray(newChildren));
+  }
+);
 
 exports.AspectRatio = AspectRatio;
 exports.ScrollArea = ScrollArea;
 exports.Separator = Separator;
-//# sourceMappingURL=chunk-GCW5JYWQ.js.map
-//# sourceMappingURL=chunk-GCW5JYWQ.js.map
+exports.Slot = Slot;
+exports.Slottable = Slottable;
+//# sourceMappingURL=chunk-EUB4PHPI.js.map
+//# sourceMappingURL=chunk-EUB4PHPI.js.map

package/dist/chunk-EUB4PHPI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Primitives.tsx"],"names":["React","AspectRatio","jsx","cx","Separator","ScrollArea","Slot"],"mappings":"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","file":"chunk-EUB4PHPI.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\n// ---------- Slot (polymorphism: the `asChild` pattern) -----------------\n// Dependency-free reimplementation of the well-known Slot/Slottable pattern.\n// Lets a component render *as* a consumer-provided element (e.g. next/link's\n// <a>) while still injecting its own className, handlers, ref and ARIA.\n\ntype AnyProps = Record<string, unknown>;\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') ref(node);\n      else if (ref != null) (ref as React.MutableRefObject<T | null>).current = node;\n    }\n  };\n}\n\nfunction readRef(el: React.ReactElement): React.Ref<unknown> | undefined {\n  // React 18 exposes ref on the element; React 19 moves it into props.\n  const fromProps = (el.props as { ref?: React.Ref<unknown> }).ref;\n  const fromEl = (el as { ref?: React.Ref<unknown> }).ref;\n  return fromProps ?? fromEl;\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\n  const merged: AnyProps = { ...slotProps };\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key];\n    const childValue = childProps[key];\n    if (/^on[A-Z]/.test(key) && typeof slotValue === 'function' && typeof childValue === 'function') {\n      // Child's own handler runs first, then the component's.\n      merged[key] = (...args: unknown[]) => {\n        (childValue as (...a: unknown[]) => unknown)(...args);\n        (slotValue as (...a: unknown[]) => unknown)(...args);\n      };\n    } else if (key === 'className') {\n      merged[key] = cx(slotProps.className as string, childProps.className as string);\n    } else if (key === 'style') {\n      merged[key] = { ...(slotProps.style as object), ...(childProps.style as object) };\n    } else {\n      merged[key] = childValue !== undefined ? childValue : slotValue;\n    }\n  }\n  return merged;\n}\n\n/**\n * Marks which child of an `asChild` component is the element to merge onto.\n * Siblings (icons, spinners) are preserved as the slotted element's children.\n */\nexport function Slottable({ children }: { children: React.ReactNode }): React.ReactElement {\n  return <>{children}</>;\n}\n\nexport interface SlotProps {\n  children?: React.ReactNode;\n}\n\nexport const Slot = React.forwardRef<HTMLElement, SlotProps & React.HTMLAttributes<HTMLElement>>(\n  function Slot({ children, ...slotProps }, ref) {\n    const childArray = React.Children.toArray(children);\n    const slottable = childArray.find(\n      (c) => React.isValidElement(c) && c.type === Slottable,\n    ) as React.ReactElement | undefined;\n\n    const target = slottable\n      ? (slottable.props as { children?: React.ReactNode }).children\n      : children;\n\n    if (!React.isValidElement(target)) return null;\n    const element = target as React.ReactElement<{ children?: React.ReactNode }>;\n\n    const merged = mergeProps(slotProps as AnyProps, element.props as AnyProps);\n    const composed = ref ? composeRefs(ref, readRef(element)) : readRef(element);\n    (merged as { ref?: React.Ref<unknown> }).ref = composed;\n\n    // With Slottable, the component's own siblings replace the marker and\n    // become the slotted element's children (its original children last).\n    const newChildren = slottable\n      ? childArray.map((c) => (c === slottable ? element.props.children : c))\n      : element.props.children;\n\n    return React.cloneElement(element, merged, ...React.Children.toArray(newChildren));\n  },\n);\n"]}

package/dist/{chunk-GIOMV3J7.js → chunk-FL4ZCWUF.js}

@@ -23,6 +23,9 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/hooks/useDelayedUnmount.ts
+function prefersReducedMotion() {
+  return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 function useDelayedUnmount(open, durationMs) {
   const [mounted, setMounted] = React__namespace.useState(open);
   const [closing, setClosing] = React__namespace.useState(false);
@@ -34,15 +37,16 @@ function useDelayedUnmount(open, durationMs) {
     }
     if (!mounted) return;
     setClosing(true);
+    const delay = prefersReducedMotion() ? 0 : durationMs;
     const handle = setTimeout(() => {
       setMounted(false);
       setClosing(false);
-    }, durationMs);
+    }, delay);
     return () => clearTimeout(handle);
   }, [open, durationMs, mounted]);
   return { mounted, closing };
 }
 
 exports.useDelayedUnmount = useDelayedUnmount;
-//# sourceMappingURL=chunk-GIOMV3J7.js.map
-//# sourceMappingURL=chunk-GIOMV3J7.js.map
+//# sourceMappingURL=chunk-FL4ZCWUF.js.map
+//# sourceMappingURL=chunk-FL4ZCWUF.js.map

package/dist/chunk-FL4ZCWUF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDelayedUnmount.ts"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,SAAS,oBAAA,GAAgC;AACvC,EAAA,OACE,OAAO,MAAA,KAAW,WAAA,IAClB,OAAO,MAAA,CAAO,eAAe,UAAA,IAC7B,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA;AAE1D;AAEO,SAAS,iBAAA,CAAkB,MAAe,UAAA,EAAoB;AACnE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAUA,0BAAS,IAAI,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAElD,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA;AAAA,IACF;AACA,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,UAAA,CAAW,IAAI,CAAA;AAIf,IAAA,MAAM,KAAA,GAAQ,oBAAA,EAAqB,GAAI,CAAA,GAAI,UAAA;AAC3C,IAAA,MAAM,MAAA,GAAS,WAAW,MAAM;AAC9B,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,GAAG,KAAK,CAAA;AACR,IAAA,OAAO,MAAM,aAAa,MAAM,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,IAAA,EAAM,UAAA,EAAY,OAAO,CAAC,CAAA;AAE9B,EAAA,OAAO,EAAE,SAAS,OAAA,EAAQ;AAC5B","file":"chunk-FL4ZCWUF.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 */\nfunction prefersReducedMotion(): boolean {\n  return (\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  );\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    // The global prefers-reduced-motion guard makes the exit animation\n    // instant; don't keep the element mounted for the (now invisible)\n    // duration, it would just block/delay for those users.\n    const delay = prefersReducedMotion() ? 0 : durationMs;\n    const handle = setTimeout(() => {\n      setMounted(false);\n      setClosing(false);\n    }, delay);\n    return () => clearTimeout(handle);\n  }, [open, durationMs, mounted]);\n\n  return { mounted, closing };\n}\n"]}

package/dist/{chunk-LXNHGGAK.js → chunk-IALAIASX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkREL2RZTI_js = require('./chunk-REL2RZTI.js');
+var chunkS5BIOB34_js = require('./chunk-S5BIOB34.js');
 var chunkHYUINOPJ_js = require('./chunk-HYUINOPJ.js');
 var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
 var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
@@ -54,7 +54,7 @@ function ConfirmDialog({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkREL2RZTI_js.Modal,
+    chunkS5BIOB34_js.Modal,
     {
       open,
       onClose,
@@ -193,5 +193,5 @@ exports.DescriptionList = DescriptionList;
 exports.DescriptionListItem = DescriptionListItem;
 exports.DiffViewer = DiffViewer;
 exports.TransferList = TransferList;
-//# sourceMappingURL=chunk-LXNHGGAK.js.map
-//# sourceMappingURL=chunk-LXNHGGAK.js.map
+//# sourceMappingURL=chunk-IALAIASX.js.map
+//# sourceMappingURL=chunk-IALAIASX.js.map

package/dist/{chunk-LXNHGGAK.js.map → chunk-IALAIASX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Editing.tsx"],"names":["React","useLocale","jsx","Modal","jsxs","Fragment","cx","Checkbox","ChevronRight","ChevronLeft"],"mappings":"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","file":"chunk-LXNHGGAK.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Modal } from './Overlay';\nimport { ChevronLeft, ChevronRight } from './Icons';\nimport { Checkbox } from './Form';\nimport { useLocale } from '../locale/LocaleProvider';\n\n// ---------- ConfirmDialog -----------------------------------------------\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void | Promise<void>;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  confirmLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  /** 'danger' usa botón rojo. */\n  tone?: 'default' | 'danger';\n  /** Si true, deshabilita el confirm mientras se ejecuta. */\n  loading?: boolean;\n}\n\nexport function ConfirmDialog({\n  open, onClose, onConfirm, title, description,\n  confirmLabel, cancelLabel,\n  tone = 'default', loading,\n}: ConfirmDialogProps) {\n  const [busy, setBusy] = React.useState(false);\n  const isBusy = loading ?? busy;\n  const t = useLocale();\n  const confirmText = confirmLabel ?? t['common.confirm'];\n  const cancelText = cancelLabel ?? t['common.cancel'];\n\n  const handleConfirm = async () => {\n    try {\n      setBusy(true);\n      await onConfirm();\n      onClose();\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      size=\"sm\"\n      title={title}\n      footer={\n        <>\n          <button type=\"button\" className=\"btn btn--ghost btn--md\" onClick={onClose} disabled={isBusy}>\n            {cancelText}\n          </button>\n          <button\n            type=\"button\"\n            className={cx('btn', tone === 'danger' ? 'btn--danger' : 'btn--primary', 'btn--md')}\n            onClick={handleConfirm}\n            disabled={isBusy}\n            aria-busy={isBusy || undefined}\n          >\n            {isBusy ? <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" /> : null}\n            {confirmText}\n          </button>\n        </>\n      }\n    >\n      {description && <p className=\"confirm__desc\">{description}</p>}\n    </Modal>\n  );\n}\n\n// ---------- DescriptionList (KeyValue editable) ------------------------\nexport interface DescriptionListItemProps {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  /** Si se pasa, el valor se vuelve editable inline. */\n  onEdit?: () => void;\n  editable?: boolean;\n}\n\nexport function DescriptionList({ children, className, ...rest }: React.HTMLAttributes<HTMLDListElement>) {\n  return <dl className={cx('desc-list', className)} {...rest}>{children}</dl>;\n}\n\nexport function DescriptionListItem({ label, value, onEdit, editable }: DescriptionListItemProps) {\n  const t = useLocale();\n  return (\n    <>\n      <dt className=\"desc-list__label\">{label}</dt>\n      <dd className=\"desc-list__value\">\n        <span>{value}</span>\n        {editable && onEdit && (\n          <button type=\"button\" className=\"desc-list__edit\" onClick={onEdit}>\n            {t['descList.edit']}\n          </button>\n        )}\n      </dd>\n    </>\n  );\n}\n\n// ---------- DiffViewer (before / after) --------------------------------\nexport interface DiffEntry {\n  field: React.ReactNode;\n  before: React.ReactNode;\n  after: React.ReactNode;\n}\n\nexport interface DiffViewerProps extends React.HTMLAttributes<HTMLDivElement> {\n  entries: DiffEntry[];\n}\n\nexport function DiffViewer({ entries, className, ...rest }: DiffViewerProps) {\n  const t = useLocale();\n  // data-label feeds the mobile stacked layout's ::before pseudo-elements\n  // so the \"Antes\" / \"Después\" labels remain i18n-able.\n  const beforeLabel = typeof t['diff.before'] === 'string' ? t['diff.before'] : undefined;\n  const afterLabel = typeof t['diff.after'] === 'string' ? t['diff.after'] : undefined;\n  return (\n    <div className={cx('diff', className)} role=\"table\" aria-label={t['diff.label']} {...rest}>\n      <div className=\"diff__head\" role=\"row\">\n        <div role=\"columnheader\">{t['diff.field']}</div>\n        <div role=\"columnheader\">{t['diff.before']}</div>\n        <div role=\"columnheader\">{t['diff.after']}</div>\n      </div>\n      {entries.map((e, i) => (\n        <div key={i} className=\"diff__row\" role=\"row\">\n          <div className=\"diff__field\" role=\"cell\">{e.field}</div>\n          <div className=\"diff__before\" role=\"cell\" data-label={beforeLabel}><del>{e.before}</del></div>\n          <div className=\"diff__after\" role=\"cell\" data-label={afterLabel}><ins>{e.after}</ins></div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ---------- TransferList (dual list select) ----------------------------\nexport interface TransferItem {\n  id: string;\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface TransferListProps {\n  source: TransferItem[];\n  selected: TransferItem[];\n  onChange: (selected: TransferItem[]) => void;\n  sourceTitle?: React.ReactNode;\n  selectedTitle?: React.ReactNode;\n  className?: string;\n}\n\nexport function TransferList({\n  source, selected, onChange,\n  sourceTitle, selectedTitle,\n  className,\n}: TransferListProps) {\n  const [leftChecked, setLeftChecked] = React.useState<Set<string>>(new Set());\n  const [rightChecked, setRightChecked] = React.useState<Set<string>>(new Set());\n  const t = useLocale();\n  const srcTitle = sourceTitle ?? t['transfer.available'];\n  const selTitle = selectedTitle ?? t['transfer.assigned'];\n\n  // Without memo, every checkbox click rebuilt selectedIds and re-filtered\n  // `source` to compute `left`. At ~500 source items that's a measurable\n  // O(n) hit per click.\n  const selectedIds = React.useMemo(\n    () => new Set(selected.map((s) => s.id)),\n    [selected]\n  );\n  const left = React.useMemo(\n    () => source.filter((s) => !selectedIds.has(s.id)),\n    [source, selectedIds]\n  );\n  const right = selected;\n\n  const moveRight = () => {\n    const toMove = left.filter((i) => leftChecked.has(i.id));\n    onChange([...right, ...toMove]);\n    setLeftChecked(new Set());\n  };\n  const moveLeft = () => {\n    onChange(right.filter((i) => !rightChecked.has(i.id)));\n    setRightChecked(new Set());\n  };\n\n  const toggleCheck = (set: Set<string>, setSet: (s: Set<string>) => void, id: string) => {\n    const next = new Set(set);\n    if (next.has(id)) next.delete(id); else next.add(id);\n    setSet(next);\n  };\n\n  const renderColumn = (title: React.ReactNode, items: TransferItem[], checked: Set<string>, setChecked: (s: Set<string>) => void) => (\n    <div className=\"transfer__col\">\n      <div className=\"transfer__col-head\">\n        <span className=\"transfer__col-title\">{title}</span>\n        <span className=\"transfer__col-count\">{items.length}</span>\n      </div>\n      <ul className=\"transfer__list\" role=\"listbox\" aria-label={typeof title === 'string' ? title : undefined}>\n        {items.length === 0 ? (\n          <li className=\"transfer__empty\">{t['transfer.empty']}</li>\n        ) : items.map((it) => (\n          <li\n            key={it.id}\n            className={cx('transfer__item', checked.has(it.id) && 'is-checked', it.disabled && 'is-disabled')}\n            role=\"option\"\n            aria-selected={checked.has(it.id)}\n            onClick={() => !it.disabled && toggleCheck(checked, setChecked, it.id)}\n          >\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox\n                checked={checked.has(it.id)}\n                disabled={it.disabled}\n                onChange={() => toggleCheck(checked, setChecked, it.id)}\n              />\n            </span>\n            <div className=\"transfer__item-body\">\n              <div>{it.label}</div>\n              {it.description && <div className=\"transfer__item-desc\">{it.description}</div>}\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n\n  return (\n    <div className={cx('transfer', className)}>\n      {renderColumn(srcTitle, left, leftChecked, setLeftChecked)}\n      <div className=\"transfer__controls\">\n        <button type=\"button\" className=\"btn btn--outline btn--sm\" disabled={leftChecked.size === 0} onClick={moveRight} aria-label={t['transfer.assignSelected']}>\n          <ChevronRight size={16} />\n        </button>\n        <button type=\"button\" className=\"btn btn--outline btn--sm\" disabled={rightChecked.size === 0} onClick={moveLeft} aria-label={t['transfer.removeSelected']}>\n          <ChevronLeft size={16} />\n        </button>\n      </div>\n      {renderColumn(selTitle, right, rightChecked, setRightChecked)}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Editing.tsx"],"names":["React","useLocale","jsx","Modal","jsxs","Fragment","cx","Checkbox","ChevronRight","ChevronLeft"],"mappings":"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","file":"chunk-IALAIASX.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Modal } from './Overlay';\nimport { ChevronLeft, ChevronRight } from './Icons';\nimport { Checkbox } from './Form';\nimport { useLocale } from '../locale/LocaleProvider';\n\n// ---------- ConfirmDialog -----------------------------------------------\nexport interface ConfirmDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void | Promise<void>;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  confirmLabel?: React.ReactNode;\n  cancelLabel?: React.ReactNode;\n  /** 'danger' usa botón rojo. */\n  tone?: 'default' | 'danger';\n  /** Si true, deshabilita el confirm mientras se ejecuta. */\n  loading?: boolean;\n}\n\nexport function ConfirmDialog({\n  open, onClose, onConfirm, title, description,\n  confirmLabel, cancelLabel,\n  tone = 'default', loading,\n}: ConfirmDialogProps) {\n  const [busy, setBusy] = React.useState(false);\n  const isBusy = loading ?? busy;\n  const t = useLocale();\n  const confirmText = confirmLabel ?? t['common.confirm'];\n  const cancelText = cancelLabel ?? t['common.cancel'];\n\n  const handleConfirm = async () => {\n    try {\n      setBusy(true);\n      await onConfirm();\n      onClose();\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      size=\"sm\"\n      title={title}\n      footer={\n        <>\n          <button type=\"button\" className=\"btn btn--ghost btn--md\" onClick={onClose} disabled={isBusy}>\n            {cancelText}\n          </button>\n          <button\n            type=\"button\"\n            className={cx('btn', tone === 'danger' ? 'btn--danger' : 'btn--primary', 'btn--md')}\n            onClick={handleConfirm}\n            disabled={isBusy}\n            aria-busy={isBusy || undefined}\n          >\n            {isBusy ? <span className=\"spinner spinner--inverse\" aria-hidden=\"true\" /> : null}\n            {confirmText}\n          </button>\n        </>\n      }\n    >\n      {description && <p className=\"confirm__desc\">{description}</p>}\n    </Modal>\n  );\n}\n\n// ---------- DescriptionList (KeyValue editable) ------------------------\nexport interface DescriptionListItemProps {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  /** Si se pasa, el valor se vuelve editable inline. */\n  onEdit?: () => void;\n  editable?: boolean;\n}\n\nexport function DescriptionList({ children, className, ...rest }: React.HTMLAttributes<HTMLDListElement>) {\n  return <dl className={cx('desc-list', className)} {...rest}>{children}</dl>;\n}\n\nexport function DescriptionListItem({ label, value, onEdit, editable }: DescriptionListItemProps) {\n  const t = useLocale();\n  return (\n    <>\n      <dt className=\"desc-list__label\">{label}</dt>\n      <dd className=\"desc-list__value\">\n        <span>{value}</span>\n        {editable && onEdit && (\n          <button type=\"button\" className=\"desc-list__edit\" onClick={onEdit}>\n            {t['descList.edit']}\n          </button>\n        )}\n      </dd>\n    </>\n  );\n}\n\n// ---------- DiffViewer (before / after) --------------------------------\nexport interface DiffEntry {\n  field: React.ReactNode;\n  before: React.ReactNode;\n  after: React.ReactNode;\n}\n\nexport interface DiffViewerProps extends React.HTMLAttributes<HTMLDivElement> {\n  entries: DiffEntry[];\n}\n\nexport function DiffViewer({ entries, className, ...rest }: DiffViewerProps) {\n  const t = useLocale();\n  // data-label feeds the mobile stacked layout's ::before pseudo-elements\n  // so the \"Antes\" / \"Después\" labels remain i18n-able.\n  const beforeLabel = typeof t['diff.before'] === 'string' ? t['diff.before'] : undefined;\n  const afterLabel = typeof t['diff.after'] === 'string' ? t['diff.after'] : undefined;\n  return (\n    <div className={cx('diff', className)} role=\"table\" aria-label={t['diff.label']} {...rest}>\n      <div className=\"diff__head\" role=\"row\">\n        <div role=\"columnheader\">{t['diff.field']}</div>\n        <div role=\"columnheader\">{t['diff.before']}</div>\n        <div role=\"columnheader\">{t['diff.after']}</div>\n      </div>\n      {entries.map((e, i) => (\n        <div key={i} className=\"diff__row\" role=\"row\">\n          <div className=\"diff__field\" role=\"cell\">{e.field}</div>\n          <div className=\"diff__before\" role=\"cell\" data-label={beforeLabel}><del>{e.before}</del></div>\n          <div className=\"diff__after\" role=\"cell\" data-label={afterLabel}><ins>{e.after}</ins></div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ---------- TransferList (dual list select) ----------------------------\nexport interface TransferItem {\n  id: string;\n  label: React.ReactNode;\n  description?: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface TransferListProps {\n  source: TransferItem[];\n  selected: TransferItem[];\n  onChange: (selected: TransferItem[]) => void;\n  sourceTitle?: React.ReactNode;\n  selectedTitle?: React.ReactNode;\n  className?: string;\n}\n\nexport function TransferList({\n  source, selected, onChange,\n  sourceTitle, selectedTitle,\n  className,\n}: TransferListProps) {\n  const [leftChecked, setLeftChecked] = React.useState<Set<string>>(new Set());\n  const [rightChecked, setRightChecked] = React.useState<Set<string>>(new Set());\n  const t = useLocale();\n  const srcTitle = sourceTitle ?? t['transfer.available'];\n  const selTitle = selectedTitle ?? t['transfer.assigned'];\n\n  // Without memo, every checkbox click rebuilt selectedIds and re-filtered\n  // `source` to compute `left`. At ~500 source items that's a measurable\n  // O(n) hit per click.\n  const selectedIds = React.useMemo(\n    () => new Set(selected.map((s) => s.id)),\n    [selected]\n  );\n  const left = React.useMemo(\n    () => source.filter((s) => !selectedIds.has(s.id)),\n    [source, selectedIds]\n  );\n  const right = selected;\n\n  const moveRight = () => {\n    const toMove = left.filter((i) => leftChecked.has(i.id));\n    onChange([...right, ...toMove]);\n    setLeftChecked(new Set());\n  };\n  const moveLeft = () => {\n    onChange(right.filter((i) => !rightChecked.has(i.id)));\n    setRightChecked(new Set());\n  };\n\n  const toggleCheck = (set: Set<string>, setSet: (s: Set<string>) => void, id: string) => {\n    const next = new Set(set);\n    if (next.has(id)) next.delete(id); else next.add(id);\n    setSet(next);\n  };\n\n  const renderColumn = (title: React.ReactNode, items: TransferItem[], checked: Set<string>, setChecked: (s: Set<string>) => void) => (\n    <div className=\"transfer__col\">\n      <div className=\"transfer__col-head\">\n        <span className=\"transfer__col-title\">{title}</span>\n        <span className=\"transfer__col-count\">{items.length}</span>\n      </div>\n      <ul className=\"transfer__list\" role=\"listbox\" aria-label={typeof title === 'string' ? title : undefined}>\n        {items.length === 0 ? (\n          <li className=\"transfer__empty\">{t['transfer.empty']}</li>\n        ) : items.map((it) => (\n          <li\n            key={it.id}\n            className={cx('transfer__item', checked.has(it.id) && 'is-checked', it.disabled && 'is-disabled')}\n            role=\"option\"\n            aria-selected={checked.has(it.id)}\n            onClick={() => !it.disabled && toggleCheck(checked, setChecked, it.id)}\n          >\n            <span onClick={(e) => e.stopPropagation()}>\n              <Checkbox\n                checked={checked.has(it.id)}\n                disabled={it.disabled}\n                onChange={() => toggleCheck(checked, setChecked, it.id)}\n              />\n            </span>\n            <div className=\"transfer__item-body\">\n              <div>{it.label}</div>\n              {it.description && <div className=\"transfer__item-desc\">{it.description}</div>}\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n\n  return (\n    <div className={cx('transfer', className)}>\n      {renderColumn(srcTitle, left, leftChecked, setLeftChecked)}\n      <div className=\"transfer__controls\">\n        <button type=\"button\" className=\"btn btn--outline btn--sm\" disabled={leftChecked.size === 0} onClick={moveRight} aria-label={t['transfer.assignSelected']}>\n          <ChevronRight size={16} />\n        </button>\n        <button type=\"button\" className=\"btn btn--outline btn--sm\" disabled={rightChecked.size === 0} onClick={moveLeft} aria-label={t['transfer.removeSelected']}>\n          <ChevronLeft size={16} />\n        </button>\n      </div>\n      {renderColumn(selTitle, right, rightChecked, setRightChecked)}\n    </div>\n  );\n}\n"]}

package/dist/chunk-IEPKSPBX.mjs

@@ -0,0 +1,97 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var AspectRatio = React.forwardRef(function AspectRatio2({ ratio = 16 / 9, style, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cx("aspect-ratio", className),
+      style: { position: "relative", width: "100%", aspectRatio: String(ratio), ...style },
+      ...rest,
+      children
+    }
+  );
+});
+var Separator = React.forwardRef(function Separator2({ orientation = "horizontal", decorative = true, className, ...rest }, ref) {
+  const a11y = decorative ? { role: "none" } : { role: "separator", "aria-orientation": orientation };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...a11y,
+      className: cx("separator", `separator--${orientation}`, className),
+      ...rest
+    }
+  );
+});
+var ScrollArea = React.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__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cx("scroll-area", `scroll-area--${orientation}`, className),
+      style: { ...overflow, maxHeight, ...style },
+      ...rest,
+      children
+    }
+  );
+});
+function composeRefs(...refs) {
+  return (node) => {
+    for (const ref of refs) {
+      if (typeof ref === "function") ref(node);
+      else if (ref != null) ref.current = node;
+    }
+  };
+}
+function readRef(el) {
+  const fromProps = el.props.ref;
+  const fromEl = el.ref;
+  return fromProps ?? fromEl;
+}
+function mergeProps(slotProps, childProps) {
+  const merged = { ...slotProps };
+  for (const key of Object.keys(childProps)) {
+    const slotValue = slotProps[key];
+    const childValue = childProps[key];
+    if (/^on[A-Z]/.test(key) && typeof slotValue === "function" && typeof childValue === "function") {
+      merged[key] = (...args) => {
+        childValue(...args);
+        slotValue(...args);
+      };
+    } else if (key === "className") {
+      merged[key] = cx(slotProps.className, childProps.className);
+    } else if (key === "style") {
+      merged[key] = { ...slotProps.style, ...childProps.style };
+    } else {
+      merged[key] = childValue !== void 0 ? childValue : slotValue;
+    }
+  }
+  return merged;
+}
+function Slottable({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+var Slot = React.forwardRef(
+  function Slot2({ children, ...slotProps }, ref) {
+    const childArray = React.Children.toArray(children);
+    const slottable = childArray.find(
+      (c) => React.isValidElement(c) && c.type === Slottable
+    );
+    const target = slottable ? slottable.props.children : children;
+    if (!React.isValidElement(target)) return null;
+    const element = target;
+    const merged = mergeProps(slotProps, element.props);
+    const composed = ref ? composeRefs(ref, readRef(element)) : readRef(element);
+    merged.ref = composed;
+    const newChildren = slottable ? childArray.map((c) => c === slottable ? element.props.children : c) : element.props.children;
+    return React.cloneElement(element, merged, ...React.Children.toArray(newChildren));
+  }
+);
+
+export { AspectRatio, ScrollArea, Separator, Slot, Slottable };
+//# sourceMappingURL=chunk-IEPKSPBX.mjs.map
+//# sourceMappingURL=chunk-IEPKSPBX.mjs.map

package/dist/chunk-IEPKSPBX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Primitives.tsx"],"names":["AspectRatio","Separator","ScrollArea","Slot"],"mappings":"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","file":"chunk-IEPKSPBX.mjs","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\n// ---------- Slot (polymorphism: the `asChild` pattern) -----------------\n// Dependency-free reimplementation of the well-known Slot/Slottable pattern.\n// Lets a component render *as* a consumer-provided element (e.g. next/link's\n// <a>) while still injecting its own className, handlers, ref and ARIA.\n\ntype AnyProps = Record<string, unknown>;\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      if (typeof ref === 'function') ref(node);\n      else if (ref != null) (ref as React.MutableRefObject<T | null>).current = node;\n    }\n  };\n}\n\nfunction readRef(el: React.ReactElement): React.Ref<unknown> | undefined {\n  // React 18 exposes ref on the element; React 19 moves it into props.\n  const fromProps = (el.props as { ref?: React.Ref<unknown> }).ref;\n  const fromEl = (el as { ref?: React.Ref<unknown> }).ref;\n  return fromProps ?? fromEl;\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps): AnyProps {\n  const merged: AnyProps = { ...slotProps };\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key];\n    const childValue = childProps[key];\n    if (/^on[A-Z]/.test(key) && typeof slotValue === 'function' && typeof childValue === 'function') {\n      // Child's own handler runs first, then the component's.\n      merged[key] = (...args: unknown[]) => {\n        (childValue as (...a: unknown[]) => unknown)(...args);\n        (slotValue as (...a: unknown[]) => unknown)(...args);\n      };\n    } else if (key === 'className') {\n      merged[key] = cx(slotProps.className as string, childProps.className as string);\n    } else if (key === 'style') {\n      merged[key] = { ...(slotProps.style as object), ...(childProps.style as object) };\n    } else {\n      merged[key] = childValue !== undefined ? childValue : slotValue;\n    }\n  }\n  return merged;\n}\n\n/**\n * Marks which child of an `asChild` component is the element to merge onto.\n * Siblings (icons, spinners) are preserved as the slotted element's children.\n */\nexport function Slottable({ children }: { children: React.ReactNode }): React.ReactElement {\n  return <>{children}</>;\n}\n\nexport interface SlotProps {\n  children?: React.ReactNode;\n}\n\nexport const Slot = React.forwardRef<HTMLElement, SlotProps & React.HTMLAttributes<HTMLElement>>(\n  function Slot({ children, ...slotProps }, ref) {\n    const childArray = React.Children.toArray(children);\n    const slottable = childArray.find(\n      (c) => React.isValidElement(c) && c.type === Slottable,\n    ) as React.ReactElement | undefined;\n\n    const target = slottable\n      ? (slottable.props as { children?: React.ReactNode }).children\n      : children;\n\n    if (!React.isValidElement(target)) return null;\n    const element = target as React.ReactElement<{ children?: React.ReactNode }>;\n\n    const merged = mergeProps(slotProps as AnyProps, element.props as AnyProps);\n    const composed = ref ? composeRefs(ref, readRef(element)) : readRef(element);\n    (merged as { ref?: React.Ref<unknown> }).ref = composed;\n\n    // With Slottable, the component's own siblings replace the marker and\n    // become the slotted element's children (its original children last).\n    const newChildren = slottable\n      ? childArray.map((c) => (c === slottable ? element.props.children : c))\n      : element.props.children;\n\n    return React.cloneElement(element, merged, ...React.Children.toArray(newChildren));\n  },\n);\n"]}