@mastra/playground-ui 69.0.0-alpha.0 → 69.0.0-alpha.2

package/dist/style.css

@@ -746,6 +746,10 @@
     inset-block: var(--spacing);
   }
 
+  .inset-y-2 {
+    inset-block: calc(var(--spacing) * 2);
+  }
+
   .inset-s-1\/2 {
     inset-inline-start: 50%;
   }
@@ -1922,6 +1926,10 @@
     margin-left: -.8em;
   }
 
+  .ml-\[-\.9em\] {
+    margin-left: -.9em;
+  }
+
   .ml-\[14px\] {
     margin-left: 14px;
   }
@@ -2765,10 +2773,6 @@
     min-height: calc(var(--spacing) * 7);
   }
 
-  .min-h-8 {
-    min-height: calc(var(--spacing) * 8);
-  }
-
   .min-h-9 {
     min-height: calc(var(--spacing) * 9);
   }
@@ -3993,11 +3997,31 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .-translate-x-\(--knowledge-drawer-inset\) {
+    --tw-translate-x: calc(var(--knowledge-drawer-inset) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .-translate-x-4 {
+    --tw-translate-x: calc(var(--spacing) * -4);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .translate-x-\(--knowledge-pane-left\) {
+    --tw-translate-x: var(--knowledge-pane-left);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .translate-x-\(--knowledge-tree-drawer-inset\,0px\) {
+    --tw-translate-x: var(--knowledge-tree-drawer-inset, 0px);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .translate-x-0 {
     --tw-translate-x: 0px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -6810,6 +6834,10 @@
     padding-left: calc(var(--spacing) * 8);
   }
 
+  .pl-9 {
+    padding-left: calc(var(--spacing) * 9);
+  }
+
   .pl-10 {
     padding-left: calc(var(--spacing) * 10);
   }
@@ -6838,6 +6866,10 @@
     padding-left: calc(var(--control-px) - 2px);
   }
 
+  .pl-\[calc\(var\(--knowledge-tree-inset\)\+0\.5rem\)\] {
+    padding-left: calc(var(--knowledge-tree-inset) + .5rem);
+  }
+
   .pl-\[calc\(var\(--spacing-icon-md\)\+var\(--spacing\)\*4\+1px\)\] {
     padding-left: calc(var(--spacing-icon-md) + var(--spacing) * 4 + 1px);
   }
@@ -7062,6 +7094,12 @@
     font-size: var(--text-display-lg--line-height);
   }
 
+  @media (pointer: coarse) {
+    .zoom-safe-text {
+      font-size: 16px !important;
+    }
+  }
+
   .leading-0 {
     --tw-leading: 0px;
     line-height: 0;
@@ -8366,6 +8404,10 @@
     --control-icon: var(--control-icon-rest);
   }
 
+  .\[--control-icon\:var\(--foreground\)\] {
+    --control-icon: var(--foreground);
+  }
+
   .\[--control-px\:\.9em\] {
     --control-px: .9em;
   }
@@ -8609,6 +8651,10 @@
     border-top-width: 0;
   }
 
+  :is(.\*\:py-6 > *) {
+    padding-block: calc(var(--spacing) * 6);
+  }
+
   :is(.\*\:transition-colors > *) {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -9850,7 +9896,7 @@
     padding-right: calc(var(--spacing) * 3);
   }
 
-  .last\:pb-0:last-child {
+  .last\:pb-0:last-child, :is(.\*\:last\:pb-0 > *):last-child {
     padding-bottom: 0;
   }
 
@@ -10505,19 +10551,11 @@
     color: var(--placeholder);
   }
 
-  .disabled\:opacity-40:disabled {
-    opacity: .4;
-  }
-
   .disabled\:opacity-50:disabled {
     opacity: .5;
   }
 
   @media (hover: hover) {
-    .disabled\:hover\:bg-card:disabled:hover {
-      background-color: var(--card);
-    }
-
     .disabled\:hover\:text-muted-foreground:disabled:hover {
       color: var(--muted-foreground);
     }
@@ -10879,29 +10917,11 @@
     border-color: var(--destructive-indicator);
   }
 
-  .aria-pressed\:border-transparent[aria-pressed="true"] {
-    border-color: #0000;
-  }
-
-  .aria-pressed\:bg-fill-inverse[aria-pressed="true"] {
-    background-color: var(--fill-inverse);
-  }
-
-  .aria-pressed\:text-background[aria-pressed="true"] {
-    color: var(--background);
-  }
-
   .aria-pressed\:before\:bg-fill[aria-pressed="true"]:before {
     content: var(--tw-content);
     background-color: var(--fill);
   }
 
-  @media (hover: hover) {
-    .aria-pressed\:hover\:bg-fill-inverse[aria-pressed="true"]:hover {
-      background-color: var(--fill-inverse);
-    }
-  }
-
   .data-autoscrolling\:scrollbar-thumb-transparent[data-autoscrolling] {
     --tw-scrollbar-thumb: transparent;
     scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
@@ -12682,10 +12702,6 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
-    .xl\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
-      grid-template-columns: minmax(0, 1fr) 18rem;
-    }
-
     .xl\:px-\[4\.375rem\] {
       padding-inline: 4.375rem;
     }
@@ -12832,9 +12848,43 @@
   }
 
   @container (min-width: 56rem) {
+    .\@4xl\:w-72 {
+      width: calc(var(--spacing) * 72);
+    }
+
+    .\@4xl\:flex-1 {
+      flex: 1;
+    }
+
+    .\@4xl\:shrink-0 {
+      flex-shrink: 0;
+    }
+
     .\@4xl\:grid-cols-\[repeat\(auto-fit\,minmax\(12rem\,1fr\)\)\] {
       grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
     }
+
+    .\@4xl\:flex-row {
+      flex-direction: row;
+    }
+
+    .\@4xl\:border-t-0 {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0;
+    }
+
+    .\@4xl\:border-l {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+
+    .\@4xl\:pl-8 {
+      padding-left: calc(var(--spacing) * 8);
+    }
+
+    :is(.\@4xl\:\*\:first\:pt-0 > *):first-child {
+      padding-top: 0;
+    }
   }
 
   @container (min-width: 64rem) {

package/dist/{tabbed-container-Bhfi-DWr.cjs → tabbed-container-BMLD6mvc.cjs}

@@ -1,8 +1,8 @@
-require('./tabbed-container.css');const require_combobox = require("./combobox-i723LxeC.cjs");
+require('./tabbed-container.css');const require_combobox = require("./combobox-DU2jsrGa.cjs");
 const require_data_list = require("./data-list-072hHK9L.cjs");
 const require_list_search = require("./list-search-yF02rvZt.cjs");
-const require_tabs_content = require("./tabs-content-BACwMrMG.cjs");
-const require_tabs_tab = require("./tabs-tab-CANh2eAD.cjs");
+const require_tabs_content = require("./tabs-content-D_ic2ZqI.cjs");
+const require_tabs_tab = require("./tabs-tab-Dj2huH5T.cjs");
 const require_tooltip = require("./tooltip-BsExuMO8.cjs");
 const require_Txt = require("./Txt-_00wWxTd.cjs");
 const require_utils = require("./utils-uDc1ofX1.cjs");
@@ -127,4 +127,4 @@ Object.defineProperty(exports, "TabbedContainer", {
 	}
 });
 
-//# sourceMappingURL=tabbed-container-Bhfi-DWr.cjs.map
+//# sourceMappingURL=tabbed-container-BMLD6mvc.cjs.map

package/dist/{tabbed-container-Bhfi-DWr.cjs.map → tabbed-container-BMLD6mvc.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tabbed-container-Bhfi-DWr.cjs","names":["TabContent","cn","DataList","useContext","TabsContext","ListSearch","TooltipProvider","Tooltip","TooltipTrigger","ListFilterIcon","Txt","Combobox","TooltipContent","isValidElement","Children","Tabs","TabList","Tab"],"sources":["../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div key={value} data-slot=\"tabbed-container-controls\" data-active={active || undefined} hidden={!active}>\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"mappings":"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"}
+{"version":3,"file":"tabbed-container-BMLD6mvc.cjs","names":["TabContent","cn","DataList","useContext","TabsContext","ListSearch","TooltipProvider","Tooltip","TooltipTrigger","ListFilterIcon","Txt","Combobox","TooltipContent","isValidElement","Children","Tabs","TabList","Tab"],"sources":["../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div key={value} data-slot=\"tabbed-container-controls\" data-active={active || undefined} hidden={!active}>\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"mappings":"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"}

package/dist/{tabbed-container-DOkHshha.js → tabbed-container-CaS8cZCS.js}

@@ -1,8 +1,8 @@
-import { t as Combobox } from "./combobox-lbSxWRMl.js";
+import { t as Combobox } from "./combobox-DLdInLYm.js";
 import { t as DataList } from "./data-list-GzbzPmYR.js";
 import { t as ListSearch } from "./list-search-DUcIMJTk.js";
-import { t as TabContent } from "./tabs-content-DwU_eA-a.js";
-import { i as TabsContext, n as Tabs, r as TabList, t as Tab } from "./tabs-tab-BHs639jL.js";
+import { t as TabContent } from "./tabs-content-BGkPZ5EQ.js";
+import { i as TabsContext, n as Tabs, r as TabList, t as Tab } from "./tabs-tab-CJVS0WED.js";
 import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./tooltip-DJcze2VZ.js";
 import { t as Txt } from "./Txt-5efBsb2p.js";
 import { t as cn } from "./utils-DQx8TpNT.js";
@@ -122,4 +122,4 @@ var TabbedContainer = Object.assign(TabbedContainerRoot, {
 });
 export { TabbedContainer as t };
 
-//# sourceMappingURL=tabbed-container-DOkHshha.js.map
+//# sourceMappingURL=tabbed-container-CaS8cZCS.js.map

package/dist/{tabbed-container-DOkHshha.js.map → tabbed-container-CaS8cZCS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabbed-container-DOkHshha.js","names":[],"sources":["../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div key={value} data-slot=\"tabbed-container-controls\" data-active={active || undefined} hidden={!active}>\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"mappings":"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"}
+{"version":3,"file":"tabbed-container-CaS8cZCS.js","names":[],"sources":["../src/ds/layout/tabbed-container/tabbed-container-root.tsx","../src/ds/layout/tabbed-container/index.ts"],"sourcesContent":["import { ListFilterIcon } from 'lucide-react';\nimport { Children, isValidElement, useContext } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport './tabbed-container.css';\nimport { Combobox } from '@/ds/components/Combobox/combobox';\nimport type { ComboboxProps } from '@/ds/components/Combobox/combobox';\nimport { DataList } from '@/ds/components/DataList/data-list';\nimport type { DataListFit } from '@/ds/components/DataList/data-list-root';\nimport { ListSearch } from '@/ds/components/ListSearch/list-search';\nimport type { ListSearchProps } from '@/ds/components/ListSearch/list-search';\nimport { TabContent } from '@/ds/components/Tabs/tabs-content';\nimport { TabsContext } from '@/ds/components/Tabs/tabs-context';\nimport { TabList } from '@/ds/components/Tabs/tabs-list';\nimport { Tabs } from '@/ds/components/Tabs/tabs-root';\nimport type { TabsRootProps } from '@/ds/components/Tabs/tabs-root';\nimport { Tab } from '@/ds/components/Tabs/tabs-tab';\nimport type { TabProps } from '@/ds/components/Tabs/tabs-tab';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip/tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type TabbedContainerSearchProps = Pick<\n  ListSearchProps,\n  'debounceMs' | 'label' | 'onSearch' | 'placeholder' | 'value'\n>;\n\nexport type TabbedContainerFilterProps = ComboboxProps & { 'aria-label': string };\n\ntype TabbedContainerItemProps = Pick<\n  TabProps,\n  'attention' | 'disabled' | 'disabledTooltip' | 'onClick' | 'onClose' | 'value'\n> & {\n  label: ReactNode;\n  children: ReactNode;\n  className?: string;\n  tabClassName?: string;\n};\n\nexport type TabbedContainerPanelProps = TabbedContainerItemProps;\n\nexport type TabbedContainerDataListProps = TabbedContainerItemProps & {\n  columns: string;\n  search?: TabbedContainerSearchProps;\n  filter?: TabbedContainerFilterProps;\n  fit?: DataListFit;\n};\n\nexport const TabbedContainerPanel = ({ value, children, className }: TabbedContainerPanelProps) => (\n  <TabContent value={value} keepMounted className={cn('min-h-0 flex-1', className)}>\n    {children}\n  </TabContent>\n);\n\nexport const TabbedContainerDataList = ({ value, columns, fit, children, className }: TabbedContainerDataListProps) => (\n  <TabContent value={value} keepMounted className={cn('tabbed-container-data-list min-h-0 flex-1', className)}>\n    <DataList columns={columns} fit={fit} variant=\"light\" className=\"min-h-0 px-0 pb-0\">\n      {children}\n    </DataList>\n  </TabContent>\n);\n\nexport const DataListControls = ({ dataLists }: { dataLists: ReactElement<TabbedContainerDataListProps>[] }) => {\n  const tabs = useContext(TabsContext);\n  return dataLists.map(dataList => {\n    const { filter, search, value } = dataList.props;\n    if (!search && !filter) return null;\n    const active = value === tabs?.value;\n    const filterCount = filter ? (Array.isArray(filter.value) ? filter.value.length : filter.value ? 1 : 0) : 0;\n    return (\n      <div key={value} data-slot=\"tabbed-container-controls\" data-active={active || undefined} hidden={!active}>\n        <div data-slot=\"tabbed-container-query\">\n          {search ? (\n            <div data-slot=\"tabbed-container-search\">\n              <ListSearch {...search} size=\"md\" shortcutDisabled={!active} />\n            </div>\n          ) : null}\n          {filter ? (\n            <TooltipProvider delay={200}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <div data-slot=\"tabbed-container-filter\" data-active={filterCount > 0 || undefined}>\n                    <ListFilterIcon aria-hidden=\"true\" />\n                    {filterCount > 0 ? (\n                      <Txt as=\"span\" variant=\"meta\" aria-hidden=\"true\" data-slot=\"tabbed-container-filter-count\">\n                        {filterCount}\n                      </Txt>\n                    ) : null}\n                    {filter.multiple ? (\n                      <Combobox {...filter} clearLabel=\"Clear\" size=\"md\" variant=\"default\" />\n                    ) : (\n                      <Combobox {...filter} size=\"md\" variant=\"default\" />\n                    )}\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent side=\"bottom\">\n                  {filterCount > 0 ? `Filter, ${filterCount} selected` : 'Filter'}\n                </TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ) : null}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport type TabbedContainerProps<T extends string> = {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  frame?: TabsRootProps<T>['frame'];\n  className?: string;\n};\n\ntype TabbedContainerChildProps = TabbedContainerPanelProps | TabbedContainerDataListProps;\n\nconst isContainerChild = (child: ReactNode): child is ReactElement<TabbedContainerChildProps> =>\n  isValidElement(child) && (child.type === TabbedContainerPanel || child.type === TabbedContainerDataList);\n\nconst isDataList = (\n  child: ReactElement<TabbedContainerChildProps>,\n): child is ReactElement<TabbedContainerDataListProps> => child.type === TabbedContainerDataList;\n\nexport function TabbedContainerRoot<T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  frame = 'inset',\n  className,\n}: TabbedContainerProps<T>) {\n  const panels = Children.toArray(children).filter(isContainerChild);\n  const dataLists = panels.filter(isDataList);\n  return (\n    <Tabs\n      defaultTab={defaultTab}\n      value={value}\n      onValueChange={onValueChange}\n      appearance=\"contained\"\n      frame={frame}\n      className={cn('tabbed-container min-h-0 flex-1', className)}\n    >\n      <div data-slot=\"tabbed-container-rail\">\n        <div data-slot=\"tabbed-container-tabs\">\n          <TabList>\n            {panels.map(panel => (\n              <Tab\n                key={panel.props.value}\n                value={panel.props.value}\n                disabled={panel.props.disabled}\n                attention={panel.props.attention}\n                disabledTooltip={panel.props.disabledTooltip}\n                onClick={panel.props.onClick}\n                onClose={panel.props.onClose}\n                className={panel.props.tabClassName}\n              >\n                {panel.props.label}\n              </Tab>\n            ))}\n          </TabList>\n        </div>\n        <DataListControls dataLists={dataLists} />\n      </div>\n      {panels}\n    </Tabs>\n  );\n}\n","import { TabbedContainerDataList, TabbedContainerPanel, TabbedContainerRoot } from './tabbed-container-root';\n\nexport type {\n  TabbedContainerDataListProps,\n  TabbedContainerFilterProps,\n  TabbedContainerPanelProps,\n  TabbedContainerProps,\n  TabbedContainerSearchProps,\n} from './tabbed-container-root';\n\nexport const TabbedContainer = Object.assign(TabbedContainerRoot, {\n  Panel: TabbedContainerPanel,\n  DataList: TabbedContainerDataList,\n});\n"],"mappings":"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"}

package/dist/{tabs-content-DwU_eA-a.js → tabs-content-BGkPZ5EQ.js}

@@ -1,4 +1,4 @@
-import { i as TabsContext } from "./tabs-tab-BHs639jL.js";
+import { i as TabsContext } from "./tabs-tab-CJVS0WED.js";
 import { focusRing } from "./primitives/transitions.es.js";
 import { t as cn } from "./utils-DQx8TpNT.js";
 import { useContext, useEffect, useState } from "react";
@@ -26,4 +26,4 @@ var TabContent = ({ children, value, flush = false, keepMounted = false, classNa
 };
 export { TabContent as t };
 
-//# sourceMappingURL=tabs-content-DwU_eA-a.js.map
+//# sourceMappingURL=tabs-content-BGkPZ5EQ.js.map

package/dist/{tabs-content-DwU_eA-a.js.map → tabs-content-BGkPZ5EQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-content-DwU_eA-a.js","names":["BaseTabs"],"sources":["../src/ds/components/Tabs/tabs-content.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useState } from 'react';\nimport { TabsContext } from './tabs-context';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TabContentProps = {\n  children: React.ReactNode;\n  value: string;\n  flush?: boolean;\n  keepMounted?: boolean;\n  className?: string;\n};\n\nexport const TabContent = ({ children, value, flush = false, keepMounted = false, className }: TabContentProps) => {\n  const tabs = useContext(TabsContext);\n  const selected = tabs?.value === value;\n  const [visited, setVisited] = useState(selected);\n  useEffect(() => {\n    if (keepMounted && selected) setVisited(true);\n  }, [keepMounted, selected]);\n  return (\n    <BaseTabs.Panel\n      value={value}\n      keepMounted={keepMounted}\n      data-slot=\"tabs-content\"\n      data-flush={flush || undefined}\n      className={cn(\n        'grid overflow-y-auto ring-offset-background',\n        // Flush panels give the row to their content (scroll region, code block) instead of padding it.\n        flush ? 'h-full min-h-0' : 'py-2',\n        focusRing,\n        className,\n      )}\n    >\n      <div data-slot=\"tabs-content-body\" className=\"contents\">\n        {!keepMounted || selected || visited ? children : null}\n      </div>\n    </BaseTabs.Panel>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAa,cAAc,EAAE,UAAU,OAAO,QAAQ,OAAO,cAAc,OAAO,gBAAiC;CAEjH,MAAM,WADO,WAAW,WACP,CAAA,EAAM,UAAU;CACjC,MAAM,CAAC,SAAS,cAAc,SAAS,QAAQ;CAC/C,gBAAgB;EACd,IAAI,eAAe,UAAU,WAAW,IAAI;CAC9C,GAAG,CAAC,aAAa,QAAQ,CAAC;CAC1B,OACE,oBAACA,KAAS,OAAV;EACS;EACM;EACb,aAAU;EACV,cAAY,SAAS,KAAA;EACrB,WAAW,GACT,+CAEA,QAAQ,mBAAmB,QAC3B,WACA,SACF;EAEA,UAAA,oBAAC,OAAD;GAAK,aAAU;GAAoB,WAAU;GAC1C,UAAA,CAAC,eAAe,YAAY,UAAU,WAAW;EAC/C,CAAA;CACS,CAAA;AAEpB"}
+{"version":3,"file":"tabs-content-BGkPZ5EQ.js","names":["BaseTabs"],"sources":["../src/ds/components/Tabs/tabs-content.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useState } from 'react';\nimport { TabsContext } from './tabs-context';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TabContentProps = {\n  children: React.ReactNode;\n  value: string;\n  flush?: boolean;\n  keepMounted?: boolean;\n  className?: string;\n};\n\nexport const TabContent = ({ children, value, flush = false, keepMounted = false, className }: TabContentProps) => {\n  const tabs = useContext(TabsContext);\n  const selected = tabs?.value === value;\n  const [visited, setVisited] = useState(selected);\n  useEffect(() => {\n    if (keepMounted && selected) setVisited(true);\n  }, [keepMounted, selected]);\n  return (\n    <BaseTabs.Panel\n      value={value}\n      keepMounted={keepMounted}\n      data-slot=\"tabs-content\"\n      data-flush={flush || undefined}\n      className={cn(\n        'grid overflow-y-auto ring-offset-background',\n        // Flush panels give the row to their content (scroll region, code block) instead of padding it.\n        flush ? 'h-full min-h-0' : 'py-2',\n        focusRing,\n        className,\n      )}\n    >\n      <div data-slot=\"tabs-content-body\" className=\"contents\">\n        {!keepMounted || selected || visited ? children : null}\n      </div>\n    </BaseTabs.Panel>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAa,cAAc,EAAE,UAAU,OAAO,QAAQ,OAAO,cAAc,OAAO,gBAAiC;CAEjH,MAAM,WADO,WAAW,WACP,CAAA,EAAM,UAAU;CACjC,MAAM,CAAC,SAAS,cAAc,SAAS,QAAQ;CAC/C,gBAAgB;EACd,IAAI,eAAe,UAAU,WAAW,IAAI;CAC9C,GAAG,CAAC,aAAa,QAAQ,CAAC;CAC1B,OACE,oBAACA,KAAS,OAAV;EACS;EACM;EACb,aAAU;EACV,cAAY,SAAS,KAAA;EACrB,WAAW,GACT,+CAEA,QAAQ,mBAAmB,QAC3B,WACA,SACF;EAEA,UAAA,oBAAC,OAAD;GAAK,aAAU;GAAoB,WAAU;GAC1C,UAAA,CAAC,eAAe,YAAY,UAAU,WAAW;EAC/C,CAAA;CACS,CAAA;AAEpB"}

package/dist/{tabs-content-BACwMrMG.cjs → tabs-content-D_ic2ZqI.cjs}

@@ -1,4 +1,4 @@
-const require_tabs_tab = require("./tabs-tab-CANh2eAD.cjs");
+const require_tabs_tab = require("./tabs-tab-Dj2huH5T.cjs");
 const require_primitives_transitions = require("./primitives/transitions.cjs.js");
 const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
@@ -31,4 +31,4 @@ Object.defineProperty(exports, "TabContent", {
 	}
 });
 
-//# sourceMappingURL=tabs-content-BACwMrMG.cjs.map
+//# sourceMappingURL=tabs-content-D_ic2ZqI.cjs.map

package/dist/{tabs-content-BACwMrMG.cjs.map → tabs-content-D_ic2ZqI.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-content-BACwMrMG.cjs","names":["useContext","TabsContext","useState","BaseTabs","cn","focusRing"],"sources":["../src/ds/components/Tabs/tabs-content.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useState } from 'react';\nimport { TabsContext } from './tabs-context';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TabContentProps = {\n  children: React.ReactNode;\n  value: string;\n  flush?: boolean;\n  keepMounted?: boolean;\n  className?: string;\n};\n\nexport const TabContent = ({ children, value, flush = false, keepMounted = false, className }: TabContentProps) => {\n  const tabs = useContext(TabsContext);\n  const selected = tabs?.value === value;\n  const [visited, setVisited] = useState(selected);\n  useEffect(() => {\n    if (keepMounted && selected) setVisited(true);\n  }, [keepMounted, selected]);\n  return (\n    <BaseTabs.Panel\n      value={value}\n      keepMounted={keepMounted}\n      data-slot=\"tabs-content\"\n      data-flush={flush || undefined}\n      className={cn(\n        'grid overflow-y-auto ring-offset-background',\n        // Flush panels give the row to their content (scroll region, code block) instead of padding it.\n        flush ? 'h-full min-h-0' : 'py-2',\n        focusRing,\n        className,\n      )}\n    >\n      <div data-slot=\"tabs-content-body\" className=\"contents\">\n        {!keepMounted || selected || visited ? children : null}\n      </div>\n    </BaseTabs.Panel>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAa,cAAc,EAAE,UAAU,OAAO,QAAQ,OAAO,cAAc,OAAO,gBAAiC;CAEjH,MAAM,YAAA,GADOA,MAAAA,WAAAA,CAAWC,iBAAAA,WACP,CAAA,EAAM,UAAU;CACjC,MAAM,CAAC,SAAS,eAAA,GAAcC,MAAAA,SAAAA,CAAS,QAAQ;CAC/C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,eAAe,UAAU,WAAW,IAAI;CAC9C,GAAG,CAAC,aAAa,QAAQ,CAAC;CAC1B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,KAAS,OAAV;EACS;EACM;EACb,aAAU;EACV,cAAY,SAAS,KAAA;EACrB,WAAWC,cAAAA,GACT,+CAEA,QAAQ,mBAAmB,QAC3BC,+BAAAA,WACA,SACF;EAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,aAAU;GAAoB,WAAU;GAC1C,UAAA,CAAC,eAAe,YAAY,UAAU,WAAW;EAC/C,CAAA;CACS,CAAA;AAEpB"}
+{"version":3,"file":"tabs-content-D_ic2ZqI.cjs","names":["useContext","TabsContext","useState","BaseTabs","cn","focusRing"],"sources":["../src/ds/components/Tabs/tabs-content.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useContext, useEffect, useState } from 'react';\nimport { TabsContext } from './tabs-context';\nimport { focusRing } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type TabContentProps = {\n  children: React.ReactNode;\n  value: string;\n  flush?: boolean;\n  keepMounted?: boolean;\n  className?: string;\n};\n\nexport const TabContent = ({ children, value, flush = false, keepMounted = false, className }: TabContentProps) => {\n  const tabs = useContext(TabsContext);\n  const selected = tabs?.value === value;\n  const [visited, setVisited] = useState(selected);\n  useEffect(() => {\n    if (keepMounted && selected) setVisited(true);\n  }, [keepMounted, selected]);\n  return (\n    <BaseTabs.Panel\n      value={value}\n      keepMounted={keepMounted}\n      data-slot=\"tabs-content\"\n      data-flush={flush || undefined}\n      className={cn(\n        'grid overflow-y-auto ring-offset-background',\n        // Flush panels give the row to their content (scroll region, code block) instead of padding it.\n        flush ? 'h-full min-h-0' : 'py-2',\n        focusRing,\n        className,\n      )}\n    >\n      <div data-slot=\"tabs-content-body\" className=\"contents\">\n        {!keepMounted || selected || visited ? children : null}\n      </div>\n    </BaseTabs.Panel>\n  );\n};\n"],"mappings":";;;;;;;AAcA,IAAa,cAAc,EAAE,UAAU,OAAO,QAAQ,OAAO,cAAc,OAAO,gBAAiC;CAEjH,MAAM,YAAA,GADOA,MAAAA,WAAAA,CAAWC,iBAAAA,WACP,CAAA,EAAM,UAAU;CACjC,MAAM,CAAC,SAAS,eAAA,GAAcC,MAAAA,SAAAA,CAAS,QAAQ;CAC/C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,eAAe,UAAU,WAAW,IAAI;CAC9C,GAAG,CAAC,aAAa,QAAQ,CAAC;CAC1B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,KAAS,OAAV;EACS;EACM;EACb,aAAU;EACV,cAAY,SAAS,KAAA;EACrB,WAAWC,cAAAA,GACT,+CAEA,QAAQ,mBAAmB,QAC3BC,+BAAAA,WACA,SACF;EAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,aAAU;GAAoB,WAAU;GAC1C,UAAA,CAAC,eAAe,YAAY,UAAU,WAAW;EAC/C,CAAA;CACS,CAAA;AAEpB"}

package/dist/{tabs-tab-BHs639jL.js → tabs-tab-CJVS0WED.js}

@@ -5,7 +5,7 @@ import { controlHeight } from "./primitives/control-size.es.js";
 import { controlStateColorTransition, focusRing, transitions } from "./primitives/transitions.es.js";
 import { o as buttonVariants } from "./Button-Bi7aXd_G.js";
 import { quietTextHover } from "./primitives/typography.es.js";
-import { t as DropdownMenu } from "./dropdown-menu-DKoWI8kD.js";
+import { t as DropdownMenu } from "./dropdown-menu-jsf9D-J_.js";
 import { Fragment, createContext, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, X } from "lucide-react";
@@ -346,4 +346,4 @@ var Tab = ({ children, value, onClick, onClose, disabled, disabledTooltip, toolt
 };
 export { TabsContext as i, Tabs$1 as n, TabList as r, Tab as t };
 
-//# sourceMappingURL=tabs-tab-BHs639jL.js.map
+//# sourceMappingURL=tabs-tab-CJVS0WED.js.map

package/dist/{tabs-tab-BHs639jL.js.map → tabs-tab-CJVS0WED.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-tab-BHs639jL.js","names":["BaseTabs","Tabs","BaseTabs","BaseTabs","_Fragment"],"sources":["../src/ds/components/Tabs/tabs-context.ts","../src/ds/components/Tabs/tabs-list.tsx","../src/ds/components/Tabs/tabs-root.tsx","../src/ds/components/Tabs/tabs-tab.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type TabMeasurement = {\n  value: string;\n  label: ReactNode;\n  disabled: boolean;\n  width: number;\n  element: HTMLElement;\n  onClick?: () => void;\n  onClose?: () => void;\n};\n\nexport const TabsContext = createContext<{\n  appearance: 'default' | 'contained';\n  value: string;\n  select(value: string): void;\n} | null>(null);\n\nexport const TabListContext = createContext<{\n  variant: 'line' | 'pill' | 'pill-ghost';\n  size: 'sm' | 'md';\n  hiddenValues: ReadonlySet<string>;\n  register(tab: TabMeasurement): void;\n  unregister(value: string): void;\n} | null>(null);\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { ChevronDown, X } from 'lucide-react';\nimport { Fragment, useCallback, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { DropdownMenu } from '../DropdownMenu/dropdown-menu';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext, TabsContext } from './tabs-context';\nimport type { TabMeasurement } from './tabs-context';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst tabListVariants = cva('relative flex items-center text-body', {\n  variants: {\n    variant: {\n      pill: 'w-fit gap-1 rounded-full bg-fill-subtle p-1',\n      'pill-ghost': 'w-fit gap-0.5 rounded-full',\n    },\n  },\n  defaultVariants: {\n    variant: 'pill',\n  },\n});\n\ntype TabListVariantsProps = VariantProps<typeof tabListVariants>;\n\nexport type TabListVariant = NonNullable<TabListVariantsProps['variant']>;\n\n/** The shared control rung: a list of a size lines up with a Button or Input of that size. */\nexport type TabListSize = 'sm' | 'md';\n\nexport type TabListProps = Omit<TabListVariantsProps, 'variant'> & {\n  children: React.ReactNode;\n  className?: string;\n  sticky?: boolean;\n  size?: TabListSize;\n  variant?: TabListVariant | null;\n  style?: React.CSSProperties;\n};\n\n/** The active pill sits inside the track's inset: 2px on the rung-sized track, 4px when contained. */\nfunction indicatorHeightClass(variant: TabListVariant, contained: boolean) {\n  if (variant !== 'pill') return 'h-full';\n  return contained ? 'h-[calc(100%-0.5rem)]' : 'h-[calc(100%-0.25rem)]';\n}\n\nexport const TabList = ({ children, className, variant, size = 'md', sticky, style }: TabListProps) => {\n  const resolvedVariant = variant ?? 'pill';\n  const tabs = useContext(TabsContext);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const closeRefs = useRef(new Map<string, HTMLDivElement>());\n  const tabPositions = useRef(new Map<string, number>());\n  const selectedValue = useRef(tabs?.value);\n  const [available, setAvailable] = useState<number | null>(null);\n  const [measurements, setMeasurements] = useState<TabMeasurement[]>([]);\n  const register = useCallback((tab: TabMeasurement) => {\n    setMeasurements(previous => {\n      const existing = previous.find(item => item.value === tab.value);\n      if (\n        existing &&\n        existing.element === tab.element &&\n        existing.width === tab.width &&\n        existing.label === tab.label &&\n        existing.disabled === tab.disabled &&\n        existing.onClick === tab.onClick &&\n        existing.onClose === tab.onClose\n      )\n        return previous;\n      const next = existing ? previous.map(item => (item.value === tab.value ? tab : item)) : [...previous, tab];\n      return next.sort((a, b) => {\n        if (a.element === b.element) return 0;\n        return a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n      });\n    });\n  }, []);\n  const unregister = useCallback(\n    (value: string) => setMeasurements(previous => previous.filter(tab => tab.value !== value)),\n    [],\n  );\n  const contained = tabs?.appearance === 'contained';\n  const pillTrack = resolvedVariant === 'pill' && !contained;\n  const indicatorHeight = indicatorHeightClass(resolvedVariant, contained);\n  useLayoutEffect(() => {\n    const viewport = scrollRef.current;\n    if (!viewport || !contained) return;\n    const measure = () => setAvailable(viewport.clientWidth);\n    measure();\n    if (!('ResizeObserver' in globalThis)) return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(viewport);\n    return () => observer.disconnect();\n  }, [contained]);\n  const gap = contained ? 4 : 0;\n  const frameReserve = contained ? 30 : 0;\n  const hiddenValues = useMemo(() => {\n    const hidden = new Set<string>();\n    if (!contained || available === null) return hidden;\n    const tabTotal = measurements.reduce((sum, tab) => sum + tab.width, 0) + gap * Math.max(measurements.length - 1, 0);\n    if (tabTotal + frameReserve <= available) return hidden;\n    let remaining = available - frameReserve - 48;\n    const active = measurements.find(tab => tab.value === tabs?.value);\n    if (active) remaining -= active.width + gap;\n    let full = false;\n    for (const tab of measurements) {\n      if (tab === active) continue;\n      if (full || tab.width + gap > remaining) {\n        full = true;\n        hidden.add(tab.value);\n      } else remaining -= tab.width + gap;\n    }\n    return hidden;\n  }, [contained, available, measurements, gap, frameReserve, tabs?.value]);\n  const hiddenTabs = measurements.filter(tab => hiddenValues.has(tab.value));\n  const overflowX = measurements\n    .filter(tab => !hiddenValues.has(tab.value))\n    .reduce((sum, tab) => sum + tab.width + gap, contained ? 4 : 0);\n  const visibleClosableTabs = measurements.filter(tab => !hiddenValues.has(tab.value) && tab.onClose);\n  const listContext = useMemo(\n    () => ({ variant: resolvedVariant, size, hiddenValues, register, unregister }),\n    [resolvedVariant, size, hiddenValues, register, unregister],\n  );\n  useLayoutEffect(() => {\n    const nextPositions = new Map(tabPositions.current);\n    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n    for (const tab of measurements) {\n      if (hiddenValues.has(tab.value)) continue;\n      const left = tab.element.offsetLeft;\n      const previousLeft = tabPositions.current.get(tab.value);\n      const close = closeRefs.current.get(tab.value);\n      if (close) {\n        close.style.left = `${left}px`;\n        close.style.top = `${tab.element.offsetTop}px`;\n        close.style.width = `${tab.element.offsetWidth}px`;\n        close.style.height = `${tab.element.offsetHeight}px`;\n      }\n      const delta = previousLeft === undefined ? 0 : previousLeft - left;\n      const shouldAnimate = tab.value !== tabs?.value && Math.abs(delta) <= 32;\n      if (!reduceMotion && shouldAnimate && delta !== 0 && 'animate' in tab.element) {\n        tab.element.animate([{ transform: `translateX(${delta}px)` }, { transform: 'translateX(0)' }], {\n          duration: 180,\n          easing: 'cubic-bezier(0.32, 0.72, 0, 1)',\n        });\n      }\n      nextPositions.set(tab.value, left);\n    }\n    for (const value of nextPositions.keys()) {\n      if (!measurements.some(tab => tab.value === value)) nextPositions.delete(value);\n    }\n    tabPositions.current = nextPositions;\n  }, [hiddenValues, measurements, tabs?.value]);\n  useLayoutEffect(() => {\n    const previousValue = selectedValue.current;\n    selectedValue.current = tabs?.value;\n    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n    if (!contained || previousValue === tabs?.value || reduceMotion) return;\n    const indicator = scrollRef.current?.querySelector<HTMLElement>('[data-slot=\"tabs-indicator\"]');\n    if (!indicator || !('animate' in indicator)) return;\n    indicator.animate(\n      [\n        { opacity: 0.72, scale: '0.97' },\n        { opacity: 1, scale: '1' },\n      ],\n      {\n        duration: 140,\n        easing: 'cubic-bezier(0.32, 0.72, 0, 1)',\n      },\n    );\n  }, [contained, tabs?.value]);\n\n  return (\n    <TabListContext.Provider value={listContext}>\n      <TooltipProvider delay={200}>\n        <div\n          ref={scrollRef}\n          data-slot=\"tabs-list-scroll\"\n          className={cn('relative w-full overflow-x-auto', sticky && 'sticky top-0 z-10 bg-background')}\n        >\n          <BaseTabs.List\n            data-slot=\"tabs-list\"\n            data-overflow={hiddenTabs.length > 0 || undefined}\n            data-variant={resolvedVariant}\n            data-size={size}\n            className={cn(\n              'group/tabs-list',\n              tabListVariants({ variant: resolvedVariant }),\n              // A filled pill track is the control: its outer box takes the rung (like SegmentedControl),\n              // and the tabs fill it inside the 2px inset.\n              pillTrack && cn(controlHeight[size], 'items-stretch p-0.5'),\n              className,\n            )}\n            style={style}\n          >\n            {children}\n            <BaseTabs.Indicator\n              className={cn(\n                'absolute top-1/2 left-0 z-0 rounded-full bg-[var(--tab-indicator-color,var(--fill-hover))]',\n                indicatorHeight,\n                'w-[var(--active-tab-width)]',\n                'transition-[width,transform] duration-200 ease-in-out motion-reduce:transition-none',\n              )}\n              data-slot=\"tabs-indicator\"\n              style={{ transform: 'translateY(var(--tabs-indicator-y, -50%)) translateX(var(--active-tab-left))' }}\n            />\n          </BaseTabs.List>\n          <div data-slot=\"tabs-close-actions\">\n            {visibleClosableTabs.map(tab => (\n              <div\n                key={tab.value}\n                ref={element => {\n                  if (element) closeRefs.current.set(tab.value, element);\n                  else closeRefs.current.delete(tab.value);\n                }}\n                data-slot=\"tab-close-item\"\n                data-visible={tabs?.value === tab.value || undefined}\n              >\n                <Tooltip>\n                  <TooltipTrigger\n                    render={\n                      <button\n                        type=\"button\"\n                        tabIndex={tabs?.value === tab.value ? 0 : -1}\n                        data-slot=\"tab-close\"\n                        onClick={tab.onClose}\n                        className={cn(\n                          'rounded p-0.5 hover:bg-fill-hover hover:text-destructive-foreground',\n                          transitions.colors,\n                        )}\n                      />\n                    }\n                  >\n                    <span className=\"sr-only\">Close {tab.label}</span>\n                    <X aria-hidden=\"true\" className=\"size-3\" />\n                  </TooltipTrigger>\n                  <TooltipContent>Close {tab.label}</TooltipContent>\n                </Tooltip>\n              </div>\n            ))}\n          </div>\n          {hiddenTabs.length > 0 && (\n            <div\n              data-slot=\"tabs-overflow\"\n              style={{ transform: `translateX(${overflowX}px)` }}\n              className=\"tabs-overflow\"\n            >\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  aria-label={`${hiddenTabs.length} more tabs`}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"tabular-nums\"\n                >\n                  +{hiddenTabs.length}\n                  <ChevronDown aria-hidden=\"true\" className=\"size-3\" />\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content>\n                  {hiddenTabs.map((tab, index) => (\n                    <Fragment key={tab.value}>\n                      <DropdownMenu.Item\n                        data-slot=\"tabs-overflow-tab\"\n                        disabled={tab.disabled}\n                        className={tab.onClose ? 'pr-9' : undefined}\n                        style={{ gridArea: `${index + 1} / 1` }}\n                        onClick={() => {\n                          tabs?.select(tab.value);\n                          tab.onClick?.();\n                        }}\n                      >\n                        {tab.label}\n                      </DropdownMenu.Item>\n                      {tab.onClose ? (\n                        <Tooltip>\n                          <TooltipTrigger\n                            render={\n                              <DropdownMenu.Item\n                                data-slot=\"tabs-overflow-close\"\n                                className=\"pointer-events-none z-10 m-1 size-6 self-center justify-self-end p-0 opacity-0 hover:text-destructive-foreground data-[highlighted]:text-destructive-foreground\"\n                                style={{ gridArea: `${index + 1} / 1` }}\n                                onClick={tab.onClose}\n                              />\n                            }\n                          >\n                            <span className=\"sr-only\">Close {tab.label}</span>\n                            <X aria-hidden=\"true\" className=\"size-3\" />\n                          </TooltipTrigger>\n                          <TooltipContent side=\"right\">Close {tab.label}</TooltipContent>\n                        </Tooltip>\n                      ) : null}\n                    </Fragment>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </div>\n          )}\n        </div>\n      </TooltipProvider>\n    </TabListContext.Provider>\n  );\n};\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { TabsContext } from './tabs-context';\nimport './tabs.css';\nimport { cn } from '@/lib/utils';\n\nexport type TabsRootProps<T extends string> = Omit<\n  ComponentProps<'div'>,\n  'children' | 'defaultValue' | 'value' | 'onChange'\n> & {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  appearance?: 'default' | 'contained';\n  frame?: 'inset';\n  className?: string;\n};\n\nexport const Tabs = <T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  appearance = 'default',\n  frame = 'inset',\n  className,\n  ...props\n}: TabsRootProps<T>) => {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultTab);\n  const selectedValue = value ?? uncontrolledValue;\n  const select = (next: T) => {\n    setUncontrolledValue(next);\n    onValueChange?.(next);\n  };\n  return (\n    <TabsContext.Provider value={{ appearance, value: selectedValue, select }}>\n      <BaseTabs.Root\n        defaultValue={defaultTab}\n        value={selectedValue}\n        onValueChange={select}\n        data-slot=\"tabs\"\n        data-appearance={appearance}\n        data-frame={frame}\n        className={cn('group/tabs', appearance === 'default' ? 'overflow-y-auto' : 'w-full min-w-0', className)}\n        {...props}\n      >\n        {children}\n      </BaseTabs.Root>\n    </TabsContext.Provider>\n  );\n};\n","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      // Base UI's drawer and toast swipe skips buttons but not a `div` tab: without this, pressing a\n      // tab inside a drawer starts a swipe and the click never reaches the tab.\n      data-base-ui-swipe-ignore=\"\"\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"],"mappings":"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"}
+{"version":3,"file":"tabs-tab-CJVS0WED.js","names":["BaseTabs","Tabs","BaseTabs","BaseTabs","_Fragment"],"sources":["../src/ds/components/Tabs/tabs-context.ts","../src/ds/components/Tabs/tabs-list.tsx","../src/ds/components/Tabs/tabs-root.tsx","../src/ds/components/Tabs/tabs-tab.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport type { ReactNode } from 'react';\n\nexport type TabMeasurement = {\n  value: string;\n  label: ReactNode;\n  disabled: boolean;\n  width: number;\n  element: HTMLElement;\n  onClick?: () => void;\n  onClose?: () => void;\n};\n\nexport const TabsContext = createContext<{\n  appearance: 'default' | 'contained';\n  value: string;\n  select(value: string): void;\n} | null>(null);\n\nexport const TabListContext = createContext<{\n  variant: 'line' | 'pill' | 'pill-ghost';\n  size: 'sm' | 'md';\n  hiddenValues: ReadonlySet<string>;\n  register(tab: TabMeasurement): void;\n  unregister(value: string): void;\n} | null>(null);\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { ChevronDown, X } from 'lucide-react';\nimport { Fragment, useCallback, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { DropdownMenu } from '../DropdownMenu/dropdown-menu';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../Tooltip/tooltip';\nimport { TabListContext, TabsContext } from './tabs-context';\nimport type { TabMeasurement } from './tabs-context';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst tabListVariants = cva('relative flex items-center text-body', {\n  variants: {\n    variant: {\n      pill: 'w-fit gap-1 rounded-full bg-fill-subtle p-1',\n      'pill-ghost': 'w-fit gap-0.5 rounded-full',\n    },\n  },\n  defaultVariants: {\n    variant: 'pill',\n  },\n});\n\ntype TabListVariantsProps = VariantProps<typeof tabListVariants>;\n\nexport type TabListVariant = NonNullable<TabListVariantsProps['variant']>;\n\n/** The shared control rung: a list of a size lines up with a Button or Input of that size. */\nexport type TabListSize = 'sm' | 'md';\n\nexport type TabListProps = Omit<TabListVariantsProps, 'variant'> & {\n  children: React.ReactNode;\n  className?: string;\n  sticky?: boolean;\n  size?: TabListSize;\n  variant?: TabListVariant | null;\n  style?: React.CSSProperties;\n};\n\n/** The active pill sits inside the track's inset: 2px on the rung-sized track, 4px when contained. */\nfunction indicatorHeightClass(variant: TabListVariant, contained: boolean) {\n  if (variant !== 'pill') return 'h-full';\n  return contained ? 'h-[calc(100%-0.5rem)]' : 'h-[calc(100%-0.25rem)]';\n}\n\nexport const TabList = ({ children, className, variant, size = 'md', sticky, style }: TabListProps) => {\n  const resolvedVariant = variant ?? 'pill';\n  const tabs = useContext(TabsContext);\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const closeRefs = useRef(new Map<string, HTMLDivElement>());\n  const tabPositions = useRef(new Map<string, number>());\n  const selectedValue = useRef(tabs?.value);\n  const [available, setAvailable] = useState<number | null>(null);\n  const [measurements, setMeasurements] = useState<TabMeasurement[]>([]);\n  const register = useCallback((tab: TabMeasurement) => {\n    setMeasurements(previous => {\n      const existing = previous.find(item => item.value === tab.value);\n      if (\n        existing &&\n        existing.element === tab.element &&\n        existing.width === tab.width &&\n        existing.label === tab.label &&\n        existing.disabled === tab.disabled &&\n        existing.onClick === tab.onClick &&\n        existing.onClose === tab.onClose\n      )\n        return previous;\n      const next = existing ? previous.map(item => (item.value === tab.value ? tab : item)) : [...previous, tab];\n      return next.sort((a, b) => {\n        if (a.element === b.element) return 0;\n        return a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n      });\n    });\n  }, []);\n  const unregister = useCallback(\n    (value: string) => setMeasurements(previous => previous.filter(tab => tab.value !== value)),\n    [],\n  );\n  const contained = tabs?.appearance === 'contained';\n  const pillTrack = resolvedVariant === 'pill' && !contained;\n  const indicatorHeight = indicatorHeightClass(resolvedVariant, contained);\n  useLayoutEffect(() => {\n    const viewport = scrollRef.current;\n    if (!viewport || !contained) return;\n    const measure = () => setAvailable(viewport.clientWidth);\n    measure();\n    if (!('ResizeObserver' in globalThis)) return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(viewport);\n    return () => observer.disconnect();\n  }, [contained]);\n  const gap = contained ? 4 : 0;\n  const frameReserve = contained ? 30 : 0;\n  const hiddenValues = useMemo(() => {\n    const hidden = new Set<string>();\n    if (!contained || available === null) return hidden;\n    const tabTotal = measurements.reduce((sum, tab) => sum + tab.width, 0) + gap * Math.max(measurements.length - 1, 0);\n    if (tabTotal + frameReserve <= available) return hidden;\n    let remaining = available - frameReserve - 48;\n    const active = measurements.find(tab => tab.value === tabs?.value);\n    if (active) remaining -= active.width + gap;\n    let full = false;\n    for (const tab of measurements) {\n      if (tab === active) continue;\n      if (full || tab.width + gap > remaining) {\n        full = true;\n        hidden.add(tab.value);\n      } else remaining -= tab.width + gap;\n    }\n    return hidden;\n  }, [contained, available, measurements, gap, frameReserve, tabs?.value]);\n  const hiddenTabs = measurements.filter(tab => hiddenValues.has(tab.value));\n  const overflowX = measurements\n    .filter(tab => !hiddenValues.has(tab.value))\n    .reduce((sum, tab) => sum + tab.width + gap, contained ? 4 : 0);\n  const visibleClosableTabs = measurements.filter(tab => !hiddenValues.has(tab.value) && tab.onClose);\n  const listContext = useMemo(\n    () => ({ variant: resolvedVariant, size, hiddenValues, register, unregister }),\n    [resolvedVariant, size, hiddenValues, register, unregister],\n  );\n  useLayoutEffect(() => {\n    const nextPositions = new Map(tabPositions.current);\n    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n    for (const tab of measurements) {\n      if (hiddenValues.has(tab.value)) continue;\n      const left = tab.element.offsetLeft;\n      const previousLeft = tabPositions.current.get(tab.value);\n      const close = closeRefs.current.get(tab.value);\n      if (close) {\n        close.style.left = `${left}px`;\n        close.style.top = `${tab.element.offsetTop}px`;\n        close.style.width = `${tab.element.offsetWidth}px`;\n        close.style.height = `${tab.element.offsetHeight}px`;\n      }\n      const delta = previousLeft === undefined ? 0 : previousLeft - left;\n      const shouldAnimate = tab.value !== tabs?.value && Math.abs(delta) <= 32;\n      if (!reduceMotion && shouldAnimate && delta !== 0 && 'animate' in tab.element) {\n        tab.element.animate([{ transform: `translateX(${delta}px)` }, { transform: 'translateX(0)' }], {\n          duration: 180,\n          easing: 'cubic-bezier(0.32, 0.72, 0, 1)',\n        });\n      }\n      nextPositions.set(tab.value, left);\n    }\n    for (const value of nextPositions.keys()) {\n      if (!measurements.some(tab => tab.value === value)) nextPositions.delete(value);\n    }\n    tabPositions.current = nextPositions;\n  }, [hiddenValues, measurements, tabs?.value]);\n  useLayoutEffect(() => {\n    const previousValue = selectedValue.current;\n    selectedValue.current = tabs?.value;\n    const reduceMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ?? false;\n    if (!contained || previousValue === tabs?.value || reduceMotion) return;\n    const indicator = scrollRef.current?.querySelector<HTMLElement>('[data-slot=\"tabs-indicator\"]');\n    if (!indicator || !('animate' in indicator)) return;\n    indicator.animate(\n      [\n        { opacity: 0.72, scale: '0.97' },\n        { opacity: 1, scale: '1' },\n      ],\n      {\n        duration: 140,\n        easing: 'cubic-bezier(0.32, 0.72, 0, 1)',\n      },\n    );\n  }, [contained, tabs?.value]);\n\n  return (\n    <TabListContext.Provider value={listContext}>\n      <TooltipProvider delay={200}>\n        <div\n          ref={scrollRef}\n          data-slot=\"tabs-list-scroll\"\n          className={cn('relative w-full overflow-x-auto', sticky && 'sticky top-0 z-10 bg-background')}\n        >\n          <BaseTabs.List\n            data-slot=\"tabs-list\"\n            data-overflow={hiddenTabs.length > 0 || undefined}\n            data-variant={resolvedVariant}\n            data-size={size}\n            className={cn(\n              'group/tabs-list',\n              tabListVariants({ variant: resolvedVariant }),\n              // A filled pill track is the control: its outer box takes the rung (like SegmentedControl),\n              // and the tabs fill it inside the 2px inset.\n              pillTrack && cn(controlHeight[size], 'items-stretch p-0.5'),\n              className,\n            )}\n            style={style}\n          >\n            {children}\n            <BaseTabs.Indicator\n              className={cn(\n                'absolute top-1/2 left-0 z-0 rounded-full bg-[var(--tab-indicator-color,var(--fill-hover))]',\n                indicatorHeight,\n                'w-[var(--active-tab-width)]',\n                'transition-[width,transform] duration-200 ease-in-out motion-reduce:transition-none',\n              )}\n              data-slot=\"tabs-indicator\"\n              style={{ transform: 'translateY(var(--tabs-indicator-y, -50%)) translateX(var(--active-tab-left))' }}\n            />\n          </BaseTabs.List>\n          <div data-slot=\"tabs-close-actions\">\n            {visibleClosableTabs.map(tab => (\n              <div\n                key={tab.value}\n                ref={element => {\n                  if (element) closeRefs.current.set(tab.value, element);\n                  else closeRefs.current.delete(tab.value);\n                }}\n                data-slot=\"tab-close-item\"\n                data-visible={tabs?.value === tab.value || undefined}\n              >\n                <Tooltip>\n                  <TooltipTrigger\n                    render={\n                      <button\n                        type=\"button\"\n                        tabIndex={tabs?.value === tab.value ? 0 : -1}\n                        data-slot=\"tab-close\"\n                        onClick={tab.onClose}\n                        className={cn(\n                          'rounded p-0.5 hover:bg-fill-hover hover:text-destructive-foreground',\n                          transitions.colors,\n                        )}\n                      />\n                    }\n                  >\n                    <span className=\"sr-only\">Close {tab.label}</span>\n                    <X aria-hidden=\"true\" className=\"size-3\" />\n                  </TooltipTrigger>\n                  <TooltipContent>Close {tab.label}</TooltipContent>\n                </Tooltip>\n              </div>\n            ))}\n          </div>\n          {hiddenTabs.length > 0 && (\n            <div\n              data-slot=\"tabs-overflow\"\n              style={{ transform: `translateX(${overflowX}px)` }}\n              className=\"tabs-overflow\"\n            >\n              <DropdownMenu>\n                <DropdownMenu.Trigger\n                  aria-label={`${hiddenTabs.length} more tabs`}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"tabular-nums\"\n                >\n                  +{hiddenTabs.length}\n                  <ChevronDown aria-hidden=\"true\" className=\"size-3\" />\n                </DropdownMenu.Trigger>\n                <DropdownMenu.Content>\n                  {hiddenTabs.map((tab, index) => (\n                    <Fragment key={tab.value}>\n                      <DropdownMenu.Item\n                        data-slot=\"tabs-overflow-tab\"\n                        disabled={tab.disabled}\n                        className={tab.onClose ? 'pr-9' : undefined}\n                        style={{ gridArea: `${index + 1} / 1` }}\n                        onClick={() => {\n                          tabs?.select(tab.value);\n                          tab.onClick?.();\n                        }}\n                      >\n                        {tab.label}\n                      </DropdownMenu.Item>\n                      {tab.onClose ? (\n                        <Tooltip>\n                          <TooltipTrigger\n                            render={\n                              <DropdownMenu.Item\n                                data-slot=\"tabs-overflow-close\"\n                                className=\"pointer-events-none z-10 m-1 size-6 self-center justify-self-end p-0 opacity-0 hover:text-destructive-foreground data-[highlighted]:text-destructive-foreground\"\n                                style={{ gridArea: `${index + 1} / 1` }}\n                                onClick={tab.onClose}\n                              />\n                            }\n                          >\n                            <span className=\"sr-only\">Close {tab.label}</span>\n                            <X aria-hidden=\"true\" className=\"size-3\" />\n                          </TooltipTrigger>\n                          <TooltipContent side=\"right\">Close {tab.label}</TooltipContent>\n                        </Tooltip>\n                      ) : null}\n                    </Fragment>\n                  ))}\n                </DropdownMenu.Content>\n              </DropdownMenu>\n            </div>\n          )}\n        </div>\n      </TooltipProvider>\n    </TabListContext.Provider>\n  );\n};\n","import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { useState } from 'react';\nimport type { ComponentProps, ReactNode } from 'react';\nimport { TabsContext } from './tabs-context';\nimport './tabs.css';\nimport { cn } from '@/lib/utils';\n\nexport type TabsRootProps<T extends string> = Omit<\n  ComponentProps<'div'>,\n  'children' | 'defaultValue' | 'value' | 'onChange'\n> & {\n  children: ReactNode;\n  defaultTab: T;\n  value?: T;\n  onValueChange?: (value: T) => void;\n  appearance?: 'default' | 'contained';\n  frame?: 'inset';\n  className?: string;\n};\n\nexport const Tabs = <T extends string>({\n  children,\n  defaultTab,\n  value,\n  onValueChange,\n  appearance = 'default',\n  frame = 'inset',\n  className,\n  ...props\n}: TabsRootProps<T>) => {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultTab);\n  const selectedValue = value ?? uncontrolledValue;\n  const select = (next: T) => {\n    setUncontrolledValue(next);\n    onValueChange?.(next);\n  };\n  return (\n    <TabsContext.Provider value={{ appearance, value: selectedValue, select }}>\n      <BaseTabs.Root\n        defaultValue={defaultTab}\n        value={selectedValue}\n        onValueChange={select}\n        data-slot=\"tabs\"\n        data-appearance={appearance}\n        data-frame={frame}\n        className={cn('group/tabs', appearance === 'default' ? 'overflow-y-auto' : 'w-full min-w-0', className)}\n        {...props}\n      >\n        {children}\n      </BaseTabs.Root>\n    </TabsContext.Provider>\n  );\n};\n","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      // Base UI's drawer and toast swipe skips buttons but not a `div` tab: without this, pressing a\n      // tab inside a drawer starts a swipe and the click never reaches the tab.\n      data-base-ui-swipe-ignore=\"\"\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"],"mappings":"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"}

package/dist/{tabs-tab-CANh2eAD.cjs → tabs-tab-Dj2huH5T.cjs}

@@ -5,7 +5,7 @@ const require_primitives_control_size = require("./primitives/control-size.cjs.j
 const require_primitives_transitions = require("./primitives/transitions.cjs.js");
 const require_Button = require("./Button-BfICfyxD.cjs");
 const require_primitives_typography = require("./primitives/typography.cjs.js");
-const require_dropdown_menu = require("./dropdown-menu-Dx-jCOIv.cjs");
+const require_dropdown_menu = require("./dropdown-menu-D3D8USIY.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -369,4 +369,4 @@ Object.defineProperty(exports, "TabsContext", {
 	}
 });
 
-//# sourceMappingURL=tabs-tab-CANh2eAD.cjs.map
+//# sourceMappingURL=tabs-tab-Dj2huH5T.cjs.map