@optiaxiom/react 1.3.6 → 1.4.0

package/dist/esm/packages/react/src/table/TableRow-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-L9Fx5VZc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-D8hePLeg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['_2290y2',{transition:'colors',w:'full'},'_2xdnof']});
+var row = recipeRuntime({base:['_1xqk3qv',{transition:'colors',w:'full'},'p3uauk']});
 
 export { row };

package/dist/esm/packages/react/src/tabs/Tabs-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-1_GRnWes.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-C6Z2lYsJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'a46eog']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_1c6z1bh']});
 
 export { tabs };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-Dyu-fshE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-CsGMy7lh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_13wuoek']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1qs9js0']});
 
 export { list };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-BrmOiYio.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-D6Khb4xv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'v9pok4']});
-var trigger = recipeRuntime({base:['_15v5csm',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1b22fid']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_841jx1']});
+var trigger = recipeRuntime({base:['_3bwgvg',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1abfik7']});
 
 export { content, trigger };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-D9k0AUkV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-E-Il_R31.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_1aknfax','jbdvgd','_1752g4l'],'2':[undefined,'_1aknfax','jbdvgd','_1tzgivd'],'3':[undefined,'_1aknfax','jbdvgd','oocrxm'],'4':[undefined,'_1aknfax','jbdvgd','_1pnraeg']},truncate:{true:[undefined,'_1aknfax',{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={variants:{lineClamp:{'1':[{overflow:'hidden'},'fvckty','lu8d7i','dtnm7n'],'2':[undefined,'fvckty','lu8d7i','_1xawqcu'],'3':[undefined,'fvckty','lu8d7i','cs0r3c'],'4':[undefined,'fvckty','lu8d7i','s26p4w']},truncate:{true:[undefined,'fvckty',{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/esm/packages/react/src/textarea/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-0DTaZIBY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-CeSrP6jv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1cg98tz','_5q9e7f']});
-var textarea = recipeRuntime({base:['_1cg98tz','k5k5n2']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_4wfsja','_1vfzcg1'],'2':['_4wfsja','_1wk4xrj'],'3':['_4wfsja','yb0wbw'],'4':['_4wfsja','ovnzz6'],'5':['_4wfsja','_6j7we8']},resize:{auto:{},none:{},vertical:'_176yv6b'}}});
+var shadow = recipeRuntime({base:['kx7cpt','_18wxaw2']});
+var textarea = recipeRuntime({base:['kx7cpt','_1i75o41']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['vnczyv','hr06i0'],'2':['vnczyv','_1rlzvzm'],'3':['vnczyv','q18d24'],'4':['vnczyv','_1tpdqlq'],'5':['vnczyv','kfa8a3']},resize:{auto:{},none:{},vertical:'_15l8826'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -1,8 +1,10 @@
 "use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { tokens, theme as theme$1 } from '@optiaxiom/globals';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { useState, useRef, useEffect } from 'react';
 import { theme } from '../layers/layers-css.js';
+import { PortalProvider } from '../portal/PortalContext.js';
 
 const lightColors = Object.fromEntries(
   Object.entries(tokens.colors).map(([k, v]) => [
@@ -10,12 +12,18 @@ const lightColors = Object.fromEntries(
     v.slice(v.indexOf("(") + 1, v.indexOf(","))
   ])
 );
-function ThemeProvider({
-  children,
-  selector = ":root"
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: `
+function ThemeProvider({ children }) {
+  const [container, setContainer] = useState();
+  const selector = typeof ShadowRoot !== "undefined" && container instanceof ShadowRoot ? ":host" : ":root";
+  const ref = useRef(null);
+  useEffect(() => {
+    const root = ref.current?.getRootNode();
+    if (root instanceof ShadowRoot) {
+      setContainer(root);
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs(PortalProvider, { container, children: [
+    /* @__PURE__ */ jsx("style", { ref, children: `
         @layer ${theme} {
           ${selector} {
             ${assignInlineVars(theme$1, {

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DhuQQNh1.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-xBmkp-cY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-D7WCxGaI.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-YOXiA79Y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1w9u57u']});
-var offsetVar = 'var(--vxg4va)';
-var root = recipeRuntime({base:['_3xhos0',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_17rjy03'],variants:{intent:{danger:'_1gy4eru',information:'_1iz91rb',neutral:'_1g2x0eo',success:'m7fjkz',warning:'tko028'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_16bsn34']});
+var offsetVar = 'var(--_7q2ak8)';
+var root = recipeRuntime({base:['exygtp',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1ws8xid'],variants:{intent:{danger:'_1r6x4ft',information:'_2xu2qz',neutral:'_1x92jk7',success:'blru4o',warning:'_1cqiudv'}}});
 
 export { icon, offsetVar, root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DhuQQNh1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-D7WCxGaI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1itqdnj'],variants:{position:{bottom:'_1yotykl','bottom-left':'_13g9ntj','bottom-right':'tytgvs',top:'_1otrjha','top-left':'_14uhf2s','top-right':'_1i06m02'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_689euc'],variants:{position:{bottom:'_1sr33w2','bottom-left':'gag6o0','bottom-right':'fv10af',top:'_10crvr4','top-left':'lq96bt','top-right':'euhftu'}}});
 
 export { gap, viewport };

package/dist/esm/packages/react/src/toast/ToastProvider.js

@@ -2,13 +2,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { toaster, ToastProviderProvider } from '@optiaxiom/globals';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { Portal } from '@radix-ui/react-portal';
 import * as RadixToast from '@radix-ui/react-toast';
 import { forwardRef, useRef, isValidElement } from 'react';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
 import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Flex } from '../flex/Flex.js';
+import { Portal } from '../portal/Portal.js';
 import { Toast } from './Toast.js';
 import { ToastAction } from './ToastAction.js';
 import { gap, viewport } from './ToastProvider-css.js';
@@ -77,7 +77,7 @@ const ToastProvider = forwardRef(
             },
             id
           )),
-          /* @__PURE__ */ jsx(Portal, { asChild: true, container, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Portal, { asChild: true, ...container && { container }, children: /* @__PURE__ */ jsx(
             Flex,
             {
               alignItems: position.endsWith("left") ? "start" : position.endsWith("right") ? "end" : "center",

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Byr6x4TG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-m5FEauqI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['oqt0j5',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1sb0p2k']});
+var toggleInput = recipeRuntime({base:['_10tmtyy',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_6x8dww']});
 
 export { toggleInput };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Byr6x4TG.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-r2Ztxx8z.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-m5FEauqI.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-TILPqdsH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1vyihk6']});
+var control = recipeRuntime({base:['m78nym']});
 
 export { control };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-mPaslDnv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-cBnoy0-c.css';
 
-var className = '_7e5zsb';
+var className = 'jroxb3';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.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/esm/packages/react/src/tooltip/TooltipContent.js

@@ -6,6 +6,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { Portal } from '../portal/Portal.js';
 import { Text } from '../text/Text.js';
 import { Transition } from '../transition/Transition.js';
 import { TransitionGroup } from '../transition/TransitionGroup.js';
@@ -15,7 +16,7 @@ import { useTooltipContext } from './TooltipContext.js';
 const TooltipContent = forwardRef(
   ({ align = "center", children, className, side = "top", ...props }, ref) => {
     const { open } = useTooltipContext("@optiaxiom/react/TooltipContent");
-    return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsx(RadixTooltip.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({}, className), ...props, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({}, className), ...props, children: /* @__PURE__ */ jsxs(
       RadixTooltip.Content,
       {
         align,

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-VxRPX4pc.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-BCBYncQ0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-LO3h2rjG.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-7mFww7oH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_13822ej',variants:{duration:{sm:'_1848far',md:'_16vjj8g',lg:'_2h8d1c'},type:{fade:'mkw00x',pop:'_11p6xj6',slide:'_13xgdq5',slidePop:'kj53kj'}}});
+var transition = recipeRuntime({base:'_1fab7ph',variants:{duration:{sm:'_5w9c0q',md:'_1704s8c',lg:'ibcoau'},type:{fade:'_1jgegrh',pop:'o2iijm',slide:'_7a4jgy',slidePop:'_2zxc1h'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -13,41 +13,19 @@ export { CardImage } from './packages/react/src/card/CardImage.js';
 export { CardLink } from './packages/react/src/card/CardLink.js';
 export { CardOverflow } from './packages/react/src/card/CardOverflow.js';
 export { CardTitle } from './packages/react/src/card/CardTitle.js';
-export { Clock } from './packages/react/src/clock/Clock.js';
 export { Command } from './packages/react/src/command/Command.js';
 export { CommandInput } from './packages/react/src/command/CommandInput.js';
 export { CommandItem } from './packages/react/src/command/CommandItem.js';
 export { CommandListbox } from './packages/react/src/command/CommandListbox.js';
-export { DataTable } from './packages/react/src/data-table/DataTable.js';
-export { DataTableBody } from './packages/react/src/data-table/DataTableBody.js';
-export { DataTableFooter } from './packages/react/src/data-table/DataTableFooter.js';
 export { DataTableHeaderCell } from './packages/react/src/data-table/DataTableHeaderCell.js';
-export { DateInput } from './packages/react/src/date-input/DateInput.js';
-export { DatePicker } from './packages/react/src/date-picker/DatePicker.js';
-export { DatePickerContent } from './packages/react/src/date-picker/DatePickerContent.js';
-export { DatePickerTrigger } from './packages/react/src/date-picker/DatePickerTrigger.js';
-export { DateRangePicker } from './packages/react/src/date-range-picker/DateRangePicker.js';
-export { DateRangePickerContent } from './packages/react/src/date-range-picker/DateRangePickerContent.js';
-export { DateRangePickerTrigger } from './packages/react/src/date-range-picker/DateRangePickerTrigger.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
-export { LabelMenuButton } from './packages/react/src/label-menu-button/LabelMenuButton.js';
 export { Layout } from './packages/react/src/layout/Layout.js';
 export { Menu } from './packages/react/src/menu/Menu.js';
 export { MenuContent } from './packages/react/src/menu/MenuContent.js';
 export { MenuTrigger } from './packages/react/src/menu/MenuTrigger.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
 export { PillGroup } from './packages/react/src/pill/PillGroup.js';
-export { Select } from './packages/react/src/select/Select.js';
-export { SelectContent } from './packages/react/src/select/SelectContent.js';
-export { SelectTrigger } from './packages/react/src/select/SelectTrigger.js';
 export { Spotlight } from './packages/react/src/spotlight/Spotlight.js';
 export { SpotlightContent } from './packages/react/src/spotlight/SpotlightContent.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight/SpotlightTrigger.js';
-export { Table } from './packages/react/src/table/Table.js';
-export { TableAction } from './packages/react/src/table/TableAction.js';
-export { TableBody } from './packages/react/src/table/TableBody.js';
-export { TableCell } from './packages/react/src/table/TableCell.js';
-export { TableHeader } from './packages/react/src/table/TableHeader.js';
-export { TableHeaderCell } from './packages/react/src/table/TableHeaderCell.js';
-export { TableRow } from './packages/react/src/table/TableRow.js';