@customafk/lunas-ui 0.0.1-e → 0.0.2-a

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@customafk/lunas-ui",
   "private": false,
-  "version": "0.0.1-e",
+  "version": "0.0.2-a",
   "type": "module",
   "homepage": "https://docs.customafk.com",
   "repository": {
@@ -14,6 +14,11 @@
   "module": "./dist/Atoms/index.js",
   "types": "./dist/Atoms/index.d.ts",
   "exports": {
+    "./tailwindTheme": {
+      "types": "./dist/tailwindTheme.d.ts",
+      "import": "./dist/tailwindTheme.js",
+      "require": "./dist/tailwindTheme.js"
+    },
     "./hooks": {
       "types": "./dist/hooks/index.d.ts",
       "import": "./dist/hooks/index.js",
@@ -24,30 +29,200 @@
       "import": "./dist/Icons/index.js",
       "require": "./dist/Icons/index.js"
     },
-    "./Layout": {
-      "types": "./dist/Layout/index.d.ts",
-      "import": "./dist/Layout/index.js",
-      "require": "./dist/Layout/index.js"
+    "./Atoms/Accordion": {
+      "types": "./dist/Atoms/Accordion/index.d.ts",
+      "import": "./dist/Atoms/Accordion/index.js",
+      "require": "./dist/Atoms/Accordion/index.js"
     },
-    "./Atoms": {
-      "types": "./dist/Atoms/index.d.ts",
-      "import": "./dist/Atoms/index.js",
-      "require": "./dist/Atoms/index.js"
+    "./Atoms/AlertDialog": {
+      "types": "./dist/Atoms/AlertDialog/index.d.ts",
+      "import": "./dist/Atoms/AlertDialog/index.js",
+      "require": "./dist/Atoms/AlertDialog/index.js"
     },
-    "./Molecules": {
-      "types": "./dist/Molecules/index.d.ts",
-      "import": "./dist/Molecules/index.js",
-      "require": "./dist/Molecules/index.js"
+    "./Atoms/Avatar": {
+      "types": "./dist/Atoms/Avatar/index.d.ts",
+      "import": "./dist/Atoms/Avatar/index.js",
+      "require": "./dist/Atoms/Avatar/index.js"
     },
-    "./Organisms": {
-      "types": "./dist/Organisms/index.d.ts",
-      "import": "./dist/Organisms/index.js",
-      "require": "./dist/Organisms/index.js"
+    "./Atoms/Badge": {
+      "types": "./dist/Atoms/Badge/index.d.ts",
+      "import": "./dist/Atoms/Badge/index.js",
+      "require": "./dist/Atoms/Badge/index.js"
     },
-    "./tailwindTheme": {
-      "types": "./dist/tailwindTheme.d.ts",
-      "import": "./dist/tailwindTheme.js",
-      "require": "./dist/tailwindTheme.js"
+    "./Atoms/Breadcrumb": {
+      "types": "./dist/Atoms/Breadcrumb/index.d.ts",
+      "import": "./dist/Atoms/Breadcrumb/index.js",
+      "require": "./dist/Atoms/Breadcrumb/index.js"
+    },
+    "./Atoms/Button": {
+      "types": "./dist/Atoms/Button/index.d.ts",
+      "import": "./dist/Atoms/Button/index.js",
+      "require": "./dist/Atoms/Button/index.js"
+    },
+    "./Atoms/Card": {
+      "types": "./dist/Atoms/Card/index.d.ts",
+      "import": "./dist/Atoms/Card/index.js",
+      "require": "./dist/Atoms/Card/index.js"
+    },
+    "./Atoms/Carousel": {
+      "types": "./dist/Atoms/Carousel/index.d.ts",
+      "import": "./dist/Atoms/Carousel/index.js",
+      "require": "./dist/Atoms/Carousel/index.js"
+    },
+    "./Atoms/Checkbox": {
+      "types": "./dist/Atoms/Checkbox/index.d.ts",
+      "import": "./dist/Atoms/Checkbox/index.js",
+      "require": "./dist/Atoms/Checkbox/index.js"
+    },
+    "./Atoms/Command": {
+      "types": "./dist/Atoms/Command/index.d.ts",
+      "import": "./dist/Atoms/Command/index.js",
+      "require": "./dist/Atoms/Command/index.js"
+    },
+    "./Atoms/Dialog": {
+      "types": "./dist/Atoms/Dialog/index.d.ts",
+      "import": "./dist/Atoms/Dialog/index.js",
+      "require": "./dist/Atoms/Dialog/index.js"
+    },
+    "./Atoms/DropdownMenu": {
+      "types": "./dist/Atoms/DropdownMenu/index.d.ts",
+      "import": "./dist/Atoms/DropdownMenu/index.js",
+      "require": "./dist/Atoms/DropdownMenu/index.js"
+    },
+    "./Atoms/Form": {
+      "types": "./dist/Atoms/Form/index.d.ts",
+      "import": "./dist/Atoms/Form/index.js",
+      "require": "./dist/Atoms/Form/index.js"
+    },
+    "./Atoms/Input": {
+      "types": "./dist/Atoms/Input/index.d.ts",
+      "import": "./dist/Atoms/Input/index.js",
+      "require": "./dist/Atoms/Input/index.js"
+    },
+    "./Atoms/Label": {
+      "types": "./dist/Atoms/Label/index.d.ts",
+      "import": "./dist/Atoms/Label/index.js",
+      "require": "./dist/Atoms/Label/index.js"
+    },
+    "./Atoms/Money": {
+      "types": "./dist/Atoms/Money/index.d.ts",
+      "import": "./dist/Atoms/Money/index.js",
+      "require": "./dist/Atoms/Money/index.js"
+    },
+    "./Atoms/Navbar": {
+      "types": "./dist/Atoms/Navbar/index.d.ts",
+      "import": "./dist/Atoms/Navbar/index.js",
+      "require": "./dist/Atoms/Navbar/index.js"
+    },
+    "./Atoms/NavigationMenu": {
+      "types": "./dist/Atoms/NavigationMenu/index.d.ts",
+      "import": "./dist/Atoms/NavigationMenu/index.js",
+      "require": "./dist/Atoms/NavigationMenu/index.js"
+    },
+    "./Atoms/Progress": {
+      "types": "./dist/Atoms/Progress/index.d.ts",
+      "import": "./dist/Atoms/Progress/index.js",
+      "require": "./dist/Atoms/Progress/index.js"
+    },
+    "./Atoms/QuantityBtn": {
+      "types": "./dist/Atoms/QuantityBtn/index.d.ts",
+      "import": "./dist/Atoms/QuantityBtn/index.js",
+      "require": "./dist/Atoms/QuantityBtn/index.js"
+    },
+    "./Atoms/ScrollBar": {
+      "types": "./dist/Atoms/ScrollBar/index.d.ts",
+      "import": "./dist/Atoms/ScrollBar/index.js",
+      "require": "./dist/Atoms/ScrollBar/index.js"
+    },
+    "./Atoms/Select": {
+      "types": "./dist/Atoms/Select/index.d.ts",
+      "import": "./dist/Atoms/Select/index.js",
+      "require": "./dist/Atoms/Select/index.js"
+    },
+    "./Atoms/Separator": {
+      "types": "./dist/Atoms/Separator/index.d.ts",
+      "import": "./dist/Atoms/Separator/index.js",
+      "require": "./dist/Atoms/Separator/index.js"
+    },
+    "./Atoms/Sheet": {
+      "types": "./dist/Atoms/Sheet/index.d.ts",
+      "import": "./dist/Atoms/Sheet/index.js",
+      "require": "./dist/Atoms/Sheet/index.js"
+    },
+    "./Atoms/Skeleton": {
+      "types": "./dist/Atoms/Skeleton/index.d.ts",
+      "import": "./dist/Atoms/Skeleton/index.js",
+      "require": "./dist/Atoms/Skeleton/index.js"
+    },
+    "./Atoms/Slider": {
+      "types": "./dist/Atoms/Slider/index.d.ts",
+      "import": "./dist/Atoms/Slider/index.js",
+      "require": "./dist/Atoms/Slider/index.js"
+    },
+    "./Atoms/Switch": {
+      "types": "./dist/Atoms/Switch/index.d.ts",
+      "import": "./dist/Atoms/Switch/index.js",
+      "require": "./dist/Atoms/Switch/index.js"
+    },
+    "./Atoms/Textarea": {
+      "types": "./dist/Atoms/Textarea/index.d.ts",
+      "import": "./dist/Atoms/Textarea/index.js",
+      "require": "./dist/Atoms/Textarea/index.js"
+    },
+    "./Atoms/UserAvatar": {
+      "types": "./dist/Atoms/UserAvatar/index.d.ts",
+      "import": "./dist/Atoms/UserAvatar/index.js",
+      "require": "./dist/Atoms/UserAvatar/index.js"
+    },
+    "./Atoms/XButton": {
+      "types": "./dist/Atoms/XButton/index.d.ts",
+      "import": "./dist/Atoms/XButton/index.js",
+      "require": "./dist/Atoms/XButton/index.js"
+    },
+    "./Molecules/AuthenForm": {
+      "types": "./dist/AuthenForm/index.d.ts",
+      "import": "./dist/AuthenForm/index.js",
+      "require": "./dist/AuthenForm/index.js"
+    },
+    "./Molecules/Search": {
+      "types": "./dist/Search/index.d.ts",
+      "import": "./dist/Search/index.js",
+      "require": "./dist/Search/index.js"
+    },
+    "./Molecules/UserDropdown": {
+      "types": "./dist/UserDropdown/index.d.ts",
+      "import": "./dist/UserDropdown/index.js",
+      "require": "./dist/UserDropdown/index.js"
+    },
+    "./Organisms/Footer": {
+      "types": "./dist/Footer/index.d.ts",
+      "import": "./dist/Footer/index.js",
+      "require": "./dist/Footer/index.js"
+    },
+    "./Organisms/Header": {
+      "types": "./dist/Header/index.d.ts",
+      "import": "./dist/Header/index.js",
+      "require": "./dist/Header/index.js"
+    },
+    "./Layout/Flex": {
+      "types": "./dist/Layout/Flex/index.d.ts",
+      "import": "./dist/Layout/Flex/index.js",
+      "require": "./dist/Layout/Flex/index.js"
+    },
+    "./Authentication/SignIn": {
+      "types": "./dist/Authentication/SignIn/index.d.ts",
+      "import": "./dist/Authentication/SignIn/index.js",
+      "require": "./dist/Authentication/SignIn/index.js"
+    },
+    "./Authentication/SignUp": {
+      "types": "./dist/Authentication/SignUp/index.d.ts",
+      "import": "./dist/Authentication/SignUp/index.js",
+      "require": "./dist/Authentication/SignUp/index.js"
+    },
+    "./Authentication/ThankYou": {
+      "types": "./dist/Authentication/ThankYou/index.d.ts",
+      "import": "./dist/Authentication/ThankYou/index.js",
+      "require": "./dist/Authentication/ThankYou/index.js"
     }
   },
   "scripts": {
@@ -89,10 +264,12 @@
     "eslint-plugin-react-perf": "^3.3.2",
     "eslint-plugin-react-prefer-function-component": "^3.3.0",
     "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-sonar": "^0.13.2",
     "eslint-plugin-ssr-friendly": "^1.3.0",
     "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-unicorn": "^55.0.0",
+    "eslint-plugin-unused-imports": "^4.1.4",
     "eslint-plugin-validate-jsx-nesting": "^0.1.1",
     "postcss": "^8.4.40",
     "prettier": "^3.3.3",
@@ -112,14 +289,25 @@
   "author": "CustomAFK",
   "license": "ISC",
   "dependencies": {
+    "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^3.9.0",
+    "@radix-ui/react-accordion": "^1.2.1",
     "@radix-ui/react-alert-dialog": "^1.1.2",
+    "@radix-ui/react-aspect-ratio": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.1",
+    "@radix-ui/react-checkbox": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-navigation-menu": "^1.2.1",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.2.1",
     "@radix-ui/react-scroll-area": "^1.2.0",
     "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.1",
     "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.1",
     "@radix-ui/react-toast": "^1.2.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",

package/dist/Atoms/index.d.ts

@@ -1,275 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { ButtonHTMLAttributes, ReactNode, HTMLAttributes, ComponentProps, FC } from 'react';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
-import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { DialogProps } from '@radix-ui/react-dialog';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as _radix_ui_react_slot from '@radix-ui/react-slot';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
-
-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>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): 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>>;
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | "destructive-outline" | "destructive-ghost" | "accept" | "accept-outline" | "normal" | null | undefined;
-    size?: "default" | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    readonly asChild?: boolean;
-    /**
-     * Icon to render before the children
-     */
-    readonly icon?: ReactNode;
-    readonly disabledAnimation?: boolean;
-    readonly rootClassName?: string;
-}
-declare const Button: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
-
-interface IBadgeProps extends HTMLAttributes<HTMLDivElement> {
-}
-declare const Badge: React.MemoExoticComponent<React.ForwardRefExoticComponent<IBadgeProps & React.RefAttributes<HTMLDivElement>>>;
-
-declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    separator?: ReactNode;
-} & React.RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    asChild?: boolean;
-} & React.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: ComponentProps<"li">): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-type CarouselApi = UseEmblaCarouselType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-type CarouselProps = {
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugin;
-    orientation?: 'horizontal' | 'vertical';
-    setApi?: (api: CarouselApi) => void;
-};
-declare const Carousel: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselContent: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselItem: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-
-declare const Command: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    label?: string;
-    shouldFilter?: boolean;
-    filter?: (value: string, search: string, keywords?: string[]) => number;
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    loop?: boolean;
-    disablePointerSelection?: boolean;
-    vimBindings?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface CommandDialogProps extends DialogProps {
-}
-declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => react_jsx_runtime.JSX.Element;
-declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
-    value?: string;
-    onValueChange?: (search: string) => void;
-} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-declare const CommandList: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    label?: string;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
-    heading?: React.ReactNode;
-    value?: string;
-    forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    alwaysRender?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
-    children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
-    forceMount?: boolean;
-} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-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>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): 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>>;
-
-declare const DropdownMenu: React__default.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuGroup: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React__default.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React__default.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuTrigger: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuSubTrigger: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
-    readonly inset?: boolean;
-} & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSubContent: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
-    readonly inset?: boolean;
-} & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuCheckboxItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuRadioItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
-    readonly inset?: boolean;
-} & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React__default.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface IProps$1 {
-    initialValue?: number;
-    onValueChange?: (value: number) => void;
-}
-declare const QuantityBtn: FC<IProps$1>;
-
-interface IProps extends React__default.HTMLAttributes<HTMLElement> {
-    readonly fullname: string;
-    readonly email: string;
-    readonly src: string;
-    readonly size?: number;
-}
-declare const UserAvatar: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<IProps & React__default.RefAttributes<HTMLDivElement>>>;
-
-declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
-declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-declare const Toaster: () => react_jsx_runtime.JSX.Element;
-
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
-
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: react_hook_form.FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-declare const FormControl: React.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Label, QuantityBtn, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Toaster, UserAvatar, useFormField };