npm - @mastra/playground-ui - Versions diffs - 68.0.0 → 69.0.0-alpha.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/{tabbed-container-B4lCBgRP.cjs → tabbed-container-Bhfi-DWr.cjs} RENAMED Viewed

@@ -1,11 +1,11 @@
-require('./tabbed-container.css');const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_tooltip = require("./tooltip-BiRLT3Th.cjs");
-const require_Txt = require("./Txt-BnoSqxKE.cjs");
-const require_tabs_tab = require("./tabs-tab-DGwfHVDr.cjs");
-const require_tabs_content = require("./tabs-content-CmXe5ML0.cjs");
-const require_data_list = require("./data-list-C4Vmq5HA.cjs");
-const require_combobox = require("./combobox-DIT_6xiG.cjs");
-const require_list_search = require("./list-search-BtRno5As.cjs");
+require('./tabbed-container.css');const require_combobox = require("./combobox-i723LxeC.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_tooltip = require("./tooltip-BsExuMO8.cjs");
+const require_Txt = require("./Txt-_00wWxTd.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -127,4 +127,4 @@ Object.defineProperty(exports, "TabbedContainer", {
 	}
 });
-//# sourceMappingURL=tabbed-container-B4lCBgRP.cjs.map
+//# sourceMappingURL=tabbed-container-Bhfi-DWr.cjs.map

package/dist/{tabbed-container-B4lCBgRP.cjs.map → tabbed-container-Bhfi-DWr.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabbed-container-B4lCBgRP.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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"}
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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"}

package/dist/{tabbed-container-DI1GI1Qv.js → tabbed-container-DOkHshha.js} RENAMED Viewed

@@ -1,11 +1,11 @@
+import { t as Combobox } from "./combobox-lbSxWRMl.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 { 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";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./tooltip-HzcLyGtV.js";
-import { t as Txt } from "./Txt-BM6TVV_c.js";
-import { i as TabsContext, n as Tabs, r as TabList, t as Tab } from "./tabs-tab-CYTZevdV.js";
-import { t as TabContent } from "./tabs-content-D__B9hd-.js";
-import { t as DataList } from "./data-list-DHCOoLmj.js";
-import { t as Combobox } from "./combobox-D21no8t5.js";
-import { t as ListSearch } from "./list-search-CkhsTFdG.js";
 import { Children, isValidElement, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ListFilterIcon } from "lucide-react";
@@ -122,4 +122,4 @@ var TabbedContainer = Object.assign(TabbedContainerRoot, {
 });
 export { TabbedContainer as t };
-//# sourceMappingURL=tabbed-container-DI1GI1Qv.js.map
+//# sourceMappingURL=tabbed-container-DOkHshha.js.map

package/dist/{tabbed-container-DI1GI1Qv.js.map → tabbed-container-DOkHshha.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabbed-container-~~DI1GI1Qv~~.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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"}
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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"}

package/dist/{tabs-content-CmXe5ML0.cjs → tabs-content-BACwMrMG.cjs} RENAMED Viewed

@@ -1,6 +1,6 @@
-const require_utils = require("./utils-uDc1ofX1.cjs");
+const require_tabs_tab = require("./tabs-tab-CANh2eAD.cjs");
 const require_primitives_transitions = require("./primitives/transitions.cjs.js");
-const require_tabs_tab = require("./tabs-tab-DGwfHVDr.cjs");
+const require_utils = require("./utils-uDc1ofX1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_tabs = require("@base-ui/react/tabs");
@@ -31,4 +31,4 @@ Object.defineProperty(exports, "TabContent", {
 	}
 });
-//# sourceMappingURL=tabs-content-CmXe5ML0.cjs.map
+//# sourceMappingURL=tabs-content-BACwMrMG.cjs.map

package/dist/{tabs-content-CmXe5ML0.cjs.map → tabs-content-BACwMrMG.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs-content-~~CmXe5ML0~~.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"}
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"}

package/dist/{tabs-content-D__B9hd-.js → tabs-content-DwU_eA-a.js} RENAMED Viewed

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

package/dist/{tabs-content-D__B9hd-.js.map → tabs-content-DwU_eA-a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs-content-~~D__B9hd-.~~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"}
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"}

package/dist/{tabs-tab-CYTZevdV.js → tabs-tab-BHs639jL.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { t as cn } from "./utils-DQx8TpNT.js";
 import { t as cva } from "./dist-BhWtUEhi.js";
-import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./tooltip-HzcLyGtV.js";
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "./tooltip-DJcze2VZ.js";
 import { controlHeight } from "./primitives/control-size.es.js";
 import { controlStateColorTransition, focusRing, transitions } from "./primitives/transitions.es.js";
-import { o as buttonVariants } from "./Button-CLXTbAY8.js";
+import { o as buttonVariants } from "./Button-Bi7aXd_G.js";
 import { quietTextHover } from "./primitives/typography.es.js";
-import { t as DropdownMenu } from "./dropdown-menu-B4jY3J9e.js";
+import { t as DropdownMenu } from "./dropdown-menu-DKoWI8kD.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-CYTZevdV.js.map
+//# sourceMappingURL=tabs-tab-BHs639jL.js.map

package/dist/{tabs-tab-CYTZevdV.js.map → tabs-tab-BHs639jL.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs-tab-CYTZevdV.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":";;;;;;;;;;;;;AAaA,IAAa,cAAc,cAIjB,IAAI;AAEd,IAAa,iBAAiB,cAMpB,IAAI;;ACZd,IAAM,kBAAkB,IAAI,wCAAwC;CAClE,UAAU,EACR,SAAS;EACP,MAAM;EACN,cAAc;CAChB,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC;;AAmBD,SAAS,qBAAqB,SAAyB,WAAoB;CACzE,IAAI,YAAY,QAAQ,OAAO;CAC/B,OAAO,YAAY,0BAA0B;AAC/C;AAEA,IAAa,WAAW,EAAE,UAAU,WAAW,SAAS,OAAO,MAAM,QAAQ,YAA0B;CACrG,MAAM,kBAAkB,WAAW;CACnC,MAAM,OAAO,WAAW,WAAW;CACnC,MAAM,YAAY,OAAuB,IAAI;CAC7C,MAAM,YAAY,uBAAO,IAAI,IAA4B,CAAC;CAC1D,MAAM,eAAe,uBAAO,IAAI,IAAoB,CAAC;CACrD,MAAM,gBAAgB,OAAO,MAAM,KAAK;CACxC,MAAM,CAAC,WAAW,gBAAgB,SAAwB,IAAI;CAC9D,MAAM,CAAC,cAAc,mBAAmB,SAA2B,CAAC,CAAC;CACrE,MAAM,WAAW,aAAa,QAAwB;EACpD,iBAAgB,aAAY;GAC1B,MAAM,WAAW,SAAS,MAAK,SAAQ,KAAK,UAAU,IAAI,KAAK;GAC/D,IACE,YACA,SAAS,YAAY,IAAI,WACzB,SAAS,UAAU,IAAI,SACvB,SAAS,UAAU,IAAI,SACvB,SAAS,aAAa,IAAI,YAC1B,SAAS,YAAY,IAAI,WACzB,SAAS,YAAY,IAAI,SAEzB,OAAO;GAET,QADa,WAAW,SAAS,KAAI,SAAS,KAAK,UAAU,IAAI,QAAQ,MAAM,IAAK,IAAI,CAAC,GAAG,UAAU,GAAG,EAAA,CAC7F,MAAM,GAAG,MAAM;IACzB,IAAI,EAAE,YAAY,EAAE,SAAS,OAAO;IACpC,OAAO,EAAE,QAAQ,wBAAwB,EAAE,OAAO,IAAI,KAAK,8BAA8B,KAAK;GAChG,CAAC;EACH,CAAC;CACH,GAAG,CAAC,CAAC;CACL,MAAM,aAAa,aAChB,UAAkB,iBAAgB,aAAY,SAAS,QAAO,QAAO,IAAI,UAAU,KAAK,CAAC,GAC1F,CAAC,CACH;CACA,MAAM,YAAY,MAAM,eAAe;CACvC,MAAM,YAAY,oBAAoB,UAAU,CAAC;CACjD,MAAM,kBAAkB,qBAAqB,iBAAiB,SAAS;CACvE,sBAAsB;EACpB,MAAM,WAAW,UAAU;EAC3B,IAAI,CAAC,YAAY,CAAC,WAAW;EAC7B,MAAM,gBAAgB,aAAa,SAAS,WAAW;EACvD,QAAQ;EACR,IAAI,EAAE,oBAAoB,aAAa;EACvC,MAAM,WAAW,IAAI,eAAe,OAAO;EAC3C,SAAS,QAAQ,QAAQ;EACzB,aAAa,SAAS,WAAW;CACnC,GAAG,CAAC,SAAS,CAAC;CACd,MAAM,MAAM,YAAY,IAAI;CAC5B,MAAM,eAAe,YAAY,KAAK;CACtC,MAAM,eAAe,cAAc;EACjC,MAAM,yBAAS,IAAI,IAAY;EAC/B,IAAI,CAAC,aAAa,cAAc,MAAM,OAAO;EAE7C,IADiB,aAAa,QAAQ,KAAK,QAAQ,MAAM,IAAI,OAAO,CAAC,IAAI,MAAM,KAAK,IAAI,aAAa,SAAS,GAAG,CAAC,IACnG,gBAAgB,WAAW,OAAO;EACjD,IAAI,YAAY,YAAY,eAAe;EAC3C,MAAM,SAAS,aAAa,MAAK,QAAO,IAAI,UAAU,MAAM,KAAK;EACjE,IAAI,QAAQ,aAAa,OAAO,QAAQ;EACxC,IAAI,OAAO;EACX,KAAK,MAAM,OAAO,cAAc;GAC9B,IAAI,QAAQ,QAAQ;GACpB,IAAI,QAAQ,IAAI,QAAQ,MAAM,WAAW;IACvC,OAAO;IACP,OAAO,IAAI,IAAI,KAAK;GACtB,OAAO,aAAa,IAAI,QAAQ;EAClC;EACA,OAAO;CACT,GAAG;EAAC;EAAW;EAAW;EAAc;EAAK;EAAc,MAAM;CAAK,CAAC;CACvE,MAAM,aAAa,aAAa,QAAO,QAAO,aAAa,IAAI,IAAI,KAAK,CAAC;CACzE,MAAM,YAAY,aACf,QAAO,QAAO,CAAC,aAAa,IAAI,IAAI,KAAK,CAAC,CAAC,CAC3C,QAAQ,KAAK,QAAQ,MAAM,IAAI,QAAQ,KAAK,YAAY,IAAI,CAAC;CAChE,MAAM,sBAAsB,aAAa,QAAO,QAAO,CAAC,aAAa,IAAI,IAAI,KAAK,KAAK,IAAI,OAAO;CAClG,MAAM,cAAc,eACX;EAAE,SAAS;EAAiB;EAAM;EAAc;EAAU;CAAW,IAC5E;EAAC;EAAiB;EAAM;EAAc;EAAU;CAAU,CAC5D;CACA,sBAAsB;EACpB,MAAM,gBAAgB,IAAI,IAAI,aAAa,OAAO;EAClD,MAAM,eAAe,OAAO,aAAa,kCAAkC,CAAC,CAAC,WAAW;EACxF,KAAK,MAAM,OAAO,cAAc;GAC9B,IAAI,aAAa,IAAI,IAAI,KAAK,GAAG;GACjC,MAAM,OAAO,IAAI,QAAQ;GACzB,MAAM,eAAe,aAAa,QAAQ,IAAI,IAAI,KAAK;GACvD,MAAM,QAAQ,UAAU,QAAQ,IAAI,IAAI,KAAK;GAC7C,IAAI,OAAO;IACT,MAAM,MAAM,OAAO,GAAG,KAAK;IAC3B,MAAM,MAAM,MAAM,GAAG,IAAI,QAAQ,UAAU;IAC3C,MAAM,MAAM,QAAQ,GAAG,IAAI,QAAQ,YAAY;IAC/C,MAAM,MAAM,SAAS,GAAG,IAAI,QAAQ,aAAa;GACnD;GACA,MAAM,QAAQ,iBAAiB,KAAA,IAAY,IAAI,eAAe;GAC9D,MAAM,gBAAgB,IAAI,UAAU,MAAM,SAAS,KAAK,IAAI,KAAK,KAAK;GACtE,IAAI,CAAC,gBAAgB,iBAAiB,UAAU,KAAK,aAAa,IAAI,SACpE,IAAI,QAAQ,QAAQ,CAAC,EAAE,WAAW,cAAc,MAAM,KAAK,GAAG,EAAE,WAAW,gBAAgB,CAAC,GAAG;IAC7F,UAAU;IACV,QAAQ;GACV,CAAC;GAEH,cAAc,IAAI,IAAI,OAAO,IAAI;EACnC;EACA,KAAK,MAAM,SAAS,cAAc,KAAK,GACrC,IAAI,CAAC,aAAa,MAAK,QAAO,IAAI,UAAU,KAAK,GAAG,cAAc,OAAO,KAAK;EAEhF,aAAa,UAAU;CACzB,GAAG;EAAC;EAAc;EAAc,MAAM;CAAK,CAAC;CAC5C,sBAAsB;EACpB,MAAM,gBAAgB,cAAc;EACpC,cAAc,UAAU,MAAM;EAC9B,MAAM,eAAe,OAAO,aAAa,kCAAkC,CAAC,CAAC,WAAW;EACxF,IAAI,CAAC,aAAa,kBAAkB,MAAM,SAAS,cAAc;EACjE,MAAM,YAAY,UAAU,SAAS,cAA2B,gCAA8B;EAC9F,IAAI,CAAC,aAAa,EAAE,aAAa,YAAY;EAC7C,UAAU,QACR,CACE;GAAE,SAAS;GAAM,OAAO;EAAO,GAC/B;GAAE,SAAS;GAAG,OAAO;EAAI,CAC3B,GACA;GACE,UAAU;GACV,QAAQ;EACV,CACF;CACF,GAAG,CAAC,WAAW,MAAM,KAAK,CAAC;CAE3B,OACE,oBAAC,eAAe,UAAhB;EAAyB,OAAO;EAC9B,UAAA,oBAAC,iBAAD;GAAiB,OAAO;GACtB,UAAA,qBAAC,OAAD;IACE,KAAK;IACL,aAAU;IACV,WAAW,GAAG,mCAAmC,UAAU,iCAAiC;IAH9F,UAAA;KAKE,qBAACA,KAAS,MAAV;MACE,aAAU;MACV,iBAAe,WAAW,SAAS,KAAK,KAAA;MACxC,gBAAc;MACd,aAAW;MACX,WAAW,GACT,mBACA,gBAAgB,EAAE,SAAS,gBAAgB,CAAC,GAG5C,aAAa,GAAG,cAAc,OAAO,qBAAqB,GAC1D,SACF;MACO;MAbT,UAAA,CAeG,UACD,oBAACA,KAAS,WAAV;OACE,WAAW,GACT,8FACA,iBACA,+BACA,qFACF;OACA,aAAU;OACV,OAAO,EAAE,WAAW,+EAA+E;MACpG,CAAA,CACY;;KACf,oBAAC,OAAD;MAAK,aAAU;MACZ,UAAA,oBAAoB,KAAI,QACvB,oBAAC,OAAD;OAEE,MAAK,YAAW;QACd,IAAI,SAAS,UAAU,QAAQ,IAAI,IAAI,OAAO,OAAO;aAChD,UAAU,QAAQ,OAAO,IAAI,KAAK;OACzC;OACA,aAAU;OACV,gBAAc,MAAM,UAAU,IAAI,SAAS,KAAA;OAE3C,UAAA,qBAAC,SAAD,EAAA,UAAA,CACE,qBAAC,gBAAD;QACE,QACE,oBAAC,UAAD;SACE,MAAK;SACL,UAAU,MAAM,UAAU,IAAI,QAAQ,IAAI;SAC1C,aAAU;SACV,SAAS,IAAI;SACb,WAAW,GACT,uEACA,YAAY,MACd;QACD,CAAA;QAXL,UAAA,CAcE,qBAAC,QAAD;SAAM,WAAU;SAAhB,UAAA,CAA0B,UAAO,IAAI,KAAY;QACjD,CAAA,GAAA,oBAAC,GAAD;SAAG,eAAY;SAAO,WAAU;QAAU,CAAA,CAC5B;OAChB,CAAA,GAAA,qBAAC,gBAAD,EAAA,UAAA,CAAgB,UAAO,IAAI,KAAsB,EAAA,CAAA,CAC1C,EAAA,CAAA;MACN,GA5BE,IAAI,KA4BN,CACN;KACE,CAAA;KACJ,WAAW,SAAS,KACnB,oBAAC,OAAD;MACE,aAAU;MACV,OAAO,EAAE,WAAW,cAAc,UAAU,KAAK;MACjD,WAAU;MAEV,UAAA,qBAAC,cAAD,EAAA,UAAA,CACE,qBAAC,aAAa,SAAd;OACE,cAAY,GAAG,WAAW,OAAO;OACjC,SAAQ;OACR,MAAK;OACL,WAAU;OAJZ,UAAA;QAKC;QACG,WAAW;QACb,oBAAC,aAAD;SAAa,eAAY;SAAO,WAAU;QAAU,CAAA;OAChC;MACtB,CAAA,GAAA,oBAAC,aAAa,SAAd,EAAA,UACG,WAAW,KAAK,KAAK,UACpB,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,aAAa,MAAd;OACE,aAAU;OACV,UAAU,IAAI;OACd,WAAW,IAAI,UAAU,SAAS,KAAA;OAClC,OAAO,EAAE,UAAU,GAAG,QAAQ,EAAE,MAAM;OACtC,eAAe;QACb,MAAM,OAAO,IAAI,KAAK;QACtB,IAAI,UAAU;OAChB;OAEC,UAAA,IAAI;MACY,CAAA,GAClB,IAAI,UACH,qBAAC,SAAD,EAAA,UAAA,CACE,qBAAC,gBAAD;OACE,QACE,oBAAC,aAAa,MAAd;QACE,aAAU;QACV,WAAU;QACV,OAAO,EAAE,UAAU,GAAG,QAAQ,EAAE,MAAM;QACtC,SAAS,IAAI;OACd,CAAA;OAPL,UAAA,CAUE,qBAAC,QAAD;QAAM,WAAU;QAAhB,UAAA,CAA0B,UAAO,IAAI,KAAY;OACjD,CAAA,GAAA,oBAAC,GAAD;QAAG,eAAY;QAAO,WAAU;OAAU,CAAA,CAC5B;MAChB,CAAA,GAAA,qBAAC,gBAAD;OAAgB,MAAK;OAArB,UAAA,CAA6B,UAAO,IAAI,KAAsB;MACvD,CAAA,CAAA,EAAA,CAAA,IACP,IACI,EAAA,GA/BK,IAAI,KA+BT,CACX,EACmB,CAAA,CACV,EAAA,CAAA;KACX,CAAA;IAEJ;;EACU,CAAA;CACM,CAAA;AAE7B;;ACtRA,IAAaC,UAA0B,EACrC,UACA,YACA,OACA,eACA,aAAa,WACb,QAAQ,SACR,WACA,GAAG,YACmB;CACtB,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,UAAU;CACrE,MAAM,gBAAgB,SAAS;CAC/B,MAAM,UAAU,SAAY;EAC1B,qBAAqB,IAAI;EACzB,gBAAgB,IAAI;CACtB;CACA,OACE,oBAAC,YAAY,UAAb;EAAsB,OAAO;GAAE;GAAY,OAAO;GAAe;EAAO;EACtE,UAAA,oBAACC,KAAS,MAAV;GACE,cAAc;GACd,OAAO;GACP,eAAe;GACf,aAAU;GACV,mBAAiB;GACjB,cAAY;GACZ,WAAW,GAAG,cAAc,eAAe,YAAY,oBAAoB,kBAAkB,SAAS;GACtG,GAAI;GAEH;EACY,CAAA;CACK,CAAA;AAE1B;;AC9BA,IAAa,OAAO,EAClB,UACA,OACA,SACA,SACA,UACA,iBACA,SACA,YAAY,OACZ,gBACc;CACd,MAAM,OAAO,WAAW,cAAc;CACtC,MAAM,MAAM,OAAuB,IAAI;CACvC,MAAM,WAAW,MAAM;CACvB,MAAM,aAAa,MAAM;CACzB,MAAM,aAAa,MAAM,aAAa,IAAI,KAAK,KAAK;CACpD,gBAAgB;EACd,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,WAAW,CAAC,UAAU;EAC3B,MAAM,gBACJ,SAAS;GACP;GACA,OAAO;GACP,UAAU,YAAY;GACtB,OAAO,QAAQ,sBAAsB,CAAC,CAAC;GACvC;GACA;GACA;EACF,CAAC;EACH,QAAQ;EACR,IAAI,EAAE,oBAAoB,aAAa;EACvC,MAAM,WAAW,IAAI,eAAe,OAAO;EAC3C,SAAS,QAAQ,OAAO;EACxB,aAAa,SAAS,WAAW;CACnC,GAAG;EAAC;EAAU;EAAO;EAAU;EAAU;EAAS;CAAO,CAAC;CAC1D,sBAAsB,aAAa,KAAK,GAAG,CAAC,YAAY,KAAK,CAAC;CAG9D,MAAM,OAAO,MAAM,QAAQ;CAC3B,MAAM,eACJ,MAAM,YAAY,eACd,GAEE,eAAe;EAAE,SAAS;EAAS;CAAK,CAAC,GACzC,mCACA,iCACA,6DACA,iEACA,SACF,IACA,GACE,cACA,gBACA,aAAa,YACb,0FACA,6BACA,WACA,iCACA,wFACA,uGACA,6GACA,SACF;CACN,MAAM,MACJ,qBAACC,KAAS,KAAV;EACO;EACL,QAAQ,oBAAC,OAAD,CAAM,CAAA;EACd,cAAc;EACd,mBAAiB,cAAc,KAAA;EAC/B,eAAa,cAAc,KAAA;EACpB;EACP,UAAU,YAAY;EACtB,aAAU;EAGV,6BAA0B;EAC1B,iBAAe,UAAU,KAAK,KAAA;EAC9B,WAAW;EACF;EAdX,UAAA,CAgBG,UACA,aACC,qBAAAC,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GAAM,eAAY;GAAO,aAAU;EAAiB,CAAA,GACpD,oBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAsB,CAAA,CAChD,EAAA,CAAA,CAEQ;;CAEhB,IAAI,YAAY,iBACd,OACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EAAgB,QAAQ,oBAAC,QAAD;GAAM,UAAU;GAAG,WAAU;EAAe,CAAA;EAAI,UAAA;CAAoB,CAAA,GAC5F,oBAAC,gBAAD,EAAA,UAAiB,gBAAgC,CAAA,CAC1C,EAAA,CAAA;CAIb,IAAI,WAAW,CAAC,UACd,OACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,gBAAD,EAAgB,QAAQ,IAAM,CAAA,GAC9B,oBAAC,gBAAD,EAAA,UAAiB,QAAwB,CAAA,CAClC,EAAA,CAAA;CAIb,OAAO;AACT"}
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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"}

package/dist/{tabs-tab-DGwfHVDr.cjs → tabs-tab-CANh2eAD.cjs} RENAMED Viewed

@@ -1,11 +1,11 @@
 require('./tabs-tab.css');const require_utils = require("./utils-uDc1ofX1.cjs");
 const require_dist = require("./dist-ClDKPtVq.cjs");
-const require_tooltip = require("./tooltip-BiRLT3Th.cjs");
+const require_tooltip = require("./tooltip-BsExuMO8.cjs");
 const require_primitives_control_size = require("./primitives/control-size.cjs.js");
 const require_primitives_transitions = require("./primitives/transitions.cjs.js");
-const require_Button = require("./Button-DLcMcuUL.cjs");
+const require_Button = require("./Button-BfICfyxD.cjs");
 const require_primitives_typography = require("./primitives/typography.cjs.js");
-const require_dropdown_menu = require("./dropdown-menu-BETTTPBB.cjs");
+const require_dropdown_menu = require("./dropdown-menu-Dx-jCOIv.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-DGwfHVDr.cjs.map
+//# sourceMappingURL=tabs-tab-CANh2eAD.cjs.map

package/dist/{tabs-tab-DGwfHVDr.cjs.map → tabs-tab-CANh2eAD.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs-tab-DGwfHVDr.cjs","names":["createContext","cva","useContext","useRef","useState","useCallback","useMemo","TooltipProvider","cn","BaseTabs","controlHeight","Tooltip","TooltipTrigger","transitions","X","TooltipContent","DropdownMenu","ChevronDown","Fragment","useState","BaseTabs","cn","useContext","useRef","cn","buttonVariants","quietTextHover","controlStateColorTransition","focusRing","BaseTabs","_Fragment","Tooltip","TooltipTrigger","TooltipContent"],"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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"}
1	+ {"version":3,"file":"tabs-tab-CANh2eAD.cjs","names":["createContext","cva","useContext","useRef","useState","useCallback","useMemo","TooltipProvider","cn","BaseTabs","controlHeight","Tooltip","TooltipTrigger","transitions","X","TooltipContent","DropdownMenu","ChevronDown","Fragment","useState","BaseTabs","cn","useContext","useRef","cn","buttonVariants","quietTextHover","controlStateColorTransition","focusRing","BaseTabs","_Fragment","Tooltip","TooltipTrigger","TooltipContent"],"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/{toast-api-D_rrRhNG.js → toast-api-Cak5N8pT.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { i as ButtonLabel } from "./Button-CLXTbAY8.js";
+import { i as ButtonLabel } from "./Button-Bi7aXd_G.js";
 import { isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 import { toast } from "sonner";
@@ -47,4 +47,4 @@ toast$1.promise = ({ myPromise, loadingMessage, successMessage, errorMessage, on
 });
 export { toast$1 as t };
-//# sourceMappingURL=toast-api-D_rrRhNG.js.map
+//# sourceMappingURL=toast-api-Cak5N8pT.js.map