@moondreamsdev/dreamer-ui 1.7.7-test.2 → 1.7.7-test.21

package/dist/providers.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),x=require("./Toast-FzI16Fnl.cjs");require("react-dom");const g=require("./useToast-CraVIawn.cjs"),b=require("./utils.cjs.js");function y({children:d}){const[e,n]=r.useState(null),m=r.useCallback(t=>new Promise(a=>{n({isOpen:!0,type:"confirm",title:t.title,message:t.message,confirmText:t.confirmText,cancelText:t.cancelText,destructive:t.destructive,resolve:a})}),[]),c=r.useCallback(t=>new Promise(a=>{n({isOpen:!0,type:"alert",title:t.title,message:t.message,confirmText:t.confirmText,destructive:t.destructive,resolve:a})}),[]),i=r.useCallback(()=>{e!=null&&e.resolve&&(e.type==="confirm"?e.resolve(!1):e.resolve()),n(null)},[e]),l=r.useCallback(()=>{e!=null&&e.resolve&&(e.type==="confirm"?e.resolve(!0):e.resolve()),n(null)},[e]),f={confirm:m,alert:c};return o.jsxs(g.ActionModalContext.Provider,{value:f,children:[d,e&&e.type==="alert"&&o.jsx(x.ActionModal,{type:"alert",isOpen:e.isOpen,onClose:i,title:e.title,message:e.message,confirmText:e.confirmText,destructive:e.destructive,onConfirm:l,className:"bg-white dark:bg-gray-800 rounded-lg"}),e&&e.type==="confirm"&&o.jsx(x.ActionModal,{type:"confirm",isOpen:e.isOpen,onClose:i,title:e.title,message:e.message,confirmText:e.confirmText,cancelText:e.cancelText,destructive:e.destructive,onConfirm:l,className:"bg-white dark:bg-gray-800 rounded-lg"})]})}const C={"top-right":"top-4 right-4","top-left":"top-4 left-4","bottom-right":"bottom-4 right-4","bottom-left":"bottom-4 left-4","top-center":"top-4 left-1/2 -translate-x-1/2","bottom-center":"bottom-4 left-1/2 -translate-x-1/2"};function h({children:d,customTypes:e,customComponent:n,position:m="top-right",maxToasts:c=5}){const[i,l]=r.useState([]),f=r.useCallback(s=>{const v=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`,u=s.id||v,T={id:u,title:s.title,description:s.description,type:s.type||"info",action:s.action,duration:s.duration??5e3};return l(p=>[T,...p].slice(0,c)),u},[c]),t=r.useCallback(s=>{l(v=>v.filter(u=>u.id!==s))},[]),a={addToast:f,removeToast:t,toasts:i};return o.jsxs(g.ToastContext.Provider,{value:a,children:[d,o.jsx("div",{className:b.join("fixed z-50 pointer-events-none  max-w-sm w-full space-y-2",C[m]),role:"region","aria-label":"Notifications",children:i.map(s=>o.jsx("div",{className:"pointer-events-auto",children:o.jsx(x.Toast,{...s,onRemove:t,customTypes:e,customComponent:n})},s.id))})]})}exports.ActionModalProvider=y;exports.ToastProvider=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),x=require("./Toast-B-Zu6Kp_.cjs");require("react-dom");const g=require("./useToast-CraVIawn.cjs"),b=require("./utils.cjs.js");function y({children:d}){const[e,n]=r.useState(null),m=r.useCallback(t=>new Promise(a=>{n({isOpen:!0,type:"confirm",title:t.title,message:t.message,confirmText:t.confirmText,cancelText:t.cancelText,destructive:t.destructive,resolve:a})}),[]),c=r.useCallback(t=>new Promise(a=>{n({isOpen:!0,type:"alert",title:t.title,message:t.message,confirmText:t.confirmText,destructive:t.destructive,resolve:a})}),[]),i=r.useCallback(()=>{e!=null&&e.resolve&&(e.type==="confirm"?e.resolve(!1):e.resolve()),n(null)},[e]),l=r.useCallback(()=>{e!=null&&e.resolve&&(e.type==="confirm"?e.resolve(!0):e.resolve()),n(null)},[e]),f={confirm:m,alert:c};return o.jsxs(g.ActionModalContext.Provider,{value:f,children:[d,e&&e.type==="alert"&&o.jsx(x.ActionModal,{type:"alert",isOpen:e.isOpen,onClose:i,title:e.title,message:e.message,confirmText:e.confirmText,destructive:e.destructive,onConfirm:l,className:"bg-white dark:bg-gray-800 rounded-lg"}),e&&e.type==="confirm"&&o.jsx(x.ActionModal,{type:"confirm",isOpen:e.isOpen,onClose:i,title:e.title,message:e.message,confirmText:e.confirmText,cancelText:e.cancelText,destructive:e.destructive,onConfirm:l,className:"bg-white dark:bg-gray-800 rounded-lg"})]})}const C={"top-right":"top-4 right-4","top-left":"top-4 left-4","bottom-right":"bottom-4 right-4","bottom-left":"bottom-4 left-4","top-center":"top-4 left-1/2 -translate-x-1/2","bottom-center":"bottom-4 left-1/2 -translate-x-1/2"};function h({children:d,customTypes:e,customComponent:n,position:m="top-right",maxToasts:c=5}){const[i,l]=r.useState([]),f=r.useCallback(s=>{const v=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`,u=s.id||v,T={id:u,title:s.title,description:s.description,type:s.type||"info",action:s.action,duration:s.duration??5e3};return l(p=>[T,...p].slice(0,c)),u},[c]),t=r.useCallback(s=>{l(v=>v.filter(u=>u.id!==s))},[]),a={addToast:f,removeToast:t,toasts:i};return o.jsxs(g.ToastContext.Provider,{value:a,children:[d,o.jsx("div",{className:b.join("fixed z-50 pointer-events-none  max-w-sm w-full space-y-2",C[m]),role:"region","aria-label":"Notifications",children:i.map(s=>o.jsx("div",{className:"pointer-events-auto",children:o.jsx(x.Toast,{...s,onRemove:t,customTypes:e,customComponent:n})},s.id))})]})}exports.ActionModalProvider=y;exports.ToastProvider=h;
 //# sourceMappingURL=providers.cjs.js.map

package/dist/providers.esm.js

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import { useState as x, useCallback as s } from "react";
-import { A as v, T as y } from "./Toast-C5BwqBkw.js";
+import { A as v, T as y } from "./Toast-BFQrI1bB.js";
 import "react-dom";
 import { A as b, T as C } from "./useToast-CEKvEJVB.js";
 import { join as w } from "./utils.esm.js";

package/dist/src/components/accordion/AccordionItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AccordionOption } from './Accordion';
 export interface AccordionItemProps extends Omit<AccordionOption, 'defaultOpen'> {
     children?: React.ReactNode;

package/dist/src/components/carousel/Carousel.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { ScreenSize } from './useScreenSize';
+import { ButtonPosition, ButtonSize, ButtonStyle } from './variants';
+export interface CarouselProps {
+    children: React.ReactNode;
+    id?: string;
+    ref?: React.Ref<HTMLDivElement>;
+    className?: string;
+    /** Enable automatic scrolling */
+    autoScroll?: boolean;
+    /** Interval in milliseconds for auto scroll */
+    scrollInterval?: number;
+    /** Pause auto scroll on hover */
+    pauseScrollOnHover?: boolean;
+    /** Manually control the current index */
+    currentIndex?: number;
+    /** Callback when index changes */
+    onIndexChange?: (index: number) => void;
+    /** Hide previous/next navigation buttons */
+    hidePrevNext?: boolean;
+    /** Hide dot indicators */
+    hideDots?: boolean;
+    /** Number of items to show at once, or breakpoint object mapping screen sizes to item counts */
+    itemsToShow?: number | Partial<Record<ScreenSize, number>>;
+    /** Size variant for navigation buttons */
+    buttonSize?: ButtonSize;
+    /** Style variant for navigation buttons */
+    buttonVariant?: ButtonStyle;
+    /** Position of navigation buttons relative to carousel */
+    buttonPosition?: ButtonPosition;
+    /** Enable infinite scrolling */
+    infinite?: boolean;
+    /** Custom previous button content */
+    prevButton?: React.ReactNode;
+    /** Custom next button content */
+    nextButton?: React.ReactNode;
+    /** Additional class names for carousel items */
+    itemsClassName?: string;
+    /** Additional class names for the carousel container */
+    containerClassName?: string;
+    /** Additional class names for the dot indicators */
+    dotsClassName?: string;
+    /** Gap between carousel items in pixels */
+    gap?: number;
+}
+export default function Carousel({ children, id, ref, className, autoScroll, scrollInterval, pauseScrollOnHover, currentIndex, onIndexChange, hidePrevNext, hideDots, itemsToShow, buttonSize, buttonVariant, buttonPosition, infinite, prevButton, nextButton, itemsClassName, containerClassName, dotsClassName, gap, }: CarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/carousel/hooks.d.ts

@@ -0,0 +1,20 @@
+export interface UseCarouselProps {
+    totalItems: number;
+    itemsToShow: number;
+    infinite: boolean;
+    autoScroll: boolean;
+    scrollInterval: number;
+    pauseScrollOnHover: boolean;
+    currentIndex?: number;
+    onIndexChange?: (index: number) => void;
+}
+export declare function useCarousel({ totalItems, itemsToShow, infinite, autoScroll, scrollInterval, pauseScrollOnHover, currentIndex, onIndexChange, }: UseCarouselProps): {
+    currentSlide: number;
+    canGoPrev: boolean;
+    canGoNext: boolean;
+    goToPrev: () => void;
+    goToNext: () => void;
+    goToSlide: (index: number) => void;
+    isHovered: boolean;
+    setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/src/components/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Carousel } from './Carousel';
+export type { CarouselProps } from './Carousel';

package/dist/src/components/carousel/useScreenSize.d.ts

@@ -0,0 +1,15 @@
+declare const breakpoints: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+};
+export type ScreenSize = keyof typeof breakpoints;
+export default function useScreenSize(): {
+    screenSize: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
+    screenWidth: number;
+    getBreakpoint: (size: ScreenSize) => number;
+};
+export {};

package/dist/src/components/carousel/variants.d.ts

@@ -0,0 +1,36 @@
+export declare const buttonSizeVariants: {
+    sm: {
+        button: string;
+        icon: string;
+    };
+    md: {
+        button: string;
+        icon: string;
+    };
+    lg: {
+        button: string;
+        icon: string;
+    };
+};
+export type ButtonSize = keyof typeof buttonSizeVariants;
+export declare const buttonStyleVariants: {
+    default: string;
+    outline: string;
+    ghost: string;
+};
+export type ButtonStyle = keyof typeof buttonStyleVariants;
+export declare const buttonPositionVariants: {
+    aligned: {
+        prev: string;
+        next: string;
+    };
+    exterior: {
+        prev: string;
+        next: string;
+    };
+    interior: {
+        prev: string;
+        next: string;
+    };
+};
+export type ButtonPosition = keyof typeof buttonPositionVariants;

package/dist/src/components/clickable/Clickable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ClickableProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onClick'> {
     children: React.ReactNode;
     linkTo?: React.HTMLProps<HTMLAnchorElement>['href'];

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

@@ -1,13 +1,22 @@
 export * from './accordion';
 export * from './actionmodal';
 export * from './button';
+export * from './carousel';
 export * from './checkbox';
 export * from './clickable';
 export * from './input';
 export * from './label';
 export * from './modal';
+export * from './pagination';
+export * from './panel';
 export * from './radiogroup';
+export * from './scroll-area';
+export * from './select';
+export * from './separator';
+export * from './skeleton';
+export * from './slider';
 export * from './slot';
+export * from './tabs';
 export * from './textarea';
 export * from './toast';
 export * from './toggle';

package/dist/src/components/label/Label.d.ts

@@ -5,5 +5,6 @@ export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>
     required?: boolean;
     helpMessage?: string;
     suffix?: React.ReactNode;
+    description?: string;
 }
-export declare function Label({ display, width, className, required, helpMessage, suffix, htmlFor, children, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Label({ display, width, className, required, helpMessage, suffix, htmlFor, children, description, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/pagination/Pagination.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { PaginationSize, PaginationVariant } from './variants';
+interface PaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The current page number (1-indexed) */
+    page: number;
+    /** Total number of pages. Use Infinity for infinite pagination */
+    pageCount?: number;
+    /** Maximum number of page buttons to show */
+    maxVisiblePages?: number;
+    /** Show first and last page buttons */
+    showFirstLast?: boolean;
+    /** Button variant style */
+    variant?: PaginationVariant;
+    /** Button size */
+    size?: PaginationSize;
+    /** Callback when page changes */
+    onPageChange: (page: number) => void;
+    /** Ref for the pagination container */
+    ref?: React.Ref<HTMLDivElement>;
+    /** Additional class names for the button elements */
+    buttonsClassName?: string;
+}
+export default function Pagination({ page, pageCount, maxVisiblePages, showFirstLast, onPageChange, size, variant, className, ref, buttonsClassName, ...rest }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/pagination/index.d.ts

@@ -0,0 +1 @@
+export { default as Pagination } from './Pagination';

package/dist/src/components/pagination/variants.d.ts

@@ -0,0 +1,15 @@
+export declare const paginationVariants: {
+    readonly link: "text-primary hover:text-primary-foreground hover:bg-primary/10 aria-current:text-primary-foreground aria-current:bg-primary";
+    readonly outline: "border border-primary text-primary hover:bg-primary hover:text-primary-foreground aria-current:bg-primary aria-current:text-primary-foreground aria-current:border-primary";
+    readonly filled: "bg-secondary text-secondary-foreground hover:bg-primary hover:text-primary-foreground aria-current:bg-primary aria-current:text-primary-foreground";
+};
+export type PaginationVariant = keyof typeof paginationVariants;
+export declare const paginationSizes: {
+    readonly sm: "px-2 py-1 text-sm min-w-[32px] min-h-8";
+    readonly md: "px-2 py-1 text-base min-w-[40px] min-h-10";
+};
+export type PaginationSize = keyof typeof paginationSizes;
+export interface PaginationVariants {
+    variant: PaginationVariant;
+    size: PaginationSize;
+}

package/dist/src/components/panel/Panel.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { PanelSize } from './variants';
+export interface PanelProps {
+    ref?: React.Ref<HTMLDivElement>;
+    /** Unique identifier for the panel */
+    id?: string;
+    /** Whether the panel is open */
+    isOpen: boolean;
+    /** Callback when panel should close */
+    onClose: () => void;
+    /** Panel title - can be a string or React node */
+    title?: React.ReactNode;
+    /** Panel content */
+    children: React.ReactNode;
+    /** Panel footer - can be a string or React node */
+    footer?: React.ReactNode;
+    /** Panel size variant */
+    size?: PanelSize;
+    /** Additional CSS classes for the panel */
+    className?: string;
+    /** Additional CSS classes for the overlay */
+    overlayClassName?: string;
+    /** Whether to hide the close button */
+    hideCloseButton?: boolean;
+    /** Whether to disable closing when clicking the overlay */
+    disableCloseOnOverlayClick?: boolean;
+    /** ARIA labelledby attribute */
+    ariaLabelledBy?: string;
+    /** ARIA describedby attribute */
+    ariaDescribedBy?: string;
+}
+/**
+ * Panel component that slides in from the right side of the screen.
+ * Provides an overlay and slide-in animation for side content display.
+ */
+export default function Panel({ ref, id, isOpen, onClose, title, children, footer, size, className, overlayClassName, hideCloseButton, disableCloseOnOverlayClick, ariaLabelledBy, ariaDescribedBy, }: PanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/panel/hooks.d.ts

@@ -0,0 +1,6 @@
+export declare function useAnimationSlideIn(isOpen: boolean): {
+    show: boolean;
+    shouldRender: boolean;
+};
+export declare function usePanelDocumentChanges(isOpen: boolean, onClose: () => void): void;
+export declare function usePanelFocus(panelId: string, isOpen: boolean): void;

package/dist/src/components/panel/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Panel } from './Panel';
+export type { PanelProps } from './Panel';
+export type { PanelSize } from './variants';

package/dist/src/components/panel/variants.d.ts

@@ -0,0 +1,12 @@
+export declare const panelVariants: {
+    readonly size: {
+        readonly sm: "max-w-sm";
+        readonly md: "max-w-md";
+        readonly lg: "max-w-lg";
+        readonly xl: "max-w-xl";
+        readonly '2xl': "max-w-2xl";
+        readonly full: "w-full";
+        readonly screen: "w-screen";
+    };
+};
+export type PanelSize = keyof typeof panelVariants.size;

package/dist/src/components/radiogroup/RadioGroupItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface RadioGroupItemProps {
     value: string;
     children: React.ReactNode;

package/dist/src/components/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface ScrollAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Custom CSS classes for the root container. Use this to set width/height */
+    className?: string;
+    /** Custom CSS classes for the scroll thumb */
+    thumbClassName?: string;
+    /** Custom CSS classes for the viewport (scrollable content area) */
+    viewportClassName?: string;
+    /** Custom CSS classes for the scrollbar track */
+    scrollbarClassName?: string;
+    /** Scrollbar thickness in pixels. Defaults to 10px */
+    scrollbarThickness?: number;
+    /** Children content to be scrolled */
+    children: React.ReactNode;
+    /** HTML id attribute */
+    id?: string;
+    /** Reference to the root element */
+    ref?: React.Ref<HTMLDivElement>;
+}
+export default function ScrollArea({ className, thumbClassName, viewportClassName, scrollbarClassName, scrollbarThickness, children, id, ref, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/scroll-area/hooks.d.ts

@@ -0,0 +1,12 @@
+export declare function useScrollArea(scrollbarThickness: number): {
+    viewportRef: import("react").RefObject<HTMLDivElement | null>;
+    verticalThumbRef: import("react").RefObject<HTMLDivElement | null>;
+    horizontalThumbRef: import("react").RefObject<HTMLDivElement | null>;
+    isScrolling: boolean;
+    isFadingOut: boolean;
+    scrollbarVisible: {
+        vertical: boolean;
+        horizontal: boolean;
+    };
+    handleScroll: () => void;
+};

package/dist/src/components/scroll-area/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ScrollArea } from './ScrollArea';
+export type { ScrollAreaProps } from './ScrollArea';

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { SelectOption } from './hooks';
+import { SelectSize } from './variants';
+export type { SelectOption };
+export interface SelectProps {
+    options: SelectOption[];
+    value?: string;
+    placeholder?: string;
+    searchable?: boolean;
+    disabled?: boolean;
+    clearable?: boolean;
+    size?: SelectSize;
+    className?: string;
+    triggerClassName?: string;
+    dropdownClassName?: string;
+    id?: string;
+    ref?: React.Ref<HTMLDivElement>;
+    onChange?: (value: string) => void;
+    onSearch?: (searchTerm: string) => void;
+    searchPlaceholder?: string;
+}
+export default function Select({ options, value, placeholder, searchable, disabled, clearable, size, className, triggerClassName, dropdownClassName, id, ref, onChange, onSearch, searchPlaceholder, }: SelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/select/hooks.d.ts

@@ -0,0 +1,35 @@
+import { RefObject } from 'react';
+export interface SelectOption {
+    text: string;
+    value: string;
+    description?: string;
+    disabled?: boolean;
+}
+export declare function useSelectDropdown(isOpen: boolean): {
+    show: boolean;
+    shouldRender: boolean;
+};
+interface UseSelectKeyboardNavigationProps {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    filteredOptions: SelectOption[];
+    highlightedIndex: number;
+    setHighlightedIndex: (index: number) => void;
+    onSelect: (option: SelectOption) => void;
+    triggerRef: RefObject<HTMLButtonElement | null>;
+}
+export declare function useSelectKeyboardNavigation({ isOpen, setIsOpen, filteredOptions, highlightedIndex, setHighlightedIndex, onSelect, triggerRef, }: UseSelectKeyboardNavigationProps): {
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+};
+interface UseSelectHighlightProps {
+    isOpen: boolean;
+    filteredOptions: SelectOption[];
+    selectedOption?: SelectOption;
+    shouldRender: boolean;
+    optionsContainerRef: RefObject<HTMLDivElement | null>;
+}
+export declare function useSelectHighlight({ isOpen, filteredOptions, selectedOption, shouldRender, optionsContainerRef, }: UseSelectHighlightProps): {
+    highlightedIndex: number;
+    setHighlightedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+};
+export {};

package/dist/src/components/select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Select } from './Select';
+export type { SelectOption, SelectProps } from './Select';

package/dist/src/components/select/variants.d.ts

@@ -0,0 +1,15 @@
+export declare const sizeVariants: {
+    readonly sm: {
+        readonly trigger: "px-2 py-1 text-sm";
+        readonly options: "px-2 py-2 text-xs";
+    };
+    readonly md: {
+        readonly trigger: "px-3 py-2 text-base";
+        readonly options: "px-3 py-2.5 text-sm";
+    };
+    readonly lg: {
+        readonly trigger: "px-4 py-3 text-lg";
+        readonly options: "px-4 py-3 text-base";
+    };
+};
+export type SelectSize = keyof typeof sizeVariants;

package/dist/src/components/separator/Separator.d.ts

@@ -0,0 +1,15 @@
+import React, { Ref } from 'react';
+import { Thickness } from './variants';
+export type Orientation = 'horizontal' | 'vertical';
+export interface SeparatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+    ref?: Ref<HTMLDivElement>;
+    orientation?: Orientation;
+    /**
+     * Whether the separator is decorative only or serves a semantic purpose.
+     * When decorative=true, it's hidden from screen readers.
+     * @default false
+     */
+    decorative?: boolean;
+    thickness?: Thickness;
+}
+export default function Separator({ orientation, decorative, thickness, className, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/separator/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Separator } from './Separator';
+export type { SeparatorProps } from './Separator';

package/dist/src/components/separator/variants.d.ts

@@ -0,0 +1,7 @@
+import { Orientation } from './Separator';
+export declare const thicknessVariants: Record<Thickness, Record<Orientation, string>>;
+export type Thickness = 'thin' | 'medium' | 'thick' | 'extra-thick';
+export declare const sizeVariants: Record<Orientation, string>;
+export declare const defaultVariants: {
+    thickness: string;
+};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type SkeletonVariants } from './variants';
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement>, SkeletonVariants {
+    /** Custom class name for additional styling */
+    className?: string;
+    /** Number of skeleton lines to render (for text-like skeletons) */
+    lines?: number;
+    /** Whether the skeleton should animate */
+    animate?: boolean;
+    /** Ref to be passed to the skeleton element */
+    ref?: React.Ref<HTMLDivElement>;
+}
+export default function Skeleton({ shape, lineSpacing, className, lines, animate, ref, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/skeleton/index.d.ts

@@ -0,0 +1 @@
+export { default as Skeleton } from './Skeleton';

package/dist/src/components/skeleton/variants.d.ts

@@ -0,0 +1,18 @@
+export declare const skeletonVariants: {
+    readonly shape: {
+        readonly rectangle: "rounded-md min-h-1";
+        readonly circle: "rounded-full aspect-square min-h-1";
+        readonly text: "rounded-sm min-h-1 h-4";
+    };
+    readonly lineSpacing: {
+        readonly xs: "space-y-1";
+        readonly sm: "space-y-2";
+        readonly md: "space-y-3";
+        readonly lg: "space-y-4";
+        readonly xl: "space-y-6";
+    };
+};
+export interface SkeletonVariants {
+    shape?: keyof typeof skeletonVariants.shape;
+    lineSpacing?: keyof typeof skeletonVariants.lineSpacing;
+}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface SliderProps {
+    id?: string;
+    /** Current value of the slider */
+    value?: number;
+    /** Default value when uncontrolled */
+    defaultValue?: number;
+    /** Callback fired when the value changes */
+    onValueChange?: (value: number) => void;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Custom class name for the track element */
+    trackClassName?: string;
+    /** Custom class name for the range element */
+    rangeClassName?: string;
+    /** Custom class name for the thumb element */
+    thumbClassName?: string;
+    /** Custom class name for the root element */
+    className?: string;
+    /** Ref to the root element */
+    ref?: React.Ref<HTMLDivElement>;
+    /** ARIA label for accessibility */
+    ariaLabel?: string;
+    /** ARIA labelledby for accessibility */
+    ariaLabelledBy?: string;
+}
+export default function Slider({ id, value, defaultValue, onValueChange, min, max, step, disabled, trackClassName, rangeClassName, thumbClassName, className, ref, ariaLabel, ariaLabelledBy, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/slider/hooks.d.ts

@@ -0,0 +1,30 @@
+export interface UseSliderProps {
+    /** Initial value */
+    defaultValue?: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Callback fired when the value changes */
+    onValueChange?: (value: number) => void;
+}
+export interface UseSliderReturn {
+    /** Current value */
+    value: number;
+    /** Function to update the value */
+    setValue: (value: number) => void;
+    /** Function to increment the value by step */
+    increment: () => void;
+    /** Function to decrement the value by step */
+    decrement: () => void;
+    /** Function to reset to default value */
+    reset: () => void;
+    /** Percentage representation of current value */
+    percentage: number;
+}
+/**
+ * Hook for managing slider state and providing utility functions
+ */
+export declare function useSlider({ defaultValue, min, max, step, onValueChange, }: UseSliderProps): UseSliderReturn;

package/dist/src/components/slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Slider } from './Slider';
+export type { SliderProps } from './Slider';

package/dist/src/components/slider/variants.d.ts

@@ -0,0 +1,49 @@
+export declare const trackVariants: {
+    readonly primary: "bg-muted";
+    readonly secondary: "bg-secondary/30";
+    readonly accent: "bg-accent/30";
+    readonly muted: "bg-muted";
+};
+export type TrackVariant = keyof typeof trackVariants;
+export declare const rangeVariants: {
+    readonly primary: "bg-primary";
+    readonly secondary: "bg-secondary";
+    readonly accent: "bg-accent";
+    readonly success: "bg-success";
+    readonly destructive: "bg-destructive";
+};
+export type RangeVariant = keyof typeof rangeVariants;
+export declare const thumbVariants: {
+    readonly primary: "bg-primary border-white";
+    readonly secondary: "bg-secondary border-white";
+    readonly accent: "bg-accent border-white";
+    readonly success: "bg-success border-white";
+    readonly destructive: "bg-destructive border-white";
+    readonly outline: "bg-white border-primary";
+};
+export type ThumbVariant = keyof typeof thumbVariants;
+export declare const sizeVariants: {
+    readonly sm: {
+        readonly track: "h-1";
+        readonly thumb: "w-3 h-3 -top-1";
+        readonly thumbOffset: "6px";
+    };
+    readonly md: {
+        readonly track: "h-2";
+        readonly thumb: "w-5 h-5 -top-1.5";
+        readonly thumbOffset: "10px";
+    };
+    readonly lg: {
+        readonly track: "h-3";
+        readonly thumb: "w-6 h-6 -top-1.5";
+        readonly thumbOffset: "12px";
+    };
+};
+export type SliderSize = keyof typeof sizeVariants;
+export interface SliderVariants {
+    track: TrackVariant;
+    range: RangeVariant;
+    thumb: ThumbVariant;
+    size: SliderSize;
+}
+export declare const sliderDefaults: SliderVariants;

package/dist/src/components/tabs/Tabs.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TabsVariant, TabsWidth } from './variants';
+export interface TabsProps {
+    id?: string;
+    /** The default selected tab value (uncontrolled) */
+    defaultValue?: string;
+    /** The selected tab value (controlled) */
+    value?: string;
+    /** Callback fired when the tab selection changes */
+    onValueChange?: (value: string) => void;
+    /** How the tabs should be sized */
+    tabsWidth?: TabsWidth;
+    /** The visual style variant */
+    variant?: TabsVariant;
+    /** Additional class names for the tabs container */
+    className?: string;
+    /** The tab content and triggers */
+    children?: React.ReactNode;
+    /** Ref to the tabs container */
+    ref?: React.Ref<HTMLDivElement>;
+    /** Additional class names for the tab triggers */
+    triggersClassName?: string;
+    /** Additional class names for the tab content */
+    contentClassName?: string;
+}
+export declare function Tabs({ defaultValue, value, onValueChange, tabsWidth, variant, className, children, ref, id, triggersClassName, contentClassName, }: TabsProps): import("react/jsx-runtime").JSX.Element;