@optiaxiom/react 0.7.7 → 0.8.0

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-BBtx6u1S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-i3pFKm3Z.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',justifyContent:['center','start'],py:'6',rounded:'sm'},'uj0nu0']});
-var trigger = recipeRuntime({base:['ys65z2',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'pzggql']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','start'],py:'6',rounded:'sm'},'clg349']});
+var trigger = recipeRuntime({base:['_1yxp2mn',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'uqek8k']});
 
 export { content, trigger };

package/dist/packages/react/src/tabs-trigger/TabsTrigger.js

@@ -23,9 +23,9 @@ const TabsTrigger = forwardRef(
     const { appearance } = useTabsContext("TabsTrigger");
     const { restProps, sprinkleProps } = extractSprinkles(props);
     return appearance === "primary" ? /* @__PURE__ */ jsx(Box, { asChild: true, ...trigger(), ...sprinkleProps, children: /* @__PURE__ */ jsx(RadixTabs.Trigger, { ref, ...restProps, children: /* @__PURE__ */ jsxs(Flex, { ...content(), children: [
-      icon && iconPosition === "start" ? /* @__PURE__ */ jsx(Box, { asChild: true, h: "auto", w: "20", children: icon }) : addonBefore,
+      icon && iconPosition === "start" ? /* @__PURE__ */ jsx(Box, { asChild: true, h: "auto", w: "xs", children: icon }) : addonBefore,
       children,
-      icon && iconPosition === "end" ? /* @__PURE__ */ jsx(Box, { asChild: true, h: "auto", w: "20", children: icon }) : addonAfter
+      icon && iconPosition === "end" ? /* @__PURE__ */ jsx(Box, { asChild: true, h: "auto", w: "xs", children: icon }) : addonAfter
     ] }) }) }) : /* @__PURE__ */ jsx(
       Button,
       {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-2K5AfgEp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-Drp0Fw1i.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'k3nx78','_1o04df8','lplhpe'],'2':[undefined,'k3nx78','_1o04df8','_1t4f6fc'],'3':[undefined,'k3nx78','_1o04df8','_1v0e0sv'],'4':[undefined,'k3nx78','_1o04df8','_15jzk3p']},truncate:{true:[undefined,'k3nx78',{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'},'yxgd6s','_14lu6bz','xijmc'],'2':[undefined,'yxgd6s','_14lu6bz','_1k69g4j'],'3':[undefined,'yxgd6s','_14lu6bz','b9oron'],'4':[undefined,'yxgd6s','_14lu6bz','yniivh']},truncate:{true:[undefined,'yxgd6s',{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/packages/react/src/textarea/Textarea.js

@@ -35,7 +35,7 @@ const Textarea = forwardRef(
         ...sprinkleProps,
         children: [
           addonBefore && /* @__PURE__ */ jsx(InputAddon, { asChild: true, children: fallbackSpan(addonBefore) }),
-          /* @__PURE__ */ jsx(InputControl, { asChild: true, p: "xs", size: "lg", ...restProps, children: /* @__PURE__ */ jsx(Comp, { ref, rows: props.rows ?? 3, children }) }),
+          /* @__PURE__ */ jsx(InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsx(Comp, { ref, rows: props.rows ?? 3, children }) }),
           addonAfter && /* @__PURE__ */ jsx(InputAddon, { asChild: true, children: fallbackSpan(addonAfter) })
         ]
       }

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-k66pAeiv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-CZskWxV9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1sah0in','_1sikmhd']});
-var textarea = recipeRuntime({base:['_1sah0in','y9mef1']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['b9z8vz','_1h892cs'],'2':['b9z8vz','abd7l1'],'3':['b9z8vz','ehb19n'],'4':['b9z8vz','ey1ylc'],'5':['b9z8vz','_1bumxin']},resize:{auto:{},none:{},vertical:'xutrzc'}}});
+var shadow = recipeRuntime({base:['_1ijp2ng','_192mm9v']});
+var textarea = recipeRuntime({base:['_1ijp2ng','phw0qh']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1sb2qet','um8i2l'],'2':['_1sb2qet','_2wadyx'],'3':['_1sb2qet','e7oezy'],'4':['_1sb2qet','_1yh7zna'],'5':['_1sb2qet','_15c18nb']},resize:{auto:{},none:{},vertical:'_15jnr7z'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DMWKVWvv.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-C_bD3FgP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-C5MqcPjR.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-C6T9UlSg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'bagiky']});
-var root = recipeRuntime({base:['_1apq73g',{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']},'_1uczs46'],variants:{intent:{danger:'y23mvo',information:'_1spfapq',neutral:'_1hm8l87',success:'_81bin7',warning:'_1m1obvm'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1ofxw5t']});
+var root = recipeRuntime({base:['_1v41pnb',{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']},'_1j5fqmo'],variants:{intent:{danger:'_1rafpz7',information:'_1hv9bb4',neutral:'_17m5z3j',success:'gay2hn',warning:'_1q59ikh'}}});
 
 export { icon, root };

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

@@ -6,10 +6,10 @@ 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';
-import { IconTriangleExclamationFilled } from '../icons/IconTriangleExclamationFilled.js';
+import { IconCircleCheckSolid } from '../icons/IconCircleCheckSolid.js';
+import { IconCircleExclamationSolid } from '../icons/IconCircleExclamationSolid.js';
+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';
@@ -17,11 +17,11 @@ import '../sprinkles/sprinklesMerge.js';
 import { root, icon } from './Toast-css.js';
 
 const mapIntentToIcon = {
-  danger: IconCircleExclamationFilled,
-  information: IconCircleInfoFilled,
-  neutral: IconCircleInfoFilled,
-  success: IconCircleCheckFilled,
-  warning: IconTriangleExclamationFilled
+  danger: IconCircleExclamationSolid,
+  information: IconCircleInfoSolid,
+  neutral: IconCircleInfoSolid,
+  success: IconCircleCheckSolid,
+  warning: IconTriangleExclamationSolid
 };
 const Toast = forwardRef(
   ({ children, intent = "neutral", onOpenChange, open, ...props }, ref) => {

package/dist/packages/react/src/toast-action/ToastAction.js

@@ -8,16 +8,7 @@ import { Separator } from '../separator/Separator.js';
 const ToastAction = forwardRef(
   ({ altText, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Separator,
-        {
-          alignSelf: "center",
-          bg: "border.active.hovered",
-          h: "sm",
-          ml: "sm",
-          orientation: "vertical"
-        }
-      ),
+      /* @__PURE__ */ jsx(Separator, { alignSelf: "center", h: "sm", ml: "12", orientation: "vertical" }),
       /* @__PURE__ */ jsx(Button, { appearance: "inverse", asChild: true, size: "sm", ...props, children: /* @__PURE__ */ jsx(RadixToast.Action, { altText, ref, children }) })
     ] });
   }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DMWKVWvv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-C5MqcPjR.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'},'_1l5s45h'],variants:{position:{bottom:'lm2qoc','bottom-left':'s2qosa','bottom-right':'_4qo9nq',top:'eha3li','top-left':'dc963s','top-right':'_1wbmnxq'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_13gzbso'],variants:{position:{bottom:'_1by7pfb','bottom-left':'_16jdzm4','bottom-right':'_160dt9q',top:'dazyzp','top-left':'rxhvez','top-right':'b0uqgp'}}});
 
 export { viewport };

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

@@ -10,9 +10,9 @@ import { Flex } from '../flex/Flex.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { Toast } from '../toast/Toast.js';
 import { ToastAction } from '../toast-action/ToastAction.js';
 import { ToastTitle } from '../toast-title/ToastTitle.js';
+import { Toast } from '../toast/Toast.js';
 import { viewport } from './ToastProvider-css.js';
 import { useOverflowAnchor } from './useOverflowAnchor.js';
 

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BKCyAUcg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BgZ4qGHG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_93x5f5',{alignItems:'start',flexDirection:'row',gap:'xs'},'oynn8h']});
+var toggleInput = recipeRuntime({base:['_1bc5h3j',{alignItems:'start',flexDirection:'row',gap:'8'},'_1p4hohf']});
 
 export { toggleInput };

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
-import { useId } from '@reach/auto-id';
+import { useId } from '../../../../node_modules/.pnpm/@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BKCyAUcg.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Cy4Ya604.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BgZ4qGHG.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Dsd1RetP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['mom54i']});
+var control = recipeRuntime({base:['mhkwpq']});
 
 export { control };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DQf8X4KK.css';
 
-var className = '_1ifr8in';
+var className = '_1lxwgzh';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.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/transition/Transition-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-CI9Uwdhw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-itR_SjVM.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-BIsuyk54.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1hrqdyg',variants:{duration:{sm:'in8d0p',md:'_1pdvpxt',lg:'_12hpsz0'},type:{fade:'p1izuj',pop:'rn99ej'}}});
+var transition = recipeRuntime({base:'_1a4djl4',variants:{duration:{sm:'_1rupuqm',md:'_1pn1av5',lg:'_19hnil5'},type:{fade:'_1e50xy0',pop:'_17ot1ev'}}});
 var transitionDuration = {sm:150,md:250,lg:400};
 
 export { transition, transitionDuration };

package/dist/packages/react/src/use-responsive-matches/useResponsiveMatches.js

@@ -1,16 +1,15 @@
-import { useMediaQuery } from '@mantine/hooks';
 import { conditions } from '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import 'react';
 import 'react/jsx-runtime';
+import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@7.14.3_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
 
-const list = ["lg", "md", "sm"];
+const list = ["md", "sm"];
 const useResponsiveMatches = (config) => {
   const matches = {
     base: true,
     sm: useMediaQuery(conditions.conditions.sm["@media"]),
-    md: useMediaQuery(conditions.conditions.md["@media"]),
-    lg: useMediaQuery(conditions.conditions.lg["@media"])
+    md: useMediaQuery(conditions.conditions.md["@media"])
   };
   for (const name of list) {
     if (config[name] && matches[name]) {

package/dist/packages/react/src/utils/onReactSelectInputBlur.js

@@ -0,0 +1,14 @@
+function onReactSelectInputBlur(event) {
+  const { relatedTarget, target } = event;
+  if (isReactSelectInput(target) && isNonDialogElement(relatedTarget)) {
+    relatedTarget.focus();
+  }
+}
+function isNonDialogElement(element) {
+  return element instanceof HTMLElement && element.role !== "dialog";
+}
+function isReactSelectInput(element) {
+  return element instanceof HTMLElement && element.id.startsWith("react-select-") && element.id.endsWith("-input") && element.localName === "input";
+}
+
+export { onReactSelectInputBlur };