@misael703/ui 1.31.1 → 1.34.0

package/dist/{chunk-EAVUJY3H.js → chunk-I7D47VEK.js}

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunkRJJH6UZU_js = require('./chunk-RJJH6UZU.js');
-var chunkU6ZXX4WF_js = require('./chunk-U6ZXX4WF.js');
-var chunk3HA3VO2I_js = require('./chunk-3HA3VO2I.js');
+var chunkVJLOL7FR_js = require('./chunk-VJLOL7FR.js');
+var chunkHB5VGI2W_js = require('./chunk-HB5VGI2W.js');
+var chunkC4AKMVDZ_js = require('./chunk-C4AKMVDZ.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -29,7 +29,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function FilterPanel({ title, onClearAll, activeCount, className, children, ...rest }) {
-  const t = chunkU6ZXX4WF_js.useLocale();
+  const t = chunkHB5VGI2W_js.useLocale();
   const heading = title ?? t["filters.panel"];
   return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: chunkPASF6T4H_js.cx("filter-panel", className), "aria-label": t["filters.panel"], ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "filter-panel__head", children: [
@@ -54,7 +54,7 @@ function FilterSection({ title, defaultOpen = true, children, className, ...rest
         onClick: () => setOpen((o) => !o),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
-          open ? /* @__PURE__ */ jsxRuntime.jsx(chunk3HA3VO2I_js.ChevronUp, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3HA3VO2I_js.ChevronDown, { size: 14 })
+          open ? /* @__PURE__ */ jsxRuntime.jsx(chunkC4AKMVDZ_js.ChevronUp, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(chunkC4AKMVDZ_js.ChevronDown, { size: 14 })
         ]
       }
     ),
@@ -62,16 +62,16 @@ function FilterSection({ title, defaultOpen = true, children, className, ...rest
   ] });
 }
 function BulkActionBar({ selectedCount, label, onClear, className, children, ...rest }) {
-  const t = chunkU6ZXX4WF_js.useLocale();
+  const t = chunkHB5VGI2W_js.useLocale();
   if (selectedCount <= 0) return null;
-  const countText = chunkRJJH6UZU_js.format(
+  const countText = chunkVJLOL7FR_js.format(
     selectedCount === 1 ? t["filters.selectedOne"] : t["filters.selectedMany"],
     { n: selectedCount }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkPASF6T4H_js.cx("bulk-bar", className), role: "region", "aria-label": t["filters.bulkActions"], ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bulk-bar__count", children: [
       label ?? countText,
-      onClear && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "bulk-bar__clear", "aria-label": t["filters.deselectAll"], onClick: onClear, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3HA3VO2I_js.X, { size: 14 }) })
+      onClear && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "bulk-bar__clear", "aria-label": t["filters.deselectAll"], onClick: onClear, children: /* @__PURE__ */ jsxRuntime.jsx(chunkC4AKMVDZ_js.X, { size: 14 }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bulk-bar__actions", children })
   ] });
@@ -84,7 +84,7 @@ function SortDropdown({
   className,
   id
 }) {
-  const t = chunkU6ZXX4WF_js.useLocale();
+  const t = chunkHB5VGI2W_js.useLocale();
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: chunkPASF6T4H_js.cx("sort-dropdown", className), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sort-dropdown__label", children: label ?? t["filters.sortBy"] }),
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -147,5 +147,5 @@ exports.FilterField = FilterField;
 exports.FilterPanel = FilterPanel;
 exports.FilterSection = FilterSection;
 exports.SortDropdown = SortDropdown;
-//# sourceMappingURL=chunk-EAVUJY3H.js.map
-//# sourceMappingURL=chunk-EAVUJY3H.js.map
+//# sourceMappingURL=chunk-I7D47VEK.js.map
+//# sourceMappingURL=chunk-I7D47VEK.js.map

package/dist/{chunk-EAVUJY3H.js.map → chunk-I7D47VEK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Filters.tsx"],"names":["useLocale","jsxs","cx","jsx","React","ChevronUp","ChevronDown","format","X"],"mappings":"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","file":"chunk-EAVUJY3H.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown, ChevronUp, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- FilterPanel -------------------------------------------------\nexport interface FilterPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  onClearAll?: () => void;\n  activeCount?: number;\n}\n\nexport function FilterPanel({ title, onClearAll, activeCount, className, children, ...rest }: FilterPanelProps) {\n  const t = useLocale();\n  const heading = title ?? t['filters.panel'];\n  return (\n    <aside className={cx('filter-panel', className)} aria-label={t['filters.panel']} {...rest}>\n      <div className=\"filter-panel__head\">\n        <span className=\"filter-panel__title\">\n          {heading}\n          {typeof activeCount === 'number' && activeCount > 0 && (\n            <span className=\"filter-panel__count\">{activeCount}</span>\n          )}\n        </span>\n        {onClearAll && activeCount !== undefined && activeCount > 0 && (\n          <button type=\"button\" className=\"filter-panel__clear\" onClick={onClearAll}>\n            {t['filters.clear']}\n          </button>\n        )}\n      </div>\n      <div className=\"filter-panel__body\">{children}</div>\n    </aside>\n  );\n}\n\nexport interface FilterSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode;\n  defaultOpen?: boolean;\n}\n\nexport function FilterSection({ title, defaultOpen = true, children, className, ...rest }: FilterSectionProps) {\n  const [open, setOpen] = React.useState(defaultOpen);\n  return (\n    <div className={cx('filter-section', className)} {...rest}>\n      <button\n        type=\"button\"\n        className=\"filter-section__head\"\n        aria-expanded={open}\n        onClick={() => setOpen((o) => !o)}\n      >\n        <span>{title}</span>\n        {open ? <ChevronUp size={14} /> : <ChevronDown size={14} />}\n      </button>\n      {open && <div className=\"filter-section__body\">{children}</div>}\n    </div>\n  );\n}\n\n// ---------- BulkActionBar ----------------------------------------------\nexport interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Cantidad de items seleccionados. La barra se oculta si es 0. */\n  selectedCount: number;\n  /** Texto opcional, default: \"{N} seleccionado(s)\". */\n  label?: React.ReactNode;\n  onClear?: () => void;\n}\n\nexport function BulkActionBar({ selectedCount, label, onClear, className, children, ...rest }: BulkActionBarProps) {\n  const t = useLocale();\n  if (selectedCount <= 0) return null;\n  const countText = format(\n    selectedCount === 1 ? t['filters.selectedOne'] : t['filters.selectedMany'],\n    { n: selectedCount }\n  );\n  return (\n    <div className={cx('bulk-bar', className)} role=\"region\" aria-label={t['filters.bulkActions']} {...rest}>\n      <div className=\"bulk-bar__count\">\n        {label ?? countText}\n        {onClear && (\n          <button type=\"button\" className=\"bulk-bar__clear\" aria-label={t['filters.deselectAll']} onClick={onClear}>\n            <X size={14} />\n          </button>\n        )}\n      </div>\n      <div className=\"bulk-bar__actions\">{children}</div>\n    </div>\n  );\n}\n\n// ---------- SortDropdown -----------------------------------------------\nexport interface SortOption<T = string> {\n  value: T;\n  label: React.ReactNode;\n}\n\nexport interface SortDropdownProps<T = string> {\n  value: T;\n  options: SortOption<T>[];\n  onChange: (value: T) => void;\n  label?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\nexport function SortDropdown<T extends string = string>({\n  value, options, onChange, label, className, id,\n}: SortDropdownProps<T>) {\n  const t = useLocale();\n  return (\n    <label className={cx('sort-dropdown', className)}>\n      <span className=\"sort-dropdown__label\">{label ?? t['filters.sortBy']}</span>\n      <select\n        id={id}\n        className=\"sort-dropdown__select select\"\n        value={value}\n        onChange={(e) => onChange(e.target.value as T)}\n      >\n        {options.map((o) => (\n          <option key={String(o.value)} value={String(o.value)}>\n            {typeof o.label === 'string' ? o.label : String(o.value)}\n          </option>\n        ))}\n      </select>\n    </label>\n  );\n}\n\n// ---------- FilterBar / FilterField ------------------------------------\n// Horizontal, dense filter row (the bar ON TOP of a table) — the counterpart\n// to FilterPanel's vertical facet sidebar. Without this, consumers hand-roll\n// a flex cluster: heterogeneous control heights + the kit's loud brand label\n// register make a 7-field row wrap and look ragged. FilterBar owns the grid,\n// applies `.fields--dense` (36px controls, kit-owned), and FilterField uses a\n// deliberately quiet label register — without mutating the global `--tt-label`\n// brand token, so forms elsewhere are untouched.\n\nexport interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Right-aligned slot for row-level actions (e.g. clear-all, export). */\n  actions?: React.ReactNode;\n  /** Min column width (px) before the responsive grid wraps. Default 160. */\n  minColWidth?: number;\n  /**\n   * Fixed column count instead of width-driven auto-fit. Use for a\n   * deterministic N-up row rather than wrapping by available width.\n   */\n  columns?: number;\n}\n\nexport function FilterBar({\n  actions, minColWidth = 160, columns, className, children, style, ...rest\n}: FilterBarProps): React.JSX.Element {\n  const gridVars = {\n    ...(columns ? { '--filter-cols': String(columns) } : { '--filter-col-min': `${minColWidth}px` }),\n    ...style,\n  } as React.CSSProperties;\n  return (\n    <div\n      className={cx('filter-bar', 'fields--dense', columns ? 'filter-bar--fixed-cols' : undefined, className)}\n      style={gridVars}\n      {...rest}\n    >\n      <div className=\"filter-bar__fields\">{children}</div>\n      {actions != null && <div className=\"filter-bar__actions\">{actions}</div>}\n    </div>\n  );\n}\n\nexport interface FilterFieldProps {\n  label: React.ReactNode;\n  /** Override the auto-generated id (when the control sets its own id). */\n  htmlFor?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function FilterField({\n  label, htmlFor, children, className,\n}: FilterFieldProps): React.JSX.Element {\n  const reactId = React.useId();\n  // Effective id, in priority order: explicit htmlFor → the control's own id\n  // → a generated one. Used for BOTH the label's `for` and the control, so a\n  // consumer-set id stays authoritative and the label still points at it.\n  const childId = React.isValidElement(children)\n    ? (children.props as { id?: string }).id\n    : undefined;\n  const id = htmlFor ?? childId ?? reactId;\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id })\n    : children;\n  return (\n    <div className={cx('filter-field', className)}>\n      <label htmlFor={id} className=\"filter-field__label\">{label}</label>\n      {child}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Filters.tsx"],"names":["useLocale","jsxs","cx","jsx","React","ChevronUp","ChevronDown","format","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAAS,WAAA,CAAY,EAAE,KAAA,EAAO,UAAA,EAAY,aAAa,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EAAqB;AAC9G,EAAA,MAAM,IAAIA,0BAAA,EAAU;AACpB,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,CAAA,CAAE,eAAe,CAAA;AAC1C,EAAA,uBACEC,eAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAWC,mBAAA,CAAG,cAAA,EAAgB,SAAS,CAAA,EAAG,YAAA,EAAY,CAAA,CAAE,eAAe,CAAA,EAAI,GAAG,IAAA,EACnF,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oBAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,eAAA,CAAC,MAAA,EAAA,EAAK,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,QACA,OAAO,gBAAgB,QAAA,IAAY,WAAA,GAAc,qBAChDE,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,WAAA,EAAY;AAAA,OAAA,EAEvD,CAAA;AAAA,MACC,UAAA,IAAc,WAAA,KAAgB,MAAA,IAAa,WAAA,GAAc,qBACxDA,cAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,WAAU,qBAAA,EAAsB,OAAA,EAAS,UAAA,EAC5D,QAAA,EAAA,CAAA,CAAE,eAAe,CAAA,EACpB;AAAA,KAAA,EAEJ,CAAA;AAAA,oBACAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAS;AAAA,GAAA,EAChD,CAAA;AAEJ;AAOO,SAAS,aAAA,CAAc,EAAE,KAAA,EAAO,WAAA,GAAc,MAAM,QAAA,EAAU,SAAA,EAAW,GAAG,IAAA,EAAK,EAAuB;AAC7G,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUC,0BAAS,WAAW,CAAA;AAClD,EAAA,uBACEH,eAAA,CAAC,SAAI,SAAA,EAAWC,mBAAA,CAAG,kBAAkB,SAAS,CAAA,EAAI,GAAG,IAAA,EACnD,QAAA,EAAA;AAAA,oBAAAD,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,SAAA,EAAU,sBAAA;AAAA,QACV,eAAA,EAAe,IAAA;AAAA,QACf,SAAS,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,QAEhC,QAAA,EAAA;AAAA,0BAAAE,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UACZ,IAAA,kCAAQE,0BAAA,EAAA,EAAU,IAAA,EAAM,IAAI,CAAA,mBAAKF,cAAA,CAACG,4BAAA,EAAA,EAAY,IAAA,EAAM,EAAA,EAAI;AAAA;AAAA;AAAA,KAC3D;AAAA,IACC,IAAA,oBAAQH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAwB,QAAA,EAAS;AAAA,GAAA,EAC3D,CAAA;AAEJ;AAWO,SAAS,aAAA,CAAc,EAAE,aAAA,EAAe,KAAA,EAAO,SAAS,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EAAuB;AACjH,EAAA,MAAM,IAAIH,0BAAA,EAAU;AACpB,EAAA,IAAI,aAAA,IAAiB,GAAG,OAAO,IAAA;AAC/B,EAAA,MAAM,SAAA,GAAYO,uBAAA;AAAA,IAChB,kBAAkB,CAAA,GAAI,CAAA,CAAE,qBAAqB,CAAA,GAAI,EAAE,sBAAsB,CAAA;AAAA,IACzE,EAAE,GAAG,aAAA;AAAc,GACrB;AACA,EAAA,uBACEN,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,mBAAA,CAAG,YAAY,SAAS,CAAA,EAAG,IAAA,EAAK,QAAA,EAAS,YAAA,EAAY,CAAA,CAAE,qBAAqB,CAAA,EAAI,GAAG,IAAA,EACjG,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,IAAS,SAAA;AAAA,MACT,2BACCE,cAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,WAAU,iBAAA,EAAkB,YAAA,EAAY,CAAA,CAAE,qBAAqB,GAAG,OAAA,EAAS,OAAA,EAC/F,yCAACK,kBAAA,EAAA,EAAE,IAAA,EAAM,IAAI,CAAA,EACf;AAAA,KAAA,EAEJ,CAAA;AAAA,oBACAL,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAA,EAAqB,QAAA,EAAS;AAAA,GAAA,EAC/C,CAAA;AAEJ;AAiBO,SAAS,YAAA,CAAwC;AAAA,EACtD,KAAA;AAAA,EAAO,OAAA;AAAA,EAAS,QAAA;AAAA,EAAU,KAAA;AAAA,EAAO,SAAA;AAAA,EAAW;AAC9C,CAAA,EAAyB;AACvB,EAAA,MAAM,IAAIH,0BAAA,EAAU;AACpB,EAAA,uCACG,OAAA,EAAA,EAAM,SAAA,EAAWE,mBAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EAC7C,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,UAAK,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAA,KAAA,IAAS,CAAA,CAAE,gBAAgB,CAAA,EAAE,CAAA;AAAA,oBACrEA,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,SAAA,EAAU,8BAAA;AAAA,QACV,KAAA;AAAA,QACA,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAU,CAAA;AAAA,QAE5C,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,qBACZA,cAAA,CAAC,YAA6B,KAAA,EAAO,MAAA,CAAO,CAAA,CAAE,KAAK,CAAA,EAChD,QAAA,EAAA,OAAO,EAAE,KAAA,KAAU,QAAA,GAAW,CAAA,CAAE,KAAA,GAAQ,MAAA,CAAO,CAAA,CAAE,KAAK,CAAA,EAAA,EAD5C,MAAA,CAAO,CAAA,CAAE,KAAK,CAE3B,CACD;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAEJ;AAuBO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EAAS,WAAA,GAAc,GAAA;AAAA,EAAK,OAAA;AAAA,EAAS,SAAA;AAAA,EAAW,QAAA;AAAA,EAAU,KAAA;AAAA,EAAO,GAAG;AACtE,CAAA,EAAsC;AACpC,EAAA,MAAM,QAAA,GAAW;AAAA,IACf,GAAI,OAAA,GAAU,EAAE,eAAA,EAAiB,MAAA,CAAO,OAAO,CAAA,EAAE,GAAI,EAAE,kBAAA,EAAoB,CAAA,EAAG,WAAW,CAAA,EAAA,CAAA,EAAK;AAAA,IAC9F,GAAG;AAAA,GACL;AACA,EAAA,uBACEF,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAWC,mBAAA,CAAG,YAAA,EAAc,iBAAiB,OAAA,GAAU,wBAAA,GAA2B,QAAW,SAAS,CAAA;AAAA,MACtG,KAAA,EAAO,QAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAS,CAAA;AAAA,QAC7C,WAAW,IAAA,oBAAQA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAuB,QAAA,EAAA,OAAA,EAAQ;AAAA;AAAA;AAAA,GACpE;AAEJ;AAUO,SAAS,WAAA,CAAY;AAAA,EAC1B,KAAA;AAAA,EAAO,OAAA;AAAA,EAAS,QAAA;AAAA,EAAU;AAC5B,CAAA,EAAwC;AACtC,EAAA,MAAM,UAAgBC,gBAAA,CAAA,KAAA,EAAM;AAI5B,EAAA,MAAM,UAAgBA,gBAAA,CAAA,cAAA,CAAe,QAAQ,CAAA,GACxC,QAAA,CAAS,MAA0B,EAAA,GACpC,MAAA;AACJ,EAAA,MAAM,EAAA,GAAK,WAAW,OAAA,IAAW,OAAA;AACjC,EAAA,MAAM,KAAA,GAAcA,gCAAe,QAAQ,CAAA,GACjCA,8BAAa,QAAA,EAAiD,EAAE,EAAA,EAAI,CAAA,GAC1E,QAAA;AACJ,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWF,mBAAA,CAAG,cAAA,EAAgB,SAAS,CAAA,EAC1C,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,OAAA,EAAA,EAAM,OAAA,EAAS,EAAA,EAAI,SAAA,EAAU,uBAAuB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IAC1D;AAAA,GAAA,EACH,CAAA;AAEJ","file":"chunk-I7D47VEK.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown, ChevronUp, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- FilterPanel -------------------------------------------------\nexport interface FilterPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  onClearAll?: () => void;\n  activeCount?: number;\n}\n\nexport function FilterPanel({ title, onClearAll, activeCount, className, children, ...rest }: FilterPanelProps) {\n  const t = useLocale();\n  const heading = title ?? t['filters.panel'];\n  return (\n    <aside className={cx('filter-panel', className)} aria-label={t['filters.panel']} {...rest}>\n      <div className=\"filter-panel__head\">\n        <span className=\"filter-panel__title\">\n          {heading}\n          {typeof activeCount === 'number' && activeCount > 0 && (\n            <span className=\"filter-panel__count\">{activeCount}</span>\n          )}\n        </span>\n        {onClearAll && activeCount !== undefined && activeCount > 0 && (\n          <button type=\"button\" className=\"filter-panel__clear\" onClick={onClearAll}>\n            {t['filters.clear']}\n          </button>\n        )}\n      </div>\n      <div className=\"filter-panel__body\">{children}</div>\n    </aside>\n  );\n}\n\nexport interface FilterSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode;\n  defaultOpen?: boolean;\n}\n\nexport function FilterSection({ title, defaultOpen = true, children, className, ...rest }: FilterSectionProps) {\n  const [open, setOpen] = React.useState(defaultOpen);\n  return (\n    <div className={cx('filter-section', className)} {...rest}>\n      <button\n        type=\"button\"\n        className=\"filter-section__head\"\n        aria-expanded={open}\n        onClick={() => setOpen((o) => !o)}\n      >\n        <span>{title}</span>\n        {open ? <ChevronUp size={14} /> : <ChevronDown size={14} />}\n      </button>\n      {open && <div className=\"filter-section__body\">{children}</div>}\n    </div>\n  );\n}\n\n// ---------- BulkActionBar ----------------------------------------------\nexport interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Cantidad de items seleccionados. La barra se oculta si es 0. */\n  selectedCount: number;\n  /** Texto opcional, default: \"{N} seleccionado(s)\". */\n  label?: React.ReactNode;\n  onClear?: () => void;\n}\n\nexport function BulkActionBar({ selectedCount, label, onClear, className, children, ...rest }: BulkActionBarProps) {\n  const t = useLocale();\n  if (selectedCount <= 0) return null;\n  const countText = format(\n    selectedCount === 1 ? t['filters.selectedOne'] : t['filters.selectedMany'],\n    { n: selectedCount }\n  );\n  return (\n    <div className={cx('bulk-bar', className)} role=\"region\" aria-label={t['filters.bulkActions']} {...rest}>\n      <div className=\"bulk-bar__count\">\n        {label ?? countText}\n        {onClear && (\n          <button type=\"button\" className=\"bulk-bar__clear\" aria-label={t['filters.deselectAll']} onClick={onClear}>\n            <X size={14} />\n          </button>\n        )}\n      </div>\n      <div className=\"bulk-bar__actions\">{children}</div>\n    </div>\n  );\n}\n\n// ---------- SortDropdown -----------------------------------------------\nexport interface SortOption<T = string> {\n  value: T;\n  label: React.ReactNode;\n}\n\nexport interface SortDropdownProps<T = string> {\n  value: T;\n  options: SortOption<T>[];\n  onChange: (value: T) => void;\n  label?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\nexport function SortDropdown<T extends string = string>({\n  value, options, onChange, label, className, id,\n}: SortDropdownProps<T>) {\n  const t = useLocale();\n  return (\n    <label className={cx('sort-dropdown', className)}>\n      <span className=\"sort-dropdown__label\">{label ?? t['filters.sortBy']}</span>\n      <select\n        id={id}\n        className=\"sort-dropdown__select select\"\n        value={value}\n        onChange={(e) => onChange(e.target.value as T)}\n      >\n        {options.map((o) => (\n          <option key={String(o.value)} value={String(o.value)}>\n            {typeof o.label === 'string' ? o.label : String(o.value)}\n          </option>\n        ))}\n      </select>\n    </label>\n  );\n}\n\n// ---------- FilterBar / FilterField ------------------------------------\n// Horizontal, dense filter row (the bar ON TOP of a table) — the counterpart\n// to FilterPanel's vertical facet sidebar. Without this, consumers hand-roll\n// a flex cluster: heterogeneous control heights + the kit's loud brand label\n// register make a 7-field row wrap and look ragged. FilterBar owns the grid,\n// applies `.fields--dense` (36px controls, kit-owned), and FilterField uses a\n// deliberately quiet label register — without mutating the global `--tt-label`\n// brand token, so forms elsewhere are untouched.\n\nexport interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Right-aligned slot for row-level actions (e.g. clear-all, export). */\n  actions?: React.ReactNode;\n  /** Min column width (px) before the responsive grid wraps. Default 160. */\n  minColWidth?: number;\n  /**\n   * Fixed column count instead of width-driven auto-fit. Use for a\n   * deterministic N-up row rather than wrapping by available width.\n   */\n  columns?: number;\n}\n\nexport function FilterBar({\n  actions, minColWidth = 160, columns, className, children, style, ...rest\n}: FilterBarProps): React.JSX.Element {\n  const gridVars = {\n    ...(columns ? { '--filter-cols': String(columns) } : { '--filter-col-min': `${minColWidth}px` }),\n    ...style,\n  } as React.CSSProperties;\n  return (\n    <div\n      className={cx('filter-bar', 'fields--dense', columns ? 'filter-bar--fixed-cols' : undefined, className)}\n      style={gridVars}\n      {...rest}\n    >\n      <div className=\"filter-bar__fields\">{children}</div>\n      {actions != null && <div className=\"filter-bar__actions\">{actions}</div>}\n    </div>\n  );\n}\n\nexport interface FilterFieldProps {\n  label: React.ReactNode;\n  /** Override the auto-generated id (when the control sets its own id). */\n  htmlFor?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function FilterField({\n  label, htmlFor, children, className,\n}: FilterFieldProps): React.JSX.Element {\n  const reactId = React.useId();\n  // Effective id, in priority order: explicit htmlFor → the control's own id\n  // → a generated one. Used for BOTH the label's `for` and the control, so a\n  // consumer-set id stays authoritative and the label still points at it.\n  const childId = React.isValidElement(children)\n    ? (children.props as { id?: string }).id\n    : undefined;\n  const id = htmlFor ?? childId ?? reactId;\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id })\n    : children;\n  return (\n    <div className={cx('filter-field', className)}>\n      <label htmlFor={id} className=\"filter-field__label\">{label}</label>\n      {child}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-V54BL7YF.mjs → chunk-J2LKDSLW.mjs}

@@ -1,7 +1,7 @@
 'use client';
-import { format } from './chunk-KVOPVYZ5.mjs';
-import { useLocale } from './chunk-PBWX4LU2.mjs';
-import { ChevronUp, ChevronDown, X } from './chunk-VHYTJD6Z.mjs';
+import { format } from './chunk-MMHTQ6T7.mjs';
+import { useLocale } from './chunk-QCBC4ME5.mjs';
+import { ChevronUp, ChevronDown, X } from './chunk-BJGMROKL.mjs';
 import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -120,5 +120,5 @@ function FilterField({
 }
 
 export { BulkActionBar, FilterBar, FilterField, FilterPanel, FilterSection, SortDropdown };
-//# sourceMappingURL=chunk-V54BL7YF.mjs.map
-//# sourceMappingURL=chunk-V54BL7YF.mjs.map
+//# sourceMappingURL=chunk-J2LKDSLW.mjs.map
+//# sourceMappingURL=chunk-J2LKDSLW.mjs.map

package/dist/{chunk-V54BL7YF.mjs.map → chunk-J2LKDSLW.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Filters.tsx"],"names":[],"mappings":"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","file":"chunk-V54BL7YF.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown, ChevronUp, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- FilterPanel -------------------------------------------------\nexport interface FilterPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  onClearAll?: () => void;\n  activeCount?: number;\n}\n\nexport function FilterPanel({ title, onClearAll, activeCount, className, children, ...rest }: FilterPanelProps) {\n  const t = useLocale();\n  const heading = title ?? t['filters.panel'];\n  return (\n    <aside className={cx('filter-panel', className)} aria-label={t['filters.panel']} {...rest}>\n      <div className=\"filter-panel__head\">\n        <span className=\"filter-panel__title\">\n          {heading}\n          {typeof activeCount === 'number' && activeCount > 0 && (\n            <span className=\"filter-panel__count\">{activeCount}</span>\n          )}\n        </span>\n        {onClearAll && activeCount !== undefined && activeCount > 0 && (\n          <button type=\"button\" className=\"filter-panel__clear\" onClick={onClearAll}>\n            {t['filters.clear']}\n          </button>\n        )}\n      </div>\n      <div className=\"filter-panel__body\">{children}</div>\n    </aside>\n  );\n}\n\nexport interface FilterSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode;\n  defaultOpen?: boolean;\n}\n\nexport function FilterSection({ title, defaultOpen = true, children, className, ...rest }: FilterSectionProps) {\n  const [open, setOpen] = React.useState(defaultOpen);\n  return (\n    <div className={cx('filter-section', className)} {...rest}>\n      <button\n        type=\"button\"\n        className=\"filter-section__head\"\n        aria-expanded={open}\n        onClick={() => setOpen((o) => !o)}\n      >\n        <span>{title}</span>\n        {open ? <ChevronUp size={14} /> : <ChevronDown size={14} />}\n      </button>\n      {open && <div className=\"filter-section__body\">{children}</div>}\n    </div>\n  );\n}\n\n// ---------- BulkActionBar ----------------------------------------------\nexport interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Cantidad de items seleccionados. La barra se oculta si es 0. */\n  selectedCount: number;\n  /** Texto opcional, default: \"{N} seleccionado(s)\". */\n  label?: React.ReactNode;\n  onClear?: () => void;\n}\n\nexport function BulkActionBar({ selectedCount, label, onClear, className, children, ...rest }: BulkActionBarProps) {\n  const t = useLocale();\n  if (selectedCount <= 0) return null;\n  const countText = format(\n    selectedCount === 1 ? t['filters.selectedOne'] : t['filters.selectedMany'],\n    { n: selectedCount }\n  );\n  return (\n    <div className={cx('bulk-bar', className)} role=\"region\" aria-label={t['filters.bulkActions']} {...rest}>\n      <div className=\"bulk-bar__count\">\n        {label ?? countText}\n        {onClear && (\n          <button type=\"button\" className=\"bulk-bar__clear\" aria-label={t['filters.deselectAll']} onClick={onClear}>\n            <X size={14} />\n          </button>\n        )}\n      </div>\n      <div className=\"bulk-bar__actions\">{children}</div>\n    </div>\n  );\n}\n\n// ---------- SortDropdown -----------------------------------------------\nexport interface SortOption<T = string> {\n  value: T;\n  label: React.ReactNode;\n}\n\nexport interface SortDropdownProps<T = string> {\n  value: T;\n  options: SortOption<T>[];\n  onChange: (value: T) => void;\n  label?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\nexport function SortDropdown<T extends string = string>({\n  value, options, onChange, label, className, id,\n}: SortDropdownProps<T>) {\n  const t = useLocale();\n  return (\n    <label className={cx('sort-dropdown', className)}>\n      <span className=\"sort-dropdown__label\">{label ?? t['filters.sortBy']}</span>\n      <select\n        id={id}\n        className=\"sort-dropdown__select select\"\n        value={value}\n        onChange={(e) => onChange(e.target.value as T)}\n      >\n        {options.map((o) => (\n          <option key={String(o.value)} value={String(o.value)}>\n            {typeof o.label === 'string' ? o.label : String(o.value)}\n          </option>\n        ))}\n      </select>\n    </label>\n  );\n}\n\n// ---------- FilterBar / FilterField ------------------------------------\n// Horizontal, dense filter row (the bar ON TOP of a table) — the counterpart\n// to FilterPanel's vertical facet sidebar. Without this, consumers hand-roll\n// a flex cluster: heterogeneous control heights + the kit's loud brand label\n// register make a 7-field row wrap and look ragged. FilterBar owns the grid,\n// applies `.fields--dense` (36px controls, kit-owned), and FilterField uses a\n// deliberately quiet label register — without mutating the global `--tt-label`\n// brand token, so forms elsewhere are untouched.\n\nexport interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Right-aligned slot for row-level actions (e.g. clear-all, export). */\n  actions?: React.ReactNode;\n  /** Min column width (px) before the responsive grid wraps. Default 160. */\n  minColWidth?: number;\n  /**\n   * Fixed column count instead of width-driven auto-fit. Use for a\n   * deterministic N-up row rather than wrapping by available width.\n   */\n  columns?: number;\n}\n\nexport function FilterBar({\n  actions, minColWidth = 160, columns, className, children, style, ...rest\n}: FilterBarProps): React.JSX.Element {\n  const gridVars = {\n    ...(columns ? { '--filter-cols': String(columns) } : { '--filter-col-min': `${minColWidth}px` }),\n    ...style,\n  } as React.CSSProperties;\n  return (\n    <div\n      className={cx('filter-bar', 'fields--dense', columns ? 'filter-bar--fixed-cols' : undefined, className)}\n      style={gridVars}\n      {...rest}\n    >\n      <div className=\"filter-bar__fields\">{children}</div>\n      {actions != null && <div className=\"filter-bar__actions\">{actions}</div>}\n    </div>\n  );\n}\n\nexport interface FilterFieldProps {\n  label: React.ReactNode;\n  /** Override the auto-generated id (when the control sets its own id). */\n  htmlFor?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function FilterField({\n  label, htmlFor, children, className,\n}: FilterFieldProps): React.JSX.Element {\n  const reactId = React.useId();\n  // Effective id, in priority order: explicit htmlFor → the control's own id\n  // → a generated one. Used for BOTH the label's `for` and the control, so a\n  // consumer-set id stays authoritative and the label still points at it.\n  const childId = React.isValidElement(children)\n    ? (children.props as { id?: string }).id\n    : undefined;\n  const id = htmlFor ?? childId ?? reactId;\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id })\n    : children;\n  return (\n    <div className={cx('filter-field', className)}>\n      <label htmlFor={id} className=\"filter-field__label\">{label}</label>\n      {child}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Filters.tsx"],"names":[],"mappings":"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","file":"chunk-J2LKDSLW.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown, ChevronUp, X } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { format } from '../locale/messages';\n\n// ---------- FilterPanel -------------------------------------------------\nexport interface FilterPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: React.ReactNode;\n  onClearAll?: () => void;\n  activeCount?: number;\n}\n\nexport function FilterPanel({ title, onClearAll, activeCount, className, children, ...rest }: FilterPanelProps) {\n  const t = useLocale();\n  const heading = title ?? t['filters.panel'];\n  return (\n    <aside className={cx('filter-panel', className)} aria-label={t['filters.panel']} {...rest}>\n      <div className=\"filter-panel__head\">\n        <span className=\"filter-panel__title\">\n          {heading}\n          {typeof activeCount === 'number' && activeCount > 0 && (\n            <span className=\"filter-panel__count\">{activeCount}</span>\n          )}\n        </span>\n        {onClearAll && activeCount !== undefined && activeCount > 0 && (\n          <button type=\"button\" className=\"filter-panel__clear\" onClick={onClearAll}>\n            {t['filters.clear']}\n          </button>\n        )}\n      </div>\n      <div className=\"filter-panel__body\">{children}</div>\n    </aside>\n  );\n}\n\nexport interface FilterSectionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: React.ReactNode;\n  defaultOpen?: boolean;\n}\n\nexport function FilterSection({ title, defaultOpen = true, children, className, ...rest }: FilterSectionProps) {\n  const [open, setOpen] = React.useState(defaultOpen);\n  return (\n    <div className={cx('filter-section', className)} {...rest}>\n      <button\n        type=\"button\"\n        className=\"filter-section__head\"\n        aria-expanded={open}\n        onClick={() => setOpen((o) => !o)}\n      >\n        <span>{title}</span>\n        {open ? <ChevronUp size={14} /> : <ChevronDown size={14} />}\n      </button>\n      {open && <div className=\"filter-section__body\">{children}</div>}\n    </div>\n  );\n}\n\n// ---------- BulkActionBar ----------------------------------------------\nexport interface BulkActionBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Cantidad de items seleccionados. La barra se oculta si es 0. */\n  selectedCount: number;\n  /** Texto opcional, default: \"{N} seleccionado(s)\". */\n  label?: React.ReactNode;\n  onClear?: () => void;\n}\n\nexport function BulkActionBar({ selectedCount, label, onClear, className, children, ...rest }: BulkActionBarProps) {\n  const t = useLocale();\n  if (selectedCount <= 0) return null;\n  const countText = format(\n    selectedCount === 1 ? t['filters.selectedOne'] : t['filters.selectedMany'],\n    { n: selectedCount }\n  );\n  return (\n    <div className={cx('bulk-bar', className)} role=\"region\" aria-label={t['filters.bulkActions']} {...rest}>\n      <div className=\"bulk-bar__count\">\n        {label ?? countText}\n        {onClear && (\n          <button type=\"button\" className=\"bulk-bar__clear\" aria-label={t['filters.deselectAll']} onClick={onClear}>\n            <X size={14} />\n          </button>\n        )}\n      </div>\n      <div className=\"bulk-bar__actions\">{children}</div>\n    </div>\n  );\n}\n\n// ---------- SortDropdown -----------------------------------------------\nexport interface SortOption<T = string> {\n  value: T;\n  label: React.ReactNode;\n}\n\nexport interface SortDropdownProps<T = string> {\n  value: T;\n  options: SortOption<T>[];\n  onChange: (value: T) => void;\n  label?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\nexport function SortDropdown<T extends string = string>({\n  value, options, onChange, label, className, id,\n}: SortDropdownProps<T>) {\n  const t = useLocale();\n  return (\n    <label className={cx('sort-dropdown', className)}>\n      <span className=\"sort-dropdown__label\">{label ?? t['filters.sortBy']}</span>\n      <select\n        id={id}\n        className=\"sort-dropdown__select select\"\n        value={value}\n        onChange={(e) => onChange(e.target.value as T)}\n      >\n        {options.map((o) => (\n          <option key={String(o.value)} value={String(o.value)}>\n            {typeof o.label === 'string' ? o.label : String(o.value)}\n          </option>\n        ))}\n      </select>\n    </label>\n  );\n}\n\n// ---------- FilterBar / FilterField ------------------------------------\n// Horizontal, dense filter row (the bar ON TOP of a table) — the counterpart\n// to FilterPanel's vertical facet sidebar. Without this, consumers hand-roll\n// a flex cluster: heterogeneous control heights + the kit's loud brand label\n// register make a 7-field row wrap and look ragged. FilterBar owns the grid,\n// applies `.fields--dense` (36px controls, kit-owned), and FilterField uses a\n// deliberately quiet label register — without mutating the global `--tt-label`\n// brand token, so forms elsewhere are untouched.\n\nexport interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Right-aligned slot for row-level actions (e.g. clear-all, export). */\n  actions?: React.ReactNode;\n  /** Min column width (px) before the responsive grid wraps. Default 160. */\n  minColWidth?: number;\n  /**\n   * Fixed column count instead of width-driven auto-fit. Use for a\n   * deterministic N-up row rather than wrapping by available width.\n   */\n  columns?: number;\n}\n\nexport function FilterBar({\n  actions, minColWidth = 160, columns, className, children, style, ...rest\n}: FilterBarProps): React.JSX.Element {\n  const gridVars = {\n    ...(columns ? { '--filter-cols': String(columns) } : { '--filter-col-min': `${minColWidth}px` }),\n    ...style,\n  } as React.CSSProperties;\n  return (\n    <div\n      className={cx('filter-bar', 'fields--dense', columns ? 'filter-bar--fixed-cols' : undefined, className)}\n      style={gridVars}\n      {...rest}\n    >\n      <div className=\"filter-bar__fields\">{children}</div>\n      {actions != null && <div className=\"filter-bar__actions\">{actions}</div>}\n    </div>\n  );\n}\n\nexport interface FilterFieldProps {\n  label: React.ReactNode;\n  /** Override the auto-generated id (when the control sets its own id). */\n  htmlFor?: string;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function FilterField({\n  label, htmlFor, children, className,\n}: FilterFieldProps): React.JSX.Element {\n  const reactId = React.useId();\n  // Effective id, in priority order: explicit htmlFor → the control's own id\n  // → a generated one. Used for BOTH the label's `for` and the control, so a\n  // consumer-set id stays authoritative and the label still points at it.\n  const childId = React.isValidElement(children)\n    ? (children.props as { id?: string }).id\n    : undefined;\n  const id = htmlFor ?? childId ?? reactId;\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id })\n    : children;\n  return (\n    <div className={cx('filter-field', className)}>\n      <label htmlFor={id} className=\"filter-field__label\">{label}</label>\n      {child}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-HEI6PUMK.js → chunk-JKBJ2AKX.js}

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunk3HA3VO2I_js = require('./chunk-3HA3VO2I.js');
+var chunkC4AKMVDZ_js = require('./chunk-C4AKMVDZ.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -43,7 +43,7 @@ function CodeBlock({ children, language, showCopy = true, filename, className, .
         language && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "codeblock__lang", children: language })
       ] }),
       showCopy && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "codeblock__copy", "aria-label": "Copiar al portapapeles", onClick: onCopy, children: [
-        copied ? /* @__PURE__ */ jsxRuntime.jsx(chunk3HA3VO2I_js.Check, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(chunk3HA3VO2I_js.Copy, { size: 14 }),
+        copied ? /* @__PURE__ */ jsxRuntime.jsx(chunkC4AKMVDZ_js.Check, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(chunkC4AKMVDZ_js.Copy, { size: 14 }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: copied ? "Copiado" : "Copiar" })
       ] })
     ] }),
@@ -128,5 +128,5 @@ function JsonNode({ value, depth, keyName, expandDepth }) {
 
 exports.CodeBlock = CodeBlock;
 exports.JsonViewer = JsonViewer;
-//# sourceMappingURL=chunk-HEI6PUMK.js.map
-//# sourceMappingURL=chunk-HEI6PUMK.js.map
+//# sourceMappingURL=chunk-JKBJ2AKX.js.map
+//# sourceMappingURL=chunk-JKBJ2AKX.js.map

package/dist/{chunk-HEI6PUMK.js.map → chunk-JKBJ2AKX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Code.tsx"],"names":["React","cx","jsxs","jsx","Check","Copy","Fragment"],"mappings":"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","file":"chunk-HEI6PUMK.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Copy, Check } from './Icons';\n\n// ---------- CodeBlock ---------------------------------------------------\nexport interface CodeBlockProps extends Omit<React.HTMLAttributes<HTMLPreElement>, 'children'> {\n  children: string;\n  language?: string;\n  showCopy?: boolean;\n  filename?: React.ReactNode;\n}\n\nexport function CodeBlock({ children, language, showCopy = true, filename, className, ...rest }: CodeBlockProps) {\n  const [copied, setCopied] = React.useState(false);\n\n  const onCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(children);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch {\n      // navegador sin permiso de clipboard, no hacemos nada\n    }\n  };\n\n  return (\n    <div className={cx('codeblock', className)}>\n      {(filename || language || showCopy) && (\n        <div className=\"codeblock__head\">\n          <div className=\"codeblock__meta\">\n            {filename && <span className=\"codeblock__filename\">{filename}</span>}\n            {language && <span className=\"codeblock__lang\">{language}</span>}\n          </div>\n          {showCopy && (\n            <button type=\"button\" className=\"codeblock__copy\" aria-label=\"Copiar al portapapeles\" onClick={onCopy}>\n              {copied ? <Check size={14} /> : <Copy size={14} />}\n              <span>{copied ? 'Copiado' : 'Copiar'}</span>\n            </button>\n          )}\n        </div>\n      )}\n      <pre className=\"codeblock__body\" {...rest}>\n        <code>{children}</code>\n      </pre>\n    </div>\n  );\n}\n\n// ---------- JsonViewer --------------------------------------------------\nexport interface JsonViewerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: unknown;\n  /** Profundidad inicial expandida. Default: 2. */\n  defaultExpandDepth?: number;\n}\n\nexport function JsonViewer({ data, defaultExpandDepth = 2, className, ...rest }: JsonViewerProps) {\n  return (\n    <div className={cx('jsonviewer', className)} {...rest}>\n      <JsonNode value={data} depth={0} keyName={null} expandDepth={defaultExpandDepth} />\n    </div>\n  );\n}\n\ninterface JsonNodeProps {\n  value: unknown;\n  depth: number;\n  keyName: string | number | null;\n  expandDepth: number;\n}\n\nfunction JsonNode({ value, depth, keyName, expandDepth }: JsonNodeProps) {\n  const [expanded, setExpanded] = React.useState(depth < expandDepth);\n\n  const renderKey = keyName !== null ? <span className=\"json__key\">{JSON.stringify(keyName)}: </span> : null;\n\n  if (value === null) return <span className=\"json__line\">{renderKey}<span className=\"json__null\">null</span></span>;\n  if (typeof value === 'boolean') return <span className=\"json__line\">{renderKey}<span className=\"json__bool\">{String(value)}</span></span>;\n  if (typeof value === 'number') return <span className=\"json__line\">{renderKey}<span className=\"json__num\">{value}</span></span>;\n  if (typeof value === 'string') return <span className=\"json__line\">{renderKey}<span className=\"json__str\">{JSON.stringify(value)}</span></span>;\n\n  if (Array.isArray(value)) {\n    if (value.length === 0) return <span className=\"json__line\">{renderKey}<span className=\"json__brace\">[]</span></span>;\n    return (\n      <span className=\"json__node\">\n        <span className=\"json__line\">\n          <button type=\"button\" className=\"json__toggle\" onClick={() => setExpanded((e) => !e)} aria-label={expanded ? 'Colapsar' : 'Expandir'}>\n            {expanded ? '▾' : '▸'}\n          </button>\n          {renderKey}\n          <span className=\"json__brace\">[</span>\n          {!expanded && <span className=\"json__count\">{value.length} items</span>}\n          {!expanded && <span className=\"json__brace\">]</span>}\n        </span>\n        {expanded && (\n          <>\n            <div className=\"json__children\">\n              {value.map((item, i) => (\n                <JsonNode key={i} value={item} depth={depth + 1} keyName={i} expandDepth={expandDepth} />\n              ))}\n            </div>\n            <span className=\"json__brace\">]</span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  if (typeof value === 'object') {\n    const entries = Object.entries(value as Record<string, unknown>);\n    if (entries.length === 0) return <span className=\"json__line\">{renderKey}<span className=\"json__brace\">{'{}'}</span></span>;\n    return (\n      <span className=\"json__node\">\n        <span className=\"json__line\">\n          <button type=\"button\" className=\"json__toggle\" onClick={() => setExpanded((e) => !e)} aria-label={expanded ? 'Colapsar' : 'Expandir'}>\n            {expanded ? '▾' : '▸'}\n          </button>\n          {renderKey}\n          <span className=\"json__brace\">{'{'}</span>\n          {!expanded && <span className=\"json__count\">{entries.length} keys</span>}\n          {!expanded && <span className=\"json__brace\">{'}'}</span>}\n        </span>\n        {expanded && (\n          <>\n            <div className=\"json__children\">\n              {entries.map(([k, v]) => (\n                <JsonNode key={k} value={v} depth={depth + 1} keyName={k} expandDepth={expandDepth} />\n              ))}\n            </div>\n            <span className=\"json__brace\">{'}'}</span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  return <span className=\"json__line\">{renderKey}<span>{String(value)}</span></span>;\n}\n"]}
+{"version":3,"sources":["../src/components/Code.tsx"],"names":["React","cx","jsxs","jsx","Check","Copy","Fragment"],"mappings":"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","file":"chunk-JKBJ2AKX.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Copy, Check } from './Icons';\n\n// ---------- CodeBlock ---------------------------------------------------\nexport interface CodeBlockProps extends Omit<React.HTMLAttributes<HTMLPreElement>, 'children'> {\n  children: string;\n  language?: string;\n  showCopy?: boolean;\n  filename?: React.ReactNode;\n}\n\nexport function CodeBlock({ children, language, showCopy = true, filename, className, ...rest }: CodeBlockProps) {\n  const [copied, setCopied] = React.useState(false);\n\n  const onCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(children);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch {\n      // navegador sin permiso de clipboard, no hacemos nada\n    }\n  };\n\n  return (\n    <div className={cx('codeblock', className)}>\n      {(filename || language || showCopy) && (\n        <div className=\"codeblock__head\">\n          <div className=\"codeblock__meta\">\n            {filename && <span className=\"codeblock__filename\">{filename}</span>}\n            {language && <span className=\"codeblock__lang\">{language}</span>}\n          </div>\n          {showCopy && (\n            <button type=\"button\" className=\"codeblock__copy\" aria-label=\"Copiar al portapapeles\" onClick={onCopy}>\n              {copied ? <Check size={14} /> : <Copy size={14} />}\n              <span>{copied ? 'Copiado' : 'Copiar'}</span>\n            </button>\n          )}\n        </div>\n      )}\n      <pre className=\"codeblock__body\" {...rest}>\n        <code>{children}</code>\n      </pre>\n    </div>\n  );\n}\n\n// ---------- JsonViewer --------------------------------------------------\nexport interface JsonViewerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: unknown;\n  /** Profundidad inicial expandida. Default: 2. */\n  defaultExpandDepth?: number;\n}\n\nexport function JsonViewer({ data, defaultExpandDepth = 2, className, ...rest }: JsonViewerProps) {\n  return (\n    <div className={cx('jsonviewer', className)} {...rest}>\n      <JsonNode value={data} depth={0} keyName={null} expandDepth={defaultExpandDepth} />\n    </div>\n  );\n}\n\ninterface JsonNodeProps {\n  value: unknown;\n  depth: number;\n  keyName: string | number | null;\n  expandDepth: number;\n}\n\nfunction JsonNode({ value, depth, keyName, expandDepth }: JsonNodeProps) {\n  const [expanded, setExpanded] = React.useState(depth < expandDepth);\n\n  const renderKey = keyName !== null ? <span className=\"json__key\">{JSON.stringify(keyName)}: </span> : null;\n\n  if (value === null) return <span className=\"json__line\">{renderKey}<span className=\"json__null\">null</span></span>;\n  if (typeof value === 'boolean') return <span className=\"json__line\">{renderKey}<span className=\"json__bool\">{String(value)}</span></span>;\n  if (typeof value === 'number') return <span className=\"json__line\">{renderKey}<span className=\"json__num\">{value}</span></span>;\n  if (typeof value === 'string') return <span className=\"json__line\">{renderKey}<span className=\"json__str\">{JSON.stringify(value)}</span></span>;\n\n  if (Array.isArray(value)) {\n    if (value.length === 0) return <span className=\"json__line\">{renderKey}<span className=\"json__brace\">[]</span></span>;\n    return (\n      <span className=\"json__node\">\n        <span className=\"json__line\">\n          <button type=\"button\" className=\"json__toggle\" onClick={() => setExpanded((e) => !e)} aria-label={expanded ? 'Colapsar' : 'Expandir'}>\n            {expanded ? '▾' : '▸'}\n          </button>\n          {renderKey}\n          <span className=\"json__brace\">[</span>\n          {!expanded && <span className=\"json__count\">{value.length} items</span>}\n          {!expanded && <span className=\"json__brace\">]</span>}\n        </span>\n        {expanded && (\n          <>\n            <div className=\"json__children\">\n              {value.map((item, i) => (\n                <JsonNode key={i} value={item} depth={depth + 1} keyName={i} expandDepth={expandDepth} />\n              ))}\n            </div>\n            <span className=\"json__brace\">]</span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  if (typeof value === 'object') {\n    const entries = Object.entries(value as Record<string, unknown>);\n    if (entries.length === 0) return <span className=\"json__line\">{renderKey}<span className=\"json__brace\">{'{}'}</span></span>;\n    return (\n      <span className=\"json__node\">\n        <span className=\"json__line\">\n          <button type=\"button\" className=\"json__toggle\" onClick={() => setExpanded((e) => !e)} aria-label={expanded ? 'Colapsar' : 'Expandir'}>\n            {expanded ? '▾' : '▸'}\n          </button>\n          {renderKey}\n          <span className=\"json__brace\">{'{'}</span>\n          {!expanded && <span className=\"json__count\">{entries.length} keys</span>}\n          {!expanded && <span className=\"json__brace\">{'}'}</span>}\n        </span>\n        {expanded && (\n          <>\n            <div className=\"json__children\">\n              {entries.map(([k, v]) => (\n                <JsonNode key={k} value={v} depth={depth + 1} keyName={k} expandDepth={expandDepth} />\n              ))}\n            </div>\n            <span className=\"json__brace\">{'}'}</span>\n          </>\n        )}\n      </span>\n    );\n  }\n\n  return <span className=\"json__line\">{renderKey}<span>{String(value)}</span></span>;\n}\n"]}

package/dist/{chunk-QR6X2UOT.mjs → chunk-JMFDIN5R.mjs}

@@ -1,6 +1,6 @@
 'use client';
-import { cx } from './chunk-IEPCH3JB.mjs';
 import { getBrand } from './chunk-5GEWIK4T.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -61,5 +61,5 @@ var Logo = React.forwardRef(function Logo2({
 });
 
 export { Logo };
-//# sourceMappingURL=chunk-QR6X2UOT.mjs.map
-//# sourceMappingURL=chunk-QR6X2UOT.mjs.map
+//# sourceMappingURL=chunk-JMFDIN5R.mjs.map
+//# sourceMappingURL=chunk-JMFDIN5R.mjs.map

package/dist/{chunk-QR6X2UOT.mjs.map → chunk-JMFDIN5R.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Logo.tsx"],"names":["Logo"],"mappings":";;;;;AASA,IAAM,gBAAA,GAAoD;AAAA,EACxD,UAAA,EAAY,KAAA;AAAA,EACZ,QAAA,EAAU,KAAA;AAAA,EACV,IAAA,EAAM,KAAA;AAAA,EACN,QAAA,EAAU;AACZ,CAAA;AAGA,IAAM,cAAA,GAA8C;AAAA,EAClD,UAAA,EAAY,EAAA;AAAA,EACZ,QAAA,EAAU,EAAA;AAAA,EACV,IAAA,EAAM,EAAA;AAAA,EACN,QAAA,EAAU;AACZ,CAAA;AAEA,SAAS,SAAA,CACP,OAAA,EACA,EAAA,EACA,MAAA,EACA,QAAA,EACA;AACA,EAAA,MAAM,MAAA,GAAS,OAAA,KAAY,YAAA,IAAgB,OAAA,KAAY,aAAa,OAAA,GAAU,EAAA;AAC9E,EAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,MAAM,GAAG,OAAO,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA;AACxD;AAiCO,IAAM,IAAA,GAAa,KAAA,CAAA,UAAA,CAAwC,SAASA,KAAAA,CACzE;AAAA,EACE,OAAA,GAAU,MAAA;AAAA,EACV,EAAA,GAAK,OAAA;AAAA,EACL,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,gBAAA,GAAmB,YAAY,KAAA,CAAM,YAAA;AAC3C,EAAA,MAAM,iBAAA,GAAoB,aAAa,KAAA,CAAM,IAAA;AAC7C,EAAA,MAAM,GAAA,GAAM,MAAA,IAAU,gBAAA,CAAiB,OAAO,CAAA;AAC9C,EAAA,MAAM,CAAA,GAAI,MAAA,IAAU,cAAA,CAAe,OAAO,CAAA;AAC1C,EAAA,MAAM,IAAI,GAAA,IAAO,iBAAA;AACjB,EAAA,MAAM,UAAA,GAAa,SAAA,CAAU,OAAA,EAAS,EAAA,EAAI,KAAK,gBAAgB,CAAA;AAE/D,EAAA,IAAI,UAAA,IAAc,YAAY,MAAA,EAAQ;AACpC,IAAA,MAAM,SAAA,GAAY,UAAU,gBAAA,CAAiB,IAAA;AAC7C,IAAA,MAAM,SAAA,GAAY,SAAA,CAAU,MAAA,EAAQ,EAAA,EAAI,WAAW,gBAAgB,CAAA;AACnE,IAAA,4BACG,SAAA,EAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA,EACtC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,oBAAA,EAAqB,MAAA,EAAQ,UAAA,EAAY,CAAA;AAAA,sBACvD,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,SAAA,EAAW,KAAK,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAI,GAAG,IAAA,EAAM;AAAA,KAAA,EAC9D,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,GAAA,EAAK,UAAA;AAAA,MACL,GAAA,EAAK,CAAA;AAAA,MACL,MAAA,EAAQ,CAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC9B,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC","file":"chunk-QR6X2UOT.mjs","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { getBrand } from '../brand';\n\nexport type LogoVariant = 'horizontal' | 'vertical' | 'mark' | 'wordmark';\nexport type LogoBg = 'light' | 'dark';\nexport type LogoFormat = 'svg' | 'png';\n\n/** Formato preferido por variante. SVG en todas las variantes (mejor escalado y peso). */\nconst PREFERRED_FORMAT: Record<LogoVariant, LogoFormat> = {\n  horizontal: 'svg',\n  vertical: 'svg',\n  mark: 'svg',\n  wordmark: 'svg',\n};\n\n/** Altura razonable por defecto según la forma de la variante. */\nconst DEFAULT_HEIGHT: Record<LogoVariant, number> = {\n  horizontal: 32,\n  vertical: 64,\n  mark: 32,\n  wordmark: 28,\n};\n\nfunction buildPath(\n  variant: LogoVariant,\n  bg: LogoBg,\n  format: LogoFormat,\n  basePath: string\n) {\n  const prefix = variant === 'horizontal' || variant === 'vertical' ? 'logo-' : '';\n  return `${basePath}/${prefix}${variant}-${bg}.${format}`;\n}\n\nexport interface LogoProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {\n  /** Forma del logo. Default: `mark` (isotipo). */\n  variant?: LogoVariant;\n  /** Color del fondo donde se va a pintar. Define si usar la versión normal o invertida. Default: `light`. */\n  bg?: LogoBg;\n  /** Forza el formato (svg|png). Por defecto se usa el preferido por variante. */\n  format?: LogoFormat;\n  /**\n   * Si `true`, usa `mark` en mobile (<768px) y `variant` en desktop.\n   * Útil para AppShell / topbars / headers que se vuelven angostos.\n   */\n  responsive?: boolean;\n  /** Base URL donde están los assets. Default desde `getBrand().logoBasePath`. */\n  basePath?: string;\n  /** Altura en px. Default depende de la variante (mark: 32, horizontal: 32, vertical: 64, wordmark: 28). */\n  height?: number;\n  /** Texto alternativo (a11y). Default: el `brandName`. */\n  alt?: string;\n  /** Nombre de la marca; fallback de `alt`. Default desde `getBrand().name`. */\n  brandName?: string;\n}\n\n/**\n * Componente Logo unificado para todas las variantes (horizontal, vertical, mark, wordmark)\n * con soporte responsive (`mark` en mobile, variante elegida en desktop).\n *\n * @example\n * <Logo variant=\"horizontal\" bg=\"light\" />\n * <Logo responsive variant=\"horizontal\" bg=\"light\" />   // mark en mobile, horizontal en desktop\n * <Logo variant=\"mark\" bg=\"dark\" height={48} />\n */\nexport const Logo = React.forwardRef<HTMLImageElement, LogoProps>(function Logo(\n  {\n    variant = 'mark',\n    bg = 'light',\n    format,\n    responsive,\n    basePath,\n    height,\n    alt,\n    brandName,\n    className,\n    ...rest\n  },\n  ref\n) {\n  const brand = getBrand();\n  const resolvedBasePath = basePath ?? brand.logoBasePath;\n  const resolvedBrandName = brandName ?? brand.name;\n  const fmt = format ?? PREFERRED_FORMAT[variant];\n  const h = height ?? DEFAULT_HEIGHT[variant];\n  const a = alt ?? resolvedBrandName;\n  const desktopSrc = buildPath(variant, bg, fmt, resolvedBasePath);\n\n  if (responsive && variant !== 'mark') {\n    const mobileFmt = format ?? PREFERRED_FORMAT.mark;\n    const mobileSrc = buildPath('mark', bg, mobileFmt, resolvedBasePath);\n    return (\n      <picture className={cx('logo', className)}>\n        <source media=\"(min-width: 768px)\" srcSet={desktopSrc} />\n        <img ref={ref} src={mobileSrc} alt={a} height={h} {...rest} />\n      </picture>\n    );\n  }\n\n  return (\n    <img\n      ref={ref}\n      src={desktopSrc}\n      alt={a}\n      height={h}\n      className={cx('logo', className)}\n      {...rest}\n    />\n  );\n});\n"]}
+{"version":3,"sources":["../src/components/Logo.tsx"],"names":["Logo"],"mappings":";;;;;AASA,IAAM,gBAAA,GAAoD;AAAA,EACxD,UAAA,EAAY,KAAA;AAAA,EACZ,QAAA,EAAU,KAAA;AAAA,EACV,IAAA,EAAM,KAAA;AAAA,EACN,QAAA,EAAU;AACZ,CAAA;AAGA,IAAM,cAAA,GAA8C;AAAA,EAClD,UAAA,EAAY,EAAA;AAAA,EACZ,QAAA,EAAU,EAAA;AAAA,EACV,IAAA,EAAM,EAAA;AAAA,EACN,QAAA,EAAU;AACZ,CAAA;AAEA,SAAS,SAAA,CACP,OAAA,EACA,EAAA,EACA,MAAA,EACA,QAAA,EACA;AACA,EAAA,MAAM,MAAA,GAAS,OAAA,KAAY,YAAA,IAAgB,OAAA,KAAY,aAAa,OAAA,GAAU,EAAA;AAC9E,EAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,MAAM,GAAG,OAAO,CAAA,CAAA,EAAI,EAAE,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA;AACxD;AAiCO,IAAM,IAAA,GAAa,KAAA,CAAA,UAAA,CAAwC,SAASA,KAAAA,CACzE;AAAA,EACE,OAAA,GAAU,MAAA;AAAA,EACV,EAAA,GAAK,OAAA;AAAA,EACL,MAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,gBAAA,GAAmB,YAAY,KAAA,CAAM,YAAA;AAC3C,EAAA,MAAM,iBAAA,GAAoB,aAAa,KAAA,CAAM,IAAA;AAC7C,EAAA,MAAM,GAAA,GAAM,MAAA,IAAU,gBAAA,CAAiB,OAAO,CAAA;AAC9C,EAAA,MAAM,CAAA,GAAI,MAAA,IAAU,cAAA,CAAe,OAAO,CAAA;AAC1C,EAAA,MAAM,IAAI,GAAA,IAAO,iBAAA;AACjB,EAAA,MAAM,UAAA,GAAa,SAAA,CAAU,OAAA,EAAS,EAAA,EAAI,KAAK,gBAAgB,CAAA;AAE/D,EAAA,IAAI,UAAA,IAAc,YAAY,MAAA,EAAQ;AACpC,IAAA,MAAM,SAAA,GAAY,UAAU,gBAAA,CAAiB,IAAA;AAC7C,IAAA,MAAM,SAAA,GAAY,SAAA,CAAU,MAAA,EAAQ,EAAA,EAAI,WAAW,gBAAgB,CAAA;AACnE,IAAA,4BACG,SAAA,EAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA,EACtC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAM,oBAAA,EAAqB,MAAA,EAAQ,UAAA,EAAY,CAAA;AAAA,sBACvD,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,SAAA,EAAW,KAAK,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAI,GAAG,IAAA,EAAM;AAAA,KAAA,EAC9D,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,GAAA,EAAK,UAAA;AAAA,MACL,GAAA,EAAK,CAAA;AAAA,MACL,MAAA,EAAQ,CAAA;AAAA,MACR,SAAA,EAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC9B,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC","file":"chunk-JMFDIN5R.mjs","sourcesContent":["import * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { getBrand } from '../brand';\n\nexport type LogoVariant = 'horizontal' | 'vertical' | 'mark' | 'wordmark';\nexport type LogoBg = 'light' | 'dark';\nexport type LogoFormat = 'svg' | 'png';\n\n/** Formato preferido por variante. SVG en todas las variantes (mejor escalado y peso). */\nconst PREFERRED_FORMAT: Record<LogoVariant, LogoFormat> = {\n  horizontal: 'svg',\n  vertical: 'svg',\n  mark: 'svg',\n  wordmark: 'svg',\n};\n\n/** Altura razonable por defecto según la forma de la variante. */\nconst DEFAULT_HEIGHT: Record<LogoVariant, number> = {\n  horizontal: 32,\n  vertical: 64,\n  mark: 32,\n  wordmark: 28,\n};\n\nfunction buildPath(\n  variant: LogoVariant,\n  bg: LogoBg,\n  format: LogoFormat,\n  basePath: string\n) {\n  const prefix = variant === 'horizontal' || variant === 'vertical' ? 'logo-' : '';\n  return `${basePath}/${prefix}${variant}-${bg}.${format}`;\n}\n\nexport interface LogoProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {\n  /** Forma del logo. Default: `mark` (isotipo). */\n  variant?: LogoVariant;\n  /** Color del fondo donde se va a pintar. Define si usar la versión normal o invertida. Default: `light`. */\n  bg?: LogoBg;\n  /** Forza el formato (svg|png). Por defecto se usa el preferido por variante. */\n  format?: LogoFormat;\n  /**\n   * Si `true`, usa `mark` en mobile (<768px) y `variant` en desktop.\n   * Útil para AppShell / topbars / headers que se vuelven angostos.\n   */\n  responsive?: boolean;\n  /** Base URL donde están los assets. Default desde `getBrand().logoBasePath`. */\n  basePath?: string;\n  /** Altura en px. Default depende de la variante (mark: 32, horizontal: 32, vertical: 64, wordmark: 28). */\n  height?: number;\n  /** Texto alternativo (a11y). Default: el `brandName`. */\n  alt?: string;\n  /** Nombre de la marca; fallback de `alt`. Default desde `getBrand().name`. */\n  brandName?: string;\n}\n\n/**\n * Componente Logo unificado para todas las variantes (horizontal, vertical, mark, wordmark)\n * con soporte responsive (`mark` en mobile, variante elegida en desktop).\n *\n * @example\n * <Logo variant=\"horizontal\" bg=\"light\" />\n * <Logo responsive variant=\"horizontal\" bg=\"light\" />   // mark en mobile, horizontal en desktop\n * <Logo variant=\"mark\" bg=\"dark\" height={48} />\n */\nexport const Logo = React.forwardRef<HTMLImageElement, LogoProps>(function Logo(\n  {\n    variant = 'mark',\n    bg = 'light',\n    format,\n    responsive,\n    basePath,\n    height,\n    alt,\n    brandName,\n    className,\n    ...rest\n  },\n  ref\n) {\n  const brand = getBrand();\n  const resolvedBasePath = basePath ?? brand.logoBasePath;\n  const resolvedBrandName = brandName ?? brand.name;\n  const fmt = format ?? PREFERRED_FORMAT[variant];\n  const h = height ?? DEFAULT_HEIGHT[variant];\n  const a = alt ?? resolvedBrandName;\n  const desktopSrc = buildPath(variant, bg, fmt, resolvedBasePath);\n\n  if (responsive && variant !== 'mark') {\n    const mobileFmt = format ?? PREFERRED_FORMAT.mark;\n    const mobileSrc = buildPath('mark', bg, mobileFmt, resolvedBasePath);\n    return (\n      <picture className={cx('logo', className)}>\n        <source media=\"(min-width: 768px)\" srcSet={desktopSrc} />\n        <img ref={ref} src={mobileSrc} alt={a} height={h} {...rest} />\n      </picture>\n    );\n  }\n\n  return (\n    <img\n      ref={ref}\n      src={desktopSrc}\n      alt={a}\n      height={h}\n      className={cx('logo', className)}\n      {...rest}\n    />\n  );\n});\n"]}

package/dist/{chunk-TMU6UXWF.mjs → chunk-KCJCIUOK.mjs}

@@ -1,12 +1,12 @@
 'use client';
+import { format } from './chunk-MMHTQ6T7.mjs';
 import { resolveDateFormat, startOfMonth, buildMonthGrid, formatDate, addMonths, isSameDay } from './chunk-4QHE5H36.mjs';
 import { Portal } from './chunk-FKBQYQQD.mjs';
-import { format } from './chunk-KVOPVYZ5.mjs';
-import { useLocale } from './chunk-PBWX4LU2.mjs';
-import { X, Check, CalendarIcon, ChevronLeft, ChevronRight, Search } from './chunk-VHYTJD6Z.mjs';
-import { cx } from './chunk-IEPCH3JB.mjs';
+import { useLocale } from './chunk-QCBC4ME5.mjs';
 import { useDismiss } from './chunk-6P2TKRTL.mjs';
 import { usePopoverPosition } from './chunk-5XT2LX3I.mjs';
+import { X, Check, CalendarIcon, ChevronLeft, ChevronRight, Search } from './chunk-BJGMROKL.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -161,9 +161,13 @@ function MultiCombobox({
     ) })
   ] });
 }
+var EMPTY_RANGE = { from: null, to: null };
 function DateRangePicker({
   value,
   onChange,
+  defaultValue,
+  onApply,
+  onOpenChange,
   minDate,
   maxDate,
   presets,
@@ -177,8 +181,22 @@ function DateRangePicker({
   const weekdays = locale["picker.weekdaysShort"];
   const months = locale["calendar.months"];
   const fmt = resolveDateFormat(format2);
+  const isControlled = value !== void 0;
+  const applyMode = !!onApply;
+  const initial = isControlled ? value : defaultValue ?? EMPTY_RANGE;
+  const [draft, setDraft] = React.useState(initial);
+  const [lastApplied, setLastApplied] = React.useState(initial);
+  const vFrom = value?.from?.getTime() ?? 0;
+  const vTo = value?.to?.getTime() ?? 0;
+  React.useEffect(() => {
+    if (!isControlled) return;
+    setDraft(value);
+    setLastApplied(value);
+  }, [isControlled, vFrom, vTo]);
+  const current = isControlled && !applyMode ? value : draft;
+  const displayed = applyMode ? lastApplied : current;
   const [open, setOpen] = React.useState(false);
-  const [view, setView] = React.useState(() => startOfMonth(value.from ?? /* @__PURE__ */ new Date()));
+  const [view, setView] = React.useState(() => startOfMonth(initial.from ?? /* @__PURE__ */ new Date()));
   const [hover, setHover] = React.useState(null);
   const wrapRef = React.useRef(null);
   const popoverRef = React.useRef(null);
@@ -189,9 +207,14 @@ function DateRangePicker({
     align: "start",
     offset: 6
   });
+  const closeWithoutCommit = React.useCallback(() => {
+    if (applyMode) setDraft(lastApplied);
+    setOpen(false);
+    onOpenChange?.(false);
+  }, [applyMode, lastApplied, onOpenChange]);
   useDismiss({
     open,
-    onDismiss: () => setOpen(false),
+    onDismiss: closeWithoutCommit,
     refs: [wrapRef, popoverRef],
     returnFocusRef: triggerRef
   });
@@ -199,23 +222,47 @@ function DateRangePicker({
   const monthGrid1 = React.useMemo(() => buildMonthGrid(view, 1), [view]);
   const isDisabled = (d) => minDate && d < new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate()) || maxDate && d > new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate());
   const inRange = (d) => {
-    if (!value.from) return false;
-    const end = value.to ?? hover;
-    if (!end) return isSameDay(d, value.from);
-    const a = value.from < end ? value.from : end;
-    const b = value.from < end ? end : value.from;
+    if (!current.from) return false;
+    const end = current.to ?? hover;
+    if (!end) return isSameDay(d, current.from);
+    const a = current.from < end ? current.from : end;
+    const b = current.from < end ? end : current.from;
     return d >= new Date(a.getFullYear(), a.getMonth(), a.getDate()) && d <= new Date(b.getFullYear(), b.getMonth(), b.getDate());
   };
   const click = (d) => {
-    if (!value.from || value.from && value.to) {
-      onChange({ from: d, to: null });
-    } else {
-      const from = value.from;
-      if (d < from) onChange({ from: d, to: from });
-      else onChange({ from, to: d });
+    let next;
+    if (!current.from || current.from && current.to) next = { from: d, to: null };
+    else {
+      const from = current.from;
+      next = d < from ? { from: d, to: from } : { from, to: d };
+    }
+    if (applyMode) setDraft(next);
+    else onChange?.(next);
+  };
+  const commit = (next, fromPreset = false) => {
+    if (applyMode) {
+      onApply(next);
+      setLastApplied(next);
+      setDraft(next);
+      if (isControlled) onChange?.(next);
+    } else if (fromPreset) {
+      onChange?.(next);
+    }
+    setOpen(false);
+    onOpenChange?.(false);
+  };
+  const clear = () => {
+    if (applyMode) setDraft(EMPTY_RANGE);
+    else onChange?.(EMPTY_RANGE);
+  };
+  const toggleOpen = () => {
+    if (open) closeWithoutCommit();
+    else {
+      setOpen(true);
+      onOpenChange?.(true);
     }
   };
-  const label = value.from ? value.to ? `${formatDate(value.from, fmt)} \u2192 ${formatDate(value.to, fmt)}` : `${formatDate(value.from, fmt)} \u2192 \u2026` : locale["picker.selectRange"];
+  const label = displayed.from ? displayed.to ? `${formatDate(displayed.from, fmt)} \u2192 ${formatDate(displayed.to, fmt)}` : `${formatDate(displayed.from, fmt)} \u2192 \u2026` : locale["picker.selectRange"];
   const renderMonth = (offset) => {
     const { month: m, cells } = offset === 0 ? monthGrid0 : monthGrid1;
     return /* @__PURE__ */ jsxs("div", { className: "daterange__month", children: [
@@ -228,7 +275,7 @@ function DateRangePicker({
         weekdays.map((w, i) => /* @__PURE__ */ jsx("span", { className: "daterange__dow", children: w }, i)),
         cells.map((d, i) => {
           if (!d) return /* @__PURE__ */ jsx("span", {}, `b${i}`);
-          const sel = value.from && isSameDay(d, value.from) || value.to && isSameDay(d, value.to);
+          const sel = current.from && isSameDay(d, current.from) || current.to && isSameDay(d, current.to);
           const ir = inRange(d);
           const today = isSameDay(d, /* @__PURE__ */ new Date());
           const off = isDisabled(d);
@@ -257,7 +304,7 @@ function DateRangePicker({
         type: "button",
         className: "daterange__trigger",
         disabled,
-        onClick: () => setOpen((o) => !o),
+        onClick: toggleOpen,
         "aria-haspopup": "dialog",
         "aria-expanded": open,
         children: [
@@ -280,10 +327,7 @@ function DateRangePicker({
           visibility: pos.ready ? "visible" : "hidden"
         },
         children: [
-          presets && presets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "daterange__presets", children: presets.map((p, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => {
-            onChange(p.range());
-            setOpen(false);
-          }, children: p.label }) }, i)) }),
+          presets && presets.length > 0 && /* @__PURE__ */ jsx("ul", { className: "daterange__presets", children: presets.map((p, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => commit(p.range(), true), children: p.label }) }, i)) }),
           /* @__PURE__ */ jsxs("div", { className: "daterange__panes", children: [
             /* @__PURE__ */ jsxs("div", { className: "daterange__nav", children: [
               /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setView((v) => addMonths(v, -1)), "aria-label": locale["calendar.prevMonth"], children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 }) }),
@@ -295,8 +339,8 @@ function DateRangePicker({
               renderMonth(1)
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "daterange__actions", children: [
-              /* @__PURE__ */ jsx("button", { type: "button", className: "daterange__clear", onClick: () => onChange({ from: null, to: null }), children: locale["common.clear"] }),
-              /* @__PURE__ */ jsx("button", { type: "button", className: "daterange__apply", onClick: () => setOpen(false), disabled: !value.from || !value.to, children: locale["common.apply"] })
+              /* @__PURE__ */ jsx("button", { type: "button", className: "daterange__clear", onClick: clear, children: locale["common.clear"] }),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "daterange__apply", onClick: () => commit(current), disabled: !current.from || !current.to, children: locale["common.apply"] })
             ] })
           ] })
         ]
@@ -461,5 +505,5 @@ function useCommandPalette({ hotkey = "mod+k" } = {}) {
 }
 
 export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette };
-//# sourceMappingURL=chunk-TMU6UXWF.mjs.map
-//# sourceMappingURL=chunk-TMU6UXWF.mjs.map
+//# sourceMappingURL=chunk-KCJCIUOK.mjs.map
+//# sourceMappingURL=chunk-KCJCIUOK.mjs.map