@d4gger/design-system 2.7.0 → 3.0.0

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,KAAK,mBAAmB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AACjF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAAG,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE;AAE3L,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,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,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"}

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

@@ -1,15 +1,5 @@
 import * as React from 'react';
-type TableOfContentsItem = {
-    id: string;
-    title: React.ReactNode;
-    level?: number;
-};
-interface TableOfContentsProps extends React.ComponentPropsWithoutRef<'nav'> {
-    items: TableOfContentsItem[];
-    activeId?: string;
-    onActiveIdChange?: (id: string) => void;
-    sticky?: boolean;
-}
+import type { TableOfContentsProps } from './tableOfContents.props.js';
 declare function extractTableOfContentsHeadings(root: ParentNode): Array<{
     id: string;
     title: string;
@@ -20,5 +10,5 @@ declare function useHeadingObserver(ids: string[], options?: {
 }): string | undefined;
 declare const TableOfContents: React.ForwardRefExoticComponent<TableOfContentsProps & React.RefAttributes<HTMLElement>>;
 export { TableOfContents, extractTableOfContentsHeadings, useHeadingObserver };
-export type { TableOfContentsItem, TableOfContentsProps };
+export type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props.js';
 //# sourceMappingURL=TableOfContents.d.mts.map

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,KAAK,mBAAmB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AACjF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAAG,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE;AAE3L,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,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,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"}

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

@@ -1,15 +1,5 @@
 import * as React from 'react';
-type TableOfContentsItem = {
-    id: string;
-    title: React.ReactNode;
-    level?: number;
-};
-interface TableOfContentsProps extends React.ComponentPropsWithoutRef<'nav'> {
-    items: TableOfContentsItem[];
-    activeId?: string;
-    onActiveIdChange?: (id: string) => void;
-    sticky?: boolean;
-}
+import type { TableOfContentsProps } from './tableOfContents.props.js';
 declare function extractTableOfContentsHeadings(root: ParentNode): Array<{
     id: string;
     title: string;
@@ -20,5 +10,5 @@ declare function useHeadingObserver(ids: string[], options?: {
 }): string | undefined;
 declare const TableOfContents: React.ForwardRefExoticComponent<TableOfContentsProps & React.RefAttributes<HTMLElement>>;
 export { TableOfContents, extractTableOfContentsHeadings, useHeadingObserver };
-export type { TableOfContentsItem, TableOfContentsProps };
+export type { TableOfContentsItem, TableOfContentsProps } from './tableOfContents.props.js';
 //# sourceMappingURL=TableOfContents.d.ts.map

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,KAAK,mBAAmB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AACjF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAAG,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE;AAE3L,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,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,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"}

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\ntype TableOfContentsItem = { id: string; title: React.ReactNode; level?: number }\ninterface TableOfContentsProps extends React.ComponentPropsWithoutRef<'nav'> { items: TableOfContentsItem[]; activeId?: string; onActiveIdChange?: (id: string) => void; sticky?: boolean }\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 }\n"],
-  "mappings": ";AACA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AA+ByR;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 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;",
   "names": []
 }

package/dist/components/tableOfContents/tableOfContents.props.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tableOfContents_props_exports = {};
+module.exports = __toCommonJS(tableOfContents_props_exports);
+//# sourceMappingURL=tableOfContents.props.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tableOfContents/tableOfContents.props.ts"],
+  "sourcesContent": ["import type * as React from 'react'\n\ntype TableOfContentsItem = {\n  id: string\n  title: React.ReactNode\n  level?: number\n}\n\ninterface TableOfContentsProps extends React.ComponentPropsWithoutRef<'nav'> {\n  items: TableOfContentsItem[]\n  activeId?: string\n  onActiveIdChange?: (id: string) => void\n  sticky?: boolean\n}\n\nexport type { TableOfContentsItem, TableOfContentsProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/components/tableOfContents/tableOfContents.props.d.cts

@@ -0,0 +1,14 @@
+import type * as React from 'react';
+type TableOfContentsItem = {
+    id: string;
+    title: React.ReactNode;
+    level?: number;
+};
+interface TableOfContentsProps extends React.ComponentPropsWithoutRef<'nav'> {
+    items: TableOfContentsItem[];
+    activeId?: string;
+    onActiveIdChange?: (id: string) => void;
+    sticky?: boolean;
+}
+export type { TableOfContentsItem, TableOfContentsProps };
+//# sourceMappingURL=tableOfContents.props.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableOfContents.props.d.cts","sourceRoot":"","sources":["../../../src/components/tableOfContents/tableOfContents.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC1E,KAAK,EAAE,mBAAmB,EAAE,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/tableOfContents/tableOfContents.props.d.mts

@@ -0,0 +1,14 @@
+import type * as React from 'react';
+type TableOfContentsItem = {
+    id: string;
+    title: React.ReactNode;
+    level?: number;
+};
+interface TableOfContentsProps extends React.ComponentPropsWithoutRef<'nav'> {
+    items: TableOfContentsItem[];
+    activeId?: string;
+    onActiveIdChange?: (id: string) => void;
+    sticky?: boolean;
+}
+export type { TableOfContentsItem, TableOfContentsProps };
+//# sourceMappingURL=tableOfContents.props.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableOfContents.props.d.mts","sourceRoot":"","sources":["../../../src/components/tableOfContents/tableOfContents.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC1E,KAAK,EAAE,mBAAmB,EAAE,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/tableOfContents/tableOfContents.props.d.ts

@@ -0,0 +1,14 @@
+import type * as React from 'react';
+type TableOfContentsItem = {
+    id: string;
+    title: React.ReactNode;
+    level?: number;
+};
+interface TableOfContentsProps extends React.ComponentPropsWithoutRef<'nav'> {
+    items: TableOfContentsItem[];
+    activeId?: string;
+    onActiveIdChange?: (id: string) => void;
+    sticky?: boolean;
+}
+export type { TableOfContentsItem, TableOfContentsProps };
+//# sourceMappingURL=tableOfContents.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableOfContents.props.d.ts","sourceRoot":"","sources":["../../../src/components/tableOfContents/tableOfContents.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC1E,KAAK,EAAE,mBAAmB,EAAE,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/components/tableOfContents/tableOfContents.props.js

@@ -0,0 +1 @@
+//# sourceMappingURL=tableOfContents.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/tabs.css

@@ -67,6 +67,6 @@
   position: absolute;
   bottom: 0;
   height: 2px;
-  background-color: var(--dsx-color-accent);
+  background-color: var(--dsx-color-primary);
   transition: left var(--dsx-motion-duration-normal) var(--dsx-motion-easing-standard), width var(--dsx-motion-duration-normal) var(--dsx-motion-easing-standard);
 }

package/dist/components/tag/Tag.cjs

@@ -0,0 +1,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Tag_exports = {};
+__export(Tag_exports, {
+  Tag: () => Tag
+});
+module.exports = __toCommonJS(Tag_exports);
+var React = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_extractProps = require("../../_internal/helpers/extractProps");
+var import_Icon = require("../icon/Icon");
+var import_tag = require("./tag.props");
+var import_jsx_runtime = require("react/jsx-runtime");
+const Tag = React.forwardRef((props, forwardedRef) => {
+  const {
+    asChild,
+    children,
+    className,
+    color,
+    highContrast = false,
+    onRemove,
+    radius,
+    removeLabel = "Remove",
+    size = "md",
+    variant = "default",
+    ...tagProps
+  } = (0, import_extractProps.extractProps)(props, import_tag.tagPropDefs);
+  const Comp = asChild ? import_react_slot.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    Comp,
+    {
+      ...tagProps,
+      ref: forwardedRef,
+      className: (0, import_classnames.default)("dsx-tag", className),
+      "data-accent-color": color,
+      "data-high-contrast": highContrast ? "true" : void 0,
+      "data-radius": radius,
+      "data-size": size,
+      "data-variant": variant,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsx-tag__label", children }),
+        onRemove && !asChild ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dsx-tag__remove", "aria-label": removeLabel, onClick: onRemove, tabIndex: 0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.Icon, { name: "x", size: "sm" }) }) : null
+      ]
+    }
+  );
+});
+Tag.displayName = "Tag";
+//# sourceMappingURL=Tag.cjs.map

package/dist/components/tag/Tag.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tag/Tag.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { tagPropDefs } from './tag.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TagElement = React.ComponentRef<'span'>\ntype TagOwnProps = GetPropDefTypes<typeof tagPropDefs>\n\ninterface TagProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, TagOwnProps {\n  onRemove?: () => void\n  removeLabel?: string\n}\n\nconst Tag = React.forwardRef<TagElement, TagProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    color,\n    highContrast = false,\n    onRemove,\n    radius,\n    removeLabel = 'Remove',\n    size = 'md',\n    variant = 'default',\n    ...tagProps\n  } = extractProps(props, tagPropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...tagProps}\n      ref={forwardedRef}\n      className={classNames('dsx-tag', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    >\n      <span className=\"dsx-tag__label\">{children}</span>\n      {onRemove && !asChild ? (\n        <button type=\"button\" className=\"dsx-tag__remove\" aria-label={removeLabel} onClick={onRemove} tabIndex={0}>\n          <Icon name=\"x\" size=\"sm\" />\n        </button>\n      ) : null}\n    </Comp>\n  )\n})\nTag.displayName = 'Tag'\n\nexport { Tag }\nexport type { TagProps }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAuB;AACvB,wBAAqB;AAErB,0BAA6B;AAC7B,kBAAqB;AACrB,iBAA4B;AA6BxB;AAjBJ,MAAM,MAAM,MAAM,WAAiC,CAAC,OAAO,iBAAiB;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,QAAI,kCAAa,OAAO,sBAAW;AACnC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,eAAW,kBAAAA,SAAW,WAAW,SAAS;AAAA,MAC1C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEd;AAAA,oDAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA,QAC1C,YAAY,CAAC,UACZ,4CAAC,YAAO,MAAK,UAAS,WAAU,mBAAkB,cAAY,aAAa,SAAS,UAAU,UAAU,GACtG,sDAAC,oBAAK,MAAK,KAAI,MAAK,MAAK,GAC3B,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,IAAI,cAAc;",
+  "names": ["classNames"]
+}

package/dist/components/tag/Tag.d.cts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { tagPropDefs } from './tag.props.cjs';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.cjs';
+type TagOwnProps = GetPropDefTypes<typeof tagPropDefs>;
+interface TagProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, TagOwnProps {
+    onRemove?: () => void;
+    removeLabel?: string;
+}
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export { Tag };
+export type { TagProps };
+//# sourceMappingURL=Tag.d.cts.map

package/dist/components/tag/Tag.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.cts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,WAAW,CAAC,CAAA;AAEtD,UAAU,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW;IAC3F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,GAAG,kFAmCP,CAAA;AAGF,OAAO,EAAE,GAAG,EAAE,CAAA;AACd,YAAY,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/tag/Tag.d.mts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { tagPropDefs } from './tag.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type TagOwnProps = GetPropDefTypes<typeof tagPropDefs>;
+interface TagProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, TagOwnProps {
+    onRemove?: () => void;
+    removeLabel?: string;
+}
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export { Tag };
+export type { TagProps };
+//# sourceMappingURL=Tag.d.mts.map

package/dist/components/tag/Tag.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.mts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,WAAW,CAAC,CAAA;AAEtD,UAAU,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW;IAC3F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,GAAG,kFAmCP,CAAA;AAGF,OAAO,EAAE,GAAG,EAAE,CAAA;AACd,YAAY,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/tag/Tag.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { tagPropDefs } from './tag.props.js';
+import type { GetPropDefTypes } from '../../_internal/props/propDef.js';
+type TagOwnProps = GetPropDefTypes<typeof tagPropDefs>;
+interface TagProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, TagOwnProps {
+    onRemove?: () => void;
+    removeLabel?: string;
+}
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;
+export { Tag };
+export type { TagProps };
+//# sourceMappingURL=Tag.d.ts.map

package/dist/components/tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,KAAK,WAAW,GAAG,eAAe,CAAC,OAAO,WAAW,CAAC,CAAA;AAEtD,UAAU,QAAS,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW;IAC3F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,GAAG,kFAmCP,CAAA;AAGF,OAAO,EAAE,GAAG,EAAE,CAAA;AACd,YAAY,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/tag/Tag.js

@@ -0,0 +1,45 @@
+import * as React from "react";
+import classNames from "classnames";
+import { Slot } from "@radix-ui/react-slot";
+import { extractProps } from "../../_internal/helpers/extractProps.js";
+import { Icon } from "../icon/Icon.js";
+import { tagPropDefs } from "./tag.props.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+const Tag = React.forwardRef((props, forwardedRef) => {
+  const {
+    asChild,
+    children,
+    className,
+    color,
+    highContrast = false,
+    onRemove,
+    radius,
+    removeLabel = "Remove",
+    size = "md",
+    variant = "default",
+    ...tagProps
+  } = extractProps(props, tagPropDefs);
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      ...tagProps,
+      ref: forwardedRef,
+      className: classNames("dsx-tag", className),
+      "data-accent-color": color,
+      "data-high-contrast": highContrast ? "true" : void 0,
+      "data-radius": radius,
+      "data-size": size,
+      "data-variant": variant,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "dsx-tag__label", children }),
+        onRemove && !asChild ? /* @__PURE__ */ jsx("button", { type: "button", className: "dsx-tag__remove", "aria-label": removeLabel, onClick: onRemove, tabIndex: 0, children: /* @__PURE__ */ jsx(Icon, { name: "x", size: "sm" }) }) : null
+      ]
+    }
+  );
+});
+Tag.displayName = "Tag";
+export {
+  Tag
+};
+//# sourceMappingURL=Tag.js.map

package/dist/components/tag/Tag.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tag/Tag.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { Icon } from '../icon/Icon'\nimport { tagPropDefs } from './tag.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype TagElement = React.ComponentRef<'span'>\ntype TagOwnProps = GetPropDefTypes<typeof tagPropDefs>\n\ninterface TagProps extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'>, TagOwnProps {\n  onRemove?: () => void\n  removeLabel?: string\n}\n\nconst Tag = React.forwardRef<TagElement, TagProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    color,\n    highContrast = false,\n    onRemove,\n    radius,\n    removeLabel = 'Remove',\n    size = 'md',\n    variant = 'default',\n    ...tagProps\n  } = extractProps(props, tagPropDefs)\n  const Comp = asChild ? Slot : 'span'\n\n  return (\n    <Comp\n      {...tagProps}\n      ref={forwardedRef}\n      className={classNames('dsx-tag', className)}\n      data-accent-color={color}\n      data-high-contrast={highContrast ? 'true' : undefined}\n      data-radius={radius}\n      data-size={size}\n      data-variant={variant}\n    >\n      <span className=\"dsx-tag__label\">{children}</span>\n      {onRemove && !asChild ? (\n        <button type=\"button\" className=\"dsx-tag__remove\" aria-label={removeLabel} onClick={onRemove} tabIndex={0}>\n          <Icon name=\"x\" size=\"sm\" />\n        </button>\n      ) : null}\n    </Comp>\n  )\n})\nTag.displayName = 'Tag'\n\nexport { Tag }\nexport type { TagProps }\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AA6BxB,SAUE,KAVF;AAjBJ,MAAM,MAAM,MAAM,WAAiC,CAAC,OAAO,iBAAiB;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,IACV,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,WAAW;AACnC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,WAAW,WAAW,WAAW,SAAS;AAAA,MAC1C,qBAAmB;AAAA,MACnB,sBAAoB,eAAe,SAAS;AAAA,MAC5C,eAAa;AAAA,MACb,aAAW;AAAA,MACX,gBAAc;AAAA,MAEd;AAAA,4BAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA,QAC1C,YAAY,CAAC,UACZ,oBAAC,YAAO,MAAK,UAAS,WAAU,mBAAkB,cAAY,aAAa,SAAS,UAAU,UAAU,GACtG,8BAAC,QAAK,MAAK,KAAI,MAAK,MAAK,GAC3B,IACE;AAAA;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,IAAI,cAAc;",
+  "names": []
+}

package/dist/components/tag/tag.props.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tag_props_exports = {};
+__export(tag_props_exports, {
+  tagPropDefs: () => tagPropDefs
+});
+module.exports = __toCommonJS(tag_props_exports);
+var import_asChild = require("../../_internal/props/asChild.prop");
+var import_highContrast = require("../../_internal/props/highContrast.prop");
+const tagVariants = ["default", "soft", "outline"];
+const tagSizes = ["sm", "md"];
+const tagPropDefs = {
+  ...import_asChild.asChildPropDef,
+  ...import_highContrast.highContrastPropDef,
+  variant: {
+    type: "enum",
+    values: tagVariants,
+    default: "default"
+  },
+  size: {
+    type: "enum",
+    values: tagSizes,
+    default: "md"
+  },
+  color: {
+    type: "enum | string",
+    values: [],
+    default: void 0
+  },
+  radius: {
+    type: "enum",
+    values: ["none", "sm", "md", "lg", "full"],
+    default: void 0
+  }
+};
+//# sourceMappingURL=tag.props.cjs.map

package/dist/components/tag/tag.props.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tag/tag.props.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../_internal/props/asChild.prop'\nimport { highContrastPropDef } from '../../_internal/props/highContrast.prop'\n\nimport type { PropDef } from '../../_internal/props/propDef'\n\nconst tagVariants = ['default', 'soft', 'outline'] as const\nconst tagSizes = ['sm', 'md'] as const\n\nconst tagPropDefs = {\n  ...asChildPropDef,\n  ...highContrastPropDef,\n  variant: {\n    type: 'enum',\n    values: tagVariants,\n    default: 'default',\n  },\n  size: {\n    type: 'enum',\n    values: tagSizes,\n    default: 'md',\n  },\n  color: {\n    type: 'enum | string',\n    values: [] as const,\n    default: undefined,\n  },\n  radius: {\n    type: 'enum',\n    values: ['none', 'sm', 'md', 'lg', 'full'] as const,\n    default: undefined,\n  },\n} satisfies {\n  asChild: PropDef\n  highContrast: PropDef\n  size: PropDef<(typeof tagSizes)[number]>\n  variant: PropDef<(typeof tagVariants)[number]>\n  color: PropDef<string>\n  radius: PropDef<'none' | 'sm' | 'md' | 'lg' | 'full'>\n}\n\nexport { tagPropDefs }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+B;AAC/B,0BAAoC;AAIpC,MAAM,cAAc,CAAC,WAAW,QAAQ,SAAS;AACjD,MAAM,WAAW,CAAC,MAAM,IAAI;AAE5B,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ,CAAC;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,QAAQ,MAAM,MAAM,MAAM,MAAM;AAAA,IACzC,SAAS;AAAA,EACX;AACF;",
+  "names": []
+}

package/dist/components/tag/tag.props.d.cts

@@ -0,0 +1,32 @@
+declare const tagPropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["default", "soft", "outline"];
+        default: "default";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md"];
+        default: "md";
+    };
+    color: {
+        type: "enum | string";
+        values: readonly [];
+        default: undefined;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "sm", "md", "lg", "full"];
+        default: undefined;
+    };
+    highContrast: {
+        type: "boolean";
+        default: false;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { tagPropDefs };
+//# sourceMappingURL=tag.props.d.cts.map

package/dist/components/tag/tag.props.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.props.d.cts","sourceRoot":"","sources":["../../../src/components/tag/tag.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BhB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/tag/tag.props.d.mts

@@ -0,0 +1,32 @@
+declare const tagPropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["default", "soft", "outline"];
+        default: "default";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md"];
+        default: "md";
+    };
+    color: {
+        type: "enum | string";
+        values: readonly [];
+        default: undefined;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "sm", "md", "lg", "full"];
+        default: undefined;
+    };
+    highContrast: {
+        type: "boolean";
+        default: false;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { tagPropDefs };
+//# sourceMappingURL=tag.props.d.mts.map

package/dist/components/tag/tag.props.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.props.d.mts","sourceRoot":"","sources":["../../../src/components/tag/tag.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BhB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/tag/tag.props.d.ts

@@ -0,0 +1,32 @@
+declare const tagPropDefs: {
+    variant: {
+        type: "enum";
+        values: readonly ["default", "soft", "outline"];
+        default: "default";
+    };
+    size: {
+        type: "enum";
+        values: readonly ["sm", "md"];
+        default: "md";
+    };
+    color: {
+        type: "enum | string";
+        values: readonly [];
+        default: undefined;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "sm", "md", "lg", "full"];
+        default: undefined;
+    };
+    highContrast: {
+        type: "boolean";
+        default: false;
+    };
+    asChild: {
+        type: "boolean";
+        default: false;
+    };
+};
+export { tagPropDefs };
+//# sourceMappingURL=tag.props.d.ts.map

package/dist/components/tag/tag.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.props.d.ts","sourceRoot":"","sources":["../../../src/components/tag/tag.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BhB,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/tag/tag.props.js

@@ -0,0 +1,32 @@
+import { asChildPropDef } from "../../_internal/props/asChild.prop.js";
+import { highContrastPropDef } from "../../_internal/props/highContrast.prop.js";
+const tagVariants = ["default", "soft", "outline"];
+const tagSizes = ["sm", "md"];
+const tagPropDefs = {
+  ...asChildPropDef,
+  ...highContrastPropDef,
+  variant: {
+    type: "enum",
+    values: tagVariants,
+    default: "default"
+  },
+  size: {
+    type: "enum",
+    values: tagSizes,
+    default: "md"
+  },
+  color: {
+    type: "enum | string",
+    values: [],
+    default: void 0
+  },
+  radius: {
+    type: "enum",
+    values: ["none", "sm", "md", "lg", "full"],
+    default: void 0
+  }
+};
+export {
+  tagPropDefs
+};
+//# sourceMappingURL=tag.props.js.map