@misael703/ui 1.54.0 → 1.55.0

package/dist/{chunk-Z5RPCUI7.js → chunk-3PYU6OHQ.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkKY6OH2IK_js = require('./chunk-KY6OH2IK.js');
-var chunkT2LO33GM_js = require('./chunk-T2LO33GM.js');
+var chunkSQJVGL7Y_js = require('./chunk-SQJVGL7Y.js');
 var chunkA42WMR4M_js = require('./chunk-A42WMR4M.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -34,7 +34,7 @@ function TimeAgo({ iso, side = "top", now }) {
   React__namespace.useEffect(() => {
     setText(chunkKY6OH2IK_js.smartDateTime(iso, locale, now));
   }, [iso, locale, now]);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkT2LO33GM_js.Tooltip, { label: absolute, side, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: iso, children: text }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSQJVGL7Y_js.Tooltip, { label: absolute, side, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: iso, children: text }) });
 }
 function TimeAgoDate({ iso, side = "top", now }) {
   const locale = chunkA42WMR4M_js.useLocale();
@@ -43,10 +43,10 @@ function TimeAgoDate({ iso, side = "top", now }) {
   React__namespace.useEffect(() => {
     setText(chunkKY6OH2IK_js.smartDate(iso, locale, now));
   }, [iso, locale, now]);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkT2LO33GM_js.Tooltip, { label: absolute, side, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: iso, children: text }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSQJVGL7Y_js.Tooltip, { label: absolute, side, children: /* @__PURE__ */ jsxRuntime.jsx("time", { dateTime: iso, children: text }) });
 }
 
 exports.TimeAgo = TimeAgo;
 exports.TimeAgoDate = TimeAgoDate;
-//# sourceMappingURL=chunk-Z5RPCUI7.js.map
-//# sourceMappingURL=chunk-Z5RPCUI7.js.map
+//# sourceMappingURL=chunk-3PYU6OHQ.js.map
+//# sourceMappingURL=chunk-3PYU6OHQ.js.map

package/dist/{chunk-Z5RPCUI7.js.map → chunk-3PYU6OHQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TimeAgo.tsx"],"names":["useLocale","formatIsoDateTime","React","smartDateTime","jsx","Tooltip","formatIsoDate","smartDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,SAAS,QAAQ,EAAE,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,KAAI,EAAiB;AAChE,EAAA,MAAM,SAASA,0BAAA,EAAU;AACzB,EAAA,MAAM,QAAA,GAAWC,kCAAA,CAAkB,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AACnD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUC,0BAAS,QAAQ,CAAA;AAC/C,EAAMA,2BAAU,MAAM;AACpB,IAAA,OAAA,CAAQC,8BAAA,CAAc,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,EACzC,CAAA,EAAG,CAAC,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AACrB,EAAA,uBACEC,cAAA,CAACC,wBAAA,EAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,IAAA,EACxB,yCAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EAC7B,CAAA;AAEJ;AAOO,SAAS,YAAY,EAAE,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,KAAI,EAAiB;AACpE,EAAA,MAAM,SAASL,0BAAA,EAAU;AACzB,EAAA,MAAM,QAAA,GAAWM,8BAAA,CAAc,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AAC/C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUJ,0BAAS,QAAQ,CAAA;AAC/C,EAAMA,2BAAU,MAAM;AACpB,IAAA,OAAA,CAAQK,0BAAA,CAAU,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AACrB,EAAA,uBACEH,cAAA,CAACC,wBAAA,EAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,IAAA,EACxB,yCAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EAC7B,CAAA;AAEJ","file":"chunk-Z5RPCUI7.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { Tooltip } from './Layout';\nimport { formatIsoDate, formatIsoDateTime, smartDate, smartDateTime } from '../utils/smartTime';\n\nexport interface TimeAgoProps {\n  /** ISO 8601 timestamp. */\n  iso: string;\n  /** Tooltip position. Defaults to `'top'`. */\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * Reference instant for relative formatting. Defaults to `new Date()`\n   * at mount. Provide a stable value when you need predictable output\n   * across renders (testing, fixed report timestamps).\n   */\n  now?: Date;\n}\n\n/**\n * Adaptive datetime label with absolute tooltip and semantic `<time>` markup.\n *\n * SSR-safe: the first render (server + first client paint) emits the\n * **absolute** label so server HTML matches the client's first paint\n * byte-for-byte. A `useEffect` then swaps to the smart relative label —\n * any divergence (clock skew, NTP drift, TZ between server and client)\n * is contained to a post-mount transition, never a hydration mismatch.\n *\n * The tooltip always shows the full absolute datetime, independent of\n * the relative label.\n */\nexport function TimeAgo({ iso, side = 'top', now }: TimeAgoProps) {\n  const locale = useLocale();\n  const absolute = formatIsoDateTime(iso, locale, now);\n  const [text, setText] = React.useState(absolute);\n  React.useEffect(() => {\n    setText(smartDateTime(iso, locale, now));\n  }, [iso, locale, now]);\n  return (\n    <Tooltip label={absolute} side={side}>\n      <time dateTime={iso}>{text}</time>\n    </Tooltip>\n  );\n}\n\n/**\n * Same SSR-safe contract as {@link TimeAgo} but date-only (no time-of-day).\n * Use for date stamps where the hour is irrelevant: delivery dates,\n * day-precision history entries, etc.\n */\nexport function TimeAgoDate({ iso, side = 'top', now }: TimeAgoProps) {\n  const locale = useLocale();\n  const absolute = formatIsoDate(iso, locale, now);\n  const [text, setText] = React.useState(absolute);\n  React.useEffect(() => {\n    setText(smartDate(iso, locale, now));\n  }, [iso, locale, now]);\n  return (\n    <Tooltip label={absolute} side={side}>\n      <time dateTime={iso}>{text}</time>\n    </Tooltip>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/TimeAgo.tsx"],"names":["useLocale","formatIsoDateTime","React","smartDateTime","jsx","Tooltip","formatIsoDate","smartDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,SAAS,QAAQ,EAAE,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,KAAI,EAAiB;AAChE,EAAA,MAAM,SAASA,0BAAA,EAAU;AACzB,EAAA,MAAM,QAAA,GAAWC,kCAAA,CAAkB,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AACnD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUC,0BAAS,QAAQ,CAAA;AAC/C,EAAMA,2BAAU,MAAM;AACpB,IAAA,OAAA,CAAQC,8BAAA,CAAc,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,EACzC,CAAA,EAAG,CAAC,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AACrB,EAAA,uBACEC,cAAA,CAACC,wBAAA,EAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,IAAA,EACxB,yCAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EAC7B,CAAA;AAEJ;AAOO,SAAS,YAAY,EAAE,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,KAAI,EAAiB;AACpE,EAAA,MAAM,SAASL,0BAAA,EAAU;AACzB,EAAA,MAAM,QAAA,GAAWM,8BAAA,CAAc,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AAC/C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUJ,0BAAS,QAAQ,CAAA;AAC/C,EAAMA,2BAAU,MAAM;AACpB,IAAA,OAAA,CAAQK,0BAAA,CAAU,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AACrB,EAAA,uBACEH,cAAA,CAACC,wBAAA,EAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,IAAA,EACxB,yCAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EAC7B,CAAA;AAEJ","file":"chunk-3PYU6OHQ.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { Tooltip } from './Layout';\nimport { formatIsoDate, formatIsoDateTime, smartDate, smartDateTime } from '../utils/smartTime';\n\nexport interface TimeAgoProps {\n  /** ISO 8601 timestamp. */\n  iso: string;\n  /** Tooltip position. Defaults to `'top'`. */\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * Reference instant for relative formatting. Defaults to `new Date()`\n   * at mount. Provide a stable value when you need predictable output\n   * across renders (testing, fixed report timestamps).\n   */\n  now?: Date;\n}\n\n/**\n * Adaptive datetime label with absolute tooltip and semantic `<time>` markup.\n *\n * SSR-safe: the first render (server + first client paint) emits the\n * **absolute** label so server HTML matches the client's first paint\n * byte-for-byte. A `useEffect` then swaps to the smart relative label —\n * any divergence (clock skew, NTP drift, TZ between server and client)\n * is contained to a post-mount transition, never a hydration mismatch.\n *\n * The tooltip always shows the full absolute datetime, independent of\n * the relative label.\n */\nexport function TimeAgo({ iso, side = 'top', now }: TimeAgoProps) {\n  const locale = useLocale();\n  const absolute = formatIsoDateTime(iso, locale, now);\n  const [text, setText] = React.useState(absolute);\n  React.useEffect(() => {\n    setText(smartDateTime(iso, locale, now));\n  }, [iso, locale, now]);\n  return (\n    <Tooltip label={absolute} side={side}>\n      <time dateTime={iso}>{text}</time>\n    </Tooltip>\n  );\n}\n\n/**\n * Same SSR-safe contract as {@link TimeAgo} but date-only (no time-of-day).\n * Use for date stamps where the hour is irrelevant: delivery dates,\n * day-precision history entries, etc.\n */\nexport function TimeAgoDate({ iso, side = 'top', now }: TimeAgoProps) {\n  const locale = useLocale();\n  const absolute = formatIsoDate(iso, locale, now);\n  const [text, setText] = React.useState(absolute);\n  React.useEffect(() => {\n    setText(smartDate(iso, locale, now));\n  }, [iso, locale, now]);\n  return (\n    <Tooltip label={absolute} side={side}>\n      <time dateTime={iso}>{text}</time>\n    </Tooltip>\n  );\n}\n"]}

package/dist/{chunk-ESY2JWR7.mjs → chunk-6JXGCU7F.mjs}

@@ -1,6 +1,6 @@
 'use client';
 import { formatIsoDateTime, smartDateTime, formatIsoDate, smartDate } from './chunk-5OZ6QIFC.mjs';
-import { Tooltip } from './chunk-FHOI6O37.mjs';
+import { Tooltip } from './chunk-TGAAJCUZ.mjs';
 import { useLocale } from './chunk-KYYRQNY7.mjs';
 import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -25,5 +25,5 @@ function TimeAgoDate({ iso, side = "top", now }) {
 }
 
 export { TimeAgo, TimeAgoDate };
-//# sourceMappingURL=chunk-ESY2JWR7.mjs.map
-//# sourceMappingURL=chunk-ESY2JWR7.mjs.map
+//# sourceMappingURL=chunk-6JXGCU7F.mjs.map
+//# sourceMappingURL=chunk-6JXGCU7F.mjs.map

package/dist/{chunk-ESY2JWR7.mjs.map → chunk-6JXGCU7F.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TimeAgo.tsx"],"names":[],"mappings":";;;;;;AA+BO,SAAS,QAAQ,EAAE,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,KAAI,EAAiB;AAChE,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AACnD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,QAAQ,CAAA;AAC/C,EAAM,gBAAU,MAAM;AACpB,IAAA,OAAA,CAAQ,aAAA,CAAc,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,EACzC,CAAA,EAAG,CAAC,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AACrB,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,IAAA,EACxB,8BAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EAC7B,CAAA;AAEJ;AAOO,SAAS,YAAY,EAAE,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,KAAI,EAAiB;AACpE,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,QAAA,GAAW,aAAA,CAAc,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AAC/C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,QAAQ,CAAA;AAC/C,EAAM,gBAAU,MAAM;AACpB,IAAA,OAAA,CAAQ,SAAA,CAAU,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AACrB,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,IAAA,EACxB,8BAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EAC7B,CAAA;AAEJ","file":"chunk-ESY2JWR7.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { Tooltip } from './Layout';\nimport { formatIsoDate, formatIsoDateTime, smartDate, smartDateTime } from '../utils/smartTime';\n\nexport interface TimeAgoProps {\n  /** ISO 8601 timestamp. */\n  iso: string;\n  /** Tooltip position. Defaults to `'top'`. */\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * Reference instant for relative formatting. Defaults to `new Date()`\n   * at mount. Provide a stable value when you need predictable output\n   * across renders (testing, fixed report timestamps).\n   */\n  now?: Date;\n}\n\n/**\n * Adaptive datetime label with absolute tooltip and semantic `<time>` markup.\n *\n * SSR-safe: the first render (server + first client paint) emits the\n * **absolute** label so server HTML matches the client's first paint\n * byte-for-byte. A `useEffect` then swaps to the smart relative label —\n * any divergence (clock skew, NTP drift, TZ between server and client)\n * is contained to a post-mount transition, never a hydration mismatch.\n *\n * The tooltip always shows the full absolute datetime, independent of\n * the relative label.\n */\nexport function TimeAgo({ iso, side = 'top', now }: TimeAgoProps) {\n  const locale = useLocale();\n  const absolute = formatIsoDateTime(iso, locale, now);\n  const [text, setText] = React.useState(absolute);\n  React.useEffect(() => {\n    setText(smartDateTime(iso, locale, now));\n  }, [iso, locale, now]);\n  return (\n    <Tooltip label={absolute} side={side}>\n      <time dateTime={iso}>{text}</time>\n    </Tooltip>\n  );\n}\n\n/**\n * Same SSR-safe contract as {@link TimeAgo} but date-only (no time-of-day).\n * Use for date stamps where the hour is irrelevant: delivery dates,\n * day-precision history entries, etc.\n */\nexport function TimeAgoDate({ iso, side = 'top', now }: TimeAgoProps) {\n  const locale = useLocale();\n  const absolute = formatIsoDate(iso, locale, now);\n  const [text, setText] = React.useState(absolute);\n  React.useEffect(() => {\n    setText(smartDate(iso, locale, now));\n  }, [iso, locale, now]);\n  return (\n    <Tooltip label={absolute} side={side}>\n      <time dateTime={iso}>{text}</time>\n    </Tooltip>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/TimeAgo.tsx"],"names":[],"mappings":";;;;;;AA+BO,SAAS,QAAQ,EAAE,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,KAAI,EAAiB;AAChE,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,QAAA,GAAW,iBAAA,CAAkB,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AACnD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,QAAQ,CAAA;AAC/C,EAAM,gBAAU,MAAM;AACpB,IAAA,OAAA,CAAQ,aAAA,CAAc,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,EACzC,CAAA,EAAG,CAAC,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AACrB,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,IAAA,EACxB,8BAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EAC7B,CAAA;AAEJ;AAOO,SAAS,YAAY,EAAE,GAAA,EAAK,IAAA,GAAO,KAAA,EAAO,KAAI,EAAiB;AACpE,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,QAAA,GAAW,aAAA,CAAc,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAA;AAC/C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,QAAQ,CAAA;AAC/C,EAAM,gBAAU,MAAM;AACpB,IAAA,OAAA,CAAQ,SAAA,CAAU,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,GAAA,EAAK,MAAA,EAAQ,GAAG,CAAC,CAAA;AACrB,EAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,QAAA,EAAU,IAAA,EACxB,8BAAC,MAAA,EAAA,EAAK,QAAA,EAAU,GAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EAC7B,CAAA;AAEJ","file":"chunk-6JXGCU7F.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { Tooltip } from './Layout';\nimport { formatIsoDate, formatIsoDateTime, smartDate, smartDateTime } from '../utils/smartTime';\n\nexport interface TimeAgoProps {\n  /** ISO 8601 timestamp. */\n  iso: string;\n  /** Tooltip position. Defaults to `'top'`. */\n  side?: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * Reference instant for relative formatting. Defaults to `new Date()`\n   * at mount. Provide a stable value when you need predictable output\n   * across renders (testing, fixed report timestamps).\n   */\n  now?: Date;\n}\n\n/**\n * Adaptive datetime label with absolute tooltip and semantic `<time>` markup.\n *\n * SSR-safe: the first render (server + first client paint) emits the\n * **absolute** label so server HTML matches the client's first paint\n * byte-for-byte. A `useEffect` then swaps to the smart relative label —\n * any divergence (clock skew, NTP drift, TZ between server and client)\n * is contained to a post-mount transition, never a hydration mismatch.\n *\n * The tooltip always shows the full absolute datetime, independent of\n * the relative label.\n */\nexport function TimeAgo({ iso, side = 'top', now }: TimeAgoProps) {\n  const locale = useLocale();\n  const absolute = formatIsoDateTime(iso, locale, now);\n  const [text, setText] = React.useState(absolute);\n  React.useEffect(() => {\n    setText(smartDateTime(iso, locale, now));\n  }, [iso, locale, now]);\n  return (\n    <Tooltip label={absolute} side={side}>\n      <time dateTime={iso}>{text}</time>\n    </Tooltip>\n  );\n}\n\n/**\n * Same SSR-safe contract as {@link TimeAgo} but date-only (no time-of-day).\n * Use for date stamps where the hour is irrelevant: delivery dates,\n * day-precision history entries, etc.\n */\nexport function TimeAgoDate({ iso, side = 'top', now }: TimeAgoProps) {\n  const locale = useLocale();\n  const absolute = formatIsoDate(iso, locale, now);\n  const [text, setText] = React.useState(absolute);\n  React.useEffect(() => {\n    setText(smartDate(iso, locale, now));\n  }, [iso, locale, now]);\n  return (\n    <Tooltip label={absolute} side={side}>\n      <time dateTime={iso}>{text}</time>\n    </Tooltip>\n  );\n}\n"]}

package/dist/{chunk-T2LO33GM.js → chunk-SQJVGL7Y.js}

@@ -30,17 +30,60 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var TabsContext = React__namespace.createContext(null);
-function Tabs({ value, defaultValue, onChange, children, className }) {
+var useIsoLayoutEffect = typeof window !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
+function Tabs({ value, defaultValue, onChange, variant = "underline", children, className }) {
   const [internal, setInternal] = React__namespace.useState(defaultValue ?? "");
   const v = value ?? internal;
   const setV = (next) => {
     if (value === void 0) setInternal(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { value: v, setValue: setV }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkPASF6T4H_js.cx("tabs", className), children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { value: v, setValue: setV }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkPASF6T4H_js.cx("tabs", variant === "plain" && "tabs--plain", className), children }) });
 }
 function TabList({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", className: chunkPASF6T4H_js.cx("tabs__list", className), children });
+  const ctx = React__namespace.useContext(TabsContext);
+  const active = ctx?.value;
+  const listRef = React__namespace.useRef(null);
+  const [ind, setInd] = React__namespace.useState(null);
+  useIsoLayoutEffect(() => {
+    const el = listRef.current;
+    if (!el) return;
+    const measure = () => {
+      const tab = el.querySelector('[role="tab"][aria-selected="true"]');
+      if (!tab) {
+        setInd((p) => p ? { ...p, width: 0 } : null);
+        return;
+      }
+      setInd((p) => ({ left: tab.offsetLeft, width: tab.offsetWidth, ready: p?.ready ?? false }));
+    };
+    measure();
+    const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(measure) : null;
+    ro?.observe(el);
+    let cancelled = false;
+    if (typeof document !== "undefined" && "fonts" in document) {
+      document.fonts.ready.then(() => {
+        if (!cancelled) measure();
+      });
+    }
+    return () => {
+      cancelled = true;
+      ro?.disconnect();
+    };
+  }, [active, children]);
+  React__namespace.useEffect(() => {
+    if (ind && !ind.ready) setInd((p) => p ? { ...p, ready: true } : p);
+  }, [ind]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: listRef, role: "tablist", className: chunkPASF6T4H_js.cx("tabs__list", className), children: [
+    children,
+    ind && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: chunkPASF6T4H_js.cx("tabs__indicator", ind.ready && "is-ready"),
+        style: { transform: `translateX(${ind.left}px)`, width: ind.width, opacity: ind.width > 0 ? 1 : 0 }
+      }
+    )
+  ] });
 }
 function Tab({ value, className, children, ...rest }) {
   const ctx = React__namespace.useContext(TabsContext);
@@ -324,5 +367,5 @@ exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Tooltip = Tooltip;
 exports.VStack = VStack;
-//# sourceMappingURL=chunk-T2LO33GM.js.map
-//# sourceMappingURL=chunk-T2LO33GM.js.map
+//# sourceMappingURL=chunk-SQJVGL7Y.js.map
+//# sourceMappingURL=chunk-SQJVGL7Y.js.map

package/dist/chunk-SQJVGL7Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Layout.tsx"],"names":["React","jsx","cx","jsxs","Table","usePopoverPosition","Portal","Divider","Separator","Stack","HStack","VStack","Cluster","Fragment","ListGroup","ListGroupItem","Check"],"mappings":"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","file":"chunk-SQJVGL7Y.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Check } from './Icons';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { Separator } from './Primitives';\n\n// ---------- Tabs ---------------------------------------------------------\ninterface TabsContextValue {\n  value: string;\n  setValue: (v: string) => void;\n}\nconst TabsContext = React.createContext<TabsContextValue | null>(null);\n\n// useLayoutEffect on the client, useEffect on the server — measures the\n// indicator before paint without the SSR \"useLayoutEffect does nothing\" warning.\nconst useIsoLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\nexport interface TabsProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (v: string) => void;\n  /**\n   * Visual style. `'underline'` (default) keeps the full-width baseline under\n   * the tab row; `'plain'` drops it — for tabs sitting on open canvas where\n   * the gray baseline floats. Both animate the active indicator between tabs.\n   */\n  variant?: 'underline' | 'plain';\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Tabs({ value, defaultValue, onChange, variant = 'underline', children, className }: TabsProps) {\n  const [internal, setInternal] = React.useState(defaultValue ?? '');\n  const v = value ?? internal;\n  const setV = (next: string) => {\n    if (value === undefined) setInternal(next);\n    onChange?.(next);\n  };\n  return (\n    <TabsContext.Provider value={{ value: v, setValue: setV }}>\n      <div className={cx('tabs', variant === 'plain' && 'tabs--plain', className)}>{children}</div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabList({ children, className }: { children: React.ReactNode; className?: string }) {\n  const ctx = React.useContext(TabsContext);\n  const active = ctx?.value;\n  const listRef = React.useRef<HTMLDivElement>(null);\n  // Shared sliding indicator: a single bar that translates to the active tab's\n  // measured geometry, so switching tabs animates one element instead of\n  // cross-fading a per-tab border.\n  const [ind, setInd] = React.useState<{ left: number; width: number; ready: boolean } | null>(null);\n  useIsoLayoutEffect(() => {\n    const el = listRef.current;\n    if (!el) return;\n    const measure = () => {\n      const tab = el.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]');\n      // No active tab → collapse the bar (hidden via opacity below).\n      if (!tab) { setInd((p) => (p ? { ...p, width: 0 } : null)); return; }\n      setInd((p) => ({ left: tab.offsetLeft, width: tab.offsetWidth, ready: p?.ready ?? false }));\n    };\n    measure();\n    // Recalc on container resize and on web-font swap — both change tab widths.\n    const ro = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(measure) : null;\n    ro?.observe(el);\n    let cancelled = false;\n    if (typeof document !== 'undefined' && 'fonts' in document) {\n      document.fonts.ready.then(() => { if (!cancelled) measure(); });\n    }\n    return () => { cancelled = true; ro?.disconnect(); };\n  }, [active, children]);\n  // Enable the slide only AFTER the first measurement, so the bar appears in\n  // place on mount rather than animating in from x=0.\n  React.useEffect(() => {\n    if (ind && !ind.ready) setInd((p) => (p ? { ...p, ready: true } : p));\n  }, [ind]);\n  return (\n    <div ref={listRef} role=\"tablist\" className={cx('tabs__list', className)}>\n      {children}\n      {ind && (\n        <span\n          aria-hidden=\"true\"\n          className={cx('tabs__indicator', ind.ready && 'is-ready')}\n          style={{ transform: `translateX(${ind.left}px)`, width: ind.width, opacity: ind.width > 0 ? 1 : 0 }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\nexport function Tab({ value, className, children, ...rest }: TabProps) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<Tab> must be used inside <Tabs>');\n  const active = ctx.value === value;\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={active}\n      className={cx('tabs__tab', active && 'is-active', className)}\n      onClick={() => ctx.setValue(value)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabPanel({ value, children, className }: { value: string; children: React.ReactNode; className?: string }) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<TabPanel> must be used inside <Tabs>');\n  if (ctx.value !== value) return null;\n  return <div role=\"tabpanel\" className={cx('tabs__panel', className)}>{children}</div>;\n}\n\n// ---------- Table --------------------------------------------------------\nexport const Table = React.forwardRef<HTMLTableElement, React.TableHTMLAttributes<HTMLTableElement>>(\n  function Table({ className, ...rest }, ref) {\n    return (\n      <div className=\"table-wrap\">\n        <table ref={ref} className={cx('table', className)} {...rest} />\n      </div>\n    );\n  }\n);\n\n// ---------- Tooltip (CSS hover) ------------------------------------------\nexport interface TooltipProps {\n  label: React.ReactNode;\n  children: React.ReactElement;\n  side?: 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport function Tooltip({ label, children, side = 'top' }: TooltipProps) {\n  const [open, setOpen] = React.useState(false);\n  const wrapRef = React.useRef<HTMLSpanElement>(null);\n  const bubbleRef = React.useRef<HTMLSpanElement>(null);\n  const reactId = React.useId();\n  const bubbleId = `${reactId}-tooltip`;\n  const openTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clear = () => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  };\n  const show = () => {\n    clear();\n    openTimer.current = setTimeout(() => setOpen(true), 150);\n  };\n  const hide = () => {\n    clear();\n    closeTimer.current = setTimeout(() => setOpen(false), 80);\n  };\n\n  React.useEffect(() => () => clear(), []);\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n    document.addEventListener('keydown', onKey);\n    return () => document.removeEventListener('keydown', onKey);\n  }, [open]);\n\n  const pos = usePopoverPosition(wrapRef, bubbleRef, {\n    open,\n    side,\n    align: 'center',\n    offset: 8,\n  });\n\n  const child = React.cloneElement(children, {\n    'aria-describedby': open ? bubbleId : children.props['aria-describedby'],\n  });\n\n  return (\n    <span\n      ref={wrapRef}\n      className={cx('tooltip', `tooltip--${side}`)}\n      onMouseEnter={show}\n      onMouseLeave={hide}\n      onFocus={show}\n      onBlur={hide}\n    >\n      {child}\n      {open && (\n        <Portal>\n          <span\n            ref={bubbleRef}\n            id={bubbleId}\n            role=\"tooltip\"\n            className={cx('tooltip__bubble', 'is-floating')}\n            style={{\n              position: 'fixed',\n              top: pos.top,\n              left: pos.left,\n              opacity: pos.ready ? 1 : 0,\n              visibility: pos.ready ? 'visible' : 'hidden',\n            }}\n          >\n            {label}\n          </span>\n        </Portal>\n      )}\n    </span>\n  );\n}\n\n// ---------- Divider ------------------------------------------------------\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\n/**\n * @deprecated Use `Separator` instead. `Divider` is a non-breaking alias kept\n * for existing consumers: it delegates to `Separator` with `decorative={false}`\n * (preserving the original `role=\"separator\"` semantics) and keeps emitting the\n * legacy `divider` / `divider--vertical` classes so styling is unchanged. New\n * code should import `Separator`.\n */\nexport const Divider = React.forwardRef<HTMLDivElement, DividerProps>(function Divider(\n  { orientation = 'horizontal', className, ...rest },\n  ref\n) {\n  return (\n    <Separator\n      ref={ref}\n      orientation={orientation}\n      decorative={false}\n      className={cx('divider', orientation === 'vertical' && 'divider--vertical', className)}\n      {...rest}\n    />\n  );\n});\n\n// ---------- Stack / HStack / VStack -------------------------------------\ntype SpaceToken = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24;\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'row' | 'column';\n  gap?: SpaceToken;\n  align?: React.CSSProperties['alignItems'];\n  justify?: React.CSSProperties['justifyContent'];\n  wrap?: boolean;\n  inline?: boolean;\n}\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(\n  { direction = 'column', gap = 4, align, justify, wrap, inline, className, style, ...rest },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('stack', className)}\n      style={{\n        display: inline ? 'inline-flex' : 'flex',\n        flexDirection: direction,\n        gap: `var(--space-${gap})`,\n        alignItems: align,\n        justifyContent: justify,\n        flexWrap: wrap ? 'wrap' : undefined,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n});\n\nexport const HStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function HStack(props, ref) {\n    return <Stack ref={ref} direction=\"row\" align={props.align ?? 'center'} {...props} />;\n  }\n);\n\nexport const VStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function VStack(props, ref) {\n    return <Stack ref={ref} direction=\"column\" {...props} />;\n  }\n);\n\n// ---------- Container ----------------------------------------------------\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nconst CONTAINER_MAX = { sm: 640, md: 768, lg: 1024, xl: 1280, full: '100%' };\n\nexport function Container({ size = 'lg', className, style, ...rest }: ContainerProps) {\n  return (\n    <div\n      className={cx('container', `container--${size}`, className)}\n      style={{\n        // border-box so `width: 100%` includes the inline gutter. Without\n        // it (content-box default) the padding adds OUTSIDE the 100%, so\n        // the container renders 2×var(--space-4) wider than its parent and\n        // overflows any width-constrained context (a column, a card, a\n        // narrow viewport). Masked on a full-viewport page by the body's\n        // own margins, but a real bug elsewhere.\n        boxSizing: 'border-box',\n        width: '100%',\n        maxWidth: CONTAINER_MAX[size],\n        marginInline: 'auto',\n        paddingInline: 'var(--space-4)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Grid ---------------------------------------------------------\n/**\n * Column count. A number/string is fixed; an object is responsive per\n * breakpoint (each breakpoint inherits the previous one if omitted).\n * Breakpoints match the kit tokens: sm 480 · md 768 · lg 1024 · xl 1280.\n */\nexport type ResponsiveColumns =\n  | number\n  | string\n  | { base?: number; sm?: number; md?: number; lg?: number; xl?: number };\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: ResponsiveColumns;\n  gap?: SpaceToken;\n  /** Intrinsically responsive auto-fit columns; takes precedence over `columns`. */\n  minColWidth?: number | string;\n}\n\nexport function Grid({ columns, gap = 4, minColWidth, className, style, ...rest }: GridProps) {\n  const gapVar = `var(--space-${gap})`;\n\n  // auto-fit: intrinsic responsiveness, no breakpoints needed.\n  if (minColWidth) {\n    const w = typeof minColWidth === 'number' ? `${minColWidth}px` : minColWidth;\n    return (\n      <div\n        className={cx('grid', className)}\n        style={{ display: 'grid', gridTemplateColumns: `repeat(auto-fit, minmax(${w}, 1fr))`, gap: gapVar, ...style }}\n        {...rest}\n      />\n    );\n  }\n\n  // Responsive object: emit per-breakpoint custom props; `.grid--responsive`\n  // (in index.css) reads them through media queries with an inherit chain.\n  if (columns && typeof columns === 'object') {\n    const vars: Record<string, string> = {};\n    if (columns.base != null) vars['--grid-cols'] = String(columns.base);\n    if (columns.sm != null) vars['--grid-cols-sm'] = String(columns.sm);\n    if (columns.md != null) vars['--grid-cols-md'] = String(columns.md);\n    if (columns.lg != null) vars['--grid-cols-lg'] = String(columns.lg);\n    if (columns.xl != null) vars['--grid-cols-xl'] = String(columns.xl);\n    return (\n      <div\n        className={cx('grid', 'grid--responsive', className)}\n        style={{ gap: gapVar, ...vars, ...style } as React.CSSProperties}\n        {...rest}\n      />\n    );\n  }\n\n  const tpl = typeof columns === 'number'\n    ? `repeat(${columns}, minmax(0, 1fr))`\n    : columns ?? 'repeat(12, minmax(0, 1fr))';\n  return (\n    <div\n      className={cx('grid', className)}\n      style={{ display: 'grid', gridTemplateColumns: tpl, gap: gapVar, ...style }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Cluster / Spacer --------------------------------------------\n/**\n * Horizontal group that wraps — the \"cluster\" layout primitive (Braid /\n * Every Layout). Sugar for `<Stack direction=\"row\" wrap>`. Use for tag\n * lists, button rows, filter chips: items flow and wrap, gap stays even.\n */\nexport const Cluster = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction' | 'wrap'>>(\n  function Cluster(props, ref) {\n    return <Stack ref={ref} direction=\"row\" wrap align={props.align ?? 'center'} {...props} />;\n  }\n);\n\nexport interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Fixed size on a space token. Omit for a flexible spacer (`flex: 1`). */\n  size?: SpaceToken;\n}\n\n/**\n * Spacing element. With `size`, a fixed gap on the space scale. Without it,\n * a flexible spacer that eats remaining space in a flex container (pushes\n * siblings apart) — e.g. a toolbar with left items + `<Spacer />` + right\n * items.\n */\nexport function Spacer({ size, style, ...rest }: SpacerProps) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={\n        size != null\n          ? { flex: '0 0 auto', width: `var(--space-${size})`, height: `var(--space-${size})`, ...style }\n          : { flex: '1 1 auto', ...style }\n      }\n      {...rest}\n    />\n  );\n}\n\n// ---------- KeyValue ----------------------------------------------------\nexport interface KeyValueProps extends React.HTMLAttributes<HTMLDListElement> {\n  /** Override del ancho de la columna de keys (default 200px) */\n  keyWidth?: number | string;\n}\n\nexport function KeyValue({ keyWidth, className, style, ...rest }: KeyValueProps) {\n  return (\n    <dl\n      className={cx('kv', className)}\n      style={keyWidth ? { gridTemplateColumns: `${typeof keyWidth === 'number' ? `${keyWidth}px` : keyWidth} 1fr`, ...style } : style}\n      {...rest}\n    />\n  );\n}\n\nexport interface KeyValueRowProps {\n  label: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport function KeyValueRow({ label, children }: KeyValueRowProps) {\n  return (\n    <>\n      <dt className=\"kv__k\">{label}</dt>\n      <dd className=\"kv__v\">{children}</dd>\n    </>\n  );\n}\n\n// ---------- ListGroup ---------------------------------------------------\nexport const ListGroup = React.forwardRef<HTMLUListElement, React.HTMLAttributes<HTMLUListElement>>(\n  function ListGroup({ className, ...rest }, ref) {\n    return <ul ref={ref} className={cx('list-group', className)} {...rest} />;\n  }\n);\n\nexport interface ListGroupItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  interactive?: boolean;\n}\n\nexport const ListGroupItem = React.forwardRef<HTMLLIElement, ListGroupItemProps>(\n  function ListGroupItem({ interactive, className, ...rest }, ref) {\n    return (\n      <li\n        ref={ref}\n        className={cx('list-group__item', interactive && 'list-group__item--interactive', className)}\n        {...rest}\n      />\n    );\n  }\n);\n\n// ---------- Stepper ------------------------------------------------------\nexport interface StepperProps {\n  steps: Array<{ label: string; description?: string }>;\n  current: number;\n  className?: string;\n}\n\nexport function Stepper({ steps, current, className }: StepperProps) {\n  return (\n    <ol className={cx('stepper', className)}>\n      {steps.map((s, i) => {\n        const state = i < current ? 'is-done' : i === current ? 'is-current' : '';\n        return (\n          <li key={i} className={cx('stepper__item', state)}>\n            <span className=\"stepper__circle\">{i < current ? <Check size={16} /> : i + 1}</span>\n            <div>\n              <div className=\"stepper__label\">{s.label}</div>\n              {s.description && <div className=\"stepper__desc\">{s.description}</div>}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"]}

package/dist/{chunk-FHOI6O37.mjs → chunk-TGAAJCUZ.mjs}

@@ -8,17 +8,60 @@ import * as React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var TabsContext = React.createContext(null);
-function Tabs({ value, defaultValue, onChange, children, className }) {
+var useIsoLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+function Tabs({ value, defaultValue, onChange, variant = "underline", children, className }) {
   const [internal, setInternal] = React.useState(defaultValue ?? "");
   const v = value ?? internal;
   const setV = (next) => {
     if (value === void 0) setInternal(next);
     onChange?.(next);
   };
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { value: v, setValue: setV }, children: /* @__PURE__ */ jsx("div", { className: cx("tabs", className), children }) });
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { value: v, setValue: setV }, children: /* @__PURE__ */ jsx("div", { className: cx("tabs", variant === "plain" && "tabs--plain", className), children }) });
 }
 function TabList({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { role: "tablist", className: cx("tabs__list", className), children });
+  const ctx = React.useContext(TabsContext);
+  const active = ctx?.value;
+  const listRef = React.useRef(null);
+  const [ind, setInd] = React.useState(null);
+  useIsoLayoutEffect(() => {
+    const el = listRef.current;
+    if (!el) return;
+    const measure = () => {
+      const tab = el.querySelector('[role="tab"][aria-selected="true"]');
+      if (!tab) {
+        setInd((p) => p ? { ...p, width: 0 } : null);
+        return;
+      }
+      setInd((p) => ({ left: tab.offsetLeft, width: tab.offsetWidth, ready: p?.ready ?? false }));
+    };
+    measure();
+    const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(measure) : null;
+    ro?.observe(el);
+    let cancelled = false;
+    if (typeof document !== "undefined" && "fonts" in document) {
+      document.fonts.ready.then(() => {
+        if (!cancelled) measure();
+      });
+    }
+    return () => {
+      cancelled = true;
+      ro?.disconnect();
+    };
+  }, [active, children]);
+  React.useEffect(() => {
+    if (ind && !ind.ready) setInd((p) => p ? { ...p, ready: true } : p);
+  }, [ind]);
+  return /* @__PURE__ */ jsxs("div", { ref: listRef, role: "tablist", className: cx("tabs__list", className), children: [
+    children,
+    ind && /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cx("tabs__indicator", ind.ready && "is-ready"),
+        style: { transform: `translateX(${ind.left}px)`, width: ind.width, opacity: ind.width > 0 ? 1 : 0 }
+      }
+    )
+  ] });
 }
 function Tab({ value, className, children, ...rest }) {
   const ctx = React.useContext(TabsContext);
@@ -284,5 +327,5 @@ function Stepper({ steps, current, className }) {
 }
 
 export { Cluster, Container, Divider, Grid, HStack, KeyValue, KeyValueRow, ListGroup, ListGroupItem, Spacer, Stack, Stepper, Tab, TabList, TabPanel, Table, Tabs, Tooltip, VStack };
-//# sourceMappingURL=chunk-FHOI6O37.mjs.map
-//# sourceMappingURL=chunk-FHOI6O37.mjs.map
+//# sourceMappingURL=chunk-TGAAJCUZ.mjs.map
+//# sourceMappingURL=chunk-TGAAJCUZ.mjs.map

package/dist/chunk-TGAAJCUZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Layout.tsx"],"names":["Table","Divider","Stack","HStack","VStack","Cluster","ListGroup","ListGroupItem"],"mappings":"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","file":"chunk-TGAAJCUZ.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Check } from './Icons';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { Separator } from './Primitives';\n\n// ---------- Tabs ---------------------------------------------------------\ninterface TabsContextValue {\n  value: string;\n  setValue: (v: string) => void;\n}\nconst TabsContext = React.createContext<TabsContextValue | null>(null);\n\n// useLayoutEffect on the client, useEffect on the server — measures the\n// indicator before paint without the SSR \"useLayoutEffect does nothing\" warning.\nconst useIsoLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\nexport interface TabsProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (v: string) => void;\n  /**\n   * Visual style. `'underline'` (default) keeps the full-width baseline under\n   * the tab row; `'plain'` drops it — for tabs sitting on open canvas where\n   * the gray baseline floats. Both animate the active indicator between tabs.\n   */\n  variant?: 'underline' | 'plain';\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function Tabs({ value, defaultValue, onChange, variant = 'underline', children, className }: TabsProps) {\n  const [internal, setInternal] = React.useState(defaultValue ?? '');\n  const v = value ?? internal;\n  const setV = (next: string) => {\n    if (value === undefined) setInternal(next);\n    onChange?.(next);\n  };\n  return (\n    <TabsContext.Provider value={{ value: v, setValue: setV }}>\n      <div className={cx('tabs', variant === 'plain' && 'tabs--plain', className)}>{children}</div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabList({ children, className }: { children: React.ReactNode; className?: string }) {\n  const ctx = React.useContext(TabsContext);\n  const active = ctx?.value;\n  const listRef = React.useRef<HTMLDivElement>(null);\n  // Shared sliding indicator: a single bar that translates to the active tab's\n  // measured geometry, so switching tabs animates one element instead of\n  // cross-fading a per-tab border.\n  const [ind, setInd] = React.useState<{ left: number; width: number; ready: boolean } | null>(null);\n  useIsoLayoutEffect(() => {\n    const el = listRef.current;\n    if (!el) return;\n    const measure = () => {\n      const tab = el.querySelector<HTMLElement>('[role=\"tab\"][aria-selected=\"true\"]');\n      // No active tab → collapse the bar (hidden via opacity below).\n      if (!tab) { setInd((p) => (p ? { ...p, width: 0 } : null)); return; }\n      setInd((p) => ({ left: tab.offsetLeft, width: tab.offsetWidth, ready: p?.ready ?? false }));\n    };\n    measure();\n    // Recalc on container resize and on web-font swap — both change tab widths.\n    const ro = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(measure) : null;\n    ro?.observe(el);\n    let cancelled = false;\n    if (typeof document !== 'undefined' && 'fonts' in document) {\n      document.fonts.ready.then(() => { if (!cancelled) measure(); });\n    }\n    return () => { cancelled = true; ro?.disconnect(); };\n  }, [active, children]);\n  // Enable the slide only AFTER the first measurement, so the bar appears in\n  // place on mount rather than animating in from x=0.\n  React.useEffect(() => {\n    if (ind && !ind.ready) setInd((p) => (p ? { ...p, ready: true } : p));\n  }, [ind]);\n  return (\n    <div ref={listRef} role=\"tablist\" className={cx('tabs__list', className)}>\n      {children}\n      {ind && (\n        <span\n          aria-hidden=\"true\"\n          className={cx('tabs__indicator', ind.ready && 'is-ready')}\n          style={{ transform: `translateX(${ind.left}px)`, width: ind.width, opacity: ind.width > 0 ? 1 : 0 }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  value: string;\n}\n\nexport function Tab({ value, className, children, ...rest }: TabProps) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<Tab> must be used inside <Tabs>');\n  const active = ctx.value === value;\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={active}\n      className={cx('tabs__tab', active && 'is-active', className)}\n      onClick={() => ctx.setValue(value)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabPanel({ value, children, className }: { value: string; children: React.ReactNode; className?: string }) {\n  const ctx = React.useContext(TabsContext);\n  if (!ctx) throw new Error('<TabPanel> must be used inside <Tabs>');\n  if (ctx.value !== value) return null;\n  return <div role=\"tabpanel\" className={cx('tabs__panel', className)}>{children}</div>;\n}\n\n// ---------- Table --------------------------------------------------------\nexport const Table = React.forwardRef<HTMLTableElement, React.TableHTMLAttributes<HTMLTableElement>>(\n  function Table({ className, ...rest }, ref) {\n    return (\n      <div className=\"table-wrap\">\n        <table ref={ref} className={cx('table', className)} {...rest} />\n      </div>\n    );\n  }\n);\n\n// ---------- Tooltip (CSS hover) ------------------------------------------\nexport interface TooltipProps {\n  label: React.ReactNode;\n  children: React.ReactElement;\n  side?: 'top' | 'bottom' | 'left' | 'right';\n}\n\nexport function Tooltip({ label, children, side = 'top' }: TooltipProps) {\n  const [open, setOpen] = React.useState(false);\n  const wrapRef = React.useRef<HTMLSpanElement>(null);\n  const bubbleRef = React.useRef<HTMLSpanElement>(null);\n  const reactId = React.useId();\n  const bubbleId = `${reactId}-tooltip`;\n  const openTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clear = () => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  };\n  const show = () => {\n    clear();\n    openTimer.current = setTimeout(() => setOpen(true), 150);\n  };\n  const hide = () => {\n    clear();\n    closeTimer.current = setTimeout(() => setOpen(false), 80);\n  };\n\n  React.useEffect(() => () => clear(), []);\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n    document.addEventListener('keydown', onKey);\n    return () => document.removeEventListener('keydown', onKey);\n  }, [open]);\n\n  const pos = usePopoverPosition(wrapRef, bubbleRef, {\n    open,\n    side,\n    align: 'center',\n    offset: 8,\n  });\n\n  const child = React.cloneElement(children, {\n    'aria-describedby': open ? bubbleId : children.props['aria-describedby'],\n  });\n\n  return (\n    <span\n      ref={wrapRef}\n      className={cx('tooltip', `tooltip--${side}`)}\n      onMouseEnter={show}\n      onMouseLeave={hide}\n      onFocus={show}\n      onBlur={hide}\n    >\n      {child}\n      {open && (\n        <Portal>\n          <span\n            ref={bubbleRef}\n            id={bubbleId}\n            role=\"tooltip\"\n            className={cx('tooltip__bubble', 'is-floating')}\n            style={{\n              position: 'fixed',\n              top: pos.top,\n              left: pos.left,\n              opacity: pos.ready ? 1 : 0,\n              visibility: pos.ready ? 'visible' : 'hidden',\n            }}\n          >\n            {label}\n          </span>\n        </Portal>\n      )}\n    </span>\n  );\n}\n\n// ---------- Divider ------------------------------------------------------\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: 'horizontal' | 'vertical';\n}\n\n/**\n * @deprecated Use `Separator` instead. `Divider` is a non-breaking alias kept\n * for existing consumers: it delegates to `Separator` with `decorative={false}`\n * (preserving the original `role=\"separator\"` semantics) and keeps emitting the\n * legacy `divider` / `divider--vertical` classes so styling is unchanged. New\n * code should import `Separator`.\n */\nexport const Divider = React.forwardRef<HTMLDivElement, DividerProps>(function Divider(\n  { orientation = 'horizontal', className, ...rest },\n  ref\n) {\n  return (\n    <Separator\n      ref={ref}\n      orientation={orientation}\n      decorative={false}\n      className={cx('divider', orientation === 'vertical' && 'divider--vertical', className)}\n      {...rest}\n    />\n  );\n});\n\n// ---------- Stack / HStack / VStack -------------------------------------\ntype SpaceToken = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24;\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'row' | 'column';\n  gap?: SpaceToken;\n  align?: React.CSSProperties['alignItems'];\n  justify?: React.CSSProperties['justifyContent'];\n  wrap?: boolean;\n  inline?: boolean;\n}\n\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(function Stack(\n  { direction = 'column', gap = 4, align, justify, wrap, inline, className, style, ...rest },\n  ref\n) {\n  return (\n    <div\n      ref={ref}\n      className={cx('stack', className)}\n      style={{\n        display: inline ? 'inline-flex' : 'flex',\n        flexDirection: direction,\n        gap: `var(--space-${gap})`,\n        alignItems: align,\n        justifyContent: justify,\n        flexWrap: wrap ? 'wrap' : undefined,\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n});\n\nexport const HStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function HStack(props, ref) {\n    return <Stack ref={ref} direction=\"row\" align={props.align ?? 'center'} {...props} />;\n  }\n);\n\nexport const VStack = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction'>>(\n  function VStack(props, ref) {\n    return <Stack ref={ref} direction=\"column\" {...props} />;\n  }\n);\n\n// ---------- Container ----------------------------------------------------\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nconst CONTAINER_MAX = { sm: 640, md: 768, lg: 1024, xl: 1280, full: '100%' };\n\nexport function Container({ size = 'lg', className, style, ...rest }: ContainerProps) {\n  return (\n    <div\n      className={cx('container', `container--${size}`, className)}\n      style={{\n        // border-box so `width: 100%` includes the inline gutter. Without\n        // it (content-box default) the padding adds OUTSIDE the 100%, so\n        // the container renders 2×var(--space-4) wider than its parent and\n        // overflows any width-constrained context (a column, a card, a\n        // narrow viewport). Masked on a full-viewport page by the body's\n        // own margins, but a real bug elsewhere.\n        boxSizing: 'border-box',\n        width: '100%',\n        maxWidth: CONTAINER_MAX[size],\n        marginInline: 'auto',\n        paddingInline: 'var(--space-4)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Grid ---------------------------------------------------------\n/**\n * Column count. A number/string is fixed; an object is responsive per\n * breakpoint (each breakpoint inherits the previous one if omitted).\n * Breakpoints match the kit tokens: sm 480 · md 768 · lg 1024 · xl 1280.\n */\nexport type ResponsiveColumns =\n  | number\n  | string\n  | { base?: number; sm?: number; md?: number; lg?: number; xl?: number };\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: ResponsiveColumns;\n  gap?: SpaceToken;\n  /** Intrinsically responsive auto-fit columns; takes precedence over `columns`. */\n  minColWidth?: number | string;\n}\n\nexport function Grid({ columns, gap = 4, minColWidth, className, style, ...rest }: GridProps) {\n  const gapVar = `var(--space-${gap})`;\n\n  // auto-fit: intrinsic responsiveness, no breakpoints needed.\n  if (minColWidth) {\n    const w = typeof minColWidth === 'number' ? `${minColWidth}px` : minColWidth;\n    return (\n      <div\n        className={cx('grid', className)}\n        style={{ display: 'grid', gridTemplateColumns: `repeat(auto-fit, minmax(${w}, 1fr))`, gap: gapVar, ...style }}\n        {...rest}\n      />\n    );\n  }\n\n  // Responsive object: emit per-breakpoint custom props; `.grid--responsive`\n  // (in index.css) reads them through media queries with an inherit chain.\n  if (columns && typeof columns === 'object') {\n    const vars: Record<string, string> = {};\n    if (columns.base != null) vars['--grid-cols'] = String(columns.base);\n    if (columns.sm != null) vars['--grid-cols-sm'] = String(columns.sm);\n    if (columns.md != null) vars['--grid-cols-md'] = String(columns.md);\n    if (columns.lg != null) vars['--grid-cols-lg'] = String(columns.lg);\n    if (columns.xl != null) vars['--grid-cols-xl'] = String(columns.xl);\n    return (\n      <div\n        className={cx('grid', 'grid--responsive', className)}\n        style={{ gap: gapVar, ...vars, ...style } as React.CSSProperties}\n        {...rest}\n      />\n    );\n  }\n\n  const tpl = typeof columns === 'number'\n    ? `repeat(${columns}, minmax(0, 1fr))`\n    : columns ?? 'repeat(12, minmax(0, 1fr))';\n  return (\n    <div\n      className={cx('grid', className)}\n      style={{ display: 'grid', gridTemplateColumns: tpl, gap: gapVar, ...style }}\n      {...rest}\n    />\n  );\n}\n\n// ---------- Cluster / Spacer --------------------------------------------\n/**\n * Horizontal group that wraps — the \"cluster\" layout primitive (Braid /\n * Every Layout). Sugar for `<Stack direction=\"row\" wrap>`. Use for tag\n * lists, button rows, filter chips: items flow and wrap, gap stays even.\n */\nexport const Cluster = React.forwardRef<HTMLDivElement, Omit<StackProps, 'direction' | 'wrap'>>(\n  function Cluster(props, ref) {\n    return <Stack ref={ref} direction=\"row\" wrap align={props.align ?? 'center'} {...props} />;\n  }\n);\n\nexport interface SpacerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Fixed size on a space token. Omit for a flexible spacer (`flex: 1`). */\n  size?: SpaceToken;\n}\n\n/**\n * Spacing element. With `size`, a fixed gap on the space scale. Without it,\n * a flexible spacer that eats remaining space in a flex container (pushes\n * siblings apart) — e.g. a toolbar with left items + `<Spacer />` + right\n * items.\n */\nexport function Spacer({ size, style, ...rest }: SpacerProps) {\n  return (\n    <div\n      aria-hidden=\"true\"\n      style={\n        size != null\n          ? { flex: '0 0 auto', width: `var(--space-${size})`, height: `var(--space-${size})`, ...style }\n          : { flex: '1 1 auto', ...style }\n      }\n      {...rest}\n    />\n  );\n}\n\n// ---------- KeyValue ----------------------------------------------------\nexport interface KeyValueProps extends React.HTMLAttributes<HTMLDListElement> {\n  /** Override del ancho de la columna de keys (default 200px) */\n  keyWidth?: number | string;\n}\n\nexport function KeyValue({ keyWidth, className, style, ...rest }: KeyValueProps) {\n  return (\n    <dl\n      className={cx('kv', className)}\n      style={keyWidth ? { gridTemplateColumns: `${typeof keyWidth === 'number' ? `${keyWidth}px` : keyWidth} 1fr`, ...style } : style}\n      {...rest}\n    />\n  );\n}\n\nexport interface KeyValueRowProps {\n  label: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport function KeyValueRow({ label, children }: KeyValueRowProps) {\n  return (\n    <>\n      <dt className=\"kv__k\">{label}</dt>\n      <dd className=\"kv__v\">{children}</dd>\n    </>\n  );\n}\n\n// ---------- ListGroup ---------------------------------------------------\nexport const ListGroup = React.forwardRef<HTMLUListElement, React.HTMLAttributes<HTMLUListElement>>(\n  function ListGroup({ className, ...rest }, ref) {\n    return <ul ref={ref} className={cx('list-group', className)} {...rest} />;\n  }\n);\n\nexport interface ListGroupItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  interactive?: boolean;\n}\n\nexport const ListGroupItem = React.forwardRef<HTMLLIElement, ListGroupItemProps>(\n  function ListGroupItem({ interactive, className, ...rest }, ref) {\n    return (\n      <li\n        ref={ref}\n        className={cx('list-group__item', interactive && 'list-group__item--interactive', className)}\n        {...rest}\n      />\n    );\n  }\n);\n\n// ---------- Stepper ------------------------------------------------------\nexport interface StepperProps {\n  steps: Array<{ label: string; description?: string }>;\n  current: number;\n  className?: string;\n}\n\nexport function Stepper({ steps, current, className }: StepperProps) {\n  return (\n    <ol className={cx('stepper', className)}>\n      {steps.map((s, i) => {\n        const state = i < current ? 'is-done' : i === current ? 'is-current' : '';\n        return (\n          <li key={i} className={cx('stepper__item', state)}>\n            <span className=\"stepper__circle\">{i < current ? <Check size={16} /> : i + 1}</span>\n            <div>\n              <div className=\"stepper__label\">{s.label}</div>\n              {s.description && <div className=\"stepper__desc\">{s.description}</div>}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"]}

package/dist/components/Layout.d.mts

@@ -5,10 +5,16 @@ interface TabsProps {
     value?: string;
     defaultValue?: string;
     onChange?: (v: string) => void;
+    /**
+     * Visual style. `'underline'` (default) keeps the full-width baseline under
+     * the tab row; `'plain'` drops it — for tabs sitting on open canvas where
+     * the gray baseline floats. Both animate the active indicator between tabs.
+     */
+    variant?: 'underline' | 'plain';
     children: React.ReactNode;
     className?: string;
 }
-declare function Tabs({ value, defaultValue, onChange, children, className }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tabs({ value, defaultValue, onChange, variant, children, className }: TabsProps): react_jsx_runtime.JSX.Element;
 declare function TabList({ children, className }: {
     children: React.ReactNode;
     className?: string;

package/dist/components/Layout.d.ts

@@ -5,10 +5,16 @@ interface TabsProps {
     value?: string;
     defaultValue?: string;
     onChange?: (v: string) => void;
+    /**
+     * Visual style. `'underline'` (default) keeps the full-width baseline under
+     * the tab row; `'plain'` drops it — for tabs sitting on open canvas where
+     * the gray baseline floats. Both animate the active indicator between tabs.
+     */
+    variant?: 'underline' | 'plain';
     children: React.ReactNode;
     className?: string;
 }
-declare function Tabs({ value, defaultValue, onChange, children, className }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tabs({ value, defaultValue, onChange, variant, children, className }: TabsProps): react_jsx_runtime.JSX.Element;
 declare function TabList({ children, className }: {
     children: React.ReactNode;
     className?: string;

package/dist/components/Layout.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunkT2LO33GM_js = require('../chunk-T2LO33GM.js');
+var chunkSQJVGL7Y_js = require('../chunk-SQJVGL7Y.js');
 require('../chunk-WAGWB35Q.js');
 require('../chunk-CRKYET66.js');
 require('../chunk-EUB4PHPI.js');
@@ -12,79 +12,79 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Cluster", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Cluster; }
+  get: function () { return chunkSQJVGL7Y_js.Cluster; }
 });
 Object.defineProperty(exports, "Container", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Container; }
+  get: function () { return chunkSQJVGL7Y_js.Container; }
 });
 Object.defineProperty(exports, "Divider", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Divider; }
+  get: function () { return chunkSQJVGL7Y_js.Divider; }
 });
 Object.defineProperty(exports, "Grid", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Grid; }
+  get: function () { return chunkSQJVGL7Y_js.Grid; }
 });
 Object.defineProperty(exports, "HStack", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.HStack; }
+  get: function () { return chunkSQJVGL7Y_js.HStack; }
 });
 Object.defineProperty(exports, "KeyValue", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.KeyValue; }
+  get: function () { return chunkSQJVGL7Y_js.KeyValue; }
 });
 Object.defineProperty(exports, "KeyValueRow", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.KeyValueRow; }
+  get: function () { return chunkSQJVGL7Y_js.KeyValueRow; }
 });
 Object.defineProperty(exports, "ListGroup", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.ListGroup; }
+  get: function () { return chunkSQJVGL7Y_js.ListGroup; }
 });
 Object.defineProperty(exports, "ListGroupItem", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.ListGroupItem; }
+  get: function () { return chunkSQJVGL7Y_js.ListGroupItem; }
 });
 Object.defineProperty(exports, "Spacer", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Spacer; }
+  get: function () { return chunkSQJVGL7Y_js.Spacer; }
 });
 Object.defineProperty(exports, "Stack", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Stack; }
+  get: function () { return chunkSQJVGL7Y_js.Stack; }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Stepper; }
+  get: function () { return chunkSQJVGL7Y_js.Stepper; }
 });
 Object.defineProperty(exports, "Tab", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Tab; }
+  get: function () { return chunkSQJVGL7Y_js.Tab; }
 });
 Object.defineProperty(exports, "TabList", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.TabList; }
+  get: function () { return chunkSQJVGL7Y_js.TabList; }
 });
 Object.defineProperty(exports, "TabPanel", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.TabPanel; }
+  get: function () { return chunkSQJVGL7Y_js.TabPanel; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Table; }
+  get: function () { return chunkSQJVGL7Y_js.Table; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Tabs; }
+  get: function () { return chunkSQJVGL7Y_js.Tabs; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.Tooltip; }
+  get: function () { return chunkSQJVGL7Y_js.Tooltip; }
 });
 Object.defineProperty(exports, "VStack", {
   enumerable: true,
-  get: function () { return chunkT2LO33GM_js.VStack; }
+  get: function () { return chunkSQJVGL7Y_js.VStack; }
 });
 //# sourceMappingURL=Layout.js.map
 //# sourceMappingURL=Layout.js.map

package/dist/components/Layout.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { Cluster, Container, Divider, Grid, HStack, KeyValue, KeyValueRow, ListGroup, ListGroupItem, Spacer, Stack, Stepper, Tab, TabList, TabPanel, Table, Tabs, Tooltip, VStack } from '../chunk-FHOI6O37.mjs';
+export { Cluster, Container, Divider, Grid, HStack, KeyValue, KeyValueRow, ListGroup, ListGroupItem, Spacer, Stack, Stepper, Tab, TabList, TabPanel, Table, Tabs, Tooltip, VStack } from '../chunk-TGAAJCUZ.mjs';
 import '../chunk-FKBQYQQD.mjs';
 import '../chunk-5XT2LX3I.mjs';
 import '../chunk-IEPKSPBX.mjs';

package/dist/components/TimeAgo.js

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunkZ5RPCUI7_js = require('../chunk-Z5RPCUI7.js');
+var chunk3PYU6OHQ_js = require('../chunk-3PYU6OHQ.js');
 require('../chunk-KY6OH2IK.js');
-require('../chunk-T2LO33GM.js');
+require('../chunk-SQJVGL7Y.js');
 require('../chunk-G3V4UOZW.js');
 require('../chunk-WAGWB35Q.js');
 require('../chunk-A42WMR4M.js');
@@ -16,11 +16,11 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "TimeAgo", {
   enumerable: true,
-  get: function () { return chunkZ5RPCUI7_js.TimeAgo; }
+  get: function () { return chunk3PYU6OHQ_js.TimeAgo; }
 });
 Object.defineProperty(exports, "TimeAgoDate", {
   enumerable: true,
-  get: function () { return chunkZ5RPCUI7_js.TimeAgoDate; }
+  get: function () { return chunk3PYU6OHQ_js.TimeAgoDate; }
 });
 //# sourceMappingURL=TimeAgo.js.map
 //# sourceMappingURL=TimeAgo.js.map

package/dist/components/TimeAgo.mjs

@@ -1,7 +1,7 @@
 'use client';
-export { TimeAgo, TimeAgoDate } from '../chunk-ESY2JWR7.mjs';
+export { TimeAgo, TimeAgoDate } from '../chunk-6JXGCU7F.mjs';
 import '../chunk-5OZ6QIFC.mjs';
-import '../chunk-FHOI6O37.mjs';
+import '../chunk-TGAAJCUZ.mjs';
 import '../chunk-VGA7UT6T.mjs';
 import '../chunk-FKBQYQQD.mjs';
 import '../chunk-KYYRQNY7.mjs';