@optiaxiom/react 0.9.0 → 0.10.1

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-BcJhdGvu.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-DiOB3mtx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-Cikp0tXW.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-CqKDGhLr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1ea6jbx']});
-var offsetVar = 'var(--_1i51gmq)';
-var root = recipeRuntime({base:['f8vanh',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'y0tzpv'],variants:{intent:{danger:'_1k5h2mu',information:'_1p71uj3',neutral:'_1jgqb8n',success:'f3e4mk',warning:'_6z248h'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_19h1mdu']});
+var offsetVar = 'var(--_1kilk8l)';
+var root = recipeRuntime({base:['_1f8ffns',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'d4nhb'],variants:{intent:{danger:'szyy7l',information:'_1ulgf0c',neutral:'ttykpy',success:'ryadqy',warning:'_1ejs5z7'}}});
 
 export { icon, offsetVar, root };

package/dist/packages/react/src/toast/Toast.js

@@ -6,6 +6,7 @@ import * as RadixToast from '@radix-ui/react-toast';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { forwardRef, createElement } from 'react';
 import { Box } from '../box/Box.js';
+import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Button } from '../button/Button.js';
 import { Icon } from '../icon/Icon.js';
 import { IconCircleCheckSolid } from '../icons/IconCircleCheckSolid.js';
@@ -13,9 +14,6 @@ import { IconCircleExclamationSolid } from '../icons/IconCircleExclamationSolid.
 import { IconCircleInfoSolid } from '../icons/IconCircleInfoSolid.js';
 import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
 import { IconX } from '../icons/IconX.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
 import { offsetVar, root, icon } from './Toast-css.js';
 
 const mapIntentToIcon = {
@@ -27,7 +25,7 @@ const mapIntentToIcon = {
 };
 const Toast = forwardRef(
   ({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { boxProps, restProps } = extractBoxProps(props);
     const context = useToastContext("Toast");
     const ref = useComposedRefs(outerRef, context.toastRef);
     return /* @__PURE__ */ jsx(
@@ -41,7 +39,7 @@ const Toast = forwardRef(
           })
         },
         ...root({ intent }, className),
-        ...sprinkleProps,
+        ...boxProps,
         children: /* @__PURE__ */ jsxs(
           RadixToast.Root,
           {

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-BcJhdGvu.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-Cikp0tXW.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'},'_1inxm3m'],variants:{position:{bottom:'xnukgd','bottom-left':'s1wh8q','bottom-right':'vqdbe6',top:'_2bpvf3','top-left':'_8grm28','top-right':'d2ofjk'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_149pzt5'],variants:{position:{bottom:'_1f3tb8o','bottom-left':'_1bmcp4v','bottom-right':'_15dxep3',top:'avmdap','top-left':'_1b2k5nu','top-right':'_1g7f7ns'}}});
 
 export { gap, viewport };

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

@@ -6,10 +6,9 @@ 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 '../box/Box.js';
+import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Flex } from '../flex/Flex.js';
-import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
 import { ToastAction } from '../toast-action/ToastAction.js';
 import { ToastTitle } from '../toast-title/ToastTitle.js';
 import { Toast } from '../toast/Toast.js';
@@ -36,7 +35,7 @@ const ToastProvider = forwardRef(
     toaster: toasterProp = toaster,
     ...props
   }, outerRef) => {
-    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { boxProps, restProps } = extractBoxProps(props);
     const toasts = useSyncExternalStore(...toasterProp.store);
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
@@ -86,7 +85,7 @@ const ToastProvider = forwardRef(
               "data-position": position,
               flexDirection: position.startsWith("bottom") ? "column-reverse" : "column",
               ...viewport({ position }, className),
-              ...sprinkleProps,
+              ...boxProps,
               children: /* @__PURE__ */ jsx(RadixToast.Viewport, { ref, ...restProps })
             }
           ) })

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

@@ -6,7 +6,7 @@ import { Button } from '../button/Button.js';
 
 const ToggleButton = forwardRef(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Button, { appearance: "subtle", asChild: true, ...props, children: /* @__PURE__ */ jsx(RadixToggle.Root, { ref, children }) });
+    return /* @__PURE__ */ jsx(Button, { asChild: true, ...props, children: /* @__PURE__ */ jsx(RadixToggle.Root, { ref, children }) });
   }
 );
 ToggleButton.displayName = "@optiaxiom/react/ToggleButton";

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BgMgylht.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DmAbWBYz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_16xdusw',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1ho4r0y']});
+var toggleInput = recipeRuntime({base:['_1v1dfk9',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_11d6246']});
 
 export { toggleInput };

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

@@ -3,17 +3,16 @@ import { jsx } from 'react/jsx-runtime';
 import { useId } from '@radix-ui/react-id';
 import { Slot } 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 { 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, className, description, ...props }, ref) => {
     const Comp = asChild ? Slot : "label";
-    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const { boxProps, restProps } = extractBoxProps(props);
     const descriptionId = useId();
     const labelId = useId();
     return /* @__PURE__ */ jsx(
@@ -21,7 +20,7 @@ const ToggleInput = forwardRef(
       {
         descriptionId: description ? descriptionId : undefined,
         labelId,
-        children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...sprinkleProps, children: /* @__PURE__ */ jsx(Comp, { ref, ...restProps, children }) })
+        children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(Comp, { ref, ...restProps, children }) })
       }
     );
   }

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

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 
 const ToggleInputContent = forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsx(Box, { flex: "1", fontSize: "md", overflow: "hidden", ref, ...props, children });

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BgMgylht.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BXjsZSRz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DmAbWBYz.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-12QFqqoo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_7gcodm']});
+var control = recipeRuntime({base:['yrev5t']});
 
 export { control };

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

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
 import { control } from './ToggleInputControl-css.js';
 
 const ToggleInputControl = forwardRef(({ children, className, ...props }, ref) => {

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

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 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';
 
 const ToggleInputDescription = forwardRef(({ children, ...props }, ref) => {

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BbzMTUzd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-B3OIhiFl.css';
 
-var className = 'dvb4il';
+var className = 'zkkgh0';
 
 export { className };

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

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 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';
 
 const ToggleInputLabel = forwardRef(({ children, onMouseDown, ...props }, ref) => {

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

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

@@ -4,6 +4,8 @@ import { theme } from '@optiaxiom/globals';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { forwardRef } from 'react';
 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';

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-D9UrS4_z.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-DKlh7CDN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'vduc5q',variants:{duration:{sm:'_18idept',md:'_1evfurm',lg:'q6isqs'},type:{fade:'_3zq4zr',pop:'wscpxv'}}});
+var transition = recipeRuntime({base:'s09iyx',variants:{duration:{sm:'_10tusu',md:'_15v3vnc',lg:'_1tc2v3k'},type:{fade:'_11nmndx',pop:'c48ah5'}}});
 
 export { transition };