@mastra/playground-ui 65.0.0-alpha.3 → 65.0.0-alpha.4

package/dist/components/AlertDialog.es.js

@@ -1,2 +1,2 @@
-export { A as AlertDialog } from '../alert-dialog-B7JTnkF4.js';
+export { A as AlertDialog } from '../alert-dialog-B13NSeKN.js';
 //# sourceMappingURL=AlertDialog.es.js.map

package/dist/components/Avatar.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Avatar = require('../Avatar-BCj8SvOb.cjs');
+const Avatar = require('../Avatar-DM90rmwx.cjs');
 
 
 

package/dist/components/Avatar.es.js

@@ -1,2 +1,2 @@
-export { A as Avatar } from '../Avatar-98bsFrSV.js';
+export { A as Avatar } from '../Avatar-BjaG9NU_.js';
 //# sourceMappingURL=Avatar.es.js.map

package/dist/components/Breadcrumb.cjs.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const icons_SlashIcon = require('../icons/SlashIcon.cjs.js');
 const skeleton = require('../skeleton-lkFwOzqL.cjs');
 const primitives_controlSize = require('../primitives/control-size.cjs.js');
+const primitives_popupAnchor = require('../primitives/popup-anchor.cjs.js');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
 const primitives_typography = require('../primitives/typography.cjs.js');
 const utils_cn = require('../cn-DlOJCxrS.cjs');
@@ -29,10 +31,12 @@ const Crumb = ({
 }) => {
   const Root = as || "span";
   const switcherCoversCrumb = Boolean(switcher && (isCurrent || !to));
+  const crumbRef = React.useRef(null);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "li",
       {
+        ref: crumbRef,
         className: utils_cn.cn(
           "group flex h-control-sm min-w-0 items-center",
           isCurrent ? "shrink" : "shrink-0",
@@ -60,7 +64,7 @@ const Crumb = ({
                   icons_Icon.Icon,
                   {
                     className: utils_cn.cn(
-                      "-ml-[.3em] shrink-0 opacity-50 group-hover:opacity-100",
+                      "ml-[-.3em] shrink-0 opacity-50 group-hover:opacity-100",
                       "transition-opacity duration-normal ease-out-custom"
                     ),
                     children: icon
@@ -83,7 +87,7 @@ const Crumb = ({
                 "-ml-1 flex h-control-sm shrink-0 items-center",
                 switcherCoversCrumb && "[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full"
               ),
-              children: switcher
+              children: /* @__PURE__ */ jsxRuntime.jsx(primitives_popupAnchor.PopupAnchorProvider, { value: crumbRef, children: switcher })
             }
           ),
           action && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "-ml-1 flex h-control-sm shrink-0 items-center", children: action })
@@ -96,8 +100,7 @@ const Crumb = ({
 
 const crumbSwitcherTriggerProps = {
   variant: "ghost",
-  size: "icon-sm",
-  align: "end"
+  size: "icon-sm"
 };
 
 exports.Breadcrumb = Breadcrumb;

package/dist/components/Breadcrumb.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx","../../src/ds/components/Breadcrumb/crumb-switcher.ts"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover, quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n  children?: React.ReactNode;\n  label?: string;\n  className?: string;\n  listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n  return (\n    <nav aria-label={label} className={className}>\n      <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n    </nav>\n  );\n};\n\nexport interface CrumbProps {\n  isCurrent?: boolean;\n  as: React.ElementType;\n  className?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children?: React.ReactNode;\n  /** Prefix icon (bare SVG). The crumb wraps it in `<Icon>` and aligns it like a Button adornment. */\n  icon?: React.ReactNode;\n  /** Renders `CrumbSkeleton` in place of the label. */\n  isLoading?: boolean;\n  /**\n   * Sibling control rendered next to the label (never inside it). Expected to be a\n   * `size=\"icon-sm\"` ghost control, e.g. a CopyButton. Entity switchers go in `switcher`.\n   */\n  action?: React.ReactNode;\n  /**\n   * Entity switcher rendered next to the label; spread `crumbSwitcherTriggerProps` on it.\n   * When the crumb doesn't navigate (current crumb, or no `to`), its hit area covers the whole crumb.\n   */\n  switcher?: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport const CrumbSkeleton = (props: { 'data-testid'?: string }) => <Skeleton className=\"h-3 w-24\" {...props} />;\n\nexport const Crumb = ({\n  className,\n  as,\n  to,\n  isCurrent,\n  action,\n  switcher,\n  icon,\n  isLoading,\n  children,\n  ...props\n}: CrumbProps) => {\n  const Root = as || 'span';\n  const switcherCoversCrumb = Boolean(switcher && (isCurrent || !to));\n\n  return (\n    <>\n      <li\n        className={cn(\n          'group flex h-control-sm min-w-0 items-center',\n          isCurrent ? 'shrink' : 'shrink-0',\n          switcherCoversCrumb &&\n            'relative rounded-full has-[[data-slot=crumb-switcher]_[data-popup-open]]:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:hover:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:active:bg-fill',\n        )}\n      >\n        <Root\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn(\n            // Same box as `buttonVariants({ variant: 'ghost', size: 'sm' })` so a label and an\n            // icon-sm control sitting next to it share height, radius, padding and colors.\n            'inline-flex min-w-0 items-center gap-2 overflow-hidden rounded-full px-[.9em]',\n            controlSizeClasses.sm,\n            controlStateColorTransition,\n            // Long labels truncate: the current crumb gets more room than nav crumbs.\n            isCurrent\n              ? 'max-w-xs cursor-default text-foreground'\n              : switcherCoversCrumb\n                ? cn(quietTextHoverInGroup, 'max-w-48')\n                : cn(quietTextHover, 'max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill'),\n            className,\n          )}\n          to={to}\n          {...props}\n        >\n          {icon && (\n            <Icon\n              className={cn(\n                '-ml-[.3em] shrink-0 opacity-50 group-hover:opacity-100',\n                'transition-opacity duration-normal ease-out-custom',\n              )}\n            >\n              {icon}\n            </Icon>\n          )}\n          {isLoading ? (\n            <CrumbSkeleton />\n          ) : (\n            // `text-overflow` needs a block container, so the label truncates in its\n            // own box rather than on the flex Root. Works for plain strings and for\n            // components that resolve to a string (route-header `Component` crumbs).\n            <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n          )}\n        </Root>\n        {switcher && (\n          <span\n            data-slot=\"crumb-switcher\"\n            className={cn(\n              '-ml-1 flex h-control-sm shrink-0 items-center',\n              switcherCoversCrumb &&\n                '[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full',\n            )}\n          >\n            {switcher}\n          </span>\n        )}\n        {action && <span className=\"-ml-1 flex h-control-sm shrink-0 items-center\">{action}</span>}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className=\"text-placeholder\">\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n","import type { ComboboxProps } from '../Combobox';\n\nexport const crumbSwitcherTriggerProps = {\n  variant: 'ghost',\n  size: 'icon-sm',\n  align: 'end',\n} as const satisfies Pick<ComboboxProps, 'variant' | 'size' | 'align'>;\n"],"names":["jsx","cn","Skeleton","jsxs","Fragment","controlSizeClasses","controlStateColorTransition","quietTextHoverInGroup","quietTextHover","Icon","SlashIcon"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.cjs.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx","../../src/ds/components/Breadcrumb/crumb-switcher.ts"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { PopupAnchorProvider } from '@/ds/primitives/popup-anchor';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover, quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n  children?: React.ReactNode;\n  label?: string;\n  className?: string;\n  listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n  return (\n    <nav aria-label={label} className={className}>\n      <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n    </nav>\n  );\n};\n\nexport interface CrumbProps {\n  isCurrent?: boolean;\n  as: React.ElementType;\n  className?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children?: React.ReactNode;\n  /** Prefix icon (bare SVG). The crumb wraps it in `<Icon>` and aligns it like a Button adornment. */\n  icon?: React.ReactNode;\n  /** Renders `CrumbSkeleton` in place of the label. */\n  isLoading?: boolean;\n  /**\n   * Sibling control rendered next to the label (never inside it). Expected to be a\n   * `size=\"icon-sm\"` ghost control, e.g. a CopyButton. Entity switchers go in `switcher`.\n   */\n  action?: React.ReactNode;\n  /**\n   * Entity switcher rendered next to the label; spread `crumbSwitcherTriggerProps` on it.\n   * When the crumb doesn't navigate (current crumb, or no `to`), its hit area covers the whole crumb.\n   */\n  switcher?: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport const CrumbSkeleton = (props: { 'data-testid'?: string }) => <Skeleton className=\"h-3 w-24\" {...props} />;\n\nexport const Crumb = ({\n  className,\n  as,\n  to,\n  isCurrent,\n  action,\n  switcher,\n  icon,\n  isLoading,\n  children,\n  ...props\n}: CrumbProps) => {\n  const Root = as || 'span';\n  const switcherCoversCrumb = Boolean(switcher && (isCurrent || !to));\n  const crumbRef = React.useRef<HTMLLIElement>(null);\n\n  return (\n    <>\n      <li\n        ref={crumbRef}\n        className={cn(\n          'group flex h-control-sm min-w-0 items-center',\n          isCurrent ? 'shrink' : 'shrink-0',\n          switcherCoversCrumb &&\n            'relative rounded-full has-[[data-slot=crumb-switcher]_[data-popup-open]]:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:hover:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:active:bg-fill',\n        )}\n      >\n        <Root\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn(\n            // Same box as `buttonVariants({ variant: 'ghost', size: 'sm' })` so a label and an\n            // icon-sm control sitting next to it share height, radius, padding and colors.\n            'inline-flex min-w-0 items-center gap-2 overflow-hidden rounded-full px-[.9em]',\n            controlSizeClasses.sm,\n            controlStateColorTransition,\n            // Long labels truncate: the current crumb gets more room than nav crumbs.\n            isCurrent\n              ? 'max-w-xs cursor-default text-foreground'\n              : switcherCoversCrumb\n                ? cn(quietTextHoverInGroup, 'max-w-48')\n                : cn(quietTextHover, 'max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill'),\n            className,\n          )}\n          to={to}\n          {...props}\n        >\n          {icon && (\n            <Icon\n              className={cn(\n                'ml-[-.3em] shrink-0 opacity-50 group-hover:opacity-100',\n                'transition-opacity duration-normal ease-out-custom',\n              )}\n            >\n              {icon}\n            </Icon>\n          )}\n          {isLoading ? (\n            <CrumbSkeleton />\n          ) : (\n            // `text-overflow` needs a block container, so the label truncates in its\n            // own box rather than on the flex Root. Works for plain strings and for\n            // components that resolve to a string (route-header `Component` crumbs).\n            <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n          )}\n        </Root>\n        {switcher && (\n          <span\n            data-slot=\"crumb-switcher\"\n            className={cn(\n              '-ml-1 flex h-control-sm shrink-0 items-center',\n              switcherCoversCrumb &&\n                '[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full',\n            )}\n          >\n            {/* The switcher's popup opens from the crumb's start, like a menu on the whole crumb. */}\n            <PopupAnchorProvider value={crumbRef}>{switcher}</PopupAnchorProvider>\n          </span>\n        )}\n        {action && <span className=\"-ml-1 flex h-control-sm shrink-0 items-center\">{action}</span>}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className=\"text-placeholder\">\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n","import type { ComboboxProps } from '../Combobox';\n\nexport const crumbSwitcherTriggerProps = {\n  variant: 'ghost',\n  size: 'icon-sm',\n} as const satisfies Pick<ComboboxProps, 'variant' | 'size'>;\n"],"names":["jsx","cn","Skeleton","jsxs","Fragment","controlSizeClasses","controlStateColorTransition","quietTextHoverInGroup","quietTextHover","Icon","PopupAnchorProvider","SlashIcon"],"mappings":"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"}

package/dist/components/Breadcrumb.es.js

@@ -1,8 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React__default from 'react';
 import { Icon } from '../icons/Icon.es.js';
 import { SlashIcon } from '../icons/SlashIcon.es.js';
 import { S as Skeleton } from '../skeleton-Q4fDAXcz.js';
 import { controlSizeClasses } from '../primitives/control-size.es.js';
+import { PopupAnchorProvider } from '../primitives/popup-anchor.es.js';
 import { controlStateColorTransition } from '../primitives/transitions.es.js';
 import { quietTextHoverInGroup, quietTextHover } from '../primitives/typography.es.js';
 import { c as cn } from '../cn-CQUhN5Jx.js';
@@ -25,10 +27,12 @@ const Crumb = ({
 }) => {
   const Root = as || "span";
   const switcherCoversCrumb = Boolean(switcher && (isCurrent || !to));
+  const crumbRef = React__default.useRef(null);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "li",
       {
+        ref: crumbRef,
         className: cn(
           "group flex h-control-sm min-w-0 items-center",
           isCurrent ? "shrink" : "shrink-0",
@@ -56,7 +60,7 @@ const Crumb = ({
                   Icon,
                   {
                     className: cn(
-                      "-ml-[.3em] shrink-0 opacity-50 group-hover:opacity-100",
+                      "ml-[-.3em] shrink-0 opacity-50 group-hover:opacity-100",
                       "transition-opacity duration-normal ease-out-custom"
                     ),
                     children: icon
@@ -79,7 +83,7 @@ const Crumb = ({
                 "-ml-1 flex h-control-sm shrink-0 items-center",
                 switcherCoversCrumb && "[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full"
               ),
-              children: switcher
+              children: /* @__PURE__ */ jsx(PopupAnchorProvider, { value: crumbRef, children: switcher })
             }
           ),
           action && /* @__PURE__ */ jsx("span", { className: "-ml-1 flex h-control-sm shrink-0 items-center", children: action })
@@ -92,8 +96,7 @@ const Crumb = ({
 
 const crumbSwitcherTriggerProps = {
   variant: "ghost",
-  size: "icon-sm",
-  align: "end"
+  size: "icon-sm"
 };
 
 export { Breadcrumb, Crumb, CrumbSkeleton, crumbSwitcherTriggerProps };

package/dist/components/Breadcrumb.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.es.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx","../../src/ds/components/Breadcrumb/crumb-switcher.ts"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover, quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n  children?: React.ReactNode;\n  label?: string;\n  className?: string;\n  listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n  return (\n    <nav aria-label={label} className={className}>\n      <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n    </nav>\n  );\n};\n\nexport interface CrumbProps {\n  isCurrent?: boolean;\n  as: React.ElementType;\n  className?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children?: React.ReactNode;\n  /** Prefix icon (bare SVG). The crumb wraps it in `<Icon>` and aligns it like a Button adornment. */\n  icon?: React.ReactNode;\n  /** Renders `CrumbSkeleton` in place of the label. */\n  isLoading?: boolean;\n  /**\n   * Sibling control rendered next to the label (never inside it). Expected to be a\n   * `size=\"icon-sm\"` ghost control, e.g. a CopyButton. Entity switchers go in `switcher`.\n   */\n  action?: React.ReactNode;\n  /**\n   * Entity switcher rendered next to the label; spread `crumbSwitcherTriggerProps` on it.\n   * When the crumb doesn't navigate (current crumb, or no `to`), its hit area covers the whole crumb.\n   */\n  switcher?: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport const CrumbSkeleton = (props: { 'data-testid'?: string }) => <Skeleton className=\"h-3 w-24\" {...props} />;\n\nexport const Crumb = ({\n  className,\n  as,\n  to,\n  isCurrent,\n  action,\n  switcher,\n  icon,\n  isLoading,\n  children,\n  ...props\n}: CrumbProps) => {\n  const Root = as || 'span';\n  const switcherCoversCrumb = Boolean(switcher && (isCurrent || !to));\n\n  return (\n    <>\n      <li\n        className={cn(\n          'group flex h-control-sm min-w-0 items-center',\n          isCurrent ? 'shrink' : 'shrink-0',\n          switcherCoversCrumb &&\n            'relative rounded-full has-[[data-slot=crumb-switcher]_[data-popup-open]]:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:hover:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:active:bg-fill',\n        )}\n      >\n        <Root\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn(\n            // Same box as `buttonVariants({ variant: 'ghost', size: 'sm' })` so a label and an\n            // icon-sm control sitting next to it share height, radius, padding and colors.\n            'inline-flex min-w-0 items-center gap-2 overflow-hidden rounded-full px-[.9em]',\n            controlSizeClasses.sm,\n            controlStateColorTransition,\n            // Long labels truncate: the current crumb gets more room than nav crumbs.\n            isCurrent\n              ? 'max-w-xs cursor-default text-foreground'\n              : switcherCoversCrumb\n                ? cn(quietTextHoverInGroup, 'max-w-48')\n                : cn(quietTextHover, 'max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill'),\n            className,\n          )}\n          to={to}\n          {...props}\n        >\n          {icon && (\n            <Icon\n              className={cn(\n                '-ml-[.3em] shrink-0 opacity-50 group-hover:opacity-100',\n                'transition-opacity duration-normal ease-out-custom',\n              )}\n            >\n              {icon}\n            </Icon>\n          )}\n          {isLoading ? (\n            <CrumbSkeleton />\n          ) : (\n            // `text-overflow` needs a block container, so the label truncates in its\n            // own box rather than on the flex Root. Works for plain strings and for\n            // components that resolve to a string (route-header `Component` crumbs).\n            <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n          )}\n        </Root>\n        {switcher && (\n          <span\n            data-slot=\"crumb-switcher\"\n            className={cn(\n              '-ml-1 flex h-control-sm shrink-0 items-center',\n              switcherCoversCrumb &&\n                '[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full',\n            )}\n          >\n            {switcher}\n          </span>\n        )}\n        {action && <span className=\"-ml-1 flex h-control-sm shrink-0 items-center\">{action}</span>}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className=\"text-placeholder\">\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n","import type { ComboboxProps } from '../Combobox';\n\nexport const crumbSwitcherTriggerProps = {\n  variant: 'ghost',\n  size: 'icon-sm',\n  align: 'end',\n} as const satisfies Pick<ComboboxProps, 'variant' | 'size' | 'align'>;\n"],"names":[],"mappings":";;;;;;;;;AAiBO,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AA0BO,MAAM,aAAA,GAAgB,CAAC,KAAA,qBAAsC,GAAA,CAAC,YAAS,SAAA,EAAU,UAAA,EAAY,GAAG,KAAA,EAAO;AAEvG,MAAM,QAAQ,CAAC;AAAA,EACpB,SAAA;AAAA,EACA,EAAA;AAAA,EACA,EAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAkB;AAChB,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AACnB,EAAA,MAAM,mBAAA,GAAsB,OAAA,CAAQ,QAAA,KAAa,SAAA,IAAa,CAAC,EAAA,CAAG,CAAA;AAElE,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,8CAAA;AAAA,UACA,YAAY,QAAA,GAAW,UAAA;AAAA,UACvB,mBAAA,IACE;AAAA,SACJ;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,cACnC,SAAA,EAAW,EAAA;AAAA;AAAA;AAAA,gBAGT,+EAAA;AAAA,gBACA,kBAAA,CAAmB,EAAA;AAAA,gBACnB,2BAAA;AAAA;AAAA,gBAEA,SAAA,GACI,4CACA,mBAAA,GACE,EAAA,CAAG,uBAAuB,UAAU,CAAA,GACpC,EAAA,CAAG,cAAA,EAAgB,6DAA6D,CAAA;AAAA,gBACtF;AAAA,eACF;AAAA,cACA,EAAA;AAAA,cACC,GAAG,KAAA;AAAA,cAEH,QAAA,EAAA;AAAA,gBAAA,IAAA,oBACC,GAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,wDAAA;AAAA,sBACA;AAAA,qBACF;AAAA,oBAEC,QAAA,EAAA;AAAA;AAAA,iBACH;AAAA,gBAED,SAAA,uBACE,aAAA,EAAA,EAAc,CAAA;AAAA;AAAA;AAAA;AAAA,kCAKf,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS;AAAA;AAAA;AAAA;AAAA,WAExD;AAAA,UACC,QAAA,oBACC,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,gBAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,+CAAA;AAAA,gBACA,mBAAA,IACE;AAAA,eACJ;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UAED,MAAA,oBAAU,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iDAAiD,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA,KACrF;AAAA,IACC,CAAC,SAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EAAG,MAAK,WAAA,EAAY,SAAA,EAAU,0BAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,QAAK,SAAA,EAAU,kBAAA,EACd,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;ACvIO,MAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EAAS,OAAA;AAAA,EACT,IAAA,EAAM,SAAA;AAAA,EACN,KAAA,EAAO;AACT;;;;"}
+{"version":3,"file":"Breadcrumb.es.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx","../../src/ds/components/Breadcrumb/crumb-switcher.ts"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../icons/Icon';\nimport { SlashIcon } from '../../icons/SlashIcon';\nimport { Skeleton } from '@/ds/components/Skeleton';\nimport { controlSizeClasses } from '@/ds/primitives/control-size';\nimport { PopupAnchorProvider } from '@/ds/primitives/popup-anchor';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover, quietTextHoverInGroup } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport interface BreadcrumbProps {\n  children?: React.ReactNode;\n  label?: string;\n  className?: string;\n  listClassName?: string;\n}\n\nexport const Breadcrumb = ({ children, label, className, listClassName }: BreadcrumbProps) => {\n  return (\n    <nav aria-label={label} className={className}>\n      <ol className={cn('flex items-center gap-0.5', listClassName)}>{children}</ol>\n    </nav>\n  );\n};\n\nexport interface CrumbProps {\n  isCurrent?: boolean;\n  as: React.ElementType;\n  className?: string;\n  to?: string;\n  prefetch?: boolean | null;\n  children?: React.ReactNode;\n  /** Prefix icon (bare SVG). The crumb wraps it in `<Icon>` and aligns it like a Button adornment. */\n  icon?: React.ReactNode;\n  /** Renders `CrumbSkeleton` in place of the label. */\n  isLoading?: boolean;\n  /**\n   * Sibling control rendered next to the label (never inside it). Expected to be a\n   * `size=\"icon-sm\"` ghost control, e.g. a CopyButton. Entity switchers go in `switcher`.\n   */\n  action?: React.ReactNode;\n  /**\n   * Entity switcher rendered next to the label; spread `crumbSwitcherTriggerProps` on it.\n   * When the crumb doesn't navigate (current crumb, or no `to`), its hit area covers the whole crumb.\n   */\n  switcher?: React.ReactNode;\n  'data-testid'?: string;\n}\n\nexport const CrumbSkeleton = (props: { 'data-testid'?: string }) => <Skeleton className=\"h-3 w-24\" {...props} />;\n\nexport const Crumb = ({\n  className,\n  as,\n  to,\n  isCurrent,\n  action,\n  switcher,\n  icon,\n  isLoading,\n  children,\n  ...props\n}: CrumbProps) => {\n  const Root = as || 'span';\n  const switcherCoversCrumb = Boolean(switcher && (isCurrent || !to));\n  const crumbRef = React.useRef<HTMLLIElement>(null);\n\n  return (\n    <>\n      <li\n        ref={crumbRef}\n        className={cn(\n          'group flex h-control-sm min-w-0 items-center',\n          isCurrent ? 'shrink' : 'shrink-0',\n          switcherCoversCrumb &&\n            'relative rounded-full has-[[data-slot=crumb-switcher]_[data-popup-open]]:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:hover:bg-fill-subtle has-[[data-slot=crumb-switcher]_button:enabled]:active:bg-fill',\n        )}\n      >\n        <Root\n          aria-current={isCurrent ? 'page' : undefined}\n          className={cn(\n            // Same box as `buttonVariants({ variant: 'ghost', size: 'sm' })` so a label and an\n            // icon-sm control sitting next to it share height, radius, padding and colors.\n            'inline-flex min-w-0 items-center gap-2 overflow-hidden rounded-full px-[.9em]',\n            controlSizeClasses.sm,\n            controlStateColorTransition,\n            // Long labels truncate: the current crumb gets more room than nav crumbs.\n            isCurrent\n              ? 'max-w-xs cursor-default text-foreground'\n              : switcherCoversCrumb\n                ? cn(quietTextHoverInGroup, 'max-w-48')\n                : cn(quietTextHover, 'max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill'),\n            className,\n          )}\n          to={to}\n          {...props}\n        >\n          {icon && (\n            <Icon\n              className={cn(\n                'ml-[-.3em] shrink-0 opacity-50 group-hover:opacity-100',\n                'transition-opacity duration-normal ease-out-custom',\n              )}\n            >\n              {icon}\n            </Icon>\n          )}\n          {isLoading ? (\n            <CrumbSkeleton />\n          ) : (\n            // `text-overflow` needs a block container, so the label truncates in its\n            // own box rather than on the flex Root. Works for plain strings and for\n            // components that resolve to a string (route-header `Component` crumbs).\n            <span className=\"min-w-0 flex-1 truncate\">{children}</span>\n          )}\n        </Root>\n        {switcher && (\n          <span\n            data-slot=\"crumb-switcher\"\n            className={cn(\n              '-ml-1 flex h-control-sm shrink-0 items-center',\n              switcherCoversCrumb &&\n                '[&_button]:bg-transparent! [&_button:enabled]:after:absolute [&_button:enabled]:after:inset-0 [&_button:enabled]:after:rounded-full',\n            )}\n          >\n            {/* The switcher's popup opens from the crumb's start, like a menu on the whole crumb. */}\n            <PopupAnchorProvider value={crumbRef}>{switcher}</PopupAnchorProvider>\n          </span>\n        )}\n        {action && <span className=\"-ml-1 flex h-control-sm shrink-0 items-center\">{action}</span>}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className=\"text-placeholder\">\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n","import type { ComboboxProps } from '../Combobox';\n\nexport const crumbSwitcherTriggerProps = {\n  variant: 'ghost',\n  size: 'icon-sm',\n} as const satisfies Pick<ComboboxProps, 'variant' | 'size'>;\n"],"names":["React"],"mappings":"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"}

package/dist/components/Button.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Button = require('../Button-DH1aTzbs.cjs');
+const Button = require('../Button-C4I05uT4.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');

package/dist/components/Button.es.js

@@ -1,5 +1,5 @@
-import { B as Button } from '../Button-EGoajBQY.js';
-export { b as buttonVariants, i as isIconButtonSize } from '../Button-EGoajBQY.js';
+import { B as Button } from '../Button-D8a5EWJ5.js';
+export { b as buttonVariants, i as isIconButtonSize } from '../Button-D8a5EWJ5.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Plus } from 'lucide-react';
 import React__default, { useRef } from 'react';

package/dist/components/ClampedText.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Button = require('../Button-DH1aTzbs.cjs');
+const Button = require('../Button-C4I05uT4.cjs');
 const disclosureChevron = require('../disclosure-chevron-D0KwJ8Zc.cjs');
 const Txt = require('../Txt-CIS2G5Jx.cjs');
 const hooks_useIsClamped = require('../hooks/use-is-clamped.cjs.js');
@@ -35,7 +35,7 @@ function ClampedText({
       {
         variant: "ghost",
         size: "sm",
-        className: "mt-1 -ml-[.8em] self-start justify-self-start",
+        className: "mt-1 ml-[-.8em] self-start justify-self-start",
         "aria-expanded": isExpanded,
         onClick: () => setIsExpanded((v) => !v),
         icon: /* @__PURE__ */ jsxRuntime.jsx(disclosureChevron.DisclosureChevron, {}),

package/dist/components/ClampedText.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClampedText.cjs.js","sources":["../../src/ds/components/ClampedText/clamped-text.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { useIsClamped } from '@/hooks/use-is-clamped';\nimport { cn } from '@/lib/utils';\n\n// Tailwind needs static class names — map instead of interpolating.\nconst clampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const;\n\nexport type ClampedTextLines = keyof typeof clampClasses;\n\nexport interface ClampedTextProps extends Omit<TxtProps, 'children' | 'ref'> {\n  children: string;\n  /** Number of lines to clamp to (default: 2) */\n  lines?: ClampedTextLines;\n  readMoreLabel?: string;\n  showLessLabel?: string;\n}\n\n/** Text clamped to a number of lines, with a \"read more\" toggle shown only when the clamp actually cuts content. */\nexport function ClampedText({\n  children,\n  lines = 2,\n  readMoreLabel = 'Read more',\n  showLessLabel = 'Show less',\n  className,\n  ...txtProps\n}: ClampedTextProps) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const { ref, isClamped } = useIsClamped({ enabled: !isExpanded });\n\n  return (\n    <>\n      <Txt {...txtProps} className={cn(!isExpanded && clampClasses[lines], className)} ref={ref}>\n        {children}\n      </Txt>\n      {(isClamped || isExpanded) && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"mt-1 -ml-[.8em] self-start justify-self-start\"\n          aria-expanded={isExpanded}\n          onClick={() => setIsExpanded(v => !v)}\n          icon={<DisclosureChevron />}\n        >\n          {isExpanded ? showLessLabel : readMoreLabel}\n        </Button>\n      )}\n    </>\n  );\n}\n"],"names":["useState","useIsClamped","jsxs","Fragment","jsx","Txt","cn","Button","DisclosureChevron"],"mappings":";;;;;;;;;;;;AASA,MAAM,YAAA,GAAe;AAAA,EACnB,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,aAAA,GAAgB,WAAA;AAAA,EAChB,aAAA,GAAgB,WAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA;AAClD,EAAA,MAAM,EAAE,KAAK,SAAA,EAAU,GAAIC,gCAAa,EAAE,OAAA,EAAS,CAAC,UAAA,EAAY,CAAA;AAEhE,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,OAAA,EAAA,EAAK,GAAG,QAAA,EAAU,SAAA,EAAWC,WAAA,CAAG,CAAC,UAAA,IAAc,YAAA,CAAa,KAAK,CAAA,EAAG,SAAS,CAAA,EAAG,KAC9E,QAAA,EACH,CAAA;AAAA,IAAA,CACE,aAAa,UAAA,qBACbF,cAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,SAAA,EAAU,+CAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,QACpC,IAAA,iCAAOC,mCAAA,EAAA,EAAkB,CAAA;AAAA,QAExB,uBAAa,aAAA,GAAgB;AAAA;AAAA;AAChC,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ClampedText.cjs.js","sources":["../../src/ds/components/ClampedText/clamped-text.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { useIsClamped } from '@/hooks/use-is-clamped';\nimport { cn } from '@/lib/utils';\n\n// Tailwind needs static class names — map instead of interpolating.\nconst clampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const;\n\nexport type ClampedTextLines = keyof typeof clampClasses;\n\nexport interface ClampedTextProps extends Omit<TxtProps, 'children' | 'ref'> {\n  children: string;\n  /** Number of lines to clamp to (default: 2) */\n  lines?: ClampedTextLines;\n  readMoreLabel?: string;\n  showLessLabel?: string;\n}\n\n/** Text clamped to a number of lines, with a \"read more\" toggle shown only when the clamp actually cuts content. */\nexport function ClampedText({\n  children,\n  lines = 2,\n  readMoreLabel = 'Read more',\n  showLessLabel = 'Show less',\n  className,\n  ...txtProps\n}: ClampedTextProps) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const { ref, isClamped } = useIsClamped({ enabled: !isExpanded });\n\n  return (\n    <>\n      <Txt {...txtProps} className={cn(!isExpanded && clampClasses[lines], className)} ref={ref}>\n        {children}\n      </Txt>\n      {(isClamped || isExpanded) && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"mt-1 ml-[-.8em] self-start justify-self-start\"\n          aria-expanded={isExpanded}\n          onClick={() => setIsExpanded(v => !v)}\n          icon={<DisclosureChevron />}\n        >\n          {isExpanded ? showLessLabel : readMoreLabel}\n        </Button>\n      )}\n    </>\n  );\n}\n"],"names":["useState","useIsClamped","jsxs","Fragment","jsx","Txt","cn","Button","DisclosureChevron"],"mappings":";;;;;;;;;;;;AASA,MAAM,YAAA,GAAe;AAAA,EACnB,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,aAAA,GAAgB,WAAA;AAAA,EAChB,aAAA,GAAgB,WAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA;AAClD,EAAA,MAAM,EAAE,KAAK,SAAA,EAAU,GAAIC,gCAAa,EAAE,OAAA,EAAS,CAAC,UAAA,EAAY,CAAA;AAEhE,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,OAAA,EAAA,EAAK,GAAG,QAAA,EAAU,SAAA,EAAWC,WAAA,CAAG,CAAC,UAAA,IAAc,YAAA,CAAa,KAAK,CAAA,EAAG,SAAS,CAAA,EAAG,KAC9E,QAAA,EACH,CAAA;AAAA,IAAA,CACE,aAAa,UAAA,qBACbF,cAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,SAAA,EAAU,+CAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,QACpC,IAAA,iCAAOC,mCAAA,EAAA,EAAkB,CAAA;AAAA,QAExB,uBAAa,aAAA,GAAgB;AAAA;AAAA;AAChC,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/ClampedText.es.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { B as Button } from '../Button-EGoajBQY.js';
+import { B as Button } from '../Button-D8a5EWJ5.js';
 import { D as DisclosureChevron } from '../disclosure-chevron-qzDAjl55.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';
 import { useIsClamped } from '../hooks/use-is-clamped.es.js';
@@ -31,7 +31,7 @@ function ClampedText({
       {
         variant: "ghost",
         size: "sm",
-        className: "mt-1 -ml-[.8em] self-start justify-self-start",
+        className: "mt-1 ml-[-.8em] self-start justify-self-start",
         "aria-expanded": isExpanded,
         onClick: () => setIsExpanded((v) => !v),
         icon: /* @__PURE__ */ jsx(DisclosureChevron, {}),

package/dist/components/ClampedText.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClampedText.es.js","sources":["../../src/ds/components/ClampedText/clamped-text.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { useIsClamped } from '@/hooks/use-is-clamped';\nimport { cn } from '@/lib/utils';\n\n// Tailwind needs static class names — map instead of interpolating.\nconst clampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const;\n\nexport type ClampedTextLines = keyof typeof clampClasses;\n\nexport interface ClampedTextProps extends Omit<TxtProps, 'children' | 'ref'> {\n  children: string;\n  /** Number of lines to clamp to (default: 2) */\n  lines?: ClampedTextLines;\n  readMoreLabel?: string;\n  showLessLabel?: string;\n}\n\n/** Text clamped to a number of lines, with a \"read more\" toggle shown only when the clamp actually cuts content. */\nexport function ClampedText({\n  children,\n  lines = 2,\n  readMoreLabel = 'Read more',\n  showLessLabel = 'Show less',\n  className,\n  ...txtProps\n}: ClampedTextProps) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const { ref, isClamped } = useIsClamped({ enabled: !isExpanded });\n\n  return (\n    <>\n      <Txt {...txtProps} className={cn(!isExpanded && clampClasses[lines], className)} ref={ref}>\n        {children}\n      </Txt>\n      {(isClamped || isExpanded) && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"mt-1 -ml-[.8em] self-start justify-self-start\"\n          aria-expanded={isExpanded}\n          onClick={() => setIsExpanded(v => !v)}\n          icon={<DisclosureChevron />}\n        >\n          {isExpanded ? showLessLabel : readMoreLabel}\n        </Button>\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe;AAAA,EACnB,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,aAAA,GAAgB,WAAA;AAAA,EAChB,aAAA,GAAgB,WAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,EAAE,KAAK,SAAA,EAAU,GAAI,aAAa,EAAE,OAAA,EAAS,CAAC,UAAA,EAAY,CAAA;AAEhE,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAA,EAAA,EAAK,GAAG,QAAA,EAAU,SAAA,EAAW,EAAA,CAAG,CAAC,UAAA,IAAc,YAAA,CAAa,KAAK,CAAA,EAAG,SAAS,CAAA,EAAG,KAC9E,QAAA,EACH,CAAA;AAAA,IAAA,CACE,aAAa,UAAA,qBACb,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,SAAA,EAAU,+CAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,QACpC,IAAA,sBAAO,iBAAA,EAAA,EAAkB,CAAA;AAAA,QAExB,uBAAa,aAAA,GAAgB;AAAA;AAAA;AAChC,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ClampedText.es.js","sources":["../../src/ds/components/ClampedText/clamped-text.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { DisclosureChevron } from '@/ds/components/DisclosureChevron';\nimport type { TxtProps } from '@/ds/components/Txt';\nimport { Txt } from '@/ds/components/Txt';\nimport { useIsClamped } from '@/hooks/use-is-clamped';\nimport { cn } from '@/lib/utils';\n\n// Tailwind needs static class names — map instead of interpolating.\nconst clampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const;\n\nexport type ClampedTextLines = keyof typeof clampClasses;\n\nexport interface ClampedTextProps extends Omit<TxtProps, 'children' | 'ref'> {\n  children: string;\n  /** Number of lines to clamp to (default: 2) */\n  lines?: ClampedTextLines;\n  readMoreLabel?: string;\n  showLessLabel?: string;\n}\n\n/** Text clamped to a number of lines, with a \"read more\" toggle shown only when the clamp actually cuts content. */\nexport function ClampedText({\n  children,\n  lines = 2,\n  readMoreLabel = 'Read more',\n  showLessLabel = 'Show less',\n  className,\n  ...txtProps\n}: ClampedTextProps) {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const { ref, isClamped } = useIsClamped({ enabled: !isExpanded });\n\n  return (\n    <>\n      <Txt {...txtProps} className={cn(!isExpanded && clampClasses[lines], className)} ref={ref}>\n        {children}\n      </Txt>\n      {(isClamped || isExpanded) && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"mt-1 ml-[-.8em] self-start justify-self-start\"\n          aria-expanded={isExpanded}\n          onClick={() => setIsExpanded(v => !v)}\n          icon={<DisclosureChevron />}\n        >\n          {isExpanded ? showLessLabel : readMoreLabel}\n        </Button>\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe;AAAA,EACnB,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG,cAAA;AAAA,EACH,CAAA,EAAG;AACL,CAAA;AAaO,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,aAAA,GAAgB,WAAA;AAAA,EAChB,aAAA,GAAgB,WAAA;AAAA,EAChB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,EAAE,KAAK,SAAA,EAAU,GAAI,aAAa,EAAE,OAAA,EAAS,CAAC,UAAA,EAAY,CAAA;AAEhE,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAA,EAAA,EAAK,GAAG,QAAA,EAAU,SAAA,EAAW,EAAA,CAAG,CAAC,UAAA,IAAc,YAAA,CAAa,KAAK,CAAA,EAAG,SAAS,CAAA,EAAG,KAC9E,QAAA,EACH,CAAA;AAAA,IAAA,CACE,aAAa,UAAA,qBACb,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,IAAA;AAAA,QACL,SAAA,EAAU,+CAAA;AAAA,QACV,eAAA,EAAe,UAAA;AAAA,QACf,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,CAAA,KAAK,CAAC,CAAC,CAAA;AAAA,QACpC,IAAA,sBAAO,iBAAA,EAAA,EAAkB,CAAA;AAAA,QAExB,uBAAa,aAAA,GAAgB;AAAA;AAAA;AAChC,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/CodeBlock.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const codeBlock = require('../code-block-vpcX2sDQ.cjs');
+const codeBlock = require('../code-block-C79fiykv.cjs');
 
 
 

package/dist/components/CodeBlock.es.js

@@ -1,2 +1,2 @@
-export { C as CodeBlock } from '../code-block-DIDa6lg6.js';
+export { C as CodeBlock } from '../code-block-D6A1DMv-.js';
 //# sourceMappingURL=CodeBlock.es.js.map

package/dist/components/CodeEditor.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const codeEditor = require('../code-editor-DQuJ1XXd.cjs');
+const codeEditor = require('../code-editor-Bd-Cldem.cjs');
 const highlight = require('../highlight-DK1dn-Fh.cjs');
 
 

package/dist/components/CodeEditor.es.js

@@ -1,3 +1,3 @@
-export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from '../code-editor-BDxYMkGm.js';
+export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from '../code-editor-8Fpinga4.js';
 export { h as highlight, l as languageForPath } from '../highlight-BmpoELR4.js';
 //# sourceMappingURL=CodeEditor.es.js.map

package/dist/components/CollapsibleBox.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const collapsibleBox = require('../collapsible-box-B9ATVQzW.cjs');
+const collapsibleBox = require('../collapsible-box-CzU0OwJx.cjs');
 const useCollapsibleBox = require('../use-collapsible-box-BI80L4h_.cjs');
 
 

package/dist/components/CollapsibleBox.es.js

@@ -1,3 +1,3 @@
-export { C as CollapsibleBox } from '../collapsible-box-CMBYunuM.js';
+export { C as CollapsibleBox } from '../collapsible-box-DotFa3hr.js';
 export { D as DEFAULT_COLLAPSED_HEIGHT, u as useCollapsibleBox } from '../use-collapsible-box-B0t2_SvP.js';
 //# sourceMappingURL=CollapsibleBox.es.js.map

package/dist/components/Combobox.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const combobox = require('../combobox-BNlVCFgY.cjs');
-const comboboxStyles = require('../combobox-styles-BK2nGTNl.cjs');
+const combobox = require('../combobox-DbZAWh8q.cjs');
+const comboboxStyles = require('../combobox-styles-Cy4rpw03.cjs');
 const combobox$1 = require('@base-ui/react/combobox');
 
 

package/dist/components/Combobox.es.js

@@ -1,4 +1,4 @@
-export { C as Combobox, a as ComboboxChip, b as ComboboxChips, c as ComboboxChipsInput, d as ComboboxClear, e as ComboboxCollection, f as ComboboxContent, g as ComboboxEmpty, h as ComboboxGroup, i as ComboboxInput, j as ComboboxItem, k as ComboboxItemContent, l as ComboboxItemDescription, m as ComboboxItemEnd, n as ComboboxItemTitle, o as ComboboxLabel, p as ComboboxList, q as ComboboxRoot, r as ComboboxSearch, s as ComboboxSeparator, t as ComboboxTrigger, u as ComboboxValue } from '../combobox-Bw13EcK0.js';
-export { c as comboboxStyles } from '../combobox-styles-Dr66ofEp.js';
+export { C as Combobox, a as ComboboxChip, b as ComboboxChips, c as ComboboxChipsInput, d as ComboboxClear, e as ComboboxCollection, f as ComboboxContent, g as ComboboxEmpty, h as ComboboxGroup, i as ComboboxInput, j as ComboboxItem, k as ComboboxItemContent, l as ComboboxItemDescription, m as ComboboxItemEnd, n as ComboboxItemTitle, o as ComboboxLabel, p as ComboboxList, q as ComboboxRoot, r as ComboboxSearch, s as ComboboxSeparator, t as ComboboxTrigger, u as ComboboxValue } from '../combobox-BCoCVZHs.js';
+export { c as comboboxStyles } from '../combobox-styles-Cens2tsx.js';
 export { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
 //# sourceMappingURL=Combobox.es.js.map

package/dist/components/Command.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const command = require('../command-UEPxVJlE.cjs');
+const command = require('../command-Duh5C_Pm.cjs');
 
 
 

package/dist/components/Command.es.js

@@ -1,2 +1,2 @@
-export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from '../command-V9rsKc7P.js';
+export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from '../command-xIH7ZTdl.js';
 //# sourceMappingURL=Command.es.js.map

package/dist/components/CommandPalette.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../CommandPalette.css');const jsxRuntime = require('react/jsx-runtime');
-const command = require('../command-UEPxVJlE.cjs');
+const command = require('../command-Duh5C_Pm.cjs');
 const kbd = require('../kbd-Xgv5HKEi.cjs');
 const scrollArea = require('../scroll-area-CAY0DNQj.cjs');
 const Txt = require('../Txt-CIS2G5Jx.cjs');

package/dist/components/CommandPalette.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { a as CommandDialog, d as CommandInput, e as CommandItem, h as CommandShortcut, f as CommandList } from '../command-V9rsKc7P.js';
+import { a as CommandDialog, d as CommandInput, e as CommandItem, h as CommandShortcut, f as CommandList } from '../command-xIH7ZTdl.js';
 import { K as Kbd } from '../kbd-7Xx2pm9f.js';
 import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-MaMqo4l8.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';

package/dist/components/Comment.cjs.js

@@ -8,9 +8,9 @@ const arrival = require('../arrival-Cvxloi0B.cjs');
 const useWatched = require('../use-watched-BixmYWp0.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const inputGroup = require('../input-group-DSW5WoSU.cjs');
+const inputGroup = require('../input-group-DRXUthxe.cjs');
 const utils_cn = require('../cn-DlOJCxrS.cjs');
-const Button = require('../Button-DH1aTzbs.cjs');
+const Button = require('../Button-C4I05uT4.cjs');
 const field = require('../field-BCU5ZtWV.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
 const primitives_textareaControl = require('../primitives/textarea-control.cjs.js');

package/dist/components/Comment.es.js

@@ -5,9 +5,9 @@ import { A as ArrivalScope } from '../arrival-C1hkyLHm.js';
 import { a as useWatched } from '../use-watched-CG9KoWl3.js';
 import { ArrowUp, X, Check } from 'lucide-react';
 import { forwardRef, useState } from 'react';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-CiBbTaPP.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-BAg6iSIe.js';
 import { c as cn } from '../cn-CQUhN5Jx.js';
-import { B as Button } from '../Button-EGoajBQY.js';
+import { B as Button } from '../Button-D8a5EWJ5.js';
 import { F as Field, c as FieldError } from '../field-Dl1zeXTv.js';
 import '../field-control-aria-DB6y41tQ.js';
 import { TextareaControl } from '../primitives/textarea-control.es.js';

package/dist/components/CopyButton.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const copyButton = require('../copy-button-Cd0keCti.cjs');
+const copyButton = require('../copy-button-BC02oZJo.cjs');
 
 
 

package/dist/components/CopyButton.es.js

@@ -1,2 +1,2 @@
-export { C as CopyButton } from '../copy-button-C_M3Tu_-.js';
+export { C as CopyButton } from '../copy-button-B_i9lwFJ.js';
 //# sourceMappingURL=CopyButton.es.js.map

package/dist/components/DataCodeSection.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataCodeSection = require('../data-code-section-lj3PaHjc.cjs');
+const dataCodeSection = require('../data-code-section-BJa6NDgN.cjs');
 
 
 

package/dist/components/DataCodeSection.es.js

@@ -1,2 +1,2 @@
-export { D as DataCodeSection } from '../data-code-section-mpRgtM8j.js';
+export { D as DataCodeSection } from '../data-code-section-Cjs-piiY.js';
 //# sourceMappingURL=DataCodeSection.es.js.map

package/dist/components/DataDetailsPanel.cjs.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DlOJCxrS.cjs');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-DH1aTzbs.cjs');
+const Button = require('../Button-C4I05uT4.cjs');
 const React = require('react');
 const buttonsGroup = require('../buttons-group-Bg9Unm6G.cjs');
 const code = require('../code-DJReJPSX.cjs');
-const copyButton = require('../copy-button-Cd0keCti.cjs');
+const copyButton = require('../copy-button-BC02oZJo.cjs');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
 const Txt = require('../Txt-CIS2G5Jx.cjs');
 const spinner = require('../spinner-Q8y5rnSa.cjs');

package/dist/components/DataDetailsPanel.es.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cn } from '../cn-CQUhN5Jx.js';
 import { XIcon, AlignLeftIcon, AlignJustifyIcon } from 'lucide-react';
-import { B as Button } from '../Button-EGoajBQY.js';
+import { B as Button } from '../Button-D8a5EWJ5.js';
 import { useState, useMemo } from 'react';
 import { B as ButtonsGroup } from '../buttons-group-DGWioDP3.js';
 import { C as Code } from '../code-DLuATvYu.js';
-import { C as CopyButton } from '../copy-button-C_M3Tu_-.js';
+import { C as CopyButton } from '../copy-button-B_i9lwFJ.js';
 import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';
 import { S as Spinner } from '../spinner-CsLM6TfA.js';

package/dist/components/DataKeysAndValues.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataKeysAndValues = require('../data-keys-and-values-1lYi60YK.cjs');
+const dataKeysAndValues = require('../data-keys-and-values-DBXIqeXt.cjs');
 
 
 

package/dist/components/DataKeysAndValues.es.js

@@ -1,2 +1,2 @@
-export { D as DataKeysAndValues } from '../data-keys-and-values-CHpxKsfq.js';
+export { D as DataKeysAndValues } from '../data-keys-and-values-DHp6cHJo.js';
 //# sourceMappingURL=DataKeysAndValues.es.js.map

package/dist/components/DataList.cjs.js

@@ -2,26 +2,24 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataList = require('../data-list-CmjTe8xE.cjs');
-const dataListSkeleton = require('../data-list-skeleton-sdcaabdX.cjs');
+const dataList = require('../data-list-DlXU1PLQ.cjs');
+const dataListSkeleton = require('../data-list-skeleton-DY0F40WQ.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const dataListSpacer = require('../data-list-spacer-CdlT6bDd.cjs');
-const dataListTop = require('../data-list-top-DJh08vFA.cjs');
 const Txt = require('../Txt-CIS2G5Jx.cjs');
 const utils_dateFormat = require('../utils/date-format.cjs.js');
-const tracesDataList = require('../traces-data-list-Bhhg9drs.cjs');
+const tracesDataList = require('../traces-data-list-Co9k5J4f.cjs');
 const useDataListKeyboard = require('../use-data-list-keyboard-DF3tLe10.cjs');
 const layout_tabbedContainer = require('../layout/tabbed-container.cjs.js');
 
 function ScoresDataListDateCell({ timestamp }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "text-muted-foreground", children: utils_dateFormat.formatDate(timestamp, "date") ?? "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { className: "text-muted-foreground", children: utils_dateFormat.formatDate(timestamp, "date") ?? "-" });
 }
 function ScoresDataListTimeCell({ timestamp }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "text-body-sm text-muted-foreground", children: utils_dateFormat.formatDate(timestamp, "time") ?? "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { className: "text-body-sm text-muted-foreground", children: utils_dateFormat.formatDate(timestamp, "time") ?? "-" });
 }
 function ScoresDataListInputCell({ input }) {
   const display = input != null ? JSON.stringify(input) : "-";
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
     Txt.Txt,
     {
       as: "span",
@@ -36,11 +34,11 @@ function ScoresDataListInputCell({ input }) {
 }
 function ScoresDataListEntityCell({ entityId }) {
   const display = entityId || "-";
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", className: "block max-w-full min-w-0 truncate", title: display, children: display }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", className: "block max-w-full min-w-0 truncate", title: display, children: display }) });
 }
 function ScoresDataListScoreCell({ score }) {
   const display = score == null ? "-" : typeof score === "object" ? JSON.stringify(score) : String(score);
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
     Txt.Txt,
     {
       as: "span",
@@ -55,15 +53,15 @@ function ScoresDataListScoreCell({ score }) {
 }
 
 function ScoresDataListRoot(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListRoot, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListRoot, { ...props });
 }
 const ScoresDataList = Object.assign(ScoresDataListRoot, {
-  Top: dataListTop.DataListTop,
-  TopCell: dataListTop.DataListTopCell,
-  SortableTopCell: dataListSpacer.DataListSortableTopCell,
-  RowButton: dataListSpacer.DataListRowButton,
-  NoMatch: dataListSpacer.DataListNoMatch,
-  NextPageLoading: dataListSpacer.DataListNextPageLoading,
+  Top: dataList.DataListTop,
+  TopCell: dataList.DataListTopCell,
+  SortableTopCell: dataList.DataListSortableTopCell,
+  RowButton: dataList.DataListRowButton,
+  NoMatch: dataList.DataListNoMatch,
+  NextPageLoading: dataList.DataListNextPageLoading,
   DateCell: ScoresDataListDateCell,
   TimeCell: ScoresDataListTimeCell,
   InputCell: ScoresDataListInputCell,