@mastra/playground-ui 63.0.0-alpha.2 → 63.0.0-alpha.4

package/dist/style.css

@@ -1912,6 +1912,10 @@
     display: table;
   }
 
+  .table-cell {
+    display: table-cell;
+  }
+
   .table-row {
     display: table-row;
   }
@@ -2279,6 +2283,10 @@
     height: calc(var(--spacing) * 144);
   }
 
+  .h-150 {
+    height: calc(var(--spacing) * 150);
+  }
+
   .h-152 {
     height: calc(var(--spacing) * 152);
   }
@@ -3579,6 +3587,10 @@
     min-width: max(11rem, var(--anchor-width));
   }
 
+  .min-w-control-sm {
+    min-width: var(--spacing-control-sm);
+  }
+
   .min-w-full {
     min-width: 100%;
   }
@@ -3659,6 +3671,12 @@
     border-collapse: separate;
   }
 
+  .border-spacing-0 {
+    --tw-border-spacing-x: 0px;
+    --tw-border-spacing-y: 0px;
+    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+  }
+
   .border-spacing-0\.5 {
     --tw-border-spacing-x: calc(var(--spacing) * .5);
     --tw-border-spacing-y: calc(var(--spacing) * .5);
@@ -3911,6 +3929,10 @@
     scroll-padding-block: calc(var(--spacing) * 8);
   }
 
+  .\[scrollbar-gutter\:stable\] {
+    scrollbar-gutter: stable;
+  }
+
   .\[scrollbar-gutter\:stable_both-edges\] {
     scrollbar-gutter: stable both-edges;
   }
@@ -4360,12 +4382,6 @@
     column-gap: calc(var(--spacing) * 5);
   }
 
-  :where(.-space-x-2 > :not(:last-child)) {
-    --tw-space-x-reverse: 0;
-    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
-    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
-  }
-
   :where(.space-x-2 > :not(:last-child)) {
     --tw-space-x-reverse: 0;
     margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
@@ -5767,6 +5783,10 @@
     background-size: 200% 100%;
   }
 
+  .bg-clip-padding {
+    background-clip: padding-box;
+  }
+
   .bg-clip-text {
     -webkit-background-clip: text;
     background-clip: text;
@@ -6390,6 +6410,10 @@
     text-align: center;
   }
 
+  .text-end {
+    text-align: end;
+  }
+
   .text-left {
     text-align: left;
   }
@@ -6398,6 +6422,10 @@
     text-align: right;
   }
 
+  .align-middle {
+    vertical-align: middle;
+  }
+
   .align-top {
     vertical-align: top;
   }
@@ -7706,6 +7734,26 @@
     --attachment-thumbnail-size: calc(var(--spacing) * 15);
   }
 
+  .\[--avatar-group-size\:var\(--spacing-avatar-lg\)\] {
+    --avatar-group-size: var(--spacing-avatar-lg);
+  }
+
+  .\[--avatar-group-size\:var\(--spacing-avatar-md\)\] {
+    --avatar-group-size: var(--spacing-avatar-md);
+  }
+
+  .\[--avatar-group-size\:var\(--spacing-avatar-sm\)\] {
+    --avatar-group-size: var(--spacing-avatar-sm);
+  }
+
+  .\[--avatar-group-size\:var\(--spacing-control-md\)\] {
+    --avatar-group-size: var(--spacing-control-md);
+  }
+
+  .\[--avatar-group-size\:var\(--spacing-icon-xs\)\] {
+    --avatar-group-size: var(--spacing-icon-xs);
+  }
+
   .\[--card-radius\:calc\(var\(--radius-xl\)-2px\)\] {
     --card-radius: calc(var(--radius-xl) - 2px);
   }
@@ -7926,6 +7974,16 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  :is(.\*\:not-first\:ml-\[calc\(var\(--avatar-group-size\)\/-4\)\] > *):not(:first-child) {
+    margin-left: calc(var(--avatar-group-size) / -4);
+  }
+
+  :is(.\*\:not-first\:\[mask-image\:radial-gradient\(circle_at_calc\(var\(--avatar-group-size\)\*-0\.25\)_50\%\,transparent_calc\(var\(--avatar-group-size\)\/2\+--spacing\(0\.5\)\)\,black_calc\(var\(--avatar-group-size\)\/2\+--spacing\(0\.75\)\)\)\] > *):not(:first-child) {
+    -webkit-mask-image: radial-gradient(circle at calc(var(--avatar-group-size) * -.25) 50%,transparent calc(var(--avatar-group-size) / 2 + calc(var(--spacing) * .5)),black calc(var(--avatar-group-size) / 2 + calc(var(--spacing) * .75)));
+    -webkit-mask-image: radial-gradient(circle at calc(var(--avatar-group-size) * -.25) 50%,transparent calc(var(--avatar-group-size) / 2 + calc(var(--spacing) * .5)),black calc(var(--avatar-group-size) / 2 + calc(var(--spacing) * .75)));
+    mask-image: radial-gradient(circle at calc(var(--avatar-group-size) * -.25) 50%,transparent calc(var(--avatar-group-size) / 2 + calc(var(--spacing) * .5)),black calc(var(--avatar-group-size) / 2 + calc(var(--spacing) * .75)));
+  }
+
   .not-last\:border-b:not(:last-child) {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -8018,7 +8076,7 @@
       opacity: 0;
     }
 
-    .group-hover\/sidebar\:opacity-100:is(:where(.group\/sidebar):hover *) {
+    .group-hover\/sidebar\:opacity-100:is(:where(.group\/sidebar):hover *), .group-hover\/sort\:opacity-100:is(:where(.group\/sort):hover *) {
       opacity: 1;
     }
 
@@ -8078,7 +8136,7 @@
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
 
-  .group-focus-visible\/separator\:opacity-100:is(:where(.group\/separator):focus-visible *) {
+  .group-focus-visible\/separator\:opacity-100:is(:where(.group\/separator):focus-visible *), .group-focus-visible\/sort\:opacity-100:is(:where(.group\/sort):focus-visible *) {
     opacity: 1;
   }
 
@@ -8118,6 +8176,19 @@
     padding-left: calc(var(--spacing) * 6);
   }
 
+  .group-data-column-dividers\/table\:-ml-px:is(:where(.group\/table)[data-column-dividers] *) {
+    margin-left: -1px;
+  }
+
+  .group-data-column-dividers\/table\:border-l:is(:where(.group\/table)[data-column-dividers] *) {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
+
+  .group-data-column-dividers\/table\:px-3:is(:where(.group\/table)[data-column-dividers] *) {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+
   .group-data-popup-open\/attachment\:right-\(--attachment-sleeve-width\):is(:where(.group\/attachment)[data-popup-open] *) {
     right: var(--attachment-sleeve-width);
   }
@@ -8136,6 +8207,10 @@
     opacity: 1;
   }
 
+  .group-data-\[align\=end\]\/head\:flex-row-reverse:is(:where(.group\/head)[data-align="end"] *) {
+    flex-direction: row-reverse;
+  }
+
   .group-data-\[checked\]\/checkbox-indicator\:scale-100:is(:where(.group\/checkbox-indicator)[data-checked] *) {
     --tw-scale-x: 100%;
     --tw-scale-y: 100%;
@@ -9510,6 +9585,28 @@
     --surface-rim: var(--field-rim-focus);
   }
 
+  .focus-visible\:after\:outline-1:focus-visible:after {
+    content: var(--tw-content);
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+
+  .focus-visible\:after\:-outline-offset-1:focus-visible:after {
+    content: var(--tw-content);
+    outline-offset: calc(1px * -1);
+  }
+
+  .focus-visible\:after\:outline-border-focus:focus-visible:after {
+    content: var(--tw-content);
+    outline-color: var(--border-focus);
+  }
+
+  .focus-visible\:after\:outline-solid:focus-visible:after {
+    content: var(--tw-content);
+    --tw-outline-style: solid;
+    outline-style: solid;
+  }
+
   .active\:scale-95:active {
     --tw-scale-x: 95%;
     --tw-scale-y: 95%;
@@ -9764,6 +9861,20 @@
     --field-rim: var(--destructive-indicator);
   }
 
+  .has-\[\[data-row-target\]\]\:relative:has([data-row-target]) {
+    position: relative;
+  }
+
+  @media (hover: hover) {
+    :is(.has-\[\[data-row-target\]\]\:hover\:\*\:bg-surface-panel:has([data-row-target]):hover > *) {
+      background-color: var(--surface-panel);
+    }
+  }
+
+  :is(.has-\[\[data-row-target\]\:focus-visible\]\:\*\:bg-surface-panel:has([data-row-target]:focus-visible) > *) {
+    background-color: var(--surface-panel);
+  }
+
   .has-\[\[data-slot\=crumb-switcher\]_\[data-popup-open\]\]\:bg-fill-subtle:has(:is([data-slot="crumb-switcher"] [data-popup-open])) {
     background-color: var(--fill-subtle);
   }
@@ -9892,6 +10003,10 @@
     .aria-disabled\:hover\:text-muted-foreground[aria-disabled="true"]:hover {
       color: var(--muted-foreground);
     }
+
+    .aria-disabled\:hover\:text-placeholder[aria-disabled="true"]:hover {
+      color: var(--placeholder);
+    }
   }
 
   .aria-invalid\:border-destructive-indicator[aria-invalid="true"] {
@@ -9945,6 +10060,10 @@
     opacity: 1;
   }
 
+  .aria-\[current\=page\]\:text-foreground[aria-current="page"] {
+    color: var(--foreground);
+  }
+
   .data-autoscrolling\:scrollbar-thumb-transparent[data-autoscrolling] {
     --tw-scrollbar-thumb: transparent;
     scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
@@ -9985,7 +10104,7 @@
     color: var(--destructive-foreground);
   }
 
-  .data-highlighted\:text-foreground[data-highlighted], .data-selected\:text-foreground[data-selected], .data-\[active\]\:text-foreground[data-active] {
+  .data-highlighted\:text-foreground[data-highlighted], .data-selected\:text-foreground[data-selected], .data-sorted\:text-foreground[data-sorted], .data-\[active\]\:text-foreground[data-active] {
     color: var(--foreground);
   }
 
@@ -10543,15 +10662,6 @@
     --tw-enter-translate-y: calc(1*var(--spacing));
   }
 
-  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  :is(.\*\:data-\[slot\=avatar\]\:ring-card > *)[data-slot="avatar"] {
-    --tw-ring-color: var(--card);
-  }
-
   .data-\[starting-style\]\:h-0[data-starting-style] {
     height: 0;
   }
@@ -10867,12 +10977,6 @@
     }
   }
 
-  @media not all and (min-width: 64rem) {
-    .max-lg\:p-1\.5 {
-      padding: calc(var(--spacing) * 1.5);
-    }
-  }
-
   @media not all and (min-width: 40rem) {
     .max-sm\:right-0\! {
       right: 0 !important;
@@ -11235,6 +11339,10 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
+    .md\:grid-cols-\[1fr_minmax\(0\,28rem\)\] {
+      grid-template-columns: 1fr minmax(0, 28rem);
+    }
+
     .md\:grid-cols-\[13rem_minmax\(0\,1fr\)\] {
       grid-template-columns: 13rem minmax(0, 1fr);
     }
@@ -11364,6 +11472,10 @@
       column-gap: calc(var(--spacing) * 32);
     }
 
+    .lg\:rounded-studio-frame {
+      border-radius: var(--studio-frame-radius, 1.5rem);
+    }
+
     .lg\:p-2 {
       padding: calc(var(--spacing) * 2);
     }
@@ -11372,6 +11484,10 @@
       padding: calc(var(--spacing) * 6);
     }
 
+    .lg\:p-px {
+      padding: 1px;
+    }
+
     .lg\:px-6 {
       padding-inline: calc(var(--spacing) * 6);
     }
@@ -11403,6 +11519,11 @@
     .lg\:pl-2 {
       padding-left: calc(var(--spacing) * 2);
     }
+
+    .lg\:shadow-raised {
+      --surface-tint: transparent;
+      box-shadow: var(--elevation-lip), inset 0 0 0 1px var(--surface-rim), inset 0 0 0 9999px var(--surface-tint), var(--elevation-raised);
+    }
   }
 
   @media (min-width: 80rem) {
@@ -11760,6 +11881,14 @@
     outline-style: none;
   }
 
+  .\[\&_\:is\(a\,button\,input\,select\,textarea\)\:not\(\[data-row-target\]\)\]\:relative :is(a, button, input, select, textarea):not([data-row-target]) {
+    position: relative;
+  }
+
+  .\[\&_\:is\(a\,button\,input\,select\,textarea\)\:not\(\[data-row-target\]\)\]\:z-1 :is(a, button, input, select, textarea):not([data-row-target]) {
+    z-index: 1;
+  }
+
   .\[\&_\[cmdk-group-heading\]\]\:text-meta [cmdk-group-heading] {
     font-size: var(--text-meta);
     line-height: var(--tw-leading, var(--text-meta--line-height));
@@ -12618,6 +12747,11 @@
     height: calc(var(--spacing) * 4) !important;
   }
 
+  .\[\&\>svg\]\:size-2 > svg {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+
   .\[\&\>svg\]\:size-3 > svg {
     width: calc(var(--spacing) * 3);
     height: calc(var(--spacing) * 3);
@@ -12790,6 +12924,48 @@
     height: var(--spacing-table-row-small);
   }
 
+  .\[\&\>tr\]\:h-table-header > tr {
+    height: var(--spacing-table-header);
+  }
+
+  .\[\&\>tr\]\:border-b > tr {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+
+  .\[\&\>tr\]\:border-border > tr {
+    border-color: var(--border);
+  }
+
+  .\[\&\>tr\]\:bg-card > tr {
+    background-color: var(--card);
+  }
+
+  .\[\&\>tr\+tr\>td\]\:border-t > tr + tr > td {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 1px;
+  }
+
+  .\[\&\>tr\:first-child_\[data-row-target\]\]\:after\:rounded-t-lg > tr:first-child [data-row-target]:after {
+    content: var(--tw-content);
+    border-top-left-radius: var(--radius-lg);
+    border-top-right-radius: var(--radius-lg);
+  }
+
+  .\[\&\>tr\:first-child\>td\:first-child\]\:rounded-tl-lg > tr:first-child > td:first-child {
+    border-top-left-radius: var(--radius-lg);
+  }
+
+  .\[\&\>tr\:first-child\>td\:last-child\]\:rounded-tr-lg > tr:first-child > td:last-child {
+    border-top-right-radius: var(--radius-lg);
+  }
+
+  .\[\&\>tr\:last-child_\[data-row-target\]\]\:after\:rounded-b-lg > tr:last-child [data-row-target]:after {
+    content: var(--tw-content);
+    border-bottom-right-radius: var(--radius-lg);
+    border-bottom-left-radius: var(--radius-lg);
+  }
+
   .\[\&\[type\=number\]\]\:\[appearance\:textfield\][type="number"] {
     appearance: textfield;
   }

package/dist/{tabs-tab-D9ndsGQu.cjs → tabs-tab-CqcY4tHE.cjs}

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const tabs = require('@base-ui/react/tabs');
 const React = require('react');
-const Button = require('./Button-BfZzgZrA.cjs');
+const Button = require('./Button-CAVPKK09.cjs');
 const tooltip = require('./tooltip-C4txPRSa.cjs');
 const tabsContext = require('./tabs-context-pnspPkI-.cjs');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
@@ -106,4 +106,4 @@ const Tab = ({
 };
 
 exports.Tab = Tab;
-//# sourceMappingURL=tabs-tab-D9ndsGQu.cjs.map
+//# sourceMappingURL=tabs-tab-CqcY4tHE.cjs.map

package/dist/{tabs-tab-D9ndsGQu.cjs.map → tabs-tab-CqcY4tHE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-tab-D9ndsGQu.cjs","sources":["../src/ds/components/Tabs/tabs-tab.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useRef } from 'react';\nimport { buttonVariants } from '../Button/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext } from './tabs-context';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type TabProps = {\n  children: React.ReactNode;\n  value: string;\n  onClick?: () => void;\n  onClose?: () => void;\n  disabled?: boolean;\n  attention?: boolean;\n  disabledTooltip?: React.ReactNode;\n  /** Tooltip shown on hover and keyboard focus of an enabled tab (e.g. when its label is collapsed to an icon). */\n  tooltip?: React.ReactNode;\n  className?: string;\n};\n\nexport const Tab = ({\n  children,\n  value,\n  onClick,\n  onClose,\n  disabled,\n  disabledTooltip,\n  tooltip,\n  attention = false,\n  className,\n}: TabProps) => {\n  const list = useContext(TabListContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const register = list?.register;\n  const unregister = list?.unregister;\n  const overflowed = list?.hiddenValues.has(value) ?? false;\n  useEffect(() => {\n    const element = ref.current;\n    if (!element || !register) return;\n    const measure = () =>\n      register({\n        value,\n        label: children,\n        disabled: disabled ?? false,\n        width: element.getBoundingClientRect().width,\n        element,\n        onClick,\n        onClose,\n      });\n    measure();\n    if (!('ResizeObserver' in globalThis)) return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [register, value, children, disabled, onClick, onClose]);\n  useEffect(() => () => unregister?.(value), [unregister, value]);\n  // The tab renders as a <div>, so the recipe's `disabled:` pseudo never matches; mirror it on the\n  // aria/data attributes Base UI sets.\n  const size = list?.size ?? 'md';\n  const tabClassName =\n    list?.variant === 'pill-ghost'\n      ? cn(\n          // A ghost tab is the control itself: the button box at the list's rung.\n          buttonVariants({ variant: 'ghost', size }),\n          'relative z-10 whitespace-nowrap',\n          'data-[active]:text-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          className,\n        )\n      : cn(\n          'text-label',\n          quietTextHover,\n          attention && 'relative',\n          'flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none',\n          controlStateColorTransition,\n          focusRing,\n          'data-[active]:text-foreground',\n          'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-muted-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-muted-foreground',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-muted-foreground',\n          className,\n        );\n  const tab = (\n    <BaseTabs.Tab\n      ref={ref}\n      render={<div />}\n      nativeButton={false}\n      data-overflowed={overflowed || undefined}\n      aria-hidden={overflowed || undefined}\n      value={value}\n      disabled={disabled || overflowed}\n      data-slot=\"tab\"\n      data-closable={onClose ? '' : undefined}\n      className={tabClassName}\n      onClick={onClick}\n    >\n      {children}\n      {attention && (\n        <>\n          <span aria-hidden=\"true\" data-slot=\"tab-attention\" />\n          <span className=\"sr-only\"> Needs attention</span>\n        </>\n      )}\n    </BaseTabs.Tab>\n  );\n  if (disabled && disabledTooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={<span tabIndex={0} className=\"inline-flex\" />}>{tab}</TooltipTrigger>\n        <TooltipContent>{disabledTooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  if (tooltip && !disabled) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={tab} />\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return tab;\n};\n"],"names":["tooltip","useContext","TabListContext","useRef","useEffect","cn","buttonVariants","quietTextHover","controlStateColorTransition","focusRing","jsxs","BaseTabs","Fragment","jsx","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}
+{"version":3,"file":"tabs-tab-CqcY4tHE.cjs","sources":["../src/ds/components/Tabs/tabs-tab.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useRef } from 'react';\nimport { buttonVariants } from '../Button/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext } from './tabs-context';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type TabProps = {\n  children: React.ReactNode;\n  value: string;\n  onClick?: () => void;\n  onClose?: () => void;\n  disabled?: boolean;\n  attention?: boolean;\n  disabledTooltip?: React.ReactNode;\n  /** Tooltip shown on hover and keyboard focus of an enabled tab (e.g. when its label is collapsed to an icon). */\n  tooltip?: React.ReactNode;\n  className?: string;\n};\n\nexport const Tab = ({\n  children,\n  value,\n  onClick,\n  onClose,\n  disabled,\n  disabledTooltip,\n  tooltip,\n  attention = false,\n  className,\n}: TabProps) => {\n  const list = useContext(TabListContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const register = list?.register;\n  const unregister = list?.unregister;\n  const overflowed = list?.hiddenValues.has(value) ?? false;\n  useEffect(() => {\n    const element = ref.current;\n    if (!element || !register) return;\n    const measure = () =>\n      register({\n        value,\n        label: children,\n        disabled: disabled ?? false,\n        width: element.getBoundingClientRect().width,\n        element,\n        onClick,\n        onClose,\n      });\n    measure();\n    if (!('ResizeObserver' in globalThis)) return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [register, value, children, disabled, onClick, onClose]);\n  useEffect(() => () => unregister?.(value), [unregister, value]);\n  // The tab renders as a <div>, so the recipe's `disabled:` pseudo never matches; mirror it on the\n  // aria/data attributes Base UI sets.\n  const size = list?.size ?? 'md';\n  const tabClassName =\n    list?.variant === 'pill-ghost'\n      ? cn(\n          // A ghost tab is the control itself: the button box at the list's rung.\n          buttonVariants({ variant: 'ghost', size }),\n          'relative z-10 whitespace-nowrap',\n          'data-[active]:text-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          className,\n        )\n      : cn(\n          'text-label',\n          quietTextHover,\n          attention && 'relative',\n          'flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none',\n          controlStateColorTransition,\n          focusRing,\n          'data-[active]:text-foreground',\n          'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-muted-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-muted-foreground',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-muted-foreground',\n          className,\n        );\n  const tab = (\n    <BaseTabs.Tab\n      ref={ref}\n      render={<div />}\n      nativeButton={false}\n      data-overflowed={overflowed || undefined}\n      aria-hidden={overflowed || undefined}\n      value={value}\n      disabled={disabled || overflowed}\n      data-slot=\"tab\"\n      data-closable={onClose ? '' : undefined}\n      className={tabClassName}\n      onClick={onClick}\n    >\n      {children}\n      {attention && (\n        <>\n          <span aria-hidden=\"true\" data-slot=\"tab-attention\" />\n          <span className=\"sr-only\"> Needs attention</span>\n        </>\n      )}\n    </BaseTabs.Tab>\n  );\n  if (disabled && disabledTooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={<span tabIndex={0} className=\"inline-flex\" />}>{tab}</TooltipTrigger>\n        <TooltipContent>{disabledTooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  if (tooltip && !disabled) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={tab} />\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return tab;\n};\n"],"names":["tooltip","useContext","TabListContext","useRef","useEffect","cn","buttonVariants","quietTextHover","controlStateColorTransition","focusRing","jsxs","BaseTabs","Fragment","jsx","Tooltip","TooltipTrigger","TooltipContent"],"mappings":"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"}

package/dist/{tabs-tab-BchiQf0E.js → tabs-tab-CzpXzpf-.js}

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Tabs } from '@base-ui/react/tabs';
 import { useContext, useRef, useEffect } from 'react';
-import { b as buttonVariants } from './Button-C8QDEN9j.js';
+import { b as buttonVariants } from './Button-60jVnaHt.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-CCZcMbgy.js';
 import { a as TabListContext } from './tabs-context-Cbuw7i0u.js';
 import { focusRing, controlStateColorTransition } from './primitives/transitions.es.js';
@@ -104,4 +104,4 @@ const Tab = ({
 };
 
 export { Tab as T };
-//# sourceMappingURL=tabs-tab-BchiQf0E.js.map
+//# sourceMappingURL=tabs-tab-CzpXzpf-.js.map

package/dist/{tabs-tab-BchiQf0E.js.map → tabs-tab-CzpXzpf-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-tab-BchiQf0E.js","sources":["../src/ds/components/Tabs/tabs-tab.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useRef } from 'react';\nimport { buttonVariants } from '../Button/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext } from './tabs-context';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type TabProps = {\n  children: React.ReactNode;\n  value: string;\n  onClick?: () => void;\n  onClose?: () => void;\n  disabled?: boolean;\n  attention?: boolean;\n  disabledTooltip?: React.ReactNode;\n  /** Tooltip shown on hover and keyboard focus of an enabled tab (e.g. when its label is collapsed to an icon). */\n  tooltip?: React.ReactNode;\n  className?: string;\n};\n\nexport const Tab = ({\n  children,\n  value,\n  onClick,\n  onClose,\n  disabled,\n  disabledTooltip,\n  tooltip,\n  attention = false,\n  className,\n}: TabProps) => {\n  const list = useContext(TabListContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const register = list?.register;\n  const unregister = list?.unregister;\n  const overflowed = list?.hiddenValues.has(value) ?? false;\n  useEffect(() => {\n    const element = ref.current;\n    if (!element || !register) return;\n    const measure = () =>\n      register({\n        value,\n        label: children,\n        disabled: disabled ?? false,\n        width: element.getBoundingClientRect().width,\n        element,\n        onClick,\n        onClose,\n      });\n    measure();\n    if (!('ResizeObserver' in globalThis)) return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [register, value, children, disabled, onClick, onClose]);\n  useEffect(() => () => unregister?.(value), [unregister, value]);\n  // The tab renders as a <div>, so the recipe's `disabled:` pseudo never matches; mirror it on the\n  // aria/data attributes Base UI sets.\n  const size = list?.size ?? 'md';\n  const tabClassName =\n    list?.variant === 'pill-ghost'\n      ? cn(\n          // A ghost tab is the control itself: the button box at the list's rung.\n          buttonVariants({ variant: 'ghost', size }),\n          'relative z-10 whitespace-nowrap',\n          'data-[active]:text-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          className,\n        )\n      : cn(\n          'text-label',\n          quietTextHover,\n          attention && 'relative',\n          'flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none',\n          controlStateColorTransition,\n          focusRing,\n          'data-[active]:text-foreground',\n          'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-muted-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-muted-foreground',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-muted-foreground',\n          className,\n        );\n  const tab = (\n    <BaseTabs.Tab\n      ref={ref}\n      render={<div />}\n      nativeButton={false}\n      data-overflowed={overflowed || undefined}\n      aria-hidden={overflowed || undefined}\n      value={value}\n      disabled={disabled || overflowed}\n      data-slot=\"tab\"\n      data-closable={onClose ? '' : undefined}\n      className={tabClassName}\n      onClick={onClick}\n    >\n      {children}\n      {attention && (\n        <>\n          <span aria-hidden=\"true\" data-slot=\"tab-attention\" />\n          <span className=\"sr-only\"> Needs attention</span>\n        </>\n      )}\n    </BaseTabs.Tab>\n  );\n  if (disabled && disabledTooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={<span tabIndex={0} className=\"inline-flex\" />}>{tab}</TooltipTrigger>\n        <TooltipContent>{disabledTooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  if (tooltip && !disabled) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={tab} />\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return tab;\n};\n"],"names":["BaseTabs"],"mappings":"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"}
+{"version":3,"file":"tabs-tab-CzpXzpf-.js","sources":["../src/ds/components/Tabs/tabs-tab.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useRef } from 'react';\nimport { buttonVariants } from '../Button/Button';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext } from './tabs-context';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/lib/utils';\n\nexport type TabProps = {\n  children: React.ReactNode;\n  value: string;\n  onClick?: () => void;\n  onClose?: () => void;\n  disabled?: boolean;\n  attention?: boolean;\n  disabledTooltip?: React.ReactNode;\n  /** Tooltip shown on hover and keyboard focus of an enabled tab (e.g. when its label is collapsed to an icon). */\n  tooltip?: React.ReactNode;\n  className?: string;\n};\n\nexport const Tab = ({\n  children,\n  value,\n  onClick,\n  onClose,\n  disabled,\n  disabledTooltip,\n  tooltip,\n  attention = false,\n  className,\n}: TabProps) => {\n  const list = useContext(TabListContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const register = list?.register;\n  const unregister = list?.unregister;\n  const overflowed = list?.hiddenValues.has(value) ?? false;\n  useEffect(() => {\n    const element = ref.current;\n    if (!element || !register) return;\n    const measure = () =>\n      register({\n        value,\n        label: children,\n        disabled: disabled ?? false,\n        width: element.getBoundingClientRect().width,\n        element,\n        onClick,\n        onClose,\n      });\n    measure();\n    if (!('ResizeObserver' in globalThis)) return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [register, value, children, disabled, onClick, onClose]);\n  useEffect(() => () => unregister?.(value), [unregister, value]);\n  // The tab renders as a <div>, so the recipe's `disabled:` pseudo never matches; mirror it on the\n  // aria/data attributes Base UI sets.\n  const size = list?.size ?? 'md';\n  const tabClassName =\n    list?.variant === 'pill-ghost'\n      ? cn(\n          // A ghost tab is the control itself: the button box at the list's rung.\n          buttonVariants({ variant: 'ghost', size }),\n          'relative z-10 whitespace-nowrap',\n          'data-[active]:text-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n          className,\n        )\n      : cn(\n          'text-label',\n          quietTextHover,\n          attention && 'relative',\n          'flex cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap outline-none',\n          controlStateColorTransition,\n          focusRing,\n          'data-[active]:text-foreground',\n          'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:text-muted-foreground',\n          'aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-disabled:hover:text-muted-foreground',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:hover:text-muted-foreground',\n          className,\n        );\n  const tab = (\n    <BaseTabs.Tab\n      ref={ref}\n      render={<div />}\n      nativeButton={false}\n      data-overflowed={overflowed || undefined}\n      aria-hidden={overflowed || undefined}\n      value={value}\n      disabled={disabled || overflowed}\n      data-slot=\"tab\"\n      data-closable={onClose ? '' : undefined}\n      className={tabClassName}\n      onClick={onClick}\n    >\n      {children}\n      {attention && (\n        <>\n          <span aria-hidden=\"true\" data-slot=\"tab-attention\" />\n          <span className=\"sr-only\"> Needs attention</span>\n        </>\n      )}\n    </BaseTabs.Tab>\n  );\n  if (disabled && disabledTooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={<span tabIndex={0} className=\"inline-flex\" />}>{tab}</TooltipTrigger>\n        <TooltipContent>{disabledTooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  if (tooltip && !disabled) {\n    return (\n      <Tooltip>\n        <TooltipTrigger render={tab} />\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return tab;\n};\n"],"names":["BaseTabs"],"mappings":"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"}

package/dist/{thread-list-D6tyuO1M.cjs → thread-list-D-VuTZnC.cjs}

@@ -5,7 +5,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const utils_cn = require('./cn-TqD01zH-.cjs');
 const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
-const Button = require('./Button-BfZzgZrA.cjs');
+const Button = require('./Button-CAVPKK09.cjs');
 const Txt = require('./Txt-DXjXpX9r.cjs');
 
 const ThreadList = ({ children, "aria-label": ariaLabel = "Threads", embedded = false }) => {
@@ -78,4 +78,4 @@ exports.ThreadListItem = ThreadListItem;
 exports.ThreadListItems = ThreadListItems;
 exports.ThreadListNewItem = ThreadListNewItem;
 exports.ThreadListSeparator = ThreadListSeparator;
-//# sourceMappingURL=thread-list-D6tyuO1M.cjs.map
+//# sourceMappingURL=thread-list-D-VuTZnC.cjs.map

package/dist/{thread-list-D6tyuO1M.cjs.map → thread-list-D-VuTZnC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"thread-list-D6tyuO1M.cjs","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { createElement, type ElementType, type MouseEvent, type ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { raisedSurfaceStyle } from '../../primitives/raised-surface';\nimport { Button, type ButtonProps } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('size-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'flex h-full flex-col gap-1 overflow-y-auto p-1',\n          !embedded && cn(raisedSurfaceStyle, 'rounded-studio-panel'),\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  render?: ButtonProps['render'];\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ render, children }: ThreadListNewItemProps) => {\n  return (\n    <Button render={render} variant=\"ghost\" className=\"w-full justify-start rounded-xl px-3\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 h-px shrink-0 bg-border/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-1\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  /** Trailing controls (e.g. a menu trigger) shown on hover/focus, and kept visible while a popup they own is open. */\n  actions?: ReactNode;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  actions,\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        render={as ? createElement(as, { href, to }) : undefined}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'w-full min-w-0 justify-start rounded-xl px-3 text-left',\n          (onDelete || actions) && 'pr-9',\n          isActive && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n\n      {actions && (\n        <div className=\"absolute top-1/2 right-px flex -translate-y-1/2 items-center opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 has-data-popup-open:opacity-100\">\n          {actions}\n        </div>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"px-3 py-2\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":["jsx","cn","raisedSurfaceStyle","Button","jsxs","createElement","X","Txt"],"mappings":";;;;;;;;;;AAkBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAWC,WAAA,CAAG,aAAa,CAAC,QAAA,IAAY,WAAW,CAAA,EACtD,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWC,WAAA;AAAA,QACT,gDAAA;AAAA,QACA,CAAC,QAAA,IAAYA,WAAA,CAAGC,2CAAA,EAAoB,sBAAsB;AAAA,OAC5D;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAOO,MAAM,iBAAA,GAAoB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA8B;AACjF,EAAA,sCACGC,aAAA,EAAA,EAAO,MAAA,EAAgB,SAAQ,OAAA,EAAQ,SAAA,EAAU,wCAC/C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjCH,cAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,kCAAA,EAAmC;AAO5F,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzCA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,aAAA,EAC7C,QAAA,EACH;AAiBK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACEI,eAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAAJ,cAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,KAAKE,mBAAA,CAAc,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,CAAA,GAAI,MAAA;AAAA,QAC/C,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAWJ,WAAA;AAAA,UACT,wDAAA;AAAA,UAAA,CACC,YAAY,OAAA,KAAY,MAAA;AAAA,UACzB,QAAA,IAAY,+BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACCA,cAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,yCAACG,aAAA,EAAA,EAAE;AAAA;AAAA,KACL;AAAA,IAGD,OAAA,oBACCN,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oLACZ,QAAA,EAAA,OAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACEA,cAAA,CAACO,OAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EAClD,QAAA,EACH,CAAA;AAEJ;;;;;;;;;"}
+{"version":3,"file":"thread-list-D-VuTZnC.cjs","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { createElement, type ElementType, type MouseEvent, type ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { raisedSurfaceStyle } from '../../primitives/raised-surface';\nimport { Button, type ButtonProps } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('size-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'flex h-full flex-col gap-1 overflow-y-auto p-1',\n          !embedded && cn(raisedSurfaceStyle, 'rounded-studio-panel'),\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  render?: ButtonProps['render'];\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ render, children }: ThreadListNewItemProps) => {\n  return (\n    <Button render={render} variant=\"ghost\" className=\"w-full justify-start rounded-xl px-3\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 h-px shrink-0 bg-border/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-1\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  /** Trailing controls (e.g. a menu trigger) shown on hover/focus, and kept visible while a popup they own is open. */\n  actions?: ReactNode;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  actions,\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        render={as ? createElement(as, { href, to }) : undefined}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'w-full min-w-0 justify-start rounded-xl px-3 text-left',\n          (onDelete || actions) && 'pr-9',\n          isActive && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n\n      {actions && (\n        <div className=\"absolute top-1/2 right-px flex -translate-y-1/2 items-center opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 has-data-popup-open:opacity-100\">\n          {actions}\n        </div>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"px-3 py-2\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":["jsx","cn","raisedSurfaceStyle","Button","jsxs","createElement","X","Txt"],"mappings":";;;;;;;;;;AAkBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACEA,cAAA,CAAC,SAAI,SAAA,EAAWC,WAAA,CAAG,aAAa,CAAC,QAAA,IAAY,WAAW,CAAA,EACtD,QAAA,kBAAAD,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWC,WAAA;AAAA,QACT,gDAAA;AAAA,QACA,CAAC,QAAA,IAAYA,WAAA,CAAGC,2CAAA,EAAoB,sBAAsB;AAAA,OAC5D;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAOO,MAAM,iBAAA,GAAoB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA8B;AACjF,EAAA,sCACGC,aAAA,EAAA,EAAO,MAAA,EAAgB,SAAQ,OAAA,EAAQ,SAAA,EAAU,wCAC/C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjCH,cAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,kCAAA,EAAmC;AAO5F,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzCA,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,aAAA,EAC7C,QAAA,EACH;AAiBK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACEI,eAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAAJ,cAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,KAAKE,mBAAA,CAAc,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,CAAA,GAAI,MAAA;AAAA,QAC/C,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAWJ,WAAA;AAAA,UACT,wDAAA;AAAA,UAAA,CACC,YAAY,OAAA,KAAY,MAAA;AAAA,UACzB,QAAA,IAAY,+BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACCA,cAAA;AAAA,MAACG,aAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,yCAACG,aAAA,EAAA,EAAE;AAAA;AAAA,KACL;AAAA,IAGD,OAAA,oBACCN,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oLACZ,QAAA,EAAA,OAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACEA,cAAA,CAACO,OAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EAClD,QAAA,EACH,CAAA;AAEJ;;;;;;;;;"}

package/dist/{thread-list-2YHnS82L.js → thread-list-Duf5N74Z.js}

@@ -3,7 +3,7 @@ import { X } from 'lucide-react';
 import { createElement } from 'react';
 import { c as cn } from './cn-coERSHz5.js';
 import { raisedSurfaceStyle } from './primitives/raised-surface.es.js';
-import { B as Button } from './Button-C8QDEN9j.js';
+import { B as Button } from './Button-60jVnaHt.js';
 import { T as Txt } from './Txt-BuzYj7Vy.js';
 
 const ThreadList = ({ children, "aria-label": ariaLabel = "Threads", embedded = false }) => {
@@ -71,4 +71,4 @@ const ThreadListEmpty = ({ children }) => {
 };
 
 export { ThreadList as T, ThreadListEmpty as a, ThreadListItem as b, ThreadListItems as c, ThreadListNewItem as d, ThreadListSeparator as e };
-//# sourceMappingURL=thread-list-2YHnS82L.js.map
+//# sourceMappingURL=thread-list-Duf5N74Z.js.map

package/dist/{thread-list-2YHnS82L.js.map → thread-list-Duf5N74Z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"thread-list-2YHnS82L.js","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { createElement, type ElementType, type MouseEvent, type ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { raisedSurfaceStyle } from '../../primitives/raised-surface';\nimport { Button, type ButtonProps } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('size-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'flex h-full flex-col gap-1 overflow-y-auto p-1',\n          !embedded && cn(raisedSurfaceStyle, 'rounded-studio-panel'),\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  render?: ButtonProps['render'];\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ render, children }: ThreadListNewItemProps) => {\n  return (\n    <Button render={render} variant=\"ghost\" className=\"w-full justify-start rounded-xl px-3\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 h-px shrink-0 bg-border/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-1\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  /** Trailing controls (e.g. a menu trigger) shown on hover/focus, and kept visible while a popup they own is open. */\n  actions?: ReactNode;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  actions,\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        render={as ? createElement(as, { href, to }) : undefined}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'w-full min-w-0 justify-start rounded-xl px-3 text-left',\n          (onDelete || actions) && 'pr-9',\n          isActive && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n\n      {actions && (\n        <div className=\"absolute top-1/2 right-px flex -translate-y-1/2 items-center opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 has-data-popup-open:opacity-100\">\n          {actions}\n        </div>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"px-3 py-2\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,aAAa,CAAC,QAAA,IAAY,WAAW,CAAA,EACtD,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,gDAAA;AAAA,QACA,CAAC,QAAA,IAAY,EAAA,CAAG,kBAAA,EAAoB,sBAAsB;AAAA,OAC5D;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAOO,MAAM,iBAAA,GAAoB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA8B;AACjF,EAAA,2BACG,MAAA,EAAA,EAAO,MAAA,EAAgB,SAAQ,OAAA,EAAQ,SAAA,EAAU,wCAC/C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjC,GAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,kCAAA,EAAmC;AAO5F,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,aAAA,EAC7C,QAAA,EACH;AAiBK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,KAAK,aAAA,CAAc,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,CAAA,GAAI,MAAA;AAAA,QAC/C,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAW,EAAA;AAAA,UACT,wDAAA;AAAA,UAAA,CACC,YAAY,OAAA,KAAY,MAAA;AAAA,UACzB,QAAA,IAAY,+BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,8BAAC,CAAA,EAAA,EAAE;AAAA;AAAA,KACL;AAAA,IAGD,OAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oLACZ,QAAA,EAAA,OAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EAClD,QAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"thread-list-Duf5N74Z.js","sources":["../src/ds/components/ThreadList/thread-list.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { createElement, type ElementType, type MouseEvent, type ReactNode } from 'react';\n\nimport { cn } from '../../../lib/utils';\nimport { raisedSurfaceStyle } from '../../primitives/raised-surface';\nimport { Button, type ButtonProps } from '../Button';\nimport { Txt } from '../Txt';\n\nexport interface ThreadListProps {\n  children: ReactNode;\n  'aria-label'?: string;\n  /**\n   * When true, drops the standalone block chrome (background, border, rounded corners, inset)\n   * so the list can render flush inside an outer container without nesting a second box.\n   */\n  embedded?: boolean;\n}\n\nexport const ThreadList = ({ children, 'aria-label': ariaLabel = 'Threads', embedded = false }: ThreadListProps) => {\n  return (\n    <div className={cn('size-full', !embedded && 'pb-2 pl-2')}>\n      <nav\n        aria-label={ariaLabel}\n        className={cn(\n          'flex h-full flex-col gap-1 overflow-y-auto p-1',\n          !embedded && cn(raisedSurfaceStyle, 'rounded-studio-panel'),\n        )}\n      >\n        {children}\n      </nav>\n    </div>\n  );\n};\n\nexport interface ThreadListNewItemProps {\n  render?: ButtonProps['render'];\n  children: ReactNode;\n}\n\nexport const ThreadListNewItem = ({ render, children }: ThreadListNewItemProps) => {\n  return (\n    <Button render={render} variant=\"ghost\" className=\"w-full justify-start rounded-xl px-3\">\n      {children}\n    </Button>\n  );\n};\n\nexport const ThreadListSeparator = () => (\n  <div role=\"separator\" aria-orientation=\"horizontal\" className=\"-mx-1 h-px shrink-0 bg-border/40\" />\n);\n\nexport interface ThreadListItemsProps {\n  children: ReactNode;\n}\n\nexport const ThreadListItems = ({ children }: ThreadListItemsProps) => (\n  <ol className=\"flex flex-col gap-1\" data-testid=\"thread-list\">\n    {children}\n  </ol>\n);\n\nexport interface ThreadListItemProps {\n  as?: ElementType;\n  href?: string;\n  to?: string;\n  isActive?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  /** Trailing controls (e.g. a menu trigger) shown on hover/focus, and kept visible while a popup they own is open. */\n  actions?: ReactNode;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const ThreadListItem = ({\n  as,\n  href,\n  to,\n  isActive,\n  onClick,\n  onDelete,\n  deleteLabel = 'delete',\n  actions,\n  className,\n  children,\n}: ThreadListItemProps) => {\n  return (\n    <li className=\"group relative\">\n      <Button\n        render={as ? createElement(as, { href, to }) : undefined}\n        onClick={onClick}\n        variant=\"ghost\"\n        className={cn(\n          'w-full min-w-0 justify-start rounded-xl px-3 text-left',\n          (onDelete || actions) && 'pr-9',\n          isActive && 'bg-fill-hover text-foreground',\n          className,\n        )}\n      >\n        <span className=\"min-w-0 flex-1\">{children}</span>\n      </Button>\n\n      {onDelete && (\n        <Button\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className=\"absolute top-1/2 right-1 -translate-y-1/2 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100\"\n          onClick={onDelete}\n          aria-label={deleteLabel}\n        >\n          <X />\n        </Button>\n      )}\n\n      {actions && (\n        <div className=\"absolute top-1/2 right-px flex -translate-y-1/2 items-center opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100 has-data-popup-open:opacity-100\">\n          {actions}\n        </div>\n      )}\n    </li>\n  );\n};\n\nexport interface ThreadListEmptyProps {\n  children: ReactNode;\n}\n\nexport const ThreadListEmpty = ({ children }: ThreadListEmptyProps) => {\n  return (\n    <Txt as=\"p\" variant=\"caption\" tone=\"muted\" className=\"px-3 py-2\">\n      {children}\n    </Txt>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAkBO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,cAAc,SAAA,GAAY,SAAA,EAAW,QAAA,GAAW,KAAA,EAAM,KAAuB;AAClH,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,aAAa,CAAC,QAAA,IAAY,WAAW,CAAA,EACtD,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAW,EAAA;AAAA,QACT,gDAAA;AAAA,QACA,CAAC,QAAA,IAAY,EAAA,CAAG,kBAAA,EAAoB,sBAAsB;AAAA,OAC5D;AAAA,MAEC;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAOO,MAAM,iBAAA,GAAoB,CAAC,EAAE,MAAA,EAAQ,UAAS,KAA8B;AACjF,EAAA,2BACG,MAAA,EAAA,EAAO,MAAA,EAAgB,SAAQ,OAAA,EAAQ,SAAA,EAAU,wCAC/C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,mBAAA,GAAsB,sBACjC,GAAA,CAAC,KAAA,EAAA,EAAI,MAAK,WAAA,EAAY,kBAAA,EAAiB,YAAA,EAAa,SAAA,EAAU,kCAAA,EAAmC;AAO5F,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,qBACzC,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAY,aAAA,EAC7C,QAAA,EACH;AAiBK,MAAM,iBAAiB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,IAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,KAAK,aAAA,CAAc,EAAA,EAAI,EAAE,IAAA,EAAM,EAAA,EAAI,CAAA,GAAI,MAAA;AAAA,QAC/C,OAAA;AAAA,QACA,OAAA,EAAQ,OAAA;AAAA,QACR,SAAA,EAAW,EAAA;AAAA,UACT,wDAAA;AAAA,UAAA,CACC,YAAY,OAAA,KAAY,MAAA;AAAA,UACzB,QAAA,IAAY,+BAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAS;AAAA;AAAA,KAC7C;AAAA,IAEC,QAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,OAAA;AAAA,QACR,IAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAU,+HAAA;AAAA,QACV,OAAA,EAAS,QAAA;AAAA,QACT,YAAA,EAAY,WAAA;AAAA,QAEZ,8BAAC,CAAA,EAAA,EAAE;AAAA;AAAA,KACL;AAAA,IAGD,OAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oLACZ,QAAA,EAAA,OAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ;AAMO,MAAM,eAAA,GAAkB,CAAC,EAAE,QAAA,EAAS,KAA4B;AACrE,EAAA,uBACE,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,WAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAAU,WAAA,EAClD,QAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/{time-picker-J7GaNaEd.js → time-picker-CF6_miti.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-N2lgBRsg.js';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-BvYdi3X0.js';
 import { c as cn } from './cn-coERSHz5.js';
 
 const hourOptions = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
@@ -70,4 +70,4 @@ function TimePartSelect({ label, options, value, onValueChange }) {
 }
 
 export { TimePicker as T };
-//# sourceMappingURL=time-picker-J7GaNaEd.js.map
+//# sourceMappingURL=time-picker-CF6_miti.js.map