@amelharrak/eldo-ui 1.0.1

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

@@ -0,0 +1,20 @@
+export function Input({ type, size, isValid, isInvalid, plaintext, readOnly, disabled, className, ...props }: {
+    [x: string]: any;
+    type?: string | undefined;
+    size: any;
+    isValid: any;
+    isInvalid: any;
+    plaintext?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export function Textarea({ rows, size, isValid, isInvalid, autoResize, className, ...props }: {
+    [x: string]: any;
+    rows?: number | undefined;
+    size: any;
+    isValid: any;
+    isInvalid: any;
+    autoResize?: boolean | undefined;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/InputOTP.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+/**
+ * InputOTP Component
+ * One-time password input
+ *
+ * @param {Object} props
+ * @param {number} [props.length=6] - Number of OTP digits
+ * @param {Function} [props.onComplete] - Handler when all digits are entered
+ * @param {Function} [props.onChange] - Change handler
+ * @param {'numeric' | 'alphanumeric'} [props.type='numeric'] - Input type
+ * @param {string} [props.className] - Additional classes
+ */
+export const InputOTP: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/types/components/ListGroup.d.ts

@@ -0,0 +1,20 @@
+export function ListGroup({ flush, numbered, horizontal, children, className, ...props }: {
+    [x: string]: any;
+    flush?: boolean | undefined;
+    numbered?: boolean | undefined;
+    horizontal?: boolean | undefined;
+    children: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace ListGroup {
+    function Item({ active, disabled, variant, action, href, children, className, ...props }: {
+        [x: string]: any;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        variant: any;
+        action?: boolean | undefined;
+        href: any;
+        children: any;
+        className?: string | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+}

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export function Modal({ isOpen, onClose, title, children, footer, backdrop, keyboard, size, centered, className, ...props }: {
+    isOpen: boolean;
+    onClose: Function;
+    title?: string | undefined;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    backdrop?: boolean | undefined;
+    keyboard?: boolean | undefined;
+    size?: "sm" | "lg" | "xl" | undefined;
+    centered?: boolean | undefined;
+    className?: string | undefined;
+}): React.ReactPortal | null;

package/dist/types/components/Navbar.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+/**
+ * Navbar Component
+ * Responsive navigation header
+ *
+ * @param {Object} props
+ * @param {React.ReactNode} props.children - Navbar content
+ * @param {'light' | 'dark'} [props.variant='light'] - Color variant
+ * @param {string} [props.bg] - Background color
+ * @param {boolean} [props.expand='lg'] - Breakpoint for collapse
+ * @param {string} [props.className] - Additional classes
+ */
+export const Navbar: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const NavbarBrand: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const NavbarToggle: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const NavbarCollapse: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const NavbarNav: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/types/components/NumberInput.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+/**
+ * NumberInput Component
+ * Number input with increment/decrement buttons
+ *
+ * @param {Object} props
+ * @param {number} [props.min] - Minimum value
+ * @param {number} [props.max] - Maximum value
+ * @param {number} [props.step=1] - Step increment
+ * @param {number} [props.value] - Controlled value
+ * @param {number} [props.defaultValue=0] - Default value
+ * @param {Function} [props.onChange] - Change handler
+ * @param {string} [props.className] - Additional classes
+ */
+export const NumberInput: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/types/components/Offcanvas.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+/**
+ * Offcanvas Component
+ * Slide-in panel
+ *
+ * @param {Object} props
+ * @param {boolean} props.isOpen - Controls visibility
+ * @param {Function} props.onClose - Close handler
+ * @param {string} [props.title] - Offcanvas title
+ * @param {React.ReactNode} props.children - Offcanvas content
+ * @param {'start' | 'end' | 'top' | 'bottom'} [props.placement='end'] - Offcanvas placement
+ * @param {boolean} [props.backdrop=true] - Show backdrop
+ * @param {string} [props.className] - Additional classes
+ */
+export const Offcanvas: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/types/components/Pagination.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+/**
+ * Pagination Component
+ * Page navigation
+ *
+ * @param {Object} props
+ * @param {number} props.currentPage - Current active page
+ * @param {number} props.totalPages - Total number of pages
+ * @param {Function} props.onPageChange - Page change handler
+ * @param {number} [props.maxVisible=5] - Maximum visible page numbers
+ * @param {string} [props.size] - Size variant ('sm' | 'lg')
+ * @param {string} [props.className] - Additional classes
+ */
+export const Pagination: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/types/components/Popover.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+/**
+ * Popover Component
+ * Rich popover with title and content
+ *
+ * @param {Object} props
+ * @param {React.ReactNode} props.children - Trigger element
+ * @param {string} [props.title] - Popover title
+ * @param {React.ReactNode} props.content - Popover content
+ * @param {'top' | 'bottom' | 'left' | 'right'} [props.placement='top'] - Popover placement
+ * @param {'click' | 'hover'} [props.trigger='click'] - Trigger type
+ * @param {string} [props.className] - Additional classes
+ */
+export const Popover: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/types/components/Progress.d.ts

@@ -0,0 +1,11 @@
+export function Progress({ value, max, variant, striped, animated, label, showValue, className, ...props }: {
+    [x: string]: any;
+    value?: number | undefined;
+    max?: number | undefined;
+    variant?: string | undefined;
+    striped?: boolean | undefined;
+    animated?: boolean | undefined;
+    label: any;
+    showValue?: boolean | undefined;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export function Radio({ id, name, label, value, checked, disabled, onChange, className, ...props }: {
+    [x: string]: any;
+    id: any;
+    name: any;
+    label: any;
+    value: any;
+    checked: any;
+    disabled?: boolean | undefined;
+    onChange: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Row.d.ts

@@ -0,0 +1,7 @@
+export default Row;
+/**
+ * Row component - wrapper for Bootstrap row
+ * @param {string} className - Additional CSS classes
+ * @param {React.ReactNode} children - Child elements
+ */
+declare function Row({ className, children, ...props }: string): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Scrollspy.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+/**
+ * Scrollspy Component
+ * Scroll tracking navigation
+ *
+ * @param {Object} props
+ * @param {Array<string>} props.targets - Array of target element IDs
+ * @param {Function} [props.onActiveChange] - Handler when active section changes
+ * @param {number} [props.offset=0] - Scroll offset
+ * @param {React.ReactNode} props.children - Navigation items
+ * @param {string} [props.className] - Additional classes
+ */
+export const Scrollspy: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+/**
+ * Select Component
+ * Custom select dropdown with search
+ *
+ * @param {Object} props
+ * @param {Array} props.options - Array of {value, label} objects
+ * @param {*} [props.value] - Controlled value
+ * @param {*} [props.defaultValue] - Default value
+ * @param {Function} [props.onChange] - Change handler
+ * @param {string} [props.placeholder='Select...'] - Placeholder text
+ * @param {boolean} [props.searchable=false] - Enable search
+ * @param {boolean} [props.disabled=false] - Disabled state
+ * @param {string} [props.className] - Additional classes
+ */
+export const Select: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

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

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+/**
+ * Slider Component
+ * Range input slider
+ *
+ * @param {Object} props
+ * @param {number} [props.min=0] - Minimum value
+ * @param {number} [props.max=100] - Maximum value
+ * @param {number} [props.step=1] - Step increment
+ * @param {number} [props.value] - Controlled value
+ * @param {number} [props.defaultValue] - Default value (uncontrolled)
+ * @param {Function} [props.onChange] - Change handler
+ * @param {boolean} [props.showValue=false] - Show current value
+ * @param {string} [props.className] - Additional classes
+ */
+export const Slider: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/types/components/Sonner.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Sonner - Modern toast notification system
+ * Inspired by shadcn/ui's Sonner component
+ */
+export function Toaster({ position, expand, richColors, closeButton, ...props }: {
+    [x: string]: any;
+    position?: string | undefined;
+    expand?: boolean | undefined;
+    richColors?: boolean | undefined;
+    closeButton?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export function useToast(): never;
+export const toast: ((message: any, options?: {}) => void) & {
+    success: (message: any, options?: {}) => void;
+    error: (message: any, options?: {}) => void;
+    warning: (message: any, options?: {}) => void;
+    info: (message: any, options?: {}) => void;
+    loading: (message: any, options?: {}) => void;
+    promise: (promise: any, options?: {}) => any;
+};
+export default toast;

package/dist/types/components/Spinner.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+/**
+ * Spinner Component
+ * Loading spinner
+ *
+ * @param {Object} props
+ * @param {'sm' | 'md' | 'lg'} [props.size='md'] - Spinner size
+ * @param {'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'} [props.variant='primary'] - Spinner color variant
+ * @param {string} [props.className] - Additional classes
+ */
+export const Spinner: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/types/components/Stat.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Stat Component - Display statistics and key metrics
+ *
+ * @param {string} title - The stat title/label
+ * @param {string|number} value - The main stat value
+ * @param {string} description - Optional description or change indicator
+ * @param {string} descClass - CSS class for description (positive/negative)
+ * @param {string} icon - Optional icon (emoji or text)
+ * @param {string} iconBg - Background color for icon
+ * @param {boolean} compact - Use compact variant
+ * @param {number} progress - Progress percentage (0-100)
+ * @param {string} target - Target value for progress variant
+ * @param {number} change - Percentage change for compact variant
+ * @param {string} className - Additional CSS classes
+ */
+export function Stat({ title, value, description, descClass, icon, iconBg, compact, progress, target, change, className, ...props }: string): import("react/jsx-runtime").JSX.Element;
+/**
+ * StatGroup Component - Display multiple stats in a grid
+ *
+ * @param {Array} stats - Array of stat objects
+ * @param {number} columns - Number of columns (2, 3, or 4)
+ */
+export function StatGroup({ stats, columns, className, ...props }: any[]): import("react/jsx-runtime").JSX.Element;
+export default Stat;

package/dist/types/components/Switch.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+/**
+ * Switch Component
+ * Toggle switch for boolean values
+ *
+ * @param {Object} props
+ * @param {boolean} [props.checked] - Controlled checked state
+ * @param {boolean} [props.defaultChecked] - Default checked state (uncontrolled)
+ * @param {Function} [props.onChange] - Change handler
+ * @param {boolean} [props.disabled=false] - Disabled state
+ * @param {string} [props.label] - Label text
+ * @param {string} [props.className] - Additional classes
+ */
+export const Switch: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

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

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+/**
+ * Tabs Component
+ * Tab navigation
+ *
+ * @param {Object} props
+ * @param {number} [props.activeTab] - Controlled active tab index
+ * @param {number} [props.defaultActiveTab=0] - Default active tab
+ * @param {Function} [props.onTabChange] - Tab change handler
+ * @param {React.ReactNode} props.children - Tab panes
+ * @param {string} [props.className] - Additional classes
+ */
+export const Tabs: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export function TabPane({ title, children }: {
+    title: any;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace TabPane {
+    let displayName: string;
+}

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

@@ -0,0 +1,13 @@
+export default Text;
+/**
+ * Text component - wrapper for text utilities
+ * @param {string} align - Text alignment: 'start', 'center', 'end'
+ * @param {string} transform - Text transform: 'lowercase', 'uppercase', 'capitalize'
+ * @param {string} color - Text color: 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark', 'muted'
+ * @param {string} size - Font size: '1', '2', '3', '4', '5', '6'
+ * @param {string} weight - Font weight: 'bold', 'bolder', 'normal', 'light', 'lighter'
+ * @param {string} as - HTML element to render (default: 'p')
+ * @param {string} className - Additional CSS classes
+ * @param {React.ReactNode} children - Child elements
+ */
+declare function Text({ align, transform, color, size, weight, as: Component, className, children, ...props }: string): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Timeline.d.ts

@@ -0,0 +1,41 @@
+export function Timeline({ children, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace Timeline {
+    export { TimelineItem as Item };
+    export { TimelineDate as Date };
+    export { TimelineTitle as Title };
+    export { TimelineText as Text };
+    export { TimelineContent as Content };
+}
+declare function TimelineItem({ children, className, active, completed, animated, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string | undefined;
+    active?: boolean | undefined;
+    completed?: boolean | undefined;
+    animated?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TimelineDate({ children, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TimelineTitle({ children, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TimelineText({ children, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TimelineContent({ children, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    className?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Toast.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+/**
+ * Toast Component
+ * Notification toast
+ *
+ * @param {Object} props
+ * @param {boolean} [props.show] - Controlled visibility
+ * @param {Function} [props.onClose] - Close handler
+ * @param {string} [props.title] - Toast title
+ * @param {React.ReactNode} props.children - Toast content
+ * @param {'primary' | 'success' | 'danger' | 'warning' | 'info'} [props.variant] - Color variant
+ * @param {number} [props.autoHide] - Auto hide duration in ms (false to disable)
+ * @param {'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'} [props.position='top-right'] - Toast position
+ * @param {string} [props.className] - Additional classes
+ */
+export const Toast: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export function createToast(options: any): void;

package/dist/types/components/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+/**
+ * Tooltip Component
+ * Contextual tooltip
+ *
+ * @param {Object} props
+ * @param {React.ReactNode} props.children - Trigger element
+ * @param {string} props.content - Tooltip content
+ * @param {'top' | 'bottom' | 'left' | 'right'} [props.placement='top'] - Tooltip placement
+ * @param {string} [props.className] - Additional classes
+ */
+export const Tooltip: React.ForwardRefExoticComponent<React.RefAttributes<any>>;

package/dist/types/index.d.ts

@@ -0,0 +1,40 @@
+export { Button } from './components/Button';
+export { Alert } from './components/Alert';
+export { Card } from './components/Card';
+export { Modal } from './components/Modal';
+export { Dropdown } from './components/Dropdown';
+export { Tooltip } from './components/Tooltip';
+export { Collapse } from './components/Collapse';
+export { Tabs } from './components/Tabs';
+export { Timeline } from './components/Timeline';
+export { default as Container } from './components/Container';
+export { default as Row } from './components/Row';
+export { default as Col } from './components/Col';
+export { default as Text } from './components/Text';
+export { default as Box } from './components/Box';
+export { Offcanvas } from './components/Offcanvas';
+export { Carousel } from './components/Carousel';
+export { Popover } from './components/Popover';
+export { Scrollspy } from './components/Scrollspy';
+export { Select } from './components/Select';
+export { FileUpload } from './components/FileUpload';
+export { NumberInput } from './components/NumberInput';
+export { Slider } from './components/Slider';
+export { Switch } from './components/Switch';
+export { InputOTP } from './components/InputOTP';
+export { Checkbox } from './components/Checkbox';
+export { Radio } from './components/Radio';
+export { Accordion } from './components/Accordion';
+export { Navbar } from './components/Navbar';
+export { Pagination } from './components/Pagination';
+export { Spinner } from './components/Spinner';
+export { Badge } from './components/Badge';
+export { Avatar } from './components/Avatar';
+export { Breadcrumb } from './components/Breadcrumb';
+export { Progress } from './components/Progress';
+export { ButtonGroup } from './components/ButtonGroup';
+export { ListGroup } from './components/ListGroup';
+export const version: "1.0.1";
+export { Toaster, toast } from './components/Sonner';
+export { Input, Textarea } from './components/Input';
+export { Stat, StatGroup } from './components/Stat';

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "@amelharrak/eldo-ui",
+  "version": "1.0.1",
+  "description": "Modern, lightweight React component library with TypeScript support - 23+ components, tree-shakeable",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "bin": {
+    "eldo-setup": "./setup.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./css/*": "./dist/css/*",
+    "./scss/*": "./src/scss/*"
+  },
+  "files": [
+    "dist",
+    "src/scss",
+    "setup.js",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "dev:lib": "vite build --watch --config vite.config.lib.js",
+    "build": "vite build --config vite.config.lib.js",
+    "build:docs": "vite build",
+    "build:css": "sass src/scss/eldo.scss dist/css/eldo.css",
+    "build:css:min": "sass src/scss/eldo.scss dist/css/eldo.min.css --style=compressed --no-source-map",
+    "build:all": "npm run build && npm run build:css && npm run build:css:min",
+    "preview": "vite preview",
+    "preview:docs": "vite preview --outDir dist-docs",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest --coverage",
+    "prepublishOnly": "npm run build:all",
+    "setup": "node setup.js"
+  },
+  "keywords": [
+    "react",
+    "react-component",
+    "ui-library",
+    "components",
+    "typescript",
+    "modal",
+    "dropdown",
+    "accordion",
+    "hooks",
+    "accessible",
+    "design-system"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/aelharrak/eldo-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/aelharrak/eldo-ui/issues"
+  },
+  "homepage": "https://eldo-ui.com",
+  "author": "Eldo UI Team",
+  "license": "MIT",
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^25.0.7",
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "jsdom": "^27.4.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "sass": "^1.97.1",
+    "terser": "^5.44.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.17"
+  },
+  "peerDependencies": {
+    "@popperjs/core": "^2.11.8",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
+  },
+  "peerDependenciesMeta": {
+    "@popperjs/core": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "optionalDependencies": {
+    "chart.js": "^4.5.1",
+    "prismjs": "^1.30.0"
+  }
+}