@neuctra/ui 0.2.8 → 0.2.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +107 -138
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +1555 -2367
- package/dist/index.es.js.map +1 -1
- package/dist/{components → types/components}/basic/Alert.d.ts +3 -2
- package/dist/{components → types/components}/basic/Avatar.d.ts +1 -0
- package/dist/{components → types/components}/basic/Badge.d.ts +1 -2
- package/dist/{components → types/components}/basic/Button.d.ts +2 -2
- package/dist/{components → types/components}/basic/Input.d.ts +1 -1
- package/dist/types/components/basic/Tabs.d.ts +76 -0
- package/dist/{components → types/components}/basic/Text.d.ts +25 -20
- package/dist/{index.d.ts → types/index.d.ts} +3 -7
- package/dist/ui.css +1 -1
- package/package.json +9 -2
- package/dist/components/basic/Tabs.d.ts +0 -47
- package/dist/src/components/basic/Accordation.js +0 -73
- package/dist/src/components/basic/Alert.js +0 -36
- package/dist/src/components/basic/AudioGallery.js +0 -425
- package/dist/src/components/basic/AudioPlayer.js +0 -130
- package/dist/src/components/basic/Avatar.js +0 -68
- package/dist/src/components/basic/Badge.js +0 -27
- package/dist/src/components/basic/Button.js +0 -25
- package/dist/src/components/basic/CheckboxGroup.js +0 -63
- package/dist/src/components/basic/Container.js +0 -26
- package/dist/src/components/basic/Drawer.js +0 -43
- package/dist/src/components/basic/DropDown.js +0 -98
- package/dist/src/components/basic/FlexView.js +0 -19
- package/dist/src/components/basic/GridView.js +0 -18
- package/dist/src/components/basic/Image.js +0 -55
- package/dist/src/components/basic/Input.js +0 -82
- package/dist/src/components/basic/List.js +0 -29
- package/dist/src/components/basic/Modal.js +0 -34
- package/dist/src/components/basic/RadioGroup.js +0 -54
- package/dist/src/components/basic/Stack.js +0 -22
- package/dist/src/components/basic/SwitchGroup.js +0 -76
- package/dist/src/components/basic/Table.js +0 -30
- package/dist/src/components/basic/Tabs.js +0 -140
- package/dist/src/components/basic/Text.js +0 -25
- package/dist/src/index.js +0 -44
- package/dist/types/src/components/basic/Accordation.d.ts +0 -40
- package/dist/types/src/components/basic/Alert.d.ts +0 -17
- package/dist/types/src/components/basic/AudioGallery.d.ts +0 -23
- package/dist/types/src/components/basic/AudioPlayer.d.ts +0 -16
- package/dist/types/src/components/basic/Avatar.d.ts +0 -23
- package/dist/types/src/components/basic/Badge.d.ts +0 -21
- package/dist/types/src/components/basic/Button.d.ts +0 -15
- package/dist/types/src/components/basic/CheckboxGroup.d.ts +0 -27
- package/dist/types/src/components/basic/Container.d.ts +0 -15
- package/dist/types/src/components/basic/Drawer.d.ts +0 -22
- package/dist/types/src/components/basic/DropDown.d.ts +0 -33
- package/dist/types/src/components/basic/FlexView.d.ts +0 -16
- package/dist/types/src/components/basic/GridView.d.ts +0 -14
- package/dist/types/src/components/basic/Image.d.ts +0 -37
- package/dist/types/src/components/basic/Input.d.ts +0 -33
- package/dist/types/src/components/basic/List.d.ts +0 -20
- package/dist/types/src/components/basic/Modal.d.ts +0 -17
- package/dist/types/src/components/basic/RadioGroup.d.ts +0 -26
- package/dist/types/src/components/basic/Stack.d.ts +0 -17
- package/dist/types/src/components/basic/SwitchGroup.d.ts +0 -26
- package/dist/types/src/components/basic/Table.d.ts +0 -28
- package/dist/types/src/components/basic/Tabs.d.ts +0 -47
- package/dist/types/src/components/basic/Text.d.ts +0 -1121
- package/dist/types/src/index.d.ts +0 -24
- package/dist/types/vite.config.d.ts +0 -2
- package/dist/vite.config.js +0 -34
- /package/dist/{components/basic/Accordation.d.ts → types/components/basic/Accordion.d.ts} +0 -0
- /package/dist/{components → types/components}/basic/AudioGallery.d.ts +0 -0
- /package/dist/{components → types/components}/basic/AudioPlayer.d.ts +0 -0
- /package/dist/{components → types/components}/basic/CheckboxGroup.d.ts +0 -0
- /package/dist/{components → types/components}/basic/Container.d.ts +0 -0
- /package/dist/{components → types/components}/basic/Drawer.d.ts +0 -0
- /package/dist/{components → types/components}/basic/DropDown.d.ts +0 -0
- /package/dist/{components → types/components}/basic/FlexView.d.ts +0 -0
- /package/dist/{components → types/components}/basic/GridView.d.ts +0 -0
- /package/dist/{components → types/components}/basic/Image.d.ts +0 -0
- /package/dist/{components → types/components}/basic/List.d.ts +0 -0
- /package/dist/{components → types/components}/basic/Modal.d.ts +0 -0
- /package/dist/{components → types/components}/basic/RadioGroup.d.ts +0 -0
- /package/dist/{components → types/components}/basic/Stack.d.ts +0 -0
- /package/dist/{components → types/components}/basic/SwitchGroup.d.ts +0 -0
- /package/dist/{components → types/components}/basic/Table.d.ts +0 -0
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface InputFieldProps {
|
|
3
|
-
label?: string;
|
|
4
|
-
name?: string;
|
|
5
|
-
type?: "text" | "password" | "email" | "number" | "textarea";
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
value?: string;
|
|
8
|
-
defaultValue?: string;
|
|
9
|
-
onChange?: (name: string, value: string) => void;
|
|
10
|
-
required?: boolean;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
readOnly?: boolean;
|
|
13
|
-
error?: string | boolean;
|
|
14
|
-
success?: boolean;
|
|
15
|
-
helperText?: string;
|
|
16
|
-
/** Icons */
|
|
17
|
-
icon?: React.ElementType;
|
|
18
|
-
prefix?: string;
|
|
19
|
-
prefixIcon?: React.ElementType;
|
|
20
|
-
suffixIcon?: React.ReactNode;
|
|
21
|
-
/** Number props */
|
|
22
|
-
min?: number;
|
|
23
|
-
max?: number;
|
|
24
|
-
step?: number;
|
|
25
|
-
/** Textarea */
|
|
26
|
-
rows?: number;
|
|
27
|
-
/** 🔥 Theme */
|
|
28
|
-
primaryTheme?: boolean;
|
|
29
|
-
primaryColor?: string;
|
|
30
|
-
/** Styling */
|
|
31
|
-
className?: string;
|
|
32
|
-
}
|
|
33
|
-
export declare const Input: React.ForwardRefExoticComponent<InputFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
export interface ListItemType {
|
|
3
|
-
text: string;
|
|
4
|
-
icon?: ReactNode;
|
|
5
|
-
onClick?: () => void;
|
|
6
|
-
subItems?: ListItemType[];
|
|
7
|
-
}
|
|
8
|
-
export interface ListProps {
|
|
9
|
-
title?: string;
|
|
10
|
-
titleIcon?: ReactNode;
|
|
11
|
-
items: ListItemType[];
|
|
12
|
-
type?: "unordered" | "ordered" | "inline";
|
|
13
|
-
primaryTheme?: boolean;
|
|
14
|
-
primaryColor?: string;
|
|
15
|
-
className?: string;
|
|
16
|
-
itemClassName?: string;
|
|
17
|
-
titleClassName?: string;
|
|
18
|
-
bulletClassName?: string;
|
|
19
|
-
}
|
|
20
|
-
export declare const List: React.FC<ListProps>;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from "react";
|
|
2
|
-
export interface ModalProps {
|
|
3
|
-
isOpen: boolean;
|
|
4
|
-
onClose: () => void;
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
title?: string;
|
|
7
|
-
icon?: ReactNode;
|
|
8
|
-
ariaLabel?: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
overlayClassName?: string;
|
|
11
|
-
contentClassName?: string;
|
|
12
|
-
closeButtonClassName?: string;
|
|
13
|
-
disableOverlayClose?: boolean;
|
|
14
|
-
darkMode?: boolean;
|
|
15
|
-
transitionDuration?: number;
|
|
16
|
-
}
|
|
17
|
-
export declare const Modal: React.FC<ModalProps>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface Option {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
}
|
|
6
|
-
interface RadioGroupProps {
|
|
7
|
-
name?: string;
|
|
8
|
-
options: Option[];
|
|
9
|
-
selectedValue?: string;
|
|
10
|
-
onChange?: (value: string) => void;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
readOnly?: boolean;
|
|
13
|
-
required?: boolean;
|
|
14
|
-
error?: string;
|
|
15
|
-
className?: string;
|
|
16
|
-
style?: React.CSSProperties;
|
|
17
|
-
labelStyle?: React.CSSProperties;
|
|
18
|
-
iconSize?: number;
|
|
19
|
-
iconCheckedBgColor?: string;
|
|
20
|
-
iconUncheckedBorderColor?: string;
|
|
21
|
-
textColor?: string;
|
|
22
|
-
errorStyle?: React.CSSProperties;
|
|
23
|
-
darkMode?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export declare const RadioGroup: React.FC<RadioGroupProps>;
|
|
26
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
type ScreenSize = "sm" | "md" | "lg";
|
|
3
|
-
type ResponsiveValue<T> = T | Partial<Record<ScreenSize, T>>;
|
|
4
|
-
interface StackProps {
|
|
5
|
-
direction?: ResponsiveValue<"vertical" | "horizontal">;
|
|
6
|
-
gap?: ResponsiveValue<1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12>;
|
|
7
|
-
align?: ResponsiveValue<"start" | "center" | "end" | "stretch" | "baseline">;
|
|
8
|
-
justify?: ResponsiveValue<"start" | "center" | "end" | "between" | "around" | "evenly">;
|
|
9
|
-
wrap?: ResponsiveValue<"nowrap" | "wrap" | "wrap-reverse">;
|
|
10
|
-
className?: string;
|
|
11
|
-
children: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
export declare const Stack: React.FC<StackProps>;
|
|
14
|
-
/** Shortcuts for horizontal & vertical stacks */
|
|
15
|
-
export declare const HStack: React.FC<StackProps>;
|
|
16
|
-
export declare const VStack: React.FC<StackProps>;
|
|
17
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface Option {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
}
|
|
6
|
-
interface SwitchGroupProps {
|
|
7
|
-
name?: string;
|
|
8
|
-
options: Option[];
|
|
9
|
-
selectedValues?: string[];
|
|
10
|
-
onChange?: (values: string[]) => void;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
readOnly?: boolean;
|
|
13
|
-
required?: boolean;
|
|
14
|
-
error?: string;
|
|
15
|
-
className?: string;
|
|
16
|
-
style?: React.CSSProperties;
|
|
17
|
-
labelStyle?: React.CSSProperties;
|
|
18
|
-
iconSize?: number;
|
|
19
|
-
iconCheckedBgColor?: string;
|
|
20
|
-
switchBgColor?: string;
|
|
21
|
-
textColor?: string;
|
|
22
|
-
errorStyle?: React.CSSProperties;
|
|
23
|
-
darkMode?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export declare const SwitchGroup: React.FC<SwitchGroupProps>;
|
|
26
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode, CSSProperties } from "react";
|
|
2
|
-
interface TableProps {
|
|
3
|
-
children: ReactNode;
|
|
4
|
-
style?: CSSProperties;
|
|
5
|
-
className?: string;
|
|
6
|
-
}
|
|
7
|
-
interface TableSectionProps {
|
|
8
|
-
children: ReactNode;
|
|
9
|
-
style?: CSSProperties;
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
12
|
-
interface TableCellProps {
|
|
13
|
-
children: ReactNode;
|
|
14
|
-
style?: CSSProperties;
|
|
15
|
-
className?: string;
|
|
16
|
-
}
|
|
17
|
-
export declare const Table: React.FC<TableProps>;
|
|
18
|
-
export declare const THead: React.FC<TableSectionProps>;
|
|
19
|
-
export declare const TBody: React.FC<TableSectionProps>;
|
|
20
|
-
interface TRowProps extends TableSectionProps {
|
|
21
|
-
onClick?: () => void;
|
|
22
|
-
hoverBgColor?: string;
|
|
23
|
-
darkMode?: boolean;
|
|
24
|
-
}
|
|
25
|
-
export declare const TRow: React.FC<TRowProps>;
|
|
26
|
-
export declare const TH: React.FC<TableCellProps>;
|
|
27
|
-
export declare const TD: React.FC<TableCellProps>;
|
|
28
|
-
export {};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React, { CSSProperties } from "react";
|
|
2
|
-
/** 🧩 Types */
|
|
3
|
-
interface TabItem {
|
|
4
|
-
label: React.ReactNode;
|
|
5
|
-
content: React.ReactNode;
|
|
6
|
-
icon?: React.ReactNode;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
ariaLabel?: string;
|
|
9
|
-
}
|
|
10
|
-
interface TabsProps {
|
|
11
|
-
tabs: TabItem[];
|
|
12
|
-
defaultActive?: number;
|
|
13
|
-
position?: "top" | "left" | "right";
|
|
14
|
-
variant?: "solid" | "outline" | "underline";
|
|
15
|
-
fullWidth?: boolean;
|
|
16
|
-
gap?: number;
|
|
17
|
-
radius?: number;
|
|
18
|
-
padding?: string;
|
|
19
|
-
transitionDuration?: number;
|
|
20
|
-
elevation?: number;
|
|
21
|
-
bordered?: boolean;
|
|
22
|
-
/** 🎨 Colors */
|
|
23
|
-
primaryColor?: string;
|
|
24
|
-
backgroundColor?: string;
|
|
25
|
-
textColor?: string;
|
|
26
|
-
hoverColor?: string;
|
|
27
|
-
activeColor?: string;
|
|
28
|
-
borderColor?: string;
|
|
29
|
-
disabledColor?: string;
|
|
30
|
-
/** 📱 Responsive */
|
|
31
|
-
responsiveBreakpoint?: number;
|
|
32
|
-
showDrawerLabel?: string;
|
|
33
|
-
drawerIcon?: React.ReactNode;
|
|
34
|
-
/** ⚙️ Callbacks */
|
|
35
|
-
onTabChange?: (index: number) => void;
|
|
36
|
-
/** 🧱 Classes and Styles */
|
|
37
|
-
className?: string;
|
|
38
|
-
style?: CSSProperties;
|
|
39
|
-
tabClassName?: string;
|
|
40
|
-
contentClassName?: string;
|
|
41
|
-
activeTabStyle?: CSSProperties;
|
|
42
|
-
inactiveTabStyle?: CSSProperties;
|
|
43
|
-
contentStyle?: CSSProperties;
|
|
44
|
-
}
|
|
45
|
-
/** 💎 Modern, Fully Customizable Tabs */
|
|
46
|
-
export declare const Tabs: React.FC<TabsProps>;
|
|
47
|
-
export {};
|