@optiaxiom/react 0.7.4 → 0.7.6

package/dist/packages/react/src/tabs-list/TabsList-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-DeojVh4Y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-DlbAN7k_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'u1fked'],variants:{appearance:{primary:'q3qm6j',secondary:'lknsj0'}}});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_8spypi'],variants:{appearance:{primary:'eymftu',secondary:'_12lrhh1'}}});
 
 export { list };

package/dist/packages/react/src/tabs-list/TabsList.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import { forwardRef } from 'react';

package/dist/packages/react/src/tabs-trigger/TabsTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-Jj65cvMG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-YSgmhnfJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',justifyContent:['center','start'],py:'6',rounded:'sm'},'_63h4t1']});
-var trigger = recipeRuntime({base:['abxb5h',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'_73tkah']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',justifyContent:['center','start'],py:'6',rounded:'sm'},'_1bl3y3w']});
+var trigger = recipeRuntime({base:['_1pbdspu',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'stcbpk']});
 
 export { content, trigger };

package/dist/packages/react/src/tabs-trigger/TabsTrigger.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import { forwardRef } from 'react';

package/dist/packages/react/src/text/Text-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-DkRbo4rz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-CsqrvDM9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_2nau36','_41az15','_77pao2'],'2':[undefined,'_2nau36','_41az15','_1usbxfz'],'3':[undefined,'_2nau36','_41az15','jtedzd'],'4':[undefined,'_2nau36','_41az15','_2ahrvj']},truncate:{true:[undefined,'_2nau36',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'tfbn9k','vthfjx','auu5sp'],'2':[undefined,'tfbn9k','vthfjx','_2lp2cz'],'3':[undefined,'tfbn9k','vthfjx','_1f1dhid'],'4':[undefined,'tfbn9k','vthfjx','o5tp51']},truncate:{true:[undefined,'tfbn9k',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
 export { text };

package/dist/packages/react/src/text/Text.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';

package/dist/packages/react/src/textarea/Textarea.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';

package/dist/packages/react/src/textarea-autosize/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Bhb-cJEQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BIKUA0qC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['nm7y7','sgdmw6']});
-var textarea = recipeRuntime({base:['nm7y7','q9km8j']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['ejgnxk','_1d23e1s'],'2':['ejgnxk','viqe2w'],'3':['ejgnxk','_1pl6z8r'],'4':['ejgnxk','_8d8kre'],'5':['ejgnxk','_1i93tjh']},resize:{auto:{},none:{},vertical:'sar3xz'}}});
+var shadow = recipeRuntime({base:['_1bguxbc','_1e6f8s8']});
+var textarea = recipeRuntime({base:['_1bguxbc','_1wvzyge']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1gap6v3','_1jxb66d'],'2':['_1gap6v3','jmc3a6'],'3':['_1gap6v3','rp0v89'],'4':['_1gap6v3','_1dz6zr5'],'5':['_1gap6v3','_1pigpb3']},resize:{auto:{},none:{},vertical:'oo5i18'}}});
 
 export { shadow, textarea, wrapper };

package/dist/packages/react/src/textarea-autosize/TextareaAutosize.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';

package/dist/packages/react/src/theme-provider/ThemeProvider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { theme, tokens, tokensDark } from '@optiaxiom/globals';
 import { assignInlineVars } from '@vanilla-extract/dynamic';

package/dist/packages/react/src/toast/Toast-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-B21xxAtb.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-CGd7CdHn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DY8MSK7O.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-COI54LvT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1bu0iqq']});
-var root = recipeRuntime({base:['_3j19d7',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_1ky1exy'],variants:{intent:{danger:'_11dghmu',information:'_1ogd4mv',neutral:'_13lm8wc',success:'_1ej7yn6',warning:'_1l6x9y1'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'n5a68y']});
+var root = recipeRuntime({base:['_1po8e60',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'uz8ikl'],variants:{intent:{danger:'_5o3cf0',information:'_1bi70t6',neutral:'_165dqq6',success:'_15pm1dx',warning:'jh302r'}}});
 
 export { icon, root };

package/dist/packages/react/src/toast/Toast.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useToastContext } from '@optiaxiom/globals';
 import * as RadixToast from '@radix-ui/react-toast';

package/dist/packages/react/src/toast-action/ToastAction.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as RadixToast from '@radix-ui/react-toast';
 import { forwardRef } from 'react';

package/dist/packages/react/src/toast-provider/ToastProvider-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-B21xxAtb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DY8MSK7O.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1dfjmil'],variants:{position:{bottom:'nh24f4','bottom-left':'_1e56d8v','bottom-right':'a207ou',top:'_1rmiuj5','top-left':'_5tm0u1','top-right':'_1re8gb3'}}});
+var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_3hejww'],variants:{position:{bottom:'_3pl6c0','bottom-left':'_1bgwsmy','bottom-right':'_1rbjdtk',top:'_1ihfco5','top-left':'hqema6','top-right':'_13qqdgy'}}});
 
 export { viewport };

package/dist/packages/react/src/toast-provider/ToastProvider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ToastContextProvider, toaster } from '@optiaxiom/globals';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';

package/dist/packages/react/src/toast-title/ToastTitle.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixToast from '@radix-ui/react-toast';
 import { forwardRef } from 'react';

package/dist/packages/react/src/toggle-button/ToggleButton.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixToggle from '@radix-ui/react-toggle';
 import { forwardRef } from 'react';

package/dist/packages/react/src/toggle-input/ToggleInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-UGTfac3G.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-g0-XJTzh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_360wk1',{alignItems:'start',flexDirection:'row',gap:'xs'},'ck66yp']});
+var toggleInput = recipeRuntime({base:['_2hwx45',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1vudqxv']});
 
 export { toggleInput };

package/dist/packages/react/src/toggle-input/ToggleInput.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { useId } from '@reach/auto-id';

package/dist/packages/react/src/toggle-input-content/ToggleInputContent.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/toggle-input-control/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-UGTfac3G.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-nysos9zv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-g0-XJTzh.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B2YibvyA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['nwellu']});
+var control = recipeRuntime({base:['_1rdrksl']});
 
 export { control };

package/dist/packages/react/src/toggle-input-control/ToggleInputControl.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/toggle-input-description/ToggleInputDescription.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
 
-var className = '_1g8laxi';
+var className = '_1k4fc88';
 
 export { className };

package/dist/packages/react/src/toggle-input-hidden-input/ToggleInputHiddenInput.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';

package/dist/packages/react/src/toggle-input-label/ToggleInputLabel.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';

package/dist/packages/react/src/tooltip/Tooltip.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { TooltipContent } from '../tooltip-content/TooltipContent.js';
@@ -28,7 +29,7 @@ const Tooltip = forwardRef(
         open,
         children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, ref, children }),
-          !disabled && !empty && /* @__PURE__ */ jsx(TooltipContent, { ...props, children: content })
+          !disabled && !empty && /* @__PURE__ */ jsx(TooltipContent, { maxW: "xs", ...props, children: content })
         ]
       }
     );

package/dist/packages/react/src/tooltip-content/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

package/dist/packages/react/src/tooltip-content/TooltipContent.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { theme } from '@optiaxiom/globals';
 import * as RadixTooltip from '@radix-ui/react-tooltip';

package/dist/packages/react/src/tooltip-root/TooltipRoot.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';

package/dist/packages/react/src/tooltip-trigger/TooltipTrigger.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixTooltip from '@radix-ui/react-tooltip';

package/dist/packages/react/src/transition/Transition-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-BUqAK2Jn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-DpgVLQ1E.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1ts5btx',variants:{duration:{sm:'_1au0726',md:'bdu9tx',lg:'jynv5r'},type:{fade:'e3x6pg',pop:'jjbin8'}}});
+var transition = recipeRuntime({base:'_1p0gwqh',variants:{duration:{sm:'z8vmj6',md:'_11i6m2v',lg:'_1h2i109'},type:{fade:'_7gfubl',pop:'_612h21'}}});
 var transitionDuration = {sm:150,md:250,lg:400};
 
 export { transition, transitionDuration };

package/dist/packages/react/src/transition/Transition.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { forwardRef, useState, useEffect } from 'react';

package/dist/packages/react/src/utils/fallbackSpan.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { isValidElement } from 'react';
 

package/dist/unstable.d.ts

@@ -134,12 +134,6 @@ declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<{
     className?: string;
 } & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
-type BreadcrumbSeparatorProps = BoxProps<"span">;
-declare function BreadcrumbSeparator({ children, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
-declare namespace BreadcrumbSeparator {
-    var displayName: string;
-}
-
 type CommandProps<Item> = {
     children: ReactNode;
     inputValue?: string;
@@ -702,4 +696,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<{
     className?: string;
 } & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeader, Highlight, InlineInput, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeader, Highlight, InlineInput, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -9,7 +9,6 @@ export { BreadcrumbEllipsis } from './packages/react/src/breadcrumb-ellipsis/Bre
 export { BreadcrumbItem } from './packages/react/src/breadcrumb-item/BreadcrumbItem.js';
 export { BreadcrumbLink } from './packages/react/src/breadcrumb-link/BreadcrumbLink.js';
 export { BreadcrumbPage } from './packages/react/src/breadcrumb-page/BreadcrumbPage.js';
-export { BreadcrumbSeparator } from './packages/react/src/breadcrumb-separator/BreadcrumbSeparator.js';
 export { Combobox } from './packages/react/src/combobox/Combobox.js';
 export { ComboboxCheckboxItem } from './packages/react/src/combobox-checkbox-item/ComboboxCheckboxItem.js';
 export { ComboboxContent } from './packages/react/src/combobox-content/ComboboxContent.js';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "files": [
     "dist/**",
     "LICENSE"
@@ -68,8 +68,9 @@
     "@vanilla-extract/dynamic": "^2.1.2",
     "clsx": "^2.1.1",
     "downshift": "^9.0.8",
+    "react-remove-scroll": "^2.6.0",
     "use-sync-external-store": "^1.2.2",
-    "@optiaxiom/globals": "^0.4.1"
+    "@optiaxiom/globals": "^0.4.2"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
@@ -83,8 +84,8 @@
   "peerDependencies": {
     "@tanstack/react-table": "^8.0.0",
     "@tanstack/table-core": "^8.0.0",
-    "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
+    "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "scripts": {
     "build": "rm -rf dist && NODE_ENV=production rollup -c",

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BuG2MyR5.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._186epw8;
-@layer optiaxiom._186epw8 {
-  ._7js0qh {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-}

package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DGrtDSIz.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._186epw8;
-@layer optiaxiom._186epw8 {
-  .rg9g2s {
-    overflow: auto;
-    overscroll-behavior: contain;
-  }
-  .rg9g2s:empty {
-    visibility: hidden;
-  }
-}

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CKsdYta1.css

@@ -1,28 +0,0 @@
-@layer optiaxiom._186epw8;
-@layer optiaxiom._186epw8 {
-  .ttckcu {
-    border-radius: var(--ax-borderRadius-full);
-    user-select: none;
-  }
-  .wsgyh1 .ttckcu {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .wsgyh1 ._1q1jbex:not(:first-child) {
-    margin-left: -3px;
-  }
-  .wsgyh1 ._1b4gnvb:not(:first-child) {
-    margin-left: -5px;
-  }
-  .wsgyh1 .ffc1cc:not(:first-child) {
-    margin-left: -7px;
-  }
-  .wsgyh1 ._15cbrvt:not(:first-child) {
-    margin-left: -9px;
-  }
-  .wsgyh1 ._1utp5qy:not(:first-child) {
-    margin-left: -11px;
-  }
-  .wsgyh1 .r5sgiw:not(:first-child) {
-    margin-left: -13px;
-  }
-}

package/dist/assets/src/badge/Badge.css.ts.vanilla-JeWad4NR.css

@@ -1,46 +0,0 @@
-@layer optiaxiom._186epw8;
-@layer optiaxiom._186epw8 {
-  ._1q90tcy {
-    --uenan: var(--ax-colors-fg-white);
-  }
-  .opv8an {
-    --pb67lt: var(--ax-colors-bg-error);
-    --xwxewu: var(--ax-colors-bg-error-subtle);
-    --_1bl1keh: var(--ax-colors-fg-error-strong);
-  }
-  ._1d0djbj {
-    --pb67lt: var(--ax-colors-bg-information);
-    --xwxewu: var(--ax-colors-bg-information-subtle);
-    --_1bl1keh: var(--ax-colors-fg-information-strong);
-  }
-  ._1bm5l56 {
-    --pb67lt: var(--ax-colors-bg-tertiary);
-    --uenan: var(--ax-colors-fg-default);
-    --xwxewu: var(--ax-colors-bg-secondary);
-    --_1bl1keh: var(--ax-colors-fg-secondary);
-  }
-  .j67wcx {
-    --pb67lt: var(--ax-colors-bg-accent);
-    --xwxewu: var(--ax-colors-bg-accent-subtle);
-    --_1bl1keh: var(--ax-colors-fg-accent-strong);
-  }
-  .cgdzjc {
-    --pb67lt: var(--ax-colors-bg-success);
-    --xwxewu: var(--ax-colors-bg-success-subtle);
-    --_1bl1keh: var(--ax-colors-fg-success-strong);
-  }
-  ._1wknd9j {
-    --pb67lt: var(--ax-colors-bg-warning);
-    --uenan: var(--ax-colors-fg-warning-inverse);
-    --xwxewu: var(--ax-colors-bg-warning-subtle);
-    --_1bl1keh: var(--ax-colors-fg-warning-strong);
-  }
-  ._30hzup {
-    background-color: var(--xwxewu);
-    color: var(--_1bl1keh);
-  }
-  .s4ybv5 {
-    background-color: var(--pb67lt);
-    color: var(--uenan);
-  }
-}

package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CNVMJ2-K.css

@@ -1,142 +0,0 @@
-@layer optiaxiom._186epw8;
-@layer optiaxiom._186epw8 {
-  ._1tf5lbl {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--_1surt1g);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._1tf5lbl:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-    z-index: var(--ax-zIndex-10);
-  }
-  .awlnor[data-orientation="horizontal"] > ._1tf5lbl:not(:first-child):not(:last-child),.awlnor[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1tf5lbl {
-    border-inline-width: 0.5px;
-  }
-  .awlnor[data-orientation="horizontal"] > ._1tf5lbl:not(:only-child):first-child,.awlnor[data-orientation="horizontal"] > :not(:only-child):first-child ._1tf5lbl {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .awlnor[data-orientation="horizontal"] > ._1tf5lbl:not(:only-child):last-child,.awlnor[data-orientation="horizontal"] > :not(:only-child):last-child ._1tf5lbl {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .awlnor[data-orientation="vertical"] > ._1tf5lbl:not(:first-child):not(:last-child),.awlnor[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1tf5lbl {
-    border-block-width: 0.5px;
-  }
-  .awlnor[data-orientation="vertical"] > ._1tf5lbl:not(:only-child):first-child,.awlnor[data-orientation="vertical"] > :not(:only-child):first-child ._1tf5lbl {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .awlnor[data-orientation="vertical"] > ._1tf5lbl:not(:only-child):last-child,.awlnor[data-orientation="vertical"] > :not(:only-child):last-child ._1tf5lbl {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .awlnor[data-orientation] > ._1tf5lbl:not(:first-child):not(:last-child),.awlnor[data-orientation] > :not(:first-child):not(:last-child) ._1tf5lbl {
-    border-radius: 0;
-  }
-  ._1whan5a {
-    min-width: fit-content;
-  }
-  ._8q67a0 {
-    --_1pn19fy: var(--ax-colors-bg-error);
-    --z4oohm: var(--ax-colors-bg-error-hovered);
-    --cb11b8: var(--ax-colors-bg-error-pressed);
-    --o7mrxs: var(--ax-colors-bg-error-subtlest);
-    --_15lx2yn: var(--ax-colors-bg-error-subtle);
-  }
-  ._1ifjt1w {
-    --_1pn19fy: var(--ax-colors-bg-default-inverse);
-    --z4oohm: var(--ax-colors-bg-default-inverse-hovered);
-    --cb11b8: var(--ax-colors-bg-default-inverse-pressed);
-    --o7mrxs: var(--ax-colors-bg-secondary);
-    --cc2egb: var(--ax-colors-border-default);
-    --_1wj30dh: var(--ax-colors-border-default);
-    --_15lx2yn: var(--ax-colors-bg-secondary-hovered);
-    --_1g2tt8v: var(--ax-colors-fg-default);
-  }
-  .umh483 {
-    --_1pn19fy: var(--ax-colors-bg-accent);
-    --z4oohm: var(--ax-colors-bg-accent-hovered);
-    --cb11b8: var(--ax-colors-bg-accent-pressed);
-    --o7mrxs: var(--ax-colors-bg-accent-subtle);
-    --_15lx2yn: var(--ax-colors-bg-accent-light);
-  }
-  ._1xi2443 {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_1wj30dh, var(--_1pn19fy));
-    color: var(--_1g2tt8v, var(--_1pn19fy));
-    padding-inline: calc(var(--_1surt1g) - 1px);
-  }
-  ._1xi2443:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_15lx2yn);
-    border-color: var(--cc2egb, var(--z4oohm));
-  }
-  ._1xi2443:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--o7mrxs);
-    border-color: var(--cc2egb, var(--z4oohm));
-  }
-  ._1xi2443:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    border-color: var(--ax-colors-fg-accent);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1xi2443[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._70cm88 {
-    background-color: var(--_1pn19fy);
-    color: var(--ax-colors-fg-default-inverse);
-  }
-  ._70cm88:active:not([data-disabled], [data-loading]) {
-    background-color: var(--cb11b8);
-  }
-  ._70cm88:hover:not(:active, [data-disabled], [data-loading]) {
-    background-color: var(--z4oohm);
-  }
-  ._70cm88[data-disabled]:not([data-loading]) {
-    background-color: var(--ax-colors-bg-secondary);
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-    padding-inline: calc(var(--_1surt1g) - 1px);
-  }
-  .s0xl7i {
-    background-color: transparent;
-    border-color: var(--_1pn19fy);
-    color: var(--_1g2tt8v, var(--_1pn19fy));
-  }
-  .s0xl7i:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_15lx2yn);
-  }
-  .s0xl7i:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--o7mrxs);
-  }
-  .s0xl7i:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  .s0xl7i[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .obsilt {
-    --_1surt1g: 4px;
-  }
-  .vep5el {
-    --_1surt1g: 8px;
-  }
-  ._1u7w8iy {
-    --_1surt1g: 12px;
-  }
-  ._12lhtgi {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-}

package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-L_dsLcug.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._186epw8;
-@layer optiaxiom._186epw8 {
-  ._1dcblca {
-    opacity: 1;
-  }
-  ._1gd66qv[data-loading] ._1dcblca {
-    opacity: 0;
-  }
-}