ripal-ui 1.1.2 → 1.1.32

package/index.d.ts

@@ -0,0 +1,123 @@
+// index.d.ts
+declare module 'ripal-ui' {
+	import * as React from 'react';
+
+	type Size = 'sm' | 'md' | 'lg';
+	type Variant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+
+	// Button
+	export interface ButtonProps {
+		children?: React.ReactNode;
+		onClick?: () => void;
+		variant?: Variant;
+		size?: Size;
+		disabled?: boolean;
+		loading?: boolean;
+		className?: string;
+	}
+	export const Button: React.FC<ButtonProps>;
+
+	// Input
+	export interface InputProps {
+		value?: string;
+		onChange?: (value: string) => void;
+		placeholder?: string;
+		type?: string;
+		disabled?: boolean;
+		className?: string;
+	}
+	export const Input: React.FC<InputProps>;
+
+	// Checkbox
+	export interface CheckboxProps {
+		checked?: boolean;
+		onChange?: (checked: boolean) => void;
+		label?: string;
+		disabled?: boolean;
+	}
+	export const Checkbox: React.FC<CheckboxProps>;
+
+	// Text
+	export interface TextProps {
+		children?: React.ReactNode;
+		size?: Size | number;
+		bold?: boolean;
+		color?: string;
+		center?: boolean;
+		className?: string;
+	}
+	export const Text: React.FC<TextProps>;
+
+	// Circle
+	export interface CircleProps {
+		size?: number;
+		color?: string;
+		children?: React.ReactNode;
+	}
+	export const Circle: React.FC<CircleProps>;
+
+	// Row
+	export interface RowProps {
+		children?: React.ReactNode;
+		justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+		align?: 'start' | 'center' | 'end' | 'stretch';
+		gap?: number;
+		className?: string;
+	}
+	export const Row: React.FC<RowProps>;
+
+	// Inline
+	export interface InlineProps {
+		children?: React.ReactNode;
+		wrap?: boolean;
+		gap?: number;
+		className?: string;
+	}
+	export const Inline: React.FC<InlineProps>;
+
+	// Cell
+	export interface CellProps {
+		children?: React.ReactNode;
+		width?: number | string;
+	}
+	export const Cell: React.FC<CellProps>;
+
+	// BottomSheet
+	export interface BottomSheetProps {
+		open: boolean;
+		onClose: () => void;
+		children?: React.ReactNode;
+	}
+	export const BottomSheet: React.FC<BottomSheetProps>;
+
+	// Skeleton
+	export interface SkeletonProps {
+		width?: number | string;
+		height?: number | string;
+		circle?: boolean;
+	}
+	export const Skeleton: React.FC<SkeletonProps>;
+
+	// Dialog
+	export interface DialogProps {
+		open: boolean;
+		title?: string;
+		content?: React.ReactNode;
+		onConfirm?: () => void;
+		onCancel?: () => void;
+		confirmText?: string;
+		cancelText?: string;
+	}
+	export const Dialog: React.FC<DialogProps>;
+
+	// Table
+	export interface TableProps<T = any> {
+		data: T[];
+		columns: {
+			title: string;
+			key: keyof T;
+			render?: (row: T) => React.ReactNode;
+		}[];
+	}
+	export const Table: React.FC<TableProps>;
+}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "ripal-ui",
-  "version": "1.1.02",
+  "version": "1.1.32",
   "description": "A collection of React elements and components",
   "main": "index.js",
+  "types": "index.d.ts",
   "scripts": {
     "build": "babel elements components --out-dir dist",
     "postinstall": "node ./scripts/generateConfig.js"