@szum-tech/design-system 3.16.0 → 3.18.1

package/dist/chunk-DGWBE2Y3.cjs

@@ -1,205 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var React = require('react');
-var react = require('motion/react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function WordRotate({
-  words,
-  duration = 1500,
-  animationStyle = "fade",
-  loop = true,
-  className,
-  containerClassName,
-  pauseDuration = 300,
-  startOnView = true,
-  once = false,
-  inViewMargin,
-  ...props
-}) {
-  const ref = React__namespace.useRef(null);
-  const isInView = react.useInView(ref, { once, margin: inViewMargin });
-  const [hasAnimated, setHasAnimated] = React__namespace.useState(false);
-  const [currentWord, setCurrentWord] = React__namespace.useState(0);
-  const [show, setShow] = React__namespace.useState(true);
-  const variants = {
-    fade: {
-      initial: { opacity: 0 },
-      animate: {
-        opacity: 1,
-        transition: {
-          duration: 0.4,
-          ease: [0.4, 0, 0.2, 1]
-          // Custom cubic-bezier for smooth fade
-        }
-      },
-      exit: {
-        opacity: 0,
-        transition: {
-          duration: 0.3,
-          ease: [0.4, 0, 1, 1]
-          // Faster exit
-        }
-      }
-    },
-    "slide-up": {
-      initial: { opacity: 0, y: 24 },
-      animate: {
-        opacity: 1,
-        y: 0,
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 25,
-          mass: 0.8
-        }
-      },
-      exit: {
-        opacity: 0,
-        y: -24,
-        transition: {
-          duration: 0.25,
-          ease: [0.4, 0, 1, 1]
-        }
-      }
-    },
-    "slide-down": {
-      initial: { opacity: 0, y: -24 },
-      animate: {
-        opacity: 1,
-        y: 0,
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 25,
-          mass: 0.8
-        }
-      },
-      exit: {
-        opacity: 0,
-        y: 24,
-        transition: {
-          duration: 0.25,
-          ease: [0.4, 0, 1, 1]
-        }
-      }
-    },
-    scale: {
-      initial: { opacity: 0, scale: 0.8 },
-      animate: {
-        opacity: 1,
-        scale: 1,
-        transition: {
-          type: "spring",
-          stiffness: 400,
-          damping: 30,
-          mass: 0.6
-        }
-      },
-      exit: {
-        opacity: 0,
-        scale: 0.9,
-        transition: {
-          duration: 0.2,
-          ease: [0.4, 0, 1, 1]
-        }
-      }
-    },
-    flip: {
-      initial: { opacity: 0, rotateX: 90 },
-      animate: {
-        opacity: 1,
-        rotateX: 0,
-        transition: {
-          type: "spring",
-          stiffness: 200,
-          damping: 20,
-          mass: 1
-        }
-      },
-      exit: {
-        opacity: 0,
-        rotateX: -90,
-        transition: {
-          duration: 0.3,
-          ease: [0.4, 0, 1, 1]
-        }
-      }
-    }
-  };
-  const shouldStart = !startOnView || isInView && (!once || !hasAnimated);
-  React__namespace.useEffect(() => {
-    if (!shouldStart) return;
-    if (words.length === 0) return;
-    let intervalId;
-    let timeoutId;
-    intervalId = setInterval(() => {
-      setShow(false);
-      timeoutId = setTimeout(() => {
-        setCurrentWord((prev) => {
-          const nextIndex = prev + 1;
-          if (!loop && nextIndex >= words.length) {
-            clearInterval(intervalId);
-            clearTimeout(timeoutId);
-            return prev;
-          }
-          return loop ? nextIndex % words.length : nextIndex;
-        });
-        setShow(true);
-        setHasAnimated(true);
-      }, pauseDuration);
-    }, duration + pauseDuration);
-    return () => {
-      clearInterval(intervalId);
-      clearTimeout(timeoutId);
-    };
-  }, [shouldStart, duration, pauseDuration, words.length, loop, once, hasAnimated]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.motion.span,
-    {
-      ref,
-      "data-slot": "word-rotate",
-      className: chunkH2BWO3SI_cjs.cn("inline-block overflow-hidden align-bottom leading-none", containerClassName),
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.motion.span,
-        {
-          initial: "initial",
-          animate: show ? "animate" : "exit",
-          exit: "exit",
-          variants: variants[animationStyle],
-          transition: { duration: 0.5 },
-          style: {
-            perspective: animationStyle === "flip" ? 1e3 : void 0
-          },
-          className: chunkH2BWO3SI_cjs.cn("inline-block", className),
-          children: words[currentWord]
-        },
-        currentWord
-      )
-    }
-  );
-}
-
-exports.WordRotate = WordRotate;

package/dist/chunk-DUAM4RTP.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Separator({ className, orientation = "horizontal", decorative = false, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    radixUi.Separator.Root,
-    {
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: chunkH2BWO3SI_cjs.cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-exports.Separator = Separator;