@misael703/ui 1.0.0

package/dist/chunk-ZXSSOEIM.js

@@ -0,0 +1,197 @@
+'use strict';
+
+var chunkE2XOUDAH_js = require('./chunk-E2XOUDAH.js');
+var chunkHYUINOPJ_js = require('./chunk-HYUINOPJ.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);
+
+function ConfirmDialog({
+  open,
+  onClose,
+  onConfirm,
+  title,
+  description,
+  confirmLabel,
+  cancelLabel,
+  tone = "default",
+  loading
+}) {
+  const [busy, setBusy] = React__namespace.useState(false);
+  const isBusy = loading ?? busy;
+  const t = chunkTEQ67JKX_js.useLocale();
+  const confirmText = confirmLabel ?? t["common.confirm"];
+  const cancelText = cancelLabel ?? t["common.cancel"];
+  const handleConfirm = async () => {
+    try {
+      setBusy(true);
+      await onConfirm();
+      onClose();
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkE2XOUDAH_js.Modal,
+    {
+      open,
+      onClose,
+      size: "sm",
+      title,
+      footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "btn btn--ghost btn--md", onClick: onClose, disabled: isBusy, children: cancelText }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: chunkPASF6T4H_js.cx("btn", tone === "danger" ? "btn--danger" : "btn--primary", "btn--md"),
+            onClick: handleConfirm,
+            disabled: isBusy,
+            "aria-busy": isBusy || void 0,
+            children: [
+              isBusy ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner spinner--inverse", "aria-hidden": "true" }) : null,
+              confirmText
+            ]
+          }
+        )
+      ] }),
+      children: description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "confirm__desc", children: description })
+    }
+  );
+}
+function DescriptionList({ children, className, ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("dl", { className: chunkPASF6T4H_js.cx("desc-list", className), ...rest, children });
+}
+function DescriptionListItem({ label, value, onEdit, editable }) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "desc-list__label", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "desc-list__value", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: value }),
+      editable && onEdit && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "desc-list__edit", onClick: onEdit, children: t["descList.edit"] })
+    ] })
+  ] });
+}
+function DiffViewer({ entries, className, ...rest }) {
+  const t = chunkTEQ67JKX_js.useLocale();
+  const beforeLabel = typeof t["diff.before"] === "string" ? t["diff.before"] : void 0;
+  const afterLabel = typeof t["diff.after"] === "string" ? t["diff.after"] : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("diff", className), role: "table", "aria-label": t["diff.label"], ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "diff__head", role: "row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { role: "columnheader", children: t["diff.field"] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { role: "columnheader", children: t["diff.before"] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { role: "columnheader", children: t["diff.after"] })
+    ] }),
+    entries.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "diff__row", role: "row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "diff__field", role: "cell", children: e.field }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "diff__before", role: "cell", "data-label": beforeLabel, children: /* @__PURE__ */ jsxRuntime.jsx("del", { children: e.before }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "diff__after", role: "cell", "data-label": afterLabel, children: /* @__PURE__ */ jsxRuntime.jsx("ins", { children: e.after }) })
+    ] }, i))
+  ] });
+}
+function TransferList({
+  source,
+  selected,
+  onChange,
+  sourceTitle,
+  selectedTitle,
+  className
+}) {
+  const [leftChecked, setLeftChecked] = React__namespace.useState(/* @__PURE__ */ new Set());
+  const [rightChecked, setRightChecked] = React__namespace.useState(/* @__PURE__ */ new Set());
+  const t = chunkTEQ67JKX_js.useLocale();
+  const srcTitle = sourceTitle ?? t["transfer.available"];
+  const selTitle = selectedTitle ?? t["transfer.assigned"];
+  const selectedIds = React__namespace.useMemo(
+    () => new Set(selected.map((s) => s.id)),
+    [selected]
+  );
+  const left = React__namespace.useMemo(
+    () => source.filter((s) => !selectedIds.has(s.id)),
+    [source, selectedIds]
+  );
+  const right = selected;
+  const moveRight = () => {
+    const toMove = left.filter((i) => leftChecked.has(i.id));
+    onChange([...right, ...toMove]);
+    setLeftChecked(/* @__PURE__ */ new Set());
+  };
+  const moveLeft = () => {
+    onChange(right.filter((i) => !rightChecked.has(i.id)));
+    setRightChecked(/* @__PURE__ */ new Set());
+  };
+  const toggleCheck = (set, setSet, id) => {
+    const next = new Set(set);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    setSet(next);
+  };
+  const renderColumn = (title, items, checked, setChecked) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "transfer__col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "transfer__col-head", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "transfer__col-title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "transfer__col-count", children: items.length })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "transfer__list", role: "listbox", "aria-label": typeof title === "string" ? title : void 0, children: items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "transfer__empty", children: t["transfer.empty"] }) : items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        className: chunkPASF6T4H_js.cx("transfer__item", checked.has(it.id) && "is-checked", it.disabled && "is-disabled"),
+        role: "option",
+        "aria-selected": checked.has(it.id),
+        onClick: () => !it.disabled && toggleCheck(checked, setChecked, it.id),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkHYUINOPJ_js.Checkbox,
+            {
+              checked: checked.has(it.id),
+              disabled: it.disabled,
+              onChange: () => toggleCheck(checked, setChecked, it.id)
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "transfer__item-body", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: it.label }),
+            it.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "transfer__item-desc", children: it.description })
+          ] })
+        ]
+      },
+      it.id
+    )) })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("transfer", className), children: [
+    renderColumn(srcTitle, left, leftChecked, setLeftChecked),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "transfer__controls", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "btn btn--outline btn--sm", disabled: leftChecked.size === 0, onClick: moveRight, "aria-label": t["transfer.assignSelected"], children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronRight, { size: 16 }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "btn btn--outline btn--sm", disabled: rightChecked.size === 0, onClick: moveLeft, "aria-label": t["transfer.removeSelected"], children: /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronLeft, { size: 16 }) })
+    ] }),
+    renderColumn(selTitle, right, rightChecked, setRightChecked)
+  ] });
+}
+
+exports.ConfirmDialog = ConfirmDialog;
+exports.DescriptionList = DescriptionList;
+exports.DescriptionListItem = DescriptionListItem;
+exports.DiffViewer = DiffViewer;
+exports.TransferList = TransferList;
+//# sourceMappingURL=chunk-ZXSSOEIM.js.map
+//# sourceMappingURL=chunk-ZXSSOEIM.js.map

package/dist/chunk-ZXSSOEIM.js.map

@@ -0,0 +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-ZXSSOEIM.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/components/AdvancedPickers.d.mts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DateFormat } from '../utils/dateFormat.mjs';
+
+interface MultiComboboxOption<T = string> {
+    value: T;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+interface MultiComboboxProps<T = string> {
+    value: T[];
+    onChange: (v: T[]) => void;
+    options: MultiComboboxOption<T>[];
+    placeholder?: string;
+    emptyMessage?: string;
+    filter?: (option: MultiComboboxOption<T>, query: string) => boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+    maxVisibleChips?: number;
+}
+declare function MultiCombobox<T = string>({ value, onChange, options, placeholder, emptyMessage, filter, invalid, disabled, className, id, maxVisibleChips, }: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
+interface DateRange {
+    from: Date | null;
+    to: Date | null;
+}
+interface DateRangePickerProps {
+    value: DateRange;
+    onChange: (v: DateRange) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    presets?: Array<{
+        label: string;
+        range: () => DateRange;
+    }>;
+    invalid?: boolean;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+    /**
+     * Display format. Default `'auto'` derives from `configureBrand().locale`.
+     */
+    format?: DateFormat;
+}
+declare function DateRangePicker({ value, onChange, minDate, maxDate, presets, invalid, disabled, className, id, format, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+interface CommandItem {
+    id: string;
+    label: string;
+    description?: string;
+    group?: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    keywords?: string[];
+    onRun: () => void;
+}
+interface CommandPaletteProps {
+    open: boolean;
+    onClose: () => void;
+    items: CommandItem[];
+    placeholder?: string;
+    emptyMessage?: string;
+    hotkey?: string;
+}
+declare function CommandPalette({ open, onClose, items, placeholder, emptyMessage, }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
+interface UseCommandPaletteOptions {
+    hotkey?: string;
+}
+declare function useCommandPalette({ hotkey }?: UseCommandPaletteOptions): {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    close: () => void;
+    toggle: () => void;
+};
+
+export { type CommandItem, CommandPalette, type CommandPaletteProps, type DateRange, DateRangePicker, type DateRangePickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, type UseCommandPaletteOptions, useCommandPalette };

package/dist/components/AdvancedPickers.d.ts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DateFormat } from '../utils/dateFormat.js';
+
+interface MultiComboboxOption<T = string> {
+    value: T;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+interface MultiComboboxProps<T = string> {
+    value: T[];
+    onChange: (v: T[]) => void;
+    options: MultiComboboxOption<T>[];
+    placeholder?: string;
+    emptyMessage?: string;
+    filter?: (option: MultiComboboxOption<T>, query: string) => boolean;
+    invalid?: boolean;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+    maxVisibleChips?: number;
+}
+declare function MultiCombobox<T = string>({ value, onChange, options, placeholder, emptyMessage, filter, invalid, disabled, className, id, maxVisibleChips, }: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
+interface DateRange {
+    from: Date | null;
+    to: Date | null;
+}
+interface DateRangePickerProps {
+    value: DateRange;
+    onChange: (v: DateRange) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    presets?: Array<{
+        label: string;
+        range: () => DateRange;
+    }>;
+    invalid?: boolean;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+    /**
+     * Display format. Default `'auto'` derives from `configureBrand().locale`.
+     */
+    format?: DateFormat;
+}
+declare function DateRangePicker({ value, onChange, minDate, maxDate, presets, invalid, disabled, className, id, format, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+interface CommandItem {
+    id: string;
+    label: string;
+    description?: string;
+    group?: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    keywords?: string[];
+    onRun: () => void;
+}
+interface CommandPaletteProps {
+    open: boolean;
+    onClose: () => void;
+    items: CommandItem[];
+    placeholder?: string;
+    emptyMessage?: string;
+    hotkey?: string;
+}
+declare function CommandPalette({ open, onClose, items, placeholder, emptyMessage, }: CommandPaletteProps): react_jsx_runtime.JSX.Element | null;
+interface UseCommandPaletteOptions {
+    hotkey?: string;
+}
+declare function useCommandPalette({ hotkey }?: UseCommandPaletteOptions): {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    close: () => void;
+    toggle: () => void;
+};
+
+export { type CommandItem, CommandPalette, type CommandPaletteProps, type DateRange, DateRangePicker, type DateRangePickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, type UseCommandPaletteOptions, useCommandPalette };

package/dist/components/AdvancedPickers.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunkEJJDJJEM_js = require('../chunk-EJJDJJEM.js');
+require('../chunk-6LOJIU3C.js');
+require('../chunk-LIGJBHXU.js');
+require('../chunk-3PXYCXDW.js');
+require('../chunk-TEQ67JKX.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "CommandPalette", {
+  enumerable: true,
+  get: function () { return chunkEJJDJJEM_js.CommandPalette; }
+});
+Object.defineProperty(exports, "DateRangePicker", {
+  enumerable: true,
+  get: function () { return chunkEJJDJJEM_js.DateRangePicker; }
+});
+Object.defineProperty(exports, "MultiCombobox", {
+  enumerable: true,
+  get: function () { return chunkEJJDJJEM_js.MultiCombobox; }
+});
+Object.defineProperty(exports, "useCommandPalette", {
+  enumerable: true,
+  get: function () { return chunkEJJDJJEM_js.useCommandPalette; }
+});
+//# sourceMappingURL=AdvancedPickers.js.map
+//# sourceMappingURL=AdvancedPickers.js.map

package/dist/components/AdvancedPickers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AdvancedPickers.js"}

package/dist/components/AdvancedPickers.mjs

@@ -0,0 +1,9 @@
+export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from '../chunk-QSCJ2CER.mjs';
+import '../chunk-BCIZLGM3.mjs';
+import '../chunk-KKOJI25C.mjs';
+import '../chunk-5GEWIK4T.mjs';
+import '../chunk-ZRFSTYRL.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=AdvancedPickers.mjs.map
+//# sourceMappingURL=AdvancedPickers.mjs.map

package/dist/components/AdvancedPickers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AdvancedPickers.mjs"}

package/dist/components/AppShell.d.mts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface NavItem {
+    id: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    href?: string;
+    active?: boolean;
+    badge?: React.ReactNode;
+    onSelect?: () => void;
+    children?: NavItem[];
+}
+interface NavSection {
+    id?: string;
+    label?: React.ReactNode;
+    items: NavItem[];
+}
+type AppShellTheme = 'default' | 'brand';
+interface AppShellProps {
+    brand?: React.ReactNode;
+    brandCollapsed?: React.ReactNode;
+    sections: NavSection[];
+    topbar?: React.ReactNode;
+    footer?: React.ReactNode;
+    user?: React.ReactNode;
+    defaultCollapsed?: boolean;
+    collapsed?: boolean;
+    onCollapsedChange?: (c: boolean) => void;
+    children: React.ReactNode;
+    className?: string;
+    /**
+     * Sidebar color theme:
+     * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.
+     * - `brand`: sidebar azul de marca con texto blanco. Mayor brand recall.
+     */
+    theme?: AppShellTheme;
+    /** Render-prop for navigation links so the host app can use Next.js Link, etc. */
+    linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;
+}
+declare function AppShell({ brand, brandCollapsed, sections, topbar, footer, user, defaultCollapsed, collapsed: ctrlCollapsed, onCollapsedChange, children, className, theme, linkAs, }: AppShellProps): react_jsx_runtime.JSX.Element;
+interface PageHeaderProps {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    breadcrumbs?: Array<{
+        label: React.ReactNode;
+        href?: string;
+    }>;
+    actions?: React.ReactNode;
+    meta?: React.ReactNode;
+    className?: string;
+}
+declare function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, type AppShellProps, type AppShellTheme, type NavItem, type NavSection, PageHeader, type PageHeaderProps };

package/dist/components/AppShell.d.ts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface NavItem {
+    id: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    href?: string;
+    active?: boolean;
+    badge?: React.ReactNode;
+    onSelect?: () => void;
+    children?: NavItem[];
+}
+interface NavSection {
+    id?: string;
+    label?: React.ReactNode;
+    items: NavItem[];
+}
+type AppShellTheme = 'default' | 'brand';
+interface AppShellProps {
+    brand?: React.ReactNode;
+    brandCollapsed?: React.ReactNode;
+    sections: NavSection[];
+    topbar?: React.ReactNode;
+    footer?: React.ReactNode;
+    user?: React.ReactNode;
+    defaultCollapsed?: boolean;
+    collapsed?: boolean;
+    onCollapsedChange?: (c: boolean) => void;
+    children: React.ReactNode;
+    className?: string;
+    /**
+     * Sidebar color theme:
+     * - `default` (light): claro, mejor para apps data-heavy de uso prolongado.
+     * - `brand`: sidebar azul de marca con texto blanco. Mayor brand recall.
+     */
+    theme?: AppShellTheme;
+    /** Render-prop for navigation links so the host app can use Next.js Link, etc. */
+    linkAs?: (item: NavItem, content: React.ReactNode, className: string) => React.ReactNode;
+}
+declare function AppShell({ brand, brandCollapsed, sections, topbar, footer, user, defaultCollapsed, collapsed: ctrlCollapsed, onCollapsedChange, children, className, theme, linkAs, }: AppShellProps): react_jsx_runtime.JSX.Element;
+interface PageHeaderProps {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    breadcrumbs?: Array<{
+        label: React.ReactNode;
+        href?: string;
+    }>;
+    actions?: React.ReactNode;
+    meta?: React.ReactNode;
+    className?: string;
+}
+declare function PageHeader({ title, description, breadcrumbs, actions, meta, className }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+export { AppShell, type AppShellProps, type AppShellTheme, type NavItem, type NavSection, PageHeader, type PageHeaderProps };

package/dist/components/AppShell.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkT4R2LSRL_js = require('../chunk-T4R2LSRL.js');
+require('../chunk-TEQ67JKX.js');
+require('../chunk-RQOTH7I7.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "AppShell", {
+  enumerable: true,
+  get: function () { return chunkT4R2LSRL_js.AppShell; }
+});
+Object.defineProperty(exports, "PageHeader", {
+  enumerable: true,
+  get: function () { return chunkT4R2LSRL_js.PageHeader; }
+});
+//# sourceMappingURL=AppShell.js.map
+//# sourceMappingURL=AppShell.js.map

package/dist/components/AppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AppShell.js"}

package/dist/components/AppShell.mjs

@@ -0,0 +1,6 @@
+export { AppShell, PageHeader } from '../chunk-Z3FAKG3E.mjs';
+import '../chunk-ZRFSTYRL.mjs';
+import '../chunk-CIBJKJV3.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=AppShell.mjs.map
+//# sourceMappingURL=AppShell.mjs.map

package/dist/components/AppShell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"AppShell.mjs"}

package/dist/components/Button.d.mts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'subtle' | 'danger' | 'success' | 'warning' | 'link';
+type ButtonSize = 'sm' | 'md' | 'lg';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    fullWidth?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ButtonGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Button, ButtonGroup, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/components/Button.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'subtle' | 'danger' | 'success' | 'warning' | 'link';
+type ButtonSize = 'sm' | 'md' | 'lg';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    fullWidth?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ButtonGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Button, ButtonGroup, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/components/Button.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var chunkPSJVU4E4_js = require('../chunk-PSJVU4E4.js');
+require('../chunk-PASF6T4H.js');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkPSJVU4E4_js.Button; }
+});
+Object.defineProperty(exports, "ButtonGroup", {
+  enumerable: true,
+  get: function () { return chunkPSJVU4E4_js.ButtonGroup; }
+});
+//# sourceMappingURL=Button.js.map
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Button.js"}

package/dist/components/Button.mjs

@@ -0,0 +1,4 @@
+export { Button, ButtonGroup } from '../chunk-V26K66NP.mjs';
+import '../chunk-IEPCH3JB.mjs';
+//# sourceMappingURL=Button.mjs.map
+//# sourceMappingURL=Button.mjs.map

package/dist/components/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"Button.mjs"}