@vtx-ui/react 0.0.1-beta.15 → 0.0.1-beta.17

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import './FileUpload.css';
+export interface FileItem {
+    id: string;
+    file: File;
+    status: 'uploading' | 'success' | 'error';
+    progress: number;
+    previewUrl?: string;
+    error?: string;
+}
+export interface FileUploadProps {
+    /**
+     * Label text displayed above the dropzone
+     */
+    label?: string;
+    /**
+     * Helper text displayed below the dropzone
+     */
+    helperText?: string;
+    /**
+     * Error message - when provided, dropzone is shown in error state
+     */
+    error?: string;
+    /**
+     * Accepted file types (e.g., "image/*, .pdf")
+     */
+    accept?: string;
+    /**
+     * Allow multiple file selection
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Maximum file size in bytes
+     */
+    maxSize?: number;
+    /**
+     * Callback fired when files are added/uploaded
+     */
+    onUpload?: (files: FileItem[]) => void;
+    /**
+     * Callback fired when a file is removed
+     */
+    onRemove?: (fileId: string) => void;
+    /**
+     * Custom icon mapping for file extensions
+     * @example { 'pdf': <PdfIcon />, 'docx': <DocIcon /> }
+     */
+    customIcons?: Record<string, React.ReactNode>;
+    /**
+     * Disable the dropzone
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Required field indicator
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Custom class name for the wrapper
+     */
+    className?: string;
+    /**
+     * Initial files to populate the list
+     */
+    initialFiles?: FileItem[];
+}
+/**
+ * FileUpload component - Drag & drop file upload with previews and progress
+ */
+export declare const FileUpload: React.FC<FileUploadProps>;
+export default FileUpload;
+//# sourceMappingURL=FileUpload.d.ts.map

package/dist/types/components/FileUpload/FileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAc3D,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC;CAC3B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+ThD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/components/FileUpload/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FileUpload';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/FileUpload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import './Flex.css';
 export interface FlexProps {
     /** Child elements */
     children?: React.ReactNode;
@@ -21,7 +20,7 @@ export interface FlexProps {
     columnGap?: number | string;
     /** Whether the container is inline-flex */
     inline?: boolean;
-    /** Whether the container takes full width (default: true) */
+    /** Whether the container takes full width (default: false) */
     fullWidth?: boolean;
     /** Flex grow value */
     grow?: number;
@@ -36,10 +35,33 @@ export interface FlexProps {
     /** HTML element to render as */
     as?: 'div' | 'section' | 'article' | 'aside' | 'header' | 'footer' | 'nav' | 'main';
 }
-declare const FlexWithParsedClasses: {
-    (props: FlexProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * Flex component - A flexible container for flexbox layouts
+ *
+ * @example
+ * ```tsx
+ * // Basic row with gap
+ * <Flex gap={16}>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Flex>
+ *
+ * // Centered column
+ * <Flex direction="column" align="center" justify="center">
+ *   <h1>Title</h1>
+ *   <p>Content</p>
+ * </Flex>
+ *
+ * // Space between with wrap
+ * <Flex justify="between" wrap="wrap" gap={8}>
+ *   <button>Button 1</button>
+ *   <button>Button 2</button>
+ *   <button>Button 3</button>
+ * </Flex>
+ * ```
+ */
+declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const _default: React.FC<FlexProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;
-export { FlexWithParsedClasses as Flex };
+export { Flex };
+//# sourceMappingURL=Flex.d.ts.map

package/dist/types/components/Flex/Flex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,SAAS;IACxB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;IAChE,yBAAyB;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;IAC1C,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5D,2CAA2C;IAC3C,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7E,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gCAAgC;IAChC,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CACrF;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,IAAI,yHA0ET,CAAC;wBAIqB,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAAhF,wBAAiF;AACjF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/types/components/Flex/index.d.ts

@@ -1,3 +1,4 @@
 export { default as Flex } from './Flex';
 export type { FlexProps } from './Flex';
 export { Flex as FlexComponent } from './Flex';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Flex/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -68,10 +68,54 @@ export interface FormControlProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     labelPosition?: 'top' | 'left';
 }
-declare const FormControlWithParsedClasses: {
-    (props: FormControlProps & React.RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * FormControl component - Wrapper for form inputs with consistent spacing and layout
+ *
+ * Provides consistent label, helper text, error handling, and spacing for all form inputs.
+ * Works with Input, Textarea, Select, RichTextEditor, and custom form components.
+ *
+ * @example
+ * Basic usage
+ * ```tsx
+ * <FormControl label="Email" helperText="Enter your email address">
+ *   <Input type="email" placeholder="you@example.com" />
+ * </FormControl>
+ * ```
+ *
+ * @example
+ * With error state
+ * ```tsx
+ * <FormControl label="Password" error="Password is required" required>
+ *   <Input type="password" />
+ * </FormControl>
+ * ```
+ *
+ * @example
+ * Form with multiple fields
+ * ```tsx
+ * <div>
+ *   <FormControl label="First Name" required>
+ *     <Input />
+ *   </FormControl>
+ *   <FormControl label="Last Name" required>
+ *     <Input />
+ *   </FormControl>
+ *   <FormControl label="Bio" helperText="Tell us about yourself">
+ *     <Textarea />
+ *   </FormControl>
+ * </div>
+ * ```
+ *
+ * @example
+ * Horizontal label
+ * ```tsx
+ * <FormControl label="Email" labelPosition="left">
+ *   <Input type="email" />
+ * </FormControl>
+ * ```
+ */
+declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>>;
 declare const _default: React.FC<FormControlProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;
-export { FormControlWithParsedClasses as FormControl };
+export { FormControl };
+//# sourceMappingURL=FormControl.d.ts.map

package/dist/types/components/FormControl/FormControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,WAAW,yFAsFhB,CAAC;wBAI4B,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAA9F,wBAA+F;AAC/F,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/types/components/FormControl/index.d.ts

@@ -1,3 +1,4 @@
 export { default as FormControl } from './FormControl';
 export type { FormControlProps } from './FormControl';
 export { FormControl as FormControlComponent } from './FormControl';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/FormControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/FormControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC"}

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

@@ -75,10 +75,84 @@ export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     children?: React.ReactNode;
 }
-declare const GridWithParsedClasses: {
-    (props: GridProps & React.RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * Grid component - A responsive grid layout system
+ *
+ * The Grid component uses a 12-column responsive grid layout inspired by Material-UI.
+ * It supports five breakpoints (xs, sm, md, lg, xl) and provides flexible spacing,
+ * alignment, and direction options.
+ *
+ * ## Breakpoints
+ * - xs: 0px and up (extra small devices)
+ * - sm: 600px and up (small devices)
+ * - md: 960px and up (medium devices)
+ * - lg: 1280px and up (large devices)
+ * - xl: 1920px and up (extra large devices)
+ *
+ * ## CSS Customization
+ *
+ * You can customize the grid spacing using CSS custom properties:
+ *
+ * ```css
+ * :root {
+ *   --vtx-grid-spacing-unit: 8px;
+ * }
+ * ```
+ *
+ * @example
+ * Basic grid with equal columns
+ * ```tsx
+ * <Grid container spacing={2}>
+ *   <Grid item xs={12} sm={6} md={4}>
+ *     <div>Column 1</div>
+ *   </Grid>
+ *   <Grid item xs={12} sm={6} md={4}>
+ *     <div>Column 2</div>
+ *   </Grid>
+ *   <Grid item xs={12} sm={6} md={4}>
+ *     <div>Column 3</div>
+ *   </Grid>
+ * </Grid>
+ * ```
+ *
+ * @example
+ * Responsive layout
+ * ```tsx
+ * <Grid container spacing={3}>
+ *   <Grid item xs={12} md={8}>
+ *     <div>Main content</div>
+ *   </Grid>
+ *   <Grid item xs={12} md={4}>
+ *     <div>Sidebar</div>
+ *   </Grid>
+ * </Grid>
+ * ```
+ *
+ * @example
+ * Auto-width columns
+ * ```tsx
+ * <Grid container spacing={2}>
+ *   <Grid item xs="auto">
+ *     <div>Auto width</div>
+ *   </Grid>
+ *   <Grid item xs>
+ *     <div>Fills remaining space</div>
+ *   </Grid>
+ * </Grid>
+ * ```
+ *
+ * @example
+ * With alignment
+ * ```tsx
+ * <Grid container spacing={2} justifyContent="center" alignItems="center">
+ *   <Grid item xs={6}>
+ *     <div>Centered content</div>
+ *   </Grid>
+ * </Grid>
+ * ```
+ */
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
 declare const _default: React.FC<GridProps & React.RefAttributes<HTMLDivElement>>;
 export default _default;
-export { GridWithParsedClasses as Grid };
+export { Grid };
+//# sourceMappingURL=Grid.d.ts.map

package/dist/types/components/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,KAAK,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AACpF,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAE9D,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd;;OAEG;IACH,cAAc,CAAC,EACX,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,eAAe,GACf,cAAc,GACd,cAAc,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC3E;;OAEG;IACH,YAAY,CAAC,EACT,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,eAAe,GACf,cAAc,GACd,SAAS,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAC;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;IAC1C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,QAAA,MAAM,IAAI,kFAuET,CAAC;wBAIqB,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAAhF,wBAAiF;AACjF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/types/components/Grid/index.d.ts

@@ -1,3 +1,4 @@
 export { default as Grid } from './Grid';
 export type { GridProps } from './Grid';
 export { Grid as GridComponent } from './Grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -101,10 +101,40 @@ export interface HeaderProps {
      */
     sticky?: boolean;
 }
-declare const HeaderWithParsedClasses: {
-    (props: HeaderProps & React.RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * Header component - Professional admin panel header with notifications and user menu
+ *
+ * @example
+ * Basic header
+ * ```tsx
+ * <Header
+ *   title="Admin Dashboard"
+ *   userName="John Doe"
+ *   userSubtitle="Admin"
+ *   onToggleSidebar={() => setCollapsed(!collapsed)}
+ * />
+ * ```
+ *
+ * @example
+ * With notifications
+ * ```tsx
+ * <Header
+ *   title="Dashboard"
+ *   notifications={[
+ *     { id: '1', title: 'New order received', time: '2 min ago', read: false },
+ *     { id: '2', title: 'User registered', time: '1 hour ago', read: true }
+ *   ]}
+ *   userName="John Doe"
+ *   userMenuItems={[
+ *     { label: 'Profile', icon: <UserIcon /> },
+ *     { label: 'Settings', icon: <SettingsIcon /> },
+ *     { label: 'Logout', icon: <LogoutIcon />, variant: 'danger' }
+ *   ]}
+ * />
+ * ```
+ */
+declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>>;
 declare const _default: React.FC<HeaderProps & React.RefAttributes<HTMLElement>>;
 export default _default;
-export { HeaderWithParsedClasses as Header };
+export { Header };
+//# sourceMappingURL=Header.d.ts.map

package/dist/types/components/Header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACjD;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;QAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC,CAAC;IACH;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAwFD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,MAAM,oFAiKX,CAAC;wBAIuB,KAAK,CAAC,EAAE,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAAjF,wBAAkF;AAClF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/types/components/Header/index.d.ts

@@ -1,3 +1,4 @@
 export { default as Header } from './Header';
 export type { HeaderProps, NotificationItem } from './Header';
 export { Header as HeaderComponent } from './Header';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC"}

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

@@ -1,14 +1,46 @@
 import React from 'react';
+import './Image.css';
 export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
     /**
-     * If true, always use native <img> even if a custom imageComponent is provided in ThemeProvider
+     * Source URL of the image
+     */
+    src: string;
+    /**
+     * Alternate text for the image
+     */
+    alt: string;
+    /**
+     * Fallback image source to show while loading or on error
+     */
+    fallback?: string;
+    /**
+     * Custom component to render the image (e.g. Next.js Image)
+     * Defaults to standard 'img' tag
+     */
+    component?: React.ElementType;
+    /**
+     * Whether to eager load the image
      * @default false
      */
-    forceNative?: boolean;
+    priority?: boolean;
+    /**
+     * Additional CSS class name for the wrapper
+     */
+    className?: string;
+    /**
+     * Additional CSS styles for the wrapper
+     */
+    style?: React.CSSProperties;
     /**
-     * Custom image component to use (overrides ThemeProvider)
+     * Props to pass to the underlying image component
      */
-    imageComponent?: React.ElementType;
+    imageProps?: Record<string, any>;
 }
-export declare const Image: React.FC<ImageProps>;
-export default Image;
+declare const ImageWithParsedClasses: {
+    (props: ImageProps & React.RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const _default: React.FC<ImageProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export { ImageWithParsedClasses as Image };
+//# sourceMappingURL=Image.d.ts.map

package/dist/types/components/Image/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACzE;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACpC;AA2HD,QAAA,MAAM,sBAAsB;;;CAA2B,CAAC;wBAEf,KAAK,CAAC,EAAE,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AAAnG,wBAAoG;AACpG,OAAO,EAAE,sBAAsB,IAAI,KAAK,EAAE,CAAC"}

package/dist/types/components/Image/index.d.ts

@@ -1,2 +1,3 @@
-export { Image } from './Image';
+export { default as Image } from './Image';
 export type { ImageProps } from './Image';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

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

@@ -74,10 +74,59 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      */
     suffix?: string;
 }
-declare const InputWithParsedClasses: {
-    (props: InputProps & React.RefAttributes<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * Input component - Text input field with label, helper text, validation states, and rich features
+ *
+ * A comprehensive input component with support for icons, prefixes, suffixes, character counting,
+ * clear functionality, and various validation states.
+ *
+ * @example
+ * Basic usage
+ * ```tsx
+ * <Input
+ *   label="Email"
+ *   type="email"
+ *   placeholder="Enter your email"
+ *   helperText="We'll never share your email"
+ * />
+ * ```
+ *
+ * @example
+ * With error state
+ * ```tsx
+ * <Input
+ *   label="Username"
+ *   error="Username is already taken"
+ *   value={username}
+ *   onChange={(e) => setUsername(e.target.value)}
+ * />
+ * ```
+ *
+ * @example
+ * With icons and clear button
+ * ```tsx
+ * <Input
+ *   label="Search"
+ *   leftIcon={<SearchIcon />}
+ *   clearable
+ *   onClear={() => setSearch('')}
+ * />
+ * ```
+ *
+ * @example
+ * With character counter
+ * ```tsx
+ * <Input
+ *   label="Bio"
+ *   maxLength={100}
+ *   showCount
+ *   value={bio}
+ *   onChange={(e) => setBio(e.target.value)}
+ * />
+ * ```
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 declare const _default: React.FC<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default _default;
-export { InputWithParsedClasses as Input };
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAmB,MAAM,aAAa,CAAC;AACpD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACrF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AACH,QAAA,MAAM,KAAK,qFA+JV,CAAC;wBAIsB,KAAK,CAAC,EAAE,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;AAApF,wBAAqF;AACrF,OAAO,EAAE,KAAK,EAAE,CAAC"}

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

@@ -1,3 +1,4 @@
 export { default as Input } from './Input';
 export type { InputProps } from './Input';
 export { Input as InputComponent } from './Input';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,SAAS,CAAC"}

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

@@ -59,10 +59,54 @@ export interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>,
     download?: boolean | string;
     children?: React.ReactNode;
 }
-declare const LinkWithParsedClasses: {
-    (props: LinkProps & React.RefAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+/**
+ * Link component - Hyperlink with routing library support
+ *
+ * A flexible link component that works with native anchors, React Router, Next.js,
+ * or any custom routing library. Supports text variants and theming.
+ *
+ * @example
+ * Basic usage (native link)
+ * ```tsx
+ * <Link href="/about">About Us</Link>
+ * ```
+ *
+ * @example
+ * With React Router
+ * ```tsx
+ * import { Link as RouterLink } from 'react-router-dom'
+ * <Link component={RouterLink} to="/dashboard">Dashboard</Link>
+ * ```
+ *
+ * @example
+ * With Next.js
+ * ```tsx
+ * import NextLink from 'next/link'
+ * <Link component={NextLink} href="/profile">Profile</Link>
+ * ```
+ *
+ * @example
+ * With variants and icons
+ * ```tsx
+ * <Link
+ *   href="/downloads"
+ *   variant="h6"
+ *   leftIcon={<DownloadIcon />}
+ * >
+ *   Download
+ * </Link>
+ * ```
+ *
+ * @example
+ * External link
+ * ```tsx
+ * <Link href="https://example.com" external>
+ *   Visit Website
+ * </Link>
+ * ```
+ */
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 declare const _default: React.FC<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
 export default _default;
-export { LinkWithParsedClasses as Link };
+export { Link };
+//# sourceMappingURL=Link.d.ts.map

package/dist/types/components/Link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACtF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC5F;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,IAAI,qFAoGT,CAAC;wBAIqB,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAAnF,wBAAoF;AACpF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/types/components/Link/index.d.ts

@@ -1,3 +1,4 @@
 export { default as Link } from './Link';
 export type { LinkProps } from './Link';
 export { Link as LinkComponent } from './Link';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC"}