uiplex 1.4.1 → 1.5.0

package/README.md

@@ -343,6 +343,188 @@ import { Breadcrumb } from 'uiplex';
 
 **Key Props:** `items` (BreadcrumbItem[]), `separator` (string | React.ReactNode)
 
+### Table
+
+Table component for displaying tabular data with head, body, footer, and configurable variants.
+
+```tsx
+import {
+  Table,
+  TableHead,
+  TableBody,
+  TableRow,
+  TableHeader,
+  TableCell,
+} from 'uiplex';
+
+<Table variant="bordered" size="md">
+  <TableHead>
+    <TableRow>
+      <TableHeader>Name</TableHeader>
+      <TableHeader>Email</TableHeader>
+      <TableHeader>Role</TableHeader>
+    </TableRow>
+  </TableHead>
+  <TableBody>
+    <TableRow>
+      <TableCell>Jane</TableCell>
+      <TableCell>jane@example.com</TableCell>
+      <TableCell>Admin</TableCell>
+    </TableRow>
+  </TableBody>
+</Table>
+```
+
+**Key Props (Table):** `variant` ("default" | "bordered" | "striped"), `size` ("sm" | "md" | "lg")
+
+### Switch
+
+Toggle switch for boolean settings.
+
+```tsx
+import { Switch } from 'uiplex';
+
+<Switch checked={on} onChange={setOn} />
+<Switch label="Enable" defaultChecked size="md" />
+```
+
+**Key Props:** `checked`, `defaultChecked`, `onChange`, `disabled`, `size`, `leftLabel`, `rightLabel` (or `label` + `labelPosition`)
+
+### DateTimePicker
+
+Date, time, or datetime picker (date-only, time-only, or both).
+
+```tsx
+import { DateTimePicker } from 'uiplex';
+
+<DateTimePicker mode="date" value={date} onChange={setDate} />
+<DateTimePicker mode="time" value={time} onChange={setTime} />
+<DateTimePicker mode="datetime" value={dt} onChange={setDt} />
+```
+
+**Key Props:** `mode` ("date" | "time" | "datetime"), `size` ("sm" | "md" | "lg"), `value`, `onChange`, `min`, `max`, `disabled`. Native picker icon follows theme (color-scheme).
+
+### Upload
+
+File upload with drag and drop.
+
+```tsx
+import { Upload } from 'uiplex';
+
+<Upload onFileSelect={(files) => console.log(files)} />
+<Upload multiple accept="image/*" maxSize={1024 * 1024} />
+```
+
+**Key Props:** `onFileSelect`, `onFilesChange`, `accept`, `multiple`, `disabled`, `maxSize`, `children`
+
+### Skeleton
+
+Loading skeleton placeholder.
+
+```tsx
+import { Skeleton } from 'uiplex';
+
+<Skeleton variant="text" width={200} />
+<Skeleton variant="circular" width={40} height={40} />
+<Skeleton variant="rectangular" width={200} height={100} />
+```
+
+**Key Props:** `variant` ("text" | "circular" | "rectangular"), `width`, `height`
+
+### Drawer
+
+Slide-out panel from left, right, top, or bottom. Supports nested drawers via `level`.
+
+```tsx
+import { Drawer, DrawerHeader, DrawerBody, DrawerFooter, DrawerCloseButton, useDisclosure } from 'uiplex';
+
+const { isOpen, onOpen, onClose } = useDisclosure();
+
+<Drawer isOpen={isOpen} onClose={onClose} placement="right" size="md">
+  <DrawerHeader>Title <DrawerCloseButton onClose={onClose} /></DrawerHeader>
+  <DrawerBody>Content</DrawerBody>
+  <DrawerFooter>Footer</DrawerFooter>
+</Drawer>
+
+// Nested: second drawer with level={1}
+<Drawer isOpen={innerOpen} onClose={...} placement="right" level={1}>...</Drawer>
+```
+
+**Key Props:** `isOpen`, `onClose`, `placement` ("left" | "right" | "top" | "bottom"), `size`, `closeOnOverlayClick`, `closeOnEsc`, `level` (for nested)
+
+### Alert
+
+Alert component for important messages with variants and optional close.
+
+```tsx
+import { Alert } from 'uiplex';
+
+<Alert variant="info" title="Info">Your session will expire soon.</Alert>
+<Alert variant="success">Changes saved successfully.</Alert>
+<Alert variant="warning" onClose={() => {}}>Please review before submitting.</Alert>
+<Alert variant="error" title="Error">Something went wrong.</Alert>
+```
+
+**Key Props:** `variant` ("info" | "success" | "warning" | "error"), `title`, `onClose`
+
+### Badge
+
+Small status or count indicator.
+
+```tsx
+import { Badge } from 'uiplex';
+
+<Badge variant="primary">New</Badge>
+<Badge variant="success" size="sm">Active</Badge>
+<Badge variant="danger">3</Badge>
+```
+
+**Key Props:** `variant` ("default" | "primary" | "success" | "warning" | "danger"), `size` ("sm" | "md" | "lg")
+
+### Avatar
+
+User avatar with image and fallback (initials or first letter).
+
+```tsx
+import { Avatar } from 'uiplex';
+
+<Avatar src="/user.jpg" alt="Jane" size="md" />
+<Avatar name="Jane Doe" size="lg" />
+<Avatar size="sm" />
+```
+
+**Key Props:** `src`, `alt`, `name`, `size` ("sm" | "md" | "lg"), `backgroundColor`, `color` (any CSS color for fallback)
+
+### Card
+
+Card container with optional header, body, footer, image, title, and subtitle. **Default variant is theme-adjusted** (follows light/dark theme). Use `variant="dark"` or `variant="light"` to force a look.
+
+```tsx
+import { Card, CardHeader, CardBody, CardFooter, CardImage, CardTitle, CardSubtitle } from 'uiplex';
+
+// Image card (theme-adjusted – default)
+<Card style={{ maxWidth: 320 }}>
+  <CardImage src="/photo.jpg" alt="Card" />
+  <CardBody>
+    <CardTitle>Europe Street beat</CardTitle>
+    <CardSubtitle>www.instagram.com</CardSubtitle>
+  </CardBody>
+</Card>
+
+// Always dark or always light
+<Card variant="dark">...</Card>
+<Card variant="light">...</Card>
+
+// Standard card
+<Card>
+  <CardHeader>Title</CardHeader>
+  <CardBody>Card content goes here.</CardBody>
+  <CardFooter>Footer actions</CardFooter>
+</Card>
+```
+
+**Key Props (Card):** `variant` ("default" | "dark" | "light"). **CardImage:** `src`, `alt`. **CardTitle / CardSubtitle:** typography for image cards.
+
 ### Layout Components
 
 **Box** - Versatile container component

package/dist/Alert/Alert.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./Alert.css";
+export type AlertVariant = "info" | "success" | "warning" | "error";
+export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    children: React.ReactNode;
+    variant?: AlertVariant;
+    title?: string;
+    onClose?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Alert: React.FC<AlertProps>;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwCtC,CAAC"}

package/dist/Alert/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert } from "./Alert";
+export type { AlertProps, AlertVariant } from "./Alert";
+//# sourceMappingURL=index.d.ts.map

package/dist/Alert/index.d.ts.map

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

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./Avatar.css";
+export type AvatarSize = "sm" | "md" | "lg";
+export interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    src?: string | null;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    /** Custom background color for the fallback (e.g. "red", "#3b82f6") */
+    backgroundColor?: string;
+    /** Custom text color for the fallback */
+    color?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAYD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6CxC,CAAC"}

package/dist/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar } from "./Avatar";
+export type { AvatarProps, AvatarSize } from "./Avatar";
+//# sourceMappingURL=index.d.ts.map

package/dist/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./Badge.css";
+export type BadgeVariant = "default" | "primary" | "success" | "warning" | "danger";
+export type BadgeSize = "sm" | "md" | "lg";
+export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "style"> {
+    children: React.ReactNode;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Badge: React.FC<BadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsBtC,CAAC"}

package/dist/Badge/index.d.ts

@@ -0,0 +1,3 @@
+export { Badge } from "./Badge";
+export type { BadgeProps, BadgeVariant, BadgeSize } from "./Badge";
+//# sourceMappingURL=index.d.ts.map

package/dist/Badge/index.d.ts.map

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

package/dist/Card/Card.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import "./Card.css";
+export type CardVariant = "default" | "dark" | "light";
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    children: React.ReactNode;
+    variant?: CardVariant;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Card: React.FC<CardProps>;
+export interface CardImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "style"> {
+    src: string;
+    alt: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const CardImage: React.FC<CardImageProps>;
+export interface CardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const CardHeader: React.FC<CardHeaderProps>;
+export interface CardBodyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const CardBody: React.FC<CardBodyProps>;
+export interface CardFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const CardFooter: React.FC<CardFooterProps>;
+export interface CardTitleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const CardTitle: React.FC<CardTitleProps>;
+export interface CardSubtitleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const CardSubtitle: React.FC<CardSubtitleProps>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoBpC,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAChE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAShD,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAS5C,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAShD,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAS9C,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CASpD,CAAC"}

package/dist/Card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card, CardHeader, CardBody, CardFooter, CardImage, CardTitle, CardSubtitle, } from "./Card";
+export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, CardImageProps, CardTitleProps, CardSubtitleProps, CardVariant, } from "./Card";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,YAAY,GACb,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,EACf,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,WAAW,GACZ,MAAM,QAAQ,CAAC"}

package/dist/DateTimePicker/DateTimePicker.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./DateTimePicker.css";
+export type DateTimePickerMode = "date" | "time" | "datetime";
+export type DateTimePickerSize = "sm" | "md" | "lg";
+export interface DateTimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange"> {
+    mode?: DateTimePickerMode;
+    size?: DateTimePickerSize;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    min?: string;
+    max?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const DateTimePicker: React.FC<DateTimePickerProps>;
+//# sourceMappingURL=DateTimePicker.d.ts.map

package/dist/DateTimePicker/DateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../src/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAC9D,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACxF,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8CxD,CAAC"}

package/dist/DateTimePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { DateTimePicker } from "./DateTimePicker";
+export type { DateTimePickerProps, DateTimePickerMode, DateTimePickerSize } from "./DateTimePicker";
+//# sourceMappingURL=index.d.ts.map

package/dist/DateTimePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateTimePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/Drawer/Drawer.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import "./Drawer.css";
+export type DrawerPlacement = "left" | "right" | "top" | "bottom";
+export interface DrawerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    placement?: DrawerPlacement;
+    size?: "sm" | "md" | "lg" | "full";
+    closeOnOverlayClick?: boolean;
+    closeOnEsc?: boolean;
+    /** Higher level for nested drawers */
+    level?: number;
+    className?: string;
+}
+export interface DrawerHeaderProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface DrawerBodyProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface DrawerFooterProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface DrawerCloseButtonProps {
+    onClose: () => void;
+    className?: string;
+}
+export declare const DrawerCloseButton: React.FC<DrawerCloseButtonProps>;
+export declare const DrawerHeader: React.FC<DrawerHeaderProps>;
+export declare const DrawerBody: React.FC<DrawerBodyProps>;
+export declare const DrawerFooter: React.FC<DrawerFooterProps>;
+export declare const Drawer: React.FC<DrawerProps>;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAc9D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAGmB,CAAC;AAEzE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAGqB,CAAC;AAEvE,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAGmB,CAAC;AAEzE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6DxC,CAAC"}

package/dist/Drawer/index.d.ts

@@ -0,0 +1,3 @@
+export { Drawer, DrawerHeader, DrawerBody, DrawerFooter, DrawerCloseButton, } from "./Drawer";
+export type { DrawerProps, DrawerHeaderProps, DrawerBodyProps, DrawerFooterProps, DrawerCloseButtonProps, DrawerPlacement, } from "./Drawer";
+//# sourceMappingURL=index.d.ts.map

package/dist/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,iBAAiB,GAClB,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,GAChB,MAAM,UAAU,CAAC"}

package/dist/Skeleton/Skeleton.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./Skeleton.css";
+export type SkeletonVariant = "text" | "circular" | "rectangular";
+export interface SkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
+    variant?: SkeletonVariant;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;AAElE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC"}

package/dist/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export { Skeleton } from "./Skeleton";
+export type { SkeletonProps, SkeletonVariant } from "./Skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/Skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import "./Switch.css";
+export type SwitchSize = "sm" | "md" | "lg";
+export type SwitchLabelPosition = "left" | "right";
+export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: SwitchSize;
+    /** Label on the left of the switch */
+    leftLabel?: string;
+    /** Label on the right of the switch */
+    rightLabel?: string;
+    /** Single label (use with labelPosition); ignored when leftLabel/rightLabel are set */
+    label?: string;
+    /** When using label, put it on "left" or "right" */
+    labelPosition?: SwitchLabelPosition;
+    className?: string;
+}
+export declare const Switch: React.FC<SwitchProps>;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiExC,CAAC"}

package/dist/Switch/index.d.ts

@@ -0,0 +1,3 @@
+export { Switch } from "./Switch";
+export type { SwitchProps, SwitchSize, SwitchLabelPosition } from "./Switch";
+//# sourceMappingURL=index.d.ts.map

package/dist/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}

package/dist/Table/Table.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import "./Table.css";
+export type TableSize = "sm" | "md" | "lg";
+export type TableVariant = "default" | "bordered" | "striped";
+export interface TableProps extends Omit<React.HTMLAttributes<HTMLTableElement>, "style"> {
+    children: React.ReactNode;
+    variant?: TableVariant;
+    size?: TableSize;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Table: React.FC<TableProps>;
+export interface TableHeadProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, "style"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const TableHead: React.FC<TableHeadProps>;
+export interface TableBodyProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, "style"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const TableBody: React.FC<TableBodyProps>;
+export interface TableFooterProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, "style"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const TableFooter: React.FC<TableFooterProps>;
+export interface TableRowProps extends Omit<React.HTMLAttributes<HTMLTableRowElement>, "style"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const TableRow: React.FC<TableRowProps>;
+export interface TableHeaderProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, "style"> {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const TableHeader: React.FC<TableHeaderProps>;
+export interface TableCellProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, "style"> {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const TableCell: React.FC<TableCellProps>;
+//# sourceMappingURL=Table.d.ts.map

package/dist/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"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"}

package/dist/Table/index.d.ts

@@ -0,0 +1,3 @@
+export { Table, TableHead, TableBody, TableFooter, TableRow, TableHeader, TableCell, } from "./Table";
+export type { TableProps, TableHeadProps, TableBodyProps, TableFooterProps, TableRowProps, TableHeaderProps, TableCellProps, TableSize, TableVariant, } from "./Table";
+//# sourceMappingURL=index.d.ts.map

package/dist/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,WAAW,EACX,SAAS,GACV,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,YAAY,GACb,MAAM,SAAS,CAAC"}

package/dist/Upload/Upload.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./Upload.css";
+export interface UploadProps {
+    onFileSelect?: (files: File[]) => void;
+    onFilesChange?: (files: FileList | null) => void;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    maxSize?: number;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const Upload: React.FC<UploadProps>;
+//# sourceMappingURL=Upload.d.ts.map

package/dist/Upload/Upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["../../src/Upload/Upload.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAW;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8FxC,CAAC"}

package/dist/Upload/index.d.ts

@@ -0,0 +1,3 @@
+export { Upload } from "./Upload";
+export type { UploadProps } from "./Upload";
+//# sourceMappingURL=index.d.ts.map

package/dist/Upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}