@szum-tech/design-system 3.17.0 → 3.18.1

package/dist/chunk-P4IL77YC.js

@@ -1,66 +0,0 @@
-import * as React3 from 'react';
-
-// src/hooks/use-validation-log.tsx
-function useValidationLog({ check, scope, message }) {
-  React3.useEffect(() => {
-    if (!check) {
-      console.error(
-        `%c[Szum Tech-Design System]%c
- ${scope}%c
- ${message}`,
-        "color: #ef4444; font-weight: bold;",
-        "color: #3b82f6; font-weight: bold;",
-        "color: #f59e0b;"
-      );
-    }
-  }, [check, scope, message]);
-}
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    return ref(value);
-  }
-  if (ref !== null && ref !== void 0) {
-    ref.current = value;
-  }
-}
-function composeRefs(...refs) {
-  return (node) => {
-    let hasCleanup = false;
-    const cleanups = refs.map((ref) => {
-      const cleanup = setRef(ref, node);
-      if (!hasCleanup && typeof cleanup === "function") {
-        hasCleanup = true;
-      }
-      return cleanup;
-    });
-    if (hasCleanup) {
-      return () => {
-        for (let i = 0; i < cleanups.length; i++) {
-          const cleanup = cleanups[i];
-          if (typeof cleanup === "function") {
-            cleanup();
-          } else {
-            setRef(refs[i], null);
-          }
-        }
-      };
-    }
-  };
-}
-function useComposedRefs(...refs) {
-  return React3.useCallback(composeRefs(...refs), refs);
-}
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React3.useState(void 0);
-  React3.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-
-export { composeRefs, useComposedRefs, useIsMobile, useValidationLog };

package/dist/chunk-P4JIMFSL.js

@@ -1,51 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import * as React from 'react';
-import { useInView, useMotionValue, animate, motion } from 'motion/react';
-import { jsx } from 'react/jsx-runtime';
-
-function CountingNumber({
-  from = 0,
-  to = 100,
-  duration = 2,
-  delay = 0,
-  className,
-  startOnView = true,
-  once = false,
-  inViewMargin,
-  onComplete,
-  format,
-  ...props
-}) {
-  const ref = React.useRef(null);
-  const isInView = useInView(ref, { once, margin: inViewMargin });
-  const [hasAnimated, setHasAnimated] = React.useState(false);
-  const [display, setDisplay] = React.useState(from);
-  const motionValue = useMotionValue(from);
-  const shouldStart = !startOnView || isInView && (!once || !hasAnimated);
-  React.useEffect(
-    function() {
-      if (!shouldStart) {
-        return;
-      }
-      setHasAnimated(true);
-      const timeout = setTimeout(function() {
-        const controls = animate(motionValue, to, {
-          duration,
-          onUpdate: (v) => setDisplay(v),
-          onComplete
-        });
-        return function() {
-          controls.stop();
-        };
-      }, delay);
-      return function() {
-        clearTimeout(timeout);
-      };
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [shouldStart, from, to, duration, delay]
-  );
-  return /* @__PURE__ */ jsx(motion.span, { ref, "data-slot": "counting-number", className: cn("inline-block", className), ...props, children: format ? format(display) : Math.round(display) });
-}
-
-export { CountingNumber };

package/dist/chunk-P5IUC7HJ.js

@@ -1,9 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { LoaderCircle } from 'lucide-react';
-import { jsx } from 'react/jsx-runtime';
-
-function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsx(LoaderCircle, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props });
-}
-
-export { Spinner };

package/dist/chunk-PBEZZMAB.js

@@ -1,25 +0,0 @@
-import { cn } from './chunk-ZD2QRAOX.js';
-import { Progress as Progress$1 } from 'radix-ui';
-import { jsx } from 'react/jsx-runtime';
-
-function Progress({ className, value, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Progress$1.Root,
-    {
-      "data-slot": "progress",
-      className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded", className),
-      value,
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        Progress$1.Indicator,
-        {
-          "data-slot": "progress-indicator",
-          className: "bg-primary size-full flex-1 transition-all duration-500 ease-in-out",
-          style: { transform: `translateX(-${100 - (value || 0)}%)` }
-        }
-      )
-    }
-  );
-}
-
-export { Progress };