@misael703/ui 1.0.0

package/dist/chunk-HYUINOPJ.js

@@ -0,0 +1,173 @@
+'use strict';
+
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Input = React__namespace.forwardRef(function Input2({ invalid, iconLeft, iconRight, className, ...rest }, ref) {
+  if (iconLeft || iconRight) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("input-wrap", invalid && "is-invalid", className), children: [
+      iconLeft && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "input-wrap__icon input-wrap__icon--left", "aria-hidden": "true", children: iconLeft }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref,
+          className: chunkPASF6T4H_js.cx("input", !!iconLeft && "input--has-left", !!iconRight && "input--has-right"),
+          "aria-invalid": invalid || void 0,
+          ...rest
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "input-wrap__icon input-wrap__icon--right", "aria-hidden": "true", children: iconRight })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref,
+      className: chunkPASF6T4H_js.cx("input", invalid && "is-invalid", className),
+      "aria-invalid": invalid || void 0,
+      ...rest
+    }
+  );
+});
+var Textarea = React__namespace.forwardRef(function Textarea2({ invalid, className, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      ref,
+      className: chunkPASF6T4H_js.cx("textarea", invalid && "is-invalid", className),
+      "aria-invalid": invalid || void 0,
+      ...rest
+    }
+  );
+});
+var Select = React__namespace.forwardRef(function Select2({ invalid, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "select",
+    {
+      ref,
+      className: chunkPASF6T4H_js.cx("select", invalid && "is-invalid", className),
+      "aria-invalid": invalid || void 0,
+      ...rest,
+      children
+    }
+  );
+});
+var Checkbox = React__namespace.forwardRef(function Checkbox2({ className, children, invalid, indeterminate, ...rest }, ref) {
+  const innerRef = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    if (innerRef.current) innerRef.current.indeterminate = !!indeterminate;
+  }, [indeterminate]);
+  const setRef = (node) => {
+    innerRef.current = node;
+    if (typeof ref === "function") ref(node);
+    else if (ref) ref.current = node;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: chunkPASF6T4H_js.cx("check", invalid && "is-invalid", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: setRef,
+        type: "checkbox",
+        "aria-invalid": invalid || void 0,
+        "aria-checked": indeterminate ? "mixed" : void 0,
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "check__box", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Check, { size: 14, strokeWidth: 3 }) }),
+    children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+  ] });
+});
+var Radio = React__namespace.forwardRef(function Radio2({ className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: chunkPASF6T4H_js.cx("check", "check--radio", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type: "radio", ...rest }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "check__box", "aria-hidden": "true" }),
+    children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+  ] });
+});
+var Switch = React__namespace.forwardRef(function Switch2({ className, children, invalid, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: chunkPASF6T4H_js.cx("switch", invalid && "is-invalid", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref,
+        type: "checkbox",
+        role: "switch",
+        "aria-invalid": invalid || void 0,
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "switch__track", "aria-hidden": "true" }),
+    children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { children })
+  ] });
+});
+var Label = React__namespace.forwardRef(function Label2({ required, className, children, ...rest }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, className: chunkPASF6T4H_js.cx("label", className), ...rest, children: [
+    children,
+    required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": "requerido", style: { color: "var(--color-danger)" }, children: " *" })
+  ] });
+});
+function FormField({ label, hint, error, required, htmlFor, children, className }) {
+  const reactId = React__namespace.useId();
+  const id = htmlFor ?? reactId;
+  const hintId = hint ? `${id}-hint` : void 0;
+  const errorId = error ? `${id}-error` : void 0;
+  const describedBy = [hintId, errorId].filter(Boolean).join(" ") || void 0;
+  const child = React__namespace.isValidElement(children) ? React__namespace.cloneElement(
+    children,
+    {
+      id: children.props.id ?? id,
+      "aria-describedby": children.props["aria-describedby"] ?? describedBy
+    }
+  ) : children;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("form-field", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: id, required, children: label }),
+    child,
+    hint && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { id: hintId, className: "form-field__hint", children: hint }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { id: errorId, className: "form-field__error", role: "alert", children: error })
+  ] });
+}
+var InputGroup = React__namespace.forwardRef(
+  function InputGroup2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkPASF6T4H_js.cx("input-group", className), ...rest });
+  }
+);
+var InputGroupAddon = React__namespace.forwardRef(
+  function InputGroupAddon2({ className, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: chunkPASF6T4H_js.cx("input-group__addon", className), ...rest });
+  }
+);
+
+exports.Checkbox = Checkbox;
+exports.FormField = FormField;
+exports.Input = Input;
+exports.InputGroup = InputGroup;
+exports.InputGroupAddon = InputGroupAddon;
+exports.Label = Label;
+exports.Radio = Radio;
+exports.Select = Select;
+exports.Switch = Switch;
+exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-HYUINOPJ.js.map
+//# sourceMappingURL=chunk-HYUINOPJ.js.map

package/dist/chunk-HYUINOPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Form.tsx"],"names":["React","Input","jsxs","cx","jsx","Textarea","Select","Checkbox","Check","Radio","Switch","Label","InputGroup","InputGroupAddon"],"mappings":"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","file":"chunk-HYUINOPJ.js","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Check as CheckIcon } from './Icons';\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  invalid?: boolean;\n  iconLeft?: React.ReactNode;\n  iconRight?: React.ReactNode;\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(function Input(\n  { invalid, iconLeft, iconRight, className, ...rest },\n  ref\n) {\n  if (iconLeft || iconRight) {\n    return (\n      <div className={cx('input-wrap', invalid && 'is-invalid', className)}>\n        {iconLeft && <span className=\"input-wrap__icon input-wrap__icon--left\" aria-hidden=\"true\">{iconLeft}</span>}\n        <input\n          ref={ref}\n          className={cx('input', !!iconLeft && 'input--has-left', !!iconRight && 'input--has-right')}\n          aria-invalid={invalid || undefined}\n          {...rest}\n        />\n        {iconRight && <span className=\"input-wrap__icon input-wrap__icon--right\" aria-hidden=\"true\">{iconRight}</span>}\n      </div>\n    );\n  }\n  return (\n    <input\n      ref={ref}\n      className={cx('input', invalid && 'is-invalid', className)}\n      aria-invalid={invalid || undefined}\n      {...rest}\n    />\n  );\n});\n\nexport interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  invalid?: boolean;\n}\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  { invalid, className, ...rest },\n  ref\n) {\n  return (\n    <textarea\n      ref={ref}\n      className={cx('textarea', invalid && 'is-invalid', className)}\n      aria-invalid={invalid || undefined}\n      {...rest}\n    />\n  );\n});\n\nexport interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {\n  invalid?: boolean;\n}\n\nexport const Select = React.forwardRef<HTMLSelectElement, SelectProps>(function Select(\n  { invalid, className, children, ...rest },\n  ref\n) {\n  return (\n    <select\n      ref={ref}\n      className={cx('select', invalid && 'is-invalid', className)}\n      aria-invalid={invalid || undefined}\n      {...rest}\n    >\n      {children}\n    </select>\n  );\n});\n\nexport interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  /** Optional label rendered next to the checkbox. */\n  children?: React.ReactNode;\n  invalid?: boolean;\n  /** Tri-state mark (e.g. select-all partially checked). HTML attribute is JS-only. */\n  indeterminate?: boolean;\n}\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n  { className, children, invalid, indeterminate, ...rest },\n  ref\n) {\n  // Bridge the forwarded ref with our internal ref so we can set the\n  // indeterminate property (HTML doesn't expose it as an attribute).\n  const innerRef = React.useRef<HTMLInputElement | null>(null);\n  React.useEffect(() => {\n    if (innerRef.current) innerRef.current.indeterminate = !!indeterminate;\n  }, [indeterminate]);\n\n  const setRef = (node: HTMLInputElement | null) => {\n    innerRef.current = node;\n    if (typeof ref === 'function') ref(node);\n    else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n  };\n\n  return (\n    <label className={cx('check', invalid && 'is-invalid', className)}>\n      <input\n        ref={setRef}\n        type=\"checkbox\"\n        aria-invalid={invalid || undefined}\n        aria-checked={indeterminate ? 'mixed' : undefined}\n        {...rest}\n      />\n      <span className=\"check__box\" aria-hidden=\"true\">\n        <CheckIcon size={14} strokeWidth={3} />\n      </span>\n      {children != null && <span>{children}</span>}\n    </label>\n  );\n});\n\nexport interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  /** Optional label rendered next to the radio. */\n  children?: React.ReactNode;\n}\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  { className, children, ...rest },\n  ref\n) {\n  return (\n    <label className={cx('check', 'check--radio', className)}>\n      <input ref={ref} type=\"radio\" {...rest} />\n      <span className=\"check__box\" aria-hidden=\"true\" />\n      {children != null && <span>{children}</span>}\n    </label>\n  );\n});\n\nexport interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  /** Optional label rendered next to the switch. */\n  children?: React.ReactNode;\n  invalid?: boolean;\n}\n\nexport const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n  { className, children, invalid, ...rest },\n  ref\n) {\n  return (\n    <label className={cx('switch', invalid && 'is-invalid', className)}>\n      {/* role=\"switch\" overrides the native checkbox role so screen readers\n          announce \"on/off\" semantics instead of \"checked/unchecked\". */}\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        role=\"switch\"\n        aria-invalid={invalid || undefined}\n        {...rest}\n      />\n      <span className=\"switch__track\" aria-hidden=\"true\" />\n      {children != null && <span>{children}</span>}\n    </label>\n  );\n});\n\nexport interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  required?: boolean;\n}\n\nexport const Label = React.forwardRef<HTMLLabelElement, LabelProps>(function Label(\n  { required, className, children, ...rest },\n  ref\n) {\n  return (\n    <label ref={ref} className={cx('label', className)} {...rest}>\n      {children}\n      {required && <span aria-label=\"requerido\" style={{ color: 'var(--color-danger)' }}> *</span>}\n    </label>\n  );\n});\n\nexport interface FormFieldProps {\n  label?: React.ReactNode;\n  hint?: React.ReactNode;\n  error?: React.ReactNode;\n  required?: boolean;\n  /** Override the auto-generated id (e.g. when the input is rendered outside FormField). */\n  htmlFor?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function FormField({ label, hint, error, required, htmlFor, children, className }: FormFieldProps) {\n  const reactId = React.useId();\n  const id = htmlFor ?? reactId;\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorId = error ? `${id}-error` : undefined;\n  const describedBy = [hintId, errorId].filter(Boolean).join(' ') || undefined;\n\n  // Inject id + aria-describedby into the single child element so screen readers\n  // announce the helper/error text. Consumer-provided values win.\n  const child = React.isValidElement(children)\n    ? React.cloneElement(\n        children as React.ReactElement<{ id?: string; 'aria-describedby'?: string }>,\n        {\n          id: (children.props as { id?: string }).id ?? id,\n          'aria-describedby':\n            (children.props as { 'aria-describedby'?: string })['aria-describedby'] ?? describedBy,\n        }\n      )\n    : children;\n\n  return (\n    <div className={cx('form-field', className)}>\n      {label && (\n        <Label htmlFor={id} required={required}>\n          {label}\n        </Label>\n      )}\n      {child}\n      {hint && !error && <div id={hintId} className=\"form-field__hint\">{hint}</div>}\n      {error && <div id={errorId} className=\"form-field__error\" role=\"alert\">{error}</div>}\n    </div>\n  );\n}\n\n// ---------- InputGroup --------------------------------------------------\n// Permite combinar un Input con addons a la izquierda/derecha.\n// Uso: <InputGroup><InputGroupAddon>$</InputGroupAddon><Input /></InputGroup>\nexport const InputGroup = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function InputGroup({ className, ...rest }, ref) {\n    return <div ref={ref} className={cx('input-group', className)} {...rest} />;\n  }\n);\n\nexport const InputGroupAddon = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(\n  function InputGroupAddon({ className, ...rest }, ref) {\n    return <span ref={ref} className={cx('input-group__addon', className)} {...rest} />;\n  }\n);\n"]}

package/dist/chunk-IEPCH3JB.mjs

@@ -0,0 +1,8 @@
+// src/utils/cx.ts
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+
+export { cx };
+//# sourceMappingURL=chunk-IEPCH3JB.mjs.map
+//# sourceMappingURL=chunk-IEPCH3JB.mjs.map

package/dist/chunk-IEPCH3JB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cx.ts"],"names":[],"mappings":";AACO,SAAS,MAAM,OAAA,EAA2D;AAC/E,EAAA,OAAO,OAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AACzC","file":"chunk-IEPCH3JB.mjs","sourcesContent":["// Utility — merge class names, dropping falsy values\nexport function cx(...classes: Array<string | false | null | undefined>): string {\n  return classes.filter(Boolean).join(' ');\n}\n"]}

package/dist/chunk-IIYQO6BL.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function ContextMenu({ items, children, className, menuClassName, ariaLabel = "Men\xFA contextual" }) {
+  const [pos, setPos] = React__namespace.useState(null);
+  const menuRef = React__namespace.useRef(null);
+  const close = () => setPos(null);
+  const onContextMenu = (e) => {
+    e.preventDefault();
+    setPos({ x: e.clientX, y: e.clientY });
+  };
+  React__namespace.useEffect(() => {
+    if (!pos) return;
+    const onClick = (e) => {
+      if (menuRef.current?.contains(e.target)) return;
+      close();
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [pos]);
+  React__namespace.useEffect(() => {
+    if (!pos || !menuRef.current) return;
+    const r = menuRef.current.getBoundingClientRect();
+    let x = pos.x;
+    let y = pos.y;
+    if (x + r.width > window.innerWidth) x = window.innerWidth - r.width - 8;
+    if (y + r.height > window.innerHeight) y = window.innerHeight - r.height - 8;
+    if (x !== pos.x || y !== pos.y) setPos({ x, y });
+  }, [pos]);
+  const handleSelect = (item) => {
+    if (item.disabled || item.separator) return;
+    item.onSelect?.();
+    close();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkPASF6T4H_js.cx("context-menu", className), onContextMenu, children: [
+    children,
+    pos && /* @__PURE__ */ jsxRuntime.jsx(
+      "ul",
+      {
+        ref: menuRef,
+        role: "menu",
+        "aria-label": ariaLabel,
+        className: chunkPASF6T4H_js.cx("context-menu__menu", menuClassName),
+        style: { position: "fixed", top: pos.y, left: pos.x, zIndex: "var(--z-popover, 1300)" },
+        children: items.map(
+          (item) => item.separator ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "context-menu__separator", role: "separator" }, item.id) : /* @__PURE__ */ jsxRuntime.jsx("li", { role: "none", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: chunkPASF6T4H_js.cx("context-menu__item", item.disabled && "is-disabled", item.danger && "context-menu__item--danger"),
+              disabled: item.disabled,
+              onClick: () => handleSelect(item),
+              children: [
+                item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "context-menu__icon", children: item.icon }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "context-menu__label", children: item.label })
+              ]
+            }
+          ) }, item.id)
+        )
+      }
+    )
+  ] });
+}
+
+exports.ContextMenu = ContextMenu;
+//# sourceMappingURL=chunk-IIYQO6BL.js.map
+//# sourceMappingURL=chunk-IIYQO6BL.js.map

package/dist/chunk-IIYQO6BL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ContextMenu.tsx"],"names":["React","cx","jsx","jsxs"],"mappings":"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","file":"chunk-IIYQO6BL.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\nexport interface ContextMenuItem {\n  id: string;\n  label?: React.ReactNode;\n  icon?: React.ReactNode;\n  onSelect?: () => void;\n  disabled?: boolean;\n  danger?: boolean;\n  separator?: boolean;\n}\n\nexport interface ContextMenuProps {\n  items: ContextMenuItem[];\n  children: React.ReactNode;\n  className?: string;\n  menuClassName?: string;\n  ariaLabel?: string;\n}\n\nexport function ContextMenu({ items, children, className, menuClassName, ariaLabel = 'Menú contextual' }: ContextMenuProps) {\n  const [pos, setPos] = React.useState<{ x: number; y: number } | null>(null);\n  const menuRef = React.useRef<HTMLUListElement>(null);\n\n  const close = () => setPos(null);\n\n  const onContextMenu = (e: React.MouseEvent) => {\n    e.preventDefault();\n    setPos({ x: e.clientX, y: e.clientY });\n  };\n\n  React.useEffect(() => {\n    if (!pos) return;\n    const onClick = (e: MouseEvent) => {\n      if (menuRef.current?.contains(e.target as Node)) return;\n      close();\n    };\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') close();\n    };\n    document.addEventListener('mousedown', onClick);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onClick);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [pos]);\n\n  React.useEffect(() => {\n    if (!pos || !menuRef.current) return;\n    const r = menuRef.current.getBoundingClientRect();\n    let x = pos.x;\n    let y = pos.y;\n    if (x + r.width > window.innerWidth) x = window.innerWidth - r.width - 8;\n    if (y + r.height > window.innerHeight) y = window.innerHeight - r.height - 8;\n    if (x !== pos.x || y !== pos.y) setPos({ x, y });\n  }, [pos]);\n\n  const handleSelect = (item: ContextMenuItem) => {\n    if (item.disabled || item.separator) return;\n    item.onSelect?.();\n    close();\n  };\n\n  return (\n    <span className={cx('context-menu', className)} onContextMenu={onContextMenu}>\n      {children}\n      {pos && (\n        <ul\n          ref={menuRef}\n          role=\"menu\"\n          aria-label={ariaLabel}\n          className={cx('context-menu__menu', menuClassName)}\n          style={{ position: 'fixed', top: pos.y, left: pos.x, zIndex: 'var(--z-popover, 1300)' as any }}\n        >\n          {items.map((item) =>\n            item.separator ? (\n              <li key={item.id} className=\"context-menu__separator\" role=\"separator\" />\n            ) : (\n              <li key={item.id} role=\"none\">\n                <button\n                  type=\"button\"\n                  role=\"menuitem\"\n                  className={cx('context-menu__item', item.disabled && 'is-disabled', item.danger && 'context-menu__item--danger')}\n                  disabled={item.disabled}\n                  onClick={() => handleSelect(item)}\n                >\n                  {item.icon && <span className=\"context-menu__icon\">{item.icon}</span>}\n                  <span className=\"context-menu__label\">{item.label}</span>\n                </button>\n              </li>\n            )\n          )}\n        </ul>\n      )}\n    </span>\n  );\n}\n"]}

package/dist/chunk-IMFQ55KO.js

@@ -0,0 +1,131 @@
+'use strict';
+
+var chunkLIGJBHXU_js = require('./chunk-LIGJBHXU.js');
+var chunkTEQ67JKX_js = require('./chunk-TEQ67JKX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var NumberInput = React__namespace.forwardRef(function NumberInput2({ value, onChange, min, max, step = 1, invalid, prefix, suffix, className, disabled, ...rest }, ref) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  const set = (next) => {
+    if (next == null) return onChange?.(null);
+    let v = next;
+    if (typeof min === "number") v = Math.max(min, v);
+    if (typeof max === "number") v = Math.min(max, v);
+    onChange?.(v);
+  };
+  const incr = (mult) => set((value ?? 0) + step * mult);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("number-input", invalid && "is-invalid", disabled && "is-disabled", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "number-input__btn", tabIndex: -1, "aria-label": t["numberInput.decrement"], onClick: () => incr(-1), disabled, children: "\u2212" }),
+    prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "number-input__affix", children: prefix }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref,
+        type: "number",
+        className: "number-input__field",
+        value: value ?? "",
+        min,
+        max,
+        step,
+        disabled,
+        onChange: (e) => set(e.target.value === "" ? null : Number(e.target.value)),
+        "aria-invalid": invalid || void 0,
+        ...rest
+      }
+    ),
+    suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "number-input__affix", children: suffix }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "number-input__btn", tabIndex: -1, "aria-label": t["numberInput.increment"], onClick: () => incr(1), disabled, children: "+" })
+  ] });
+});
+function pageList(current, total, siblings) {
+  if (total <= 1) return [1];
+  const range = (s, e) => Array.from({ length: e - s + 1 }, (_, i) => s + i);
+  const start = Math.max(2, current - siblings);
+  const end = Math.min(total - 1, current + siblings);
+  const out = [1];
+  if (start > 2) out.push("...");
+  out.push(...range(start, end));
+  if (end < total - 1) out.push("...");
+  if (total > 1) out.push(total);
+  return out;
+}
+function Pagination({ page, pageSize, total, onPageChange, siblings = 1, className }) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const pages = pageList(page, totalPages, siblings);
+  const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
+  const to = Math.min(total, page * pageSize);
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: chunkPASF6T4H_js.cx("pagination", className), "aria-label": t["pagination.label"], children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pagination__info", children: chunkLIGJBHXU_js.format(t["pagination.range"], { from, to, total }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pagination__btn", onClick: () => onPageChange(Math.max(1, page - 1)), disabled: page <= 1, "aria-label": t["pagination.prev"], children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronLeft, { size: 14 }) }),
+    pages.map(
+      (p, i) => p === "..." ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pagination__ellipsis", children: "\u2026" }, `e${i}`) : /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: chunkPASF6T4H_js.cx("pagination__btn", p === page && "is-active"),
+          "aria-current": p === page ? "page" : void 0,
+          onClick: () => onPageChange(p),
+          children: p
+        },
+        p
+      )
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pagination__btn", onClick: () => onPageChange(Math.min(totalPages, page + 1)), disabled: page >= totalPages, "aria-label": t["pagination.next"], children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronRight, { size: 14 }) })
+  ] });
+}
+function EmptyState({ icon, title, description, action, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("empty", className), role: "status", children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty__title", children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty__desc", children: description }),
+    action
+  ] });
+}
+function Kpi({ label, value, delta, hint, icon, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("kpi", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kpi__head", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kpi__label", children: label }),
+      icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kpi__icon", "aria-hidden": "true", children: icon })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kpi__value", children: value }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kpi__foot", children: [
+      delta && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkPASF6T4H_js.cx("kpi__delta", `kpi__delta--${delta.trend}`), children: [
+        delta.trend === "up" ? /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronUp, { size: 12 }) : delta.trend === "down" ? /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronDown, { size: 12 }) : "\u2013",
+        " ",
+        delta.value
+      ] }),
+      hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kpi__hint", children: hint })
+    ] })
+  ] });
+}
+
+exports.EmptyState = EmptyState;
+exports.Kpi = Kpi;
+exports.NumberInput = NumberInput;
+exports.Pagination = Pagination;
+//# sourceMappingURL=chunk-IMFQ55KO.js.map
+//# sourceMappingURL=chunk-IMFQ55KO.js.map

package/dist/chunk-IMFQ55KO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Inputs.tsx"],"names":["React","NumberInput","useLocale","jsxs","cx","jsx","format","ChevronLeft","ChevronRight","ChevronUp","ChevronDown"],"mappings":"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","file":"chunk-IMFQ55KO.js","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronLeft, ChevronRight, ChevronUp, ChevronDown } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- NumberInput --------------------------------------------------\nexport interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'type' | 'prefix'> {\n  value?: number | null;\n  onChange?: (v: number | null) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  invalid?: boolean;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n}\n\nexport const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n  { value, onChange, min, max, step = 1, invalid, prefix, suffix, className, disabled, ...rest },\n  ref\n) {\n  const t = useLocale();\n  const set = (next: number | null) => {\n    if (next == null) return onChange?.(null);\n    let v = next;\n    if (typeof min === 'number') v = Math.max(min, v);\n    if (typeof max === 'number') v = Math.min(max, v);\n    onChange?.(v);\n  };\n  const incr = (mult: number) => set((value ?? 0) + step * mult);\n  return (\n    <div className={cx('number-input', invalid && 'is-invalid', disabled && 'is-disabled', className)}>\n      <button type=\"button\" className=\"number-input__btn\" tabIndex={-1} aria-label={t['numberInput.decrement']} onClick={() => incr(-1)} disabled={disabled}>−</button>\n      {prefix && <span className=\"number-input__affix\">{prefix}</span>}\n      <input\n        ref={ref}\n        type=\"number\"\n        className=\"number-input__field\"\n        value={value ?? ''}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        onChange={(e) => set(e.target.value === '' ? null : Number(e.target.value))}\n        aria-invalid={invalid || undefined}\n        {...rest}\n      />\n      {suffix && <span className=\"number-input__affix\">{suffix}</span>}\n      <button type=\"button\" className=\"number-input__btn\" tabIndex={-1} aria-label={t['numberInput.increment']} onClick={() => incr(1)} disabled={disabled}>+</button>\n    </div>\n  );\n});\n\n// ---------- Pagination ---------------------------------------------------\nexport interface PaginationProps {\n  page: number;             // 1-indexed\n  pageSize: number;\n  total: number;\n  onPageChange: (page: number) => void;\n  siblings?: number;\n  className?: string;\n}\n\nfunction pageList(current: number, total: number, siblings: number): (number | '...')[] {\n  if (total <= 1) return [1];\n  const range = (s: number, e: number) => Array.from({ length: e - s + 1 }, (_, i) => s + i);\n  const start = Math.max(2, current - siblings);\n  const end = Math.min(total - 1, current + siblings);\n  const out: (number | '...')[] = [1];\n  if (start > 2) out.push('...');\n  out.push(...range(start, end));\n  if (end < total - 1) out.push('...');\n  if (total > 1) out.push(total);\n  return out;\n}\n\nexport function Pagination({ page, pageSize, total, onPageChange, siblings = 1, className }: PaginationProps) {\n  const t = useLocale();\n  const totalPages = Math.max(1, Math.ceil(total / pageSize));\n  const pages = pageList(page, totalPages, siblings);\n  const from = total === 0 ? 0 : (page - 1) * pageSize + 1;\n  const to = Math.min(total, page * pageSize);\n  return (\n    <nav className={cx('pagination', className)} aria-label={t['pagination.label']}>\n      <span className=\"pagination__info\">{format(t['pagination.range'], { from, to, total })}</span>\n      <button type=\"button\" className=\"pagination__btn\" onClick={() => onPageChange(Math.max(1, page - 1))} disabled={page <= 1} aria-label={t['pagination.prev']}><ChevronLeft size={14} /></button>\n      {pages.map((p, i) =>\n        p === '...' ? (\n          <span key={`e${i}`} className=\"pagination__ellipsis\">…</span>\n        ) : (\n          <button\n            key={p}\n            type=\"button\"\n            className={cx('pagination__btn', p === page && 'is-active')}\n            aria-current={p === page ? 'page' : undefined}\n            onClick={() => onPageChange(p)}\n          >\n            {p}\n          </button>\n        )\n      )}\n      <button type=\"button\" className=\"pagination__btn\" onClick={() => onPageChange(Math.min(totalPages, page + 1))} disabled={page >= totalPages} aria-label={t['pagination.next']}><ChevronRight size={14} /></button>\n    </nav>\n  );\n}\n\n// ---------- EmptyState ---------------------------------------------------\nexport interface EmptyStateProps {\n  icon?: React.ReactNode;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  action?: React.ReactNode;\n  className?: string;\n}\n\nexport function EmptyState({ icon, title, description, action, className }: EmptyStateProps) {\n  return (\n    <div className={cx('empty', className)} role=\"status\">\n      {icon && <div className=\"empty__icon\" aria-hidden=\"true\">{icon}</div>}\n      <div className=\"empty__title\">{title}</div>\n      {description && <div className=\"empty__desc\">{description}</div>}\n      {action}\n    </div>\n  );\n}\n\n// ---------- KPI / Stat card ----------------------------------------------\nexport interface KpiProps {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  delta?: { value: string; trend: 'up' | 'down' | 'flat' };\n  hint?: React.ReactNode;\n  icon?: React.ReactNode;\n  className?: string;\n}\n\nexport function Kpi({ label, value, delta, hint, icon, className }: KpiProps) {\n  return (\n    <div className={cx('kpi', className)}>\n      <div className=\"kpi__head\">\n        <span className=\"kpi__label\">{label}</span>\n        {icon && <span className=\"kpi__icon\" aria-hidden=\"true\">{icon}</span>}\n      </div>\n      <div className=\"kpi__value\">{value}</div>\n      <div className=\"kpi__foot\">\n        {delta && (\n          <span className={cx('kpi__delta', `kpi__delta--${delta.trend}`)}>\n            {delta.trend === 'up' ? <ChevronUp size={12} /> : delta.trend === 'down' ? <ChevronDown size={12} /> : '–'} {delta.value}\n          </span>\n        )}\n        {hint && <span className=\"kpi__hint\">{hint}</span>}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-IVL7P3MF.mjs

@@ -0,0 +1,105 @@
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function InputOTP({
+  value,
+  onChange,
+  length = 6,
+  onComplete,
+  disabled = false,
+  invalid = false,
+  autoFocus = false,
+  inputMode = "numeric",
+  className,
+  ariaLabel = "C\xF3digo de verificaci\xF3n"
+}) {
+  const refs = React.useRef([]);
+  React.useEffect(() => {
+    if (autoFocus) refs.current[0]?.focus();
+  }, [autoFocus]);
+  const sanitize = (s) => (inputMode === "numeric" ? s.replace(/\D/g, "") : s).slice(0, length);
+  const setAt = (idx, ch) => {
+    const arr = value.padEnd(length, " ").split("");
+    arr[idx] = ch;
+    const next = arr.join("").replace(/\s+$/, "").slice(0, length);
+    onChange(next);
+    if (next.length === length) onComplete?.(next);
+  };
+  const onInputChange = (idx, e) => {
+    const raw = e.target.value;
+    const cleaned = sanitize(raw);
+    if (cleaned.length === 0) {
+      setAt(idx, "");
+      return;
+    }
+    if (cleaned.length === 1) {
+      setAt(idx, cleaned);
+      const nextIdx = Math.min(idx + 1, length - 1);
+      refs.current[nextIdx]?.focus();
+      return;
+    }
+    const merged = (value.slice(0, idx) + cleaned).slice(0, length);
+    onChange(merged);
+    const focusIdx = Math.min(merged.length, length - 1);
+    refs.current[focusIdx]?.focus();
+    if (merged.length === length) onComplete?.(merged);
+  };
+  const onKeyDown = (idx, e) => {
+    if (e.key === "Backspace") {
+      if (!value[idx] && idx > 0) {
+        e.preventDefault();
+        const arr = value.split("");
+        arr[idx - 1] = "";
+        onChange(arr.join("").replace(/\s+$/, ""));
+        refs.current[idx - 1]?.focus();
+      }
+    } else if (e.key === "ArrowLeft" && idx > 0) {
+      refs.current[idx - 1]?.focus();
+    } else if (e.key === "ArrowRight" && idx < length - 1) {
+      refs.current[idx + 1]?.focus();
+    }
+  };
+  const onPaste = (e) => {
+    e.preventDefault();
+    const cleaned = sanitize(e.clipboardData.getData("text"));
+    if (!cleaned) return;
+    onChange(cleaned);
+    const focusIdx = Math.min(cleaned.length, length - 1);
+    refs.current[focusIdx]?.focus();
+    if (cleaned.length === length) onComplete?.(cleaned);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      className: cx("input-otp", invalid && "is-invalid", disabled && "is-disabled", className),
+      children: Array.from({ length }).map((_, i) => /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: (el) => {
+            refs.current[i] = el;
+          },
+          type: "text",
+          inputMode,
+          autoComplete: "one-time-code",
+          maxLength: length,
+          disabled,
+          "aria-invalid": invalid || void 0,
+          "aria-label": `D\xEDgito ${i + 1}`,
+          className: "input-otp__slot",
+          value: value[i] ?? "",
+          onChange: (e) => onInputChange(i, e),
+          onKeyDown: (e) => onKeyDown(i, e),
+          onPaste
+        },
+        i
+      ))
+    }
+  );
+}
+
+export { InputOTP };
+//# sourceMappingURL=chunk-IVL7P3MF.mjs.map
+//# sourceMappingURL=chunk-IVL7P3MF.mjs.map

package/dist/chunk-IVL7P3MF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InputOTP.tsx"],"names":[],"mappings":"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","file":"chunk-IVL7P3MF.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\nexport interface InputOTPProps {\n  value: string;\n  onChange: (value: string) => void;\n  length?: number;\n  onComplete?: (value: string) => void;\n  disabled?: boolean;\n  invalid?: boolean;\n  autoFocus?: boolean;\n  inputMode?: 'numeric' | 'text';\n  className?: string;\n  ariaLabel?: string;\n}\n\nexport function InputOTP({\n  value,\n  onChange,\n  length = 6,\n  onComplete,\n  disabled = false,\n  invalid = false,\n  autoFocus = false,\n  inputMode = 'numeric',\n  className,\n  ariaLabel = 'Código de verificación',\n}: InputOTPProps) {\n  const refs = React.useRef<Array<HTMLInputElement | null>>([]);\n\n  React.useEffect(() => {\n    if (autoFocus) refs.current[0]?.focus();\n  }, [autoFocus]);\n\n  const sanitize = (s: string) => (inputMode === 'numeric' ? s.replace(/\\D/g, '') : s).slice(0, length);\n\n  const setAt = (idx: number, ch: string) => {\n    const arr = value.padEnd(length, ' ').split('');\n    arr[idx] = ch;\n    const next = arr.join('').replace(/\\s+$/, '').slice(0, length);\n    onChange(next);\n    if (next.length === length) onComplete?.(next);\n  };\n\n  const onInputChange = (idx: number, e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    const cleaned = sanitize(raw);\n    if (cleaned.length === 0) {\n      setAt(idx, '');\n      return;\n    }\n    if (cleaned.length === 1) {\n      setAt(idx, cleaned);\n      const nextIdx = Math.min(idx + 1, length - 1);\n      refs.current[nextIdx]?.focus();\n      return;\n    }\n    const merged = (value.slice(0, idx) + cleaned).slice(0, length);\n    onChange(merged);\n    const focusIdx = Math.min(merged.length, length - 1);\n    refs.current[focusIdx]?.focus();\n    if (merged.length === length) onComplete?.(merged);\n  };\n\n  const onKeyDown = (idx: number, e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Backspace') {\n      if (!value[idx] && idx > 0) {\n        e.preventDefault();\n        const arr = value.split('');\n        arr[idx - 1] = '';\n        onChange(arr.join('').replace(/\\s+$/, ''));\n        refs.current[idx - 1]?.focus();\n      }\n    } else if (e.key === 'ArrowLeft' && idx > 0) {\n      refs.current[idx - 1]?.focus();\n    } else if (e.key === 'ArrowRight' && idx < length - 1) {\n      refs.current[idx + 1]?.focus();\n    }\n  };\n\n  const onPaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    e.preventDefault();\n    const cleaned = sanitize(e.clipboardData.getData('text'));\n    if (!cleaned) return;\n    onChange(cleaned);\n    const focusIdx = Math.min(cleaned.length, length - 1);\n    refs.current[focusIdx]?.focus();\n    if (cleaned.length === length) onComplete?.(cleaned);\n  };\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      className={cx('input-otp', invalid && 'is-invalid', disabled && 'is-disabled', className)}\n    >\n      {Array.from({ length }).map((_, i) => (\n        <input\n          key={i}\n          ref={(el) => {\n            refs.current[i] = el;\n          }}\n          type=\"text\"\n          inputMode={inputMode}\n          autoComplete=\"one-time-code\"\n          maxLength={length}\n          disabled={disabled}\n          aria-invalid={invalid || undefined}\n          aria-label={`Dígito ${i + 1}`}\n          className=\"input-otp__slot\"\n          value={value[i] ?? ''}\n          onChange={(e) => onInputChange(i, e)}\n          onKeyDown={(e) => onKeyDown(i, e)}\n          onPaste={onPaste}\n        />\n      ))}\n    </div>\n  );\n}\n"]}