@szum-tech/design-system 2.5.1 → 2.7.0

package/dist/{chunk-75T7KAAY.js → chunk-36YD6ICC.js}

@@ -7,13 +7,13 @@ var inputCva = cva(
     "bg-app-foreground font-poppins h-10 w-full appearance-none border py-2 outline-0 transition-colors duration-300 ease-in-out",
     "placeholder:select-none placeholder:text-gray-400",
     "invalid:border-error-500 focus:border-primary-500 active:border-primary-500",
-    "disabled:border-gray-800 disabled:text-gray-300 disabled:placeholder:text-gray-600 disabled:cursor-not-allowed"
+    "disabled:cursor-not-allowed disabled:border-gray-800 disabled:text-gray-300 disabled:placeholder:text-gray-600"
   ],
   {
     variants: {
       invalid: {
         true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
-        false: ["border-gray-600 hover:border-primary-600 text-gray-100"]
+        false: ["hover:border-primary-600 border-gray-600 text-gray-100"]
       },
       withStartIcon: {
         true: "pl-11",

package/dist/chunk-3WSQRFUY.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, { role: "status", "aria-label": "Loading", className: chunkH2BWO3SI_cjs.cn("size-4 animate-spin", className), ...props });
+}
+
+exports.Spinner = Spinner;

package/dist/{chunk-V5OVQTDR.js → chunk-5BTQ6BQA.js}

@@ -1,9 +1,9 @@
 import { cn } from './chunk-ZD2QRAOX.js';
-import { twMerge } from 'tailwind-merge';
 import { jsx } from 'react/jsx-runtime';
+import { twMerge } from 'tailwind-merge';
 
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: twMerge("bg-app-foreground h-full rounded border border-gray-800", className), ...props });
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-app-foreground h-full rounded border border-gray-800", className), ...props });
 }
 function CardHeader({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col p-6", className), ...props });

package/dist/chunk-7EYMOUWG.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var React3 = require('react');
+
+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 React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+
+// src/hooks/use-validation-log.tsx
+function useValidationLog({ check, scope, message }) {
+  React3__namespace.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 useLazyRef(fn) {
+  const ref = React3__namespace.useRef(null);
+  if (ref.current === null) {
+    ref.current = fn();
+  }
+  return ref;
+}
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? React3__namespace.useEffect : React3__namespace.useLayoutEffect;
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
+exports.useLazyRef = useLazyRef;
+exports.useValidationLog = useValidationLog;

package/dist/{chunk-MOOWZNA6.js → chunk-7V34QHYR.js}

@@ -5,9 +5,9 @@ import { jsx } from 'react/jsx-runtime';
 
 var badgeCva = cva(
   [
-    "text-xs inline-flex w-fit shrink-0 items-center justify-center gap-x-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 transition-[color,box-shadow]",
-    "[&>svg]:size-3 [&>svg]:pointer-events-none",
-    "focus-visible:border-ring focus-visible:ring-primary-500/50 focus-visible:ring-[3px]",
+    "inline-flex w-fit shrink-0 items-center justify-center gap-x-1 overflow-hidden whitespace-nowrap rounded border px-2 py-0.5 text-xs transition-[color,box-shadow]",
+    "[&>svg]:pointer-events-none [&>svg]:size-3",
+    "focus-visible:border-ring focus-visible:ring-primary-500/50 focus-visible:ring",
     "aria-invalid:ring-error-500/20 aria-invalid:border-ring-error-500"
   ],
   {