@optiaxiom/react 1.3.2 → 1.3.4

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-CZC9W9XU.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BXZjhqtW.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-Dq8Kn9pJ.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'},'_17qou5p']});
+var offsetVar = 'var(--_1s5mnea)';
+var root = recipeRuntime({base:['rbqlxr',{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']},'mxjfny'],variants:{intent:{danger:'zqv1s6',information:'rc2ur',neutral:'_13gs6bk',success:'_1yhfy3h',warning:'u2e9if'}}});
 
 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-CZC9W9XU.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BXZjhqtW.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'},'_1wl9tv'],variants:{position:{bottom:'c57sgb','bottom-left':'h92or2','bottom-right':'_1oo3egi',top:'_17tdmeb','top-left':'_1x4727g','top-right':'_1dpf99u'}}});
 
 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-CZC9W9XU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZzguHzH.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:['u2iejc',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1hx16xh']});
 
 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-CZC9W9XU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZzguHzH.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CAchYNAD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1lpczia']});
+var control = recipeRuntime({base:['_1bisrds']});
 
 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-CZC9W9XU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css';
 
-var className = 'x5tktf';
+var className = 'a49lw5';
 
 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-CZC9W9XU.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-CZC9W9XU.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-CRqmiPzq.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:'_1vv8zuv',variants:{duration:{sm:'la3410',md:'_55a7vg',lg:'s66m0o'},type:{fade:'_1sv618d',pop:'lbcsh',slide:'_1x9xk7i',slidePop:'_1f1gw5l'}}});
 
 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
       )

package/dist/esm/unstable.js

@@ -21,6 +21,7 @@ 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';