@neuctra/ui 0.2.9 → 0.2.10

package/dist/src/components/basic/RadioGroup.js

@@ -1,54 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
-import clsx from "clsx";
-export const RadioGroup = ({ name, options, selectedValue, onChange, disabled = false, readOnly = false, required = false, error, className, style, labelStyle, iconSize = 20, iconCheckedBgColor = "#2563eb", iconUncheckedBorderColor = "#9ca3af", textColor = "#374151", errorStyle, darkMode = false, }) => {
-    const containerRef = useRef(null);
-    const [focusedIndex, setFocusedIndex] = useState(null);
-    // Keyboard navigation
-    useEffect(() => {
-        const container = containerRef.current;
-        if (!container)
-            return;
-        const handleKeyDown = (e) => {
-            if (disabled)
-                return;
-            const currentIndex = focusedIndex ?? options.findIndex((o) => o.value === selectedValue) ?? 0;
-            if (e.key === "ArrowDown" || e.key === "ArrowRight") {
-                e.preventDefault();
-                const nextIndex = (currentIndex + 1) % options.length;
-                onChange && onChange(options[nextIndex].value);
-                setFocusedIndex(nextIndex);
-            }
-            if (e.key === "ArrowUp" || e.key === "ArrowLeft") {
-                e.preventDefault();
-                const prevIndex = (currentIndex - 1 + options.length) % options.length;
-                onChange && onChange(options[prevIndex].value);
-                setFocusedIndex(prevIndex);
-            }
-        };
-        container.addEventListener("keydown", handleKeyDown);
-        return () => container.removeEventListener("keydown", handleKeyDown);
-    }, [focusedIndex, options, selectedValue, onChange, disabled]);
-    return (_jsxs("div", { ref: containerRef, role: "radiogroup", "aria-disabled": disabled, "aria-invalid": !!error, className: clsx("flex flex-col gap-2", className), style: { ...style }, tabIndex: 0, children: [options.map((option, index) => {
-                const isChecked = selectedValue === option.value;
-                const isFocused = focusedIndex === index;
-                return (_jsxs("label", { className: clsx("flex items-center justify-between cursor-pointer select-none gap-2", disabled ? "opacity-50 cursor-not-allowed" : "opacity-100", isFocused ? "ring-2 ring-blue-400" : ""), style: { ...labelStyle }, children: [_jsx("span", { style: { color: textColor, fontSize: 14 }, children: option.label }), _jsx("input", { type: "radio", name: name, value: option.value, checked: isChecked, disabled: disabled || readOnly, required: required, onChange: () => onChange && onChange(option.value), style: { display: "none" } }), _jsx("span", { className: clsx("inline-flex items-center justify-center rounded-full transition-all"), style: {
-                                width: iconSize,
-                                height: iconSize,
-                                border: `2px solid ${isChecked ? iconCheckedBgColor : iconUncheckedBorderColor}`,
-                                backgroundColor: isChecked ? iconCheckedBgColor : "transparent",
-                                transition: "all 0.2s ease",
-                            }, children: isChecked && (_jsx("span", { style: {
-                                    width: iconSize / 2,
-                                    height: iconSize / 2,
-                                    borderRadius: "50%",
-                                    backgroundColor: darkMode ? "#fff" : "#fff",
-                                } })) })] }, option.value));
-            }), error && (_jsx("p", { role: "alert", style: {
-                    color: "#dc2626",
-                    fontSize: 12,
-                    marginTop: 4,
-                    ...errorStyle,
-                }, children: error }))] }));
-};

package/dist/src/components/basic/Stack.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-/**
- * Convert responsive prop to Tailwind class string
- */
-const toResponsiveClass = (prefix, value) => {
-    if (value == null)
-        return "";
-    if (typeof value !== "object")
-        return `${prefix}-${value}`;
-    return Object.entries(value)
-        .map(([bp, val]) => `${bp}:${prefix}-${val}`)
-        .join(" ");
-};
-export const Stack = ({ direction = { sm: "vertical", md: "horizontal" }, gap = 4, align = "center", justify = "start", wrap = "nowrap", className, children, }) => {
-    const classes = clsx("flex", toResponsiveClass("flex", direction), // flex-col or flex-row
-    toResponsiveClass("gap", gap), align !== "stretch" ? `items-${align}` : "items-stretch", justify !== "start" ? `justify-${justify}` : "justify-start", wrap !== "nowrap" ? `flex-${wrap}` : "flex-nowrap", className);
-    return _jsx("div", { className: classes, children: children });
-};
-/** Shortcuts for horizontal & vertical stacks */
-export const HStack = (props) => (_jsx(Stack, { direction: "horizontal", ...props }));
-export const VStack = (props) => (_jsx(Stack, { direction: "vertical", ...props }));

package/dist/src/components/basic/SwitchGroup.js

@@ -1,76 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
-import clsx from "clsx";
-export const SwitchGroup = ({ name, options, selectedValues = [], onChange, disabled = false, readOnly = false, required = false, error, className, style, labelStyle, iconSize = 20, iconCheckedBgColor = "#2563eb", switchBgColor = "#d1d5db", textColor = "#374151", errorStyle, darkMode = false, }) => {
-    const containerRef = useRef(null);
-    const [focusedIndex, setFocusedIndex] = useState(null);
-    const handleChange = (value) => {
-        if (!onChange || disabled || readOnly)
-            return;
-        const updatedValues = selectedValues.includes(value)
-            ? selectedValues.filter((v) => v !== value)
-            : [...selectedValues, value];
-        onChange(updatedValues);
-    };
-    // Keyboard navigation
-    useEffect(() => {
-        const container = containerRef.current;
-        if (!container)
-            return;
-        const handleKeyDown = (e) => {
-            if (disabled)
-                return;
-            if (focusedIndex === null)
-                return;
-            const currentIndex = focusedIndex;
-            if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-                e.preventDefault();
-                const nextIndex = (currentIndex + 1) % options.length;
-                setFocusedIndex(nextIndex);
-            }
-            if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-                e.preventDefault();
-                const prevIndex = (currentIndex - 1 + options.length) % options.length;
-                setFocusedIndex(prevIndex);
-            }
-            if (e.key === " " || e.key === "Enter") {
-                e.preventDefault();
-                handleChange(options[currentIndex].value);
-            }
-        };
-        container.addEventListener("keydown", handleKeyDown);
-        return () => container.removeEventListener("keydown", handleKeyDown);
-    }, [focusedIndex, options, selectedValues, disabled]);
-    return (_jsxs("div", { ref: containerRef, role: "group", "aria-disabled": disabled, "aria-invalid": !!error, tabIndex: 0, className: clsx("flex flex-col gap-2", className), style: { ...style }, children: [options.map((option, index) => {
-                const isChecked = selectedValues.includes(option.value);
-                const isFocused = focusedIndex === index;
-                return (_jsxs("label", { className: clsx("flex items-center justify-between cursor-pointer select-none transition-opacity", disabled ? "opacity-50 cursor-not-allowed" : "opacity-100", isFocused ? "ring-2 ring-blue-400" : ""), style: { ...labelStyle }, onFocus: () => setFocusedIndex(index), children: [_jsx("span", { style: { color: textColor, fontSize: 14 }, children: option.label }), _jsx("input", { type: "checkbox", name: name, value: option.value, checked: isChecked, disabled: disabled || readOnly, required: required, onChange: () => handleChange(option.value), style: { display: "none" } }), _jsx("span", { className: clsx("relative inline-flex rounded-full transition-colors"), style: {
-                                width: iconSize * 2,
-                                height: iconSize * 1.1,
-                                backgroundColor: isChecked
-                                    ? iconCheckedBgColor
-                                    : switchBgColor,
-                                transition: "background-color 0.25s ease",
-                                borderRadius: 9999,
-                            }, children: _jsx("span", { style: {
-                                    position: "absolute",
-                                    top: "50%",
-                                    left: isChecked
-                                        ? `calc(100% - ${iconSize - 4}px - 2px)`
-                                        : "2px",
-                                    transform: "translateY(-50%)",
-                                    width: iconSize - 4,
-                                    height: iconSize - 4,
-                                    borderRadius: "50%",
-                                    backgroundColor: "#fff",
-                                    boxShadow: "0 1px 2px rgba(0,0,0,0.3)",
-                                    transition: "left 0.25s ease",
-                                } }) })] }, option.value));
-            }), error && (_jsx("p", { role: "alert", style: {
-                    color: "#dc2626",
-                    fontSize: 12,
-                    marginTop: 4,
-                    ...errorStyle,
-                }, children: error }))] }));
-};

package/dist/src/components/basic/Table.js

@@ -1,30 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-/* ---------------------------- Table Container ---------------------------- */
-export const Table = ({ children, style, className }) => (_jsx("div", { className: clsx("overflow-x-auto rounded-lg shadow-sm border border-gray-200", className), style: {
-        background: "#ffffff",
-        ...style,
-    }, children: _jsx("table", { className: "w-full border-collapse", style: {
-            borderSpacing: 0,
-            borderRadius: 12,
-            overflow: "hidden",
-        }, children: children }) }));
-/* ---------------------------- Table Head ---------------------------- */
-export const THead = ({ children, style, className, }) => (_jsx("thead", { className: clsx("bg-gray-100 text-gray-900 font-semibold", className), style: {
-        ...style,
-    }, children: children }));
-/* ---------------------------- Table Body ---------------------------- */
-export const TBody = ({ children, style, className }) => (_jsx("tbody", { className: clsx("bg-white", className), style: { ...style }, children: children }));
-export const TRow = ({ children, style, className, onClick, hoverBgColor = "#f9fafb", darkMode = false, }) => (_jsx("tr", { className: clsx("transition-colors duration-200 cursor-default", onClick ? "hover:cursor-pointer" : "", className), style: { borderBottom: "1px solid #e5e7eb", ...style }, onClick: onClick, onMouseEnter: (e) => {
-        if (!darkMode)
-            e.currentTarget.style.backgroundColor = hoverBgColor;
-        else
-            e.currentTarget.style.backgroundColor = "#1f2937";
-    }, onMouseLeave: (e) => {
-        e.currentTarget.style.backgroundColor = "transparent";
-    }, children: children }));
-/* ---------------------------- Table Head Cell ---------------------------- */
-export const TH = ({ children, style, className }) => (_jsx("th", { className: clsx("text-left px-4 py-3 text-sm text-gray-700 border-b-2 border-gray-200", className), style: { ...style }, children: children }));
-/* ---------------------------- Table Data Cell ---------------------------- */
-export const TD = ({ children, style, className }) => (_jsx("td", { className: clsx("px-4 py-3 text-sm text-gray-600", className), style: { ...style }, children: children }));

package/dist/src/components/basic/Tabs.js

@@ -1,140 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
-/** 💎 Modern, Fully Customizable Tabs */
-export const Tabs = ({ tabs, defaultActive = 0, position = "top", variant = "solid", fullWidth = false, gap = 8, radius = 8, padding = "12px 18px", transitionDuration = 200, elevation = 1, bordered = false, primaryColor = "#2563eb", backgroundColor = "transparent", textColor = "#374151", hoverColor = "#1d4ed8", activeColor = "#ffffff", borderColor = "#e5e7eb", disabledColor = "#9ca3af", responsiveBreakpoint = 768, showDrawerLabel = "Select Tab", drawerIcon = "☰", onTabChange, className = "", style, tabClassName = "", contentClassName = "", activeTabStyle, inactiveTabStyle, contentStyle, }) => {
-    const [active, setActive] = useState(defaultActive);
-    const [hovered, setHovered] = useState(null);
-    const [isMobile, setIsMobile] = useState(false);
-    const [drawerOpen, setDrawerOpen] = useState(false);
-    const containerRef = useRef(null);
-    /** 📱 Responsive detection */
-    useEffect(() => {
-        const check = () => setIsMobile(window.innerWidth <= responsiveBreakpoint);
-        check();
-        window.addEventListener("resize", check);
-        return () => window.removeEventListener("resize", check);
-    }, [responsiveBreakpoint]);
-    /** 🎛 Handle tab change */
-    const handleChange = (i) => {
-        if (tabs[i].disabled)
-            return;
-        setActive(i);
-        onTabChange?.(i);
-        if (isMobile)
-            setDrawerOpen(false);
-    };
-    /** ⚡ Keyboard navigation */
-    const handleKeyDown = (e, i) => {
-        if (e.key === "ArrowRight" || e.key === "ArrowDown") {
-            e.preventDefault();
-            handleChange((i + 1) % tabs.length);
-        }
-        else if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
-            e.preventDefault();
-            handleChange((i - 1 + tabs.length) % tabs.length);
-        }
-    };
-    /** 🎨 Base styles */
-    const baseTab = {
-        padding,
-        borderRadius: radius,
-        cursor: "pointer",
-        display: "flex",
-        alignItems: "center",
-        gap: 8,
-        justifyContent: "center",
-        fontWeight: 500,
-        transition: `all ${transitionDuration}ms ease`,
-        background: "transparent",
-        border: variant === "outline" ? `1px solid ${borderColor}` : "none",
-        borderBottom: variant === "underline" ? `2px solid transparent` : undefined,
-        color: textColor,
-        width: fullWidth ? "100%" : "auto",
-        userSelect: "none",
-    };
-    const activeTab = {
-        background: variant === "solid" ? primaryColor : "transparent",
-        color: activeColor,
-        borderBottom: variant === "underline" ? `2px solid ${primaryColor}` : undefined,
-        boxShadow: elevation > 0 ? `0 ${elevation}px ${elevation * 4}px ${primaryColor}33` : undefined,
-        ...activeTabStyle,
-    };
-    const inactiveTab = {
-        ...(variant === "outline" ? { borderColor } : {}),
-        ...(variant === "underline" ? { borderBottomColor: "transparent" } : {}),
-        ...inactiveTabStyle,
-    };
-    const hoverTab = {
-        color: hoverColor,
-        background: variant === "solid"
-            ? `${primaryColor}11`
-            : variant === "outline"
-                ? `${primaryColor}11`
-                : "transparent",
-    };
-    const disabledTab = {
-        color: disabledColor,
-        cursor: "not-allowed",
-        opacity: 0.6,
-    };
-    const contentBox = {
-        flexGrow: 1,
-        borderTop: bordered && position === "top" ? `1px solid ${borderColor}` : undefined,
-        borderLeft: bordered && position === "left" ? `1px solid ${borderColor}` : undefined,
-        borderRight: bordered && position === "right" ? `1px solid ${borderColor}` : undefined,
-        borderRadius: radius,
-        ...contentStyle,
-    };
-    /** 🧱 Layout */
-    const isVertical = position === "left" || position === "right";
-    return (_jsxs("div", { ref: containerRef, className: `modern-tabs ${className}`, style: {
-            display: "flex",
-            flexDirection: isVertical ? (position === "right" ? "row-reverse" : "row") : "column",
-            background: backgroundColor,
-            border: bordered ? `1px solid ${borderColor}` : undefined,
-            borderRadius: radius,
-            overflow: "hidden",
-            ...style,
-        }, children: [_jsx("style", { children: `
-          @keyframes tab-fade {
-            from { opacity: 0; transform: translateY(5px); }
-            to { opacity: 1; transform: translateY(0); }
-          }
-          .modern-tabs__content {
-            animation: tab-fade ${transitionDuration}ms ease;
-          }
-        ` }), isMobile ? (_jsxs("div", { style: { width: "100%", padding: 8 }, children: [_jsxs("button", { onClick: () => setDrawerOpen(!drawerOpen), style: {
-                            ...baseTab,
-                            ...activeTab,
-                            justifyContent: "space-between",
-                            width: "100%",
-                            fontSize: 16,
-                        }, children: [showDrawerLabel, _jsx("span", { children: drawerIcon })] }), drawerOpen && (_jsx("div", { style: { display: "flex", flexDirection: "column", marginTop: 8, gap }, children: tabs.map((tab, i) => {
-                            const isActive = i === active;
-                            const isHovered = hovered === i;
-                            const isDisabled = tab.disabled;
-                            return (_jsxs("button", { disabled: isDisabled, onClick: () => handleChange(i), onKeyDown: (e) => handleKeyDown(e, i), onMouseEnter: () => setHovered(i), onMouseLeave: () => setHovered(null), className: tabClassName, style: {
-                                    ...baseTab,
-                                    ...(isActive ? activeTab : inactiveTab),
-                                    ...(isHovered && !isActive && !isDisabled ? hoverTab : {}),
-                                    ...(isDisabled ? disabledTab : {}),
-                                }, children: [tab.icon && _jsx("span", { children: tab.icon }), tab.label] }, i));
-                        }) }))] })) : (_jsx("div", { style: {
-                    display: "flex",
-                    flexDirection: isVertical ? "column" : "row",
-                    gap,
-                    padding: 8,
-                    minWidth: isVertical ? 200 : undefined,
-                }, children: tabs.map((tab, i) => {
-                    const isActive = i === active;
-                    const isHovered = hovered === i;
-                    const isDisabled = tab.disabled;
-                    return (_jsxs("button", { disabled: isDisabled, onClick: () => handleChange(i), onKeyDown: (e) => handleKeyDown(e, i), onMouseEnter: () => setHovered(i), onMouseLeave: () => setHovered(null), className: tabClassName, style: {
-                            ...baseTab,
-                            ...(isActive ? activeTab : inactiveTab),
-                            ...(isHovered && !isActive && !isDisabled ? hoverTab : {}),
-                            ...(isDisabled ? disabledTab : {}),
-                        }, role: "tab", "aria-selected": isActive, children: [tab.icon && _jsx("span", { children: tab.icon }), tab.label] }, i));
-                }) })), _jsx("div", { className: `modern-tabs__content ${contentClassName}`, style: contentBox, role: "tabpanel", children: tabs[active]?.content })] }));
-};

package/dist/src/components/basic/Text.js

@@ -1,25 +0,0 @@
-"use client";
-import React from "react";
-import clsx from "clsx";
-const sizeClasses = {
-    xs: "text-xs",
-    sm: "text-sm",
-    md: "text-base",
-    lg: "text-lg",
-    xl: "text-xl",
-    "2xl": "text-2xl",
-};
-export function Text({ as, children, size = "md", weight = 400, align = "left", truncate = false, className, style, ...rest }) {
-    const Element = (as || "p");
-    return React.createElement(Element, {
-        className: clsx("text-inherit", // ✅ inherits parent color
-        sizeClasses[size] || "", truncate && "truncate", className),
-        style: {
-            fontWeight: weight,
-            textAlign: align,
-            ...style,
-        },
-        ...rest,
-    }, children);
-}
-export default Text;

package/dist/src/index.js

@@ -1,44 +0,0 @@
-import "./style.css"; // 🔹 Global styles import (keep this as the only CSS import)
-// ==============================
-// ✅ BASIC COMPONENT EXPORTS
-// ==============================
-// Alerts & Notifications
-export { ToastProvider, useToast } from "./components/basic/Alert"; // ✅ Modern ShadCN-style toast
-// Accordions
-export { Accordion } from "./components/basic/Accordation"; // ✅ Finalized
-// Avatars
-export { Avatar } from "./components/basic/Avatar"; // ✅ Finalized
-// Audio Components
-export { AudioPlayer } from "./components/basic/AudioPlayer"; // ✅ Finalized
-export { AudioGallery } from "./components/basic/AudioGallery"; // ✅ Finalized
-// Badges
-export { Badge } from "./components/basic/Badge"; // ✅ Finalized
-// Buttons
-export { Button } from "./components/basic/Button"; // ✅ Finalized
-// ✅ Checkbox, Radio & Switch Components
-export { CheckboxGroup } from "./components/basic/CheckboxGroup";
-export { RadioGroup } from "./components/basic/RadioGroup";
-export { SwitchGroup } from "./components/basic/SwitchGroup";
-// Containers & Layout
-export { Container } from "./components/basic/Container"; // ✅ Finalized
-export { FlexView } from "./components/basic/FlexView"; // ✅ Finalized
-export { Stack, HStack, VStack } from "./components/basic/Stack"; // ✅ Finalized
-export { GridView } from "./components/basic/GridView"; // ✅ Finalized
-// Drawers
-export { Drawer, DrawerButton } from "./components/basic/Drawer"; // ✅ Finalized
-// Dropdowns
-export { Dropdown } from "./components/basic/DropDown"; // ✅ Finalized
-// Forms & Inputs
-export { Input } from "./components/basic/Input"; // ✅ Finalized
-// Images
-export { Image } from "./components/basic/Image"; // ✅ Finalized
-// Lists
-export { List } from "./components/basic/List"; // ✅ Finalized
-// Modals
-export { Modal } from "./components/basic/Modal"; // ✅ Finalized
-// Tables
-export { Table, TBody, TD, THead, TH, TRow } from "./components/basic/Table"; // ✅ Finalized
-// Tabs
-export { Tabs } from "./components/basic/Tabs"; // ✅ Finalized
-// Text
-export { Text } from "./components/basic/Text"; // ✅ Finalized

package/dist/types/src/components/basic/Accordation.d.ts

@@ -1,40 +0,0 @@
-import React, { ReactNode, CSSProperties } from "react";
-export interface AccordionItem {
-    title: string | ReactNode;
-    content: ReactNode;
-}
-export interface AccordionProps {
-    items: AccordionItem[];
-    allowMultiple?: boolean;
-    defaultOpen?: number[];
-    /** Appearance */
-    borderColor?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    hoverBgColor?: string;
-    hoverTextColor?: string;
-    contentBgColor?: string;
-    contentTextColor?: string;
-    /** Layout & spacing */
-    paddingY?: string | number;
-    paddingX?: string | number;
-    marginY?: string | number;
-    borderRadius?: string | number;
-    contentPadding?: string | number;
-    /** Typography */
-    fontSize?: string | number;
-    fontWeight?: string | number;
-    contentFontSize?: string | number;
-    contentFontWeight?: string | number;
-    /** Icon */
-    iconOpen?: ReactNode;
-    iconClose?: ReactNode;
-    iconSize?: string | number;
-    /** Motion */
-    transitionDuration?: string;
-    shadow?: string;
-    /** Class overrides */
-    className?: string;
-    style?: CSSProperties;
-}
-export declare const Accordion: React.FC<AccordionProps>;

package/dist/types/src/components/basic/Alert.d.ts

@@ -1,17 +0,0 @@
-import React, { ReactNode } from "react";
-type AlertType = "success" | "error" | "warning" | "info";
-interface Toast {
-    id: number;
-    title?: string;
-    description?: string;
-    type?: AlertType;
-    duration?: number;
-}
-interface ToastContextProps {
-    addToast: (toast: Omit<Toast, "id">) => void;
-}
-export declare const useToast: () => ToastContextProps;
-export declare const ToastProvider: React.FC<{
-    children: ReactNode;
-}>;
-export {};

package/dist/types/src/components/basic/AudioGallery.d.ts

@@ -1,23 +0,0 @@
-interface AudioTrack {
-    src: string;
-    title: string;
-    artist?: string;
-    thumbnail?: string;
-    duration?: string;
-}
-interface AudioGalleryProps {
-    tracks?: AudioTrack[];
-    className?: string;
-    galleryTitle?: string;
-    primaryColor?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    secondaryColor?: string;
-    autoplay?: boolean;
-    borderColor?: string;
-    border?: number;
-    maxWidth?: number;
-    loop?: boolean;
-}
-export declare function AudioGallery({ tracks, className, galleryTitle, primaryColor, backgroundColor, textColor, secondaryColor, border, borderColor, maxWidth, autoplay, loop, }: AudioGalleryProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/components/basic/AudioPlayer.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-interface AudioPlayerProps {
-    src: string;
-    thumbnail?: string;
-    autoPlay?: boolean;
-    loop?: boolean;
-    backgroundColor?: string;
-    primaryColor?: string;
-    secondaryColor?: string;
-    borderRadius?: string;
-    className?: string;
-    padding?: string;
-    width?: string;
-}
-export declare const AudioPlayer: React.FC<AudioPlayerProps>;
-export {};

package/dist/types/src/components/basic/Avatar.d.ts

@@ -1,23 +0,0 @@
-import React, { CSSProperties } from "react";
-type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "responsive";
-type AvatarVariant = "circular" | "rounded" | "square";
-type StatusPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
-interface AvatarProps {
-    src?: string;
-    alt?: string;
-    size?: AvatarSize;
-    variant?: AvatarVariant;
-    isOnline?: boolean;
-    isOffline?: boolean;
-    ring?: boolean;
-    ringColor?: string;
-    fallback?: string;
-    onClick?: () => void;
-    statusPosition?: StatusPosition;
-    className?: string;
-    statusClassName?: string;
-    style?: CSSProperties;
-    statusStyle?: CSSProperties;
-}
-export declare const Avatar: React.FC<AvatarProps>;
-export {};

package/dist/types/src/components/basic/Badge.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-export interface BadgeProps {
-    text?: string;
-    icon?: React.ReactNode;
-    iconPosition?: "left" | "right";
-    /** 🎨 Theme */
-    primaryTheme?: boolean;
-    primaryColor?: string;
-    /** 📏 Sizes */
-    size?: "sm" | "md" | "lg";
-    /** Shape */
-    rounded?: boolean;
-    /** Notification */
-    notificationDot?: boolean;
-    dotColor?: string;
-    count?: number | string;
-    pulse?: boolean;
-    className?: string;
-    onClick?: () => void;
-}
-export declare const Badge: React.FC<BadgeProps>;

package/dist/types/src/components/basic/Button.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    children: React.ReactNode;
-    iconBefore?: React.ReactNode;
-    iconAfter?: React.ReactNode;
-    loading?: boolean;
-    loadingText?: string;
-    fullWidth?: boolean;
-    /** 🎨 Variants (shadcn style) */
-    variant?: "default" | "outline" | "ghost";
-    /** 📏 Sizes */
-    size?: "sm" | "md" | "lg";
-    className?: string;
-}
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/src/components/basic/CheckboxGroup.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-interface Option {
-    label: string;
-    value: string;
-}
-interface CheckboxGroupProps {
-    name?: string;
-    options: Option[];
-    selectedValues?: string[];
-    onChange?: (values: string[]) => void;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    error?: string;
-    className?: string;
-    customIcon?: (checked: boolean) => React.ReactNode;
-    style?: React.CSSProperties;
-    labelStyle?: React.CSSProperties;
-    iconSize?: number;
-    iconCheckedBgColor?: string;
-    iconUncheckedBorderColor?: string;
-    textColor?: string;
-    errorStyle?: React.CSSProperties;
-    darkMode?: boolean;
-}
-export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
-export {};

package/dist/types/src/components/basic/Container.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
-type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
-type ContainerSize = "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-type DisplayType = "block" | "flex" | "grid";
-export interface ContainerProps {
-    size?: Responsive<ContainerSize>;
-    padding?: Responsive<"none" | "sm" | "md" | "lg" | "xl">;
-    center?: boolean;
-    display?: DisplayType;
-    direction?: Responsive<"row" | "col" | "row-reverse" | "col-reverse">;
-    align?: Responsive<"start" | "center" | "end" | "stretch">;
-    justify?: Responsive<"start" | "center" | "end" | "between" | "around" | "evenly">;
-    wrap?: Responsive<"wrap" | "nowrap">;
-    cols?: Responsive<number>;
-    gap?: Responsive<"none" | "sm" | "md" | "lg" | "xl">;
-    className?: string;
-    children: React.ReactNode;
-}
-export declare const Container: React.FC<ContainerProps>;
-export default Container;

package/dist/types/src/components/basic/Drawer.d.ts

@@ -1,22 +0,0 @@
-import React, { ReactNode } from "react";
-interface DrawerButtonProps {
-    label?: string;
-    icon?: ReactNode;
-    iconPosition?: "left" | "right";
-    onClick?: () => void;
-    className?: string;
-}
-export declare const DrawerButton: React.FC<DrawerButtonProps>;
-interface DrawerProps {
-    open: boolean;
-    onClose?: () => void;
-    position?: "left" | "right" | "top" | "bottom";
-    size?: string;
-    className?: string;
-    overlayClassName?: string;
-    children?: ReactNode;
-    showCloseButton?: boolean;
-    closeButtonClassName?: string;
-}
-export declare const Drawer: React.FC<DrawerProps>;
-export {};