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

package/dist/components/DateTimePicker.es.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { format, isValid, formatDate } from 'date-fns';
-import { CircleAlertIcon, X, Check, CalendarIcon } from 'lucide-react';
+import { X, Check, CalendarIcon } from 'lucide-react';
 import * as React from 'react';
 import { useDebouncedCallback } from 'use-debounce';
-import { T as TextFieldBlock } from '../text-field-block-aRttm8yP.js';
-import { D as DatePicker } from '../date-picker-jDmdtRTR.js';
-import { T as TimePicker } from '../time-picker-Dce_kGwY.js';
-import { B as Button } from '../Button-DS6O6fvU.js';
-import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-lj-OpKKH.js';
+import { T as TextFieldBlock } from '../text-field-block--EUJKlY_.js';
+import { D as DatePicker } from '../date-picker-DgWTsiJ7.js';
+import { T as TimePicker } from '../time-picker-DVt1ZUsS.js';
+import { B as Button } from '../Button-cWcBEd-G.js';
+import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Dg70UGyn.js';
 import { controlTriggerOpenStateFor } from '../primitives/control-size.es.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 const DateTimePicker = ({
   value,
@@ -40,7 +40,7 @@ const DateTimePicker = ({
     /* @__PURE__ */ jsx(
       PopoverContent,
       {
-        className: "backdrop-blur-4xl bg-surface4 w-auto max-w-66 p-0!",
+        className: "backdrop-blur-4xl bg-muted w-auto max-w-66 p-0!",
         align: "start",
         "data-testid": "datepicker-calendar",
         children: /* @__PURE__ */ jsx(
@@ -182,21 +182,8 @@ const DateTimePickerContent = ({
             value: dateInputValue,
             onChange: handleInputChange,
             placeholder,
-            className: "m-4 mb-0 w-auto!"
-          }
-        ),
-        localErrorMsg && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "m-4 mb-0 text-ui-md text-neutral3",
-              "[&>svg]:float-left [&>svg]:mt-0.5 [&>svg]:mr-2 [&>svg]:size-[1.1em] [&>svg]:text-error"
-            ),
-            children: [
-              /* @__PURE__ */ jsx(CircleAlertIcon, {}),
-              " ",
-              localErrorMsg
-            ]
+            className: "m-4 mb-0 w-auto!",
+            errorMsg: localErrorMsg
           }
         ),
         /* @__PURE__ */ jsx(
@@ -250,7 +237,7 @@ const DefaultTrigger = React.forwardRef(
         className: cn("justify-start", controlTriggerOpenStateFor(variant), className),
         icon: /* @__PURE__ */ jsx(CalendarIcon, {}),
         ...props,
-        children: value ? /* @__PURE__ */ jsx("span", { className: "text-neutral6", children: format(value, "PP p") }) : /* @__PURE__ */ jsx("span", { className: "text-neutral3", children: placeholder ?? "Pick a date" })
+        children: value ? /* @__PURE__ */ jsx("span", { className: "text-foreground", children: format(value, "PP p") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder ?? "Pick a date" })
       }
     );
   }

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.es.js","sources":["../../src/ds/components/DateTimePicker/date-time-picker.tsx"],"sourcesContent":["import { format, formatDate, isValid } from 'date-fns';\nimport { CalendarIcon, CircleAlertIcon, Check, X } from 'lucide-react';\nimport * as React from 'react';\nimport type { DayPickerSingleProps } from 'react-day-picker';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { TextFieldBlock } from '../FormFieldBlocks/fields/text-field-block';\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { controlTriggerOpenStateFor } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype CommonProps = Omit<DayPickerSingleProps, 'mode' | 'selected' | 'onSelect'> & {\n  value: Date | undefined | null;\n  minValue?: Date | null;\n  maxValue?: Date | null;\n  defaultTimeStrValue?: string;\n  onValueChange: (date: Date | undefined) => void;\n};\n\ntype DefaultTriggerLook = Pick<ButtonProps, 'variant' | 'size'>;\n\nexport type DateTimePickerProps =\n  | (CommonProps & DefaultTriggerLook & { children?: never; className?: string; placeholder?: string })\n  | (CommonProps & {\n      children: React.ReactNode;\n      className?: never;\n      placeholder?: string;\n      variant?: never;\n      size?: never;\n    });\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n  value,\n  minValue,\n  maxValue,\n  defaultTimeStrValue,\n  onValueChange,\n  children,\n  className,\n  placeholder,\n  variant,\n  size,\n  ...props\n}) => {\n  const [openPopover, setOpenPopover] = React.useState(false);\n\n  return (\n    <Popover open={openPopover} onOpenChange={setOpenPopover}>\n      <PopoverTrigger asChild>\n        {children ? (\n          children\n        ) : (\n          <DefaultTrigger\n            value={value}\n            placeholder={placeholder}\n            variant={variant}\n            size={size}\n            className={className}\n            data-testid=\"datepicker-button\"\n          />\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"backdrop-blur-4xl bg-surface4 w-auto max-w-66 p-0!\"\n        align=\"start\"\n        data-testid=\"datepicker-calendar\"\n      >\n        <DateTimePickerContent\n          value={value}\n          minValue={minValue}\n          maxValue={maxValue}\n          onValueChange={onValueChange}\n          setOpenPopover={setOpenPopover}\n          defaultTimeStrValue={defaultTimeStrValue}\n          {...props}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nfunction getCompoundDate({ date, timeStr = '' }: { date: Date; timeStr?: string }): Date | null {\n  if (!isValid(date)) {\n    return null;\n  }\n\n  if (timeStr) {\n    const dateStr = format(date, 'yyyy-MM-dd');\n    const newDate = new Date(`${dateStr} ${timeStr}`);\n    if (isValid(newDate)) {\n      return newDate;\n    }\n  }\n\n  return date;\n}\n\nexport const DateTimePickerContent = ({\n  value,\n  minValue,\n  maxValue,\n  onValueChange,\n  setOpenPopover,\n  placeholder,\n  className,\n  defaultTimeStrValue,\n  ...props\n}: CommonProps & {\n  setOpenPopover?: (open: boolean) => void;\n  placeholder?: string;\n  className?: string;\n}) => {\n  const [localErrorMsg, setLocalErrorMsg] = React.useState<string | null>(null);\n  const [dateInputValue, setDateInputValue] = React.useState<string>(\n    value ? format(getCompoundDate({ date: value, timeStr: defaultTimeStrValue }) || '', 'PP p') : '',\n  );\n  const [timeStrValue, setTimeStrValue] = React.useState<string>(defaultTimeStrValue || '');\n  const [selected, setSelected] = React.useState<Date | undefined>(value ? new Date(value) : undefined);\n\n  const debouncedDateUpdate = useDebouncedCallback((date: Date) => {\n    if (isValid(date)) {\n      setSelected(date);\n      onValueChange?.(date);\n      setOpenPopover?.(false);\n    }\n  }, 500);\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setDateInputValue(e.currentTarget.value);\n    const date = new Date(e.currentTarget.value);\n    debouncedDateUpdate(date);\n  };\n\n  const updateInputValue = (date: Date | string) => {\n    if (isValid(date)) {\n      if (maxValue && date > maxValue) {\n        setLocalErrorMsg(`The selected date should be before ${format(maxValue, 'PP p')}`);\n        setDateInputValue('');\n      } else if (minValue && date < minValue) {\n        setLocalErrorMsg(`The selected date should be after ${format(minValue, 'PP p')}`);\n        setDateInputValue('');\n      } else {\n        setDateInputValue(format(date, 'PP p'));\n        setLocalErrorMsg('');\n      }\n    } else {\n      setDateInputValue('');\n      setLocalErrorMsg('');\n    }\n  };\n\n  const dateInputValueDate = new Date(dateInputValue);\n  const dateInputValueIsValid = isValid(dateInputValueDate);\n  const newValueDefined = dateInputValueIsValid && dateInputValueDate.getTime() !== value?.getTime();\n\n  const handleDaySelect = (date: Date | undefined) => {\n    setSelected(date);\n    if (date) {\n      const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n      updateInputValue(newDate || '');\n    } else {\n      updateInputValue('');\n    }\n  };\n\n  const handleMonthSelect = (date: Date | undefined) => {\n    setSelected(date);\n    if (date) {\n      const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n      updateInputValue(newDate || '');\n    } else {\n      updateInputValue('');\n    }\n  };\n\n  const handleTimeStrChange = (val: string) => {\n    setTimeStrValue(val);\n\n    if (dateInputValueIsValid) {\n      const newDate = getCompoundDate({ date: dateInputValueDate, timeStr: val });\n      updateInputValue(newDate || '');\n    }\n  };\n\n  const handleCancel = () => {\n    setOpenPopover?.(false);\n  };\n\n  const handleApply = () => {\n    if (isValid(dateInputValueDate)) {\n      onValueChange(dateInputValueDate);\n    }\n    setOpenPopover?.(false);\n  };\n\n  const handleClear = () => {\n    onValueChange(undefined);\n    setSelected(undefined);\n    setDateInputValue('');\n    setTimeStrValue('');\n    setOpenPopover?.(false);\n  };\n\n  return (\n    <div\n      aria-label=\"Choose date\"\n      className={cn('relative flex flex-col', className)}\n      onKeyDown={e => {\n        e.stopPropagation();\n        if (e.key === 'Escape') {\n          setOpenPopover?.(false);\n        }\n      }}\n    >\n      <TextFieldBlock\n        name=\"date-range\"\n        type=\"text\"\n        value={dateInputValue}\n        onChange={handleInputChange}\n        placeholder={placeholder}\n        className=\"m-4 mb-0 w-auto!\"\n      />\n\n      {localErrorMsg && (\n        <div\n          className={cn(\n            'm-4 mb-0 text-ui-md text-neutral3',\n            '[&>svg]:float-left [&>svg]:mt-0.5 [&>svg]:mr-2 [&>svg]:size-[1.1em] [&>svg]:text-error',\n          )}\n        >\n          <CircleAlertIcon /> {localErrorMsg}\n        </div>\n      )}\n\n      <DatePicker\n        mode=\"single\"\n        month={selected}\n        selected={selected}\n        onMonthChange={handleMonthSelect}\n        onSelect={handleDaySelect}\n        {...props}\n      />\n\n      <TimePicker\n        onValueChange={handleTimeStrChange}\n        className=\"m-4 mt-0 w-auto\"\n        defaultValue={value ? formatDate(new Date(value), 'hh:mm a') : defaultTimeStrValue}\n      />\n\n      <div className=\"m-4 mt-0 grid grid-cols-[1fr_2fr] gap-2\">\n        {newValueDefined && (\n          <Button icon={<X />} tabIndex={0} size=\"md\" onClick={handleClear} type=\"button\">\n            Clear\n          </Button>\n        )}\n        <Button\n          icon={newValueDefined ? <Check /> : <X />}\n          tabIndex={0}\n          type=\"button\"\n          size=\"md\"\n          variant={newValueDefined ? 'primary' : 'default'}\n          onClick={() => {\n            dateInputValueIsValid ? handleApply() : handleCancel();\n          }}\n        >\n          {newValueDefined ? `Apply` : `Cancel`}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\ntype DefaultButtonProps = Pick<ButtonProps, 'variant' | 'size' | 'tooltip' | 'disabled'> & {\n  className?: string;\n  placeholder?: string;\n  value: Date | undefined | null;\n};\n\nexport const DefaultTrigger = React.forwardRef<HTMLButtonElement, DefaultButtonProps>(\n  ({ value, placeholder, variant = 'default', size, className, ...props }, ref) => {\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn('justify-start', controlTriggerOpenStateFor(variant), className)}\n        icon={<CalendarIcon />}\n        {...props}\n      >\n        {value ? (\n          <span className=\"text-neutral6\">{format(value, 'PP p')}</span>\n        ) : (\n          <span className=\"text-neutral3\">{placeholder ?? 'Pick a date'}</span>\n        )}\n      </Button>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateTimePicker.es.js","sources":["../../src/ds/components/DateTimePicker/date-time-picker.tsx"],"sourcesContent":["import { format, formatDate, isValid } from 'date-fns';\nimport { CalendarIcon, Check, X } from 'lucide-react';\nimport * as React from 'react';\nimport type { DayPickerSingleProps } from 'react-day-picker';\nimport { useDebouncedCallback } from 'use-debounce';\n\nimport { TextFieldBlock } from '../FormFieldBlocks/fields/text-field-block';\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\nimport { Button } from '@/ds/components/Button';\nimport type { ButtonProps } from '@/ds/components/Button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/ds/components/Popover';\nimport { controlTriggerOpenStateFor } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\ntype CommonProps = Omit<DayPickerSingleProps, 'mode' | 'selected' | 'onSelect'> & {\n  value: Date | undefined | null;\n  minValue?: Date | null;\n  maxValue?: Date | null;\n  defaultTimeStrValue?: string;\n  onValueChange: (date: Date | undefined) => void;\n};\n\ntype DefaultTriggerLook = Pick<ButtonProps, 'variant' | 'size'>;\n\nexport type DateTimePickerProps =\n  | (CommonProps & DefaultTriggerLook & { children?: never; className?: string; placeholder?: string })\n  | (CommonProps & {\n      children: React.ReactNode;\n      className?: never;\n      placeholder?: string;\n      variant?: never;\n      size?: never;\n    });\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n  value,\n  minValue,\n  maxValue,\n  defaultTimeStrValue,\n  onValueChange,\n  children,\n  className,\n  placeholder,\n  variant,\n  size,\n  ...props\n}) => {\n  const [openPopover, setOpenPopover] = React.useState(false);\n\n  return (\n    <Popover open={openPopover} onOpenChange={setOpenPopover}>\n      <PopoverTrigger asChild>\n        {children ? (\n          children\n        ) : (\n          <DefaultTrigger\n            value={value}\n            placeholder={placeholder}\n            variant={variant}\n            size={size}\n            className={className}\n            data-testid=\"datepicker-button\"\n          />\n        )}\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"backdrop-blur-4xl bg-muted w-auto max-w-66 p-0!\"\n        align=\"start\"\n        data-testid=\"datepicker-calendar\"\n      >\n        <DateTimePickerContent\n          value={value}\n          minValue={minValue}\n          maxValue={maxValue}\n          onValueChange={onValueChange}\n          setOpenPopover={setOpenPopover}\n          defaultTimeStrValue={defaultTimeStrValue}\n          {...props}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n};\n\nfunction getCompoundDate({ date, timeStr = '' }: { date: Date; timeStr?: string }): Date | null {\n  if (!isValid(date)) {\n    return null;\n  }\n\n  if (timeStr) {\n    const dateStr = format(date, 'yyyy-MM-dd');\n    const newDate = new Date(`${dateStr} ${timeStr}`);\n    if (isValid(newDate)) {\n      return newDate;\n    }\n  }\n\n  return date;\n}\n\nexport const DateTimePickerContent = ({\n  value,\n  minValue,\n  maxValue,\n  onValueChange,\n  setOpenPopover,\n  placeholder,\n  className,\n  defaultTimeStrValue,\n  ...props\n}: CommonProps & {\n  setOpenPopover?: (open: boolean) => void;\n  placeholder?: string;\n  className?: string;\n}) => {\n  const [localErrorMsg, setLocalErrorMsg] = React.useState<string | null>(null);\n  const [dateInputValue, setDateInputValue] = React.useState<string>(\n    value ? format(getCompoundDate({ date: value, timeStr: defaultTimeStrValue }) || '', 'PP p') : '',\n  );\n  const [timeStrValue, setTimeStrValue] = React.useState<string>(defaultTimeStrValue || '');\n  const [selected, setSelected] = React.useState<Date | undefined>(value ? new Date(value) : undefined);\n\n  const debouncedDateUpdate = useDebouncedCallback((date: Date) => {\n    if (isValid(date)) {\n      setSelected(date);\n      onValueChange?.(date);\n      setOpenPopover?.(false);\n    }\n  }, 500);\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n    setDateInputValue(e.currentTarget.value);\n    const date = new Date(e.currentTarget.value);\n    debouncedDateUpdate(date);\n  };\n\n  const updateInputValue = (date: Date | string) => {\n    if (isValid(date)) {\n      if (maxValue && date > maxValue) {\n        setLocalErrorMsg(`The selected date should be before ${format(maxValue, 'PP p')}`);\n        setDateInputValue('');\n      } else if (minValue && date < minValue) {\n        setLocalErrorMsg(`The selected date should be after ${format(minValue, 'PP p')}`);\n        setDateInputValue('');\n      } else {\n        setDateInputValue(format(date, 'PP p'));\n        setLocalErrorMsg('');\n      }\n    } else {\n      setDateInputValue('');\n      setLocalErrorMsg('');\n    }\n  };\n\n  const dateInputValueDate = new Date(dateInputValue);\n  const dateInputValueIsValid = isValid(dateInputValueDate);\n  const newValueDefined = dateInputValueIsValid && dateInputValueDate.getTime() !== value?.getTime();\n\n  const handleDaySelect = (date: Date | undefined) => {\n    setSelected(date);\n    if (date) {\n      const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n      updateInputValue(newDate || '');\n    } else {\n      updateInputValue('');\n    }\n  };\n\n  const handleMonthSelect = (date: Date | undefined) => {\n    setSelected(date);\n    if (date) {\n      const newDate = getCompoundDate({ date, timeStr: timeStrValue });\n      updateInputValue(newDate || '');\n    } else {\n      updateInputValue('');\n    }\n  };\n\n  const handleTimeStrChange = (val: string) => {\n    setTimeStrValue(val);\n\n    if (dateInputValueIsValid) {\n      const newDate = getCompoundDate({ date: dateInputValueDate, timeStr: val });\n      updateInputValue(newDate || '');\n    }\n  };\n\n  const handleCancel = () => {\n    setOpenPopover?.(false);\n  };\n\n  const handleApply = () => {\n    if (isValid(dateInputValueDate)) {\n      onValueChange(dateInputValueDate);\n    }\n    setOpenPopover?.(false);\n  };\n\n  const handleClear = () => {\n    onValueChange(undefined);\n    setSelected(undefined);\n    setDateInputValue('');\n    setTimeStrValue('');\n    setOpenPopover?.(false);\n  };\n\n  return (\n    <div\n      aria-label=\"Choose date\"\n      className={cn('relative flex flex-col', className)}\n      onKeyDown={e => {\n        e.stopPropagation();\n        if (e.key === 'Escape') {\n          setOpenPopover?.(false);\n        }\n      }}\n    >\n      <TextFieldBlock\n        name=\"date-range\"\n        type=\"text\"\n        value={dateInputValue}\n        onChange={handleInputChange}\n        placeholder={placeholder}\n        className=\"m-4 mb-0 w-auto!\"\n        errorMsg={localErrorMsg}\n      />\n\n      <DatePicker\n        mode=\"single\"\n        month={selected}\n        selected={selected}\n        onMonthChange={handleMonthSelect}\n        onSelect={handleDaySelect}\n        {...props}\n      />\n\n      <TimePicker\n        onValueChange={handleTimeStrChange}\n        className=\"m-4 mt-0 w-auto\"\n        defaultValue={value ? formatDate(new Date(value), 'hh:mm a') : defaultTimeStrValue}\n      />\n\n      <div className=\"m-4 mt-0 grid grid-cols-[1fr_2fr] gap-2\">\n        {newValueDefined && (\n          <Button icon={<X />} tabIndex={0} size=\"md\" onClick={handleClear} type=\"button\">\n            Clear\n          </Button>\n        )}\n        <Button\n          icon={newValueDefined ? <Check /> : <X />}\n          tabIndex={0}\n          type=\"button\"\n          size=\"md\"\n          variant={newValueDefined ? 'primary' : 'default'}\n          onClick={() => {\n            dateInputValueIsValid ? handleApply() : handleCancel();\n          }}\n        >\n          {newValueDefined ? `Apply` : `Cancel`}\n        </Button>\n      </div>\n    </div>\n  );\n};\n\ntype DefaultButtonProps = Pick<ButtonProps, 'variant' | 'size' | 'tooltip' | 'disabled'> & {\n  className?: string;\n  placeholder?: string;\n  value: Date | undefined | null;\n};\n\nexport const DefaultTrigger = React.forwardRef<HTMLButtonElement, DefaultButtonProps>(\n  ({ value, placeholder, variant = 'default', size, className, ...props }, ref) => {\n    return (\n      <Button\n        ref={ref}\n        variant={variant}\n        size={size}\n        className={cn('justify-start', controlTriggerOpenStateFor(variant), className)}\n        icon={<CalendarIcon />}\n        {...props}\n      >\n        {value ? (\n          <span className=\"text-foreground\">{format(value, 'PP p')}</span>\n        ) : (\n          <span className=\"text-muted-foreground\">{placeholder ?? 'Pick a date'}</span>\n        )}\n      </Button>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}

package/dist/components/DateTimeRangePicker.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dateTimeRangePicker = require('../date-time-range-picker-eyfOf4v-.cjs');
+const dateTimeRangePicker = require('../date-time-range-picker-C6hjZswK.cjs');
 
 
 

package/dist/components/DateTimeRangePicker.es.js

@@ -1,2 +1,2 @@
-export { D as DateTimeRangePicker } from '../date-time-range-picker-BotnQ9HS.js';
+export { D as DateTimeRangePicker } from '../date-time-range-picker-BcjLbkGu.js';
 //# sourceMappingURL=DateTimeRangePicker.es.js.map

package/dist/components/Dialog.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dialog = require('../dialog-B3DNnoZ3.cjs');
+const dialog = require('../dialog-Dm33cZqt.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Button = require('../Button-C2dx_QZN.cjs');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const Button = require('../Button-CVewl8nT.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const ARM_WINDOW_MS = 4e3;
 const HoldAction = React.forwardRef(
@@ -130,7 +130,7 @@ const HoldAction = React.forwardRef(
                   "transition-[clip-path] ease-linear motion-reduce:transition-none",
                   "group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]",
                   "group-data-[completed]/hold:[clip-path:inset(0)]",
-                  intent === "destructive" ? "bg-accent2 text-white" : "bg-neutral6 text-surface1"
+                  intent === "destructive" ? "bg-accent2 text-white" : "bg-foreground text-sidebar"
                 ),
                 style: { transitionDuration: holding ? `${holdSeconds}s` : "0s" },
                 children

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs.js","sources":["../../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type DialogActionProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n  size?: TextButtonSize;\n  onConfirm: () => void;\n  confirmation?: 'click' | 'hold';\n  holdSeconds?: number;\n};\n\nconst ARM_WINDOW_MS = 4000;\n\nconst HoldAction = forwardRef<HTMLButtonElement, Omit<DialogActionProps, 'confirmation'>>(\n  ({ onConfirm, children, disabled, holdSeconds = 1.5, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const [holding, setHolding] = useState(false);\n    const [completed, setCompleted] = useState(false);\n    const [armed, setArmed] = useState(false);\n    const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const active = useRef(false);\n    const hintId = useId();\n\n    function cancel() {\n      clearTimeout(timer.current);\n      active.current = false;\n      setHolding(false);\n    }\n\n    function disarm() {\n      clearTimeout(armTimer.current);\n      setArmed(false);\n    }\n\n    function complete() {\n      setHolding(false);\n      setCompleted(true);\n      disarm();\n      onConfirm();\n    }\n\n    function start() {\n      if (disabled || active.current) return;\n      active.current = true;\n      setHolding(true);\n      timer.current = setTimeout(complete, holdSeconds * 1000);\n    }\n\n    function onClick(event: MouseEvent<HTMLButtonElement>) {\n      event.preventDefault();\n      if (event.detail !== 0 || disabled) return;\n      if (armed) {\n        complete();\n        return;\n      }\n      setArmed(true);\n      armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n    }\n\n    useEffect(() => {\n      function onVisibilityChange() {\n        if (document.hidden) cancel();\n      }\n      window.addEventListener('blur', cancel);\n      document.addEventListener('visibilitychange', onVisibilityChange);\n      return () => {\n        clearTimeout(timer.current);\n        clearTimeout(armTimer.current);\n        window.removeEventListener('blur', cancel);\n        document.removeEventListener('visibilitychange', onVisibilityChange);\n      };\n    }, []);\n\n    function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n      props.onPointerDown?.(event);\n      if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n      start();\n    }\n\n    function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n      props.onKeyDown?.(event);\n      if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n      event.preventDefault();\n      if (!event.repeat) start();\n    }\n\n    return (\n      <>\n        <Button\n          size=\"md\"\n          {...props}\n          className={cn(\n            'group/hold relative isolate touch-none overflow-hidden select-none',\n            dialogActionLayoutClasses,\n            dialogActionSizeClasses[props.size ?? 'md'],\n            props.className,\n          )}\n          ref={ref}\n          type=\"button\"\n          variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n          disabled={disabled}\n          aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n          data-holding={holding || undefined}\n          data-completed={completed || pending || undefined}\n          onClick={onClick}\n          onPointerDown={onPointerDown}\n          onPointerUp={event => {\n            cancel();\n            props.onPointerUp?.(event);\n          }}\n          onPointerLeave={event => {\n            cancel();\n            props.onPointerLeave?.(event);\n          }}\n          onPointerCancel={event => {\n            cancel();\n            props.onPointerCancel?.(event);\n          }}\n          onKeyDown={onKeyDown}\n          onKeyUp={event => {\n            if (event.key === ' ' || event.key === 'Enter') {\n              event.preventDefault();\n              cancel();\n            }\n            props.onKeyUp?.(event);\n          }}\n          onBlur={event => {\n            cancel();\n            props.onBlur?.(event);\n          }}\n        >\n          <span>{children}</span>\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n              'transition-[clip-path] ease-linear motion-reduce:transition-none',\n              'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n              'group-data-[completed]/hold:[clip-path:inset(0)]',\n              intent === 'destructive' ? 'bg-accent2 text-white' : 'bg-neutral6 text-surface1',\n            )}\n            style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n          >\n            {children}\n          </span>\n        </Button>\n        <span id={hintId} className=\"sr-only\">\n          Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n          twice.\n        </span>\n        <span role=\"status\" className=\"sr-only\">\n          {armed ? 'Activate again to confirm.' : ''}\n        </span>\n      </>\n    );\n  },\n);\nHoldAction.displayName = 'DialogHoldAction';\n\nexport const DialogAction = forwardRef<HTMLButtonElement, DialogActionProps>(\n  ({ confirmation = 'click', holdSeconds = 1.5, onConfirm, disabled, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const isDisabled = disabled || pending;\n    if (confirmation === 'hold') {\n      return (\n        <HoldAction\n          key={`${isDisabled}-${holdSeconds}`}\n          holdSeconds={holdSeconds}\n          {...props}\n          ref={ref}\n          disabled={isDisabled}\n          onConfirm={onConfirm}\n        />\n      );\n    }\n    return (\n      <Button\n        size=\"md\"\n        {...props}\n        className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n        ref={ref}\n        type=\"button\"\n        variant={intent === 'destructive' ? 'destructive' : 'primary'}\n        disabled={isDisabled}\n        onClick={onConfirm}\n      />\n    );\n  },\n);\nDialogAction.displayName = 'DialogAction';\n"],"names":["forwardRef","useDialogContext","useState","useRef","useId","useEffect","jsxs","Fragment","Button","cn","dialogActionLayoutClasses","dialogActionSizeClasses","jsx"],"mappings":";;;;;;;;;;AAcA,MAAM,aAAA,GAAgB,GAAA;AAEtB,MAAM,UAAA,GAAaA,gBAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,QAAA,EAAU,QAAA,EAAU,cAAc,GAAA,EAAK,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACvE,IAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAIC,uBAAA,EAAiB;AAC7C,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA;AAC5C,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChD,IAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAS,KAAK,CAAA;AACxC,IAAA,MAAM,KAAA,GAAQC,aAAkD,MAAS,CAAA;AACzE,IAAA,MAAM,QAAA,GAAWA,aAAkD,MAAS,CAAA;AAC5E,IAAA,MAAM,MAAA,GAASA,aAAO,KAAK,CAAA;AAC3B,IAAA,MAAM,SAASC,WAAA,EAAM;AAErB,IAAA,SAAS,MAAA,GAAS;AAChB,MAAA,YAAA,CAAa,MAAM,OAAO,CAAA;AAC1B,MAAA,MAAA,CAAO,OAAA,GAAU,KAAA;AACjB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAEA,IAAA,SAAS,MAAA,GAAS;AAChB,MAAA,YAAA,CAAa,SAAS,OAAO,CAAA;AAC7B,MAAA,QAAA,CAAS,KAAK,CAAA;AAAA,IAChB;AAEA,IAAA,SAAS,QAAA,GAAW;AAClB,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,MAAA,EAAO;AACP,MAAA,SAAA,EAAU;AAAA,IACZ;AAEA,IAAA,SAAS,KAAA,GAAQ;AACf,MAAA,IAAI,QAAA,IAAY,OAAO,OAAA,EAAS;AAChC,MAAA,MAAA,CAAO,OAAA,GAAU,IAAA;AACjB,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,KAAA,CAAM,OAAA,GAAU,UAAA,CAAW,QAAA,EAAU,WAAA,GAAc,GAAI,CAAA;AAAA,IACzD;AAEA,IAAA,SAAS,QAAQ,KAAA,EAAsC;AACrD,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,IAAK,QAAA,EAAU;AACpC,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,QAAA,EAAS;AACT,QAAA;AAAA,MACF;AACA,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA,QAAA,CAAS,UAAU,UAAA,CAAW,MAAM,QAAA,CAAS,KAAK,GAAG,aAAa,CAAA;AAAA,IACpE;AAEA,IAAAC,eAAA,CAAU,MAAM;AACd,MAAA,SAAS,kBAAA,GAAqB;AAC5B,QAAA,IAAI,QAAA,CAAS,QAAQ,MAAA,EAAO;AAAA,MAC9B;AACA,MAAA,MAAA,CAAO,gBAAA,CAAiB,QAAQ,MAAM,CAAA;AACtC,MAAA,QAAA,CAAS,gBAAA,CAAiB,oBAAoB,kBAAkB,CAAA;AAChE,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,MAAM,OAAO,CAAA;AAC1B,QAAA,YAAA,CAAa,SAAS,OAAO,CAAA;AAC7B,QAAA,MAAA,CAAO,mBAAA,CAAoB,QAAQ,MAAM,CAAA;AACzC,QAAA,QAAA,CAAS,mBAAA,CAAoB,oBAAoB,kBAAkB,CAAA;AAAA,MACrE,CAAA;AAAA,IACF,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,SAAS,cAAc,KAAA,EAAwC;AAC7D,MAAA,KAAA,CAAM,gBAAgB,KAAK,CAAA;AAC3B,MAAA,IAAI,MAAM,gBAAA,IAAoB,KAAA,CAAM,WAAW,CAAA,IAAK,CAAC,MAAM,SAAA,EAAW;AACtE,MAAA,KAAA,EAAM;AAAA,IACR;AAEA,IAAA,SAAS,UAAU,KAAA,EAAyC;AAC1D,MAAA,KAAA,CAAM,YAAY,KAAK,CAAA;AACvB,MAAA,IAAI,MAAM,gBAAA,IAAqB,KAAA,CAAM,QAAQ,GAAA,IAAO,KAAA,CAAM,QAAQ,OAAA,EAAU;AAC5E,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,IAAI,CAAC,KAAA,CAAM,MAAA,EAAQ,KAAA,EAAM;AAAA,IAC3B;AAEA,IAAA,uBACEC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAD,eAAA;AAAA,QAACE,aAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,IAAA;AAAA,UACJ,GAAG,KAAA;AAAA,UACJ,SAAA,EAAWC,WAAA;AAAA,YACT,oEAAA;AAAA,YACAC,gCAAA;AAAA,YACAC,8BAAA,CAAwB,KAAA,CAAM,IAAA,IAAQ,IAAI,CAAA;AAAA,YAC1C,KAAA,CAAM;AAAA,WACR;AAAA,UACA,GAAA;AAAA,UACA,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAA,KAAW,aAAA,GAAgB,mBAAA,GAAsB,OAAA;AAAA,UAC1D,QAAA;AAAA,UACA,kBAAA,EAAkB,CAAC,KAAA,CAAM,kBAAkB,CAAA,EAAG,MAAM,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,UAC9E,gBAAc,OAAA,IAAW,MAAA;AAAA,UACzB,gBAAA,EAAgB,aAAa,OAAA,IAAW,MAAA;AAAA,UACxC,OAAA;AAAA,UACA,aAAA;AAAA,UACA,aAAa,CAAA,KAAA,KAAS;AACpB,YAAA,MAAA,EAAO;AACP,YAAA,KAAA,CAAM,cAAc,KAAK,CAAA;AAAA,UAC3B,CAAA;AAAA,UACA,gBAAgB,CAAA,KAAA,KAAS;AACvB,YAAA,MAAA,EAAO;AACP,YAAA,KAAA,CAAM,iBAAiB,KAAK,CAAA;AAAA,UAC9B,CAAA;AAAA,UACA,iBAAiB,CAAA,KAAA,KAAS;AACxB,YAAA,MAAA,EAAO;AACP,YAAA,KAAA,CAAM,kBAAkB,KAAK,CAAA;AAAA,UAC/B,CAAA;AAAA,UACA,SAAA;AAAA,UACA,SAAS,CAAA,KAAA,KAAS;AAChB,YAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,GAAA,IAAO,KAAA,CAAM,QAAQ,OAAA,EAAS;AAC9C,cAAA,KAAA,CAAM,cAAA,EAAe;AACrB,cAAA,MAAA,EAAO;AAAA,YACT;AACA,YAAA,KAAA,CAAM,UAAU,KAAK,CAAA;AAAA,UACvB,CAAA;AAAA,UACA,QAAQ,CAAA,KAAA,KAAS;AACf,YAAA,MAAA,EAAO;AACP,YAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAAA,UACtB,CAAA;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,UAAM,QAAA,EAAS,CAAA;AAAA,4BAChBA,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,SAAA,EAAWH,WAAA;AAAA,kBACT,kHAAA;AAAA,kBACA,kEAAA;AAAA,kBACA,qHAAA;AAAA,kBACA,kDAAA;AAAA,kBACA,MAAA,KAAW,gBAAgB,uBAAA,GAA0B;AAAA,iBACvD;AAAA,gBACA,OAAO,EAAE,kBAAA,EAAoB,UAAU,CAAA,EAAG,WAAW,MAAM,IAAA,EAAK;AAAA,gBAE/D;AAAA;AAAA;AACH;AAAA;AAAA,OACF;AAAA,sBACAH,eAAA,CAAC,MAAA,EAAA,EAAK,EAAA,EAAI,MAAA,EAAQ,WAAU,SAAA,EAAU,QAAA,EAAA;AAAA,QAAA,0BAAA;AAAA,QACX,WAAA;AAAA,QAAY;AAAA,OAAA,EAEvC,CAAA;AAAA,sBACAM,cAAA,CAAC,UAAK,IAAA,EAAK,QAAA,EAAS,WAAU,SAAA,EAC3B,QAAA,EAAA,KAAA,GAAQ,+BAA+B,EAAA,EAC1C;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,UAAA,CAAW,WAAA,GAAc,kBAAA;AAElB,MAAM,YAAA,GAAeZ,gBAAA;AAAA,EAC1B,CAAC,EAAE,YAAA,GAAe,OAAA,EAAS,WAAA,GAAc,GAAA,EAAK,SAAA,EAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACrF,IAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAIC,uBAAA,EAAiB;AAC7C,IAAA,MAAM,aAAa,QAAA,IAAY,OAAA;AAC/B,IAAA,IAAI,iBAAiB,MAAA,EAAQ;AAC3B,MAAA,uBACEW,cAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UAEC,WAAA;AAAA,UACC,GAAG,KAAA;AAAA,UACJ,GAAA;AAAA,UACA,QAAA,EAAU,UAAA;AAAA,UACV;AAAA,SAAA;AAAA,QALK,CAAA,EAAG,UAAU,CAAA,CAAA,EAAI,WAAW,CAAA;AAAA,OAMnC;AAAA,IAEJ;AACA,IAAA,uBACEA,cAAA;AAAA,MAACJ,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,IAAA;AAAA,QACJ,GAAG,KAAA;AAAA,QACJ,SAAA,EAAWC,YAAGC,gCAAA,EAA2BC,8BAAA,CAAwB,MAAM,IAAA,IAAQ,IAAI,CAAA,EAAG,KAAA,CAAM,SAAS,CAAA;AAAA,QACrG,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAA,KAAW,aAAA,GAAgB,aAAA,GAAgB,SAAA;AAAA,QACpD,QAAA,EAAU,UAAA;AAAA,QACV,OAAA,EAAS;AAAA;AAAA,KACX;AAAA,EAEJ;AACF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Dialog.cjs.js","sources":["../../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type DialogActionProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n  size?: TextButtonSize;\n  onConfirm: () => void;\n  confirmation?: 'click' | 'hold';\n  holdSeconds?: number;\n};\n\nconst ARM_WINDOW_MS = 4000;\n\nconst HoldAction = forwardRef<HTMLButtonElement, Omit<DialogActionProps, 'confirmation'>>(\n  ({ onConfirm, children, disabled, holdSeconds = 1.5, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const [holding, setHolding] = useState(false);\n    const [completed, setCompleted] = useState(false);\n    const [armed, setArmed] = useState(false);\n    const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const active = useRef(false);\n    const hintId = useId();\n\n    function cancel() {\n      clearTimeout(timer.current);\n      active.current = false;\n      setHolding(false);\n    }\n\n    function disarm() {\n      clearTimeout(armTimer.current);\n      setArmed(false);\n    }\n\n    function complete() {\n      setHolding(false);\n      setCompleted(true);\n      disarm();\n      onConfirm();\n    }\n\n    function start() {\n      if (disabled || active.current) return;\n      active.current = true;\n      setHolding(true);\n      timer.current = setTimeout(complete, holdSeconds * 1000);\n    }\n\n    function onClick(event: MouseEvent<HTMLButtonElement>) {\n      event.preventDefault();\n      if (event.detail !== 0 || disabled) return;\n      if (armed) {\n        complete();\n        return;\n      }\n      setArmed(true);\n      armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n    }\n\n    useEffect(() => {\n      function onVisibilityChange() {\n        if (document.hidden) cancel();\n      }\n      window.addEventListener('blur', cancel);\n      document.addEventListener('visibilitychange', onVisibilityChange);\n      return () => {\n        clearTimeout(timer.current);\n        clearTimeout(armTimer.current);\n        window.removeEventListener('blur', cancel);\n        document.removeEventListener('visibilitychange', onVisibilityChange);\n      };\n    }, []);\n\n    function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n      props.onPointerDown?.(event);\n      if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n      start();\n    }\n\n    function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n      props.onKeyDown?.(event);\n      if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n      event.preventDefault();\n      if (!event.repeat) start();\n    }\n\n    return (\n      <>\n        <Button\n          size=\"md\"\n          {...props}\n          className={cn(\n            'group/hold relative isolate touch-none overflow-hidden select-none',\n            dialogActionLayoutClasses,\n            dialogActionSizeClasses[props.size ?? 'md'],\n            props.className,\n          )}\n          ref={ref}\n          type=\"button\"\n          variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n          disabled={disabled}\n          aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n          data-holding={holding || undefined}\n          data-completed={completed || pending || undefined}\n          onClick={onClick}\n          onPointerDown={onPointerDown}\n          onPointerUp={event => {\n            cancel();\n            props.onPointerUp?.(event);\n          }}\n          onPointerLeave={event => {\n            cancel();\n            props.onPointerLeave?.(event);\n          }}\n          onPointerCancel={event => {\n            cancel();\n            props.onPointerCancel?.(event);\n          }}\n          onKeyDown={onKeyDown}\n          onKeyUp={event => {\n            if (event.key === ' ' || event.key === 'Enter') {\n              event.preventDefault();\n              cancel();\n            }\n            props.onKeyUp?.(event);\n          }}\n          onBlur={event => {\n            cancel();\n            props.onBlur?.(event);\n          }}\n        >\n          <span>{children}</span>\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n              'transition-[clip-path] ease-linear motion-reduce:transition-none',\n              'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n              'group-data-[completed]/hold:[clip-path:inset(0)]',\n              intent === 'destructive' ? 'bg-accent2 text-white' : 'bg-foreground text-sidebar',\n            )}\n            style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n          >\n            {children}\n          </span>\n        </Button>\n        <span id={hintId} className=\"sr-only\">\n          Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n          twice.\n        </span>\n        <span role=\"status\" className=\"sr-only\">\n          {armed ? 'Activate again to confirm.' : ''}\n        </span>\n      </>\n    );\n  },\n);\nHoldAction.displayName = 'DialogHoldAction';\n\nexport const DialogAction = forwardRef<HTMLButtonElement, DialogActionProps>(\n  ({ confirmation = 'click', holdSeconds = 1.5, onConfirm, disabled, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const isDisabled = disabled || pending;\n    if (confirmation === 'hold') {\n      return (\n        <HoldAction\n          key={`${isDisabled}-${holdSeconds}`}\n          holdSeconds={holdSeconds}\n          {...props}\n          ref={ref}\n          disabled={isDisabled}\n          onConfirm={onConfirm}\n        />\n      );\n    }\n    return (\n      <Button\n        size=\"md\"\n        {...props}\n        className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n        ref={ref}\n        type=\"button\"\n        variant={intent === 'destructive' ? 'destructive' : 'primary'}\n        disabled={isDisabled}\n        onClick={onConfirm}\n      />\n    );\n  },\n);\nDialogAction.displayName = 'DialogAction';\n"],"names":["forwardRef","useDialogContext","useState","useRef","useId","useEffect","jsxs","Fragment","Button","cn","dialogActionLayoutClasses","dialogActionSizeClasses","jsx"],"mappings":"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"}

package/dist/components/Dialog.es.js

@@ -1,9 +1,9 @@
-import { u as useDialogContext, h as dialogActionSizeClasses, i as dialogActionLayoutClasses } from '../dialog-C60a4DWO.js';
-export { D as Dialog, e as DialogBody, j as DialogCancel, f as DialogClose, a as DialogContent, d as DialogDescription, g as DialogFooter, b as DialogHeader, k as DialogOverlay, l as DialogPortal, c as DialogTitle, m as DialogTrigger } from '../dialog-C60a4DWO.js';
+import { u as useDialogContext, h as dialogActionSizeClasses, i as dialogActionLayoutClasses } from '../dialog-DRpMek34.js';
+export { D as Dialog, e as DialogBody, j as DialogCancel, f as DialogClose, a as DialogContent, d as DialogDescription, g as DialogFooter, b as DialogHeader, k as DialogOverlay, l as DialogPortal, c as DialogTitle, m as DialogTrigger } from '../dialog-DRpMek34.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useRef, useId, useEffect } from 'react';
-import { B as Button } from '../Button-DS6O6fvU.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { B as Button } from '../Button-cWcBEd-G.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 const ARM_WINDOW_MS = 4e3;
 const HoldAction = forwardRef(
@@ -127,7 +127,7 @@ const HoldAction = forwardRef(
                   "transition-[clip-path] ease-linear motion-reduce:transition-none",
                   "group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]",
                   "group-data-[completed]/hold:[clip-path:inset(0)]",
-                  intent === "destructive" ? "bg-accent2 text-white" : "bg-neutral6 text-surface1"
+                  intent === "destructive" ? "bg-accent2 text-white" : "bg-foreground text-sidebar"
                 ),
                 style: { transitionDuration: holding ? `${holdSeconds}s` : "0s" },
                 children

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.es.js","sources":["../../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type DialogActionProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n  size?: TextButtonSize;\n  onConfirm: () => void;\n  confirmation?: 'click' | 'hold';\n  holdSeconds?: number;\n};\n\nconst ARM_WINDOW_MS = 4000;\n\nconst HoldAction = forwardRef<HTMLButtonElement, Omit<DialogActionProps, 'confirmation'>>(\n  ({ onConfirm, children, disabled, holdSeconds = 1.5, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const [holding, setHolding] = useState(false);\n    const [completed, setCompleted] = useState(false);\n    const [armed, setArmed] = useState(false);\n    const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const active = useRef(false);\n    const hintId = useId();\n\n    function cancel() {\n      clearTimeout(timer.current);\n      active.current = false;\n      setHolding(false);\n    }\n\n    function disarm() {\n      clearTimeout(armTimer.current);\n      setArmed(false);\n    }\n\n    function complete() {\n      setHolding(false);\n      setCompleted(true);\n      disarm();\n      onConfirm();\n    }\n\n    function start() {\n      if (disabled || active.current) return;\n      active.current = true;\n      setHolding(true);\n      timer.current = setTimeout(complete, holdSeconds * 1000);\n    }\n\n    function onClick(event: MouseEvent<HTMLButtonElement>) {\n      event.preventDefault();\n      if (event.detail !== 0 || disabled) return;\n      if (armed) {\n        complete();\n        return;\n      }\n      setArmed(true);\n      armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n    }\n\n    useEffect(() => {\n      function onVisibilityChange() {\n        if (document.hidden) cancel();\n      }\n      window.addEventListener('blur', cancel);\n      document.addEventListener('visibilitychange', onVisibilityChange);\n      return () => {\n        clearTimeout(timer.current);\n        clearTimeout(armTimer.current);\n        window.removeEventListener('blur', cancel);\n        document.removeEventListener('visibilitychange', onVisibilityChange);\n      };\n    }, []);\n\n    function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n      props.onPointerDown?.(event);\n      if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n      start();\n    }\n\n    function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n      props.onKeyDown?.(event);\n      if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n      event.preventDefault();\n      if (!event.repeat) start();\n    }\n\n    return (\n      <>\n        <Button\n          size=\"md\"\n          {...props}\n          className={cn(\n            'group/hold relative isolate touch-none overflow-hidden select-none',\n            dialogActionLayoutClasses,\n            dialogActionSizeClasses[props.size ?? 'md'],\n            props.className,\n          )}\n          ref={ref}\n          type=\"button\"\n          variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n          disabled={disabled}\n          aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n          data-holding={holding || undefined}\n          data-completed={completed || pending || undefined}\n          onClick={onClick}\n          onPointerDown={onPointerDown}\n          onPointerUp={event => {\n            cancel();\n            props.onPointerUp?.(event);\n          }}\n          onPointerLeave={event => {\n            cancel();\n            props.onPointerLeave?.(event);\n          }}\n          onPointerCancel={event => {\n            cancel();\n            props.onPointerCancel?.(event);\n          }}\n          onKeyDown={onKeyDown}\n          onKeyUp={event => {\n            if (event.key === ' ' || event.key === 'Enter') {\n              event.preventDefault();\n              cancel();\n            }\n            props.onKeyUp?.(event);\n          }}\n          onBlur={event => {\n            cancel();\n            props.onBlur?.(event);\n          }}\n        >\n          <span>{children}</span>\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n              'transition-[clip-path] ease-linear motion-reduce:transition-none',\n              'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n              'group-data-[completed]/hold:[clip-path:inset(0)]',\n              intent === 'destructive' ? 'bg-accent2 text-white' : 'bg-neutral6 text-surface1',\n            )}\n            style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n          >\n            {children}\n          </span>\n        </Button>\n        <span id={hintId} className=\"sr-only\">\n          Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n          twice.\n        </span>\n        <span role=\"status\" className=\"sr-only\">\n          {armed ? 'Activate again to confirm.' : ''}\n        </span>\n      </>\n    );\n  },\n);\nHoldAction.displayName = 'DialogHoldAction';\n\nexport const DialogAction = forwardRef<HTMLButtonElement, DialogActionProps>(\n  ({ confirmation = 'click', holdSeconds = 1.5, onConfirm, disabled, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const isDisabled = disabled || pending;\n    if (confirmation === 'hold') {\n      return (\n        <HoldAction\n          key={`${isDisabled}-${holdSeconds}`}\n          holdSeconds={holdSeconds}\n          {...props}\n          ref={ref}\n          disabled={isDisabled}\n          onConfirm={onConfirm}\n        />\n      );\n    }\n    return (\n      <Button\n        size=\"md\"\n        {...props}\n        className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n        ref={ref}\n        type=\"button\"\n        variant={intent === 'destructive' ? 'destructive' : 'primary'}\n        disabled={isDisabled}\n        onClick={onConfirm}\n      />\n    );\n  },\n);\nDialogAction.displayName = 'DialogAction';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.es.js","sources":["../../src/ds/components/Dialog/dialog-action.tsx"],"sourcesContent":["import { forwardRef, useEffect, useId, useRef, useState } from 'react';\nimport type { ComponentProps, KeyboardEvent, MouseEvent, PointerEvent } from 'react';\nimport { dialogActionLayoutClasses, dialogActionSizeClasses, useDialogContext } from './dialog-context';\nimport { Button } from '@/ds/components/Button';\nimport type { TextButtonSize } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type DialogActionProps = Omit<ComponentProps<typeof Button>, 'onClick' | 'variant' | 'as' | 'type' | 'size'> & {\n  size?: TextButtonSize;\n  onConfirm: () => void;\n  confirmation?: 'click' | 'hold';\n  holdSeconds?: number;\n};\n\nconst ARM_WINDOW_MS = 4000;\n\nconst HoldAction = forwardRef<HTMLButtonElement, Omit<DialogActionProps, 'confirmation'>>(\n  ({ onConfirm, children, disabled, holdSeconds = 1.5, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const [holding, setHolding] = useState(false);\n    const [completed, setCompleted] = useState(false);\n    const [armed, setArmed] = useState(false);\n    const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const armTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n    const active = useRef(false);\n    const hintId = useId();\n\n    function cancel() {\n      clearTimeout(timer.current);\n      active.current = false;\n      setHolding(false);\n    }\n\n    function disarm() {\n      clearTimeout(armTimer.current);\n      setArmed(false);\n    }\n\n    function complete() {\n      setHolding(false);\n      setCompleted(true);\n      disarm();\n      onConfirm();\n    }\n\n    function start() {\n      if (disabled || active.current) return;\n      active.current = true;\n      setHolding(true);\n      timer.current = setTimeout(complete, holdSeconds * 1000);\n    }\n\n    function onClick(event: MouseEvent<HTMLButtonElement>) {\n      event.preventDefault();\n      if (event.detail !== 0 || disabled) return;\n      if (armed) {\n        complete();\n        return;\n      }\n      setArmed(true);\n      armTimer.current = setTimeout(() => setArmed(false), ARM_WINDOW_MS);\n    }\n\n    useEffect(() => {\n      function onVisibilityChange() {\n        if (document.hidden) cancel();\n      }\n      window.addEventListener('blur', cancel);\n      document.addEventListener('visibilitychange', onVisibilityChange);\n      return () => {\n        clearTimeout(timer.current);\n        clearTimeout(armTimer.current);\n        window.removeEventListener('blur', cancel);\n        document.removeEventListener('visibilitychange', onVisibilityChange);\n      };\n    }, []);\n\n    function onPointerDown(event: PointerEvent<HTMLButtonElement>) {\n      props.onPointerDown?.(event);\n      if (event.defaultPrevented || event.button !== 0 || !event.isPrimary) return;\n      start();\n    }\n\n    function onKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n      props.onKeyDown?.(event);\n      if (event.defaultPrevented || (event.key !== ' ' && event.key !== 'Enter')) return;\n      event.preventDefault();\n      if (!event.repeat) start();\n    }\n\n    return (\n      <>\n        <Button\n          size=\"md\"\n          {...props}\n          className={cn(\n            'group/hold relative isolate touch-none overflow-hidden select-none',\n            dialogActionLayoutClasses,\n            dialogActionSizeClasses[props.size ?? 'md'],\n            props.className,\n          )}\n          ref={ref}\n          type=\"button\"\n          variant={intent === 'destructive' ? 'destructive-ghost' : 'ghost'}\n          disabled={disabled}\n          aria-describedby={[props['aria-describedby'], hintId].filter(Boolean).join(' ')}\n          data-holding={holding || undefined}\n          data-completed={completed || pending || undefined}\n          onClick={onClick}\n          onPointerDown={onPointerDown}\n          onPointerUp={event => {\n            cancel();\n            props.onPointerUp?.(event);\n          }}\n          onPointerLeave={event => {\n            cancel();\n            props.onPointerLeave?.(event);\n          }}\n          onPointerCancel={event => {\n            cancel();\n            props.onPointerCancel?.(event);\n          }}\n          onKeyDown={onKeyDown}\n          onKeyUp={event => {\n            if (event.key === ' ' || event.key === 'Enter') {\n              event.preventDefault();\n              cancel();\n            }\n            props.onKeyUp?.(event);\n          }}\n          onBlur={event => {\n            cancel();\n            props.onBlur?.(event);\n          }}\n        >\n          <span>{children}</span>\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              'pointer-events-none absolute inset-0 flex items-center justify-center px-[inherit] [clip-path:inset(0_100%_0_0)]',\n              'transition-[clip-path] ease-linear motion-reduce:transition-none',\n              'group-data-[holding]/hold:[clip-path:inset(0)] motion-reduce:group-data-[holding]/hold:[clip-path:inset(0_50%_0_0)]',\n              'group-data-[completed]/hold:[clip-path:inset(0)]',\n              intent === 'destructive' ? 'bg-accent2 text-white' : 'bg-foreground text-sidebar',\n            )}\n            style={{ transitionDuration: holding ? `${holdSeconds}s` : '0s' }}\n          >\n            {children}\n          </span>\n        </Button>\n        <span id={hintId} className=\"sr-only\">\n          Hold Space or Enter for {holdSeconds} seconds to confirm. Release to cancel. Screen reader users can activate\n          twice.\n        </span>\n        <span role=\"status\" className=\"sr-only\">\n          {armed ? 'Activate again to confirm.' : ''}\n        </span>\n      </>\n    );\n  },\n);\nHoldAction.displayName = 'DialogHoldAction';\n\nexport const DialogAction = forwardRef<HTMLButtonElement, DialogActionProps>(\n  ({ confirmation = 'click', holdSeconds = 1.5, onConfirm, disabled, ...props }, ref) => {\n    const { intent, pending } = useDialogContext();\n    const isDisabled = disabled || pending;\n    if (confirmation === 'hold') {\n      return (\n        <HoldAction\n          key={`${isDisabled}-${holdSeconds}`}\n          holdSeconds={holdSeconds}\n          {...props}\n          ref={ref}\n          disabled={isDisabled}\n          onConfirm={onConfirm}\n        />\n      );\n    }\n    return (\n      <Button\n        size=\"md\"\n        {...props}\n        className={cn(dialogActionLayoutClasses, dialogActionSizeClasses[props.size ?? 'md'], props.className)}\n        ref={ref}\n        type=\"button\"\n        variant={intent === 'destructive' ? 'destructive' : 'primary'}\n        disabled={isDisabled}\n        onClick={onConfirm}\n      />\n    );\n  },\n);\nDialogAction.displayName = 'DialogAction';\n"],"names":[],"mappings":"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"}

package/dist/components/Drawer.cjs.js

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

package/dist/components/Drawer.es.js

@@ -1,2 +1,2 @@
-export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport, r as createDrawerHandle, u as useDrawerSide } from '../drawer-DgGxK4oq.js';
+export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport, r as createDrawerHandle, u as useDrawerSide } from '../drawer-Bv2DRY8E.js';
 //# sourceMappingURL=Drawer.es.js.map

package/dist/components/DropdownMenu.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dropdownMenu = require('../dropdown-menu-DfX8T0jb.cjs');
+const dropdownMenu = require('../dropdown-menu-DNRCA4Gj.cjs');
 
 
 

package/dist/components/DropdownMenu.es.js

@@ -1,2 +1,2 @@
-export { D as DropdownMenu } from '../dropdown-menu-B3nTlFnz.js';
+export { D as DropdownMenu } from '../dropdown-menu-DL0MzjEb.js';
 //# sourceMappingURL=DropdownMenu.es.js.map

package/dist/components/EmptyState.cjs.js

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

package/dist/components/EmptyState.es.js

@@ -1,2 +1,2 @@
-export { E as EmptyState } from '../EmptyState-CDM5htkF.js';
+export { E as EmptyState } from '../EmptyState-UWXhBp5U.js';
 //# sourceMappingURL=EmptyState.es.js.map

package/dist/components/Entity.cjs.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../Txt-C7rZCmrg.cjs');
+const Txt = require('../Txt-B4-2nLaI.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 require('lucide-react');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const Entity = ({ children, className, onClick }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -21,8 +22,9 @@ const Entity = ({ children, className, onClick }) => {
         }
       },
       className: utils_cn.cn(
-        "group/entity flex gap-3 rounded-xl border border-border1 bg-surface3 px-3 py-2",
-        onClick && "cursor-pointer transition-all hover:bg-surface4",
+        primitives_raisedSurface.raisedSurfaceStyle,
+        "group/entity flex gap-3 rounded-xl px-3 py-2",
+        onClick && "cursor-pointer transition-all hover:bg-fill-subtle",
         className
       ),
       onClick,
@@ -31,13 +33,13 @@ const Entity = ({ children, className, onClick }) => {
   );
 };
 const EntityIcon = ({ children, className, style }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", className: utils_cn.cn("mt-1 shrink-0 text-neutral3", className), style, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", className: utils_cn.cn("mt-1 shrink-0 text-muted-foreground", className), style, children });
 };
 const EntityName = ({ children, className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "ui-lg", className: utils_cn.cn("font-medium text-neutral6", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "heading", tone: "ink", className, children });
 };
 const EntityDescription = ({ children, className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "div", variant: "ui-sm", className: utils_cn.cn("text-neutral3", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "div", variant: "caption", tone: "muted", className, children });
 };
 const EntityContent = ({ children, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("w-full flex-1", className), children });

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

@@ -1 +1 @@
-{"version":3,"file":"Entity.cjs.js","sources":["../../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n  return (\n    <div\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={e => {\n        if (!onClick) return;\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        'group/entity flex gap-3 rounded-xl border border-border1 bg-surface3 px-3 py-2',\n        onClick && 'cursor-pointer transition-all hover:bg-surface4',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n  return (\n    <Icon size=\"lg\" className={cn('mt-1 shrink-0 text-neutral3', className)} style={style}>\n      {children}\n    </Icon>\n  );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"p\" variant=\"ui-lg\" className={cn('font-medium text-neutral6', className)}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"div\" variant=\"ui-sm\" className={cn('text-neutral3', className)}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n  return <div className={cn('w-full flex-1', className)}>{children}</div>;\n};\n"],"names":["jsx","cn","Icon","Txt"],"mappings":";;;;;;;;;;AAWO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACT,gFAAA;AAAA,QACA,OAAA,IAAW,iDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACED,cAAA,CAACE,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAWD,YAAG,6BAAA,EAA+B,SAAS,CAAA,EAAG,KAAA,EACtE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACED,cAAA,CAACG,OAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAWF,WAAA,CAAG,2BAAA,EAA6B,SAAS,CAAA,EAC7E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBACED,cAAA,CAACG,OAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAWF,WAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACnE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;;;;;"}
+{"version":3,"file":"Entity.cjs.js","sources":["../../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n  return (\n    <div\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={e => {\n        if (!onClick) return;\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        raisedSurfaceStyle,\n        'group/entity flex gap-3 rounded-xl px-3 py-2',\n        onClick && 'cursor-pointer transition-all hover:bg-fill-subtle',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n  return (\n    <Icon size=\"lg\" className={cn('mt-1 shrink-0 text-muted-foreground', className)} style={style}>\n      {children}\n    </Icon>\n  );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"p\" variant=\"heading\" tone=\"ink\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"div\" variant=\"caption\" tone=\"muted\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n  return <div className={cn('w-full flex-1', className)}>{children}</div>;\n};\n"],"names":["jsx","cn","raisedSurfaceStyle","Icon","Txt"],"mappings":";;;;;;;;;;;AAYO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACTC,2CAAA;AAAA,QACA,8CAAA;AAAA,QACA,OAAA,IAAW,oDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACEF,cAAA,CAACG,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAWF,YAAG,qCAAA,EAAuC,SAAS,CAAA,EAAG,KAAA,EAC9E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACED,cAAA,CAACI,WAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,KAAA,EAAM,SAAA,EACtC,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBACEJ,cAAA,CAACI,WAAI,EAAA,EAAG,KAAA,EAAM,SAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAC1C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWH,YAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;;;;;"}

package/dist/components/Entity.es.js

@@ -1,8 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../Txt-hyo2FKuO.js';
+import { T as Txt } from '../Txt-DTh3Pa_a.js';
 import { Icon } from '../icons/Icon.es.js';
 import 'lucide-react';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 const Entity = ({ children, className, onClick }) => {
   return /* @__PURE__ */ jsx(
@@ -17,8 +18,9 @@ const Entity = ({ children, className, onClick }) => {
         }
       },
       className: cn(
-        "group/entity flex gap-3 rounded-xl border border-border1 bg-surface3 px-3 py-2",
-        onClick && "cursor-pointer transition-all hover:bg-surface4",
+        raisedSurfaceStyle,
+        "group/entity flex gap-3 rounded-xl px-3 py-2",
+        onClick && "cursor-pointer transition-all hover:bg-fill-subtle",
         className
       ),
       onClick,
@@ -27,13 +29,13 @@ const Entity = ({ children, className, onClick }) => {
   );
 };
 const EntityIcon = ({ children, className, style }) => {
-  return /* @__PURE__ */ jsx(Icon, { size: "lg", className: cn("mt-1 shrink-0 text-neutral3", className), style, children });
+  return /* @__PURE__ */ jsx(Icon, { size: "lg", className: cn("mt-1 shrink-0 text-muted-foreground", className), style, children });
 };
 const EntityName = ({ children, className }) => {
-  return /* @__PURE__ */ jsx(Txt, { as: "p", variant: "ui-lg", className: cn("font-medium text-neutral6", className), children });
+  return /* @__PURE__ */ jsx(Txt, { as: "p", variant: "heading", tone: "ink", className, children });
 };
 const EntityDescription = ({ children, className }) => {
-  return /* @__PURE__ */ jsx(Txt, { as: "div", variant: "ui-sm", className: cn("text-neutral3", className), children });
+  return /* @__PURE__ */ jsx(Txt, { as: "div", variant: "caption", tone: "muted", className, children });
 };
 const EntityContent = ({ children, className }) => {
   return /* @__PURE__ */ jsx("div", { className: cn("w-full flex-1", className), children });

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

@@ -1 +1 @@
-{"version":3,"file":"Entity.es.js","sources":["../../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n  return (\n    <div\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={e => {\n        if (!onClick) return;\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        'group/entity flex gap-3 rounded-xl border border-border1 bg-surface3 px-3 py-2',\n        onClick && 'cursor-pointer transition-all hover:bg-surface4',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n  return (\n    <Icon size=\"lg\" className={cn('mt-1 shrink-0 text-neutral3', className)} style={style}>\n      {children}\n    </Icon>\n  );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"p\" variant=\"ui-lg\" className={cn('font-medium text-neutral6', className)}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"div\" variant=\"ui-sm\" className={cn('text-neutral3', className)}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n  return <div className={cn('w-full flex-1', className)}>{children}</div>;\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,gFAAA;AAAA,QACA,OAAA,IAAW,iDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,GAAG,6BAAA,EAA+B,SAAS,CAAA,EAAG,KAAA,EACtE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,2BAAA,EAA6B,SAAS,CAAA,EAC7E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,KAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EACnE,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;"}
+{"version":3,"file":"Entity.es.js","sources":["../../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n  return (\n    <div\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={e => {\n        if (!onClick) return;\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        raisedSurfaceStyle,\n        'group/entity flex gap-3 rounded-xl px-3 py-2',\n        onClick && 'cursor-pointer transition-all hover:bg-fill-subtle',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n  return (\n    <Icon size=\"lg\" className={cn('mt-1 shrink-0 text-muted-foreground', className)} style={style}>\n      {children}\n    </Icon>\n  );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"p\" variant=\"heading\" tone=\"ink\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"div\" variant=\"caption\" tone=\"muted\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n  return <div className={cn('w-full flex-1', className)}>{children}</div>;\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,8CAAA;AAAA,QACA,OAAA,IAAW,oDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,GAAG,qCAAA,EAAuC,SAAS,CAAA,EAAG,KAAA,EAC9E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACE,GAAA,CAAC,OAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,KAAA,EAAM,SAAA,EACtC,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,OAAI,EAAA,EAAG,KAAA,EAAM,SAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAC1C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;"}

package/dist/components/EntityHeader.cjs.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const skeleton = require('../skeleton-gdUQjWPU.cjs');
-const Txt = require('../Txt-C7rZCmrg.cjs');
+const skeleton = require('../skeleton-cXUjPrq9.cjs');
+const Txt = require('../Txt-B4-2nLaI.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 require('lucide-react');
 
 const EntityHeader = ({ icon, title, isLoading, children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-x-hidden p-3 pb-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-neutral6 flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-foreground flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-7 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(icons_Icon.Icon, { size: "lg", children: icon }) }),
-      isLoading ? /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "header-md", as: "h2", className: "truncate font-medium", children: title })
+      isLoading ? /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { variant: "heading", as: "h2", className: "truncate", children: title })
     ] }),
     children
   ] }) });

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

@@ -1 +1 @@
-{"version":3,"file":"EntityHeader.cjs.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"text-neutral6 flex min-w-0 items-center gap-2\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"header-md\" as=\"h2\" className=\"truncate font-medium\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx","Icon","Skeleton","Txt"],"mappings":";;;;;;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+CAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAAA,cAAA,CAACC,mBAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACCD,cAAA,CAACE,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/BF,cAAA,CAACG,OAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,wBACxC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityHeader.cjs.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"text-foreground flex min-w-0 items-center gap-2\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"heading\" as=\"h2\" className=\"truncate\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx","Icon","Skeleton","Txt"],"mappings":";;;;;;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAAA,cAAA,CAACC,mBAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACCD,cAAA,CAACE,iBAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/BF,cAAA,CAACG,OAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,YACtC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/EntityHeader.es.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { S as Skeleton } from '../skeleton-BpMg6F4M.js';
-import { T as Txt } from '../Txt-hyo2FKuO.js';
+import { S as Skeleton } from '../skeleton-BsRAXyh5.js';
+import { T as Txt } from '../Txt-DTh3Pa_a.js';
 import { Icon } from '../icons/Icon.es.js';
 import 'lucide-react';
 
 const EntityHeader = ({ icon, title, isLoading, children }) => {
   return /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-hidden p-3 pb-1", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "text-neutral6 flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-foreground flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsx("span", { className: "flex size-7 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(Icon, { size: "lg", children: icon }) }),
-      isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsx(Txt, { variant: "header-md", as: "h2", className: "truncate font-medium", children: title })
+      isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" }) : /* @__PURE__ */ jsx(Txt, { variant: "heading", as: "h2", className: "truncate", children: title })
     ] }),
     children
   ] }) });

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

@@ -1 +1 @@
-{"version":3,"file":"EntityHeader.es.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"text-neutral6 flex min-w-0 items-center gap-2\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"header-md\" as=\"h2\" className=\"truncate font-medium\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,+CAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/B,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,WAAA,EAAY,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,wBACxC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityHeader.es.js","sources":["../../src/ds/components/EntityHeader/entity-header.tsx"],"sourcesContent":["import { Skeleton } from '@/ds/components/Skeleton';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons';\n\nexport type EntityHeaderProps = {\n  icon: React.ReactNode;\n  title: string;\n  isLoading?: boolean;\n  children?: React.ReactNode;\n};\n\nexport const EntityHeader = ({ icon, title, isLoading, children }: EntityHeaderProps) => {\n  return (\n    <div className=\"w-full overflow-x-hidden p-3 pb-1\">\n      <div className=\"flex flex-wrap items-center justify-between gap-x-4 gap-y-3\">\n        <div className=\"text-foreground flex min-w-0 items-center gap-2\">\n          <span className=\"flex size-7 shrink-0 items-center justify-center\">\n            <Icon size=\"lg\">{icon}</Icon>\n          </span>\n\n          {isLoading ? (\n            <Skeleton className=\"h-3 w-32\" />\n          ) : (\n            <Txt variant=\"heading\" as=\"h2\" className=\"truncate\">\n              {title}\n            </Txt>\n          )}\n        </div>\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,eAAe,CAAC,EAAE,MAAM,KAAA,EAAO,SAAA,EAAW,UAAS,KAAyB;AACvF,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,qCACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,6DAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,iDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kDAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAK,IAAA,EAAM,gBAAK,CAAA,EACxB,CAAA;AAAA,MAEC,SAAA,mBACC,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,YAAW,CAAA,mBAE/B,GAAA,CAAC,GAAA,EAAA,EAAI,OAAA,EAAQ,SAAA,EAAU,EAAA,EAAG,IAAA,EAAK,SAAA,EAAU,YACtC,QAAA,EAAA,KAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,IACC;AAAA,GAAA,EACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/Entry.cjs.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../Txt-C7rZCmrg.cjs');
+const Txt = require('../Txt-B4-2nLaI.cjs');
 
 const Entry = ({ label, children }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "ui-md", className: "text-neutral3", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "body", tone: "muted", children: label }),
     children
   ] });
 };