@optiaxiom/react 0.11.1 → 0.12.1

package/dist/assets/src/toast/Toast.css.ts.vanilla-BQqzZMm9.css

@@ -1,90 +0,0 @@
-@keyframes _74jf75 {
-  from {
-    opacity: 0;
-    translate: 
-    var(--_521eue, 0)
-    var(--_18bvjpj, 0)
-  ;
-  }
-}
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1y6cg21 {
-    --a1l92a: 0;
-    --_1ru8z2s: 0;
-    animation-duration: 300ms;
-    animation-timing-function: ease;
-    transition-duration: 300ms;
-    transition-property: opacity;
-    transition-timing-function: ease;
-    translate: var(--a1l92a) var(--_1ru8z2s);
-  }
-  ._1y6cg21:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  ._1y6cg21[data-state="closed"] {
-    opacity: 0;
-  }
-  ._1y6cg21[data-state="closed"] ~ ._1y6cg21 {
-    transition-property: opacity, translate;
-  }
-  ._1y6cg21[data-state="open"] {
-    animation-name: _74jf75;
-  }
-  ._1y6cg21[data-swipe-direction="down"] {
-    --_18bvjpj: calc(100% + 24px);
-  }
-  ._1y6cg21[data-swipe-direction="left"] {
-    --_521eue: calc(-100% - 24px);
-  }
-  ._1y6cg21[data-swipe-direction="right"] {
-    --_521eue: calc(100% + 24px);
-  }
-  ._1y6cg21[data-swipe-direction="up"] {
-    --_18bvjpj: calc(-100% - 24px);
-  }
-  ._1y6cg21[data-swipe="end"] {
-    --a1l92a: var(--_521eue, 0);
-    --_1ru8z2s: var(--_18bvjpj, 0);
-    transition-property: opacity, translate;
-  }
-  ._1y6cg21[data-swipe="move"] {
-    --a1l92a: var(--radix-toast-swipe-move-x);
-    --_1ru8z2s: var(--radix-toast-swipe-move-y);
-  }
-  [data-position^="bottom"] ._1y6cg21:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] ._1y6cg21[data-state="closed"] ~ ._1y6cg21 {
-    --_1ru8z2s: var(--_1c7ms8i);
-  }
-  [data-position^="top"] ._1y6cg21:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] ._1y6cg21[data-state="closed"] ~ ._1y6cg21 {
-    --_1ru8z2s: calc(-1 * var(--_1c7ms8i));
-  }
-  ._13puq3h {
-    --_1nw7omd: var(--ax-colors-fg-error-light);
-  }
-  ._1c9brrh {
-    --_1nw7omd: var(--ax-colors-fg-information-light);
-  }
-  ._12fuye3 {
-    --_1nw7omd: var(--ax-colors-fg-default-inverse);
-  }
-  ._16p3bph {
-    --_1nw7omd: var(--ax-colors-fg-success-light);
-  }
-  .ugk982 {
-    --_1nw7omd: var(--ax-colors-fg-warning-light);
-  }
-  ._1drezeu {
-    color: var(--_1nw7omd);
-  }
-  .k7imj3 a {
-    color: var(--ax-colors-fg-link-inverse);
-    text-decoration: underline;
-  }
-}

package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CqmiPQWN.css

@@ -1,25 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._5984z2 {
-    --_1l815r2: var(--ax-colors-border-control);
-    color: var(--ax-colors-fg-default);
-    position: relative;
-  }
-  ._5984z2:has(.ok1qc7:checked) {
-    --_1l815r2: var(--ax-colors-bg-accent);
-  }
-  ._5984z2:has(.ok1qc7:disabled) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._5984z2:not(:has(.ok1qc7:disabled)) {
-    cursor: pointer;
-  }
-  @media (hover: hover) {
-    ._5984z2:has(.ok1qc7:not(:disabled):checked):hover {
-      --_1l815r2: var(--ax-colors-bg-accent-hovered);
-    }
-    ._5984z2:has(.ok1qc7:not(:disabled):not(:checked)):hover {
-      --_1l815r2: var(--ax-colors-border-control-hovered);
-    }
-  }
-}

package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DWnPL4rq.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .ytkq03:has(:focus-visible) .m1ws33 {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .ytkq03:has(input:disabled) .m1ws33 {
-    opacity: 0.3;
-  }
-}

package/dist/assets/src/transition/Transition.css.ts.vanilla-BZgdj_SE.css

@@ -1,56 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1pgemux {
-    transform-origin: var(--radix-popper-transform-origin);
-    transition-property: opacity, transform;
-    transition-timing-function: ease;
-  }
-  ._1scsq97 {
-    transition-duration: 150ms;
-  }
-  .v9xolc {
-    transition-duration: 250ms;
-  }
-  .qqkdoj {
-    transition-duration: 400ms;
-  }
-  ._1xg212p {
-    opacity: 0;
-  }
-  ._1xg212p[data-side="bottom"] {
-    opacity: 0;
-    transform: translateY(-15px);
-  }
-  ._1xg212p[data-side="left"] {
-    opacity: 0;
-    transform: translateX(15px);
-  }
-  ._1xg212p[data-side="right"] {
-    opacity: 0;
-    transform: translateX(-15px);
-  }
-  ._1xg212p[data-side="top"] {
-    opacity: 0;
-    transform: translateY(15px);
-  }
-  ._174wnyd {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-  ._174wnyd[data-side="bottom"] {
-    opacity: 0;
-    transform: scale(0.95) translateY(-8px);
-  }
-  ._174wnyd[data-side="left"] {
-    opacity: 0;
-    transform: scale(0.95) translateX(8px);
-  }
-  ._174wnyd[data-side="right"] {
-    opacity: 0;
-    transform: scale(0.95) translateX(-8px);
-  }
-  ._174wnyd[data-side="top"] {
-    opacity: 0;
-    transform: scale(0.95) translateY(8px);
-  }
-}

package/dist/packages/react/src/checkbox/Checkbox-css.js

@@ -1,13 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CqmiPQWN.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-DvNRQ3DO.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var checkbox = recipeRuntime({base:'_8dxxy6'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1posjl5'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_1ye9x1w']});
-var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_17n1zds'});
-
-export { checkbox, control, icon, indicator, input };

package/dist/packages/react/src/downshift/useDelayedState.js

@@ -1,26 +0,0 @@
-import { useState, useRef, useEffect } from 'react';
-
-function useDelayedState(defaultValue, state) {
-  const [value, setValue] = useState(defaultValue);
-  const valueRef = useRef();
-  useEffect(() => {
-    if (valueRef.current !== undefined) {
-      setValue(valueRef.current);
-      valueRef.current = undefined;
-    }
-  }, [state]);
-  return [
-    value,
-    (value2) => {
-      if (state) {
-        valueRef.current = undefined;
-        setValue(value2);
-      } else {
-        valueRef.current = value2;
-      }
-    },
-    valueRef
-  ];
-}
-
-export { useDelayedState };

package/dist/packages/react/src/downshift/useForceRerender.js

@@ -1,12 +0,0 @@
-import { useState, useEffect } from 'react';
-
-function useForceRerender(state) {
-  const [, setState] = useState(false);
-  useEffect(() => {
-    if (state) {
-      setState((flag) => !flag);
-    }
-  }, [state]);
-}
-
-export { useForceRerender };

package/dist/packages/react/src/menu-button/MenuButton.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Button } from '../button/Button.js';
-import { IconAngleDown } from '../icons/IconAngleDown.js';
-
-const MenuButton = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        icon: /* @__PURE__ */ jsx(IconAngleDown, {}),
-        iconPosition: "end",
-        justifyContent: "space-between",
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-MenuButton.displayName = "@optiaxiom/react/MenuButton";
-
-export { MenuButton };

package/dist/packages/react/src/sidenav/Sidenav.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { forwardRef, useState, useRef, useEffect } from 'react';
-import { Flex } from '../flex/Flex.js';
-import { SidenavContextProvider } from '../sidenav-context/SidenavContext.js';
-
-const Sidenav = forwardRef(
-  ({
-    children,
-    defaultExpanded,
-    expanded: expandedProp,
-    onExpandedChange,
-    ...props
-  }, ref) => {
-    const [expanded, setExpanded] = useControllableState({
-      defaultProp: defaultExpanded,
-      onChange: onExpandedChange,
-      prop: expandedProp
-    });
-    const [animations, setAnimations] = useState(false);
-    const timerRef = useRef();
-    useEffect(() => {
-      timerRef.current = window.setTimeout(() => setAnimations(false), 300);
-    }, [animations]);
-    return /* @__PURE__ */ jsx(
-      SidenavContextProvider,
-      {
-        animations,
-        expanded,
-        onExpandedChange: (flag) => {
-          window.clearTimeout(timerRef.current);
-          setAnimations(true);
-          setExpanded(flag);
-        },
-        children: /* @__PURE__ */ jsx(Flex, { borderR: "1", h: "full", w: "fit", ...props, children: /* @__PURE__ */ jsx(
-          Flex,
-          {
-            asChild: true,
-            bg: "bg.default",
-            flex: "1",
-            gap: "0",
-            overflow: "hidden",
-            pb: "8",
-            pt: "16",
-            transition: animations ? "all" : undefined,
-            w: expanded ? "224" : "56",
-            children: /* @__PURE__ */ jsx("nav", { "aria-label": "Main", ref, children })
-          }
-        ) })
-      }
-    );
-  }
-);
-Sidenav.displayName = "@optiaxiom/react/Sidenav";
-
-export { Sidenav };

package/dist/packages/react/src/sidenav-body/SidenavBody.js

@@ -1,28 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Flex } from '../flex/Flex.js';
-
-const SidenavBody = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Flex,
-      {
-        flex: "1",
-        gap: "4",
-        justifyContent: "start",
-        overflowX: "hidden",
-        overflowY: "auto",
-        py: "8",
-        ref,
-        role: "list",
-        w: "full",
-        ...props,
-        children
-      }
-    );
-  }
-);
-SidenavBody.displayName = "@optiaxiom/react/SidenavBody";
-
-export { SidenavBody };

package/dist/packages/react/src/sidenav-context/SidenavContext.js

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [SidenavContextProvider, useSidenavContext] = createContext("Sidenav");
-
-export { SidenavContextProvider, useSidenavContext };

package/dist/packages/react/src/sidenav-item/SidenavItem-css.js

@@ -1,9 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Vo2OEHTD.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-Dazay9tw.css';
-import './../../../../assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BB_G4vIW.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var item = recipeRuntime({base:[{fontWeight:'500',mx:'8',textAlign:'start'},'_13vfxbx']});
-
-export { item };

package/dist/packages/react/src/sidenav-item/SidenavItem.js

@@ -1,52 +0,0 @@
-"use client";
-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 { Button } from '../button/Button.js';
-import { Flex } from '../flex/Flex.js';
-import { useSidenavContext } from '../sidenav-context/SidenavContext.js';
-import { Tooltip } from '../tooltip/Tooltip.js';
-import { Transition } from '../transition/Transition.js';
-import '../utils/conditions.js';
-import { decorateChildren } from '../utils/decorateChildren.js';
-import { fallbackSpan } from '../utils/fallbackSpan.js';
-import { item } from './SidenavItem-css.js';
-
-const SidenavItem = forwardRef(
-  ({ active, addonAfter, asChild, children, className, ...props }, ref) => {
-    const { animations, expanded } = useSidenavContext("SidenavItem");
-    let tooltip = null;
-    children = decorateChildren({ asChild, children }, (children2) => {
-      tooltip = children2;
-      return expanded && /* @__PURE__ */ jsx(Transition, { skipAnimations: !animations, children: /* @__PURE__ */ jsx(Box, { whiteSpace: "nowrap", children: children2 }) });
-    });
-    return /* @__PURE__ */ jsx(Flex, { role: "listitem", children: /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        content: !expanded && (props["aria-label"] || tooltip),
-        side: "right",
-        children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            addonAfter: expanded && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "auto", children: fallbackSpan(addonAfter) }),
-            appearance: "subtle",
-            asChild,
-            "data-state": active ? "active" : undefined,
-            justifyContent: expanded ? "start" : "center",
-            ref,
-            size: "lg",
-            transition: animations ? "colors" : undefined,
-            ...item({}, className),
-            ...props,
-            children
-          }
-        )
-      }
-    ) });
-  }
-);
-SidenavItem.displayName = "@optiaxiom/react/SidenavItem";
-
-export { SidenavItem };

package/dist/packages/react/src/sidenav-toggle/SidenavToggle.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useSidenavContext } from '../sidenav-context/SidenavContext.js';
-import { SidenavItem } from '../sidenav-item/SidenavItem.js';
-
-const SidenavToggle = forwardRef(
-  ({ "aria-label": ariaLabel, children, ...props }, ref) => {
-    const { expanded, onExpandedChange } = useSidenavContext("SidenavToggle");
-    return /* @__PURE__ */ jsx(
-      SidenavItem,
-      {
-        "aria-label": ariaLabel || (expanded ? "Collapse" : "Expand"),
-        fontWeight: "400",
-        onClick: () => onExpandedChange(!expanded),
-        ref,
-        ...props,
-        children: children ? children : expanded ? "Collapse" : "Expand"
-      }
-    );
-  }
-);
-SidenavToggle.displayName = "@optiaxiom/react/SidenavToggle";
-
-export { SidenavToggle };