@prasadj28/react-neu 1.0.29 → 1.0.30

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/components/Button/Button.css.d.ts

@@ -0,0 +1 @@
+export declare const baseButton: string;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { NeuComponentProps } from '../../styles/types';
+export declare const NeuButton: React.FC<NeuComponentProps<HTMLButtonElement>>;

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

@@ -0,0 +1 @@
+export declare const baseCard: string;

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

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { NeuComponentProps } from '../../styles/types';
+export declare const NeuCard: React.FC<NeuComponentProps<HTMLDivElement>>;

package/dist/components/Checkbox/Checkbox.css.d.ts

@@ -0,0 +1,5 @@
+export declare const checkboxLabel: string;
+export declare const hiddenInput: string;
+export declare const visualBox: string;
+export declare const iconContainer: string;
+export declare const svgIcon: string;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { NeumorphicProps } from '../../styles/types';
+interface CheckboxProps extends NeumorphicProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "color"> {
+    /**
+     * The visual style when checked.
+     * - 'check': Shows a checkmark.
+     * - 'cross': Shows an X.
+     * - 'fill': No icon, the button just sinks (simulates pressing/filling).
+     */
+    selectionStyle?: "check" | "cross" | "fill";
+    /**
+     * Color of the Check or Cross icon.
+     * @default "#333"
+     */
+    selectedColor?: string;
+    /**
+     * Width/Height of the checkbox.
+     * @default "26px"
+     */
+    size?: number | string;
+}
+export declare const NeuCheckbox: React.FC<CheckboxProps>;
+export {};

package/dist/components/Icon/Icon.css.d.ts

@@ -0,0 +1,3 @@
+export declare const iconWrapper: string;
+export declare const layer: string;
+export declare const svgStyle: string;

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { IconName } from './IconPaths';
+import { NeumorphicProps } from '../../styles/types';
+interface IconProps extends NeumorphicProps {
+    icon: IconName;
+    filled?: boolean;
+    fillColor?: string;
+    size?: string;
+    /** * If true, removes the background button shape entirely.
+     * You will see ONLY the icon.
+     */
+    transparent?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+}
+export declare const NeuIcon: React.FC<IconProps>;
+export {};

package/dist/components/Icon/IconPaths.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type IconName = "heart" | "bookmark" | "comment" | "star" | "circle" | "square" | "triangle" | "diamond" | "user" | "gear" | "bell" | "search" | "share" | "mail" | "send" | "camera" | "mic";
+export declare const iconRegistry: Record<IconName, React.ReactElement>;

package/dist/components/Radio/Radio.css.d.ts

@@ -0,0 +1,6 @@
+export declare const radioLabel: string;
+export declare const hiddenRadio: string;
+export declare const visualBox: string;
+export declare const iconContainer: string;
+export declare const radioDot: string;
+export declare const svgIcon: string;

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { NeumorphicProps } from '../../styles/types';
+interface RadioProps extends NeumorphicProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "color"> {
+    /**
+     * Visual style when selected.
+     * - 'dot': Standard radio circle.
+     * - 'check': Checkmark.
+     * - 'cross': X mark.
+     * - 'fill': Sinks in (Inset) without an icon.
+     * @default "dot"
+     */
+    selectionStyle?: "dot" | "check" | "cross" | "fill";
+    /**
+     * Color of the Dot/Icon.
+     * @default "#1e1e1e"
+     */
+    selectedColor?: string;
+    /**
+     * Size of the radio button.
+     * @default "26px"
+     */
+    size?: number | string;
+}
+export declare const NeuRadio: React.FC<RadioProps>;
+export {};

package/dist/components/Ridge/Ridge.css.d.ts

@@ -0,0 +1 @@
+export declare const ridgeContainer: string;

package/dist/components/Ridge/Ridge.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { NeumorphicProps } from '../../styles/types';
+interface RidgeProps extends NeumorphicProps {
+    children: React.ReactNode;
+    /**
+     * Sets the thickness of the ridge frame (padding).
+     * Can be a number (pixels) or string (e.g., "1rem").
+     * @default "10px"
+     */
+    ridgeWidth?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const NeuRidge: React.FC<RidgeProps>;
+export {};

package/dist/components/Slider/Slider.css.d.ts

@@ -0,0 +1,3 @@
+export declare const sliderContainer: string;
+export declare const sliderTrack: string;
+export declare const sliderThumb: string;

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { NeumorphicProps } from '../../styles/types';
+interface SliderProps extends NeumorphicProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    value: number;
+    onChange: (value: number) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    thumbSize?: string;
+}
+export declare const NeuSlider: React.FC<SliderProps>;
+export {};

package/dist/components/TextInput/TextInput.css.d.ts

@@ -0,0 +1 @@
+export declare const baseInput: string;

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { NeumorphicProps } from '../../styles/types';
+type TextInputProps = NeumorphicProps & React.InputHTMLAttributes<HTMLInputElement>;
+export declare const NeuTextInput: React.FC<TextInputProps>;
+export {};

package/dist/components/Toggle/Toggle.css.d.ts

@@ -0,0 +1,6 @@
+export declare const switchLabel: string;
+export declare const hiddenInput: string;
+export declare const switchTrack: string;
+export declare const switchThumb: string;
+export declare const iconContainer: string;
+export declare const svgIcon: string;

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { NeumorphicProps } from '../../styles/types';
+interface SwitchProps extends NeumorphicProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "color" | "shape"> {
+    /**
+     * Visual style of the thumb when active.
+     * - 'plain': Standard empty thumb.
+     * - 'check': Shows a checkmark when ON.
+     * - 'cross': Shows an X when ON.
+     */
+    selectionStyle?: "plain" | "check" | "cross";
+    /**
+     * Color of the Icon (if used).
+     * @default "#1e1e1e"
+     */
+    selectedColor?: string;
+    /**
+     * Width of the switch track. Height is automatically calculated (approx 1/2 of width).
+     * @default "50px"
+     */
+    width?: string;
+    /**
+     * Shape of the switch.
+     * - 'pill': Standard capsule.
+     * - 'square': Rectangular box.
+     */
+    shape?: "pill" | "square" | "rounded";
+}
+export declare const NeuSwitch: React.FC<SwitchProps>;
+export {};

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button/Button';
+export * from './TextInput/TextInput';