@once-ui-system/core 1.6.4 → 1.7.1

package/dist/src/components/OgCard.d.ts

@@ -0,0 +1,33 @@
+import { CondensedTShirtSizes } from "@/types";
+import { Card } from ".";
+export interface OgServiceConfig {
+    proxyImageUrl?: (url: string) => string;
+    proxyFaviconUrl?: (url: string) => string;
+    fetchOgUrl?: string;
+    proxyOgUrl?: string;
+}
+export interface OgData {
+    title: string;
+    description: string;
+    faviconUrl: string;
+    image: string;
+    url: string;
+}
+interface OgCardProps extends Omit<React.ComponentProps<typeof Card>, "title"> {
+    url?: string;
+    sizes?: string;
+    size?: CondensedTShirtSizes;
+    ogData?: Partial<OgData> | null;
+    direction?: "column" | "row" | "column-reverse" | "row-reverse";
+    serviceConfig?: OgServiceConfig;
+    title?: string | false;
+    description?: string | false;
+    favicon?: string | false;
+    image?: string | false;
+    cardUrl?: string | false;
+}
+declare const OgCard: {
+    ({ url, ogData: providedOgData, direction, sizes, size, serviceConfig, title, description, favicon, image, cardUrl, ...card }: OgCardProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { OgCard };

package/dist/src/components/Option.d.ts

@@ -0,0 +1,20 @@
+import { Row } from ".";
+import React from "react";
+export interface OptionProps extends Omit<React.ComponentProps<typeof Row>, "onClick"> {
+    label?: React.ReactNode;
+    href?: string;
+    value: string;
+    hasPrefix?: React.ReactNode;
+    hasSuffix?: React.ReactNode;
+    description?: React.ReactNode;
+    danger?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    highlighted?: boolean;
+    tabIndex?: number;
+    children?: React.ReactNode;
+    onClick?: (value: string) => void;
+    onLinkClick?: () => void;
+}
+declare const Option: React.ForwardRefExoticComponent<Omit<OptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Option };

package/dist/src/components/Particle.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { SpacingToken } from "../types";
+import { DisplayProps } from "../interfaces";
+import { Flex } from ".";
+interface ParticleProps extends React.ComponentProps<typeof Flex> {
+    density?: number;
+    color?: string;
+    size?: SpacingToken;
+    speed?: number;
+    interactive?: boolean;
+    mode?: "repel" | "attract";
+    intensity?: number;
+    opacity?: DisplayProps["opacity"];
+    reducedMotion?: boolean | "auto";
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare const Particle: React.ForwardRefExoticComponent<Omit<ParticleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Particle };

package/dist/src/components/PasswordInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { InputProps } from ".";
+export declare const PasswordInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/components/ProgressBar.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Flex } from ".";
+import { StyleProps } from "@/interfaces";
+interface ProgressBarProps extends React.ComponentProps<typeof Flex> {
+    value: number;
+    min?: number;
+    max?: number;
+    label?: boolean;
+    barBackground?: StyleProps["solid"];
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ProgressBar };

package/dist/src/components/Pulse.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+import { Row } from ".";
+import { CondensedTShirtSizes, ColorScheme } from "../types";
+interface PulseProps extends React.ComponentProps<typeof Row> {
+    variant?: ColorScheme;
+    size?: CondensedTShirtSizes;
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Pulse: import("react").ForwardRefExoticComponent<Omit<PulseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Pulse };

package/dist/src/components/RadioButton.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { InteractiveDetailsProps } from ".";
+interface RadioButtonProps extends Omit<InteractiveDetailsProps, "onClick">, React.InputHTMLAttributes<HTMLInputElement> {
+    style?: React.CSSProperties;
+    className?: string;
+    isChecked?: boolean;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    onToggle?: () => void;
+}
+declare const RadioButton: React.FC<RadioButtonProps>;
+export { RadioButton };
+export type { RadioButtonProps };

package/dist/src/components/RevealFx.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { SpacingToken } from "../types";
+import { Flex } from ".";
+interface RevealFxProps extends React.ComponentProps<typeof Flex> {
+    children: React.ReactNode;
+    speed?: "slow" | "medium" | "fast" | number;
+    delay?: number;
+    revealedByDefault?: boolean;
+    translateY?: number | SpacingToken;
+    trigger?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const RevealFx: React.ForwardRefExoticComponent<Omit<RevealFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { RevealFx };

package/dist/src/components/Row.d.ts

@@ -0,0 +1,6 @@
+import { Flex } from ".";
+export interface RowProps extends React.ComponentProps<typeof Flex> {
+    children?: React.ReactNode;
+}
+declare const Row: import("react").ForwardRefExoticComponent<Omit<RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { Row };

package/dist/src/components/ScrollContainer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Row } from ".";
+export interface ScrollContainerProps extends React.ComponentProps<typeof Row> {
+    items: React.ReactNode[];
+    controlPlacement?: "top-start" | "top-center" | "top-end" | "top-between" | "bottom-start" | "bottom-center" | "bottom-end" | "bottom-between";
+}
+declare const ScrollContainer: React.FC<ScrollContainerProps>;
+export { ScrollContainer };

package/dist/src/components/ScrollLock.integration.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/ScrollToTop.d.ts

@@ -0,0 +1,6 @@
+import { Flex } from ".";
+interface ScrollToTopProps extends React.ComponentProps<typeof Flex> {
+    offset?: number;
+}
+export declare const ScrollToTop: ({ children, offset, className, ...rest }: ScrollToTopProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/Scroller.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Flex, BaseColor } from ".";
+import { RadiusSize } from "@/types";
+interface ScrollerProps extends React.ComponentProps<typeof Flex> {
+    children?: React.ReactNode;
+    direction?: "row" | "column";
+    fadeColor?: BaseColor;
+    onItemClick?: (index: number) => void;
+    radius?: RadiusSize;
+}
+declare const Scroller: React.FC<ScrollerProps>;
+export { Scroller };
+export type { ScrollerProps };

package/dist/src/components/SegmentedControl.d.ts

@@ -0,0 +1,17 @@
+import { Scroller, ToggleButtonProps } from ".";
+interface ButtonOption extends Omit<ToggleButtonProps, "selected"> {
+    value: string;
+}
+interface SegmentedControlProps extends Omit<React.ComponentProps<typeof Scroller>, "onToggle"> {
+    buttons: ButtonOption[];
+    onToggle: (value: string, event?: React.MouseEvent<HTMLButtonElement>) => void;
+    defaultSelected?: string;
+    fillWidth?: boolean;
+    selected?: string;
+    compact?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SegmentedControl: React.FC<SegmentedControlProps>;
+export { SegmentedControl };
+export type { SegmentedControlProps, ButtonOption };

package/dist/src/components/Select.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+import { InputProps, OptionProps, DropdownWrapperProps } from ".";
+import { Placement } from "@floating-ui/react-dom";
+type SelectOptionType = Omit<OptionProps, "selected">;
+interface SelectProps extends Omit<InputProps, "onSelect" | "value">, Pick<DropdownWrapperProps, "minHeight" | "minWidth" | "maxWidth"> {
+    options: SelectOptionType[];
+    value?: string | string[];
+    emptyState?: ReactNode;
+    onSelect?: (value: any) => void;
+    placement?: Placement;
+    searchable?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    fillWidth?: boolean;
+    multiple?: boolean;
+}
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
+export { Select };

package/dist/src/components/ShineFx.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Text } from ".";
+export interface ShineFxProps extends React.ComponentProps<typeof Text> {
+    speed?: number;
+    disabled?: boolean;
+    inverse?: boolean;
+    baseOpacity?: number;
+    reducedMotion?: boolean | "auto";
+    children?: React.ReactNode;
+}
+declare const ShineFx: React.FC<ShineFxProps>;
+export { ShineFx };

package/dist/src/components/Skeleton.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Flex } from ".";
+interface SkeletonProps extends React.ComponentProps<typeof Flex> {
+    shape: "line" | "circle" | "block";
+    width?: "xl" | "l" | "m" | "s" | "xs";
+    height?: "xl" | "l" | "m" | "s" | "xs";
+    delay?: "1" | "2" | "3" | "4" | "5" | "6";
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Skeleton: React.FC<SkeletonProps>;
+export { Skeleton };

package/dist/src/components/Slider.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange"> {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    showValue?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
+export { Slider };
+export type { SliderProps };

package/dist/src/components/SmartLink.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icons";
+interface CommonProps {
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    fillWidth?: boolean;
+    iconSize?: "xs" | "s" | "m" | "l" | "xl";
+    selected?: boolean;
+    unstyled?: boolean;
+    children: ReactNode;
+    href?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+export type SmartLinkProps = CommonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>;
+declare const SmartLink: React.ForwardRefExoticComponent<CommonProps & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+export { SmartLink };

package/dist/src/components/Spinner.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Flex } from ".";
+interface SpinnerProps extends React.ComponentProps<typeof Flex> {
+    size?: "xs" | "s" | "m" | "l" | "xl";
+    ariaLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Spinner: React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Spinner };

package/dist/src/components/SplitView.d.ts

@@ -0,0 +1,15 @@
+import { Row } from '@once-ui-system/core';
+import { ReactNode } from 'react';
+interface SplitViewProps extends React.ComponentProps<typeof Row> {
+    leftPanel: ReactNode;
+    rightPanel: ReactNode;
+    defaultSplit?: number;
+    minSplit?: number;
+    maxSplit?: number;
+}
+declare function SplitView({ leftPanel, rightPanel, defaultSplit, minSplit, maxSplit, ...flex }: SplitViewProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SplitView {
+    var displayName: string;
+}
+export { SplitView };
+export type { SplitViewProps };

package/dist/src/components/SplitView.js

@@ -0,0 +1,79 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Row, Card, Column } from '@once-ui-system/core';
+import { useState, useEffect, useRef } from 'react';
+function useResizeHandle(containerRef, direction) {
+    const [splitRatio, setSplitRatio] = useState(0.3);
+    const [isDragging, setIsDragging] = useState(false);
+    useEffect(() => {
+        const handleMouseMove = (e) => {
+            if (!isDragging || !containerRef.current)
+                return;
+            const container = containerRef.current;
+            const rect = container.getBoundingClientRect();
+            let newRatio;
+            if (direction === 'row') {
+                // Horizontal split: calculate from left
+                newRatio = (e.clientX - rect.left) / rect.width;
+            }
+            else {
+                // Vertical split: calculate from top
+                newRatio = (e.clientY - rect.top) / rect.height;
+            }
+            setSplitRatio(Math.max(0.2, Math.min(0.8, newRatio)));
+        };
+        const handleMouseUp = () => {
+            setIsDragging(false);
+        };
+        if (isDragging) {
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+            document.body.style.cursor = direction === 'row' ? 'col-resize' : 'row-resize';
+            document.body.style.userSelect = 'none';
+        }
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+        };
+    }, [isDragging, direction]);
+    return { splitRatio, isDragging, setIsDragging };
+}
+function SplitView({ leftPanel, rightPanel, defaultSplit = 0.3, minSplit = 0.2, maxSplit = 0.8, ...flex }) {
+    const containerRef = useRef(null);
+    const [direction, setDirection] = useState('row');
+    const { splitRatio, isDragging, setIsDragging } = useResizeHandle(containerRef, direction);
+    // Detect direction from flex props or responsive breakpoints
+    useEffect(() => {
+        const updateDirection = () => {
+            if (!containerRef.current)
+                return;
+            const computedStyle = window.getComputedStyle(containerRef.current);
+            const flexDir = computedStyle.flexDirection;
+            setDirection(flexDir === 'column' ? 'column' : 'row');
+        };
+        updateDirection();
+        window.addEventListener('resize', updateDirection);
+        return () => window.removeEventListener('resize', updateDirection);
+    }, []);
+    const isHorizontal = direction === 'row';
+    const splitPercentage = `${splitRatio * 100}%`;
+    return (_jsxs(Row, { ref: containerRef, fill: true, ...flex, children: [_jsx(Column, { fill: true, style: {
+                    [isHorizontal ? 'width' : 'height']: splitPercentage,
+                    [isHorizontal ? 'minWidth' : 'minHeight']: 0,
+                    overflow: 'auto',
+                }, children: leftPanel }), _jsx(Row, { fillHeight: isHorizontal, fillWidth: !isHorizontal, minWidth: isHorizontal ? "12" : undefined, minHeight: !isHorizontal ? "12" : undefined, paddingX: isHorizontal ? "8" : undefined, paddingY: !isHorizontal ? "8" : undefined, center: true, onMouseDown: () => setIsDragging(true), style: {
+                    cursor: isHorizontal ? 'col-resize' : 'row-resize',
+                    userSelect: 'none',
+                }, children: _jsx(Row, { fillWidth: isHorizontal, fillHeight: !isHorizontal, height: isHorizontal ? 8 : undefined, width: !isHorizontal ? 8 : undefined, children: _jsx(Card, { fill: true, background: isDragging ? "neutral-strong" : "neutral-weak", border: "neutral-alpha-weak", radius: "full", style: {
+                            cursor: isHorizontal ? 'col-resize' : 'row-resize',
+                            transition: 'background 0.2s ease',
+                        } }) }) }), _jsx(Column, { fill: true, style: {
+                    [isHorizontal ? 'width' : 'height']: `${(1 - splitRatio) * 100}%`,
+                    [isHorizontal ? 'minWidth' : 'minHeight']: 0,
+                    overflow: 'auto',
+                }, children: rightPanel })] }));
+}
+SplitView.displayName = "SplitView";
+export { SplitView };

package/dist/src/components/StatusIndicator.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Flex } from ".";
+interface StatusIndicatorProps extends React.ComponentProps<typeof Flex> {
+    size?: "s" | "m" | "l";
+    color: "blue" | "indigo" | "violet" | "magenta" | "pink" | "red" | "orange" | "yellow" | "moss" | "green" | "emerald" | "aqua" | "cyan" | "gray";
+    ariaLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const StatusIndicator: React.ForwardRefExoticComponent<Omit<StatusIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { StatusIndicator };

package/dist/src/components/StyleOverlay.d.ts

@@ -0,0 +1,9 @@
+import { IconButton, Flex } from ".";
+import { DisplayProps } from "../interfaces";
+interface StyleOverlayProps extends React.ComponentProps<typeof Flex> {
+    iconButtonProps?: Partial<React.ComponentProps<typeof IconButton>>;
+    children: React.ReactNode;
+    zIndex?: DisplayProps["zIndex"];
+}
+declare const StyleOverlay: import("react").ForwardRefExoticComponent<Omit<StyleOverlayProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { StyleOverlay };

package/dist/src/components/StylePanel.d.ts

@@ -0,0 +1,7 @@
+import { Flex } from ".";
+interface StylePanelProps extends React.ComponentProps<typeof Flex> {
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const StylePanel: import("react").ForwardRefExoticComponent<Omit<StylePanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { StylePanel };

package/dist/src/components/Swiper.d.ts

@@ -0,0 +1,16 @@
+import { Flex } from ".";
+interface SwiperItem {
+    slide: string | React.ReactNode;
+    alt?: string;
+}
+interface SwiperProps extends React.ComponentProps<typeof Flex> {
+    items: SwiperItem[];
+    controls?: boolean | "contained";
+    priority?: boolean;
+    fill?: boolean;
+    aspectRatio?: string;
+    sizes?: string;
+    indicator?: boolean;
+}
+declare const Swiper: React.FC<SwiperProps>;
+export { Swiper };

package/dist/src/components/Switch.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { InteractiveDetailsProps } from ".";
+interface SwitchProps extends Omit<InteractiveDetailsProps, "onClick">, React.InputHTMLAttributes<HTMLInputElement> {
+    style?: React.CSSProperties;
+    className?: string;
+    isChecked: boolean;
+    loading?: boolean;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    reverse?: boolean;
+    ariaLabel?: string;
+    onToggle: () => void;
+}
+declare const Switch: React.FC<SwitchProps>;
+export { Switch };

package/dist/src/components/Table.d.ts

@@ -0,0 +1,15 @@
+import { Flex } from ".";
+import { ReactNode } from "react";
+type TableProps = React.ComponentProps<typeof Flex> & {
+    data: {
+        headers: {
+            content: ReactNode;
+            key: string;
+            sortable?: boolean;
+        }[];
+        rows: ReactNode[][];
+    };
+    onRowClick?: (rowIndex: number) => void;
+};
+declare function Table({ data, onRowClick, ...flex }: TableProps): import("react/jsx-runtime").JSX.Element;
+export { Table };

package/dist/src/components/Tag.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+import { Flex } from ".";
+import { IconName } from "../icons";
+import { ColorScheme } from "@/types";
+interface TagProps extends React.ComponentProps<typeof Flex> {
+    variant?: ColorScheme | "gradient";
+    size?: "s" | "m" | "l";
+    label?: string;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    children?: ReactNode;
+}
+declare const Tag: React.ForwardRefExoticComponent<Omit<TagProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tag };
+export type { TagProps };

package/dist/src/components/TagInput.d.ts

@@ -0,0 +1,8 @@
+import { InputProps } from ".";
+interface TagInputProps extends Omit<InputProps, "onChange" | "value"> {
+    value: string[];
+    onChange: (value: string[]) => void;
+}
+declare const TagInput: import("react").ForwardRefExoticComponent<TagInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export { TagInput };
+export type { TagInputProps };

package/dist/src/components/Textarea.d.ts

@@ -0,0 +1,22 @@
+import React, { TextareaHTMLAttributes, ReactNode } from "react";
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    id: string;
+    label?: string;
+    placeholder?: string;
+    lines?: number | "auto";
+    height?: "xs" | "s" | "m" | "l" | "xl";
+    error?: boolean;
+    errorMessage?: ReactNode;
+    description?: ReactNode;
+    radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    className?: string;
+    hasPrefix?: ReactNode;
+    hasSuffix?: ReactNode;
+    characterCount?: boolean;
+    resize?: "horizontal" | "vertical" | "both" | "none";
+    validate?: (value: ReactNode) => ReactNode | null;
+    disabled?: boolean;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+export type { TextareaProps };

package/dist/src/components/ThemeSwitcher.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ThemeSwitcher: React.ForwardRefExoticComponent<Omit<Omit<import("./Row").RowProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ThemeSwitcher };

package/dist/src/components/TiltFx.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { Flex } from ".";
+interface TiltFxProps extends React.ComponentProps<typeof Flex> {
+    children: React.ReactNode;
+    intensity?: number;
+    reducedMotion?: boolean | "auto";
+}
+declare const TiltFx: React.FC<TiltFxProps>;
+export { TiltFx };

package/dist/src/components/Timeline.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { Flex } from ".";
+import { TShirtSizes } from "@/types";
+export interface TimelineItem {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    state?: "default" | "active" | "success" | "danger";
+    marker?: React.ReactNode;
+    children?: React.ReactNode;
+}
+interface TimelineProps extends Omit<React.ComponentProps<typeof Flex>, "children"> {
+    items: TimelineItem[];
+    alignment?: "left" | "right";
+    size?: TShirtSizes;
+}
+declare const Timeline: React.FC<TimelineProps>;
+export { Timeline };

package/dist/src/components/Toast.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ToastProps {
+    className?: string;
+    variant: "success" | "danger";
+    icon?: boolean;
+    onClose?: () => void;
+    action?: React.ReactNode;
+    children: React.ReactNode;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+export { Toast };

package/dist/src/components/Toaster.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface ToasterProps {
+    toasts: {
+        id: string;
+        variant: "success" | "danger";
+        message: React.ReactNode;
+        action?: React.ReactNode;
+    }[];
+    removeToast: (id: string) => void;
+}
+declare const Toaster: React.FC<ToasterProps>;
+export { Toaster };

package/dist/src/components/ToggleButton.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icons";
+interface CommonProps {
+    label?: ReactNode;
+    selected?: boolean;
+    variant?: "ghost" | "outline";
+    size?: "xs" | "s" | "m" | "l" | "xl";
+    radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
+    rounded?: boolean;
+    horizontal?: "start" | "center" | "end" | "between";
+    fillWidth?: boolean;
+    weight?: "default" | "strong";
+    truncate?: boolean;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: ReactNode;
+    href?: string;
+}
+export type ToggleButtonProps = CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const ToggleButton: React.ForwardRefExoticComponent<CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLElement>>;
+export { ToggleButton };

package/dist/src/components/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+import { Row } from ".";
+import { IconName } from "../icons";
+interface TooltipProps extends React.ComponentProps<typeof Row> {
+    label: ReactNode;
+    prefixIcon?: IconName;
+    suffixIcon?: IconName;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip };

package/dist/src/components/TypeFx.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Text } from ".";
+export interface TypeFxProps extends Omit<React.ComponentProps<typeof Text>, 'children'> {
+    words: string | string[];
+    speed?: number;
+    delay?: number;
+    hold?: number;
+    trigger?: "instant" | "custom";
+    onTrigger?: (triggerFn: () => void) => void;
+    loop?: boolean;
+    children?: React.ReactNode;
+}
+declare const TypeFx: React.FC<TypeFxProps>;
+export { TypeFx };