soumya-ui-kit 1.0.0

package/README.md

@@ -0,0 +1,47 @@
+# My UI Kit
+
+A powerful, extensible, and modern component library built for React.
+
+## Installation
+
+```bash
+npm install my-ui-kit
+```
+
+## Usage
+
+```tsx
+import { CustomButton, CustomInput, CustomCard } from 'my-ui-kit';
+
+function App() {
+  return (
+    <div>
+      <CustomButton label="Click me" variant="contained" />
+      <CustomInput label="Enter text" />
+      <CustomCard title="Card Title" content="Card content goes here" />
+    </div>
+  );
+}
+```
+
+## Components
+
+- **CustomButton** - Customizable button component
+- **CustomInput** - Input field component
+- **CustomCard** - Card container component
+- **CustomModal** - Modal dialog component
+- **CustomSelect** - Select dropdown component
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Build the library
+npm run build
+```
+
+## License
+
+MIT

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CustomButtonProps } from './CustomButton.types';
+export declare const CustomButton: React.FC<CustomButtonProps>;

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

@@ -0,0 +1,12 @@
+export interface CustomButtonProps {
+    label: string;
+    variant?: 'text' | 'outlined' | 'contained';
+    color?: 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    size?: 'small' | 'medium' | 'large';
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { CustomButton } from './CustomButton';
+export type { CustomButtonProps } from './CustomButton.types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CustomCardProps } from './CustomCard.types';
+export declare const CustomCard: React.FC<CustomCardProps>;

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

@@ -0,0 +1,9 @@
+export interface CustomCardProps {
+    title?: string;
+    content?: React.ReactNode;
+    image?: string;
+    imageAlt?: string;
+    actions?: React.ReactNode;
+    elevation?: number;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { CustomCard } from './CustomCard';
+export type { CustomCardProps } from './CustomCard.types';

package/dist/components/Input/CustomInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CustomInputProps } from './CustomInput.types';
+export declare const CustomInput: React.FC<CustomInputProps>;

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

@@ -0,0 +1,17 @@
+export interface CustomInputProps {
+    label?: string;
+    placeholder?: string;
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+    value?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    required?: boolean;
+    fullWidth?: boolean;
+    multiline?: boolean;
+    rows?: number;
+    error?: boolean;
+    helperText?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    className?: string;
+}

package/dist/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { CustomInput } from './CustomInput';
+export type { CustomInputProps } from './CustomInput.types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CustomModalProps } from './CustomModal.types';
+export declare const CustomModal: React.FC<CustomModalProps>;

package/dist/components/Modal/CustomModal.types.d.ts

@@ -0,0 +1,9 @@
+export interface CustomModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    fullWidth?: boolean;
+    actions?: React.ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { CustomModal } from './CustomModal';
+export type { CustomModalProps } from './CustomModal.types';

package/dist/components/Select/CustomSelect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CustomSelectProps } from './CustomSelect.types';
+export declare const CustomSelect: React.FC<CustomSelectProps>;

package/dist/components/Select/CustomSelect.types.d.ts

@@ -0,0 +1,17 @@
+export interface SelectOption {
+    value: string | number;
+    label: string;
+}
+export interface CustomSelectProps {
+    label?: string;
+    value?: string | number;
+    defaultValue?: string | number;
+    options: SelectOption[];
+    onChange?: (event: any) => void;
+    disabled?: boolean;
+    required?: boolean;
+    fullWidth?: boolean;
+    error?: boolean;
+    helperText?: string;
+    className?: string;
+}

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { CustomSelect } from './CustomSelect';
+export type { CustomSelectProps, SelectOption } from './CustomSelect.types';

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Button';
+export * from './Input';
+export * from './Modal';
+export * from './Card';
+export * from './Select';

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components';