@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/command-jRiL1vXM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-jRiL1vXM.js","sources":["../src/ds/components/Command/command.tsx"],"sourcesContent":["import { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from '@/ds/components/Dialog';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport type { ScrollAreaMask } from '@/ds/components/ScrollArea';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst Command = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive\n    ref={ref}\n    className={cn('flex size-full flex-col overflow-hidden rounded-xl bg-card text-muted-foreground', className)}\n    {...props}\n  />\n));\nCommand.displayName = CommandPrimitive.displayName;\n\ntype CommandDialogProps = Omit<React.ComponentPropsWithoutRef<typeof Dialog>, 'children'> & {\n  children?: React.ReactNode;\n  title?: string;\n  description?: string;\n  contentClassName?: string;\n  commandClassName?: string;\n  commandLabel?: string;\n  showOverlay?: boolean;\n  overlayClassName?: string;\n};\n\nconst CommandDialog = ({\n  children,\n  title = 'Command Palette',\n  description = 'Search for commands and actions',\n  contentClassName,\n  commandClassName,\n  commandLabel,\n  showOverlay = false,\n  overlayClassName,\n  ...props\n}: CommandDialogProps) => {\n  // Custom filter that preserves DOM order by returning 1 for all matches\n  // This prevents cmdk from reordering items by match score\n  const filter = React.useCallback((value: string, search: string) => {\n    const normalizedValue = value.toLowerCase();\n    const normalizedSearch = search.toLowerCase();\n    const searchTerms = normalizedSearch.split(/\\s+/).filter(Boolean);\n\n    // All search terms must be found in the value\n    const matches = searchTerms.every(term => normalizedValue.includes(term));\n    return matches ? 1 : 0;\n  }, []);\n\n  // Stop propagation to prevent keyboard events from reaching\n  // global document-level listeners (e.g., table keyboard nav)\n  const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') return;\n\n    e.stopPropagation();\n  }, []);\n\n  return (\n    <Dialog {...props}>\n      <DialogContent\n        showOverlay={showOverlay}\n        overlayClassName={overlayClassName}\n        className={cn('overflow-hidden p-0', contentClassName)}\n      >\n        <DialogTitle className=\"sr-only\">{title}</DialogTitle>\n        <DialogDescription className=\"sr-only\">{description}</DialogDescription>\n        <Command\n          label={commandLabel}\n          loop\n          filter={filter}\n          onKeyDown={handleKeyDown}\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-column **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:text-muted-foreground',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2',\n            '[&_[data-slot=command-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:p-2',\n            '[&_[cmdk-item]_svg]:size-5',\n            commandClassName,\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\ntype CommandInputProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {\n  rightSlot?: React.ReactNode;\n  wrapperClassName?: string;\n};\n\nconst CommandInput = React.forwardRef<React.ElementRef<typeof CommandPrimitive.Input>, CommandInputProps>(\n  ({ className, rightSlot, wrapperClassName, ...props }, ref) => (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={cn('flex items-center border-b border-border px-3', transitions.colors, wrapperClassName)}\n    >\n      <Search className={cn('mr-2 size-4 shrink-0 text-muted-foreground', transitions.colors)} />\n      <CommandPrimitive.Input\n        ref={ref}\n        className={cn(\n          'flex h-8 min-w-0 flex-1 rounded-md bg-transparent py-2 text-body-sm text-foreground',\n          'placeholder:text-placeholder disabled:cursor-not-allowed disabled:opacity-50',\n          'outline-none focus:outline-none focus-visible:outline-none',\n          transitions.colors,\n          className,\n        )}\n        {...props}\n      />\n      {rightSlot && (\n        <div data-slot=\"command-input-right-slot\" className=\"text-muted-foreground ml-2 flex shrink-0 items-center\">\n          {rightSlot}\n        </div>\n      )}\n    </div>\n  ),\n);\nCommandInput.displayName = CommandPrimitive.Input.displayName;\n\ntype CommandListProps = React.ComponentPropsWithoutRef<typeof CommandPrimitive.List> & {\n  scrollArea?: boolean;\n  scrollAreaClassName?: string;\n  scrollAreaViewportClassName?: string;\n  scrollAreaMask?: ScrollAreaMask;\n  /** Extra classes for the travelling hover surface (e.g. a different radius). */\n  highlightClassName?: string;\n};\n\nconst CommandList = React.forwardRef<React.ElementRef<typeof CommandPrimitive.List>, CommandListProps>(\n  (\n    {\n      className,\n      children,\n      scrollArea = false,\n      scrollAreaClassName,\n      scrollAreaViewportClassName,\n      scrollAreaMask,\n      highlightClassName,\n      ...props\n    },\n    ref,\n  ) => {\n    const menu = useFluidMenu<HTMLDivElement>({ activeAttr: 'data-selected' });\n    const list = (\n      <CommandPrimitive.List\n        className={cn(\n          'outline-none focus:outline-none focus-visible:outline-none',\n          scrollArea ? 'overflow-visible' : 'max-h-dropdown overflow-x-hidden overflow-y-auto',\n          menu.containerClassName,\n          className,\n        )}\n        {...props}\n        {...menu.getContainerProps(props, ref)}\n      >\n        <FluidMenuItems menu={menu} className={highlightClassName}>\n          {children}\n        </FluidMenuItems>\n      </CommandPrimitive.List>\n    );\n\n    if (!scrollArea) return list;\n\n    return (\n      <ScrollArea\n        className={cn('min-h-0', scrollAreaClassName)}\n        viewPortClassName={scrollAreaViewportClassName}\n        mask={scrollAreaMask}\n      >\n        {list}\n      </ScrollArea>\n    );\n  },\n);\nCommandList.displayName = CommandPrimitive.List.displayName;\n\nconst CommandEmpty = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Empty>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n  <CommandPrimitive.Empty ref={ref} className=\"text-body-sm text-muted-foreground py-6 text-center\" {...props} />\n));\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName;\n\nconst CommandGroup = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Group>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Group\n    ref={ref}\n    className={cn(\n      'overflow-hidden p-1 text-muted-foreground',\n      '[&_[cmdk-group-heading]]:text-meta **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-1.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group-heading]]:uppercase',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandGroup.displayName = CommandPrimitive.Group.displayName;\n\nconst CommandSeparator = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Separator ref={ref} className={cn('-mx-1 h-px bg-border', className)} {...props} />\n));\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName;\n\nconst CommandItem = React.forwardRef<\n  React.ElementRef<typeof CommandPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <CommandPrimitive.Item\n    ref={useFluidMenuItemRef(ref)}\n    className={cn(\n      'relative flex cursor-pointer items-center gap-2.5 rounded-lg px-2 py-1.5 text-body-sm text-muted-foreground select-none',\n      'outline-none focus:outline-none focus-visible:outline-none',\n      transitions.colors,\n      // The row background is the travelling FluidMenuItems highlight in CommandList.\n      'data-[selected=true]:text-foreground',\n      'data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n      '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground data-[selected=true]:[&_svg]:text-foreground',\n      className,\n    )}\n    {...props}\n  />\n));\nCommandItem.displayName = CommandPrimitive.Item.displayName;\n\nconst CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span className={cn('ml-auto text-meta tracking-wider text-muted-foreground tabular-nums', className)} {...props} />\n  );\n};\nCommandShortcut.displayName = 'CommandShortcut';\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandSeparator,\n  CommandShortcut,\n};\n"],"names":["CommandPrimitive"],"mappings":"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"}

package/dist/components/Activity.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const activity = require('../activity-1GW2mu-d.cjs');
+const activity = require('../activity-BYMLNb0G.cjs');
 
 
 

package/dist/components/Activity.es.js

@@ -1,2 +1,2 @@
-export { A as ActivityBelt, a as ActivityWick } from '../activity-BiQKEDt0.js';
+export { A as ActivityBelt, a as ActivityWick } from '../activity-B8TfxRNU.js';
 //# sourceMappingURL=Activity.es.js.map

package/dist/components/AlertDialog.cjs.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const alertDialog = require('@base-ui/react/alert-dialog');
 const React = require('react');
-const Button = require('../Button-C2dx_QZN.cjs');
+const Button = require('../Button-CVewl8nT.cjs');
+const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
 const dialog = require('../dialog-75R05iBY.cjs');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -47,7 +48,7 @@ const AlertDialogOverlay = React__namespace.forwardRef(({ className, ...props },
   alertDialog.AlertDialog.Backdrop,
   {
     ref,
-    className: utils_cn.cn("dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
+    className: utils_cn.cn("dialog-overlay-anim fixed inset-0 z-50 bg-scrim backdrop-blur-xs", className),
     ...props
   }
 ));
@@ -63,7 +64,8 @@ const AlertDialogContent = React__namespace.forwardRef(({ className, ...props },
         "dialog-content-anim",
         "fixed top-[50%] left-[50%] z-50 grid translate-[-50%]",
         "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
-        "rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md",
+        "rounded-xl backdrop-blur-md",
+        primitives_raisedSurface.overlaySurfaceStyle,
         className
       ),
       ...props
@@ -75,12 +77,19 @@ const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntim
 AlertDialogHeader.displayName = "AlertDialogHeader";
 const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("max-h-[50vh] overflow-y-auto px-3 py-3", className), ...props });
+const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("max-h-[50vh] overflow-y-auto p-3", className), ...props });
 AlertDialogBody.displayName = "AlertDialogBody";
-const AlertDialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Title, { ref, className: utils_cn.cn("text-ui-md font-medium", className), ...props }));
+const AlertDialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Title, { ref, className: utils_cn.cn("text-subheading", className), ...props }));
 AlertDialogTitle.displayName = "AlertDialogTitle";
 const AlertDialogDescription = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialog.Description, { ref, className: utils_cn.cn("text-ui-sm text-neutral3", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    alertDialog.AlertDialog.Description,
+    {
+      ref,
+      className: utils_cn.cn("text-caption text-muted-foreground", className),
+      ...props
+    }
+  )
 );
 AlertDialogDescription.displayName = "AlertDialogDescription";
 const AlertDialogAction = React__namespace.forwardRef(

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.cjs.js","sources":["../../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport '@/ds/components/Dialog/dialog.css';\n\nconst AlertDialogRoot = AlertDialogPrimitive.Root;\n\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <AlertDialogRoot open={open} onOpenChange={onOpenChange}>\n      {children}\n    </AlertDialogRoot>\n  );\n}\n\ntype AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <AlertDialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </AlertDialogPrimitive.Trigger>\n    );\n  },\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\ntype AlertDialogOverlayProps = Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogOverlay = React.forwardRef<HTMLDivElement, AlertDialogOverlayProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentProps>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"alert-dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed top-[50%] left-[50%] z-50 grid translate-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md',\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-3 py-2.5 text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('max-h-[50vh] overflow-y-auto px-3 py-3', className)} {...props} />\n);\nAlertDialogBody.displayName = 'AlertDialogBody';\n\ntype AlertDialogTitleProps = Omit<AlertDialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-ui-md font-medium', className)} {...props} />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\ntype AlertDialogDescriptionProps = Omit<AlertDialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\ntype AlertDialogActionProps = Omit<AlertDialogPrimitive.Close.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'primary', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'default', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Body = AlertDialogBody;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = AlertDialogCancel;\n\nexport { AlertDialog };\n"],"names":["AlertDialogPrimitive","jsx","React","asChildRenderProps","cn","jsxs","buttonVariants"],"mappings":"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"}
+{"version":3,"file":"AlertDialog.cjs.js","sources":["../../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport '@/ds/components/Dialog/dialog.css';\n\nconst AlertDialogRoot = AlertDialogPrimitive.Root;\n\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <AlertDialogRoot open={open} onOpenChange={onOpenChange}>\n      {children}\n    </AlertDialogRoot>\n  );\n}\n\ntype AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <AlertDialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </AlertDialogPrimitive.Trigger>\n    );\n  },\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\ntype AlertDialogOverlayProps = Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogOverlay = React.forwardRef<HTMLDivElement, AlertDialogOverlayProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-scrim backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentProps>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"alert-dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed top-[50%] left-[50%] z-50 grid translate-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl backdrop-blur-md',\n        overlaySurfaceStyle,\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-3 py-2.5 text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('max-h-[50vh] overflow-y-auto p-3', className)} {...props} />\n);\nAlertDialogBody.displayName = 'AlertDialogBody';\n\ntype AlertDialogTitleProps = Omit<AlertDialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-subheading', className)} {...props} />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\ntype AlertDialogDescriptionProps = Omit<AlertDialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Description\n      ref={ref}\n      className={cn('text-caption text-muted-foreground', className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\ntype AlertDialogActionProps = Omit<AlertDialogPrimitive.Close.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'primary', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'default', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Body = AlertDialogBody;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = AlertDialogCancel;\n\nexport { AlertDialog };\n"],"names":["AlertDialogPrimitive","jsx","React","asChildRenderProps","cn","jsxs","overlaySurfaceStyle","buttonVariants"],"mappings":"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"}

package/dist/components/AlertDialog.es.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { AlertDialog as AlertDialog$1 } from '@base-ui/react/alert-dialog';
 import * as React from 'react';
-import { b as buttonVariants } from '../Button-DS6O6fvU.js';
+import { b as buttonVariants } from '../Button-cWcBEd-G.js';
+import { overlaySurfaceStyle } from '../primitives/raised-surface.es.js';
 import { a as asChildRenderProps } from '../dialog-BpW3qHc1.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 const AlertDialogRoot = AlertDialog$1.Root;
 function AlertDialog({
@@ -24,7 +25,7 @@ const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /*
   AlertDialog$1.Backdrop,
   {
     ref,
-    className: cn("dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs", className),
+    className: cn("dialog-overlay-anim fixed inset-0 z-50 bg-scrim backdrop-blur-xs", className),
     ...props
   }
 ));
@@ -40,7 +41,8 @@ const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /*
         "dialog-content-anim",
         "fixed top-[50%] left-[50%] z-50 grid translate-[-50%]",
         "w-full max-w-[calc(100%-2rem)] sm:max-w-lg",
-        "rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md",
+        "rounded-xl backdrop-blur-md",
+        overlaySurfaceStyle,
         className
       ),
       ...props
@@ -52,12 +54,19 @@ const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div"
 AlertDialogHeader.displayName = "AlertDialogHeader";
 const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end", className), ...props });
 AlertDialogFooter.displayName = "AlertDialogFooter";
-const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("max-h-[50vh] overflow-y-auto px-3 py-3", className), ...props });
+const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("max-h-[50vh] overflow-y-auto p-3", className), ...props });
 AlertDialogBody.displayName = "AlertDialogBody";
-const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Title, { ref, className: cn("text-ui-md font-medium", className), ...props }));
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Title, { ref, className: cn("text-subheading", className), ...props }));
 AlertDialogTitle.displayName = "AlertDialogTitle";
 const AlertDialogDescription = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialog$1.Description, { ref, className: cn("text-ui-sm text-neutral3", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    AlertDialog$1.Description,
+    {
+      ref,
+      className: cn("text-caption text-muted-foreground", className),
+      ...props
+    }
+  )
 );
 AlertDialogDescription.displayName = "AlertDialogDescription";
 const AlertDialogAction = React.forwardRef(

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

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.es.js","sources":["../../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport '@/ds/components/Dialog/dialog.css';\n\nconst AlertDialogRoot = AlertDialogPrimitive.Root;\n\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <AlertDialogRoot open={open} onOpenChange={onOpenChange}>\n      {children}\n    </AlertDialogRoot>\n  );\n}\n\ntype AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <AlertDialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </AlertDialogPrimitive.Trigger>\n    );\n  },\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\ntype AlertDialogOverlayProps = Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogOverlay = React.forwardRef<HTMLDivElement, AlertDialogOverlayProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-overlay backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentProps>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"alert-dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed top-[50%] left-[50%] z-50 grid translate-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl border border-border1/40 bg-surface2/96 shadow-dialog backdrop-blur-md',\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-3 py-2.5 text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('max-h-[50vh] overflow-y-auto px-3 py-3', className)} {...props} />\n);\nAlertDialogBody.displayName = 'AlertDialogBody';\n\ntype AlertDialogTitleProps = Omit<AlertDialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-ui-md font-medium', className)} {...props} />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\ntype AlertDialogDescriptionProps = Omit<AlertDialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Description ref={ref} className={cn('text-ui-sm text-neutral3', className)} {...props} />\n  ),\n);\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\ntype AlertDialogActionProps = Omit<AlertDialogPrimitive.Close.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'primary', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'default', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Body = AlertDialogBody;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = AlertDialogCancel;\n\nexport { AlertDialog };\n"],"names":["AlertDialogPrimitive"],"mappings":"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"}
+{"version":3,"file":"AlertDialog.es.js","sources":["../../src/ds/components/AlertDialog/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';\nimport * as React from 'react';\n\nimport { buttonVariants } from '@/ds/components/Button/Button';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { asChildRenderProps } from '@/lib/as-child';\nimport { cn } from '@/lib/utils';\n\nimport '@/ds/components/Dialog/dialog.css';\n\nconst AlertDialogRoot = AlertDialogPrimitive.Root;\n\nfunction AlertDialog({\n  open,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <AlertDialogRoot open={open} onOpenChange={onOpenChange}>\n      {children}\n    </AlertDialogRoot>\n  );\n}\n\ntype AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  ({ asChild, children, ...props }, ref) => {\n    return (\n      <AlertDialogPrimitive.Trigger ref={ref} {...asChildRenderProps(asChild, children)} {...props}>\n        {asChild ? undefined : children}\n      </AlertDialogPrimitive.Trigger>\n    );\n  },\n);\nAlertDialogTrigger.displayName = 'AlertDialogTrigger';\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\ntype AlertDialogOverlayProps = Omit<AlertDialogPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogOverlay = React.forwardRef<HTMLDivElement, AlertDialogOverlayProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Backdrop\n    ref={ref}\n    className={cn('dialog-overlay-anim fixed inset-0 z-50 bg-scrim backdrop-blur-xs', className)}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\ntype AlertDialogContentProps = Omit<AlertDialogPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContentProps>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"alert-dialog-content\"\n      className={cn(\n        'dialog-content-anim',\n        'fixed top-[50%] left-[50%] z-50 grid translate-[-50%]',\n        'w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n        'rounded-xl backdrop-blur-md',\n        overlaySurfaceStyle,\n        className,\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n));\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col gap-0.5 px-3 py-2.5 text-left', className)} {...props} />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col-reverse gap-1.5 px-3 py-2 sm:flex-row sm:justify-end', className)} {...props} />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('max-h-[50vh] overflow-y-auto p-3', className)} {...props} />\n);\nAlertDialogBody.displayName = 'AlertDialogBody';\n\ntype AlertDialogTitleProps = Omit<AlertDialogPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogTitle = React.forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title ref={ref} className={cn('text-subheading', className)} {...props} />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\ntype AlertDialogDescriptionProps = Omit<AlertDialogPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogDescription = React.forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Description\n      ref={ref}\n      className={cn('text-caption text-muted-foreground', className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\ntype AlertDialogActionProps = Omit<AlertDialogPrimitive.Close.Props, 'className'> & {\n  className?: string;\n};\n\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'primary', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  ({ className, ...props }, ref) => (\n    <AlertDialogPrimitive.Close\n      ref={ref}\n      className={cn(buttonVariants({ variant: 'default', size: 'lg' }), className)}\n      {...props}\n    />\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Body = AlertDialogBody;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Cancel = AlertDialogCancel;\n\nexport { AlertDialog };\n"],"names":["AlertDialogPrimitive"],"mappings":"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"}

package/dist/components/Arrival.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const arrival = require('../arrival-CormfVRZ.cjs');
+const arrival = require('../arrival-BWQZUZFQ.cjs');
 const useWatched = require('../use-watched-BixmYWp0.cjs');
 
 

package/dist/components/Arrival.es.js

@@ -1,3 +1,3 @@
-export { A as ArrivalScope, a as Arriving } from '../arrival-DPVjCnNy.js';
+export { A as ArrivalScope, a as Arriving } from '../arrival-RmSek4Iq.js';
 export { u as useArriving, a as useWatched } from '../use-watched-CG9KoWl3.js';
 //# sourceMappingURL=Arrival.es.js.map

package/dist/components/Avatar.cjs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Txt = require('../Txt-C7rZCmrg.cjs');
+const Txt = require('../Txt-B4-2nLaI.cjs');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const sizeClasses = {
   sm: "h-avatar-sm w-avatar-sm",
@@ -23,17 +23,18 @@ const Avatar = ({ src, name, size = "sm", interactive = false, color, textColor
     {
       className: utils_cn.cn(
         sizeClasses[size],
-        "flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border1",
-        !showFallbackTint && "bg-surface3",
-        primitives_transitions.transitions.all,
-        interactive && "cursor-pointer hover:scale-105 hover:border-neutral2 hover:shadow-sm"
+        "flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border",
+        !showFallbackTint && "bg-fill",
+        primitives_transitions.controlStateColorTransition,
+        interactive && "cursor-pointer hover:border-border-hover"
       ),
       style: showFallbackTint ? { backgroundColor: color } : void 0,
       children: showImage ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: name, className: "size-full object-cover", onError: () => setDidError(true) }) : /* @__PURE__ */ jsxRuntime.jsx(
         Txt.Txt,
         {
-          variant: "ui-md",
-          className: utils_cn.cn("text-center", !showFallbackTint && "text-neutral4"),
+          variant: "body",
+          tone: showFallbackTint ? void 0 : "muted",
+          className: "text-center",
           style: showFallbackTint && textColor ? { color: textColor } : void 0,
           children: initial
         }

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs.js","sources":["../../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      className={cn(\n        sizeClasses[size],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border1',\n        !showFallbackTint && 'bg-surface3',\n        transitions.all,\n        interactive && 'cursor-pointer hover:scale-105 hover:border-neutral2 hover:shadow-sm',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"ui-md\"\n          className={cn('text-center', !showFallbackTint && 'text-neutral4')}\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","jsx","cn","transitions","Txt"],"mappings":";;;;;;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,8FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,aAAA;AAAA,QACrBC,kCAAA,CAAY,GAAA;AAAA,QACZ,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACCF,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAE/FA,cAAA;AAAA,QAACG,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,SAAA,EAAWF,WAAA,CAAG,aAAA,EAAe,CAAC,oBAAoB,eAAe,CAAA;AAAA,UACjE,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"Avatar.cjs.js","sources":["../../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      className={cn(\n        sizeClasses[size],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border',\n        !showFallbackTint && 'bg-fill',\n        controlStateColorTransition,\n        interactive && 'cursor-pointer hover:border-border-hover',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"body\"\n          tone={showFallbackTint ? undefined : 'muted'}\n          className=\"text-center\"\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","jsx","cn","controlStateColorTransition","Txt"],"mappings":";;;;;;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,6FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,SAAA;AAAA,QACrBC,kDAAA;AAAA,QACA,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACCF,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAE/FA,cAAA;AAAA,QAACG,OAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAM,mBAAmB,MAAA,GAAY,OAAA;AAAA,UACrC,SAAA,EAAU,aAAA;AAAA,UACV,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}

package/dist/components/Avatar.es.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { T as Txt } from '../Txt-hyo2FKuO.js';
-import { transitions } from '../primitives/transitions.es.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { T as Txt } from '../Txt-DTh3Pa_a.js';
+import { controlStateColorTransition } from '../primitives/transitions.es.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 const sizeClasses = {
   sm: "h-avatar-sm w-avatar-sm",
@@ -19,17 +19,18 @@ const Avatar = ({ src, name, size = "sm", interactive = false, color, textColor
     {
       className: cn(
         sizeClasses[size],
-        "flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border1",
-        !showFallbackTint && "bg-surface3",
-        transitions.all,
-        interactive && "cursor-pointer hover:scale-105 hover:border-neutral2 hover:shadow-sm"
+        "flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border",
+        !showFallbackTint && "bg-fill",
+        controlStateColorTransition,
+        interactive && "cursor-pointer hover:border-border-hover"
       ),
       style: showFallbackTint ? { backgroundColor: color } : void 0,
       children: showImage ? /* @__PURE__ */ jsx("img", { src, alt: name, className: "size-full object-cover", onError: () => setDidError(true) }) : /* @__PURE__ */ jsx(
         Txt,
         {
-          variant: "ui-md",
-          className: cn("text-center", !showFallbackTint && "text-neutral4"),
+          variant: "body",
+          tone: showFallbackTint ? void 0 : "muted",
+          className: "text-center",
           style: showFallbackTint && textColor ? { color: textColor } : void 0,
           children: initial
         }

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.es.js","sources":["../../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      className={cn(\n        sizeClasses[size],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border1',\n        !showFallbackTint && 'bg-surface3',\n        transitions.all,\n        interactive && 'cursor-pointer hover:scale-105 hover:border-neutral2 hover:shadow-sm',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"ui-md\"\n          className={cn('text-center', !showFallbackTint && 'text-neutral4')}\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,8FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,aAAA;AAAA,QACrB,WAAA,CAAY,GAAA;AAAA,QACZ,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAE/F,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,SAAA,EAAW,EAAA,CAAG,aAAA,EAAe,CAAC,oBAAoB,eAAe,CAAA;AAAA,UACjE,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}
+{"version":3,"file":"Avatar.es.js","sources":["../../src/ds/components/Avatar/Avatar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Txt } from '../Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\n\nexport type AvatarProps = {\n  src?: string;\n  name: string;\n  size?: AvatarSize;\n  interactive?: boolean;\n  color?: string;\n  textColor?: string;\n};\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  sm: 'h-avatar-sm w-avatar-sm',\n  md: 'h-avatar-md w-avatar-md',\n  lg: 'h-avatar-lg w-avatar-lg',\n};\n\nexport const Avatar = ({ src, name, size = 'sm', interactive = false, color, textColor }: AvatarProps) => {\n  const [didError, setDidError] = useState(false);\n  const initial = name.trim()[0]?.toUpperCase() ?? 'A';\n  const showImage = Boolean(src) && !didError;\n  const showFallbackTint = !showImage && Boolean(color);\n\n  return (\n    <div\n      className={cn(\n        sizeClasses[size],\n        'flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border',\n        !showFallbackTint && 'bg-fill',\n        controlStateColorTransition,\n        interactive && 'cursor-pointer hover:border-border-hover',\n      )}\n      style={showFallbackTint ? { backgroundColor: color } : undefined}\n    >\n      {showImage ? (\n        <img src={src} alt={name} className=\"size-full object-cover\" onError={() => setDidError(true)} />\n      ) : (\n        <Txt\n          variant=\"body\"\n          tone={showFallbackTint ? undefined : 'muted'}\n          className=\"text-center\"\n          style={showFallbackTint && textColor ? { color: textColor } : undefined}\n        >\n          {initial}\n        </Txt>\n      )}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAiBA,MAAM,WAAA,GAA0C;AAAA,EAC9C,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,MAAA,GAAS,CAAC,EAAE,GAAA,EAAK,IAAA,EAAM,IAAA,GAAO,IAAA,EAAM,WAAA,GAAc,KAAA,EAAO,KAAA,EAAO,SAAA,EAAU,KAAmB;AACxG,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,EAAA,MAAM,UAAU,IAAA,CAAK,IAAA,GAAO,CAAC,CAAA,EAAG,aAAY,IAAK,GAAA;AACjD,EAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,GAAG,CAAA,IAAK,CAAC,QAAA;AACnC,EAAA,MAAM,gBAAA,GAAmB,CAAC,SAAA,IAAa,OAAA,CAAQ,KAAK,CAAA;AAEpD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,YAAY,IAAI,CAAA;AAAA,QAChB,6FAAA;AAAA,QACA,CAAC,gBAAA,IAAoB,SAAA;AAAA,QACrB,2BAAA;AAAA,QACA,WAAA,IAAe;AAAA,OACjB;AAAA,MACA,KAAA,EAAO,gBAAA,GAAmB,EAAE,eAAA,EAAiB,OAAM,GAAI,MAAA;AAAA,MAEtD,QAAA,EAAA,SAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,GAAA,EAAK,IAAA,EAAM,SAAA,EAAU,wBAAA,EAAyB,OAAA,EAAS,MAAM,WAAA,CAAY,IAAI,GAAG,CAAA,mBAE/F,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAM,mBAAmB,MAAA,GAAY,OAAA;AAAA,UACrC,SAAA,EAAU,aAAA;AAAA,UACV,OAAO,gBAAA,IAAoB,SAAA,GAAY,EAAE,KAAA,EAAO,WAAU,GAAI,MAAA;AAAA,UAE7D,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GAEJ;AAEJ;;;;"}

package/dist/components/Badge.cjs.js

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

package/dist/components/Badge.es.js

@@ -1,2 +1,2 @@
-export { B as Badge } from '../Badge-BCwBpIc7.js';
+export { B as Badge } from '../Badge-TD55_qZJ.js';
 //# sourceMappingURL=Badge.es.js.map

package/dist/components/BrandLoader.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../BrandLoader.css');const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const sizeClasses = {
   sm: "w-6",
@@ -30,7 +30,7 @@ function BrandLoader({ className, size = "md", "aria-label": ariaLabel = "Loadin
     {
       role: "status",
       "aria-label": ariaLabel,
-      className: utils_cn.cn("brand-loader inline-block text-neutral6", sizeClasses[size], className),
+      className: utils_cn.cn("brand-loader inline-block text-foreground", sizeClasses[size], className),
       style: { ["--brand-loader-stroke"]: strokeBySize[size] },
       children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 34 21", "aria-hidden": "true", children: [
         /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("filter", { id: filterId, x: "-5%", y: "-5%", width: "110%", height: "110%", children: [

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

@@ -1 +1 @@
-{"version":3,"file":"BrandLoader.cjs.js","sources":["../../src/ds/components/BrandLoader/brand-loader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './brand-loader.css';\n\nexport type BrandLoaderProps = {\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-8',\n  lg: 'w-10',\n};\n\n/** Thinner strokes on small sizes so ridges don't visually dominate the disks. */\nconst strokeBySize = {\n  sm: 2.2,\n  md: 2.5,\n  lg: 2.9,\n};\n\n/** Slightly smaller bubbles on small sizes so disks don't swallow the ridges at low pixel counts. */\nconst bubbleBySize = {\n  sm: 4.3,\n  md: 4.4,\n  lg: 4.498,\n};\n\nfunction BrandLoader({ className, size = 'md', 'aria-label': ariaLabel = 'Loading' }: BrandLoaderProps) {\n  const reactId = useId();\n  const filterId = `brand-loader-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const r = bubbleBySize[size];\n\n  return (\n    <div\n      role=\"status\"\n      aria-label={ariaLabel}\n      className={cn('brand-loader inline-block text-neutral6', sizeClasses[size], className)}\n      style={{ ['--brand-loader-stroke' as string]: strokeBySize[size] }}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" aria-hidden=\"true\">\n        <defs>\n          {/* Gooey merge: blur + sharp alpha threshold fuses overlapping shapes into a single blob. */}\n          <filter id={filterId} x=\"-5%\" y=\"-5%\" width=\"110%\" height=\"110%\">\n            {/* stdDeviation: blur radius. Larger = bigger fillet/roundness at line↔disk junction. */}\n            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"0.9\" />\n            {/*\n             * outAlpha = M·α − K. Opaque where α ≥ K/M. Transition band = 1/M.\n             * M=11, K=4.3 → cutoff 0.391, band 0.091 (soft, rounded edge, big fillet).\n             */}\n            <feColorMatrix values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 11 -4.3\" />\n          </filter>\n        </defs>\n        <g filter={`url(#${filterId})`}>\n          <line className=\"brand-loader-ln23\" x1=\"10.387\" y1=\"4.498\" x2=\"16.899\" y2=\"16.192\" />\n          <line className=\"brand-loader-ln34\" x1=\"16.899\" y1=\"16.192\" x2=\"22.815\" y2=\"4.56\" />\n          <line className=\"brand-loader-ln45\" x1=\"22.815\" y1=\"4.56\" x2=\"28.57\" y2=\"16.192\" />\n          <circle className=\"brand-loader-b1\" cx=\"4.498\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b2\" cx=\"10.387\" cy=\"4.498\" r={r} />\n          <circle className=\"brand-loader-b3\" cx=\"16.899\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b4\" cx=\"22.815\" cy=\"4.56\" r={r} />\n          <circle className=\"brand-loader-b5\" cx=\"28.57\" cy=\"16.192\" r={r} />\n        </g>\n      </svg>\n    </div>\n  );\n}\n\nexport { BrandLoader };\n"],"names":["useId","jsx","cn","jsxs"],"mappings":"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"}
+{"version":3,"file":"BrandLoader.cjs.js","sources":["../../src/ds/components/BrandLoader/brand-loader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './brand-loader.css';\n\nexport type BrandLoaderProps = {\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-8',\n  lg: 'w-10',\n};\n\n/** Thinner strokes on small sizes so ridges don't visually dominate the disks. */\nconst strokeBySize = {\n  sm: 2.2,\n  md: 2.5,\n  lg: 2.9,\n};\n\n/** Slightly smaller bubbles on small sizes so disks don't swallow the ridges at low pixel counts. */\nconst bubbleBySize = {\n  sm: 4.3,\n  md: 4.4,\n  lg: 4.498,\n};\n\nfunction BrandLoader({ className, size = 'md', 'aria-label': ariaLabel = 'Loading' }: BrandLoaderProps) {\n  const reactId = useId();\n  const filterId = `brand-loader-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const r = bubbleBySize[size];\n\n  return (\n    <div\n      role=\"status\"\n      aria-label={ariaLabel}\n      className={cn('brand-loader inline-block text-foreground', sizeClasses[size], className)}\n      style={{ ['--brand-loader-stroke' as string]: strokeBySize[size] }}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" aria-hidden=\"true\">\n        <defs>\n          {/* Gooey merge: blur + sharp alpha threshold fuses overlapping shapes into a single blob. */}\n          <filter id={filterId} x=\"-5%\" y=\"-5%\" width=\"110%\" height=\"110%\">\n            {/* stdDeviation: blur radius. Larger = bigger fillet/roundness at line↔disk junction. */}\n            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"0.9\" />\n            {/*\n             * outAlpha = M·α − K. Opaque where α ≥ K/M. Transition band = 1/M.\n             * M=11, K=4.3 → cutoff 0.391, band 0.091 (soft, rounded edge, big fillet).\n             */}\n            <feColorMatrix values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 11 -4.3\" />\n          </filter>\n        </defs>\n        <g filter={`url(#${filterId})`}>\n          <line className=\"brand-loader-ln23\" x1=\"10.387\" y1=\"4.498\" x2=\"16.899\" y2=\"16.192\" />\n          <line className=\"brand-loader-ln34\" x1=\"16.899\" y1=\"16.192\" x2=\"22.815\" y2=\"4.56\" />\n          <line className=\"brand-loader-ln45\" x1=\"22.815\" y1=\"4.56\" x2=\"28.57\" y2=\"16.192\" />\n          <circle className=\"brand-loader-b1\" cx=\"4.498\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b2\" cx=\"10.387\" cy=\"4.498\" r={r} />\n          <circle className=\"brand-loader-b3\" cx=\"16.899\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b4\" cx=\"22.815\" cy=\"4.56\" r={r} />\n          <circle className=\"brand-loader-b5\" cx=\"28.57\" cy=\"16.192\" r={r} />\n        </g>\n      </svg>\n    </div>\n  );\n}\n\nexport { BrandLoader };\n"],"names":["useId","jsx","cn","jsxs"],"mappings":"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"}

package/dist/components/BrandLoader.es.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useId } from 'react';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 import '../BrandLoader.css';const sizeClasses = {
   sm: "w-6",
@@ -26,7 +26,7 @@ function BrandLoader({ className, size = "md", "aria-label": ariaLabel = "Loadin
     {
       role: "status",
       "aria-label": ariaLabel,
-      className: cn("brand-loader inline-block text-neutral6", sizeClasses[size], className),
+      className: cn("brand-loader inline-block text-foreground", sizeClasses[size], className),
       style: { ["--brand-loader-stroke"]: strokeBySize[size] },
       children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 34 21", "aria-hidden": "true", children: [
         /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: filterId, x: "-5%", y: "-5%", width: "110%", height: "110%", children: [

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

@@ -1 +1 @@
-{"version":3,"file":"BrandLoader.es.js","sources":["../../src/ds/components/BrandLoader/brand-loader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './brand-loader.css';\n\nexport type BrandLoaderProps = {\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-8',\n  lg: 'w-10',\n};\n\n/** Thinner strokes on small sizes so ridges don't visually dominate the disks. */\nconst strokeBySize = {\n  sm: 2.2,\n  md: 2.5,\n  lg: 2.9,\n};\n\n/** Slightly smaller bubbles on small sizes so disks don't swallow the ridges at low pixel counts. */\nconst bubbleBySize = {\n  sm: 4.3,\n  md: 4.4,\n  lg: 4.498,\n};\n\nfunction BrandLoader({ className, size = 'md', 'aria-label': ariaLabel = 'Loading' }: BrandLoaderProps) {\n  const reactId = useId();\n  const filterId = `brand-loader-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const r = bubbleBySize[size];\n\n  return (\n    <div\n      role=\"status\"\n      aria-label={ariaLabel}\n      className={cn('brand-loader inline-block text-neutral6', sizeClasses[size], className)}\n      style={{ ['--brand-loader-stroke' as string]: strokeBySize[size] }}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" aria-hidden=\"true\">\n        <defs>\n          {/* Gooey merge: blur + sharp alpha threshold fuses overlapping shapes into a single blob. */}\n          <filter id={filterId} x=\"-5%\" y=\"-5%\" width=\"110%\" height=\"110%\">\n            {/* stdDeviation: blur radius. Larger = bigger fillet/roundness at line↔disk junction. */}\n            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"0.9\" />\n            {/*\n             * outAlpha = M·α − K. Opaque where α ≥ K/M. Transition band = 1/M.\n             * M=11, K=4.3 → cutoff 0.391, band 0.091 (soft, rounded edge, big fillet).\n             */}\n            <feColorMatrix values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 11 -4.3\" />\n          </filter>\n        </defs>\n        <g filter={`url(#${filterId})`}>\n          <line className=\"brand-loader-ln23\" x1=\"10.387\" y1=\"4.498\" x2=\"16.899\" y2=\"16.192\" />\n          <line className=\"brand-loader-ln34\" x1=\"16.899\" y1=\"16.192\" x2=\"22.815\" y2=\"4.56\" />\n          <line className=\"brand-loader-ln45\" x1=\"22.815\" y1=\"4.56\" x2=\"28.57\" y2=\"16.192\" />\n          <circle className=\"brand-loader-b1\" cx=\"4.498\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b2\" cx=\"10.387\" cy=\"4.498\" r={r} />\n          <circle className=\"brand-loader-b3\" cx=\"16.899\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b4\" cx=\"22.815\" cy=\"4.56\" r={r} />\n          <circle className=\"brand-loader-b5\" cx=\"28.57\" cy=\"16.192\" r={r} />\n        </g>\n      </svg>\n    </div>\n  );\n}\n\nexport { BrandLoader };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BrandLoader.es.js","sources":["../../src/ds/components/BrandLoader/brand-loader.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport './brand-loader.css';\n\nexport type BrandLoaderProps = {\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n  'aria-label'?: string;\n};\n\nconst sizeClasses = {\n  sm: 'w-6',\n  md: 'w-8',\n  lg: 'w-10',\n};\n\n/** Thinner strokes on small sizes so ridges don't visually dominate the disks. */\nconst strokeBySize = {\n  sm: 2.2,\n  md: 2.5,\n  lg: 2.9,\n};\n\n/** Slightly smaller bubbles on small sizes so disks don't swallow the ridges at low pixel counts. */\nconst bubbleBySize = {\n  sm: 4.3,\n  md: 4.4,\n  lg: 4.498,\n};\n\nfunction BrandLoader({ className, size = 'md', 'aria-label': ariaLabel = 'Loading' }: BrandLoaderProps) {\n  const reactId = useId();\n  const filterId = `brand-loader-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;\n  const r = bubbleBySize[size];\n\n  return (\n    <div\n      role=\"status\"\n      aria-label={ariaLabel}\n      className={cn('brand-loader inline-block text-foreground', sizeClasses[size], className)}\n      style={{ ['--brand-loader-stroke' as string]: strokeBySize[size] }}\n    >\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34 21\" aria-hidden=\"true\">\n        <defs>\n          {/* Gooey merge: blur + sharp alpha threshold fuses overlapping shapes into a single blob. */}\n          <filter id={filterId} x=\"-5%\" y=\"-5%\" width=\"110%\" height=\"110%\">\n            {/* stdDeviation: blur radius. Larger = bigger fillet/roundness at line↔disk junction. */}\n            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"0.9\" />\n            {/*\n             * outAlpha = M·α − K. Opaque where α ≥ K/M. Transition band = 1/M.\n             * M=11, K=4.3 → cutoff 0.391, band 0.091 (soft, rounded edge, big fillet).\n             */}\n            <feColorMatrix values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 11 -4.3\" />\n          </filter>\n        </defs>\n        <g filter={`url(#${filterId})`}>\n          <line className=\"brand-loader-ln23\" x1=\"10.387\" y1=\"4.498\" x2=\"16.899\" y2=\"16.192\" />\n          <line className=\"brand-loader-ln34\" x1=\"16.899\" y1=\"16.192\" x2=\"22.815\" y2=\"4.56\" />\n          <line className=\"brand-loader-ln45\" x1=\"22.815\" y1=\"4.56\" x2=\"28.57\" y2=\"16.192\" />\n          <circle className=\"brand-loader-b1\" cx=\"4.498\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b2\" cx=\"10.387\" cy=\"4.498\" r={r} />\n          <circle className=\"brand-loader-b3\" cx=\"16.899\" cy=\"16.192\" r={r} />\n          <circle className=\"brand-loader-b4\" cx=\"22.815\" cy=\"4.56\" r={r} />\n          <circle className=\"brand-loader-b5\" cx=\"28.57\" cy=\"16.192\" r={r} />\n        </g>\n      </svg>\n    </div>\n  );\n}\n\nexport { BrandLoader };\n"],"names":[],"mappings":"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"}

package/dist/components/Breadcrumb.cjs.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const icons_SlashIcon = require('../icons/SlashIcon.cjs.js');
-const skeleton = require('../skeleton-gdUQjWPU.cjs');
+const skeleton = require('../skeleton-cXUjPrq9.cjs');
 const primitives_controlSize = require('../primitives/control-size.cjs.js');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const primitives_typography = require('../primitives/typography.cjs.js');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const Breadcrumb = ({ children, label, className, listClassName }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: utils_cn.cn("flex items-center gap-0.5", listClassName), children }) });
@@ -17,7 +18,7 @@ const CrumbSkeleton = (props) => /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleto
 const Crumb = ({ className, as, isCurrent, action, icon, isLoading, children, ...props }) => {
   const Root = as || "span";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn("group flex h-form-sm min-w-0 items-center", isCurrent ? "shrink" : "shrink-0"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("li", { className: utils_cn.cn("group flex h-control-sm min-w-0 items-center", isCurrent ? "shrink" : "shrink-0"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         Root,
         {
@@ -27,9 +28,9 @@ const Crumb = ({ className, as, isCurrent, action, icon, isLoading, children, ..
             // icon-sm control sitting next to it share height, radius, padding and colors.
             "inline-flex min-w-0 items-center gap-2 overflow-hidden rounded-full px-[.9em]",
             primitives_controlSize.controlSizeClasses.sm,
-            primitives_transitions.transitions.colors,
+            primitives_transitions.controlStateColorTransition,
             // Long labels truncate: the current crumb gets more room than nav crumbs.
-            isCurrent ? "max-w-xs cursor-default font-medium text-neutral6" : "max-w-48 cursor-pointer text-neutral4 hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10",
+            isCurrent ? "max-w-xs cursor-default text-foreground" : utils_cn.cn(primitives_typography.quietTextHover, "max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill"),
             className
           ),
           ...props,
@@ -53,9 +54,9 @@ const Crumb = ({ className, as, isCurrent, action, icon, isLoading, children, ..
           ]
         }
       ),
-      action && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-form-sm -ml-1 flex shrink-0 items-center", children: action })
+      action && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-control-sm -ml-1 flex shrink-0 items-center", children: action })
     ] }),
-    !isCurrent && /* @__PURE__ */ jsxRuntime.jsx("li", { role: "separator", className: "flex h-full items-center", children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { className: utils_cn.cn("text-neutral2", primitives_transitions.transitions.colors), children: /* @__PURE__ */ jsxRuntime.jsx(icons_SlashIcon.SlashIcon, {}) }) })
+    !isCurrent && /* @__PURE__ */ jsxRuntime.jsx("li", { role: "separator", className: "flex h-full items-center", children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { className: "text-placeholder", children: /* @__PURE__ */ jsxRuntime.jsx(icons_SlashIcon.SlashIcon, {}) }) })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx"],"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 { transitions } from '@/ds/primitives/transitions';\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: an icon-only Combobox switcher, a CopyButton, …\n   */\n  action?: 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 = ({ className, as, isCurrent, action, icon, isLoading, children, ...props }: CrumbProps) => {\n  const Root = as || 'span';\n\n  return (\n    <>\n      <li className={cn('group flex h-form-sm min-w-0 items-center', isCurrent ? 'shrink' : 'shrink-0')}>\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            transitions.colors,\n            // Long labels truncate: the current crumb gets more room than nav crumbs.\n            isCurrent\n              ? 'max-w-xs cursor-default font-medium text-neutral6'\n              : 'max-w-48 cursor-pointer text-neutral4 hover:bg-neutral6/5 hover:text-neutral6 active:bg-neutral6/10',\n            className,\n          )}\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        {action && <span className=\"h-form-sm -ml-1 flex shrink-0 items-center\">{action}</span>}\n      </li>\n      {!isCurrent && (\n        <li role=\"separator\" className=\"flex h-full items-center\">\n          <Icon className={cn('text-neutral2', transitions.colors)}>\n            <SlashIcon />\n          </Icon>\n        </li>\n      )}\n    </>\n  );\n};\n"],"names":["jsx","cn","Skeleton","jsxs","Fragment","controlSizeClasses","transitions","Icon","SlashIcon"],"mappings":";;;;;;;;;;;;AAgBO,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWC,WAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AAqBO,MAAM,aAAA,GAAgB,CAAC,KAAA,qBAAsCD,cAAA,CAACE,qBAAS,SAAA,EAAU,UAAA,EAAY,GAAG,KAAA,EAAO;AAEvG,MAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,EAAA,EAAI,SAAA,EAAW,MAAA,EAAQ,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AAC9G,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AAEnB,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,QAAG,SAAA,EAAWF,WAAA,CAAG,6CAA6C,SAAA,GAAY,QAAA,GAAW,UAAU,CAAA,EAC9F,QAAA,EAAA;AAAA,sBAAAE,eAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAWF,WAAA;AAAA;AAAA;AAAA,YAGT,+EAAA;AAAA,YACAI,yCAAA,CAAmB,EAAA;AAAA,YACnBC,kCAAA,CAAY,MAAA;AAAA;AAAA,YAEZ,YACI,mDAAA,GACA,qGAAA;AAAA,YACJ;AAAA,WACF;AAAA,UACC,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA,YAAA,IAAA,oBACCN,cAAA;AAAA,cAACO,eAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAWN,WAAA;AAAA,kBACT,wDAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YAED,SAAA,kCACE,aAAA,EAAA,EAAc,CAAA;AAAA;AAAA;AAAA;AAAA,8BAKfD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS;AAAA;AAAA;AAAA;AAAA,OAExD;AAAA,MACC,MAAA,oBAAUA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8CAA8C,QAAA,EAAA,MAAA,EAAO;AAAA,KAAA,EAClF,CAAA;AAAA,IACC,CAAC,SAAA,oBACAA,cAAA,CAAC,QAAG,IAAA,EAAK,WAAA,EAAY,WAAU,0BAAA,EAC7B,QAAA,kBAAAA,cAAA,CAACO,mBAAK,SAAA,EAAWN,WAAA,CAAG,iBAAiBK,kCAAA,CAAY,MAAM,GACrD,QAAA,kBAAAN,cAAA,CAACQ,yBAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;;;"}
+{"version":3,"file":"Breadcrumb.cjs.js","sources":["../../src/ds/components/Breadcrumb/Breadcrumb.tsx"],"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 } 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: an icon-only Combobox switcher, a CopyButton, …\n   */\n  action?: 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 = ({ className, as, isCurrent, action, icon, isLoading, children, ...props }: CrumbProps) => {\n  const Root = as || 'span';\n\n  return (\n    <>\n      <li className={cn('group flex h-control-sm min-w-0 items-center', isCurrent ? 'shrink' : 'shrink-0')}>\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              : cn(quietTextHover, 'max-w-48 cursor-pointer hover:bg-fill-subtle active:bg-fill'),\n            className,\n          )}\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        {action && <span className=\"h-control-sm -ml-1 flex 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"],"names":["jsx","cn","Skeleton","jsxs","Fragment","controlSizeClasses","controlStateColorTransition","quietTextHover","Icon","SlashIcon"],"mappings":";;;;;;;;;;;;;AAiBO,MAAM,aAAa,CAAC,EAAE,UAAU,KAAA,EAAO,SAAA,EAAW,eAAc,KAAuB;AAC5F,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAY,KAAA,EAAO,SAAA,EACtB,QAAA,kBAAAA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAWC,WAAA,CAAG,2BAAA,EAA6B,aAAa,CAAA,EAAI,UAAS,CAAA,EAC3E,CAAA;AAEJ;AAqBO,MAAM,aAAA,GAAgB,CAAC,KAAA,qBAAsCD,cAAA,CAACE,qBAAS,SAAA,EAAU,UAAA,EAAY,GAAG,KAAA,EAAO;AAEvG,MAAM,KAAA,GAAQ,CAAC,EAAE,SAAA,EAAW,EAAA,EAAI,SAAA,EAAW,MAAA,EAAQ,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,KAAkB;AAC9G,EAAA,MAAM,OAAO,EAAA,IAAM,MAAA;AAEnB,EAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,QAAG,SAAA,EAAWF,WAAA,CAAG,gDAAgD,SAAA,GAAY,QAAA,GAAW,UAAU,CAAA,EACjG,QAAA,EAAA;AAAA,sBAAAE,eAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,cAAA,EAAc,YAAY,MAAA,GAAS,MAAA;AAAA,UACnC,SAAA,EAAWF,WAAA;AAAA;AAAA;AAAA,YAGT,+EAAA;AAAA,YACAI,yCAAA,CAAmB,EAAA;AAAA,YACnBC,kDAAA;AAAA;AAAA,YAEA,SAAA,GACI,yCAAA,GACAL,WAAA,CAAGM,oCAAA,EAAgB,6DAA6D,CAAA;AAAA,YACpF;AAAA,WACF;AAAA,UACC,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA,YAAA,IAAA,oBACCP,cAAA;AAAA,cAACQ,eAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAWP,WAAA;AAAA,kBACT,wDAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YAED,SAAA,kCACE,aAAA,EAAA,EAAc,CAAA;AAAA;AAAA;AAAA;AAAA,8BAKfD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAS;AAAA;AAAA;AAAA;AAAA,OAExD;AAAA,MACC,MAAA,oBAAUA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iDAAiD,QAAA,EAAA,MAAA,EAAO;AAAA,KAAA,EACrF,CAAA;AAAA,IACC,CAAC,SAAA,oBACAA,cAAA,CAAC,IAAA,EAAA,EAAG,MAAK,WAAA,EAAY,SAAA,EAAU,0BAAA,EAC7B,QAAA,kBAAAA,cAAA,CAACQ,mBAAK,SAAA,EAAU,kBAAA,EACd,QAAA,kBAAAR,cAAA,CAACS,yBAAA,EAAA,EAAU,GACb,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;;;"}