@szum-tech/design-system 3.21.2 → 3.21.3

package/dist/components/timeline/index.d.ts

@@ -0,0 +1,63 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import React__default from 'react';
+import '../../color-picker.types-GI7dq2Ig.js';
+import { D as Direction } from '../../direction-CUOPDLCj.js';
+
+type TimelineProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+    dir?: TimelineDirection;
+    orientation?: TimelineOrientation;
+    variant?: TimelineVariant;
+    activeIndex?: number;
+};
+declare function Timeline({ orientation, variant, dir: dirProp, activeIndex, asChild, className, ...props }: TimelineProps): react_jsx_runtime.JSX.Element;
+
+type TimelineDirection = Direction;
+type TimelineOrientation = "vertical" | "horizontal";
+type TimelineVariant = "default" | "alternate";
+type TimelineStatus = "completed" | "active" | "pending";
+type TimelineItemElement = HTMLDivElement;
+
+type TimelineItemProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+declare function TimelineItem({ asChild, className, id, ref, ...props }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+
+type TimelineContentProps = React__default.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+declare function TimelineContent({ asChild, className, ...props }: TimelineContentProps): react_jsx_runtime.JSX.Element;
+
+type TimelineDotProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+declare function TimelineDot({ asChild, className, ...props }: TimelineDotProps): react_jsx_runtime.JSX.Element;
+
+type TimelineConnectorProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+    forceMount?: boolean;
+};
+declare function TimelineConnector({ asChild, forceMount, className, ...props }: TimelineConnectorProps): react_jsx_runtime.JSX.Element;
+
+type TimelineHeaderProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+declare function TimelineHeader({ asChild, className, ...props }: TimelineHeaderProps): react_jsx_runtime.JSX.Element;
+
+type TimelineTitleProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+declare function TimelineTitle({ asChild, className, ...props }: TimelineTitleProps): react_jsx_runtime.JSX.Element;
+
+type TimelineDescriptionProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+declare function TimelineDescription({ asChild, className, ...props }: TimelineDescriptionProps): react_jsx_runtime.JSX.Element;
+
+type TimelineTimeProps = React.ComponentProps<"time"> & {
+    asChild?: boolean;
+};
+declare function TimelineTime({ asChild, className, ...props }: TimelineTimeProps): react_jsx_runtime.JSX.Element;
+
+export { Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, type TimelineDirection, TimelineDot, type TimelineDotProps, TimelineHeader, type TimelineHeaderProps, TimelineItem, type TimelineItemElement, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineStatus, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, type TimelineVariant };

package/dist/components/timeline/index.js

@@ -0,0 +1,3 @@
+"use client";
+
+export{a as Timeline,e as TimelineConnector,c as TimelineContent,h as TimelineDescription,d as TimelineDot,f as TimelineHeader,b as TimelineItem,i as TimelineTime,g as TimelineTitle}from'../../chunk-2JMM4NLZ.js';import'../../chunk-KK77ZUTM.js';import'../../chunk-4HJVF7MU.js';import'../../chunk-JUNHRB4B.js';

package/dist/components/toaster/index.cjs

@@ -0,0 +1,3 @@
+"use client";
+
+'use strict';var chunkXA5JQP6T_cjs=require('../../chunk-XA5JQP6T.cjs');require('../../chunk-YN55O3IX.cjs'),require('../../chunk-OSZ23462.cjs'),require('../../chunk-7R2T3GNS.cjs'),require('../../chunk-7Y7RKESQ.cjs'),require('../../chunk-MYUGJK5W.cjs'),require('../../chunk-G3YTZWUP.cjs'),require('../../chunk-KJ2NS3A4.cjs'),require('../../chunk-BRJDOXUG.cjs'),require('../../chunk-JDTFVC5U.cjs'),require('../../chunk-F3K5ZFQ6.cjs'),require('../../chunk-A6LUHJMH.cjs'),require('../../chunk-J56ALTTI.cjs'),require('../../chunk-RX7KJRET.cjs'),require('../../chunk-KKNWNP5K.cjs'),require('../../chunk-FC6LMBMW.cjs'),require('../../chunk-WOZD6EGQ.cjs'),require('../../chunk-NDNN5OPT.cjs'),require('../../chunk-ORBKSP3P.cjs'),require('../../chunk-P6UGMTHQ.cjs'),require('../../chunk-ZJFDF26G.cjs'),require('../../chunk-PM47QWBS.cjs'),require('../../chunk-QG3K5AP4.cjs'),require('../../chunk-BKY5LQPI.cjs'),require('../../chunk-R34KUOGG.cjs'),require('../../chunk-2N7WPWTQ.cjs'),require('../../chunk-EU6HYEPG.cjs'),require('../../chunk-PWLEYC64.cjs'),require('../../chunk-IL2G4IA6.cjs'),require('../../chunk-BW4UM36V.cjs'),require('../../chunk-OGXLOWOW.cjs'),require('../../chunk-FQARF7UI.cjs'),require('../../chunk-AICUVCRQ.cjs'),require('../../chunk-ISJX4DHQ.cjs'),require('../../chunk-GY6X4JNZ.cjs'),require('../../chunk-L3KN3OD6.cjs'),require('../../chunk-IPNUUONG.cjs'),require('../../chunk-KXDY6F4D.cjs'),require('../../chunk-FS2PQIQR.cjs'),require('../../chunk-T5OEYINH.cjs'),require('../../chunk-JSNRCKEQ.cjs'),require('../../chunk-DGPWM6UM.cjs'),require('../../chunk-5VGX66EU.cjs'),require('../../chunk-XFXHNSWP.cjs'),require('../../chunk-ZGDGO7ES.cjs'),require('../../chunk-ERFTRXVE.cjs'),require('../../chunk-WOP2SCMO.cjs'),require('../../chunk-PRZYYO6K.cjs'),require('../../chunk-KSOL4P3N.cjs'),require('../../chunk-D5PAWOAZ.cjs');Object.defineProperty(exports,"Toaster",{enumerable:true,get:function(){return chunkXA5JQP6T_cjs.W}});Object.defineProperty(exports,"toast",{enumerable:true,get:function(){return chunkXA5JQP6T_cjs.V}});

package/dist/components/toaster/index.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToasterProps as ToasterProps$1 } from 'sonner';
+export { toast } from 'sonner';
+
+type ToasterProps = ToasterProps$1;
+declare const Toaster: ({ theme, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+export { Toaster, type ToasterProps };

package/dist/components/toaster/index.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToasterProps as ToasterProps$1 } from 'sonner';
+export { toast } from 'sonner';
+
+type ToasterProps = ToasterProps$1;
+declare const Toaster: ({ theme, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+export { Toaster, type ToasterProps };

package/dist/components/toaster/index.js

@@ -0,0 +1,3 @@
+"use client";
+
+export{W as Toaster,V as toast}from'../../chunk-5NM76GZC.js';import'../../chunk-JJSNMSDN.js';import'../../chunk-67GWWN7I.js';import'../../chunk-MGZN4ZZO.js';import'../../chunk-UDPDQIUS.js';import'../../chunk-TKQZPNBC.js';import'../../chunk-NLG2SYHK.js';import'../../chunk-X3NAZA44.js';import'../../chunk-2JMM4NLZ.js';import'../../chunk-AVJKAASP.js';import'../../chunk-ES2TETW4.js';import'../../chunk-NIEMIU4R.js';import'../../chunk-TGXACNQG.js';import'../../chunk-PX2ODQJ5.js';import'../../chunk-NCYJMBQ4.js';import'../../chunk-RLQVCUZA.js';import'../../chunk-G7AVPKVK.js';import'../../chunk-UR3YFSC4.js';import'../../chunk-2C332B6Y.js';import'../../chunk-Z3EMAPPK.js';import'../../chunk-HQ5NRJNW.js';import'../../chunk-LFLKBQME.js';import'../../chunk-ICTWPCCZ.js';import'../../chunk-MYAWR6XV.js';import'../../chunk-RGM4EGHK.js';import'../../chunk-JQ6RITJD.js';import'../../chunk-HCZZVUIL.js';import'../../chunk-WIJQKN43.js';import'../../chunk-X3G5BCY6.js';import'../../chunk-7BQ6EL6M.js';import'../../chunk-QEOKSP3L.js';import'../../chunk-XKHU627O.js';import'../../chunk-B2ZOXJNN.js';import'../../chunk-RHSJDTHB.js';import'../../chunk-6WS6H4C4.js';import'../../chunk-I34YETHP.js';import'../../chunk-23A6WFUV.js';import'../../chunk-DPQJSMYF.js';import'../../chunk-RLIRZKVF.js';import'../../chunk-RX2UDFWI.js';import'../../chunk-4UKYFAUY.js';import'../../chunk-ZGZS5I45.js';import'../../chunk-LINRYPF6.js';import'../../chunk-2AH7SOV6.js';import'../../chunk-KK77ZUTM.js';import'../../chunk-4HJVF7MU.js';import'../../chunk-4P7FA4TE.js';import'../../chunk-W5V46XEQ.js';import'../../chunk-AKN26JEV.js';import'../../chunk-JUNHRB4B.js';

package/dist/components/toggle/index.cjs

@@ -0,0 +1,3 @@
+"use client";
+
+'use strict';var chunkJDTFVC5U_cjs=require('../../chunk-JDTFVC5U.cjs');require('../../chunk-A6LUHJMH.cjs'),require('../../chunk-D5PAWOAZ.cjs');Object.defineProperty(exports,"Toggle",{enumerable:true,get:function(){return chunkJDTFVC5U_cjs.a}});

package/dist/components/toggle/index.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Toggle as Toggle$1 } from 'radix-ui';
+import { a as ToggleVariant, T as ToggleSize } from '../../toggle.types-D3M8ZN2a.js';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
+
+type ToggleProps = React.ComponentProps<typeof Toggle$1.Root> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+declare function Toggle({ className, variant, size, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
+
+export { Toggle, type ToggleProps, ToggleSize, ToggleVariant };

package/dist/components/toggle/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Toggle as Toggle$1 } from 'radix-ui';
+import { a as ToggleVariant, T as ToggleSize } from '../../toggle.types-D3M8ZN2a.js';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
+
+type ToggleProps = React.ComponentProps<typeof Toggle$1.Root> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+declare function Toggle({ className, variant, size, ...props }: ToggleProps): react_jsx_runtime.JSX.Element;
+
+export { Toggle, type ToggleProps, ToggleSize, ToggleVariant };

package/dist/components/toggle/index.js

@@ -0,0 +1,3 @@
+"use client";
+
+export{a as Toggle}from'../../chunk-AVJKAASP.js';import'../../chunk-NIEMIU4R.js';import'../../chunk-JUNHRB4B.js';

package/dist/components/toggle-group/index.cjs

@@ -0,0 +1,3 @@
+"use client";
+
+'use strict';var chunkF3K5ZFQ6_cjs=require('../../chunk-F3K5ZFQ6.cjs');require('../../chunk-A6LUHJMH.cjs'),require('../../chunk-D5PAWOAZ.cjs');Object.defineProperty(exports,"ToggleGroup",{enumerable:true,get:function(){return chunkF3K5ZFQ6_cjs.a}});Object.defineProperty(exports,"ToggleGroupItem",{enumerable:true,get:function(){return chunkF3K5ZFQ6_cjs.b}});

package/dist/components/toggle-group/index.d.cts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ToggleGroup as ToggleGroup$1 } from 'radix-ui';
+import '../../color-picker.types-GI7dq2Ig.js';
+import { a as ToggleVariant, T as ToggleSize } from '../../toggle.types-D3M8ZN2a.js';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
+
+type ToggleGroupProps = React.ComponentProps<typeof ToggleGroup$1.Root> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+    /**
+     * Gap between items in spacing scale units. Use 0 to join items without gap.
+     */
+    spacing?: number;
+};
+declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+
+type ToggleGroupItemProps = React.ComponentProps<typeof ToggleGroup$1.Item> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+declare function ToggleGroupItem({ children, className, variant, size, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
+
+type ToggleGroupOrientationType = React.ComponentProps<typeof ToggleGroup$1.Root>["orientation"];
+
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupOrientationType, type ToggleGroupProps };

package/dist/components/toggle-group/index.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ToggleGroup as ToggleGroup$1 } from 'radix-ui';
+import '../../color-picker.types-GI7dq2Ig.js';
+import { a as ToggleVariant, T as ToggleSize } from '../../toggle.types-D3M8ZN2a.js';
+import 'class-variance-authority';
+import 'class-variance-authority/types';
+
+type ToggleGroupProps = React.ComponentProps<typeof ToggleGroup$1.Root> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+    /**
+     * Gap between items in spacing scale units. Use 0 to join items without gap.
+     */
+    spacing?: number;
+};
+declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
+
+type ToggleGroupItemProps = React.ComponentProps<typeof ToggleGroup$1.Item> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+declare function ToggleGroupItem({ children, className, variant, size, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
+
+type ToggleGroupOrientationType = React.ComponentProps<typeof ToggleGroup$1.Root>["orientation"];
+
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupOrientationType, type ToggleGroupProps };

package/dist/components/toggle-group/index.js

@@ -0,0 +1,3 @@
+"use client";
+
+export{a as ToggleGroup,b as ToggleGroupItem}from'../../chunk-ES2TETW4.js';import'../../chunk-NIEMIU4R.js';import'../../chunk-JUNHRB4B.js';

package/dist/components/tooltip/index.cjs

@@ -0,0 +1,3 @@
+"use client";
+
+'use strict';var chunkYN55O3IX_cjs=require('../../chunk-YN55O3IX.cjs');require('../../chunk-D5PAWOAZ.cjs');Object.defineProperty(exports,"Tooltip",{enumerable:true,get:function(){return chunkYN55O3IX_cjs.a}});Object.defineProperty(exports,"TooltipContent",{enumerable:true,get:function(){return chunkYN55O3IX_cjs.c}});Object.defineProperty(exports,"TooltipTrigger",{enumerable:true,get:function(){return chunkYN55O3IX_cjs.b}});

package/dist/components/tooltip/index.d.cts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+export { T as TooltipContent, a as TooltipContentProps } from '../../tooltip-content-DqtogPBq.js';
+
+type TooltipProps = React.ComponentProps<typeof Tooltip$1.Root>;
+declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type TooltipTriggerProps = React.ComponentProps<typeof Tooltip$1.Trigger>;
+declare function TooltipTrigger(props: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, type TooltipProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+export { T as TooltipContent, a as TooltipContentProps } from '../../tooltip-content-DqtogPBq.js';
+
+type TooltipProps = React.ComponentProps<typeof Tooltip$1.Root>;
+declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type TooltipTriggerProps = React.ComponentProps<typeof Tooltip$1.Trigger>;
+declare function TooltipTrigger(props: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, type TooltipProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/components/tooltip/index.js

@@ -0,0 +1,3 @@
+"use client";
+
+export{a as Tooltip,c as TooltipContent,b as TooltipTrigger}from'../../chunk-JJSNMSDN.js';import'../../chunk-JUNHRB4B.js';

package/dist/components/typing-text/index.cjs

@@ -0,0 +1,3 @@
+"use client";
+
+'use strict';var chunkOSZ23462_cjs=require('../../chunk-OSZ23462.cjs');require('../../chunk-D5PAWOAZ.cjs');Object.defineProperty(exports,"TypingText",{enumerable:true,get:function(){return chunkOSZ23462_cjs.a}});

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

@@ -0,0 +1,41 @@
+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 */
+    text?: string;
+    /** Array of texts to cycle through */
+    texts?: string[];
+    /** Typing speed in milliseconds */
+    speed?: number;
+    /** Delay before starting animation */
+    delay?: number;
+    /** Whether to show cursor */
+    showCursor?: boolean;
+    /** Cursor character */
+    cursor?: string;
+    /** Cursor className */
+    cursorClassName?: string;
+    /** Whether to loop through texts */
+    loop?: boolean;
+    /** Pause duration between loops */
+    pauseDuration?: number;
+    /** Custom className */
+    className?: string;
+    /** Callback when typing completes */
+    onComplete?: () => void;
+    /** Whether to start animation when component enters viewport */
+    startOnView?: boolean;
+    /** Whether to animate only once */
+    once?: boolean;
+    /** The animation preset to use */
+    animation?: TypingTextAnimationVariant;
+    /** Margin for in-view detection (rootMargin) */
+    inViewMargin?: UseInViewOptions["margin"];
+};
+declare function TypingText({ text, texts, speed, delay, showCursor, cursorClassName, cursor, loop, pauseDuration, className, onComplete, startOnView, once, animation, inViewMargin, ...props }: TypingTextProps): react_jsx_runtime.JSX.Element;
+
+type TypingTextAnimationVariant = "fadeIn" | "blurIn" | "blurInUp" | "blurInDown" | "slideUp" | "slideDown" | "slideLeft" | "slideRight" | "scaleUp" | "scaleDown";
+
+export { TypingText, type TypingTextAnimationVariant, type TypingTextProps };

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

@@ -0,0 +1,41 @@
+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 */
+    text?: string;
+    /** Array of texts to cycle through */
+    texts?: string[];
+    /** Typing speed in milliseconds */
+    speed?: number;
+    /** Delay before starting animation */
+    delay?: number;
+    /** Whether to show cursor */
+    showCursor?: boolean;
+    /** Cursor character */
+    cursor?: string;
+    /** Cursor className */
+    cursorClassName?: string;
+    /** Whether to loop through texts */
+    loop?: boolean;
+    /** Pause duration between loops */
+    pauseDuration?: number;
+    /** Custom className */
+    className?: string;
+    /** Callback when typing completes */
+    onComplete?: () => void;
+    /** Whether to start animation when component enters viewport */
+    startOnView?: boolean;
+    /** Whether to animate only once */
+    once?: boolean;
+    /** The animation preset to use */
+    animation?: TypingTextAnimationVariant;
+    /** Margin for in-view detection (rootMargin) */
+    inViewMargin?: UseInViewOptions["margin"];
+};
+declare function TypingText({ text, texts, speed, delay, showCursor, cursorClassName, cursor, loop, pauseDuration, className, onComplete, startOnView, once, animation, inViewMargin, ...props }: TypingTextProps): react_jsx_runtime.JSX.Element;
+
+type TypingTextAnimationVariant = "fadeIn" | "blurIn" | "blurInUp" | "blurInDown" | "slideUp" | "slideDown" | "slideLeft" | "slideRight" | "scaleUp" | "scaleDown";
+
+export { TypingText, type TypingTextAnimationVariant, type TypingTextProps };

package/dist/components/typing-text/index.js

@@ -0,0 +1,3 @@
+"use client";
+
+export{a as TypingText}from'../../chunk-67GWWN7I.js';import'../../chunk-JUNHRB4B.js';

package/dist/components/word-rotate/index.cjs

@@ -0,0 +1,3 @@
+"use client";
+
+'use strict';var chunk7R2T3GNS_cjs=require('../../chunk-7R2T3GNS.cjs');require('../../chunk-D5PAWOAZ.cjs');Object.defineProperty(exports,"WordRotate",{enumerable:true,get:function(){return chunk7R2T3GNS_cjs.a}});

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

@@ -0,0 +1,30 @@
+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[];
+    /** Duration in ms each word is visible */
+    duration?: number;
+    /** Animation style for word transitions */
+    animationStyle?: WordRotateAnimationStyle;
+    /** Whether to loop through words */
+    loop?: boolean;
+    /** Duration in ms between word transitions */
+    pauseDuration?: number;
+    /** Custom className for the word */
+    className?: string;
+    /** Custom className for the container */
+    containerClassName?: string;
+    /** Whether to start animation when component enters viewport */
+    startOnView?: boolean;
+    /** Whether to animate only once */
+    once?: boolean;
+    /** Margin for in-view detection (rootMargin) */
+    inViewMargin?: UseInViewOptions["margin"];
+};
+declare function WordRotate({ words, duration, animationStyle, loop, className, containerClassName, pauseDuration, startOnView, once, inViewMargin, ...props }: WordRotateProps): react_jsx_runtime.JSX.Element;
+
+type WordRotateAnimationStyle = "fade" | "slide-up" | "slide-down" | "scale" | "flip";
+
+export { WordRotate, type WordRotateAnimationStyle, type WordRotateProps };

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

@@ -0,0 +1,30 @@
+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[];
+    /** Duration in ms each word is visible */
+    duration?: number;
+    /** Animation style for word transitions */
+    animationStyle?: WordRotateAnimationStyle;
+    /** Whether to loop through words */
+    loop?: boolean;
+    /** Duration in ms between word transitions */
+    pauseDuration?: number;
+    /** Custom className for the word */
+    className?: string;
+    /** Custom className for the container */
+    containerClassName?: string;
+    /** Whether to start animation when component enters viewport */
+    startOnView?: boolean;
+    /** Whether to animate only once */
+    once?: boolean;
+    /** Margin for in-view detection (rootMargin) */
+    inViewMargin?: UseInViewOptions["margin"];
+};
+declare function WordRotate({ words, duration, animationStyle, loop, className, containerClassName, pauseDuration, startOnView, once, inViewMargin, ...props }: WordRotateProps): react_jsx_runtime.JSX.Element;
+
+type WordRotateAnimationStyle = "fade" | "slide-up" | "slide-down" | "scale" | "flip";
+
+export { WordRotate, type WordRotateAnimationStyle, type WordRotateProps };

package/dist/components/word-rotate/index.js

@@ -0,0 +1,3 @@
+"use client";
+
+export{a as WordRotate}from'../../chunk-MGZN4ZZO.js';import'../../chunk-JUNHRB4B.js';

package/dist/direction-CUOPDLCj.d.cts

@@ -0,0 +1,7 @@
+declare const Direction: {
+    readonly LTR: "ltr";
+    readonly RTL: "rtl";
+};
+type Direction = (typeof Direction)[keyof typeof Direction];
+
+export { Direction as D };

package/dist/direction-CUOPDLCj.d.ts

@@ -0,0 +1,7 @@
+declare const Direction: {
+    readonly LTR: "ltr";
+    readonly RTL: "rtl";
+};
+type Direction = (typeof Direction)[keyof typeof Direction];
+
+export { Direction as D };

package/dist/hooks/index.cjs

@@ -1 +1 @@
-'use strict';var chunkP7BFOJLM_cjs=require('../chunk-P7BFOJLM.cjs');Object.defineProperty(exports,"composeRefs",{enumerable:true,get:function(){return chunkP7BFOJLM_cjs.d}});Object.defineProperty(exports,"useAsRef",{enumerable:true,get:function(){return chunkP7BFOJLM_cjs.f}});Object.defineProperty(exports,"useComposedRefs",{enumerable:true,get:function(){return chunkP7BFOJLM_cjs.e}});Object.defineProperty(exports,"useIsMobile",{enumerable:true,get:function(){return chunkP7BFOJLM_cjs.g}});Object.defineProperty(exports,"useIsomorphicLayoutEffect",{enumerable:true,get:function(){return chunkP7BFOJLM_cjs.c}});Object.defineProperty(exports,"useLazyRef",{enumerable:true,get:function(){return chunkP7BFOJLM_cjs.b}});Object.defineProperty(exports,"useValidationLog",{enumerable:true,get:function(){return chunkP7BFOJLM_cjs.a}});
+'use strict';var chunkZGDGO7ES_cjs=require('../chunk-ZGDGO7ES.cjs'),chunkERFTRXVE_cjs=require('../chunk-ERFTRXVE.cjs');Object.defineProperty(exports,"composeRefs",{enumerable:true,get:function(){return chunkZGDGO7ES_cjs.b}});Object.defineProperty(exports,"useComposedRefs",{enumerable:true,get:function(){return chunkZGDGO7ES_cjs.c}});Object.defineProperty(exports,"useIsMobile",{enumerable:true,get:function(){return chunkZGDGO7ES_cjs.d}});Object.defineProperty(exports,"useValidationLog",{enumerable:true,get:function(){return chunkZGDGO7ES_cjs.a}});Object.defineProperty(exports,"useAsRef",{enumerable:true,get:function(){return chunkERFTRXVE_cjs.c}});Object.defineProperty(exports,"useIsomorphicLayoutEffect",{enumerable:true,get:function(){return chunkERFTRXVE_cjs.b}});Object.defineProperty(exports,"useLazyRef",{enumerable:true,get:function(){return chunkERFTRXVE_cjs.a}});

package/dist/hooks/index.js

@@ -1 +1 @@
-export{d as composeRefs,f as useAsRef,e as useComposedRefs,g as useIsMobile,c as useIsomorphicLayoutEffect,b as useLazyRef,a as useValidationLog}from'../chunk-ZYG2KYKK.js';
+export{b as composeRefs,c as useComposedRefs,d as useIsMobile,a as useValidationLog}from'../chunk-KK77ZUTM.js';export{c as useAsRef,b as useIsomorphicLayoutEffect,a as useLazyRef}from'../chunk-4HJVF7MU.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/dist/toggle.types-D3M8ZN2a.d.cts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const toggleVariants: (props?: {
+    variant?: "default" | "outline";
+    size?: "default" | "sm" | "lg";
+} & class_variance_authority_types.ClassProp) => string;
+
+type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
+type ToggleVariant = NonNullable<ToggleVariantsProps["variant"]>;
+type ToggleSize = NonNullable<ToggleVariantsProps["size"]>;
+
+export type { ToggleSize as T, ToggleVariant as a };

package/dist/toggle.types-D3M8ZN2a.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const toggleVariants: (props?: {
+    variant?: "default" | "outline";
+    size?: "default" | "sm" | "lg";
+} & class_variance_authority_types.ClassProp) => string;
+
+type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
+type ToggleVariant = NonNullable<ToggleVariantsProps["variant"]>;
+type ToggleSize = NonNullable<ToggleVariantsProps["size"]>;
+
+export type { ToggleSize as T, ToggleVariant as a };

package/dist/tooltip-content-DqtogPBq.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip } from 'radix-ui';
+
+type TooltipContentProps = React.ComponentProps<typeof Tooltip.Content>;
+declare function TooltipContent({ className, sideOffset, children, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
+
+export { TooltipContent as T, type TooltipContentProps as a };

package/dist/tooltip-content-DqtogPBq.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip } from 'radix-ui';
+
+type TooltipContentProps = React.ComponentProps<typeof Tooltip.Content>;
+declare function TooltipContent({ className, sideOffset, children, ...props }: TooltipContentProps): react_jsx_runtime.JSX.Element;
+
+export { TooltipContent as T, type TooltipContentProps as a };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "3.21.2",
+  "version": "3.21.3",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -38,6 +38,16 @@
         "require": "./dist/components/index.cjs"
       }
     },
+    "./components/*": {
+      "import": {
+        "types": "./dist/components/*/index.d.ts",
+        "import": "./dist/components/*/index.js"
+      },
+      "require": {
+        "types": "./dist/components/*/index.d.cts",
+        "require": "./dist/components/*/index.cjs"
+      }
+    },
     "./icons": {
       "import": {
         "types": "./dist/icons/index.d.ts",
@@ -79,7 +89,7 @@
     "tailwind/**"
   ],
   "scripts": {
-    "build": "tsup && cpy \"src/tailwind/*.css\" \"./tailwind\" --flat && npm run post-build",
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 tsup && cpy \"src/tailwind/*.css\" \"./tailwind\" --flat && npm run post-build",
     "lint": "eslint .",
     "lint:ci": "eslint . -o eslint-results.sarif -f @microsoft/eslint-formatter-sarif",
     "lint:fix": "eslint . --fix",
@@ -138,6 +148,7 @@
     "@vitest/coverage-v8": "^4.1.5",
     "@vitest/ui": "^4.1.5",
     "cpy-cli": "^7.0.0",
+    "cross-env": "^10.1.0",
     "eslint": "9.39.4",
     "happy-dom": "^20.8.9",
     "playwright": "^1.60.0",

package/dist/chunk-P7BFOJLM.cjs

@@ -1,3 +0,0 @@
-'use strict';var f=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 f__namespace=/*#__PURE__*/_interopNamespace(f);function T({check:e,scope:t,message:o}){f__namespace.useEffect(()=>{e||console.error(`%c[Szum Tech-Design System]%c
- ${t}%c
- ${o}`,"color: #ef4444; font-weight: bold;","color: #3b82f6; font-weight: bold;","color: #f59e0b;");},[e,t,o]);}function x(e){let t=f__namespace.useRef(null);return t.current===null&&(t.current=e()),t}var l=typeof window>"u"?f__namespace.useEffect:f__namespace.useLayoutEffect;function p(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t);}function d(...e){return t=>{let o=false,r=e.map(n=>{let c=p(n,t);return !o&&typeof c=="function"&&(o=true),c});if(o)return ()=>{for(let n=0;n<r.length;n++){let c=r[n];typeof c=="function"?c():p(e[n],null);}}}}function w(...e){return f__namespace.useCallback(d(...e),e)}function L(e){let t=f__namespace.useRef(e);return l(()=>{t.current=e;}),t}var s=768;function C(){let[e,t]=f__namespace.useState(void 0);return f__namespace.useEffect(()=>{let o=window.matchMedia(`(max-width: ${s-1}px)`),r=()=>t(window.innerWidth<s);return o.addEventListener("change",r),t(window.innerWidth<s),()=>o.removeEventListener("change",r)},[]),!!e}exports.a=T;exports.b=x;exports.c=l;exports.d=d;exports.e=w;exports.f=L;exports.g=C;

package/dist/chunk-ZYG2KYKK.js

@@ -1,3 +0,0 @@
-import*as f from'react';function T({check:e,scope:t,message:o}){f.useEffect(()=>{e||console.error(`%c[Szum Tech-Design System]%c
- ${t}%c
- ${o}`,"color: #ef4444; font-weight: bold;","color: #3b82f6; font-weight: bold;","color: #f59e0b;");},[e,t,o]);}function x(e){let t=f.useRef(null);return t.current===null&&(t.current=e()),t}var l=typeof window>"u"?f.useEffect:f.useLayoutEffect;function p(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t);}function d(...e){return t=>{let o=false,r=e.map(n=>{let c=p(n,t);return !o&&typeof c=="function"&&(o=true),c});if(o)return ()=>{for(let n=0;n<r.length;n++){let c=r[n];typeof c=="function"?c():p(e[n],null);}}}}function w(...e){return f.useCallback(d(...e),e)}function L(e){let t=f.useRef(e);return l(()=>{t.current=e;}),t}var s=768;function C(){let[e,t]=f.useState(void 0);return f.useEffect(()=>{let o=window.matchMedia(`(max-width: ${s-1}px)`),r=()=>t(window.innerWidth<s);return o.addEventListener("change",r),t(window.innerWidth<s),()=>o.removeEventListener("change",r)},[]),!!e}export{T as a,x as b,l as c,d,w as e,L as f,C as g};