@optiaxiom/react 1.4.5 → 1.5.0

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-bHOUxPUF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CCXnMKDM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_10as7yt',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_13tmo62']});
+var toggleInput = recipeRuntime({base:['_7ijx55',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1jccqy5']});
 
 export { toggleInput };

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

@@ -11,32 +11,25 @@ import { ToggleInputProvider } from './ToggleInputContext.js';
 
 const Slot = createSlot("@optiaxiom/react/ToggleInput");
 const ToggleInput = forwardRef(
-  ({ asChild, children, className, description, onMouseDown, ...props }, ref) => {
+  ({ asChild, children, className, onMouseDown, ...props }, ref) => {
     const Comp = asChild ? Slot : "label";
     const { boxProps, restProps } = extractBoxProps(props);
     const descriptionId = useId();
     const labelId = useId();
-    return /* @__PURE__ */ jsx(
-      ToggleInputProvider,
+    return /* @__PURE__ */ jsx(ToggleInputProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(
+      Comp,
       {
-        descriptionId: description ? descriptionId : void 0,
-        labelId,
-        children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(
-          Comp,
-          {
-            onMouseDown: (event) => {
-              onMouseDown?.(event);
-              if (!event.defaultPrevented && event.detail > 1) {
-                event.preventDefault();
-              }
-            },
-            ref,
-            ...restProps,
-            children
+        onMouseDown: (event) => {
+          onMouseDown?.(event);
+          if (!event.defaultPrevented && event.detail > 1) {
+            event.preventDefault();
           }
-        ) })
+        },
+        ref,
+        ...restProps,
+        children
       }
-    );
+    ) }) });
   }
 );
 ToggleInput.displayName = "@optiaxiom/react/ToggleInput";

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-bHOUxPUF.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Fry_f6al.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CCXnMKDM.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CjmvydXp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_150vlkq']});
+var control = recipeRuntime({base:['kgu7r6']});
 
 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-sGpaWqx5.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cx5atBZp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-BopGCQ-R.css';
 
-var className = 'db68tm';
+var className = '_1858y3y';
 
 export { className };

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

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

@@ -34,8 +34,13 @@ function TooltipRoot({
             if (!(element instanceof HTMLElement)) {
               continue;
             }
-            const { offsetWidth, scrollWidth } = element;
-            if (offsetWidth < scrollWidth) {
+            const {
+              offsetHeight,
+              offsetWidth,
+              scrollHeight,
+              scrollWidth
+            } = element;
+            if (offsetWidth < scrollWidth || offsetHeight < scrollHeight) {
               truncated = true;
               break;
             }

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-sGpaWqx5.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-BRoCqZT7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-BLq6D2sV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'t0qr77',variants:{duration:{sm:'dxz9ta',md:'_1itjcpq',lg:'_1g0oqcp'},type:{fade:'_1uank5f',pop:'_1m82aam',slide:'vdwssd',slidePop:'_9wkvo'}}});
+var transition = recipeRuntime({base:'_1i65t2l',variants:{duration:{sm:'pwncjr',md:'zpag0b',lg:'xlory5'}}});
 
 export { transition };

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

@@ -9,21 +9,26 @@ import { useTransitionStatus } from './useTransitionStatus.js';
 
 const Slot = createSlot("@optiaxiom/react/Transition");
 const Transition = forwardRef(
-  ({ children, duration = "md", skipAnimations, type = "fade", ...props }, outerRef) => {
+  ({
+    children,
+    className,
+    duration = "md",
+    skipAnimations,
+    type = "fade",
+    ...props
+  }, outerRef) => {
     const innerRef = useRef(null);
     const transitionStatus = useTransitionStatus(innerRef);
     const ref = useComposedRefs(outerRef, innerRef);
-    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsx(Slot, { ref, children }) : /* @__PURE__ */ jsx(
+    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsx(Slot, { className, ref, ...props, children }) : /* @__PURE__ */ jsx(
       Slot,
       {
+        "data-transition-fade": transitionStatus ? "" : void 0,
+        "data-transition-pop": transitionStatus && type === "pop" ? "" : void 0,
+        "data-transition-state": transitionStatus,
+        "data-transition-translate": transitionStatus && type === "pop" ? "" : void 0,
         ref,
-        ...transition(
-          {
-            duration,
-            type: transitionStatus ? type : void 0
-          },
-          void 0
-        ),
+        ...transition({ duration }, className),
         ...props,
         children
       }

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

@@ -0,0 +1,14 @@
+const isFocusCaptured = (event) => {
+  if (event.currentTarget.contains(document.activeElement)) {
+    return true;
+  }
+  if (event.target instanceof Element) {
+    const label = event.target.closest("label");
+    if (label && event.currentTarget.contains(label) && label.control) {
+      return true;
+    }
+  }
+  return false;
+};
+
+export { isFocusCaptured };

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

@@ -1,3 +1,3 @@
-const isHoverSupported = typeof window !== "undefined" && window.matchMedia("(hover: hover)").matches;
+const isHoverSupported = typeof window !== "undefined" && typeof window.matchMedia !== "undefined" && window.matchMedia("(hover: hover)").matches;
 
 export { isHoverSupported };

package/dist/esm/unstable.js

@@ -7,12 +7,11 @@ 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/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 { CardFooter } from './packages/react/src/card/CardFooter.js';
+export { CardHeader } from './packages/react/src/card/CardHeader.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 { CardPreview } from './packages/react/src/card/CardPreview.js';
 export { Command } from './packages/react/src/command/Command.js';
 export { CommandInput } from './packages/react/src/command/CommandInput.js';
 export { CommandItem } from './packages/react/src/command/CommandItem.js';
@@ -26,6 +25,9 @@ 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/PillGroup.js';
+export { Sortable } from './packages/react/src/sortable/Sortable.js';
+export { SortableHandle } from './packages/react/src/sortable/SortableHandle.js';
+export { SortableItem } from './packages/react/src/sortable/SortableItem.js';
 export { Spotlight } from './packages/react/src/spotlight/Spotlight.js';
 export { SpotlightContent } from './packages/react/src/spotlight/SpotlightContent.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight/SpotlightTrigger.js';