@neuctra/ui 0.2.2 → 0.2.4

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

@@ -1,11 +1,11 @@
 import { default as React, CSSProperties, ReactNode } from 'react';
-interface ListItemType {
+export interface ListItemType {
     text: string;
     icon?: ReactNode;
     onClick?: () => void;
     subItems?: ListItemType[];
 }
-interface ListProps {
+export interface ListProps {
     title?: string;
     titleIcon?: ReactNode;
     items: ListItemType[];
@@ -22,5 +22,13 @@ interface ListProps {
     className?: string;
     style?: CSSProperties;
 }
+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>;
-export {};

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

@@ -1,11 +1,17 @@
 import { default as React, ReactNode, CSSProperties } from 'react';
-interface ModalProps {
+export interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
     children: ReactNode;
+    ariaLabel?: string;
+    title?: string;
     overlayStyle?: CSSProperties;
     modalStyle?: CSSProperties;
     closeButtonStyle?: CSSProperties;
+    disableOverlayClose?: boolean;
+    transitionDuration?: number;
+    className?: string;
+    /** Dark mode toggle */
+    darkMode?: boolean;
 }
 export declare const Modal: React.FC<ModalProps>;
-export {};

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

@@ -0,0 +1,25 @@
+import { default as 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;
+}
+export declare const RadioGroup: React.FC<RadioGroupProps>;
+export {};

package/dist/components/basic/Section.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+type ScreenSize = "sm" | "md" | "lg";
+type ResponsiveProp<T> = T | Partial<Record<ScreenSize, T>>;
+interface SectionProps {
+    /** Headings */
+    title?: string;
+    subtitle?: string;
+    /** Responsive variant styles */
+    variant?: ResponsiveProp<"light" | "dark" | "gradient" | "transparent" | "primary">;
+    /** Custom backgrounds */
+    background?: ResponsiveProp<string>;
+    overlay?: ResponsiveProp<string>;
+    color?: ResponsiveProp<string>;
+    /** Spacing */
+    paddingY?: ResponsiveProp<number | string>;
+    paddingX?: ResponsiveProp<number | string>;
+    /** Container size */
+    size?: ResponsiveProp<"sm" | "md" | "lg" | "xl" | "2xl" | "full">;
+    /** Section height */
+    height?: ResponsiveProp<string>;
+    /** Text alignment */
+    align?: ResponsiveProp<"left" | "center" | "right">;
+    /** Border radius */
+    borderRadius?: ResponsiveProp<number | string>;
+    /** Optional styling */
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+/**
+ * 🧱 Section Component
+ * A flexible layout wrapper that supports responsive backgrounds,
+ * adaptive padding, and variant-based theming.
+ */
+export declare const Section: React.FC<SectionProps>;
+export default Section;

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+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">;
+    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>;
+export declare const HStack: React.FC<StackProps>;
+export declare const VStack: React.FC<StackProps>;
+export {};

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

@@ -0,0 +1,25 @@
+import { default as 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;
+}
+export declare const SwitchGroup: React.FC<SwitchGroupProps>;
+export {};

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

@@ -1,59 +1,23 @@
-import { default as React, ReactNode } from 'react';
-interface Column {
-    key: string;
-    label: string;
-    sortable?: boolean;
-    icon?: ReactNode;
-    width?: string | number;
-    align?: "left" | "center" | "right";
-    headerClassName?: string;
-    cellClassName?: string;
-    render?: (value: any, row: Record<string, any>) => ReactNode;
-}
+import { default as React, ReactNode, CSSProperties } from 'react';
 interface TableProps {
-    columns: Column[];
-    data: Record<string, any>[];
+    children: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+}
+interface TableSectionProps {
+    children: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+}
+interface TableCellProps {
+    children: ReactNode;
+    style?: CSSProperties;
     className?: string;
-    pagination?: boolean;
-    rowsPerPage?: number;
-    colors?: {
-        headerBg?: string;
-        headerText?: string;
-        rowBg?: string;
-        rowText?: string;
-        borderColor?: string;
-        hoverBg?: string;
-        paginationBg?: string;
-        paginationText?: string;
-        evenRowBg?: string;
-        selectedRowBg?: string;
-    };
-    borderRadius?: {
-        table?: string;
-        header?: string;
-        pagination?: string;
-    };
-    sortable?: boolean;
-    defaultSort?: {
-        column: string;
-        direction: "asc" | "desc";
-    };
-    bodyAlign?: "left" | "center" | "right";
-    headerAlign?: "left" | "center" | "right";
-    rowSelection?: {
-        enabled?: boolean;
-        onSelect?: (selectedRows: Record<string, any>[]) => void;
-        selectionColumnWidth?: string;
-        selectionColumnHeader?: ReactNode;
-    };
-    emptyState?: ReactNode;
-    onRowClick?: (row: Record<string, any>, index: number) => void;
-    rowClassName?: (row: Record<string, any>, index: number) => string;
-    cellPadding?: string;
-    headerCellPadding?: string;
-    stickyHeader?: boolean;
-    maxHeight?: string;
-    scrollShadow?: boolean;
 }
 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>;
+export declare const TH: React.FC<TableCellProps>;
+export declare const TD: React.FC<TableCellProps>;
 export {};

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

@@ -1,4 +1,5 @@
 import { default as React, CSSProperties } from 'react';
+/** 🧩 Types */
 interface TabItem {
     label: React.ReactNode;
     content: React.ReactNode;
@@ -6,42 +7,41 @@ interface TabItem {
     disabled?: boolean;
     ariaLabel?: string;
 }
-interface TabsBaseProps {
+interface TabsProps {
     tabs: TabItem[];
     defaultActive?: number;
-    activeTabClassName?: string;
-    inactiveTabClassName?: string;
-    tabContainerClassName?: string;
-    contentContainerClassName?: string;
-    className?: string;
-    activeTabStyle?: CSSProperties;
-    inactiveTabStyle?: CSSProperties;
-    tabContainerStyle?: CSSProperties;
-    contentContainerStyle?: CSSProperties;
-    style?: CSSProperties;
-    tabsWidth?: string | number;
-    tabGap?: number;
-    tabPadding?: string;
-    tabBorderRadius?: 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;
-    textColor?: string;
     backgroundColor?: string;
-    hoverTextColor?: string;
+    textColor?: string;
+    hoverColor?: string;
+    activeColor?: string;
+    borderColor?: string;
     disabledColor?: string;
+    /** 📱 Responsive */
     responsiveBreakpoint?: number;
     showDrawerLabel?: string;
     drawerIcon?: React.ReactNode;
-    transitionDuration?: number;
+    /** ⚙️ Callbacks */
     onTabChange?: (index: number) => void;
-    role?: string;
-    ariaOrientation?: "horizontal" | "vertical";
+    /** 🧱 Classes and Styles */
+    className?: string;
+    style?: CSSProperties;
+    tabClassName?: string;
+    contentClassName?: string;
+    activeTabStyle?: CSSProperties;
+    inactiveTabStyle?: CSSProperties;
+    contentStyle?: CSSProperties;
 }
-export declare const LeftTabs: React.FC<TabsBaseProps>;
-export declare const TopTabs: React.FC<TabsBaseProps>;
-export declare const RightTabs: React.FC<TabsBaseProps>;
-export declare const Tabs: {
-    Left: React.FC<TabsBaseProps>;
-    Top: React.FC<TabsBaseProps>;
-    Right: React.FC<TabsBaseProps>;
-};
+/** 💎 Modern, Fully Customizable Tabs */
+export declare const Tabs: React.FC<TabsProps>;
 export {};

package/dist/components/basic/Text.d.ts

@@ -1,39 +1,26 @@
-import { default as React, JSX } from 'react';
-interface TextProps {
-    as?: keyof JSX.IntrinsicElements;
+import { default as React } from 'react';
+/** 🎯 Limit to only HTML elements to avoid SVG union explosion */
+type HTMLElementTag = keyof HTMLElementTagNameMap;
+type TextProps<T extends HTMLElementTag = "p"> = {
+    as?: T;
     children: React.ReactNode;
-    className?: string;
     color?: string;
-    bgColor?: string;
-    fontSize?: string;
-    fontWeight?: "normal" | "bold" | "lighter" | "bolder" | number;
-    textAlign?: "left" | "center" | "right" | "justify";
-    textTransform?: "uppercase" | "lowercase" | "capitalize" | "none";
-    lineHeight?: string;
-    letterSpacing?: string;
-    maxWidth?: string;
-    padding?: string;
-    margin?: string;
-    borderRadius?: string;
-    boxShadow?: string;
-    shadowColor?: string;
-    wordBreak?: "normal" | "break-word" | "break-all" | "keep-all";
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | string;
+    weight?: React.CSSProperties["fontWeight"];
+    align?: React.CSSProperties["textAlign"];
+    transform?: React.CSSProperties["textTransform"];
     italic?: boolean;
-    bold?: boolean;
     underline?: boolean;
     strikethrough?: boolean;
-    selectable?: boolean;
     truncate?: boolean;
-    hoverColor?: string;
-    hoverBgColor?: string;
-    hoverTextDecoration?: "underline" | "line-through" | "none";
-    activeColor?: string;
-    activeBgColor?: string;
-    transitionDuration?: string;
+    selectable?: boolean;
+    hoverable?: boolean;
+    darkMode?: boolean;
+    baseColor?: string;
+    className?: string;
+    style?: React.CSSProperties;
     onClick?: () => void;
-    href?: string;
-    target?: "_blank" | "_self" | "_parent" | "_top";
-    rel?: string;
-}
-export declare const Text: React.FC<TextProps>;
-export {};
+} & Omit<React.HTMLAttributes<HTMLElementTagNameMap[HTMLElementTag]>, "color" | "style">;
+/** 💬 Main Component (HTML-only tags) */
+export declare function Text<T extends HTMLElementTag = "p">({ as, children, color, size, weight, align, transform, italic, underline, strikethrough, truncate, selectable, hoverable, onClick, darkMode, baseColor, className, style, ...rest }: TextProps<T>): React.DetailedReactHTMLElement<React.PropsWithoutRef<React.ComponentProps<T>>, HTMLElement>;
+export default Text;