@neuctra/ui 0.1.0

package/dist/types/components/avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface AvatarProps {
+    src: string;
+    alt?: string;
+    size?: "small" | "medium" | "large";
+    className?: string;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+export {};

package/dist/types/components/avatar/AvatarGroup.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface AvatarGroupProps {
+    avatars: string[];
+    size?: "small" | "medium" | "large";
+    maxVisible?: number;
+    className?: string;
+}
+export declare const AvatarGroup: React.FC<AvatarGroupProps>;
+export {};

package/dist/types/components/avatar/AvatarWithStatus.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface AvatarWithStatusProps {
+    src: string;
+    alt?: string;
+    status?: "online" | "offline" | "away" | "busy";
+    size?: "small" | "medium" | "large";
+    className?: string;
+}
+export declare const AvatarWithStatus: React.FC<AvatarWithStatusProps>;
+export {};

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

@@ -0,0 +1,35 @@
+import React from "react";
+interface AccordionItem {
+    title: string;
+    content: React.ReactNode;
+}
+interface AccordionProps {
+    items: AccordionItem[];
+    allowMultiple?: boolean;
+    defaultOpenIndex?: number[];
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    hoverBgColor?: string;
+    hoverTextColor?: string;
+    paddingVertical?: string;
+    paddingHorizontal?: string;
+    margin?: string;
+    iconOpen?: React.ReactNode;
+    iconClose?: React.ReactNode;
+    transitionDuration?: string;
+    borderRadius?: string;
+    shadow?: string;
+    contentPadding?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    iconSize?: string;
+    contentFontSize?: string;
+    contentFontWeight?: string;
+    contentBackgroundColor?: string;
+    contentTextColor?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Accordion: React.FC<AccordionProps>;
+export {};

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

@@ -0,0 +1,18 @@
+import React from "react";
+type AlertType = "success" | "error" | "warning" | "info";
+type AlertPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+interface AlertProps {
+    title?: string;
+    description?: string;
+    type?: AlertType;
+    dismissible?: boolean;
+    onClose?: () => void;
+    duration?: number;
+    icon?: React.ReactNode;
+    actionButton?: React.ReactNode;
+    position?: AlertPosition;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Alert: React.FC<AlertProps>;
+export {};

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

@@ -0,0 +1,16 @@
+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/components/basic/Badge.d.ts

@@ -0,0 +1,26 @@
+import React, { CSSProperties, ReactNode } from "react";
+interface BadgeProps {
+    text?: string;
+    color?: string;
+    textColor?: string;
+    borderColor?: string;
+    icon?: ReactNode;
+    iconPosition?: "left" | "right";
+    rounded?: boolean;
+    borderRadius?: string;
+    borderWidth?: string;
+    fontSize?: string;
+    fontWeight?: number | string;
+    horizontalPadding?: string;
+    verticalPadding?: string;
+    margin?: string;
+    shadow?: string;
+    notificationDot?: boolean;
+    dotColor?: string;
+    count?: number | string;
+    pulse?: boolean;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+export declare const Badge: React.FC<BadgeProps>;
+export {};

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

@@ -0,0 +1,28 @@
+import React, { CSSProperties } from "react";
+interface ButtonProps {
+    children: React.ReactNode;
+    type?: "button" | "submit" | "reset";
+    onClick?: () => void;
+    iconBefore?: React.ReactNode;
+    iconAfter?: React.ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    loadingText?: string;
+    paddingHorizontal?: number;
+    paddingVertical?: number;
+    fontSize?: string;
+    fontWeight?: string | number;
+    borderRadius?: number;
+    backgroundColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    hoverBgColor?: string;
+    hoverTextColor?: string;
+    hoverBorderColor?: string;
+    boxShadow?: string;
+}
+export declare const Button: React.FC<ButtonProps>;
+export {};

package/dist/types/components/basic/CheckRadioInput.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface Option {
+    label: string;
+    value: string;
+}
+interface CheckRadioProps {
+    type: "checkbox" | "radio";
+    name?: string;
+    options: Option[];
+    selectedValues?: string[] | string;
+    onChange?: (value: string | string[]) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    error?: string;
+    className?: string;
+    customIcon?: (checked: boolean) => React.ReactNode;
+}
+export declare const CheckRadio: React.FC<CheckRadioProps>;
+export {};

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

@@ -0,0 +1,32 @@
+import React from "react";
+interface ResponsiveProps<T> {
+    sm?: T;
+    md?: T;
+    lg?: T;
+}
+interface ContainerProps {
+    display?: ResponsiveProps<"block" | "flex" | "grid" | "inline-block">;
+    flexDirection?: ResponsiveProps<"row" | "column" | "row-reverse" | "column-reverse">;
+    justifyContent?: ResponsiveProps<"flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly">;
+    alignItems?: ResponsiveProps<"flex-start" | "center" | "flex-end" | "stretch" | "baseline">;
+    gridTemplateColumns?: ResponsiveProps<string>;
+    gridTemplateRows?: ResponsiveProps<string>;
+    gap?: ResponsiveProps<string>;
+    rowGap?: ResponsiveProps<string>;
+    columnGap?: ResponsiveProps<string>;
+    width?: ResponsiveProps<string>;
+    maxWidth?: ResponsiveProps<string>;
+    height?: ResponsiveProps<string>;
+    padding?: ResponsiveProps<string>;
+    margin?: ResponsiveProps<string>;
+    textAlign?: ResponsiveProps<"left" | "center" | "right">;
+    backgroundColor?: string;
+    border?: ResponsiveProps<string>;
+    borderRadius?: ResponsiveProps<string>;
+    boxShadow?: ResponsiveProps<string>;
+    overflow?: ResponsiveProps<"visible" | "hidden" | "scroll" | "auto">;
+    children: React.ReactNode;
+    className?: string;
+}
+declare const Container: React.FC<ContainerProps>;
+export default Container;

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

@@ -0,0 +1,24 @@
+import React from "react";
+interface DrawerButtonProps {
+    label?: string;
+    icon?: React.ReactNode;
+    iconPosition?: "left" | "right";
+    onClick?: () => void;
+    style?: React.CSSProperties;
+}
+interface DrawerProps {
+    open: boolean;
+    onClose?: () => void;
+    position?: "left" | "right" | "top" | "bottom";
+    width?: string;
+    height?: string;
+    backgroundColor?: string;
+    transitionDuration?: number;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    showCloseButton?: boolean;
+    closeButtonStyle?: React.CSSProperties;
+}
+declare const DrawerButton: React.FC<DrawerButtonProps>;
+declare const Drawer: React.FC<DrawerProps>;
+export { Drawer, DrawerButton };

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

@@ -0,0 +1,37 @@
+import React from "react";
+interface Option {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+}
+interface DropdownProps {
+    options: Option[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    borderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    hoverColor?: string;
+    padding?: string;
+    margin?: string;
+    dropdownWidth?: string;
+    dropdownHeight?: string;
+    borderRadius?: string;
+    boxShadow?: string;
+    optionPadding?: string;
+    optionGap?: string;
+    transitionDuration?: string;
+    className?: string;
+    dropdownStyle?: React.CSSProperties;
+    dropdownClassName?: string;
+    optionStyle?: React.CSSProperties;
+    optionClassName?: string;
+    iconPrefix?: React.ReactNode;
+    iconSuffix?: React.ReactNode;
+    openAnimation?: string;
+}
+export declare const Dropdown: React.FC<DropdownProps>;
+export {};

package/dist/types/components/basic/Flexbox.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+interface ResponsiveProps<T> {
+    sm?: T;
+    md?: T;
+    lg?: T;
+}
+interface FlexboxProps {
+    direction?: ResponsiveProps<"row" | "column">;
+    align?: ResponsiveProps<"flex-start" | "flex-end" | "center" | "stretch" | "baseline">;
+    justify?: ResponsiveProps<"flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly">;
+    gap?: ResponsiveProps<string>;
+    padding?: ResponsiveProps<string>;
+    backgroundColor?: string;
+    children: React.ReactNode;
+    width?: ResponsiveProps<string>;
+    maxWidth?: ResponsiveProps<string>;
+    height?: ResponsiveProps<string>;
+    className?: string;
+}
+declare const Flexbox: React.FC<FlexboxProps>;
+export default Flexbox;

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

@@ -0,0 +1,24 @@
+import React from "react";
+interface ResponsiveProps<T> {
+    sm?: T;
+    md?: T;
+    lg?: T;
+}
+interface GridViewProps {
+    columns?: ResponsiveProps<number>;
+    rows?: ResponsiveProps<number>;
+    gap?: ResponsiveProps<string>;
+    rowGap?: ResponsiveProps<string>;
+    columnGap?: ResponsiveProps<string>;
+    padding?: ResponsiveProps<string>;
+    alignItems?: ResponsiveProps<"start" | "center" | "end" | "stretch">;
+    justifyItems?: ResponsiveProps<"start" | "center" | "end" | "stretch">;
+    backgroundColor?: string;
+    children: React.ReactNode;
+    className?: string;
+    width?: ResponsiveProps<string>;
+    maxWidth?: ResponsiveProps<string>;
+    height?: ResponsiveProps<string>;
+}
+declare const GridView: React.FC<GridViewProps>;
+export default GridView;

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

@@ -0,0 +1,33 @@
+import React from "react";
+interface ImageProps {
+    src?: string;
+    alt?: string;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    borderColor?: string;
+    borderStyle?: "solid" | "dashed" | "dotted" | "double" | "none";
+    borderWidth?: string;
+    shadow?: boolean;
+    boxShadow?: string;
+    opacity?: number;
+    objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
+    overlayText?: string;
+    overlayColor?: string;
+    svgIcon?: React.ReactNode;
+    responsive?: boolean;
+    padding?: string;
+    margin?: string;
+    lazyLoad?: boolean;
+    hoverOpacity?: number;
+    hoverShadow?: boolean;
+    hoverScale?: number;
+    hoverRotate?: number;
+    transitionDuration?: string;
+    overflow?: "hidden" | "scroll" | "auto" | "visible" | "x" | "y";
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+}
+export declare const Image: React.FC<ImageProps>;
+export {};

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

@@ -0,0 +1,38 @@
+import React, { CSSProperties } from "react";
+interface InputProps {
+    type?: "text" | "password" | "email" | "number" | "search" | "tel" | "url" | "textarea";
+    placeholder?: string;
+    label?: string;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (name: string, value: string) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    error?: string;
+    success?: boolean;
+    autoFocus?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    borderColor?: string;
+    focusBorderColor?: string;
+    hoverBorderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    errorColor?: string;
+    successColor?: string;
+    labelColor?: string;
+    size?: "sm" | "md" | "lg";
+    radius?: string;
+    fontSize?: string;
+    rows?: number;
+    cols?: number;
+    maxLength?: number;
+    resize?: boolean;
+    showCharacterCount?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export {};

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

@@ -0,0 +1,26 @@
+import React, { CSSProperties, ReactNode } from "react";
+interface ListItemType {
+    text: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    subItems?: ListItemType[];
+}
+interface ListProps {
+    title?: string;
+    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;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const List: React.FC<ListProps>;
+export {};

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

@@ -0,0 +1,25 @@
+import React from "react";
+interface Column {
+    key: string;
+    label: string;
+    sortable?: boolean;
+}
+interface TableProps {
+    columns: Column[];
+    data: Record<string, any>[];
+    className?: string;
+    pagination?: boolean;
+    rowsPerPage?: number;
+    colors?: {
+        headerBg?: string;
+        headerText?: string;
+        rowBg?: string;
+        rowText?: string;
+        borderColor?: string;
+        hoverBg?: string;
+        paginationBg?: string;
+        paginationText?: string;
+    };
+}
+export declare const Table: React.FC<TableProps>;
+export {};

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

@@ -0,0 +1,34 @@
+import React, { CSSProperties } from "react";
+interface TabItem {
+    label: React.ReactNode;
+    content: React.ReactNode;
+    icon?: React.ReactNode;
+}
+interface TabsBaseProps {
+    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;
+    primaryColor?: string;
+    textColor?: string;
+    backgroundColor?: string;
+    hoverTextColor?: string;
+    responsiveBreakpoint?: number;
+    showDrawerLabel?: string;
+}
+export declare const LeftTabs: React.FC<TabsBaseProps>;
+export declare const TopTabs: React.FC<TabsBaseProps>;
+export declare const RightTabs: React.FC<TabsBaseProps>;
+export {};

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

@@ -0,0 +1,39 @@
+import React, { JSX } from "react";
+interface TextProps {
+    as?: keyof JSX.IntrinsicElements;
+    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";
+    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;
+    onClick?: () => void;
+    href?: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
+    rel?: string;
+}
+export declare const Text: React.FC<TextProps>;
+export {};

package/dist/types/components/basic/VideoPlayer.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface VideoPlayerProps {
+    src: string;
+    poster?: string;
+    autoPlay?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    primaryColor?: string;
+    padding?: string;
+    className?: string;
+}
+export declare const VideoPlayer: React.FC<VideoPlayerProps>;
+export {};

package/dist/types/components/button/ToggleButton.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface ToggleProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    onLabel?: string;
+    offLabel?: string;
+    onColor?: string;
+    offColor?: string;
+    size?: "small" | "medium" | "large";
+    className?: string;
+    onIcon?: React.ReactNode;
+    offIcon?: React.ReactNode;
+}
+export declare const Toggle: React.FC<ToggleProps>;
+export {};

package/dist/types/components/card/Card.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+interface CardProps {
+    children?: React.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    background?: string;
+    textColor?: string;
+    borderRadius?: string;
+    padding?: string;
+    shadow?: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    imageWidth?: string;
+    imageHeight?: string;
+    svgIcon?: React.ReactNode;
+    useSvgInsteadOfImage?: boolean;
+    title?: string;
+    subtitle?: string;
+    buttonText?: string;
+    buttonOnClick?: () => void;
+    buttonClassName?: string;
+    buttonIcon?: React.ReactNode;
+    margin?: string;
+}
+export declare const Card: React.FC<CardProps>;
+export {};

package/dist/types/components/card/ImageCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface ImageCardProps {
+    src: string;
+    title: string;
+    description?: string;
+    className?: string;
+    ImageClassName?: string;
+    buttonText?: string;
+    buttonOnClick?: () => void;
+    buttonClassName?: string;
+    buttonIcon?: React.ReactNode;
+}
+export declare const ImageCard: React.FC<ImageCardProps>;
+export {};

package/dist/types/components/card/InteractiveCard.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface InteractiveCardProps {
+    onClick: () => void;
+    children: React.ReactNode;
+}
+export declare const InteractiveCard: React.FC<InteractiveCardProps>;
+export {};

package/dist/types/components/gallery/AudioGallery.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+interface AudioTrack {
+    src: string;
+    title: string;
+}
+interface AudioGalleryProps {
+    tracks: AudioTrack[];
+    className?: string;
+    theme?: {
+        bg?: string;
+        text?: string;
+        primary?: string;
+        secondary?: string;
+    };
+    showProgress?: boolean;
+    showVolume?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+}
+export declare const AudioGallery: React.FC<AudioGalleryProps>;
+export {};

package/dist/types/components/gallery/ImageGallery.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface ImageGalleryProps {
+    images: {
+        src: string;
+        alt?: string;
+    }[];
+    columns?: number;
+    gap?: string;
+    layout?: "grid" | "masonry";
+    lightbox?: boolean;
+    className?: string;
+}
+export declare const ImageGallery: React.FC<ImageGalleryProps>;
+export {};

package/dist/types/components/gallery/VideoGallery.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+interface VideoGalleryProps {
+    videos: {
+        src: string;
+        poster?: string;
+    }[];
+    columns?: number;
+    gap?: string;
+    layout?: "grid" | "masonry";
+    lightbox?: boolean;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    controls?: boolean;
+    className?: string;
+}
+export declare const VideoGallery: React.FC<VideoGalleryProps>;
+export {};