@szum-tech/design-system 2.5.1 → 2.6.0

package/dist/chunk-DFD2WUOU.js

@@ -0,0 +1,27 @@
+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 useLazyRef(fn) {
+  const ref = React3.useRef(null);
+  if (ref.current === null) {
+    ref.current = fn();
+  }
+  return ref;
+}
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? React3.useEffect : React3.useLayoutEffect;
+
+export { useIsomorphicLayoutEffect, useLazyRef, useValidationLog };

package/dist/chunk-EW6TE3N5.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = 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 React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/contexts/directon.tsx
+var Direction = {
+  LTR: "ltr",
+  RTL: "rtl"
+};
+var DirectionContext = React__namespace.createContext(void 0);
+function useDirection(dirProp) {
+  const contextDir = React__namespace.useContext(DirectionContext);
+  return dirProp ?? contextDir ?? Direction.LTR;
+}
+
+exports.Direction = Direction;
+exports.DirectionContext = DirectionContext;
+exports.useDirection = useDirection;

package/dist/{chunk-BJ553XYM.cjs → chunk-G6VXQ7DJ.cjs}

@@ -8,16 +8,16 @@ var jsxRuntime = require('react/jsx-runtime');
 
 var selectCva = classVarianceAuthority.cva(
   [
-    "bg-app-foreground font-poppins text-body-2 inline-flex h-10 w-full items-center justify-between gap-2 border pl-3 pr-1.5 py-2 outline-0 transition-colors duration-300 ease-in-out [&>span]:line-clamp-1",
+    "bg-app-foreground font-poppins text-body-2 inline-flex h-10 w-full items-center justify-between gap-2 border py-2 pl-3 pr-1.5 outline-0 transition-colors duration-300 ease-in-out [&>span]:line-clamp-1",
     "data-[placeholder]:select-none data-[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:[&>svg]: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 disabled:[&>svg]:text-gray-300"
   ],
   {
     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"]
       }
     },
     defaultVariants: {

package/dist/chunk-H5O5L6XT.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+// src/contexts/directon.tsx
+var Direction = {
+  LTR: "ltr",
+  RTL: "rtl"
+};
+var DirectionContext = React.createContext(void 0);
+function useDirection(dirProp) {
+  const contextDir = React.useContext(DirectionContext);
+  return dirProp ?? contextDir ?? Direction.LTR;
+}
+
+export { Direction, DirectionContext, useDirection };

package/dist/{chunk-3PV6NLP5.js → chunk-IAI7BIAG.js}

@@ -4,18 +4,18 @@ import { jsx } from 'react/jsx-runtime';
 // src/components/textarea/textarea.styles.tsx
 var textareaCva = cva(
   [
-    "bg-app-foreground font-poppins h-28 min-h-10 w-full appearance-none border py-2 px-3 outline-0 transition-colors duration-300 ease-in-out",
+    "bg-app-foreground font-poppins h-28 min-h-10 w-full appearance-none border px-3 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"]
       }
     },
     defaultVariants: {

package/dist/{chunk-XKXP3W3H.cjs → chunk-K4TRAPRN.cjs}

@@ -62,7 +62,7 @@ var buttonCva = classVarianceAuthority.cva(
         color: "neutral",
         class: [
           "text-gray-100",
-          "hover:border-gray-500 hover:bg-gray-500 hover:text-app-foreground",
+          "hover:text-app-foreground hover:border-gray-500 hover:bg-gray-500",
           "active:border-gray-600 active:bg-gray-600"
         ]
       },
@@ -106,7 +106,7 @@ var buttonCva = classVarianceAuthority.cva(
       {
         variant: "outlined",
         color: "neutral",
-        class: ["border-gray-500 text-gray-100", "hover:bg-gray-500 hover:text-app-foreground", "active:bg-gray-600"]
+        class: ["border-gray-500 text-gray-100", "hover:text-app-foreground hover:bg-gray-500", "active:bg-gray-600"]
       },
       {
         variant: "outlined",
@@ -150,7 +150,7 @@ var buttonCva = classVarianceAuthority.cva(
         color: "neutral",
         class: [
           "border-gray-500 bg-gray-500 text-gray-100",
-          "hover:border-gray-400 hover:bg-gray-400 hover:text-app-foreground",
+          "hover:text-app-foreground hover:border-gray-400 hover:bg-gray-400",
           "active:border-gray-600 active:bg-gray-600"
         ]
       },

package/dist/{chunk-4C7M4HBP.js → chunk-MI3CQBHC.js}

@@ -6,16 +6,16 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 
 var selectCva = cva(
   [
-    "bg-app-foreground font-poppins text-body-2 inline-flex h-10 w-full items-center justify-between gap-2 border pl-3 pr-1.5 py-2 outline-0 transition-colors duration-300 ease-in-out [&>span]:line-clamp-1",
+    "bg-app-foreground font-poppins text-body-2 inline-flex h-10 w-full items-center justify-between gap-2 border py-2 pl-3 pr-1.5 outline-0 transition-colors duration-300 ease-in-out [&>span]:line-clamp-1",
     "data-[placeholder]:select-none data-[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:[&>svg]: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 disabled:[&>svg]:text-gray-300"
   ],
   {
     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"]
       }
     },
     defaultVariants: {

package/dist/{chunk-KXTNZ4UO.cjs → chunk-NHFHKMX2.cjs}

@@ -7,9 +7,9 @@ var jsxRuntime = require('react/jsx-runtime');
 
 var badgeCva = classVarianceAuthority.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"
   ],
   {

package/dist/{chunk-6L3QPLRR.cjs → chunk-OIWEXHFE.cjs}

@@ -6,18 +6,18 @@ var jsxRuntime = require('react/jsx-runtime');
 // src/components/textarea/textarea.styles.tsx
 var textareaCva = classVarianceAuthority.cva(
   [
-    "bg-app-foreground font-poppins h-28 min-h-10 w-full appearance-none border py-2 px-3 outline-0 transition-colors duration-300 ease-in-out",
+    "bg-app-foreground font-poppins h-28 min-h-10 w-full appearance-none border px-3 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"]
       }
     },
     defaultVariants: {

package/dist/chunk-P5IUC7HJ.js

@@ -0,0 +1,9 @@
+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-WMMJEZ7Y.js → chunk-YJFJLF7Y.js}

@@ -40,7 +40,7 @@ var buttonCva = cva(
         color: "neutral",
         class: [
           "text-gray-100",
-          "hover:border-gray-500 hover:bg-gray-500 hover:text-app-foreground",
+          "hover:text-app-foreground hover:border-gray-500 hover:bg-gray-500",
           "active:border-gray-600 active:bg-gray-600"
         ]
       },
@@ -84,7 +84,7 @@ var buttonCva = cva(
       {
         variant: "outlined",
         color: "neutral",
-        class: ["border-gray-500 text-gray-100", "hover:bg-gray-500 hover:text-app-foreground", "active:bg-gray-600"]
+        class: ["border-gray-500 text-gray-100", "hover:text-app-foreground hover:bg-gray-500", "active:bg-gray-600"]
       },
       {
         variant: "outlined",
@@ -128,7 +128,7 @@ var buttonCva = cva(
         color: "neutral",
         class: [
           "border-gray-500 bg-gray-500 text-gray-100",
-          "hover:border-gray-400 hover:bg-gray-400 hover:text-app-foreground",
+          "hover:text-app-foreground hover:border-gray-400 hover:bg-gray-400",
           "active:border-gray-600 active:bg-gray-600"
         ]
       },

package/dist/{chunk-FPK72OV4.cjs → chunk-ZZ3EBGSD.cjs}

@@ -9,13 +9,13 @@ var inputCva = classVarianceAuthority.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/components/badge/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkKXTNZ4UO_cjs = require('../../chunk-KXTNZ4UO.cjs');
+var chunkNHFHKMX2_cjs = require('../../chunk-NHFHKMX2.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkKXTNZ4UO_cjs.Badge; }
+  get: function () { return chunkNHFHKMX2_cjs.Badge; }
 });

package/dist/components/badge/index.js

@@ -1,2 +1,2 @@
-export { Badge } from '../../chunk-MOOWZNA6.js';
+export { Badge } from '../../chunk-7V34QHYR.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/button/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkXKXP3W3H_cjs = require('../../chunk-XKXP3W3H.cjs');
+var chunkK4TRAPRN_cjs = require('../../chunk-K4TRAPRN.cjs');
 require('../../chunk-UKWZ5BHD.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkXKXP3W3H_cjs.Button; }
+  get: function () { return chunkK4TRAPRN_cjs.Button; }
 });

package/dist/components/button/index.js

@@ -1,2 +1,2 @@
-export { Button } from '../../chunk-WMMJEZ7Y.js';
+export { Button } from '../../chunk-YJFJLF7Y.js';
 import '../../chunk-XTO7CMIM.js';

package/dist/components/form/index.cjs

@@ -1,51 +1,54 @@
 'use strict';
 
-var chunkDH5YKYXV_cjs = require('../../chunk-DH5YKYXV.cjs');
-require('../../chunk-6L3QPLRR.cjs');
+var chunkAIXT3Q3I_cjs = require('../../chunk-AIXT3Q3I.cjs');
+require('../../chunk-G6VXQ7DJ.cjs');
+require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-GHV2TURY.cjs');
+require('../../chunk-Q2IKZZ3U.cjs');
+require('../../chunk-OIWEXHFE.cjs');
 require('../../chunk-GR37JJQK.cjs');
+require('../../chunk-K4TRAPRN.cjs');
+require('../../chunk-3DSBDIFJ.cjs');
 require('../../chunk-PH4LO5TE.cjs');
-require('../../chunk-YWG7TML6.cjs');
 require('../../chunk-P4J2TTH7.cjs');
-require('../../chunk-FPK72OV4.cjs');
+require('../../chunk-YWG7TML6.cjs');
 require('../../chunk-FVSO3RHT.cjs');
-require('../../chunk-BJ553XYM.cjs');
-require('../../chunk-Q2IKZZ3U.cjs');
+require('../../chunk-ZZ3EBGSD.cjs');
+require('../../chunk-EW6TE3N5.cjs');
+require('../../chunk-7EYMOUWG.cjs');
+require('../../chunk-UKWZ5BHD.cjs');
 require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-4NO6IM75.cjs');
-require('../../chunk-KXTNZ4UO.cjs');
-require('../../chunk-XKXP3W3H.cjs');
-require('../../chunk-UKWZ5BHD.cjs');
-require('../../chunk-3DSBDIFJ.cjs');
+require('../../chunk-NHFHKMX2.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkDH5YKYXV_cjs.Form; }
+  get: function () { return chunkAIXT3Q3I_cjs.Form; }
 });
 Object.defineProperty(exports, "FormControl", {
   enumerable: true,
-  get: function () { return chunkDH5YKYXV_cjs.FormControl; }
+  get: function () { return chunkAIXT3Q3I_cjs.FormControl; }
 });
 Object.defineProperty(exports, "FormDescription", {
   enumerable: true,
-  get: function () { return chunkDH5YKYXV_cjs.FormDescription; }
+  get: function () { return chunkAIXT3Q3I_cjs.FormDescription; }
 });
 Object.defineProperty(exports, "FormField", {
   enumerable: true,
-  get: function () { return chunkDH5YKYXV_cjs.FormField; }
+  get: function () { return chunkAIXT3Q3I_cjs.FormField; }
 });
 Object.defineProperty(exports, "FormItem", {
   enumerable: true,
-  get: function () { return chunkDH5YKYXV_cjs.FormItem; }
+  get: function () { return chunkAIXT3Q3I_cjs.FormItem; }
 });
 Object.defineProperty(exports, "FormLabel", {
   enumerable: true,
-  get: function () { return chunkDH5YKYXV_cjs.FormLabel; }
+  get: function () { return chunkAIXT3Q3I_cjs.FormLabel; }
 });
 Object.defineProperty(exports, "FormMessage", {
   enumerable: true,
-  get: function () { return chunkDH5YKYXV_cjs.FormMessage; }
+  get: function () { return chunkAIXT3Q3I_cjs.FormMessage; }
 });

package/dist/components/form/index.js

@@ -1,18 +1,21 @@
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../chunk-SPCZ3GVM.js';
-import '../../chunk-3PV6NLP5.js';
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from '../../chunk-5RNHEHRL.js';
+import '../../chunk-MI3CQBHC.js';
+import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-DTSFPOLX.js';
+import '../../chunk-RXYZURP4.js';
+import '../../chunk-IAI7BIAG.js';
 import '../../chunk-HJJPEVIH.js';
+import '../../chunk-YJFJLF7Y.js';
+import '../../chunk-V5OVQTDR.js';
 import '../../chunk-AGVEKVWD.js';
-import '../../chunk-UW6GOD7J.js';
 import '../../chunk-5PBHBOXI.js';
-import '../../chunk-75T7KAAY.js';
+import '../../chunk-UW6GOD7J.js';
 import '../../chunk-VZKTT6CG.js';
-import '../../chunk-4C7M4HBP.js';
-import '../../chunk-RXYZURP4.js';
+import '../../chunk-36YD6ICC.js';
+import '../../chunk-H5O5L6XT.js';
+import '../../chunk-DFD2WUOU.js';
+import '../../chunk-XTO7CMIM.js';
 import '../../chunk-5MJPZUTO.js';
 import '../../chunk-EU7G37IS.js';
-import '../../chunk-MOOWZNA6.js';
-import '../../chunk-WMMJEZ7Y.js';
-import '../../chunk-XTO7CMIM.js';
-import '../../chunk-V5OVQTDR.js';
+import '../../chunk-7V34QHYR.js';
 import '../../chunk-ZD2QRAOX.js';