@neuctra/ui 0.2.9 → 0.2.10

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

@@ -1,33 +0,0 @@
-import React from "react";
-export interface SelectOption {
-    label: string;
-    value: string;
-    icon?: React.ReactNode;
-}
-export interface DropdownProps {
-    label?: string;
-    name?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (name: string, value: string) => void;
-    options?: SelectOption[];
-    placeholder?: string;
-    required?: boolean;
-    disabled?: boolean;
-    error?: string | boolean;
-    success?: boolean;
-    helperText?: string;
-    labelIcon?: React.ElementType;
-    prefixIcon?: React.ElementType;
-    variant?: "dark" | "light";
-    /** 🔥 THEME SYSTEM */
-    primaryTheme?: boolean;
-    primaryColor?: string;
-    containerClassName?: string;
-    labelClassName?: string;
-    triggerClassName?: string;
-    dropdownClassName?: string;
-    optionClassName?: string;
-    className?: string;
-}
-export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,16 +0,0 @@
-import React from "react";
-type ScreenSize = "sm" | "md" | "lg";
-type ResponsiveValue<T> = T | Partial<Record<ScreenSize, T>>;
-interface FlexViewProps {
-    direction?: ResponsiveValue<"row" | "column" | "row-reverse" | "column-reverse">;
-    align?: ResponsiveValue<"start" | "end" | "center" | "stretch" | "baseline">;
-    justify?: ResponsiveValue<"start" | "end" | "center" | "between" | "around" | "evenly">;
-    wrap?: ResponsiveValue<"nowrap" | "wrap" | "wrap-reverse">;
-    gap?: ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12>;
-    padding?: ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12>;
-    margin?: ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12>;
-    className?: string;
-    children: React.ReactNode;
-}
-export declare const FlexView: React.FC<FlexViewProps>;
-export {};

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

@@ -1,14 +0,0 @@
-import React from "react";
-type ScreenSize = "sm" | "md" | "lg";
-type ResponsiveValue<T> = T | Partial<Record<ScreenSize, T>>;
-export interface GridProps {
-    columns?: ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6>;
-    gap?: ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12>;
-    padding?: ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12>;
-    alignItems?: "start" | "center" | "end" | "stretch";
-    justifyItems?: "start" | "center" | "end" | "stretch";
-    className?: string;
-    children: React.ReactNode;
-}
-export declare const GridView: React.FC<GridProps>;
-export {};

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

@@ -1,37 +0,0 @@
-import React from "react";
-interface ImageProps {
-    src?: string;
-    alt?: string;
-    title?: string;
-    /** Tailwind width/height classes or numbers */
-    width?: string | number;
-    height?: string | number;
-    /** Tailwind rounded classes */
-    rounded?: string;
-    borderColor?: string;
-    borderWidth?: string | number;
-    shadow?: boolean;
-    opacity?: number;
-    objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
-    overlayText?: string;
-    overlayColor?: string;
-    svgIcon?: React.ReactNode;
-    responsive?: boolean;
-    p?: string;
-    m?: string;
-    /** Hover Effects */
-    hoverScale?: number;
-    hoverRotate?: number;
-    hoverOpacity?: number;
-    hoverShadow?: boolean;
-    transitionDuration?: string;
-    overflow?: "hidden" | "scroll" | "auto" | "visible" | "x" | "y";
-    /** Custom Tailwind classes */
-    className?: string;
-    style?: React.CSSProperties;
-    onClick?: (e: React.MouseEvent<HTMLDivElement | HTMLImageElement>) => void;
-    onLoad?: () => void;
-    onError?: () => void;
-}
-export declare const Image: React.FC<ImageProps>;
-export {};

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

@@ -1,33 +0,0 @@
-import React from "react";
-export interface InputFieldProps {
-    label?: string;
-    name?: string;
-    type?: "text" | "password" | "email" | "number" | "textarea";
-    placeholder?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (name: string, value: string) => void;
-    required?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    error?: string | boolean;
-    success?: boolean;
-    helperText?: string;
-    /** Icons */
-    icon?: React.ElementType;
-    prefix?: string;
-    prefixIcon?: React.ElementType;
-    suffixIcon?: React.ReactNode;
-    /** Number props */
-    min?: number;
-    max?: number;
-    step?: number;
-    /** Textarea */
-    rows?: number;
-    /** 🔥 Theme */
-    primaryTheme?: boolean;
-    primaryColor?: string;
-    /** Styling */
-    className?: string;
-}
-export declare const Input: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

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

@@ -1,20 +0,0 @@
-import React, { ReactNode } from "react";
-export interface ListItemType {
-    text: string;
-    icon?: ReactNode;
-    onClick?: () => void;
-    subItems?: ListItemType[];
-}
-export interface ListProps {
-    title?: string;
-    titleIcon?: ReactNode;
-    items: ListItemType[];
-    type?: "unordered" | "ordered" | "inline";
-    primaryTheme?: boolean;
-    primaryColor?: string;
-    className?: string;
-    itemClassName?: string;
-    titleClassName?: string;
-    bulletClassName?: string;
-}
-export declare const List: React.FC<ListProps>;

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

@@ -1,17 +0,0 @@
-import React, { ReactNode } from "react";
-export interface ModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    children: ReactNode;
-    title?: string;
-    icon?: ReactNode;
-    ariaLabel?: string;
-    className?: string;
-    overlayClassName?: string;
-    contentClassName?: string;
-    closeButtonClassName?: string;
-    disableOverlayClose?: boolean;
-    darkMode?: boolean;
-    transitionDuration?: number;
-}
-export declare const Modal: React.FC<ModalProps>;

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

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

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

@@ -1,17 +0,0 @@
-import React from "react";
-type ScreenSize = "sm" | "md" | "lg";
-type ResponsiveValue<T> = T | Partial<Record<ScreenSize, T>>;
-interface StackProps {
-    direction?: ResponsiveValue<"vertical" | "horizontal">;
-    gap?: ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12>;
-    align?: ResponsiveValue<"start" | "center" | "end" | "stretch" | "baseline">;
-    justify?: ResponsiveValue<"start" | "center" | "end" | "between" | "around" | "evenly">;
-    wrap?: ResponsiveValue<"nowrap" | "wrap" | "wrap-reverse">;
-    className?: string;
-    children: React.ReactNode;
-}
-export declare const Stack: React.FC<StackProps>;
-/** Shortcuts for horizontal & vertical stacks */
-export declare const HStack: React.FC<StackProps>;
-export declare const VStack: React.FC<StackProps>;
-export {};

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

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

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

@@ -1,28 +0,0 @@
-import React, { ReactNode, CSSProperties } from "react";
-interface TableProps {
-    children: ReactNode;
-    style?: CSSProperties;
-    className?: string;
-}
-interface TableSectionProps {
-    children: ReactNode;
-    style?: CSSProperties;
-    className?: string;
-}
-interface TableCellProps {
-    children: ReactNode;
-    style?: CSSProperties;
-    className?: string;
-}
-export declare const Table: React.FC<TableProps>;
-export declare const THead: React.FC<TableSectionProps>;
-export declare const TBody: React.FC<TableSectionProps>;
-interface TRowProps extends TableSectionProps {
-    onClick?: () => void;
-    hoverBgColor?: string;
-    darkMode?: boolean;
-}
-export declare const TRow: React.FC<TRowProps>;
-export declare const TH: React.FC<TableCellProps>;
-export declare const TD: React.FC<TableCellProps>;
-export {};

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

@@ -1,47 +0,0 @@
-import React, { CSSProperties } from "react";
-/** 🧩 Types */
-interface TabItem {
-    label: React.ReactNode;
-    content: React.ReactNode;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-    ariaLabel?: string;
-}
-interface TabsProps {
-    tabs: TabItem[];
-    defaultActive?: number;
-    position?: "top" | "left" | "right";
-    variant?: "solid" | "outline" | "underline";
-    fullWidth?: boolean;
-    gap?: number;
-    radius?: number;
-    padding?: string;
-    transitionDuration?: number;
-    elevation?: number;
-    bordered?: boolean;
-    /** 🎨 Colors */
-    primaryColor?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    hoverColor?: string;
-    activeColor?: string;
-    borderColor?: string;
-    disabledColor?: string;
-    /** 📱 Responsive */
-    responsiveBreakpoint?: number;
-    showDrawerLabel?: string;
-    drawerIcon?: React.ReactNode;
-    /** ⚙️ Callbacks */
-    onTabChange?: (index: number) => void;
-    /** 🧱 Classes and Styles */
-    className?: string;
-    style?: CSSProperties;
-    tabClassName?: string;
-    contentClassName?: string;
-    activeTabStyle?: CSSProperties;
-    inactiveTabStyle?: CSSProperties;
-    contentStyle?: CSSProperties;
-}
-/** 💎 Modern, Fully Customizable Tabs */
-export declare const Tabs: React.FC<TabsProps>;
-export {};