@neuctra/ui 0.2.3 → 0.2.5

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

@@ -26,6 +26,5 @@ export interface AlertProps {
     className?: string;
     style?: React.CSSProperties;
 }
-/** 🎯 Production-grade Alert Component */
 export declare const Alert: React.FC<AlertProps>;
 export {};

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode, ElementType, ForwardedRef, ReactElement, ComponentPropsWithoutRef } from 'react';
-type CardVariant = "elevated" | "outline" | "flat";
+type CardVariant = string;
 type CardOwnProps = {
     as?: ElementType;
     children?: ReactNode;

package/dist/components/basic/{CheckRadioInput.d.ts → CheckboxGroup.d.ts}

@@ -3,13 +3,11 @@ interface Option {
     label: string;
     value: string;
 }
-type CheckRadioType = "checkbox" | "radio" | "switch";
-interface CheckRadioProps {
-    type?: CheckRadioType;
+interface CheckboxGroupProps {
     name?: string;
     options: Option[];
-    selectedValues?: string[] | string;
-    onChange?: (value: string | string[]) => void;
+    selectedValues?: string[];
+    onChange?: (values: string[]) => void;
     disabled?: boolean;
     readOnly?: boolean;
     required?: boolean;
@@ -21,9 +19,8 @@ interface CheckRadioProps {
     iconSize?: number;
     iconCheckedBgColor?: string;
     iconUncheckedBorderColor?: string;
-    switchBgColor?: string;
     textColor?: string;
     errorStyle?: React.CSSProperties;
 }
-export declare const CheckRadio: React.FC<CheckRadioProps>;
+export declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
 export {};

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

@@ -1,63 +1,53 @@
 import { default as React } from 'react';
-interface Option {
+export interface Option {
     label: string;
     value: string;
     icon?: React.ReactNode;
     disabled?: boolean;
+    description?: string;
 }
-interface DropdownProps {
+export interface DropdownProps {
     options: Option[];
     value?: string;
+    values?: string[];
     defaultValue?: string;
-    onChange?: (value: string) => void;
+    defaultValues?: string[];
+    onChange?: (value: string | string[]) => void;
     placeholder?: string;
     disabled?: boolean;
     searchable?: boolean;
     multiSelect?: boolean;
     clearable?: boolean;
     virtualized?: boolean;
-    optionHeight?: number;
-    visibleOptions?: number;
-    width?: string;
-    height?: string;
+    width?: string | number;
+    dropdownMaxHeight?: string;
+    borderRadius?: string;
+    boxShadow?: string;
     borderColor?: string;
-    focusBorderColor?: string;
-    errorBorderColor?: string;
-    backgroundColor?: string;
+    accentColor?: string;
+    theme?: "light" | "dark" | "custom";
+    menuBg?: string;
+    controlBg?: string;
     textColor?: string;
+    hoverBg?: string;
+    selectedBg?: string;
+    disabledBg?: string;
+    disabledTextColor?: string;
     placeholderColor?: string;
-    hoverColor?: string;
-    selectedColor?: string;
-    disabledColor?: string;
-    padding?: string;
-    margin?: string;
-    borderRadius?: string;
-    boxShadow?: string;
-    optionPadding?: string;
-    optionGap?: string;
     transitionDuration?: string;
-    dropdownMaxHeight?: string;
-    dropdownMinWidth?: string;
     className?: string;
-    dropdownClassName?: string;
+    controlClassName?: string;
+    menuClassName?: string;
     optionClassName?: string;
-    inputClassName?: string;
     style?: React.CSSProperties;
-    dropdownStyle?: React.CSSProperties;
+    controlStyle?: React.CSSProperties;
+    menuStyle?: React.CSSProperties;
     optionStyle?: React.CSSProperties;
-    inputStyle?: React.CSSProperties;
     iconPrefix?: React.ReactNode;
     iconSuffix?: React.ReactNode;
     clearIcon?: React.ReactNode;
     dropdownIcon?: React.ReactNode;
     checkIcon?: React.ReactNode;
-    ariaLabel?: string;
-    ariaLabelledby?: string;
-    ariaDescribedby?: string;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onOpen?: () => void;
-    onClose?: () => void;
 }
-export declare const Dropdown: React.FC<DropdownProps>;
-export {};
+export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
+export default Dropdown;

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

@@ -1,24 +1,17 @@
 import { default as React, ReactNode, CSSProperties } from 'react';
 export interface ModalProps {
-    /** Controls whether the modal is visible */
     isOpen: boolean;
-    /** Callback fired when modal requests to close */
     onClose: () => void;
-    /** Modal content */
     children: ReactNode;
-    /** Optional ARIA label for accessibility */
     ariaLabel?: string;
-    /** Optional title for screen readers */
     title?: string;
-    /** Custom styles */
     overlayStyle?: CSSProperties;
     modalStyle?: CSSProperties;
     closeButtonStyle?: CSSProperties;
-    /** Enable/disable overlay click to close */
     disableOverlayClose?: boolean;
-    /** Animation duration (ms) */
     transitionDuration?: number;
-    /** Optional classNames for CSS frameworks like Tailwind */
     className?: string;
+    /** Dark mode toggle */
+    darkMode?: boolean;
 }
 export declare const Modal: React.FC<ModalProps>;

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/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 {};