@davidomole/klarity-ui 0.1.0

package/README.md

@@ -0,0 +1,161 @@
+# Klarity Design System
+
+A comprehensive design system built with React, TypeScript, Vite, and Storybook for the Klarity platform.
+
+## 🚀 Getting Started
+
+### Installation
+
+```bash
+yarn install
+```
+
+### Development
+
+Start the Storybook development server:
+
+```bash
+yarn storybook
+```
+
+This will start Storybook on `http://localhost:6006`
+
+### Build
+
+Build the Storybook static site:
+
+```bash
+yarn build-storybook
+```
+
+## 📦 Components
+
+The design system includes the following components:
+
+### Form Components
+- **Button** - Multiple variants (default, primary, secondary, destructive, outline, ghost, link, danger)
+- **Input** - Text input with optional prefix support
+- **CustomInput** - Custom styled input component
+- **Label** - Form label component
+- **Checkbox** - Checkbox input component
+- **Switch** - Toggle switch component
+- **Select** - Dropdown select component
+- **MultiSelect** - Multi-select dropdown component
+- **RadioGroup** - Radio button group component
+- **Upload** - File upload component with drag & drop
+
+### Layout Components
+- **Dialog** - Modal dialog component
+- **AlertDialog** - Alert dialog component
+- **Drawer** - Side drawer component
+- **Popover** - Popover component
+- **Tabs** - Tab navigation component
+- **Accordion** - Accordion component
+- **Progress** - Progress bar component
+
+### Icons
+- **DashboardIcon** - Dashboard icon
+- **SettingsIcon** - Settings icon
+- **ApiWebhooksIcon** - API webhooks icon
+- **BusinessDetailsIcon** - Business details icon
+- **BusinessVerificationIcon** - Business verification icon
+- **IndividualVerificationIcon** - Individual verification icon
+- **VerificationFlowsIcon** - Verification flows icon
+- **RulesIcon** - Rules icon
+- **RulesGroupIcon** - Rules group icon
+- **GetStartedIcon** - Get started icon
+- **GoogleLogoIcon** - Google logo icon
+- **ReactIcon** - React logo icon
+
+## 📖 Usage
+
+### Importing Components
+
+```typescript
+import { Button, Input, Dialog } from '@/components';
+```
+
+### Importing Icons
+
+```typescript
+import { DashboardIcon, SettingsIcon } from '@/components/icons';
+```
+
+### Example Usage
+
+```typescript
+import { Button } from '@/components';
+
+function MyComponent() {
+  return (
+    <Button variant="primary" size="lg">
+      Click me
+    </Button>
+  );
+}
+```
+
+## 🎨 Styling
+
+The design system uses Tailwind CSS with a custom configuration. All components follow the Klarity design tokens:
+
+- **Primary Color**: `#309371` (green)
+- **Secondary Color**: `#9CA3AF` (gray)
+- **Font**: Satoshi (custom font)
+
+## 🧪 Storybook
+
+All components have comprehensive Storybook stories with:
+- Multiple variants
+- Interactive controls
+- Documentation
+- Accessibility testing
+
+View all stories by running `yarn storybook` and navigating through the component library.
+
+## 📁 Project Structure
+
+```
+klarity-ds/
+├── src/
+│   ├── components/        # All UI components
+│   │   ├── icons/         # Icon components
+│   │   └── *.stories.tsx  # Component stories
+│   ├── lib/               # Utility functions
+│   └── index.css          # Global styles
+├── .storybook/            # Storybook configuration
+├── tailwind.config.js     # Tailwind configuration
+└── package.json
+```
+
+## 🛠️ Tech Stack
+
+- **React 19** - UI library
+- **TypeScript** - Type safety
+- **Vite** - Build tool
+- **Storybook 10** - Component documentation
+- **Tailwind CSS** - Styling
+- **Radix UI** - Accessible component primitives
+- **Lucide React** - Icon library
+
+## 📝 Development Guidelines
+
+1. All components should be TypeScript typed
+2. Components should be accessible (ARIA compliant)
+3. Use Tailwind CSS for styling
+4. Create Storybook stories for all components
+5. Follow the existing component patterns
+
+## 🤝 Contributing
+
+When adding new components:
+
+1. Create the component in `src/components/`
+2. Add TypeScript types
+3. Create a Storybook story
+4. Export from `src/components/index.ts`
+5. Update this README if needed
+
+## 📄 License
+
+Private - Klarity Platform

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface AccordionItemProps {
+    id: string;
+    title: string;
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    defaultExpanded?: boolean;
+    className?: string;
+}
+export interface AccordionProps {
+    items: AccordionItemProps[];
+    className?: string;
+    allowMultiple?: boolean;
+}
+export declare const AccordionItem: React.FC<AccordionItemProps>;
+export declare const Accordion: React.FC<AccordionProps>;
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+CtD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4D9C,CAAC"}

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AAGpE,QAAA,MAAM,WAAW,iDAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,iBAAiB,uDAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,wKAYtB,CAAA;AAGF,QAAA,MAAM,kBAAkB,wKAetB,CAAA;AAGF,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,gBAAgB,8KASpB,CAAA;AAGF,QAAA,MAAM,sBAAsB,wLAS1B,CAAA;AAGF,QAAA,MAAM,iBAAiB,6KAYrB,CAAA;AAGF,QAAA,MAAM,iBAAiB,6KAYrB,CAAA;AAGF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}

package/dist/components/button/button.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "lg" | "sm" | "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    /**
+     * Convenience prop for simple text buttons. If both `children` and `text`
+     * are provided, `children` wins.
+     */
+    text?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    iconOnly?: boolean;
+    icon?: React.ReactNode;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,cAAc;;;8EA4BnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,QAAA,MAAM,MAAM,uFAkCX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D,QAAA,MAAM,QAAQ,iKAkBZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/checkbox-field/checkbox-field.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+export interface CheckboxFieldProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    title?: string;
+    subtext?: string;
+    label?: string;
+}
+declare const CheckboxField: React.ForwardRefExoticComponent<CheckboxFieldProps & React.RefAttributes<HTMLButtonElement>>;
+export { CheckboxField };
+//# sourceMappingURL=checkbox-field.d.ts.map

package/dist/components/checkbox-field/checkbox-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-field/checkbox-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAM7D,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,aAAa,8FA8CjB,CAAA;AAGF,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/custom-input/custom-input.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface CustomInputProps extends React.ComponentProps<"input"> {
+    className?: string;
+}
+declare const CustomInput: React.ForwardRefExoticComponent<Omit<CustomInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { CustomInput };
+//# sourceMappingURL=custom-input.d.ts.map

package/dist/components/custom-input/custom-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-input.d.ts","sourceRoot":"","sources":["../../../src/components/custom-input/custom-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;IACrE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,wGAmBhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/components/dialog/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAGzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAGF,QAAA,MAAM,aAAa,8JAiBjB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}

package/dist/components/drawer/drawer.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Drawer: React.FC<DialogPrimitive.DialogProps>;
+declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAGzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAGF,QAAA,MAAM,aAAa,8JAiBjB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}

package/dist/components/filter/filter.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const filterVariants: (props?: ({
+    variant?: "default" | "active" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface FilterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick">, VariantProps<typeof filterVariants> {
+    tagText: string;
+    filterName?: string;
+    active?: boolean;
+    onClick?: () => void;
+}
+declare const Filter: React.ForwardRefExoticComponent<FilterProps & React.RefAttributes<HTMLDivElement>>;
+export { Filter, filterVariants };
+//# sourceMappingURL=filter.d.ts.map

package/dist/components/filter/filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../src/components/filter/filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,cAAc;;8EAanB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,EAC3D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,MAAM,oFAoDX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/icons/AddCircleFilledIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AddCircleFilledIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const AddCircleFilledIcon: React.FC<AddCircleFilledIconProps>;
+export {};
+//# sourceMappingURL=AddCircleFilledIcon.d.ts.map

package/dist/components/icons/AddCircleFilledIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddCircleFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/AddCircleFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA0BlE,CAAC"}

package/dist/components/icons/AddCircleIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AddCircleIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const AddCircleIcon: React.FC<AddCircleIconProps>;
+export {};
+//# sourceMappingURL=AddCircleIcon.d.ts.map

package/dist/components/icons/AddCircleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/AddCircleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmBtD,CAAC"}

package/dist/components/icons/AddIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AddIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const AddIcon: React.FC<AddIconProps>;
+export {};
+//# sourceMappingURL=AddIcon.d.ts.map

package/dist/components/icons/AddIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/AddIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA0B1C,CAAC"}

package/dist/components/icons/AddPhotoIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AddPhotoIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const AddPhotoIcon: React.FC<AddPhotoIconProps>;
+export {};
+//# sourceMappingURL=AddPhotoIcon.d.ts.map

package/dist/components/icons/AddPhotoIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddPhotoIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/AddPhotoIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0BpD,CAAC"}

package/dist/components/icons/ApiWebhooksIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ApiWebhooksIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const ApiWebhooksIcon: React.FC<ApiWebhooksIconProps>;
+export {};
+//# sourceMappingURL=ApiWebhooksIcon.d.ts.map

package/dist/components/icons/ApiWebhooksIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiWebhooksIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ApiWebhooksIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAa1D,CAAC"}

package/dist/components/icons/ArchiveFilledIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ArchiveFilledIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const ArchiveFilledIcon: React.FC<ArchiveFilledIconProps>;
+export {};
+//# sourceMappingURL=ArchiveFilledIcon.d.ts.map

package/dist/components/icons/ArchiveFilledIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchiveFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ArchiveFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0B9D,CAAC"}

package/dist/components/icons/ArchiveIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ArchiveIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const ArchiveIcon: React.FC<ArchiveIconProps>;
+export {};
+//# sourceMappingURL=ArchiveIcon.d.ts.map

package/dist/components/icons/ArchiveIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArchiveIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ArchiveIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAC"}

package/dist/components/icons/AssignmentFilledIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AssignmentFilledIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const AssignmentFilledIcon: React.FC<AssignmentFilledIconProps>;
+export {};
+//# sourceMappingURL=AssignmentFilledIcon.d.ts.map

package/dist/components/icons/AssignmentFilledIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/AssignmentFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,yBAAyB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0BpE,CAAC"}

package/dist/components/icons/AssignmentIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AssignmentIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const AssignmentIcon: React.FC<AssignmentIconProps>;
+export {};
+//# sourceMappingURL=AssignmentIcon.d.ts.map

package/dist/components/icons/AssignmentIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssignmentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/AssignmentIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0BxD,CAAC"}

package/dist/components/icons/BaseIcon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface BaseIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+    strokeWidth?: number;
+    children: React.ReactNode;
+}
+export declare const BaseIcon: React.FC<BaseIconProps>;
+export {};
+//# sourceMappingURL=BaseIcon.d.ts.map

package/dist/components/icons/BaseIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/BaseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAY5C,CAAC"}

package/dist/components/icons/BusinessDetailsIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface BusinessDetailsIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const BusinessDetailsIcon: React.FC<BusinessDetailsIconProps>;
+export {};
+//# sourceMappingURL=BusinessDetailsIcon.d.ts.map

package/dist/components/icons/BusinessDetailsIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusinessDetailsIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/BusinessDetailsIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiDlE,CAAC"}

package/dist/components/icons/BusinessVerificationIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface BusinessVerificationIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const BusinessVerificationIcon: React.FC<BusinessVerificationIconProps>;
+export {};
+//# sourceMappingURL=BusinessVerificationIcon.d.ts.map

package/dist/components/icons/BusinessVerificationIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusinessVerificationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/BusinessVerificationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,6BAA6B;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAiC5E,CAAC"}

package/dist/components/icons/CalendarMonthFilledIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CalendarMonthFilledIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const CalendarMonthFilledIcon: React.FC<CalendarMonthFilledIconProps>;
+export {};
+//# sourceMappingURL=CalendarMonthFilledIcon.d.ts.map

package/dist/components/icons/CalendarMonthFilledIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/CalendarMonthFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,4BAA4B;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA0B1E,CAAC"}

package/dist/components/icons/CalendarMonthIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CalendarMonthIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const CalendarMonthIcon: React.FC<CalendarMonthIconProps>;
+export {};
+//# sourceMappingURL=CalendarMonthIcon.d.ts.map

package/dist/components/icons/CalendarMonthIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarMonthIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/CalendarMonthIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA0B9D,CAAC"}

package/dist/components/icons/CancelFilledIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CancelFilledIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const CancelFilledIcon: React.FC<CancelFilledIconProps>;
+export {};
+//# sourceMappingURL=CancelFilledIcon.d.ts.map

package/dist/components/icons/CancelFilledIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/CancelFilledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAe5D,CAAC"}

package/dist/components/icons/CancelIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CancelIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const CancelIcon: React.FC<CancelIconProps>;
+export {};
+//# sourceMappingURL=CancelIcon.d.ts.map

package/dist/components/icons/CancelIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/CancelIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAehD,CAAC"}

package/dist/components/icons/ChevronBackIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ChevronBackIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const ChevronBackIcon: React.FC<ChevronBackIconProps>;
+export {};
+//# sourceMappingURL=ChevronBackIcon.d.ts.map

package/dist/components/icons/ChevronBackIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronBackIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ChevronBackIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAe1D,CAAC"}

package/dist/components/icons/ChevronForwardIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ChevronForwardIconProps {
+    className?: string;
+    size?: number | string;
+    color?: string;
+}
+export declare const ChevronForwardIcon: React.FC<ChevronForwardIconProps>;
+export {};
+//# sourceMappingURL=ChevronForwardIcon.d.ts.map

package/dist/components/icons/ChevronForwardIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronForwardIcon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/ChevronForwardIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAehE,CAAC"}