@optiaxiom/react 0.1.0-next.9 → 0.2.0

package/dist/tooltip/Tooltip.js

@@ -1,64 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import * as RadixTooltip from '@radix-ui/react-tooltip';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { forwardRef, useRef } from 'react';
-import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
-import '../animate-presence/PresenceContext.js';
-import { Box } from '../box/Box.js';
-import { Text } from '../text/Text.js';
-import { Transition } from '../transition/Transition.js';
-
-const Tooltip = forwardRef(
-  ({
-    auto,
-    children,
-    content,
-    defaultOpen,
-    delayDuration,
-    onOpenChange,
-    open: openProp,
-    withArrow,
-    z = "popover",
-    ...props
-  }, outerRef) => {
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    const [open, setOpen] = useControllableState({
-      defaultProp: defaultOpen,
-      onChange: onOpenChange ?? ((flag) => {
-        if (auto && flag && innerRef.current) {
-          const { offsetWidth, scrollWidth } = innerRef.current;
-          if (offsetWidth >= scrollWidth) {
-            return;
-          }
-        }
-        setOpen(flag);
-      }),
-      prop: openProp
-    });
-    return /* @__PURE__ */ jsx(RadixTooltip.Provider, { delayDuration, children: /* @__PURE__ */ jsxs(RadixTooltip.Root, { onOpenChange: setOpen, open, children: [
-      /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, ref, children }),
-      /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(RadixTooltip.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(Transition, { type: "pop", children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          asChild: true,
-          bg: "dark.600",
-          color: "white",
-          px: "6",
-          py: "4",
-          rounded: "sm",
-          z,
-          ...props,
-          children: /* @__PURE__ */ jsxs(RadixTooltip.Content, { sideOffset: 5, children: [
-            /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: content }),
-            withArrow && /* @__PURE__ */ jsx(RadixTooltip.Arrow, {})
-          ] })
-        }
-      ) }) }) })
-    ] }) });
-  }
-);
-Tooltip.displayName = "@optiaxiom/react/Tooltip";
-
-export { Tooltip };

package/dist/transition/Transition-css.js

@@ -1,8 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/transition/Transition.css.ts.vanilla-COX8x_Bo.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var transition = recipeRuntime({base:'_1p67mhc0',variants:{duration:{sm:'_1p67mhc1',md:'_1p67mhc2',lg:'_1p67mhc3'},type:{fade:'_1p67mhc4','fade-down':'_1p67mhc5','fade-left':'_1p67mhc6','fade-right':'_1p67mhc7','fade-up':'_1p67mhc8',pop:'_1p67mhc9','pop-down':'_1p67mhca','pop-left':'_1p67mhcb','pop-right':'_1p67mhcc','pop-up':'_1p67mhcd'}}});
-var transitionDuration = {sm:250,md:400,lg:550};
-
-export { transition, transitionDuration };

package/dist/transition/Transition.js

@@ -1,34 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { forwardRef, useState, useEffect } from 'react';
-import '../animate-presence/PresenceContext.js';
-import { usePresence } from '../animate-presence/usePresence.js';
-import { transitionDuration, transition } from './Transition-css.js';
-
-const Transition = forwardRef(
-  ({ children, duration = "sm", type = "fade", ...props }, ref) => {
-    const [isPresent, safeToRemove] = usePresence();
-    const [enter, setEnter] = useState(false);
-    useEffect(() => {
-      isPresent && setEnter(true);
-    }, [isPresent]);
-    useEffect(() => {
-      !isPresent && setTimeout(safeToRemove, transitionDuration[duration]);
-    }, [isPresent]);
-    return /* @__PURE__ */ jsx(
-      Slot,
-      {
-        ref,
-        ...transition({
-          duration,
-          type: enter !== isPresent ? type : void 0
-        }),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Transition.displayName = "@optiaxiom/react/Transition";
-
-export { Transition };