@optiaxiom/react 0.1.0 → 0.2.1

package/dist/src/table-body/TableBody-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/table-body/TableBody.css.ts.vanilla-D21txW4v.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/table-body/TableBody.css.ts.vanilla-0F7IhhJH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['t55v6c']});
+var body = recipeRuntime({base:['_1u746b2']});
 
 export { body };

package/dist/src/table-cell/TableCell-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-9uH71Yf6.css';
-import './../../assets/src/table-cell/TableCell.css.ts.vanilla-C9lLH4Re.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
+import './../../assets/src/table-cell/TableCell.css.ts.vanilla-BPLEQNTw.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',borderT:'1',color:'fg.secondary',fontSize:'md',fontWeight:'400',p:'md',transition:'colors'},'_1fhkr7n']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',borderT:'1',color:'fg.secondary',fontSize:'md',fontWeight:'400',p:'md',transition:'colors'},'_1q138a2']});
 
 export { cell };

package/dist/src/table-header-cell/TableHeaderCell-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BlbmuVsP.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BppOSaGb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var head = recipeRuntime({base:[{color:'fg.tertiary',fontSize:'sm',fontWeight:'400',px:'md',py:'sm',textAlign:'start'},'_8dzy12']});
+var head = recipeRuntime({base:[{color:'fg.tertiary',fontSize:'sm',fontWeight:'400',px:'md',py:'sm',textAlign:'start'},'fqgbph']});
 
 export { head };

package/dist/src/table-row/TableRow-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-9uH71Yf6.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['qam7t9',{w:'full'}]});
+var row = recipeRuntime({base:['_72qz9x',{w:'full'}]});
 
 export { row };

package/dist/src/tabs/Tabs-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/tabs/Tabs.css.ts.vanilla-CehrT60e.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/tabs/Tabs.css.ts.vanilla-Zw8YUjIV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'_6l9qgf']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_2o601v']});
 
 export { tabs };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/tabs-list/TabsList.css.ts.vanilla-tCf9UCkY.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/tabs-list/TabsList.css.ts.vanilla-C_eok-Uh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1ijxhwe'],variants:{appearance:{primary:'_1t15pof',secondary:'n8r5dw'}}});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1iv6600'],variants:{appearance:{primary:'o0amcp',secondary:'_1h1y56x'}}});
 
 export { list };

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-Df0zUu5W.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-vnwJVqiP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',justifyContent:['center','start'],py:'6',rounded:'sm'},'_16mhy0w']});
-var trigger = recipeRuntime({base:['_1ke2g01',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'_1l7ilw5']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',justifyContent:['center','start'],py:'6',rounded:'sm'},'_1yjh9st']});
+var trigger = recipeRuntime({base:['_1e3a4yz',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'je4noh']});
 
 export { content, trigger };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/text/Text.css.ts.vanilla-ngxCk5hZ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/text/Text.css.ts.vanilla-CY9YMJxj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_978jcz','_1n4tuq2','sg4e4b'],'2':[undefined,'_978jcz','_1n4tuq2','_64fvbi'],'3':[undefined,'_978jcz','_1n4tuq2','udvhi4'],'4':[undefined,'_978jcz','_1n4tuq2','gsyg35']},truncate:{true:[undefined,'_978jcz',{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'},'_145uddn','_11300y4','_1l6a6a5'],'2':[undefined,'_145uddn','_11300y4','_9awjug'],'3':[undefined,'_145uddn','_11300y4','mhs3lb'],'4':[undefined,'_145uddn','_11300y4','w0zkyw']},truncate:{true:[undefined,'_145uddn',{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/src/textarea-autosize/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CJ9hUlY-.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-LE6eeC9c.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['tcfqg','ea9n1i']});
-var textarea = recipeRuntime({base:['tcfqg','_1t9sp71']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['rcuitc','_1nlocyw'],'2':['rcuitc','_1gy53dn'],'3':['rcuitc','_1bzp6j7'],'4':['rcuitc','_14ufo1m'],'5':['rcuitc','fh7u7n']},resize:{auto:{},none:{},vertical:'_1uc1ekq'}}});
+var shadow = recipeRuntime({base:['kyj9v3','_1j70vd4']});
+var textarea = recipeRuntime({base:['kyj9v3','_1bqmmvw']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_633fz9','caoz7t'],'2':['_633fz9','_1azcer4'],'3':['_633fz9','_1ezyhyx'],'4':['_633fz9','cy9h3h'],'5':['_633fz9','kbtkht']},resize:{auto:{},none:{},vertical:'_1d92dbm'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { theme, tokens, tokensDark } from '@optiaxiom/globals';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 
 function ThemeProvider({
   children,

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

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-wsB2DsHJ.css';
-import './../../assets/src/toast/Toast.css.ts.vanilla-CDM7TDwV.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-MHbbmzSS.css';
+import './../../assets/src/toast/Toast.css.ts.vanilla-CnzzNTMW.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',h:'16',mt:'4',w:'auto'},'_1eaab0e']});
-var root = recipeRuntime({base:[{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']},'_1bcwx56'],variants:{colorScheme:{danger:'tksept',information:'_45dcit',neutral:'_9qevzi',success:'_1ykv0i',warning:'_1ipzsvx'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'hs3yuj']});
+var root = recipeRuntime({base:[{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']},'_1tnkavo'],variants:{colorScheme:{danger:'_7pr693',information:'tjg67',neutral:'_1bwewm1',success:'_12bn5gm',warning:'_1b4esqm'}}});
 
 export { icon, root };

package/dist/src/toast/Toast.js

@@ -3,6 +3,7 @@ import * as RadixToast from '@radix-ui/react-toast';
 import { forwardRef, createElement } from 'react';
 import { Box } from '../box/Box.js';
 import { Button } from '../button/Button.js';
+import { Icon } from '../icon/Icon.js';
 import { IconCircleCheckFilled } from '../icons/IconCircleCheckFilled.js';
 import { IconCircleExclamationFilled } from '../icons/IconCircleExclamationFilled.js';
 import { IconCircleInfoFilled } from '../icons/IconCircleInfoFilled.js';
@@ -31,7 +32,7 @@ const Toast = forwardRef(
         ref,
         ...restProps,
         children: [
-          /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: createElement(iconMap[colorScheme]) }),
+          /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon(), children: createElement(iconMap[colorScheme]) }),
           children,
           /* @__PURE__ */ jsx(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ jsx(
             Button,

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-wsB2DsHJ.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-MHbbmzSS.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'},'_15xqf42'],variants:{position:{bottom:'dmebwl','bottom-left':'e57m6o','bottom-right':'_1upt931',top:'_1cv4eao','top-left':'_1ver165','top-right':'_1ht061z'}}});
+var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'ry7844'],variants:{position:{bottom:'_1xb0pgi','bottom-left':'_1mb18b5','bottom-right':'_1ls0r0b',top:'atu3td','top-left':'u36yfk','top-right':'_1abj0sx'}}});
 
 export { viewport };

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

@@ -42,6 +42,9 @@ const ToastProvider = forwardRef(
       innerRef,
       position.startsWith("bottom") ? "top" : "bottom"
     );
+    if (!toasts.length) {
+      return null;
+    }
     return /* @__PURE__ */ jsxs(
       RadixToast.ToastProvider,
       {

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

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var toggleInput = recipeRuntime({base:['_1mbyvoq',{alignItems:'start',flexDirection:'row',gap:'xs'},'yfabmx']});
+
+export { toggleInput };

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

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { useId } from '@reach/auto-id';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { ToggleInputContextProvider } from '../toggle-input-context/ToggleInputContext.js';
+import { toggleInput } from './ToggleInput-css.js';
+
+const ToggleInput = forwardRef(
+  ({ asChild, children, description, ...props }, ref) => {
+    const Comp = asChild ? Slot : "label";
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const descriptionId = useId();
+    const labelId = useId();
+    return /* @__PURE__ */ jsx(
+      ToggleInputContextProvider,
+      {
+        descriptionId: description ? descriptionId : void 0,
+        labelId,
+        children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput(), ...sprinkleProps, children: /* @__PURE__ */ jsx(Comp, { ref, ...restProps, children }) })
+      }
+    );
+  }
+);
+ToggleInput.displayName = "@optiaxiom/react/ToggleInput";
+
+export { ToggleInput };

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

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+
+const ToggleInputContent = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Box, { flex: "1", fontSize: "md", overflow: "hidden", ref, ...props, children });
+});
+ToggleInputContent.displayName = "@optiaxiom/react/ToggleInputContent";
+
+export { ToggleInputContent };

package/dist/src/toggle-input-context/ToggleInputContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [ToggleInputContextProvider, useToggleInputContext] = createContext("ToggleInput");
+
+export { ToggleInputContextProvider, useToggleInputContext };

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

@@ -0,0 +1,9 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css';
+import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B5HkATzv.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var control = recipeRuntime({base:['ojjkjr']});
+
+export { control };

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

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { control } from './ToggleInputControl-css.js';
+
+const ToggleInputControl = forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Box, { "aria-hidden": true, ref, ...control({}, className), ...props, children });
+});
+ToggleInputControl.displayName = "@optiaxiom/react/ToggleInputControl";
+
+export { ToggleInputControl };

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

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { useToggleInputContext } from '../toggle-input-context/ToggleInputContext.js';
+
+const ToggleInputDescription = forwardRef(({ children, ...props }, ref) => {
+  const { descriptionId } = useToggleInputContext("ToggleInputDescription");
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      color: "fg.secondary",
+      fontSize: "sm",
+      id: descriptionId,
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+ToggleInputDescription.displayName = "@optiaxiom/react/ToggleInputDescription";
+
+export { ToggleInputDescription };

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

@@ -0,0 +1,6 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
+
+var className = '_1m9hrlf';
+
+export { className };

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

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { useToggleInputContext } from '../toggle-input-context/ToggleInputContext.js';
+import { className } from './ToggleInputHiddenInput-css.js';
+
+const ToggleInputHiddenInput = forwardRef(({ className: className$1, onChange, onCheckedChange, ...props }, ref) => {
+  const { descriptionId, labelId } = useToggleInputContext(
+    "ToggleInputHiddenInput"
+  );
+  return /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(
+    "input",
+    {
+      "aria-describedby": descriptionId,
+      "aria-labelledby": labelId,
+      className: clsx(className$1, className),
+      onChange: (event) => {
+        onChange?.(event);
+        onCheckedChange?.(event.target.checked);
+      },
+      ref,
+      type: "checkbox",
+      ...props
+    }
+  ) });
+});
+ToggleInputHiddenInput.displayName = "@optiaxiom/react/ToggleInputHiddenInput";
+
+export { ToggleInputHiddenInput };

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

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { useToggleInputContext } from '../toggle-input-context/ToggleInputContext.js';
+
+const ToggleInputLabel = forwardRef(({ children, ...props }, ref) => {
+  const { labelId } = useToggleInputContext("ToggleInputLabel");
+  return /* @__PURE__ */ jsx(Box, { id: labelId, ref, ...props, children });
+});
+ToggleInputLabel.displayName = "@optiaxiom/react/ToggleInputLabel";
+
+export { ToggleInputLabel };

package/dist/src/tooltip/Tooltip.js

@@ -11,7 +11,6 @@ const Tooltip = forwardRef(
     content,
     defaultOpen,
     delayDuration,
-    keepOpenOnActivation,
     onOpenChange,
     open,
     ...props
@@ -24,7 +23,6 @@ const Tooltip = forwardRef(
         defaultOpen,
         delayDuration,
         disableHoverableContent: empty,
-        keepOpenOnActivation,
         onOpenChange,
         open,
         children: [

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

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

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

@@ -1,30 +1,29 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { theme } from '@optiaxiom/globals';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
-import { forwardRef, useRef } from 'react';
+import { forwardRef } from 'react';
 import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
 import { Box } from '../box/Box.js';
 import { Text } from '../text/Text.js';
-import { theme } from '@optiaxiom/globals';
 import { useTooltipContext } from '../tooltip-context/TooltipContext.js';
 import { Transition } from '../transition/Transition.js';
 import { content } from './TooltipContent-css.js';
 
 const TooltipContent = forwardRef(
-  ({ align = "center", children, className, sideOffset = 5, ...props }, outerRef) => {
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    const { keepOpenOnActivation, open } = useTooltipContext("TooltipContent");
+  ({
+    align = "center",
+    arrowPadding = 6,
+    children,
+    className,
+    sideOffset = 5,
+    ...props
+  }, ref) => {
+    const { open } = useTooltipContext("TooltipContent");
     return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__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(
       RadixTooltip.Content,
       {
         align,
-        onPointerDownOutside: keepOpenOnActivation ? (event) => {
-          if (innerRef.current?.contains(
-            event.target
-          ))
-            event.preventDefault();
-        } : void 0,
+        arrowPadding,
         ref,
         sideOffset,
         children: [

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

@@ -9,7 +9,6 @@ function TooltipRoot({
   children,
   defaultOpen,
   delayDuration,
-  keepOpenOnActivation,
   onOpenChange,
   open: openProp,
   ...props
@@ -52,7 +51,6 @@ function TooltipRoot({
       children: /* @__PURE__ */ jsx(
         TooltipContextProvider,
         {
-          keepOpenOnActivation,
           open,
           setOpen,
           triggerRef,

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

@@ -9,22 +9,10 @@ import '../sprinkles/sprinklesMerge.js';
 import { useTooltipContext } from '../tooltip-context/TooltipContext.js';
 
 const TooltipTrigger = forwardRef(({ asChild, children, ...props }, outerRef) => {
-  const { keepOpenOnActivation, setOpen, triggerRef } = useTooltipContext("TooltipTrigger");
+  const { triggerRef } = useTooltipContext("TooltipTrigger");
   const ref = useComposedRefs(triggerRef, outerRef);
   const { restProps, sprinkleProps } = extractSprinkles(props);
-  return /* @__PURE__ */ jsx(
-    RadixTooltip.Trigger,
-    {
-      asChild: true,
-      onClick: keepOpenOnActivation ? (event) => {
-        event.preventDefault();
-        setOpen(true);
-      } : void 0,
-      ref,
-      ...sprinkleProps,
-      children: asChild ? children : /* @__PURE__ */ jsx(Button, { ...restProps, children })
-    }
-  );
+  return /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { ...restProps, children }) });
 });
 TooltipTrigger.displayName = "@optiaxiom/react/TooltipTrigger";
 

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
-import './../../assets/src/transition/Transition.css.ts.vanilla-BHwXmrOM.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/transition/Transition.css.ts.vanilla-CiL90KIm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1fb6irp',variants:{duration:{sm:'z523e7',md:'iz9gjz',lg:'nyyuw4'},type:{fade:'k1l786',pop:'_3u219o'}}});
+var transition = recipeRuntime({base:'_1q4fbmw',variants:{duration:{sm:'_3wf8v',md:'_1ghl0sx',lg:'toz4k7'},type:{fade:'_1utraoq',pop:'_19i3vek'}}});
 var transitionDuration = {sm:150,md:250,lg:400};
 
 export { transition, transitionDuration };

package/dist/src/transition/Transition.js

@@ -12,7 +12,7 @@ const Transition = forwardRef(
     const [enter, setEnter] = useState(false);
     useEffect(() => {
       if (isPresent) {
-        setEnter(true);
+        requestAnimationFrame(() => setEnter(true));
       }
     }, [isPresent]);
     useEffect(() => {