@neuctra/ui 0.2.5 → 0.2.7

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

@@ -1,17 +1,12 @@
 import React from "react";
 type ScreenSize = "sm" | "md" | "lg";
+type ResponsiveValue<T> = T | Partial<Record<ScreenSize, T>>;
 export interface GridProps {
-    columns?: number | Partial<Record<ScreenSize, number>>;
-    gap?: number | string;
-    padding?: number | string;
+    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";
-    backgroundColor?: string;
-    width?: string;
-    maxWidth?: string;
-    height?: string;
-    margin?: number | string;
-    style?: React.CSSProperties;
     className?: string;
     children: React.ReactNode;
 }

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

@@ -1,58 +1,37 @@
 import React from "react";
 interface ImageProps {
-    /** Image source URL */
     src?: string;
-    /** Alternative text (for SEO + accessibility) */
     alt?: string;
-    /** Optional title attribute (SEO hint tooltip) */
     title?: string;
-    /** Custom width and height */
+    /** Tailwind width/height classes or numbers */
     width?: string | number;
     height?: string | number;
-    /** Border customization */
-    borderRadius?: string | number;
+    /** Tailwind rounded classes */
+    rounded?: string;
     borderColor?: string;
-    borderStyle?: "solid" | "dashed" | "dotted" | "double" | "none";
     borderWidth?: string | number;
-    /** Shadow customization */
     shadow?: boolean;
-    boxShadow?: string;
-    /** Opacity and fit options */
     opacity?: number;
     objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
-    /** Overlay and icon layers */
     overlayText?: string;
     overlayColor?: string;
     svgIcon?: React.ReactNode;
-    /** Layout and responsiveness */
     responsive?: boolean;
-    padding?: string | number;
-    margin?: string | number;
-    /** Performance */
-    lazyLoad?: boolean;
-    /** Hover interactivity */
-    hoverOpacity?: number;
-    hoverShadow?: boolean;
+    p?: string;
+    m?: string;
+    /** Hover Effects */
     hoverScale?: number;
     hoverRotate?: number;
+    hoverOpacity?: number;
+    hoverShadow?: boolean;
     transitionDuration?: string;
-    /** Overflow handling */
     overflow?: "hidden" | "scroll" | "auto" | "visible" | "x" | "y";
-    /** Class and style overrides */
+    /** Custom Tailwind classes */
     className?: string;
     style?: React.CSSProperties;
-    /** Event handlers */
-    onClick?: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement | HTMLImageElement>) => void;
     onLoad?: () => void;
     onError?: () => void;
 }
-/**
- * ✅ Industry-Standard Image Component
- * - SEO & accessibility optimized
- * - Lazy loading & responsive
- * - Fully customizable styling
- * - Smooth hover transitions
- * - Overlay and SVG support
- */
 export declare const Image: React.FC<ImageProps>;
 export {};

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

@@ -1,46 +1,33 @@
-import React, { CSSProperties } from "react";
-export interface InputProps {
-    type?: "text" | "password" | "email" | "number" | "search" | "tel" | "url" | "textarea";
+import React from "react";
+export interface InputFieldProps {
     label?: string;
-    placeholder?: 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;
-    required?: boolean;
-    error?: string;
+    error?: string | boolean;
     success?: boolean;
-    autoFocus?: boolean;
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
-    /** 🎨 Full Customization Options */
-    labelColor?: string;
-    placeholderColor?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    borderColor?: string;
-    hoverBorderColor?: string;
-    focusBorderColor?: string;
-    errorColor?: string;
-    successColor?: string;
-    iconColor?: string;
-    shadow?: string;
-    /** 🧩 Layout + Style Customization */
-    fontSize?: string;
-    fontFamily?: string;
-    radius?: string;
-    size?: "sm" | "md" | "lg";
+    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;
-    cols?: number;
-    maxLength?: number;
-    resize?: boolean;
-    showCharacterCount?: boolean;
-    paddingX?: string;
-    paddingY?: string;
-    /** 🧱 External customization */
+    /** 🔥 Theme */
+    primaryTheme?: boolean;
+    primaryColor?: string;
+    /** Styling */
     className?: string;
-    style?: CSSProperties;
 }
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLTextAreaElement | HTMLInputElement>>;
+export declare const Input: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;

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

@@ -1,4 +1,4 @@
-import React, { CSSProperties, ReactNode } from "react";
+import React, { ReactNode } from "react";
 export interface ListItemType {
     text: string;
     icon?: ReactNode;
@@ -10,25 +10,11 @@ export interface ListProps {
     titleIcon?: ReactNode;
     items: ListItemType[];
     type?: "unordered" | "ordered" | "inline";
-    bulletColor?: string;
-    textColor?: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    fontSize?: string;
-    fontWeight?: string | number;
-    borderRadius?: string;
-    padding?: string;
-    spacing?: string;
+    primaryTheme?: boolean;
+    primaryColor?: string;
     className?: string;
-    style?: CSSProperties;
+    itemClassName?: string;
+    titleClassName?: string;
+    bulletClassName?: string;
 }
-export interface ListItemProps extends ListItemType {
-    bulletColor?: string;
-    textColor?: string;
-    fontSize?: string;
-    fontWeight?: string | number;
-    spacing?: string;
-    isInline?: boolean;
-}
-export declare const ListItem: React.FC<ListItemProps>;
 export declare const List: React.FC<ListProps>;

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

@@ -1,17 +1,17 @@
-import React, { ReactNode, CSSProperties } from "react";
+import React, { ReactNode } from "react";
 export interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
     children: ReactNode;
-    ariaLabel?: string;
     title?: string;
-    overlayStyle?: CSSProperties;
-    modalStyle?: CSSProperties;
-    closeButtonStyle?: CSSProperties;
-    disableOverlayClose?: boolean;
-    transitionDuration?: number;
+    icon?: ReactNode;
+    ariaLabel?: string;
     className?: string;
-    /** Dark mode toggle */
+    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

@@ -20,6 +20,7 @@ interface RadioGroupProps {
     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

@@ -3,25 +3,15 @@ type ScreenSize = "sm" | "md" | "lg";
 type ResponsiveValue<T> = T | Partial<Record<ScreenSize, T>>;
 interface StackProps {
     direction?: ResponsiveValue<"vertical" | "horizontal">;
-    gap?: ResponsiveValue<number | string>;
-    align?: ResponsiveValue<"flex-start" | "flex-end" | "center" | "stretch" | "baseline">;
-    justify?: ResponsiveValue<"flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly">;
+    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">;
-    padding?: ResponsiveValue<number | string>;
-    margin?: ResponsiveValue<number | string>;
-    width?: ResponsiveValue<string>;
-    maxWidth?: ResponsiveValue<string>;
-    height?: ResponsiveValue<string>;
-    backgroundColor?: ResponsiveValue<string>;
-    borderRadius?: ResponsiveValue<string>;
-    border?: ResponsiveValue<string>;
-    boxShadow?: ResponsiveValue<string>;
-    overflow?: ResponsiveValue<"visible" | "hidden" | "auto" | "scroll">;
-    style?: React.CSSProperties;
     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

@@ -20,6 +20,7 @@ interface SwitchGroupProps {
     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

@@ -17,7 +17,12 @@ interface TableCellProps {
 export declare const Table: React.FC<TableProps>;
 export declare const THead: React.FC<TableSectionProps>;
 export declare const TBody: React.FC<TableSectionProps>;
-export declare const TRow: 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 {};