@d4gger/design-system 3.0.0 → 4.0.0

package/dist/components/table/table.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/table/table.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { spaceScaleValues } from '../../_internal/props/propDef'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst tableSizes = ['sm', 'md', 'lg'] as const\nconst tableVariants = ['surface', 'ghost'] as const\nconst tableLayouts = ['auto', 'fixed'] as const\nconst rowAlignValues = ['start', 'center', 'end'] as const\nconst cellJustifyValues = ['start', 'center', 'end'] as const\nconst cellWidthValues = ['auto', 'full'] as const\nconst cellPaddingValues = ['none', ...spaceScaleValues] as const\n\nconst tablePropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: tableSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    values: tableVariants,\n    default: 'surface',\n  },\n  layout: {\n    type: 'enum',\n    values: tableLayouts,\n    default: 'auto',\n  },\n  wrapScrollArea: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof tableSizes)[number]>\n  variant: PropDef<(typeof tableVariants)[number]>\n  layout: PropDef<(typeof tableLayouts)[number]>\n  wrapScrollArea: PropDef\n}\n\nconst tableCaptionPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableBodyPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableFooterPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableRowPropDefs = {\n  ...asChildPropDef,\n  align: {\n    type: 'enum',\n    values: rowAlignValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  align: PropDef<(typeof rowAlignValues)[number]>\n}\n\nconst tableHeadPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableCellPropDefs = {\n  ...asChildPropDef,\n  justify: {\n    type: 'enum',\n    values: cellJustifyValues,\n    default: undefined,\n  },\n  width: {\n    type: 'enum | string',\n    values: cellWidthValues,\n    default: undefined,\n  },\n  padding: {\n    type: 'enum | string',\n    values: cellPaddingValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  justify: PropDef<(typeof cellJustifyValues)[number]>\n  width: PropDef<(typeof cellWidthValues)[number]>\n  padding: PropDef<(typeof cellPaddingValues)[number]>\n}\n\nexport {\n  tableBodyPropDefs,\n  tableCaptionPropDefs,\n  tableCellPropDefs,\n  tableFooterPropDefs,\n  tableHeadPropDefs,\n  tableHeaderPropDefs,\n  tablePropDefs,\n  tableRowPropDefs,\n}\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAIjC,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AACpC,MAAM,gBAAgB,CAAC,WAAW,OAAO;AACzC,MAAM,eAAe,CAAC,QAAQ,OAAO;AACrC,MAAM,iBAAiB,CAAC,SAAS,UAAU,KAAK;AAChD,MAAM,oBAAoB,CAAC,SAAS,UAAU,KAAK;AACnD,MAAM,kBAAkB,CAAC,QAAQ,MAAM;AACvC,MAAM,oBAAoB,CAAC,QAAQ,GAAG,gBAAgB;AAEtD,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AAQA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,mBAAmB;AAAA,EACvB,GAAG;AAAA,EACH,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { spaceScaleValues } from '../../_internal/props/propDef'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst tableSizes = ['sm', 'md', 'lg'] as const\nconst tableVariants = ['surface', 'ghost'] as const\nconst tableLayouts = ['auto', 'fixed'] as const\nconst tableSeparators = ['rules', 'grid'] as const\nconst rowAlignValues = ['start', 'center', 'end'] as const\nconst cellJustifyValues = ['start', 'center', 'end'] as const\nconst cellWidthValues = ['auto', 'full'] as const\nconst cellPaddingValues = ['none', ...spaceScaleValues] as const\n\nconst tablePropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    values: tableSizes,\n    default: 'md',\n  },\n  variant: {\n    type: 'enum',\n    values: tableVariants,\n    default: 'surface',\n  },\n  layout: {\n    type: 'enum',\n    values: tableLayouts,\n    default: 'auto',\n  },\n  separator: {\n    type: 'enum',\n    values: tableSeparators,\n    default: 'rules',\n  },\n  wrapScrollArea: {\n    type: 'boolean',\n    default: false,\n  },\n} satisfies {\n  asChild: PropDef\n  size: PropDef<(typeof tableSizes)[number]>\n  variant: PropDef<(typeof tableVariants)[number]>\n  layout: PropDef<(typeof tableLayouts)[number]>\n  separator: PropDef<(typeof tableSeparators)[number]>\n  wrapScrollArea: PropDef\n}\n\nconst tableCaptionPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableBodyPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableFooterPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableRowPropDefs = {\n  ...asChildPropDef,\n  align: {\n    type: 'enum',\n    values: rowAlignValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  align: PropDef<(typeof rowAlignValues)[number]>\n}\n\nconst tableHeadPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef\n}\n\nconst tableCellPropDefs = {\n  ...asChildPropDef,\n  justify: {\n    type: 'enum',\n    values: cellJustifyValues,\n    default: undefined,\n  },\n  width: {\n    type: 'enum | string',\n    values: cellWidthValues,\n    default: undefined,\n  },\n  padding: {\n    type: 'enum | string',\n    values: cellPaddingValues,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  justify: PropDef<(typeof cellJustifyValues)[number]>\n  width: PropDef<(typeof cellWidthValues)[number]>\n  padding: PropDef<(typeof cellPaddingValues)[number]>\n}\n\nexport {\n  tableBodyPropDefs,\n  tableCaptionPropDefs,\n  tableCellPropDefs,\n  tableFooterPropDefs,\n  tableHeadPropDefs,\n  tableHeaderPropDefs,\n  tablePropDefs,\n  tableRowPropDefs,\n}\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AAIjC,MAAM,aAAa,CAAC,MAAM,MAAM,IAAI;AACpC,MAAM,gBAAgB,CAAC,WAAW,OAAO;AACzC,MAAM,eAAe,CAAC,QAAQ,OAAO;AACrC,MAAM,kBAAkB,CAAC,SAAS,MAAM;AACxC,MAAM,iBAAiB,CAAC,SAAS,UAAU,KAAK;AAChD,MAAM,oBAAoB,CAAC,SAAS,UAAU,KAAK;AACnD,MAAM,kBAAkB,CAAC,QAAQ,MAAM;AACvC,MAAM,oBAAoB,CAAC,QAAQ,GAAG,gBAAgB;AAEtD,MAAM,gBAAgB;AAAA,EACpB,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF;AASA,MAAM,uBAAuB;AAAA,EAC3B,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,sBAAsB;AAAA,EAC1B,GAAG;AACL;AAIA,MAAM,mBAAmB;AAAA,EACvB,GAAG;AAAA,EACH,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAKA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AAIA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/dist/components/table-of-contents.css

@@ -1,8 +1,18 @@
 .dsx-table-of-contents { color: var(--dsx-color-on-surface-variant); font-family: var(--dsx-typography-body-small-font-family); font-size: var(--dsx-typography-body-small-font-size); line-height: var(--dsx-typography-body-small-line-height); }
-.dsx-table-of-contents[data-sticky='true'] { position: static; }
+.dsx-table-of-contents[data-sticky='true'] { position: sticky; top: var(--dsx-space-lg); }
 .dsx-table-of-contents ol { display: grid; gap: var(--dsx-space-xs); margin: 0; padding: 0; list-style: none; }
 .dsx-table-of-contents__item[data-level='3'] { padding-inline-start: var(--dsx-space-md); }
 .dsx-table-of-contents__item[data-level='4'] { padding-inline-start: var(--dsx-space-xl); }
 .dsx-table-of-contents a { color: inherit; text-decoration: none; }
 .dsx-table-of-contents__link[aria-current='location'] { color: var(--dsx-color-accent-indicator); font-weight: var(--dsx-typography-label-large-font-weight); }
-@media (min-width: 640px) { .dsx-table-of-contents[data-sticky='true'] { position: sticky; top: var(--dsx-space-lg); } }
+.dsx-table-of-contents { min-width: 0; max-width: 100%; }
+.dsx-table-of-contents__link {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  min-height: var(--dsx-size-md);
+  padding-block: var(--dsx-space-xs);
+  border-radius: var(--dsx-rounded-sm);
+  overflow-wrap: anywhere;
+}
+.dsx-table-of-contents__link:focus-visible { outline: none; box-shadow: var(--dsx-shadow-focus-ring); }

package/dist/components/table.css

@@ -25,6 +25,10 @@
   border-bottom: 0;
 }
 
+.dsx-table__body tr {
+  transition: background-color var(--dsx-motion-duration-fast) var(--dsx-motion-easing-standard);
+}
+
 .dsx-table__body tr:hover {
   background: var(--dsx-effect-hover-ghost);
 }
@@ -52,10 +56,6 @@
   font-weight: var(--dsx-typography-label-large-font-weight);
 }
 
-.dsx-table__row:hover {
-  background: var(--dsx-color-high-contrast-container);
-}
-
 .dsx-table__row:last-child .dsx-table__cell {
   border-bottom: 0;
 }
@@ -84,7 +84,14 @@
 }
 
 .dsx-table[data-variant='ghost'] .dsx-table__row:hover {
-  background: var(--dsx-color-high-contrast-container);
+  background: var(--dsx-effect-hover-ghost);
+}
+
+/* ---- separator ---- */
+
+.dsx-table[data-separator='grid'] .dsx-table__head:not(:last-child),
+.dsx-table[data-separator='grid'] .dsx-table__cell:not(:last-child) {
+  border-right: var(--dsx-border-width-sm) solid var(--dsx-color-outline);
 }
 
 /* ---- layout ---- */
@@ -112,16 +119,16 @@
 
 /* ---- cell justify ---- */
 
-.dsx-table__cell[data-justify='start'] {
-  justify-content: flex-start;
+.dsx-table .dsx-table__cell[data-justify='start'] {
+  text-align: start;
 }
 
-.dsx-table__cell[data-justify='center'] {
-  justify-content: center;
+.dsx-table .dsx-table__cell[data-justify='center'] {
+  text-align: center;
 }
 
-.dsx-table__cell[data-justify='end'] {
-  justify-content: flex-end;
+.dsx-table .dsx-table__cell[data-justify='end'] {
+  text-align: end;
 }
 
 /* ---- cell width ---- */
@@ -158,12 +165,12 @@
 /* ---- column header cell ---- */
 
 .dsx-table__column-header-cell {
-  cursor: pointer;
-  user-select: none;
+  cursor: default;
 }
 
 .dsx-table__column-header-cell[data-sortable='true'] {
   cursor: pointer;
+  user-select: none;
 }
 
 .dsx-table__column-header-cell[data-sorted='asc']::after,

package/dist/components/tableOfContents/TableOfContents.cjs

@@ -49,9 +49,13 @@ function useHeadingObserver(ids, options = {}) {
   React.useEffect(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const headings = ids.map((id) => document.getElementById(id)).filter((value) => Boolean(value));
+    const intersections = /* @__PURE__ */ new Map();
     const observer = new IntersectionObserver((entries) => {
-      const visible = entries.filter((entry) => entry.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);
-      if (visible[0]?.target.id) setActiveId(visible[0].target.id);
+      entries.forEach((entry) => intersections.set(entry.target, entry));
+      const visible = headings.filter((heading) => intersections.get(heading)?.isIntersecting);
+      const passed = headings.filter((heading) => heading.getBoundingClientRect().top <= 0);
+      const current = visible[0] ?? passed[passed.length - 1] ?? headings[0];
+      setActiveId(current?.id);
     }, { rootMargin: options.rootMargin ?? "0px 0px -70% 0px" });
     headings.forEach((heading) => observer.observe(heading));
     return () => observer.disconnect();
@@ -66,11 +70,14 @@ const TableOfContents = React.forwardRef(({ items, activeId, onActiveIdChange, s
   }, [observedId, onActiveIdChange]);
   if (items.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { ...props, ref, "aria-label": props["aria-label"] ?? "Table of contents", className: (0, import_classnames.default)("dsx-table-of-contents", className), "data-sticky": sticky ? "true" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "dsx-table-of-contents__item", "data-level": item.level ?? 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { className: "dsx-table-of-contents__link", href: `#${item.id}`, "aria-current": current === item.id ? "location" : void 0, onClick: (event) => {
+    if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    const target = document.getElementById(item.id);
+    if (!target) return;
     onActiveIdChange?.(item.id);
     if (!matchMedia("(prefers-reduced-motion: reduce)").matches) {
       event.preventDefault();
-      document.getElementById(item.id)?.scrollIntoView({ behavior: "smooth" });
-      history.replaceState(null, "", `#${item.id}`);
+      target.scrollIntoView({ behavior: "smooth" });
+      history.pushState(null, "", `#${item.id}`);
     }
   }, children: item.title }) }, item.id)) }) });
 });

package/dist/components/tableOfContents/TableOfContents.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tableOfContents/TableOfContents.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props'\n\nfunction extractTableOfContentsHeadings(root: ParentNode): Array<{ id: string; title: string; level: number }> {\n  return Array.from(root.querySelectorAll<HTMLElement>('h2[id],h3[id],h4[id]')).map((heading) => ({\n    id: heading.id, title: heading.textContent?.trim() ?? '', level: Number(heading.tagName.slice(1)),\n  }))\n}\n\nfunction useHeadingObserver(ids: string[], options: { rootMargin?: string } = {}) {\n  const [activeId, setActiveId] = React.useState<string>()\n  React.useEffect(() => {\n    if (typeof IntersectionObserver === 'undefined') return\n    const headings = ids.map((id) => document.getElementById(id)).filter((value): value is HTMLElement => Boolean(value))\n    const observer = new IntersectionObserver((entries) => {\n      const visible = entries.filter((entry) => entry.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top)\n      if (visible[0]?.target.id) setActiveId(visible[0].target.id)\n    }, { rootMargin: options.rootMargin ?? '0px 0px -70% 0px' })\n    headings.forEach((heading) => observer.observe(heading))\n    return () => observer.disconnect()\n  }, [ids.join('|'), options.rootMargin])\n  return activeId\n}\n\nconst TableOfContents = React.forwardRef<HTMLElement, TableOfContentsProps>(({ items, activeId, onActiveIdChange, sticky = true, className, ...props }, ref) => {\n  const observedId = useHeadingObserver(items.map((item) => item.id))\n  const current = activeId ?? observedId\n  React.useEffect(() => { if (observedId) onActiveIdChange?.(observedId) }, [observedId, onActiveIdChange])\n  if (items.length === 0) return null\n  return <nav {...props} ref={ref} aria-label={props['aria-label'] ?? 'Table of contents'} className={classNames('dsx-table-of-contents', className)} data-sticky={sticky ? 'true' : undefined}><ol>{items.map((item) => <li className=\"dsx-table-of-contents__item\" key={item.id} data-level={item.level ?? 2}><a className=\"dsx-table-of-contents__link\" href={`#${item.id}`} aria-current={current === item.id ? 'location' : undefined} onClick={(event) => { onActiveIdChange?.(item.id); if (!matchMedia('(prefers-reduced-motion: reduce)').matches) { event.preventDefault(); document.getElementById(item.id)?.scrollIntoView({ behavior: 'smooth' }); history.replaceState(null, '', `#${item.id}`) } }}>{item.title}</a></li>)}</ol></nav>\n})\nTableOfContents.displayName = 'TableOfContents'\n\nexport { TableOfContents, extractTableOfContentsHeadings, useHeadingObserver }\nexport type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,YAAuB;AACvB,wBAAuB;AA8ByR;AA1BhT,SAAS,+BAA+B,MAAuE;AAC7G,SAAO,MAAM,KAAK,KAAK,iBAA8B,sBAAsB,CAAC,EAAE,IAAI,CAAC,aAAa;AAAA,IAC9F,IAAI,QAAQ;AAAA,IAAI,OAAO,QAAQ,aAAa,KAAK,KAAK;AAAA,IAAI,OAAO,OAAO,QAAQ,QAAQ,MAAM,CAAC,CAAC;AAAA,EAClG,EAAE;AACJ;AAEA,SAAS,mBAAmB,KAAe,UAAmC,CAAC,GAAG;AAChF,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAiB;AACvD,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,yBAAyB,YAAa;AACjD,UAAM,WAAW,IAAI,IAAI,CAAC,OAAO,SAAS,eAAe,EAAE,CAAC,EAAE,OAAO,CAAC,UAAgC,QAAQ,KAAK,CAAC;AACpH,UAAM,WAAW,IAAI,qBAAqB,CAAC,YAAY;AACrD,YAAM,UAAU,QAAQ,OAAO,CAAC,UAAU,MAAM,cAAc,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,mBAAmB,MAAM,EAAE,mBAAmB,GAAG;AAClI,UAAI,QAAQ,CAAC,GAAG,OAAO,GAAI,aAAY,QAAQ,CAAC,EAAE,OAAO,EAAE;AAAA,IAC7D,GAAG,EAAE,YAAY,QAAQ,cAAc,mBAAmB,CAAC;AAC3D,aAAS,QAAQ,CAAC,YAAY,SAAS,QAAQ,OAAO,CAAC;AACvD,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,IAAI,KAAK,GAAG,GAAG,QAAQ,UAAU,CAAC;AACtC,SAAO;AACT;AAEA,MAAM,kBAAkB,MAAM,WAA8C,CAAC,EAAE,OAAO,UAAU,kBAAkB,SAAS,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC9J,QAAM,aAAa,mBAAmB,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAClE,QAAM,UAAU,YAAY;AAC5B,QAAM,UAAU,MAAM;AAAE,QAAI,WAAY,oBAAmB,UAAU;AAAA,EAAE,GAAG,CAAC,YAAY,gBAAgB,CAAC;AACxG,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,4CAAC,SAAK,GAAG,OAAO,KAAU,cAAY,MAAM,YAAY,KAAK,qBAAqB,eAAW,kBAAAA,SAAW,yBAAyB,SAAS,GAAG,eAAa,SAAS,SAAS,QAAW,sDAAC,QAAI,gBAAM,IAAI,CAAC,SAAS,4CAAC,QAAG,WAAU,+BAA4C,cAAY,KAAK,SAAS,GAAG,sDAAC,OAAE,WAAU,+BAA8B,MAAM,IAAI,KAAK,EAAE,IAAI,gBAAc,YAAY,KAAK,KAAK,aAAa,QAAW,SAAS,CAAC,UAAU;AAAE,uBAAmB,KAAK,EAAE;AAAG,QAAI,CAAC,WAAW,kCAAkC,EAAE,SAAS;AAAE,YAAM,eAAe;AAAG,eAAS,eAAe,KAAK,EAAE,GAAG,eAAe,EAAE,UAAU,SAAS,CAAC;AAAG,cAAQ,aAAa,MAAM,IAAI,IAAI,KAAK,EAAE,EAAE;AAAA,IAAE;AAAA,EAAE,GAAI,eAAK,OAAM,KAArb,KAAK,EAAob,CAAK,GAAE,GAAK;AAC/sB,CAAC;AACD,gBAAgB,cAAc;",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props'\n\nfunction extractTableOfContentsHeadings(root: ParentNode): Array<{ id: string; title: string; level: number }> {\n  return Array.from(root.querySelectorAll<HTMLElement>('h2[id],h3[id],h4[id]')).map((heading) => ({\n    id: heading.id, title: heading.textContent?.trim() ?? '', level: Number(heading.tagName.slice(1)),\n  }))\n}\n\nfunction useHeadingObserver(ids: string[], options: { rootMargin?: string } = {}) {\n  const [activeId, setActiveId] = React.useState<string>()\n  React.useEffect(() => {\n    if (typeof IntersectionObserver === 'undefined') return\n    const headings = ids.map((id) => document.getElementById(id)).filter((value): value is HTMLElement => Boolean(value))\n    const intersections = new Map<Element, IntersectionObserverEntry>()\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => intersections.set(entry.target, entry))\n      const visible = headings.filter((heading) => intersections.get(heading)?.isIntersecting)\n      const passed = headings.filter((heading) => heading.getBoundingClientRect().top <= 0)\n      const current = visible[0] ?? passed[passed.length - 1] ?? headings[0]\n      setActiveId(current?.id)\n    }, { rootMargin: options.rootMargin ?? '0px 0px -70% 0px' })\n    headings.forEach((heading) => observer.observe(heading))\n    return () => observer.disconnect()\n  }, [ids.join('|'), options.rootMargin])\n  return activeId\n}\n\nconst TableOfContents = React.forwardRef<HTMLElement, TableOfContentsProps>(({ items, activeId, onActiveIdChange, sticky = true, className, ...props }, ref) => {\n  const observedId = useHeadingObserver(items.map((item) => item.id))\n  const current = activeId ?? observedId\n  React.useEffect(() => { if (observedId) onActiveIdChange?.(observedId) }, [observedId, onActiveIdChange])\n  if (items.length === 0) return null\n  return <nav {...props} ref={ref} aria-label={props['aria-label'] ?? 'Table of contents'} className={classNames('dsx-table-of-contents', className)} data-sticky={sticky ? 'true' : undefined}><ol>{items.map((item) => <li className=\"dsx-table-of-contents__item\" key={item.id} data-level={item.level ?? 2}><a className=\"dsx-table-of-contents__link\" href={`#${item.id}`} aria-current={current === item.id ? 'location' : undefined} onClick={(event) => {\n    if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return\n    const target = document.getElementById(item.id)\n    if (!target) return\n    onActiveIdChange?.(item.id)\n    if (!matchMedia('(prefers-reduced-motion: reduce)').matches) {\n      event.preventDefault()\n      target.scrollIntoView({ behavior: 'smooth' })\n      history.pushState(null, '', `#${item.id}`)\n    }\n  }}>{item.title}</a></li>)}</ol></nav>\n})\nTableOfContents.displayName = 'TableOfContents'\n\nexport { TableOfContents, extractTableOfContentsHeadings, useHeadingObserver }\nexport type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props'\n"],
+  "mappings": "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",
   "names": ["classNames"]
 }

package/dist/components/tableOfContents/TableOfContents.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"TableOfContents.d.cts","sourceRoot":"","sources":["../../../src/components/tableOfContents/TableOfContents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAExF,iBAAS,8BAA8B,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7G;AAED,iBAAS,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO,sBAa/E;AAED,QAAA,MAAM,eAAe,0FAMnB,CAAA;AAGF,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,CAAA;AAC9E,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"TableOfContents.d.cts","sourceRoot":"","sources":["../../../src/components/tableOfContents/TableOfContents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAExF,iBAAS,8BAA8B,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7G;AAED,iBAAS,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO,sBAiB/E;AAED,QAAA,MAAM,eAAe,0FAgBnB,CAAA;AAGF,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,CAAA;AAC9E,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/tableOfContents/TableOfContents.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"TableOfContents.d.mts","sourceRoot":"","sources":["../../../src/components/tableOfContents/TableOfContents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAExF,iBAAS,8BAA8B,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7G;AAED,iBAAS,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO,sBAa/E;AAED,QAAA,MAAM,eAAe,0FAMnB,CAAA;AAGF,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,CAAA;AAC9E,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"TableOfContents.d.mts","sourceRoot":"","sources":["../../../src/components/tableOfContents/TableOfContents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAExF,iBAAS,8BAA8B,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7G;AAED,iBAAS,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO,sBAiB/E;AAED,QAAA,MAAM,eAAe,0FAgBnB,CAAA;AAGF,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,CAAA;AAC9E,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/tableOfContents/TableOfContents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../../../src/components/tableOfContents/TableOfContents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAExF,iBAAS,8BAA8B,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7G;AAED,iBAAS,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO,sBAa/E;AAED,QAAA,MAAM,eAAe,0FAMnB,CAAA;AAGF,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,CAAA;AAC9E,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../../../src/components/tableOfContents/TableOfContents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAuB,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAExF,iBAAS,8BAA8B,CAAC,IAAI,EAAE,UAAU,GAAG,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7G;AAED,iBAAS,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,GAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO,sBAiB/E;AAED,QAAA,MAAM,eAAe,0FAgBnB,CAAA;AAGF,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,kBAAkB,EAAE,CAAA;AAC9E,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/tableOfContents/TableOfContents.js

@@ -14,9 +14,13 @@ function useHeadingObserver(ids, options = {}) {
   React.useEffect(() => {
     if (typeof IntersectionObserver === "undefined") return;
     const headings = ids.map((id) => document.getElementById(id)).filter((value) => Boolean(value));
+    const intersections = /* @__PURE__ */ new Map();
     const observer = new IntersectionObserver((entries) => {
-      const visible = entries.filter((entry) => entry.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top);
-      if (visible[0]?.target.id) setActiveId(visible[0].target.id);
+      entries.forEach((entry) => intersections.set(entry.target, entry));
+      const visible = headings.filter((heading) => intersections.get(heading)?.isIntersecting);
+      const passed = headings.filter((heading) => heading.getBoundingClientRect().top <= 0);
+      const current = visible[0] ?? passed[passed.length - 1] ?? headings[0];
+      setActiveId(current?.id);
     }, { rootMargin: options.rootMargin ?? "0px 0px -70% 0px" });
     headings.forEach((heading) => observer.observe(heading));
     return () => observer.disconnect();
@@ -31,11 +35,14 @@ const TableOfContents = React.forwardRef(({ items, activeId, onActiveIdChange, s
   }, [observedId, onActiveIdChange]);
   if (items.length === 0) return null;
   return /* @__PURE__ */ jsx("nav", { ...props, ref, "aria-label": props["aria-label"] ?? "Table of contents", className: classNames("dsx-table-of-contents", className), "data-sticky": sticky ? "true" : void 0, children: /* @__PURE__ */ jsx("ol", { children: items.map((item) => /* @__PURE__ */ jsx("li", { className: "dsx-table-of-contents__item", "data-level": item.level ?? 2, children: /* @__PURE__ */ jsx("a", { className: "dsx-table-of-contents__link", href: `#${item.id}`, "aria-current": current === item.id ? "location" : void 0, onClick: (event) => {
+    if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    const target = document.getElementById(item.id);
+    if (!target) return;
     onActiveIdChange?.(item.id);
     if (!matchMedia("(prefers-reduced-motion: reduce)").matches) {
       event.preventDefault();
-      document.getElementById(item.id)?.scrollIntoView({ behavior: "smooth" });
-      history.replaceState(null, "", `#${item.id}`);
+      target.scrollIntoView({ behavior: "smooth" });
+      history.pushState(null, "", `#${item.id}`);
     }
   }, children: item.title }) }, item.id)) }) });
 });

package/dist/components/tableOfContents/TableOfContents.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tableOfContents/TableOfContents.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props'\n\nfunction extractTableOfContentsHeadings(root: ParentNode): Array<{ id: string; title: string; level: number }> {\n  return Array.from(root.querySelectorAll<HTMLElement>('h2[id],h3[id],h4[id]')).map((heading) => ({\n    id: heading.id, title: heading.textContent?.trim() ?? '', level: Number(heading.tagName.slice(1)),\n  }))\n}\n\nfunction useHeadingObserver(ids: string[], options: { rootMargin?: string } = {}) {\n  const [activeId, setActiveId] = React.useState<string>()\n  React.useEffect(() => {\n    if (typeof IntersectionObserver === 'undefined') return\n    const headings = ids.map((id) => document.getElementById(id)).filter((value): value is HTMLElement => Boolean(value))\n    const observer = new IntersectionObserver((entries) => {\n      const visible = entries.filter((entry) => entry.isIntersecting).sort((a, b) => a.boundingClientRect.top - b.boundingClientRect.top)\n      if (visible[0]?.target.id) setActiveId(visible[0].target.id)\n    }, { rootMargin: options.rootMargin ?? '0px 0px -70% 0px' })\n    headings.forEach((heading) => observer.observe(heading))\n    return () => observer.disconnect()\n  }, [ids.join('|'), options.rootMargin])\n  return activeId\n}\n\nconst TableOfContents = React.forwardRef<HTMLElement, TableOfContentsProps>(({ items, activeId, onActiveIdChange, sticky = true, className, ...props }, ref) => {\n  const observedId = useHeadingObserver(items.map((item) => item.id))\n  const current = activeId ?? observedId\n  React.useEffect(() => { if (observedId) onActiveIdChange?.(observedId) }, [observedId, onActiveIdChange])\n  if (items.length === 0) return null\n  return <nav {...props} ref={ref} aria-label={props['aria-label'] ?? 'Table of contents'} className={classNames('dsx-table-of-contents', className)} data-sticky={sticky ? 'true' : undefined}><ol>{items.map((item) => <li className=\"dsx-table-of-contents__item\" key={item.id} data-level={item.level ?? 2}><a className=\"dsx-table-of-contents__link\" href={`#${item.id}`} aria-current={current === item.id ? 'location' : undefined} onClick={(event) => { onActiveIdChange?.(item.id); if (!matchMedia('(prefers-reduced-motion: reduce)').matches) { event.preventDefault(); document.getElementById(item.id)?.scrollIntoView({ behavior: 'smooth' }); history.replaceState(null, '', `#${item.id}`) } }}>{item.title}</a></li>)}</ol></nav>\n})\nTableOfContents.displayName = 'TableOfContents'\n\nexport { TableOfContents, extractTableOfContentsHeadings, useHeadingObserver }\nexport type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props'\n"],
-  "mappings": ";AACA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AA8ByR;AA1BhT,SAAS,+BAA+B,MAAuE;AAC7G,SAAO,MAAM,KAAK,KAAK,iBAA8B,sBAAsB,CAAC,EAAE,IAAI,CAAC,aAAa;AAAA,IAC9F,IAAI,QAAQ;AAAA,IAAI,OAAO,QAAQ,aAAa,KAAK,KAAK;AAAA,IAAI,OAAO,OAAO,QAAQ,QAAQ,MAAM,CAAC,CAAC;AAAA,EAClG,EAAE;AACJ;AAEA,SAAS,mBAAmB,KAAe,UAAmC,CAAC,GAAG;AAChF,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAiB;AACvD,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,yBAAyB,YAAa;AACjD,UAAM,WAAW,IAAI,IAAI,CAAC,OAAO,SAAS,eAAe,EAAE,CAAC,EAAE,OAAO,CAAC,UAAgC,QAAQ,KAAK,CAAC;AACpH,UAAM,WAAW,IAAI,qBAAqB,CAAC,YAAY;AACrD,YAAM,UAAU,QAAQ,OAAO,CAAC,UAAU,MAAM,cAAc,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,mBAAmB,MAAM,EAAE,mBAAmB,GAAG;AAClI,UAAI,QAAQ,CAAC,GAAG,OAAO,GAAI,aAAY,QAAQ,CAAC,EAAE,OAAO,EAAE;AAAA,IAC7D,GAAG,EAAE,YAAY,QAAQ,cAAc,mBAAmB,CAAC;AAC3D,aAAS,QAAQ,CAAC,YAAY,SAAS,QAAQ,OAAO,CAAC;AACvD,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,IAAI,KAAK,GAAG,GAAG,QAAQ,UAAU,CAAC;AACtC,SAAO;AACT;AAEA,MAAM,kBAAkB,MAAM,WAA8C,CAAC,EAAE,OAAO,UAAU,kBAAkB,SAAS,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC9J,QAAM,aAAa,mBAAmB,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAClE,QAAM,UAAU,YAAY;AAC5B,QAAM,UAAU,MAAM;AAAE,QAAI,WAAY,oBAAmB,UAAU;AAAA,EAAE,GAAG,CAAC,YAAY,gBAAgB,CAAC;AACxG,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,oBAAC,SAAK,GAAG,OAAO,KAAU,cAAY,MAAM,YAAY,KAAK,qBAAqB,WAAW,WAAW,yBAAyB,SAAS,GAAG,eAAa,SAAS,SAAS,QAAW,8BAAC,QAAI,gBAAM,IAAI,CAAC,SAAS,oBAAC,QAAG,WAAU,+BAA4C,cAAY,KAAK,SAAS,GAAG,8BAAC,OAAE,WAAU,+BAA8B,MAAM,IAAI,KAAK,EAAE,IAAI,gBAAc,YAAY,KAAK,KAAK,aAAa,QAAW,SAAS,CAAC,UAAU;AAAE,uBAAmB,KAAK,EAAE;AAAG,QAAI,CAAC,WAAW,kCAAkC,EAAE,SAAS;AAAE,YAAM,eAAe;AAAG,eAAS,eAAe,KAAK,EAAE,GAAG,eAAe,EAAE,UAAU,SAAS,CAAC;AAAG,cAAQ,aAAa,MAAM,IAAI,IAAI,KAAK,EAAE,EAAE;AAAA,IAAE;AAAA,EAAE,GAAI,eAAK,OAAM,KAArb,KAAK,EAAob,CAAK,GAAE,GAAK;AAC/sB,CAAC;AACD,gBAAgB,cAAc;",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport classNames from 'classnames'\n\nimport type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props'\n\nfunction extractTableOfContentsHeadings(root: ParentNode): Array<{ id: string; title: string; level: number }> {\n  return Array.from(root.querySelectorAll<HTMLElement>('h2[id],h3[id],h4[id]')).map((heading) => ({\n    id: heading.id, title: heading.textContent?.trim() ?? '', level: Number(heading.tagName.slice(1)),\n  }))\n}\n\nfunction useHeadingObserver(ids: string[], options: { rootMargin?: string } = {}) {\n  const [activeId, setActiveId] = React.useState<string>()\n  React.useEffect(() => {\n    if (typeof IntersectionObserver === 'undefined') return\n    const headings = ids.map((id) => document.getElementById(id)).filter((value): value is HTMLElement => Boolean(value))\n    const intersections = new Map<Element, IntersectionObserverEntry>()\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => intersections.set(entry.target, entry))\n      const visible = headings.filter((heading) => intersections.get(heading)?.isIntersecting)\n      const passed = headings.filter((heading) => heading.getBoundingClientRect().top <= 0)\n      const current = visible[0] ?? passed[passed.length - 1] ?? headings[0]\n      setActiveId(current?.id)\n    }, { rootMargin: options.rootMargin ?? '0px 0px -70% 0px' })\n    headings.forEach((heading) => observer.observe(heading))\n    return () => observer.disconnect()\n  }, [ids.join('|'), options.rootMargin])\n  return activeId\n}\n\nconst TableOfContents = React.forwardRef<HTMLElement, TableOfContentsProps>(({ items, activeId, onActiveIdChange, sticky = true, className, ...props }, ref) => {\n  const observedId = useHeadingObserver(items.map((item) => item.id))\n  const current = activeId ?? observedId\n  React.useEffect(() => { if (observedId) onActiveIdChange?.(observedId) }, [observedId, onActiveIdChange])\n  if (items.length === 0) return null\n  return <nav {...props} ref={ref} aria-label={props['aria-label'] ?? 'Table of contents'} className={classNames('dsx-table-of-contents', className)} data-sticky={sticky ? 'true' : undefined}><ol>{items.map((item) => <li className=\"dsx-table-of-contents__item\" key={item.id} data-level={item.level ?? 2}><a className=\"dsx-table-of-contents__link\" href={`#${item.id}`} aria-current={current === item.id ? 'location' : undefined} onClick={(event) => {\n    if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return\n    const target = document.getElementById(item.id)\n    if (!target) return\n    onActiveIdChange?.(item.id)\n    if (!matchMedia('(prefers-reduced-motion: reduce)').matches) {\n      event.preventDefault()\n      target.scrollIntoView({ behavior: 'smooth' })\n      history.pushState(null, '', `#${item.id}`)\n    }\n  }}>{item.title}</a></li>)}</ol></nav>\n})\nTableOfContents.displayName = 'TableOfContents'\n\nexport { TableOfContents, extractTableOfContentsHeadings, useHeadingObserver }\nexport type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props'\n"],
+  "mappings": ";AACA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AAkCyR;AA9BhT,SAAS,+BAA+B,MAAuE;AAC7G,SAAO,MAAM,KAAK,KAAK,iBAA8B,sBAAsB,CAAC,EAAE,IAAI,CAAC,aAAa;AAAA,IAC9F,IAAI,QAAQ;AAAA,IAAI,OAAO,QAAQ,aAAa,KAAK,KAAK;AAAA,IAAI,OAAO,OAAO,QAAQ,QAAQ,MAAM,CAAC,CAAC;AAAA,EAClG,EAAE;AACJ;AAEA,SAAS,mBAAmB,KAAe,UAAmC,CAAC,GAAG;AAChF,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAiB;AACvD,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,yBAAyB,YAAa;AACjD,UAAM,WAAW,IAAI,IAAI,CAAC,OAAO,SAAS,eAAe,EAAE,CAAC,EAAE,OAAO,CAAC,UAAgC,QAAQ,KAAK,CAAC;AACpH,UAAM,gBAAgB,oBAAI,IAAwC;AAClE,UAAM,WAAW,IAAI,qBAAqB,CAAC,YAAY;AACrD,cAAQ,QAAQ,CAAC,UAAU,cAAc,IAAI,MAAM,QAAQ,KAAK,CAAC;AACjE,YAAM,UAAU,SAAS,OAAO,CAAC,YAAY,cAAc,IAAI,OAAO,GAAG,cAAc;AACvF,YAAM,SAAS,SAAS,OAAO,CAAC,YAAY,QAAQ,sBAAsB,EAAE,OAAO,CAAC;AACpF,YAAM,UAAU,QAAQ,CAAC,KAAK,OAAO,OAAO,SAAS,CAAC,KAAK,SAAS,CAAC;AACrE,kBAAY,SAAS,EAAE;AAAA,IACzB,GAAG,EAAE,YAAY,QAAQ,cAAc,mBAAmB,CAAC;AAC3D,aAAS,QAAQ,CAAC,YAAY,SAAS,QAAQ,OAAO,CAAC;AACvD,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,IAAI,KAAK,GAAG,GAAG,QAAQ,UAAU,CAAC;AACtC,SAAO;AACT;AAEA,MAAM,kBAAkB,MAAM,WAA8C,CAAC,EAAE,OAAO,UAAU,kBAAkB,SAAS,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC9J,QAAM,aAAa,mBAAmB,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE,CAAC;AAClE,QAAM,UAAU,YAAY;AAC5B,QAAM,UAAU,MAAM;AAAE,QAAI,WAAY,oBAAmB,UAAU;AAAA,EAAE,GAAG,CAAC,YAAY,gBAAgB,CAAC;AACxG,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SAAO,oBAAC,SAAK,GAAG,OAAO,KAAU,cAAY,MAAM,YAAY,KAAK,qBAAqB,WAAW,WAAW,yBAAyB,SAAS,GAAG,eAAa,SAAS,SAAS,QAAW,8BAAC,QAAI,gBAAM,IAAI,CAAC,SAAS,oBAAC,QAAG,WAAU,+BAA4C,cAAY,KAAK,SAAS,GAAG,8BAAC,OAAE,WAAU,+BAA8B,MAAM,IAAI,KAAK,EAAE,IAAI,gBAAc,YAAY,KAAK,KAAK,aAAa,QAAW,SAAS,CAAC,UAAU;AAC5b,QAAI,MAAM,oBAAoB,MAAM,WAAW,KAAK,MAAM,WAAW,MAAM,WAAW,MAAM,YAAY,MAAM,OAAQ;AACtH,UAAM,SAAS,SAAS,eAAe,KAAK,EAAE;AAC9C,QAAI,CAAC,OAAQ;AACb,uBAAmB,KAAK,EAAE;AAC1B,QAAI,CAAC,WAAW,kCAAkC,EAAE,SAAS;AAC3D,YAAM,eAAe;AACrB,aAAO,eAAe,EAAE,UAAU,SAAS,CAAC;AAC5C,cAAQ,UAAU,MAAM,IAAI,IAAI,KAAK,EAAE,EAAE;AAAA,IAC3C;AAAA,EACF,GAAI,eAAK,OAAM,KAVyP,KAAK,EAU1P,CAAK,GAAE,GAAK;AACjC,CAAC;AACD,gBAAgB,cAAc;",
   "names": []
 }

package/dist/components/tabs/Tabs.cjs

@@ -45,7 +45,7 @@ var import_Slot = require("../slot/Slot");
 var import_extractProps = require("../../_internal/helpers/extractProps");
 var import_tabs = require("./tabs.props");
 var import_jsx_runtime = require("react/jsx-runtime");
-const TabsContext = React.createContext({ value: void 0, onValueChange: void 0 });
+const TabsContext = React.createContext(null);
 function useTabsContext() {
   const ctx = React.useContext(TabsContext);
   if (!ctx) {
@@ -54,72 +54,57 @@ function useTabsContext() {
   return ctx;
 }
 const TabsRoot = React.forwardRef(({ children, onValueChange, value, ...props }, forwardedRef) => {
-  const { asChild: _asChild, className, size = "md", ...tabsProps } = (0, import_extractProps.extractProps)(props, import_tabs.tabsPropDefs);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContext.Provider, { value: { value, onValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPrimitive.Root, { ...tabsProps, ref: forwardedRef, className, onValueChange, value, "data-size": size, children }) });
+  const { asChild, className, size = "md", ...tabsProps } = (0, import_extractProps.extractProps)(props, import_tabs.tabsPropDefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContext.Provider, { value: { value, onValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPrimitive.Root, { ...tabsProps, asChild, ref: forwardedRef, className: (0, import_classnames.default)("dsx-tabs", className), onValueChange, value, "data-size": size, children }) });
 });
 TabsRoot.displayName = "Tabs";
-const TabsIndicator = React.forwardRef(({ className, asChild, ...props }, forwardedRef) => {
+const TabsIndicator = React.forwardRef(({ className, asChild, style, ...props }, forwardedRef) => {
   const { value } = useTabsContext();
   const indicatorRef = React.useRef(null);
-  const [position, setPosition] = React.useState({ left: 0, width: 0 });
+  const [position, setPosition] = React.useState({ width: 0 });
+  const setRef = React.useCallback((node) => {
+    indicatorRef.current = node;
+    if (typeof forwardedRef === "function") forwardedRef(node);
+    else if (forwardedRef) forwardedRef.current = node;
+  }, [forwardedRef]);
   React.useEffect(() => {
     const list = indicatorRef.current?.closest(".dsx-tabs__list");
     if (!list) return;
-    const triggers = Array.from(list.querySelectorAll('[role="tab"]'));
-    const activeTrigger = triggers.find((trigger) => {
-      const isActive = trigger.getAttribute("data-state") === "active";
-      const triggerValue = trigger.getAttribute("data-value");
-      return isActive && (triggerValue === value || value === void 0);
-    });
-    if (activeTrigger) {
+    const update = () => {
+      const active = Array.from(list.querySelectorAll('[role="tab"][data-state="active"]')).find((trigger) => trigger.closest(".dsx-tabs__list") === list);
+      if (!active) return;
       const listRect = list.getBoundingClientRect();
-      const triggerRect = activeTrigger.getBoundingClientRect();
-      setPosition({
-        left: triggerRect.left - listRect.left,
-        width: triggerRect.width
-      });
-    }
+      const triggerRect = active.getBoundingClientRect();
+      setPosition(list.dataset.orientation === "vertical" ? { left: 0, top: triggerRect.top - listRect.top + list.scrollTop - list.clientTop, height: triggerRect.height } : { left: triggerRect.left - listRect.left + list.scrollLeft - list.clientLeft, width: triggerRect.width });
+    };
+    update();
+    const mutation = new MutationObserver(update);
+    mutation.observe(list, { subtree: true, childList: true, attributes: true, attributeFilter: ["data-state", "data-orientation"] });
+    const resize = new ResizeObserver(update);
+    resize.observe(list);
+    list.querySelectorAll('[role="tab"]').forEach((trigger) => resize.observe(trigger));
+    return () => {
+      mutation.disconnect();
+      resize.disconnect();
+    };
   }, [value]);
-  if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_Slot.Slot,
-      {
-        ref: forwardedRef,
-        className: (0, import_classnames.default)("dsx-tabs__indicator", className),
-        "data-slot": "tabs-indicator",
-        style: {
-          position: "absolute",
-          bottom: 0,
-          left: position.left,
-          width: position.width,
-          transition: "left 200ms ease, width 200ms ease"
-        },
-        ...props
-      }
-    );
-  }
+  const Comp = asChild ? import_Slot.Slot : "div";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
+    Comp,
     {
-      ref: forwardedRef,
+      ...props,
+      ref: setRef,
       className: (0, import_classnames.default)("dsx-tabs__indicator", className),
       "data-slot": "tabs-indicator",
-      style: {
-        position: "absolute",
-        bottom: 0,
-        left: position.left,
-        width: position.width,
-        transition: "left 200ms ease, width 200ms ease"
-      },
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: indicatorRef, style: { width: "100%", height: 2, backgroundColor: "var(--dsx-colors-accent-9)" } })
+      "aria-hidden": "true",
+      style: { ...position, ...style }
     }
   );
 });
 TabsIndicator.displayName = "TabsIndicator";
 const TabsList = React.forwardRef(
   ({ className: propClassName, variant = "default", ...props }, forwardedRef) => {
-    const { asChild: _asChild, className, ...listProps } = (0, import_extractProps.extractProps)(
+    const { asChild, className, ...listProps } = (0, import_extractProps.extractProps)(
       {
         ...props,
         className: propClassName,
@@ -131,23 +116,23 @@ const TabsList = React.forwardRef(
       TabsPrimitive.List,
       {
         ...listProps,
+        asChild,
         ref: forwardedRef,
         className: (0, import_classnames.default)("dsx-tabs__list", className),
-        "data-variant": variant,
-        style: { position: "relative" }
+        "data-variant": variant
       }
     );
   }
 );
 TabsList.displayName = "TabsList";
 const TabsTrigger = React.forwardRef((props, forwardedRef) => {
-  const { asChild: _asChild, className, ...triggerProps } = (0, import_extractProps.extractProps)(props, import_tabs.tabsTriggerPropDefs);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPrimitive.Trigger, { ...triggerProps, ref: forwardedRef, className: (0, import_classnames.default)("dsx-tabs__trigger", className) });
+  const { asChild, className, ...triggerProps } = (0, import_extractProps.extractProps)(props, import_tabs.tabsTriggerPropDefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPrimitive.Trigger, { ...triggerProps, asChild, ref: forwardedRef, className: (0, import_classnames.default)("dsx-tabs__trigger", className) });
 });
 TabsTrigger.displayName = "TabsTrigger";
 const TabsContent = React.forwardRef((props, forwardedRef) => {
-  const { asChild: _asChild, className, ...contentProps } = (0, import_extractProps.extractProps)(props, import_tabs.tabsContentPropDefs);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPrimitive.Content, { ...contentProps, ref: forwardedRef, className: (0, import_classnames.default)("dsx-tabs__content", className) });
+  const { asChild, className, ...contentProps } = (0, import_extractProps.extractProps)(props, import_tabs.tabsContentPropDefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsPrimitive.Content, { ...contentProps, asChild, ref: forwardedRef, className: (0, import_classnames.default)("dsx-tabs__content", className) });
 });
 TabsContent.displayName = "TabsContent";
 const TabsContentGroup = React.forwardRef(({ className, asChild, ...props }, forwardedRef) => {

package/dist/components/tabs/Tabs.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/tabs/Tabs.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { Slot } from '../slot/Slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { tabsContentPropDefs, tabsListPropDefs, tabsPropDefs, tabsTriggerPropDefs } from './tabs.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TabsOwnProps = GetPropDefTypes<typeof tabsPropDefs>\ntype TabsListOwnProps = GetPropDefTypes<typeof tabsListPropDefs>\ntype TabsTriggerOwnProps = GetPropDefTypes<typeof tabsTriggerPropDefs>\ntype TabsContentOwnProps = GetPropDefTypes<typeof tabsContentPropDefs>\n\ntype TabsListVariant = NonNullable<TabsListOwnProps['variant']>\n\ntype TabsContextValue = {\n  value: string | undefined\n  onValueChange: ((value: string) => void) | undefined\n}\n\nconst TabsContext = React.createContext<TabsContextValue>({ value: undefined, onValueChange: undefined })\n\nfunction useTabsContext() {\n  const ctx = React.useContext(TabsContext)\n  if (!ctx) {\n    throw new Error('Tabs compound components must be rendered within a Tabs root.')\n  }\n  return ctx\n}\n\ninterface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, TabsOwnProps {}\ninterface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, TabsListOwnProps {}\ninterface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, TabsTriggerOwnProps {}\ninterface TabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, TabsContentOwnProps {}\n\ninterface TabsIndicatorProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean\n}\n\ninterface TabsContentGroupProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean\n}\n\nconst TabsRoot = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.Root>, TabsProps>(({ children, onValueChange, value, ...props }, forwardedRef) => {\n  const { asChild: _asChild, className, size = 'md', ...tabsProps } = extractProps(props, tabsPropDefs)\n\n  return (\n    <TabsContext.Provider value={{ value, onValueChange }}>\n      <TabsPrimitive.Root {...tabsProps} ref={forwardedRef} className={className} onValueChange={onValueChange} value={value} data-size={size}>\n        {children}\n      </TabsPrimitive.Root>\n    </TabsContext.Provider>\n  )\n})\nTabsRoot.displayName = 'Tabs'\n\nconst TabsIndicator = React.forwardRef<HTMLDivElement, TabsIndicatorProps>(({ className, asChild, ...props }, forwardedRef) => {\n  const { value } = useTabsContext()\n  const indicatorRef = React.useRef<HTMLDivElement>(null)\n  const [position, setPosition] = React.useState<{ left: number; width: number }>({ left: 0, width: 0 })\n\n  React.useEffect(() => {\n    const list = indicatorRef.current?.closest('.dsx-tabs__list') as HTMLElement | null\n    if (!list) return\n\n    const triggers = Array.from(list.querySelectorAll<HTMLElement>('[role=\"tab\"]'))\n    const activeTrigger = triggers.find((trigger) => {\n      const isActive = trigger.getAttribute('data-state') === 'active'\n      const triggerValue = trigger.getAttribute('data-value')\n      return isActive && (triggerValue === value || value === undefined)\n    })\n\n    if (activeTrigger) {\n      const listRect = list.getBoundingClientRect()\n      const triggerRect = activeTrigger.getBoundingClientRect()\n      setPosition({\n        left: triggerRect.left - listRect.left,\n        width: triggerRect.width,\n      })\n    }\n  }, [value])\n\n  if (asChild) {\n    return (\n      <Slot\n        ref={forwardedRef}\n        className={classNames('dsx-tabs__indicator', className)}\n        data-slot=\"tabs-indicator\"\n        style={{\n          position: 'absolute',\n          bottom: 0,\n          left: position.left,\n          width: position.width,\n          transition: 'left 200ms ease, width 200ms ease',\n        }}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={classNames('dsx-tabs__indicator', className)}\n      data-slot=\"tabs-indicator\"\n      style={{\n        position: 'absolute',\n        bottom: 0,\n        left: position.left,\n        width: position.width,\n        transition: 'left 200ms ease, width 200ms ease',\n      }}\n      {...props}\n    >\n      <div ref={indicatorRef} style={{ width: '100%', height: 2, backgroundColor: 'var(--dsx-colors-accent-9)' }} />\n    </div>\n  )\n})\nTabsIndicator.displayName = 'TabsIndicator'\n\nconst TabsList = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.List>, TabsListProps>(\n  ({ className: propClassName, variant = 'default', ...props }, forwardedRef) => {\n    const { asChild: _asChild, className, ...listProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      tabsListPropDefs,\n    )\n\n    return (\n      <TabsPrimitive.List\n        {...listProps}\n        ref={forwardedRef}\n        className={classNames('dsx-tabs__list', className)}\n        data-variant={variant as TabsListVariant}\n        style={{ position: 'relative' }}\n      />\n    )\n  },\n)\nTabsList.displayName = 'TabsList'\n\nconst TabsTrigger = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.Trigger>, TabsTriggerProps>((props, forwardedRef) => {\n  const { asChild: _asChild, className, ...triggerProps } = extractProps(props, tabsTriggerPropDefs)\n\n  return <TabsPrimitive.Trigger {...triggerProps} ref={forwardedRef} className={classNames('dsx-tabs__trigger', className)} />\n})\nTabsTrigger.displayName = 'TabsTrigger'\n\nconst TabsContent = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.Content>, TabsContentProps>((props, forwardedRef) => {\n  const { asChild: _asChild, className, ...contentProps } = extractProps(props, tabsContentPropDefs)\n\n  return <TabsPrimitive.Content {...contentProps} ref={forwardedRef} className={classNames('dsx-tabs__content', className)} />\n})\nTabsContent.displayName = 'TabsContent'\n\nconst TabsContentGroup = React.forwardRef<HTMLDivElement, TabsContentGroupProps>(({ className, asChild, ...props }, forwardedRef) => {\n  const Comp = asChild ? Slot : 'div'\n  return (\n    <Comp\n      ref={forwardedRef}\n      className={classNames('dsx-tabs__content-group', className)}\n      data-slot=\"tabs-content-group\"\n      {...props}\n    />\n  )\n})\nTabsContentGroup.displayName = 'TabsContentGroup'\n\nconst Tabs: typeof TabsRoot & {\n  List: typeof TabsList\n  Trigger: typeof TabsTrigger\n  Content: typeof TabsContent\n  Indicator: typeof TabsIndicator\n  ContentGroup: typeof TabsContentGroup\n} = Object.assign(TabsRoot, {\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n  ContentGroup: TabsContentGroup,\n})\n\nexport { Tabs, TabsContent, TabsContentGroup, TabsIndicator, TabsList, TabsRoot, TabsTrigger }\nexport type { TabsContentGroupProps, TabsContentProps, TabsIndicatorProps, TabsListProps, TabsListVariant, TabsProps, TabsTriggerProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport { Slot } from '../slot/Slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { tabsContentPropDefs, tabsListPropDefs, tabsPropDefs, tabsTriggerPropDefs } from './tabs.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TabsOwnProps = GetPropDefTypes<typeof tabsPropDefs>\ntype TabsListOwnProps = GetPropDefTypes<typeof tabsListPropDefs>\ntype TabsTriggerOwnProps = GetPropDefTypes<typeof tabsTriggerPropDefs>\ntype TabsContentOwnProps = GetPropDefTypes<typeof tabsContentPropDefs>\n\ntype TabsListVariant = NonNullable<TabsListOwnProps['variant']>\n\ntype TabsContextValue = {\n  value: string | undefined\n  onValueChange: ((value: string) => void) | undefined\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\nfunction useTabsContext() {\n  const ctx = React.useContext(TabsContext)\n  if (!ctx) {\n    throw new Error('Tabs compound components must be rendered within a Tabs root.')\n  }\n  return ctx\n}\n\ninterface TabsProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, TabsOwnProps {}\ninterface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, TabsListOwnProps {}\ninterface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, TabsTriggerOwnProps {}\ninterface TabsContentProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, TabsContentOwnProps {}\n\ninterface TabsIndicatorProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean\n}\n\ninterface TabsContentGroupProps extends React.ComponentPropsWithoutRef<'div'> {\n  asChild?: boolean\n}\n\nconst TabsRoot = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.Root>, TabsProps>(({ children, onValueChange, value, ...props }, forwardedRef) => {\n  const { asChild, className, size = 'md', ...tabsProps } = extractProps(props, tabsPropDefs)\n\n  return (\n    <TabsContext.Provider value={{ value, onValueChange }}>\n      <TabsPrimitive.Root {...tabsProps} asChild={asChild} ref={forwardedRef} className={classNames('dsx-tabs', className)} onValueChange={onValueChange} value={value} data-size={size}>\n        {children}\n      </TabsPrimitive.Root>\n    </TabsContext.Provider>\n  )\n})\nTabsRoot.displayName = 'Tabs'\n\nconst TabsIndicator = React.forwardRef<HTMLDivElement, TabsIndicatorProps>(({ className, asChild, style, ...props }, forwardedRef) => {\n  const { value } = useTabsContext()\n  const indicatorRef = React.useRef<HTMLDivElement | null>(null)\n  const [position, setPosition] = React.useState<React.CSSProperties>({ width: 0 })\n  const setRef = React.useCallback((node: HTMLDivElement | null) => {\n    indicatorRef.current = node\n    if (typeof forwardedRef === 'function') forwardedRef(node)\n    else if (forwardedRef) forwardedRef.current = node\n  }, [forwardedRef])\n\n  React.useEffect(() => {\n    const list = indicatorRef.current?.closest<HTMLElement>('.dsx-tabs__list')\n    if (!list) return\n    const update = () => {\n      const active = Array.from(list.querySelectorAll<HTMLElement>('[role=\"tab\"][data-state=\"active\"]'))\n        .find((trigger) => trigger.closest('.dsx-tabs__list') === list)\n      if (!active) return\n      const listRect = list.getBoundingClientRect()\n      const triggerRect = active.getBoundingClientRect()\n      setPosition(list.dataset.orientation === 'vertical'\n        ? { left: 0, top: triggerRect.top - listRect.top + list.scrollTop - list.clientTop, height: triggerRect.height }\n        : { left: triggerRect.left - listRect.left + list.scrollLeft - list.clientLeft, width: triggerRect.width })\n    }\n    update()\n    const mutation = new MutationObserver(update)\n    mutation.observe(list, { subtree: true, childList: true, attributes: true, attributeFilter: ['data-state', 'data-orientation'] })\n    const resize = new ResizeObserver(update)\n    resize.observe(list)\n    list.querySelectorAll<HTMLElement>('[role=\"tab\"]').forEach((trigger) => resize.observe(trigger))\n    return () => { mutation.disconnect(); resize.disconnect() }\n  }, [value])\n\n  const Comp = asChild ? Slot : 'div'\n  return <Comp {...props} ref={setRef} className={classNames('dsx-tabs__indicator', className)}\n    data-slot=\"tabs-indicator\" aria-hidden=\"true\" style={{ ...position, ...style }} />\n})\nTabsIndicator.displayName = 'TabsIndicator'\n\nconst TabsList = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.List>, TabsListProps>(\n  ({ className: propClassName, variant = 'default', ...props }, forwardedRef) => {\n    const { asChild, className, ...listProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        variant,\n      },\n      tabsListPropDefs,\n    )\n\n    return (\n      <TabsPrimitive.List\n        {...listProps} asChild={asChild}\n        ref={forwardedRef}\n        className={classNames('dsx-tabs__list', className)}\n        data-variant={variant as TabsListVariant}\n      />\n    )\n  },\n)\nTabsList.displayName = 'TabsList'\n\nconst TabsTrigger = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.Trigger>, TabsTriggerProps>((props, forwardedRef) => {\n  const { asChild, className, ...triggerProps } = extractProps(props, tabsTriggerPropDefs)\n\n  return <TabsPrimitive.Trigger {...triggerProps} asChild={asChild} ref={forwardedRef} className={classNames('dsx-tabs__trigger', className)} />\n})\nTabsTrigger.displayName = 'TabsTrigger'\n\nconst TabsContent = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.Content>, TabsContentProps>((props, forwardedRef) => {\n  const { asChild, className, ...contentProps } = extractProps(props, tabsContentPropDefs)\n\n  return <TabsPrimitive.Content {...contentProps} asChild={asChild} ref={forwardedRef} className={classNames('dsx-tabs__content', className)} />\n})\nTabsContent.displayName = 'TabsContent'\n\nconst TabsContentGroup = React.forwardRef<HTMLDivElement, TabsContentGroupProps>(({ className, asChild, ...props }, forwardedRef) => {\n  const Comp = asChild ? Slot : 'div'\n  return (\n    <Comp\n      ref={forwardedRef}\n      className={classNames('dsx-tabs__content-group', className)}\n      data-slot=\"tabs-content-group\"\n      {...props}\n    />\n  )\n})\nTabsContentGroup.displayName = 'TabsContentGroup'\n\nconst Tabs: typeof TabsRoot & {\n  List: typeof TabsList\n  Trigger: typeof TabsTrigger\n  Content: typeof TabsContent\n  Indicator: typeof TabsIndicator\n  ContentGroup: typeof TabsContentGroup\n} = Object.assign(TabsRoot, {\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n  ContentGroup: TabsContentGroup,\n})\n\nexport { Tabs, TabsContent, TabsContentGroup, TabsIndicator, TabsList, TabsRoot, TabsTrigger }\nexport type { TabsContentGroupProps, TabsContentProps, TabsIndicatorProps, TabsListProps, TabsListVariant, TabsProps, TabsTriggerProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,wBAAuB;AACvB,oBAA+B;AAC/B,kBAAqB;AAErB,0BAA6B;AAC7B,kBAAyF;AA4CnF;AA5BN,MAAM,cAAc,MAAM,cAAuC,IAAI;AAErE,SAAS,iBAAiB;AACxB,QAAM,MAAM,MAAM,WAAW,WAAW;AACxC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,+DAA+D;AAAA,EACjF;AACA,SAAO;AACT;AAeA,MAAM,WAAW,MAAM,WAAqE,CAAC,EAAE,UAAU,eAAe,OAAO,GAAG,MAAM,GAAG,iBAAiB;AAC1J,QAAM,EAAE,SAAS,WAAW,OAAO,MAAM,GAAG,UAAU,QAAI,kCAAa,OAAO,wBAAY;AAE1F,SACE,4CAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,OAAO,cAAc,GAClD,sDAAC,cAAc,MAAd,EAAoB,GAAG,WAAW,SAAkB,KAAK,cAAc,eAAW,kBAAAA,SAAW,YAAY,SAAS,GAAG,eAA8B,OAAc,aAAW,MAC1K,UACH,GACF;AAEJ,CAAC;AACD,SAAS,cAAc;AAEvB,MAAM,gBAAgB,MAAM,WAA+C,CAAC,EAAE,WAAW,SAAS,OAAO,GAAG,MAAM,GAAG,iBAAiB;AACpI,QAAM,EAAE,MAAM,IAAI,eAAe;AACjC,QAAM,eAAe,MAAM,OAA8B,IAAI;AAC7D,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAA8B,EAAE,OAAO,EAAE,CAAC;AAChF,QAAM,SAAS,MAAM,YAAY,CAAC,SAAgC;AAChE,iBAAa,UAAU;AACvB,QAAI,OAAO,iBAAiB,WAAY,cAAa,IAAI;AAAA,aAChD,aAAc,cAAa,UAAU;AAAA,EAChD,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,UAAU,MAAM;AACpB,UAAM,OAAO,aAAa,SAAS,QAAqB,iBAAiB;AACzE,QAAI,CAAC,KAAM;AACX,UAAM,SAAS,MAAM;AACnB,YAAM,SAAS,MAAM,KAAK,KAAK,iBAA8B,mCAAmC,CAAC,EAC9F,KAAK,CAAC,YAAY,QAAQ,QAAQ,iBAAiB,MAAM,IAAI;AAChE,UAAI,CAAC,OAAQ;AACb,YAAM,WAAW,KAAK,sBAAsB;AAC5C,YAAM,cAAc,OAAO,sBAAsB;AACjD,kBAAY,KAAK,QAAQ,gBAAgB,aACrC,EAAE,MAAM,GAAG,KAAK,YAAY,MAAM,SAAS,MAAM,KAAK,YAAY,KAAK,WAAW,QAAQ,YAAY,OAAO,IAC7G,EAAE,MAAM,YAAY,OAAO,SAAS,OAAO,KAAK,aAAa,KAAK,YAAY,OAAO,YAAY,MAAM,CAAC;AAAA,IAC9G;AACA,WAAO;AACP,UAAM,WAAW,IAAI,iBAAiB,MAAM;AAC5C,aAAS,QAAQ,MAAM,EAAE,SAAS,MAAM,WAAW,MAAM,YAAY,MAAM,iBAAiB,CAAC,cAAc,kBAAkB,EAAE,CAAC;AAChI,UAAM,SAAS,IAAI,eAAe,MAAM;AACxC,WAAO,QAAQ,IAAI;AACnB,SAAK,iBAA8B,cAAc,EAAE,QAAQ,CAAC,YAAY,OAAO,QAAQ,OAAO,CAAC;AAC/F,WAAO,MAAM;AAAE,eAAS,WAAW;AAAG,aAAO,WAAW;AAAA,IAAE;AAAA,EAC5D,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,OAAO,UAAU,mBAAO;AAC9B,SAAO;AAAA,IAAC;AAAA;AAAA,MAAM,GAAG;AAAA,MAAO,KAAK;AAAA,MAAQ,eAAW,kBAAAA,SAAW,uBAAuB,SAAS;AAAA,MACzF,aAAU;AAAA,MAAiB,eAAY;AAAA,MAAO,OAAO,EAAE,GAAG,UAAU,GAAG,MAAM;AAAA;AAAA,EAAG;AACpF,CAAC;AACD,cAAc,cAAc;AAE5B,MAAM,WAAW,MAAM;AAAA,EACrB,CAAC,EAAE,WAAW,eAAe,UAAU,WAAW,GAAG,MAAM,GAAG,iBAAiB;AAC7E,UAAM,EAAE,SAAS,WAAW,GAAG,UAAU,QAAI;AAAA,MAC3C;AAAA,QACE,GAAG;AAAA,QACH,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACA;AAAA,IACF;AAEA,WACE;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACE,GAAG;AAAA,QAAW;AAAA,QACf,KAAK;AAAA,QACL,eAAW,kBAAAA,SAAW,kBAAkB,SAAS;AAAA,QACjD,gBAAc;AAAA;AAAA,IAChB;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;AAEvB,MAAM,cAAc,MAAM,WAA+E,CAAC,OAAO,iBAAiB;AAChI,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,+BAAmB;AAEvF,SAAO,4CAAC,cAAc,SAAd,EAAuB,GAAG,cAAc,SAAkB,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAC9I,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,cAAc,MAAM,WAA+E,CAAC,OAAO,iBAAiB;AAChI,QAAM,EAAE,SAAS,WAAW,GAAG,aAAa,QAAI,kCAAa,OAAO,+BAAmB;AAEvF,SAAO,4CAAC,cAAc,SAAd,EAAuB,GAAG,cAAc,SAAkB,KAAK,cAAc,eAAW,kBAAAA,SAAW,qBAAqB,SAAS,GAAG;AAC9I,CAAC;AACD,YAAY,cAAc;AAE1B,MAAM,mBAAmB,MAAM,WAAkD,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,iBAAiB;AACnI,QAAM,OAAO,UAAU,mBAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,2BAA2B,SAAS;AAAA,MAC1D,aAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,iBAAiB,cAAc;AAE/B,MAAM,OAMF,OAAO,OAAO,UAAU;AAAA,EAC1B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;",
   "names": ["classNames"]
 }

package/dist/components/tabs/Tabs.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.cts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,KAAK,eAAe,GAAG,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAA;AAiB/D,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,YAAY;CAAG;AACtG,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,gBAAgB;CAAG;AAC9G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AACvH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAEvH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,kFAUZ,CAAA;AAGF,QAAA,MAAM,aAAa,2FA6DjB,CAAA;AAGF,QAAA,MAAM,QAAQ,sFAqBb,CAAA;AAGD,QAAA,MAAM,WAAW,4FAIf,CAAA;AAGF,QAAA,MAAM,WAAW,yFAIf,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAUpB,CAAA;AAGF,QAAA,MAAM,IAAI,EAAE,OAAO,QAAQ,GAAG;IAC5B,IAAI,EAAE,OAAO,QAAQ,CAAA;IACrB,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,SAAS,EAAE,OAAO,aAAa,CAAA;IAC/B,YAAY,EAAE,OAAO,gBAAgB,CAAA;CAOrC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;AAC9F,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Tabs.d.cts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,KAAK,eAAe,GAAG,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAA;AAiB/D,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,YAAY;CAAG;AACtG,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,gBAAgB;CAAG;AAC9G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AACvH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAEvH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,kFAUZ,CAAA;AAGF,QAAA,MAAM,aAAa,2FAmCjB,CAAA;AAGF,QAAA,MAAM,QAAQ,sFAoBb,CAAA;AAGD,QAAA,MAAM,WAAW,4FAIf,CAAA;AAGF,QAAA,MAAM,WAAW,yFAIf,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAUpB,CAAA;AAGF,QAAA,MAAM,IAAI,EAAE,OAAO,QAAQ,GAAG;IAC5B,IAAI,EAAE,OAAO,QAAQ,CAAA;IACrB,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,SAAS,EAAE,OAAO,aAAa,CAAA;IAC/B,YAAY,EAAE,OAAO,gBAAgB,CAAA;CAOrC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;AAC9F,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/tabs/Tabs.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.mts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,KAAK,eAAe,GAAG,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAA;AAiB/D,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,YAAY;CAAG;AACtG,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,gBAAgB;CAAG;AAC9G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AACvH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAEvH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,kFAUZ,CAAA;AAGF,QAAA,MAAM,aAAa,2FA6DjB,CAAA;AAGF,QAAA,MAAM,QAAQ,sFAqBb,CAAA;AAGD,QAAA,MAAM,WAAW,4FAIf,CAAA;AAGF,QAAA,MAAM,WAAW,yFAIf,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAUpB,CAAA;AAGF,QAAA,MAAM,IAAI,EAAE,OAAO,QAAQ,GAAG;IAC5B,IAAI,EAAE,OAAO,QAAQ,CAAA;IACrB,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,SAAS,EAAE,OAAO,aAAa,CAAA;IAC/B,YAAY,EAAE,OAAO,gBAAgB,CAAA;CAOrC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;AAC9F,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Tabs.d.mts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,KAAK,eAAe,GAAG,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAA;AAiB/D,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,YAAY;CAAG;AACtG,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,gBAAgB;CAAG;AAC9G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AACvH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAEvH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,kFAUZ,CAAA;AAGF,QAAA,MAAM,aAAa,2FAmCjB,CAAA;AAGF,QAAA,MAAM,QAAQ,sFAoBb,CAAA;AAGD,QAAA,MAAM,WAAW,4FAIf,CAAA;AAGF,QAAA,MAAM,WAAW,yFAIf,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAUpB,CAAA;AAGF,QAAA,MAAM,IAAI,EAAE,OAAO,QAAQ,GAAG;IAC5B,IAAI,EAAE,OAAO,QAAQ,CAAA;IACrB,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,SAAS,EAAE,OAAO,aAAa,CAAA;IAC/B,YAAY,EAAE,OAAO,gBAAgB,CAAA;CAOrC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;AAC9F,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,KAAK,eAAe,GAAG,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAA;AAiB/D,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,YAAY;CAAG;AACtG,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,gBAAgB;CAAG;AAC9G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AACvH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAEvH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,kFAUZ,CAAA;AAGF,QAAA,MAAM,aAAa,2FA6DjB,CAAA;AAGF,QAAA,MAAM,QAAQ,sFAqBb,CAAA;AAGD,QAAA,MAAM,WAAW,4FAIf,CAAA;AAGF,QAAA,MAAM,WAAW,yFAIf,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAUpB,CAAA;AAGF,QAAA,MAAM,IAAI,EAAE,OAAO,QAAQ,GAAG;IAC5B,IAAI,EAAE,OAAO,QAAQ,CAAA;IACrB,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,SAAS,EAAE,OAAO,aAAa,CAAA;IAC/B,YAAY,EAAE,OAAO,gBAAgB,CAAA;CAOrC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;AAC9F,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAA;AACxD,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AACtE,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,KAAK,eAAe,GAAG,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAA;AAiB/D,UAAU,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,YAAY;CAAG;AACtG,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,gBAAgB;CAAG;AAC9G,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AACvH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAAE,mBAAmB;CAAG;AAEvH,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,UAAU,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,kFAUZ,CAAA;AAGF,QAAA,MAAM,aAAa,2FAmCjB,CAAA;AAGF,QAAA,MAAM,QAAQ,sFAoBb,CAAA;AAGD,QAAA,MAAM,WAAW,4FAIf,CAAA;AAGF,QAAA,MAAM,WAAW,yFAIf,CAAA;AAGF,QAAA,MAAM,gBAAgB,8FAUpB,CAAA;AAGF,QAAA,MAAM,IAAI,EAAE,OAAO,QAAQ,GAAG;IAC5B,IAAI,EAAE,OAAO,QAAQ,CAAA;IACrB,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,OAAO,EAAE,OAAO,WAAW,CAAA;IAC3B,SAAS,EAAE,OAAO,aAAa,CAAA;IAC/B,YAAY,EAAE,OAAO,gBAAgB,CAAA;CAOrC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;AAC9F,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA"}