@optiaxiom/react 1.3.2 → 1.3.3

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CB47Jx1K.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-DfZWj7FW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DK9zopVb.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-ChJh82P8.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_8m11j1']});
-var offsetVar = 'var(--_1nqe1b1)';
-var root = recipeRuntime({base:['l1b79b',{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']},'kmgp9e'],variants:{intent:{danger:'pws3a',information:'_1a0bnv9',neutral:'ddx5ob',success:'_1hty4rz',warning:'_1ljz1cm'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'iizc5r']});
+var offsetVar = 'var(--_1uzfi3i)';
+var root = recipeRuntime({base:['ijj76q',{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']},'lmzsab'],variants:{intent:{danger:'_1hxes50',information:'qi2oif',neutral:'_174gfyy',success:'_1qtgh3k',warning:'gij9fd'}}});
 
 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-CKOpez_X.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-CB47Jx1K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DK9zopVb.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'},'wg3b4b'],variants:{position:{bottom:'_1jjx6zf','bottom-left':'_4u35g8','bottom-right':'_5k6fqm',top:'_1twba3x','top-left':'aagi64','top-right':'j2ovbl'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_7ngwm3'],variants:{position:{bottom:'ysnlqb','bottom-left':'skd279','bottom-right':'_7jdn1',top:'vsbcu7','top-left':'ui4c4b','top-right':'stv2tr'}}});
 
 export { gap, viewport };

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

@@ -5,7 +5,7 @@ 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/index.js';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
 import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Flex } from '../flex/Flex.js';

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DpdhCvOY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cud_bjK9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['yb2cos',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'vzf9hq']});
+var toggleInput = recipeRuntime({base:['mxvwej',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'wmj8vb']});
 
 export { toggleInput };

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
@@ -9,6 +9,7 @@ import { Flex } from '../flex/Flex.js';
 import { toggleInput } from './ToggleInput-css.js';
 import { ToggleInputProvider } from './ToggleInputContext.js';
 
+const Slot = createSlot("@optiaxiom/react/ToggleInput");
 const ToggleInput = forwardRef(
   ({ asChild, children, className, description, onMouseDown, ...props }, ref) => {
     const Comp = asChild ? Slot : "label";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DpdhCvOY.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CXob7GP3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cud_bjK9.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BlLJcjK6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1lpczia']});
+var control = recipeRuntime({base:['ryjx1w']});
 
 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-CKOpez_X.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCIVb4iD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
 
-var className = 'x5tktf';
+var className = '_3kdr6p';
 
 export { className };

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
+import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useToggleInputContext } from './ToggleInputContext.js';
 import { className } from './ToggleInputHiddenInput-css.js';
 

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.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

@@ -24,7 +24,7 @@ const TooltipContent = forwardRef(
         side,
         sideOffset: 5,
         children: [
-          /* @__PURE__ */ jsx(Text, { fontSize: "sm", children }),
+          /* @__PURE__ */ jsx(Text, { asChild: true, fontSize: "sm", children: /* @__PURE__ */ jsx("div", { children }) }),
           /* @__PURE__ */ jsx(
             RadixTooltip.Arrow,
             {

package/dist/esm/packages/react/src/tooltip/TooltipRoot.js

@@ -8,7 +8,7 @@ import { TooltipProvider } from './TooltipContext.js';
 function TooltipRoot({
   auto,
   children,
-  defaultOpen,
+  defaultOpen = false,
   delayDuration,
   onOpenChange,
   open: openProp,
@@ -16,6 +16,7 @@ function TooltipRoot({
 }) {
   const triggerRef = useRef(null);
   const [open, setOpen] = useControllableState({
+    caller: "@optiaxiom/react/TooltipRoot",
     defaultProp: defaultOpen,
     onChange: onOpenChange,
     prop: openProp

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CKOpez_X.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-2Yan675X.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-DMmxn9Jg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1q1i47l',variants:{duration:{sm:'_13k55et',md:'_1t3emit',lg:'eaux7d'},type:{fade:'_1uc5h61',pop:'_1ov7lbr',slide:'_1niv0xj',slidePop:'_8ova7l'}}});
+var transition = recipeRuntime({base:'_1lj96i0',variants:{duration:{sm:'_1qlg08b',md:'p4uo30',lg:'_1yht5do'},type:{fade:'_17ul1qt',pop:'_16f01od',slide:'s8dyh4',slidePop:'_1oye7mz'}}});
 
 export { transition };

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

@@ -1,12 +1,13 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef, useRef } from 'react';
 import { transition } from './Transition-css.js';
 import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
 import { useTransitionStatus } from './useTransitionStatus.js';
 
+const Slot = createSlot("@optiaxiom/react/Transition");
 const Transition = forwardRef(
   ({ children, duration = "md", skipAnimations, type = "fade", ...props }, outerRef) => {
     const innerRef = useRef(null);

package/dist/esm/packages/react/src/transition/TransitionGroup.js

@@ -3,7 +3,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useState, useCallback, useEffect } from 'react';
 import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
-import { TransitionGroupContext } from './TransitionGroupContext.js';
+import { TransitionGroupProvider } from './TransitionGroupContext.js';
 import { waitForAnimation } from './waitForAnimation.js';
 
 function TransitionGroup({
@@ -24,6 +24,8 @@ function TransitionGroup({
     );
   }, []);
   const [presence, setPresence] = useControllableState({
+    caller: "@optiaxiom/react/TransitionGroup",
+    defaultProp: false,
     onChange: onPresenceChange,
     prop: presenceProp
   });
@@ -50,9 +52,12 @@ function TransitionGroup({
     return /* @__PURE__ */ jsx(Fragment, { children: open && children });
   }
   return /* @__PURE__ */ jsx(
-    TransitionGroupContext.Provider,
+    TransitionGroupProvider,
     {
-      value: { onMount, onUnmount, open, presence },
+      onMount,
+      onUnmount,
+      open,
+      presence,
       children: (open || presence) && children
     }
   );

package/dist/esm/packages/react/src/transition/TransitionGroupContext.js

@@ -1,6 +1,6 @@
 "use client";
-import { createContext } from 'react';
+import { createContext } from '@radix-ui/react-context';
 
-const TransitionGroupContext = createContext(void 0);
+const [TransitionGroupProvider, useTransitionGroupContext] = createContext("@optiaxiom/react/TransitionGroup", null);
 
-export { TransitionGroupContext };
+export { TransitionGroupProvider, useTransitionGroupContext };

package/dist/esm/packages/react/src/transition/useTransitionStatus.js

@@ -1,9 +1,11 @@
 "use client";
-import { useContext, useEffect, useState } from 'react';
-import { TransitionGroupContext } from './TransitionGroupContext.js';
+import { useEffect, useState } from 'react';
+import { useTransitionGroupContext } from './TransitionGroupContext.js';
 
 const useTransitionStatus = (ref) => {
-  const { onMount, onUnmount, open } = useContext(TransitionGroupContext) ?? {
+  const { onMount, onUnmount, open } = useTransitionGroupContext(
+    "useTransitionStatus"
+  ) ?? {
     open: true
   };
   useEffect(() => {

package/dist/esm/packages/react/src/utils/decorateChildren.js

@@ -1,4 +1,3 @@
-import { Slot } from '@radix-ui/react-slot';
 import { isValidElement, cloneElement } from 'react';
 
 const decorateChildren = ({ asChild, children }, decorator) => {
@@ -10,7 +9,7 @@ const decorateChildren = ({ asChild, children }, decorator) => {
       decorateChildren(
         {
           ...newElement.props,
-          asChild: newElement.props.asChild || newElement.type === Slot
+          asChild: newElement.props.asChild || typeof newElement.type !== "string" && "displayName" in newElement.type && typeof newElement.type.displayName === "string" && newElement.type.displayName?.endsWith(".Slot")
         },
         decorator
       )