@iblai/web-containers 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/components/ui/accordion.d.ts +6 -0
  2. package/dist/components/ui/alert-dialog.d.ts +19 -0
  3. package/dist/components/ui/alert.d.ts +8 -0
  4. package/dist/components/ui/aspect-ratio.d.ts +2 -0
  5. package/dist/components/ui/breadcrumb.d.ts +19 -0
  6. package/dist/components/ui/calendar.d.ts +8 -0
  7. package/dist/components/ui/card.d.ts +6 -0
  8. package/dist/components/ui/carousel.d.ts +18 -0
  9. package/dist/components/ui/chart.d.ts +55 -0
  10. package/dist/components/ui/collapsible.d.ts +4 -0
  11. package/dist/components/ui/command.d.ts +15 -0
  12. package/dist/components/ui/context-menu.d.ts +20 -0
  13. package/dist/components/ui/date-range-picker.d.ts +2 -0
  14. package/dist/components/ui/drawer.d.ts +22 -0
  15. package/dist/components/ui/dropdown-menu.d.ts +20 -0
  16. package/dist/components/ui/form.d.ts +11 -0
  17. package/dist/components/ui/hover-card.d.ts +5 -0
  18. package/dist/components/ui/input-otp.d.ts +8 -0
  19. package/dist/components/ui/menubar.d.ts +21 -0
  20. package/dist/components/ui/modal.d.ts +13 -0
  21. package/dist/components/ui/navigation-menu.d.ts +11 -0
  22. package/dist/components/ui/popover.d.ts +5 -0
  23. package/dist/components/ui/progress.d.ts +3 -0
  24. package/dist/components/ui/radio-group.d.ts +4 -0
  25. package/dist/components/ui/resizable.d.ts +7 -0
  26. package/dist/components/ui/scroll-area.d.ts +4 -0
  27. package/dist/components/ui/separator.d.ts +3 -0
  28. package/dist/components/ui/sheet.d.ts +25 -0
  29. package/dist/components/ui/sidebar.d.ts +66 -0
  30. package/dist/components/ui/skeleton.d.ts +2 -0
  31. package/dist/components/ui/slider.d.ts +3 -0
  32. package/dist/components/ui/sonner.d.ts +4 -0
  33. package/dist/components/ui/tabs.d.ts +6 -0
  34. package/dist/components/ui/toggle-group.d.ts +4 -0
  35. package/dist/components/ui/toggle.d.ts +7 -0
  36. package/dist/components/ui/tooltip-flowbite.d.ts +10 -0
  37. package/dist/components/ui/tooltip.d.ts +7 -0
  38. package/dist/components/ui/use-mobile.d.ts +1 -0
  39. package/dist/index.esm.js +1 -1
  40. package/dist/index.esm.js.map +1 -1
  41. package/dist/index.js +1 -1
  42. package/dist/index.js.map +1 -1
  43. package/package.json +3 -3
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare const Accordion: any;
3
+ declare const AccordionItem: React.ForwardRefExoticComponent<any>;
4
+ declare const AccordionTrigger: React.ForwardRefExoticComponent<any>;
5
+ declare const AccordionContent: React.ForwardRefExoticComponent<any>;
6
+ export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ declare const AlertDialog: any;
3
+ declare const AlertDialogTrigger: any;
4
+ declare const AlertDialogPortal: any;
5
+ declare const AlertDialogOverlay: React.ForwardRefExoticComponent<any>;
6
+ declare const AlertDialogContent: React.ForwardRefExoticComponent<any>;
7
+ declare const AlertDialogHeader: {
8
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
9
+ displayName: string;
10
+ };
11
+ declare const AlertDialogFooter: {
12
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
13
+ displayName: string;
14
+ };
15
+ declare const AlertDialogTitle: React.ForwardRefExoticComponent<any>;
16
+ declare const AlertDialogDescription: React.ForwardRefExoticComponent<any>;
17
+ declare const AlertDialogAction: React.ForwardRefExoticComponent<any>;
18
+ declare const AlertDialogCancel: React.ForwardRefExoticComponent<any>;
19
+ export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import { type VariantProps } from "class-variance-authority";
3
+ declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
4
+ variant?: "default" | "destructive" | null | undefined;
5
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
6
+ declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
7
+ declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
8
+ export { Alert, AlertTitle, AlertDescription };
@@ -0,0 +1,2 @@
1
+ declare const AspectRatio: any;
2
+ export { AspectRatio };
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
3
+ separator?: React.ReactNode;
4
+ } & React.RefAttributes<HTMLElement>>;
5
+ declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
6
+ declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
7
+ declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
8
+ asChild?: boolean;
9
+ } & React.RefAttributes<HTMLAnchorElement>>;
10
+ declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
11
+ declare const BreadcrumbSeparator: {
12
+ ({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
13
+ displayName: string;
14
+ };
15
+ declare const BreadcrumbEllipsis: {
16
+ ({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
17
+ displayName: string;
18
+ };
19
+ export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import { DayPicker } from "react-day-picker";
3
+ export type CalendarProps = React.ComponentProps<typeof DayPicker>;
4
+ declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): React.JSX.Element;
5
+ declare namespace Calendar {
6
+ var displayName: string;
7
+ }
8
+ export { Calendar };
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
3
+ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
4
+ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
5
+ declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
6
+ export { Card, CardHeader, CardTitle, CardContent };
@@ -0,0 +1,18 @@
1
+ import * as React from "react";
2
+ import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
3
+ type CarouselApi = UseEmblaCarouselType[1];
4
+ type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
5
+ type CarouselOptions = UseCarouselParameters[0];
6
+ type CarouselPlugin = UseCarouselParameters[1];
7
+ type CarouselProps = {
8
+ opts?: CarouselOptions;
9
+ plugins?: CarouselPlugin;
10
+ orientation?: "horizontal" | "vertical";
11
+ setApi?: (api: CarouselApi) => void;
12
+ };
13
+ declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
14
+ declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
15
+ declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
16
+ declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import("@/components/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
17
+ declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import("@/components/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
18
+ export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
@@ -0,0 +1,55 @@
1
+ import * as React from "react";
2
+ import * as RechartsPrimitive from "recharts";
3
+ declare const THEMES: {
4
+ readonly light: "";
5
+ readonly dark: ".dark";
6
+ };
7
+ export type ChartConfig = {
8
+ [k in string]: {
9
+ label?: React.ReactNode;
10
+ icon?: React.ComponentType;
11
+ } & ({
12
+ color?: string;
13
+ theme?: never;
14
+ } | {
15
+ color?: never;
16
+ theme: Record<keyof typeof THEMES, string>;
17
+ });
18
+ };
19
+ type ChartContextProps = {
20
+ config: ChartConfig;
21
+ };
22
+ declare function useChart(): ChartContextProps;
23
+ declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
24
+ config: ChartConfig;
25
+ children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
26
+ whiteLabels?: boolean;
27
+ showDataPointsOnHover?: boolean;
28
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
29
+ declare const ChartStyle: ({ id, config }: {
30
+ id: string;
31
+ config: ChartConfig;
32
+ }) => React.JSX.Element | null;
33
+ interface ChartTooltipProps extends React.ComponentPropsWithoutRef<typeof ChartTooltipContent> {
34
+ className?: string;
35
+ content?: React.ReactNode;
36
+ }
37
+ declare const ChartTooltip: ({ className, content, ...props }: ChartTooltipProps) => React.JSX.Element;
38
+ interface ChartTooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
39
+ active?: boolean;
40
+ payload?: Array<{
41
+ name?: string;
42
+ value?: string | number;
43
+ payload?: Record<string, any>;
44
+ dataKey?: string;
45
+ color?: string;
46
+ }>;
47
+ label?: string;
48
+ }
49
+ declare const ChartTooltipContent: React.ForwardRefExoticComponent<ChartTooltipContentProps & React.RefAttributes<HTMLDivElement>>;
50
+ declare const ChartLegend: any;
51
+ declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
52
+ hideIcon?: boolean;
53
+ nameKey?: string;
54
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
55
+ export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, useChart, };
@@ -0,0 +1,4 @@
1
+ declare const Collapsible: any;
2
+ declare const CollapsibleTrigger: any;
3
+ declare const CollapsibleContent: any;
4
+ export { Collapsible, CollapsibleTrigger, CollapsibleContent };
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ import { type DialogProps } from "@radix-ui/react-dialog";
3
+ declare const Command: React.ForwardRefExoticComponent<any>;
4
+ declare const CommandDialog: ({ children, ...props }: DialogProps) => React.JSX.Element;
5
+ declare const CommandInput: React.ForwardRefExoticComponent<any>;
6
+ declare const CommandList: React.ForwardRefExoticComponent<any>;
7
+ declare const CommandEmpty: React.ForwardRefExoticComponent<any>;
8
+ declare const CommandGroup: React.ForwardRefExoticComponent<any>;
9
+ declare const CommandSeparator: React.ForwardRefExoticComponent<any>;
10
+ declare const CommandItem: React.ForwardRefExoticComponent<any>;
11
+ declare const CommandShortcut: {
12
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
13
+ displayName: string;
14
+ };
15
+ export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ declare const ContextMenu: any;
3
+ declare const ContextMenuTrigger: any;
4
+ declare const ContextMenuGroup: any;
5
+ declare const ContextMenuPortal: any;
6
+ declare const ContextMenuSub: any;
7
+ declare const ContextMenuRadioGroup: any;
8
+ declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<any>;
9
+ declare const ContextMenuSubContent: React.ForwardRefExoticComponent<any>;
10
+ declare const ContextMenuContent: React.ForwardRefExoticComponent<any>;
11
+ declare const ContextMenuItem: React.ForwardRefExoticComponent<any>;
12
+ declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<any>;
13
+ declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<any>;
14
+ declare const ContextMenuLabel: React.ForwardRefExoticComponent<any>;
15
+ declare const ContextMenuSeparator: React.ForwardRefExoticComponent<any>;
16
+ declare const ContextMenuShortcut: {
17
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
18
+ displayName: string;
19
+ };
20
+ export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
@@ -0,0 +1,2 @@
1
+ import * as React from "react";
2
+ export declare function DatePickerWithRange({ className, }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
@@ -0,0 +1,22 @@
1
+ import * as React from "react";
2
+ import { Drawer as DrawerPrimitive } from "vaul";
3
+ declare const Drawer: {
4
+ ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
5
+ displayName: string;
6
+ };
7
+ declare const DrawerTrigger: any;
8
+ declare const DrawerPortal: any;
9
+ declare const DrawerClose: any;
10
+ declare const DrawerOverlay: React.ForwardRefExoticComponent<any>;
11
+ declare const DrawerContent: React.ForwardRefExoticComponent<any>;
12
+ declare const DrawerHeader: {
13
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
14
+ displayName: string;
15
+ };
16
+ declare const DrawerFooter: {
17
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
18
+ displayName: string;
19
+ };
20
+ declare const DrawerTitle: React.ForwardRefExoticComponent<any>;
21
+ declare const DrawerDescription: React.ForwardRefExoticComponent<any>;
22
+ export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ declare const DropdownMenu: any;
3
+ declare const DropdownMenuTrigger: any;
4
+ declare const DropdownMenuGroup: any;
5
+ declare const DropdownMenuPortal: any;
6
+ declare const DropdownMenuSub: any;
7
+ declare const DropdownMenuRadioGroup: any;
8
+ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<any>;
9
+ declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<any>;
10
+ declare const DropdownMenuContent: React.ForwardRefExoticComponent<any>;
11
+ declare const DropdownMenuItem: React.ForwardRefExoticComponent<any>;
12
+ declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<any>;
13
+ declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<any>;
14
+ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<any>;
15
+ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<any>;
16
+ declare const DropdownMenuShortcut: {
17
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
18
+ displayName: string;
19
+ };
20
+ export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
3
+ declare const Form: any;
4
+ declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
5
+ declare const useFormField: () => any;
6
+ declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
7
+ declare const FormLabel: React.ForwardRefExoticComponent<any>;
8
+ declare const FormControl: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slot").SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
9
+ declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
10
+ declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
11
+ export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ declare const HoverCard: any;
3
+ declare const HoverCardTrigger: any;
4
+ declare const HoverCardContent: React.ForwardRefExoticComponent<any>;
5
+ export { HoverCard, HoverCardTrigger, HoverCardContent };
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ declare const InputOTP: React.ForwardRefExoticComponent<any>;
3
+ declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
5
+ index: number;
6
+ } & React.RefAttributes<HTMLDivElement>>;
7
+ declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ declare const MenubarMenu: any;
3
+ declare const MenubarGroup: any;
4
+ declare const MenubarPortal: any;
5
+ declare const MenubarSub: any;
6
+ declare const MenubarRadioGroup: any;
7
+ declare const Menubar: React.ForwardRefExoticComponent<any>;
8
+ declare const MenubarTrigger: React.ForwardRefExoticComponent<any>;
9
+ declare const MenubarSubTrigger: React.ForwardRefExoticComponent<any>;
10
+ declare const MenubarSubContent: React.ForwardRefExoticComponent<any>;
11
+ declare const MenubarContent: React.ForwardRefExoticComponent<any>;
12
+ declare const MenubarItem: React.ForwardRefExoticComponent<any>;
13
+ declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<any>;
14
+ declare const MenubarRadioItem: React.ForwardRefExoticComponent<any>;
15
+ declare const MenubarLabel: React.ForwardRefExoticComponent<any>;
16
+ declare const MenubarSeparator: React.ForwardRefExoticComponent<any>;
17
+ declare const MenubarShortcut: {
18
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
19
+ displayname: string;
20
+ };
21
+ export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut, };
@@ -0,0 +1,13 @@
1
+ import type * as React from "react";
2
+ interface ModalProps {
3
+ isOpen: boolean;
4
+ onClose: () => void;
5
+ children: React.ReactNode;
6
+ title?: string;
7
+ noPadding?: boolean;
8
+ maxWidth?: string;
9
+ className?: string;
10
+ hideCloseButton?: boolean;
11
+ }
12
+ export declare function Modal({ isOpen, onClose, children, title, noPadding, maxWidth, className, hideCloseButton, }: ModalProps): React.JSX.Element;
13
+ export {};
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ declare const NavigationMenu: React.ForwardRefExoticComponent<any>;
3
+ declare const NavigationMenuList: React.ForwardRefExoticComponent<any>;
4
+ declare const NavigationMenuItem: any;
5
+ declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
6
+ declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<any>;
7
+ declare const NavigationMenuContent: React.ForwardRefExoticComponent<any>;
8
+ declare const NavigationMenuLink: any;
9
+ declare const NavigationMenuViewport: React.ForwardRefExoticComponent<any>;
10
+ declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<any>;
11
+ export { navigationMenuTriggerStyle, NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, };
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ declare const Popover: any;
3
+ declare const PopoverTrigger: any;
4
+ declare const PopoverContent: React.ForwardRefExoticComponent<any>;
5
+ export { Popover, PopoverTrigger, PopoverContent };
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ declare const Progress: React.ForwardRefExoticComponent<any>;
3
+ export { Progress };
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ declare const RadioGroup: React.ForwardRefExoticComponent<any>;
3
+ declare const RadioGroupItem: React.ForwardRefExoticComponent<any>;
4
+ export { RadioGroup, RadioGroupItem };
@@ -0,0 +1,7 @@
1
+ import * as ResizablePrimitive from "react-resizable-panels";
2
+ declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react").JSX.Element;
3
+ declare const ResizablePanel: any;
4
+ declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
5
+ withHandle?: boolean;
6
+ }) => import("react").JSX.Element;
7
+ export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ declare const ScrollArea: React.ForwardRefExoticComponent<any>;
3
+ declare const ScrollBar: React.ForwardRefExoticComponent<any>;
4
+ export { ScrollArea, ScrollBar };
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ declare const Separator: React.ForwardRefExoticComponent<any>;
3
+ export { Separator };
@@ -0,0 +1,25 @@
1
+ import * as React from "react";
2
+ import * as SheetPrimitive from "@radix-ui/react-dialog";
3
+ import { type VariantProps } from "class-variance-authority";
4
+ declare const Sheet: any;
5
+ declare const SheetTrigger: any;
6
+ declare const SheetClose: any;
7
+ declare const SheetPortal: any;
8
+ declare const SheetOverlay: React.ForwardRefExoticComponent<any>;
9
+ declare const sheetVariants: (props?: ({
10
+ side?: "bottom" | "top" | "left" | "right" | null | undefined;
11
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
12
+ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
13
+ }
14
+ declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<any>>;
15
+ declare const SheetHeader: {
16
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
17
+ displayName: string;
18
+ };
19
+ declare const SheetFooter: {
20
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
21
+ displayName: string;
22
+ };
23
+ declare const SheetTitle: React.ForwardRefExoticComponent<any>;
24
+ declare const SheetDescription: React.ForwardRefExoticComponent<any>;
25
+ export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
@@ -0,0 +1,66 @@
1
+ import * as React from "react";
2
+ import { VariantProps } from "class-variance-authority";
3
+ import { TooltipContent } from "@/components/ui/tooltip";
4
+ type SidebarContext = {
5
+ state: "expanded" | "collapsed";
6
+ open: boolean;
7
+ setOpen: (open: boolean) => void;
8
+ openMobile: boolean;
9
+ setOpenMobile: (open: boolean) => void;
10
+ isMobile: boolean;
11
+ toggleSidebar: () => void;
12
+ };
13
+ declare const SidebarContext: React.Context<SidebarContext | null>;
14
+ declare function useSidebar(): SidebarContext;
15
+ declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
16
+ defaultOpen?: boolean;
17
+ open?: boolean;
18
+ onOpenChange?: (open: boolean) => void;
19
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
+ declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
21
+ side?: "left" | "right";
22
+ variant?: "sidebar" | "floating" | "inset";
23
+ collapsible?: "offcanvas" | "icon" | "none";
24
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
25
+ declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("@/components/ui/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
26
+ declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
27
+ declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
28
+ declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
29
+ declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
30
+ declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
31
+ declare const SidebarSeparator: React.ForwardRefExoticComponent<any>;
32
+ declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
33
+ declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
34
+ declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
35
+ asChild?: boolean;
36
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
37
+ declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
38
+ asChild?: boolean;
39
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
40
+ declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
41
+ declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
42
+ declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
43
+ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
44
+ asChild?: boolean;
45
+ isActive?: boolean;
46
+ tooltip?: string | React.ComponentProps<typeof TooltipContent>;
47
+ } & VariantProps<(props?: ({
48
+ variant?: "default" | "outline" | null | undefined;
49
+ size?: "default" | "sm" | "lg" | null | undefined;
50
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
51
+ declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
52
+ asChild?: boolean;
53
+ showOnHover?: boolean;
54
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
55
+ declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
56
+ declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
57
+ showIcon?: boolean;
58
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
59
+ declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
60
+ declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
61
+ declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
62
+ asChild?: boolean;
63
+ size?: "sm" | "md";
64
+ isActive?: boolean;
65
+ }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
66
+ export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
@@ -0,0 +1,2 @@
1
+ declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
2
+ export { Skeleton };
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ declare const Slider: React.ForwardRefExoticComponent<any>;
3
+ export { Slider };
@@ -0,0 +1,4 @@
1
+ import { Toaster as Sonner } from "sonner";
2
+ type ToasterProps = React.ComponentProps<typeof Sonner>;
3
+ declare const Toaster: ({ ...props }: ToasterProps) => import("react").JSX.Element;
4
+ export { Toaster };
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare const Tabs: any;
3
+ declare const TabsList: React.ForwardRefExoticComponent<any>;
4
+ declare const TabsTrigger: React.ForwardRefExoticComponent<any>;
5
+ declare const TabsContent: React.ForwardRefExoticComponent<any>;
6
+ export { Tabs, TabsList, TabsTrigger, TabsContent };
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ declare const ToggleGroup: React.ForwardRefExoticComponent<any>;
3
+ declare const ToggleGroupItem: React.ForwardRefExoticComponent<any>;
4
+ export { ToggleGroup, ToggleGroupItem };
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const toggleVariants: (props?: ({
3
+ variant?: "default" | "outline" | null | undefined;
4
+ size?: "default" | "sm" | "lg" | null | undefined;
5
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
+ declare const Toggle: React.ForwardRefExoticComponent<any>;
7
+ export { Toggle, toggleVariants };
@@ -0,0 +1,10 @@
1
+ import type React from "react";
2
+ interface TooltipProps {
3
+ content: string;
4
+ children: React.ReactNode;
5
+ position?: "top" | "right" | "bottom" | "left";
6
+ className?: string;
7
+ delay?: number;
8
+ }
9
+ export declare function TooltipFlowbite({ content, children, position, className, delay, }: TooltipProps): React.JSX.Element;
10
+ export {};
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
3
+ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
4
+ declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
5
+ declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
6
+ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
@@ -0,0 +1 @@
1
+ export declare function useIsMobile(): boolean;
package/dist/index.esm.js CHANGED
@@ -13382,7 +13382,7 @@ function Profile({ tenant, username, onInviteClick, }) {
13382
13382
  var _a, _b;
13383
13383
  const [activeTab, setActiveTab] = useState("basic");
13384
13384
  const { basicForm, socialForm, isUserMetadataLoading, userMetadata } = useProfile(username);
13385
- return (jsxs("div", { className: "flex h-full flex-col overflow-hidden md:flex-row", children: [jsxs("div", { className: "w-full md:w-80 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] p-6 flex flex-col", children: [jsxs("div", { className: "flex flex-col items-center mb-8", children: [jsxs(Avatar, { className: "h-24 w-24 border-4 border-white/20 mb-4", children: [jsx(AvatarImage, { src: (_b = (_a = userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.public_metadata) === null || _a === void 0 ? void 0 : _a.profile_image) === null || _b === void 0 ? void 0 : _b.image_url_full, alt: "Profile picture" }), jsx(AvatarFallback, { className: "bg-blue-800 text-white text-xl", children: getInitials((userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.name) || "") })] }), jsx("h2", { className: "text-xl font-bold text-white mb-1", children: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.name }), jsxs("p", { className: "text-blue-100 text-sm mb-3", children: ["@", userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.username] }), jsxs("div", { className: "flex gap-2", children: [jsx(Badge, { variant: "secondary", className: "bg-white/20 text-white hover:bg-white/30", children: "ADMIN" }), jsx(Badge, { className: "bg-white text-blue-600 hover:bg-white/90", children: tenant.toUpperCase() })] })] }), jsx("nav", { className: "mt-6 space-y-1", children: ["basic", "social", "security", "admin"].map((tab) => (jsx("button", { onClick: () => setActiveTab(tab), className: `w-full text-left px-4 py-3 rounded-md transition-colors ${activeTab === tab
13385
+ return (jsxs("div", { className: "flex h-full flex-col overflow-hidden md:flex-row", children: [jsxs("div", { className: "w-full md:w-[320px] bg-gradient-to-r from-[#2563EB] to-[#93C5FD] p-6 flex flex-col", children: [jsxs("div", { className: "flex flex-col items-center mb-8", children: [jsxs(Avatar, { className: "h-24 w-24 border-4 border-white/20 mb-4", children: [jsx(AvatarImage, { src: (_b = (_a = userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.public_metadata) === null || _a === void 0 ? void 0 : _a.profile_image) === null || _b === void 0 ? void 0 : _b.image_url_full, alt: "Profile picture" }), jsx(AvatarFallback, { className: "bg-blue-800 text-white text-xl", children: getInitials((userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.name) || "") })] }), jsx("h2", { className: "text-xl font-bold text-white mb-1", children: userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.name }), jsxs("p", { className: "text-blue-100 text-sm mb-3", children: ["@", userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.username] }), jsxs("div", { className: "flex gap-2", children: [jsx(Badge, { variant: "secondary", className: "bg-white/20 text-white hover:bg-white/30", children: "ADMIN" }), jsx(Badge, { className: "bg-white text-blue-600 hover:bg-white/90", children: tenant.toUpperCase() })] })] }), jsx("nav", { className: "mt-6 space-y-1", children: ["basic", "social", "security", "admin"].map((tab) => (jsx("button", { onClick: () => setActiveTab(tab), className: `w-full text-left px-4 py-3 rounded-md transition-colors ${activeTab === tab
13386
13386
  ? "bg-white/20 text-white font-medium"
13387
13387
  : "text-white/80 hover:bg-white/10"}`, children: tab.charAt(0).toUpperCase() + tab.slice(1) }, tab))) })] }), jsxs("div", { className: `flex-1 overflow-auto ${activeTab === "admin" ? "p-4" : "p-6 pt-4"} relative`, children: [activeTab === "basic" && (jsxs(Fragment, { children: [jsxs("div", { className: "max-w-2xl mx-auto", children: [jsx("h3", { className: "text-xl font-semibold mb-6 text-[#646464]", children: "Basic Information" }), jsxs("form", { onSubmit: (formEvent) => {
13388
13388
  formEvent.preventDefault();