@szum-tech/design-system 3.12.3 → 3.14.0

package/dist/components/timeline/index.js

@@ -1,3 +1,4 @@
-export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, TimelineTime, TimelineTitle } from '../../chunk-WXZE35FK.js';
-import '../../chunk-SB5UG7OC.js';
+export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, TimelineTime, TimelineTitle } from '../../chunk-VK2FJ65F.js';
+import '../../chunk-4IGU5SVP.js';
+import '../../chunk-G24PWQKG.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/toaster/index.cjs

@@ -1,35 +1,39 @@
 'use strict';
 
-var chunkCP43WJCN_cjs = require('../../chunk-CP43WJCN.cjs');
+var chunkEZCWHR56_cjs = require('../../chunk-EZCWHR56.cjs');
+require('../../chunk-A7SBXO2Y.cjs');
+require('../../chunk-EUH466AL.cjs');
 require('../../chunk-DGWBE2Y3.cjs');
+require('../../chunk-B4M7Q5KX.cjs');
+require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-GYXQUTWZ.cjs');
-require('../../chunk-YEFLGE3L.cjs');
+require('../../chunk-7OD2NBSV.cjs');
 require('../../chunk-NU5UQPBX.cjs');
-require('../../chunk-KQ6QE7BT.cjs');
-require('../../chunk-A7SBXO2Y.cjs');
-require('../../chunk-EUH466AL.cjs');
+require('../../chunk-YEFLGE3L.cjs');
+require('../../chunk-MNDQXDV4.cjs');
+require('../../chunk-CAIAZGSW.cjs');
+require('../../chunk-GEDBA3JU.cjs');
 require('../../chunk-TH44JYXB.cjs');
 require('../../chunk-XENOUBSI.cjs');
 require('../../chunk-UJX74PFK.cjs');
-require('../../chunk-XJZOANXX.cjs');
+require('../../chunk-6HX7ETL3.cjs');
 require('../../chunk-375QAB65.cjs');
-require('../../chunk-3WSQRFUY.cjs');
 require('../../chunk-VK5EX3OG.cjs');
 require('../../chunk-CXHDWIGF.cjs');
 require('../../chunk-GAZLMZBH.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
+require('../../chunk-OZSNSRLV.cjs');
 require('../../chunk-6X26XC6P.cjs');
-require('../../chunk-5AA4IE2T.cjs');
 require('../../chunk-CFJ44JVK.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-2WQJ36RD.cjs');
-require('../../chunk-S2BCU6WG.cjs');
 require('../../chunk-ZVF7J4EI.cjs');
+require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
 require('../../chunk-ULEEQ723.cjs');
-require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-USIW3VT5.cjs');
-require('../../chunk-XIQUR62A.cjs');
+require('../../chunk-XY3ZNUWR.cjs');
+require('../../chunk-N4TYSZSU.cjs');
 require('../../chunk-X3ZT3KGX.cjs');
 require('../../chunk-3GNVQFCK.cjs');
 require('../../chunk-TMXVL5CV.cjs');
@@ -40,9 +44,9 @@ require('../../chunk-H2BWO3SI.cjs');
 
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
-  get: function () { return chunkCP43WJCN_cjs.Toaster; }
+  get: function () { return chunkEZCWHR56_cjs.Toaster; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunkCP43WJCN_cjs.toast; }
+  get: function () { return chunkEZCWHR56_cjs.toast; }
 });

package/dist/components/toaster/index.js

@@ -1,33 +1,37 @@
-export { Toaster, toast } from '../../chunk-QTYNFISP.js';
+export { Toaster, toast } from '../../chunk-VL3TPVSB.js';
+import '../../chunk-U7XZJQ4O.js';
+import '../../chunk-WMGJCB7O.js';
 import '../../chunk-K5AURCK5.js';
+import '../../chunk-S3ZUFD6U.js';
+import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-IWF52DDE.js';
-import '../../chunk-OCOCENE6.js';
+import '../../chunk-X5O7GP4S.js';
 import '../../chunk-OQCNPNPS.js';
-import '../../chunk-WXZE35FK.js';
-import '../../chunk-U7XZJQ4O.js';
-import '../../chunk-WMGJCB7O.js';
+import '../../chunk-OCOCENE6.js';
+import '../../chunk-VK2FJ65F.js';
+import '../../chunk-Q2MJKFIE.js';
+import '../../chunk-IZU3KULT.js';
 import '../../chunk-PBEZZMAB.js';
 import '../../chunk-4TRADSTP.js';
 import '../../chunk-M7NIRB3U.js';
-import '../../chunk-E5TYGWGE.js';
+import '../../chunk-XKCLVPUC.js';
 import '../../chunk-H5NHGMSQ.js';
-import '../../chunk-P5IUC7HJ.js';
 import '../../chunk-BTSHACKG.js';
 import '../../chunk-HNRVLRMN.js';
 import '../../chunk-K5QSMTKJ.js';
 import '../../chunk-I3RSTJP6.js';
+import '../../chunk-EOTQVIA5.js';
 import '../../chunk-VT5GDGZJ.js';
-import '../../chunk-UGSNASZM.js';
 import '../../chunk-KGGCA634.js';
 import '../../chunk-XJIUGEPN.js';
 import '../../chunk-YUMKV5TH.js';
-import '../../chunk-DL54DIMD.js';
 import '../../chunk-U3QKV7I4.js';
+import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
 import '../../chunk-3RK5PCIC.js';
-import '../../chunk-6BSR3O2J.js';
 import '../../chunk-P4JIMFSL.js';
-import '../../chunk-SB5UG7OC.js';
+import '../../chunk-4IGU5SVP.js';
+import '../../chunk-G24PWQKG.js';
 import '../../chunk-B7RHEMZH.js';
 import '../../chunk-5MV54MWS.js';
 import '../../chunk-5MJPZUTO.js';

package/dist/components/typing-text/index.d.cts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps, UseInViewOptions } from 'motion/react';
+import '../../color-picker.types-GI7dq2Ig.cjs';
 
 type TypingTextProps = Omit<MotionProps, "children"> & {
     /** Text to animate */

package/dist/components/typing-text/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps, UseInViewOptions } from 'motion/react';
+import '../../color-picker.types-GI7dq2Ig.js';
 
 type TypingTextProps = Omit<MotionProps, "children"> & {
     /** Text to animate */

package/dist/components/word-rotate/index.d.cts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps, UseInViewOptions } from 'motion/react';
+import '../../color-picker.types-GI7dq2Ig.cjs';
 
 type WordRotateProps = Omit<MotionProps, "children"> & {
     words: string[];

package/dist/components/word-rotate/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MotionProps, UseInViewOptions } from 'motion/react';
+import '../../color-picker.types-GI7dq2Ig.js';
 
 type WordRotateProps = Omit<MotionProps, "children"> & {
     words: string[];

package/dist/hooks/index.cjs

@@ -1,22 +1,31 @@
 'use strict';
 
-var chunkXIQUR62A_cjs = require('../chunk-XIQUR62A.cjs');
+var chunkXY3ZNUWR_cjs = require('../chunk-XY3ZNUWR.cjs');
+var chunkN4TYSZSU_cjs = require('../chunk-N4TYSZSU.cjs');
 
 
 
+Object.defineProperty(exports, "composeRefs", {
+  enumerable: true,
+  get: function () { return chunkXY3ZNUWR_cjs.composeRefs; }
+});
 Object.defineProperty(exports, "useComposedRefs", {
   enumerable: true,
-  get: function () { return chunkXIQUR62A_cjs.useComposedRefs; }
+  get: function () { return chunkXY3ZNUWR_cjs.useComposedRefs; }
 });
-Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
+Object.defineProperty(exports, "useValidationLog", {
   enumerable: true,
-  get: function () { return chunkXIQUR62A_cjs.useIsomorphicLayoutEffect; }
+  get: function () { return chunkXY3ZNUWR_cjs.useValidationLog; }
 });
-Object.defineProperty(exports, "useLazyRef", {
+Object.defineProperty(exports, "useAsRef", {
   enumerable: true,
-  get: function () { return chunkXIQUR62A_cjs.useLazyRef; }
+  get: function () { return chunkN4TYSZSU_cjs.useAsRef; }
 });
-Object.defineProperty(exports, "useValidationLog", {
+Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
+  enumerable: true,
+  get: function () { return chunkN4TYSZSU_cjs.useIsomorphicLayoutEffect; }
+});
+Object.defineProperty(exports, "useLazyRef", {
   enumerable: true,
-  get: function () { return chunkXIQUR62A_cjs.useValidationLog; }
+  get: function () { return chunkN4TYSZSU_cjs.useLazyRef; }
 });

package/dist/hooks/index.d.cts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import React__default from 'react';
 
 interface UseValidationLogProps {
     check: boolean;
@@ -10,8 +9,20 @@ declare function useValidationLog({ check, scope, message }: UseValidationLogPro
 
 declare function useLazyRef<T>(fn: () => T): React.RefObject<T>;
 
-declare const useIsomorphicLayoutEffect: typeof React.useEffect;
+declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
 
-declare function useComposedRefs<T>(...refs: (React__default.Ref<T> | undefined)[]): (node: T | null) => void;
+type PossibleRef<T> = React.Ref<T> | undefined;
+/**
+ * A utility to compose multiple refs together
+ * Accepts callback refs and RefObject(s)
+ */
+declare function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
+/**
+ * A custom hook that composes multiple refs
+ * Accepts callback refs and RefObject(s)
+ */
+declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
 
-export { useComposedRefs, useIsomorphicLayoutEffect, useLazyRef, useValidationLog };
+declare function useAsRef<T>(props: T): React.RefObject<T>;
+
+export { composeRefs, useAsRef, useComposedRefs, useIsomorphicLayoutEffect, useLazyRef, useValidationLog };

package/dist/hooks/index.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import React__default from 'react';
 
 interface UseValidationLogProps {
     check: boolean;
@@ -10,8 +9,20 @@ declare function useValidationLog({ check, scope, message }: UseValidationLogPro
 
 declare function useLazyRef<T>(fn: () => T): React.RefObject<T>;
 
-declare const useIsomorphicLayoutEffect: typeof React.useEffect;
+declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
 
-declare function useComposedRefs<T>(...refs: (React__default.Ref<T> | undefined)[]): (node: T | null) => void;
+type PossibleRef<T> = React.Ref<T> | undefined;
+/**
+ * A utility to compose multiple refs together
+ * Accepts callback refs and RefObject(s)
+ */
+declare function composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
+/**
+ * A custom hook that composes multiple refs
+ * Accepts callback refs and RefObject(s)
+ */
+declare function useComposedRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T>;
 
-export { useComposedRefs, useIsomorphicLayoutEffect, useLazyRef, useValidationLog };
+declare function useAsRef<T>(props: T): React.RefObject<T>;
+
+export { composeRefs, useAsRef, useComposedRefs, useIsomorphicLayoutEffect, useLazyRef, useValidationLog };

package/dist/hooks/index.js

@@ -1 +1,2 @@
-export { useComposedRefs, useIsomorphicLayoutEffect, useLazyRef, useValidationLog } from '../chunk-SB5UG7OC.js';
+export { composeRefs, useComposedRefs, useValidationLog } from '../chunk-4IGU5SVP.js';
+export { useAsRef, useIsomorphicLayoutEffect, useLazyRef } from '../chunk-G24PWQKG.js';

package/dist/popover-trigger-Cf4PPj0z.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Popover as Popover$1 } from 'radix-ui';
+
+type PopoverProps = React.ComponentProps<typeof Popover$1.Root>;
+declare function Popover(props: PopoverProps): react_jsx_runtime.JSX.Element;
+
+type PopoverContentProps = React.ComponentProps<typeof Popover$1.Content>;
+declare function PopoverContent({ className, align, sideOffset, ...props }: PopoverContentProps): react_jsx_runtime.JSX.Element;
+
+type PopoverTriggerProps = React.ComponentProps<typeof Popover$1.Trigger>;
+declare function PopoverTrigger(props: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
+
+export { Popover as P, PopoverContent as a, type PopoverContentProps as b, type PopoverProps as c, PopoverTrigger as d, type PopoverTriggerProps as e };

package/dist/popover-trigger-Cf4PPj0z.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Popover as Popover$1 } from 'radix-ui';
+
+type PopoverProps = React.ComponentProps<typeof Popover$1.Root>;
+declare function Popover(props: PopoverProps): react_jsx_runtime.JSX.Element;
+
+type PopoverContentProps = React.ComponentProps<typeof Popover$1.Content>;
+declare function PopoverContent({ className, align, sideOffset, ...props }: PopoverContentProps): react_jsx_runtime.JSX.Element;
+
+type PopoverTriggerProps = React.ComponentProps<typeof Popover$1.Trigger>;
+declare function PopoverTrigger(props: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
+
+export { Popover as P, PopoverContent as a, type PopoverContentProps as b, type PopoverProps as c, PopoverTrigger as d, type PopoverTriggerProps as e };

package/dist/select-Bf6XQtt-.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Select as Select$1 } from 'radix-ui';
+
+type SelectProps = React.ComponentProps<typeof Select$1.Root> & React.ComponentProps<typeof Select$1.Trigger> & {
+    size?: "sm" | "default";
+    invalid?: boolean;
+    placeholder?: React.ReactNode;
+};
+declare function Select({ children, disabled, defaultOpen, defaultValue, value, dir, open, form, name, onOpenChange, onValueChange, required, autoComplete, placeholder, className, size, invalid, ...triggerProps }: SelectProps): react_jsx_runtime.JSX.Element;
+
+export { Select as S, type SelectProps as a };

package/dist/select-Bf6XQtt-.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Select as Select$1 } from 'radix-ui';
+
+type SelectProps = React.ComponentProps<typeof Select$1.Root> & React.ComponentProps<typeof Select$1.Trigger> & {
+    size?: "sm" | "default";
+    invalid?: boolean;
+    placeholder?: React.ReactNode;
+};
+declare function Select({ children, disabled, defaultOpen, defaultValue, value, dir, open, form, name, onOpenChange, onValueChange, required, autoComplete, placeholder, className, size, invalid, ...triggerProps }: SelectProps): react_jsx_runtime.JSX.Element;
+
+export { Select as S, type SelectProps as a };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "3.12.3",
+  "version": "3.14.0",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",

package/dist/chunk-5AA4IE2T.cjs

@@ -1,27 +0,0 @@
-'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(
-        "placeholder:text-muted-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none",
-        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error",
-        "selection:bg-primary selection:text-primary-foreground",
-        "file:text-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium md:text-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-exports.Input = Input;