@optiaxiom/react 1.3.1 → 1.3.3

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-B2NYcXGo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-Dqj-4wL_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'wnteh0','y7b7hc','_8434da'],'2':[undefined,'wnteh0','y7b7hc','_1nkevbe'],'3':[undefined,'wnteh0','y7b7hc','_11sq0bc'],'4':[undefined,'wnteh0','y7b7hc','_17h6wwe']},truncate:{true:[undefined,'wnteh0',{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'},'dlrvs9','_4npc70','gq1tn1'],'2':[undefined,'dlrvs9','_4npc70','_1nevos4'],'3':[undefined,'dlrvs9','_4npc70','_1cyhkrx'],'4':[undefined,'dlrvs9','_4npc70','_1qzwdv1']},truncate:{true:[undefined,'dlrvs9',{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/text/Text.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { text } from './Text-css.js';
 
+const Slot = createSlot("@optiaxiom/react/Text");
 const Text = forwardRef(
   ({ asChild, children, className, lineClamp, truncate, ...props }, ref) => {
     const Comp = asChild ? Slot : "p";

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

@@ -1,17 +1,19 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-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';
-import { InputAddon } from '../input-addon/InputAddon.js';
-import { InputControl } from '../input-control/InputControl.js';
-import { InputRoot } from '../input-root/InputRoot.js';
-import { TextareaAutosize } from '../textarea-autosize/TextareaAutosize.js';
+import '../input/Input.js';
+import { InputAddon } from '../input/InputAddon.js';
+import { InputControl } from '../input/InputControl.js';
+import { InputRoot } from '../input/InputRoot.js';
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
+import { TextareaAutosize } from './TextareaAutosize.js';
 
+const Slot = createSlot("@optiaxiom/react/Textarea");
 const Textarea = forwardRef(
   ({
     addonAfter,

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

@@ -0,0 +1,9 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-QjA9Tp8y.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var shadow = recipeRuntime({base:['_3ihgog','qysdvi']});
+var textarea = recipeRuntime({base:['_3ihgog','_1dyrf32']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1re38ec','_9q2xrx'],'2':['_1re38ec','_1u230tq'],'3':['_1re38ec','br9rkk'],'4':['_1re38ec','dlel22'],'5':['_1re38ec','_1c7bmci']},resize:{auto:{},none:{},vertical:'_1ahup4x'}}});
+
+export { shadow, textarea, wrapper };

package/dist/esm/packages/react/src/{textarea-autosize → textarea}/TextareaAutosize.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
+import { createSlot } from '@radix-ui/react-slot';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { wrapper, textarea, shadow } from './TextareaAutosize-css.js';
 
+const Slot = createSlot("@optiaxiom/react/TextareaAutosize");
 const TextareaAutosize = forwardRef(
   ({
     asChild,
@@ -20,6 +21,7 @@ const TextareaAutosize = forwardRef(
     const Comp = asChild ? Slot : "textarea";
     const { boxProps, restProps } = extractBoxProps(props);
     const [value, setValue] = useControllableState({
+      caller: "@optiaxiom/react/TextareaAutosize",
       defaultProp: props.defaultValue,
       prop: props.value
     });

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-xe3ShKUS.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-CjB-pAue.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'},'_7dt4jt']});
-var offsetVar = 'var(--_1twgqfe)';
-var root = recipeRuntime({base:['f623r1',{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']},'_1bkh8r8'],variants:{intent:{danger:'fnswud',information:'gy5thc',neutral:'_1cmtnnr',success:'spuu5h',warning:'gpfshm'}}});
+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/Toast.js

@@ -8,6 +8,7 @@ import { forwardRef, createElement } from 'react';
 import { Box } from '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 import { Icon } from '../icon/Icon.js';
 import { IconCircleCheckSolid } from '../icons/IconCircleCheckSolid.js';
 import { IconCircleExclamationSolid } from '../icons/IconCircleExclamationSolid.js';

package/dist/esm/packages/react/src/{toast-action → toast}/ToastAction.js

@@ -3,6 +3,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as RadixToast from '@radix-ui/react-toast';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 import { Separator } from '../separator/Separator.js';
 
 const ToastAction = forwardRef(

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

@@ -0,0 +1,8 @@
+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'},'_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-provider → toast}/ToastProvider.js

@@ -5,14 +5,14 @@ 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';
-import { ToastAction } from '../toast-action/ToastAction.js';
-import { ToastTitle } from '../toast-title/ToastTitle.js';
-import { Toast } from '../toast/Toast.js';
+import { Toast } from './Toast.js';
+import { ToastAction } from './ToastAction.js';
 import { gap, viewport } from './ToastProvider-css.js';
+import { ToastTitle } from './ToastTitle.js';
 import { useOverflowAnchor } from './useOverflowAnchor.js';
 
 const mapPositionToSwipeDirection = {

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

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixToggle from '@radix-ui/react-toggle';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 
 const ToggleButton = forwardRef(
   ({ children, ...props }, ref) => {

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/actions-root/ActionsRoot.css.ts.vanilla-CDv_HSCK.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-ByPjrct_.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:['zqdlh5',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'e09pji']});
+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,14 +1,15 @@
 "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';
 import { Flex } from '../flex/Flex.js';
-import { ToggleInputProvider } from '../toggle-input-context/ToggleInputContext.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

@@ -0,0 +1,9 @@
+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:['ryjx1w']});
+
+export { control };

package/dist/esm/packages/react/src/{toggle-input-description → toggle-input}/ToggleInputDescription.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useToggleInputContext } from '../toggle-input-context/ToggleInputContext.js';
+import { useToggleInputContext } from './ToggleInputContext.js';
 
 const ToggleInputDescription = forwardRef(({ children, ...props }, ref) => {
   const { descriptionId } = useToggleInputContext(

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

@@ -0,0 +1,6 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+
+var className = '_3kdr6p';
+
+export { className };

package/dist/esm/packages/react/src/{toggle-input-hidden-input → toggle-input}/ToggleInputHiddenInput.js

@@ -1,9 +1,9 @@
 "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 { useToggleInputContext } from '../toggle-input-context/ToggleInputContext.js';
+import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
+import { useToggleInputContext } from './ToggleInputContext.js';
 import { className } from './ToggleInputHiddenInput-css.js';
 
 const ToggleInputHiddenInput = forwardRef(({ className: className$1, onChange, onCheckedChange, ...props }, ref) => {

package/dist/esm/packages/react/src/{toggle-input-label → toggle-input}/ToggleInputLabel.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { useToggleInputContext } from '../toggle-input-context/ToggleInputContext.js';
+import { useToggleInputContext } from './ToggleInputContext.js';
 
 const ToggleInputLabel = forwardRef(({ children, ...props }, ref) => {
   const { labelId } = useToggleInputContext(

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { TooltipContent } from '../tooltip-content/TooltipContent.js';
-import { TooltipRoot } from '../tooltip-root/TooltipRoot.js';
-import { TooltipTrigger } from '../tooltip-trigger/TooltipTrigger.js';
+import { TooltipContent } from './TooltipContent.js';
+import { TooltipRoot } from './TooltipRoot.js';
+import { TooltipTrigger } from './TooltipTrigger.js';
 
 function Tooltip({
   auto,

package/dist/esm/packages/react/src/{tooltip-content → tooltip}/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.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-content → tooltip}/TooltipContent.js

@@ -7,10 +7,10 @@ import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Text } from '../text/Text.js';
-import { useTooltipContext } from '../tooltip-context/TooltipContext.js';
 import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
+import { TransitionGroup } from '../transition/TransitionGroup.js';
 import { content } from './TooltipContent-css.js';
+import { useTooltipContext } from './TooltipContext.js';
 
 const TooltipContent = forwardRef(
   ({ align = "center", children, className, side = "top", ...props }, ref) => {
@@ -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-root → tooltip}/TooltipRoot.js

@@ -3,12 +3,12 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useRef } from 'react';
-import { TooltipProvider } from '../tooltip-context/TooltipContext.js';
+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/{tooltip-trigger → tooltip}/TooltipTrigger.js

@@ -4,8 +4,9 @@ import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { forwardRef } from 'react';
 import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
 import { FilteredSlot } from '../filtered-slot/FilteredSlot.js';
-import { useTooltipContext } from '../tooltip-context/TooltipContext.js';
+import { useTooltipContext } from './TooltipContext.js';
 
 const TooltipTrigger = forwardRef(({ asChild, children, ...props }, outerRef) => {
   const { triggerRef } = useTooltipContext("@optiaxiom/react/TooltipTrigger");

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-D2iWt029.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-Bu-WyyWJ.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:'_1v0odsf',variants:{duration:{sm:'_1d65iug',md:'_1i9az3j',lg:'_1qrcytv'},type:{fade:'kyt8lt',pop:'s43k21',slide:'_1dgh22q',slidePop:'_1ib1juu'}}});
+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 { useTransitionStatus } from '../use-transition-status/useTransitionStatus.js';
 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-group → transition}/TransitionGroup.js

@@ -2,9 +2,8 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useState, useCallback, useEffect } from 'react';
-import '../transition/Transition.js';
-import { TransitionGlobalConfig } from '../transition/TransitionGlobalConfig.js';
-import { TransitionGroupContext } from '../transition-group-context/TransitionGroupContext.js';
+import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
+import { TransitionGroupProvider } from './TransitionGroupContext.js';
 import { waitForAnimation } from './waitForAnimation.js';
 
 function TransitionGroup({
@@ -25,6 +24,8 @@ function TransitionGroup({
     );
   }, []);
   const [presence, setPresence] = useControllableState({
+    caller: "@optiaxiom/react/TransitionGroup",
+    defaultProp: false,
     onChange: onPresenceChange,
     prop: presenceProp
   });
@@ -51,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

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

package/dist/esm/packages/react/src/{use-transition-status → transition}/useTransitionStatus.js

@@ -1,9 +1,11 @@
 "use client";
-import { useContext, useEffect, useState } from 'react';
-import { TransitionGroupContext } from '../transition-group-context/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

@@ -1,52 +1,52 @@
 export { Breadcrumb } from './packages/react/src/breadcrumb/Breadcrumb.js';
-export { BreadcrumbEllipsis } from './packages/react/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js';
-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 { BreadcrumbEllipsis } from './packages/react/src/breadcrumb/BreadcrumbEllipsis.js';
+export { BreadcrumbItem } from './packages/react/src/breadcrumb/BreadcrumbItem.js';
+export { BreadcrumbLink } from './packages/react/src/breadcrumb/BreadcrumbLink.js';
+export { BreadcrumbPage } from './packages/react/src/breadcrumb/BreadcrumbPage.js';
 export { Calendar } from './packages/react/src/calendar/Calendar.js';
 export { Card } from './packages/react/src/card/Card.js';
-export { CardAction } from './packages/react/src/card-action/CardAction.js';
-export { CardCheckbox } from './packages/react/src/card-checkbox/CardCheckbox.js';
-export { CardContent } from './packages/react/src/card-content/CardContent.js';
-export { CardDescription } from './packages/react/src/card-description/CardDescription.js';
-export { CardImage } from './packages/react/src/card-image/CardImage.js';
-export { CardLink } from './packages/react/src/card-link/CardLink.js';
-export { CardOverflow } from './packages/react/src/card-overflow/CardOverflow.js';
-export { CardTitle } from './packages/react/src/card-title/CardTitle.js';
+export { CardAction } from './packages/react/src/card/CardAction.js';
+export { CardCheckbox } from './packages/react/src/card/CardCheckbox.js';
+export { CardContent } from './packages/react/src/card/CardContent.js';
+export { CardDescription } from './packages/react/src/card/CardDescription.js';
+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-input/CommandInput.js';
-export { CommandItem } from './packages/react/src/command-item/CommandItem.js';
-export { CommandListbox } from './packages/react/src/command-listbox/CommandListbox.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-body/DataTableBody.js';
-export { DataTableFooter } from './packages/react/src/data-table-footer/DataTableFooter.js';
+export { DataTableBody } from './packages/react/src/data-table/DataTableBody.js';
+export { DataTableFooter } from './packages/react/src/data-table/DataTableFooter.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-content/DatePickerContent.js';
-export { DatePickerTrigger } from './packages/react/src/date-picker-trigger/DatePickerTrigger.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-content/DateRangePickerContent.js';
-export { DateRangePickerTrigger } from './packages/react/src/date-range-picker-trigger/DateRangePickerTrigger.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-content/MenuContent.js';
-export { MenuTrigger } from './packages/react/src/menu-trigger/MenuTrigger.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-group/PillGroup.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-content/SelectContent.js';
-export { SelectTrigger } from './packages/react/src/select-trigger/SelectTrigger.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-content/SpotlightContent.js';
-export { SpotlightTrigger } from './packages/react/src/spotlight-trigger/SpotlightTrigger.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-action/TableAction.js';
-export { TableBody } from './packages/react/src/table-body/TableBody.js';
-export { TableCell } from './packages/react/src/table-cell/TableCell.js';
-export { TableHeader } from './packages/react/src/table-header/TableHeader.js';
-export { TableHeaderCell } from './packages/react/src/table-header-cell/TableHeaderCell.js';
-export { TableRow } from './packages/react/src/table-row/TableRow.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';