@szum-tech/design-system 3.9.0 → 3.10.1

package/dist/components/button/index.cjs

@@ -1,36 +1,43 @@
 'use strict';
 
-var chunkXTNS5QH5_cjs = require('../../chunk-XTNS5QH5.cjs');
+var chunkEG374TED_cjs = require('../../chunk-EG374TED.cjs');
+require('../../chunk-D4QID7AI.cjs');
+require('../../chunk-A7SBXO2Y.cjs');
+require('../../chunk-EUH466AL.cjs');
+require('../../chunk-DGWBE2Y3.cjs');
+require('../../chunk-TMXVL5CV.cjs');
+require('../../chunk-XJZOANXX.cjs');
 require('../../chunk-GHV2TURY.cjs');
 require('../../chunk-3WSQRFUY.cjs');
+require('../../chunk-GYXQUTWZ.cjs');
+require('../../chunk-YEFLGE3L.cjs');
 require('../../chunk-NU5UQPBX.cjs');
-require('../../chunk-A7SBXO2Y.cjs');
 require('../../chunk-6X26XC6P.cjs');
 require('../../chunk-5AA4IE2T.cjs');
 require('../../chunk-CFJ44JVK.cjs');
+require('../../chunk-2WQJ36RD.cjs');
 require('../../chunk-TH44JYXB.cjs');
 require('../../chunk-XENOUBSI.cjs');
 require('../../chunk-UJX74PFK.cjs');
-require('../../chunk-XJZOANXX.cjs');
-require('../../chunk-ZVF7J4EI.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
 require('../../chunk-ULEEQ723.cjs');
+require('../../chunk-USIW3VT5.cjs');
 require('../../chunk-VK5EX3OG.cjs');
 require('../../chunk-CXHDWIGF.cjs');
 require('../../chunk-DTYX7CYN.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
-require('../../chunk-EW6TE3N5.cjs');
 require('../../chunk-7EYMOUWG.cjs');
+require('../../chunk-F7N6WQV6.cjs');
 require('../../chunk-3GNVQFCK.cjs');
-require('../../chunk-TMXVL5CV.cjs');
 require('../../chunk-I7AV5IQO.cjs');
+require('../../chunk-ZVF7J4EI.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkXTNS5QH5_cjs.Button; }
+  get: function () { return chunkEG374TED_cjs.Button; }
 });

package/dist/components/button/index.js

@@ -1,27 +1,34 @@
-export { Button } from '../../chunk-PHPJ54IC.js';
+export { Button } from '../../chunk-JLKQ6WKK.js';
+import '../../chunk-YSYZKK24.js';
+import '../../chunk-U7XZJQ4O.js';
+import '../../chunk-WMGJCB7O.js';
+import '../../chunk-K5AURCK5.js';
+import '../../chunk-5MJPZUTO.js';
+import '../../chunk-E5TYGWGE.js';
 import '../../chunk-DTSFPOLX.js';
 import '../../chunk-P5IUC7HJ.js';
+import '../../chunk-IWF52DDE.js';
+import '../../chunk-OCOCENE6.js';
 import '../../chunk-OQCNPNPS.js';
-import '../../chunk-U7XZJQ4O.js';
 import '../../chunk-VT5GDGZJ.js';
 import '../../chunk-UGSNASZM.js';
 import '../../chunk-KGGCA634.js';
+import '../../chunk-YUMKV5TH.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
 import '../../chunk-M7NIRB3U.js';
-import '../../chunk-E5TYGWGE.js';
-import '../../chunk-U3QKV7I4.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
 import '../../chunk-3RK5PCIC.js';
+import '../../chunk-P4JIMFSL.js';
 import '../../chunk-BTSHACKG.js';
 import '../../chunk-HNRVLRMN.js';
 import '../../chunk-3MH6P44N.js';
 import '../../chunk-XJIUGEPN.js';
 import '../../chunk-I3RSTJP6.js';
-import '../../chunk-H5O5L6XT.js';
 import '../../chunk-DFD2WUOU.js';
+import '../../chunk-R65CJGEQ.js';
 import '../../chunk-5MV54MWS.js';
-import '../../chunk-5MJPZUTO.js';
 import '../../chunk-NGVFYKAT.js';
+import '../../chunk-U3QKV7I4.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/counting-number/index.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkUSIW3VT5_cjs = require('../../chunk-USIW3VT5.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+
+
+
+Object.defineProperty(exports, "CountingNumber", {
+  enumerable: true,
+  get: function () { return chunkUSIW3VT5_cjs.CountingNumber; }
+});

package/dist/components/counting-number/index.d.cts

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UseInViewOptions } from 'motion/react';
+
+type CountingNumberProps = {
+    /**
+     * Starting number for the animation
+     * @default 0
+     */
+    from?: number;
+    /**
+     * Target number to animate to
+     * @default 100
+     */
+    to?: number;
+    /**
+     * Animation duration in seconds
+     * @default 2
+     */
+    duration?: number;
+    /**
+     * Delay before starting animation in milliseconds
+     * @default 0
+     */
+    delay?: number;
+    /**
+     * Custom className for styling
+     */
+    className?: string;
+    /**
+     * Whether to start animation when component enters viewport
+     * @default true
+     */
+    startOnView?: boolean;
+    /**
+     * Whether to animate only once when entering viewport
+     * @default false
+     */
+    once?: boolean;
+    /**
+     * Margin for in-view detection (rootMargin)
+     */
+    inViewMargin?: UseInViewOptions["margin"];
+    /**
+     * Callback fired when animation completes
+     */
+    onComplete?: () => void;
+    /**
+     * Custom formatter function for the displayed value.
+     * If not provided, the value is rounded to the nearest integer.
+     * @example (value) => value.toFixed(2)
+     * @example (value) => `$${value.toLocaleString()}`
+     */
+    format?: (value: number) => string;
+};
+declare function CountingNumber({ from, to, duration, delay, className, startOnView, once, inViewMargin, onComplete, format, ...props }: CountingNumberProps): react_jsx_runtime.JSX.Element;
+
+export { CountingNumber, type CountingNumberProps };

package/dist/components/counting-number/index.d.ts

@@ -0,0 +1,57 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UseInViewOptions } from 'motion/react';
+
+type CountingNumberProps = {
+    /**
+     * Starting number for the animation
+     * @default 0
+     */
+    from?: number;
+    /**
+     * Target number to animate to
+     * @default 100
+     */
+    to?: number;
+    /**
+     * Animation duration in seconds
+     * @default 2
+     */
+    duration?: number;
+    /**
+     * Delay before starting animation in milliseconds
+     * @default 0
+     */
+    delay?: number;
+    /**
+     * Custom className for styling
+     */
+    className?: string;
+    /**
+     * Whether to start animation when component enters viewport
+     * @default true
+     */
+    startOnView?: boolean;
+    /**
+     * Whether to animate only once when entering viewport
+     * @default false
+     */
+    once?: boolean;
+    /**
+     * Margin for in-view detection (rootMargin)
+     */
+    inViewMargin?: UseInViewOptions["margin"];
+    /**
+     * Callback fired when animation completes
+     */
+    onComplete?: () => void;
+    /**
+     * Custom formatter function for the displayed value.
+     * If not provided, the value is rounded to the nearest integer.
+     * @example (value) => value.toFixed(2)
+     * @example (value) => `$${value.toLocaleString()}`
+     */
+    format?: (value: number) => string;
+};
+declare function CountingNumber({ from, to, duration, delay, className, startOnView, once, inViewMargin, onComplete, format, ...props }: CountingNumberProps): react_jsx_runtime.JSX.Element;
+
+export { CountingNumber, type CountingNumberProps };

package/dist/components/counting-number/index.js

@@ -0,0 +1,2 @@
+export { CountingNumber } from '../../chunk-P4JIMFSL.js';
+import '../../chunk-ZD2QRAOX.js';