@szum-tech/design-system 3.12.3 → 3.14.0

package/dist/chunk-4IGU5SVP.js

@@ -0,0 +1,54 @@
+import * as React from 'react';
+
+// src/hooks/use-validation-log.tsx
+function useValidationLog({ check, scope, message }) {
+  React.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 React.useCallback(composeRefs(...refs), refs);
+}
+
+export { composeRefs, useComposedRefs, useValidationLog };

package/dist/{chunk-XJZOANXX.cjs → chunk-6HX7ETL3.cjs}

@@ -50,7 +50,7 @@ function Select({
         "aria-invalid": triggerProps["aria-invalid"] || invalid ? true : void 0,
         "data-size": size,
         className: chunkH2BWO3SI_cjs.cn(
-          "border-input dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none",
+          "border-input dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none",
           "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
           "disabled:cursor-not-allowed disabled:opacity-50",
           "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",

package/dist/chunk-7OD2NBSV.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var switchVariants = classVarianceAuthority.cva(
+  [
+    "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none",
+    "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
+    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3",
+    "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error dark:aria-invalid:border-error/50 aria-invalid:ring-3",
+    "data-disabled:cursor-not-allowed data-disabled:opacity-50",
+    "after:absolute after:-inset-x-3 after:-inset-y-2"
+  ],
+  {
+    variants: {
+      size: {
+        default: "h-[18.4px] w-8",
+        sm: "h-3.5 w-6"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var switchThumbVariants = classVarianceAuthority.cva(
+  [
+    "pointer-events-none block rounded-full ring-0 transition-transform",
+    "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground"
+  ],
+  {
+    variants: {
+      size: {
+        default: "size-4 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0",
+        sm: "size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function Switch({ className, size = "default", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Switch.Root, { "data-slot": "switch", className: chunkH2BWO3SI_cjs.cn(switchVariants({ size }), className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Switch.Thumb, { "data-slot": "switch-thumb", className: switchThumbVariants({ size }) }) });
+}
+
+exports.Switch = Switch;

package/dist/chunk-B4M7Q5KX.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Input({ className, type, invalid = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      "aria-invalid": props["aria-invalid"] || invalid,
+      className: chunkH2BWO3SI_cjs.cn(
+        "dark:bg-input/30 border-input file:text-foreground placeholder:text-muted-foreground h-8 w-full min-w-0 rounded border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm",
+        "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error dark:aria-invalid:border-error/50",
+        "focus-visible:border-ring focus-visible:ring-ring/50",
+        "disabled:bg-input/50 dark:disabled:bg-input/80",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Input = Input;

package/dist/{chunk-S2BCU6WG.cjs → chunk-CAIAZGSW.cjs}

@@ -1,6 +1,7 @@
 'use strict';
 
-var chunkXIQUR62A_cjs = require('./chunk-XIQUR62A.cjs');
+var chunkXY3ZNUWR_cjs = require('./chunk-XY3ZNUWR.cjs');
+var chunkN4TYSZSU_cjs = require('./chunk-N4TYSZSU.cjs');
 var React3 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var jsxRuntime = require('react/jsx-runtime');
@@ -67,7 +68,7 @@ function MasonryViewport({ children, style, ref, ...props }) {
   const [layoutVersion, setLayoutVersion] = React3__namespace.useState(0);
   const rafId = React3__namespace.useRef(null);
   const [mounted, setMounted] = React3__namespace.useState(false);
-  chunkXIQUR62A_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN4TYSZSU_cjs.useIsomorphicLayoutEffect(() => {
     setMounted(true);
   }, []);
   const validChildren = React3__namespace.Children.toArray(children).filter(
@@ -976,14 +977,14 @@ function Masonry(props) {
   const columnGap = gapValue.column;
   const rowGap = gapValue.row;
   const containerRef = React3__namespace.useRef(null);
-  const composedRef = chunkXIQUR62A_cjs.useComposedRefs(ref, containerRef);
+  const composedRef = chunkXY3ZNUWR_cjs.useComposedRefs(ref, containerRef);
   const size = useDebouncedWindowSize({
     containerRef,
     defaultWidth,
     defaultHeight
   });
   const [containerPosition, setContainerPosition] = React3__namespace.useState({ offset: 0, width: 0 });
-  chunkXIQUR62A_cjs.useIsomorphicLayoutEffect(() => {
+  chunkN4TYSZSU_cjs.useIsomorphicLayoutEffect(() => {
     if (!containerRef.current) return;
     let offset = 0;
     let container = containerRef.current;