@szum-tech/design-system 3.15.0 → 3.16.0

package/dist/{chunk-3MH6P44N.js → chunk-3DP3VMPN.js}

@@ -1,4 +1,4 @@
-import { Separator } from './chunk-XJIUGEPN.js';
+import { Separator } from './chunk-A72LE53B.js';
 import { Label } from './chunk-I3RSTJP6.js';
 import { cn } from './chunk-ZD2QRAOX.js';
 import { cva } from 'class-variance-authority';

package/dist/{chunk-XJIUGEPN.js → chunk-A72LE53B.js}

@@ -10,7 +10,7 @@ function Separator({ className, orientation = "horizontal", decorative = false,
       decorative,
       orientation,
       className: cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        "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

package/dist/{chunk-UIOBJSKZ.cjs → chunk-DUAM4RTP.cjs}

@@ -12,7 +12,7 @@ function Separator({ className, orientation = "horizontal", decorative = false,
       decorative,
       orientation,
       className: chunkH2BWO3SI_cjs.cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        "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

package/dist/{chunk-XY3ZNUWR.cjs → chunk-F7NFSDOD.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var React3 = require('react');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -20,11 +20,11 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 
 // src/hooks/use-validation-log.tsx
 function useValidationLog({ check, scope, message }) {
-  React__namespace.useEffect(() => {
+  React3__namespace.useEffect(() => {
     if (!check) {
       console.error(
         `%c[Szum Tech-Design System]%c
@@ -70,9 +70,22 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React__namespace.useCallback(composeRefs(...refs), refs);
+  return React3__namespace.useCallback(composeRefs(...refs), refs);
+}
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React3__namespace.useState(void 0);
+  React3__namespace.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;
 }
 
 exports.composeRefs = composeRefs;
 exports.useComposedRefs = useComposedRefs;
+exports.useIsMobile = useIsMobile;
 exports.useValidationLog = useValidationLog;

package/dist/{chunk-DTYX7CYN.cjs → chunk-HPICKLBZ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUIOBJSKZ_cjs = require('./chunk-UIOBJSKZ.cjs');
+var chunkDUAM4RTP_cjs = require('./chunk-DUAM4RTP.cjs');
 var chunkS3ANEJJ7_cjs = require('./chunk-S3ANEJJ7.cjs');
 var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
 var classVarianceAuthority = require('class-variance-authority');
@@ -151,7 +151,7 @@ function FieldSeparator({ children, className, ...props }) {
       className: chunkH2BWO3SI_cjs.cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkUIOBJSKZ_cjs.Separator, { className: "absolute inset-0 top-1/2" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkDUAM4RTP_cjs.Separator, { className: "absolute inset-0 top-1/2" }),
         children ? /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {

package/dist/chunk-KTAIBRTH.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "skeleton", className: chunkH2BWO3SI_cjs.cn("bg-muted animate-pulse rounded-md", className), ...props });
+}
+
+exports.Skeleton = Skeleton;

package/dist/{chunk-KGGCA634.js → chunk-L2TRMQNN.js}

@@ -1,4 +1,4 @@
-import { Separator } from './chunk-XJIUGEPN.js';
+import { Separator } from './chunk-A72LE53B.js';
 import { cn } from './chunk-ZD2QRAOX.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';