@bizapps/design-system-testing 1.0.4 → 1.0.6

package/dist/main.js

@@ -400,7 +400,7 @@ var buttonVariants = cva(
         secondary: "cursor-pointer bg-secondary text-secondary-foreground hover:bg-[var(--color-orange-700)] focus-visible:ring-secondary/30",
         cancel: "cursor-pointer bg-destructive text-secondary-foreground hover:bg-[var(--color-red-600)] focus-visible:ring-destructive/30",
         outline: " border-2 border-foreground/50 bg-transparent text-muted-foreground hover:bg-foreground/50 hover:text-white",
-        ghost: "cursor-pointer bg-transparent text-muted-foreground hover:bg-foreground/10 hover:text-primary focus-visible:ring-ring/30",
+        ghost: "cursor-pointer bg-transparent text-muted-foreground hover:bg-foreground/10 hover:text-primary focus-visible:ring-ring/30 border-none",
         cancelGhost: "cursor-pointer bg-destructive/10 text-red-600 hover:bg-destructive/15 hover:text-red-600 focus-visible:ring-ring/30"
       },
       size: {
@@ -1553,7 +1553,7 @@ function Separator({
       decorative,
       orientation,
       className: cn(
-        "bg-foreground/20 flex h-10 shrink-0 items-center data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        "bg-foreground/20 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px data-[orientation=vertical]:self-stretch",
         className
       ),
       ...props
@@ -1672,12 +1672,12 @@ function Slider({
           Slider$1.Track,
           {
             "data-slot": "slider-track",
-            className: "bg-input/90 relative grow overflow-hidden rounded-full data-horizontal:h-2 data-horizontal:w-full data-vertical:h-full data-vertical:w-2",
+            className: "bg-input/90 relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2",
             children: /* @__PURE__ */ jsx(
               Slider$1.Range,
               {
                 "data-slot": "slider-range",
-                className: "bg-primary absolute select-none data-horizontal:h-full data-vertical:w-full"
+                className: "bg-primary absolute select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
               }
             )
           }
@@ -1927,7 +1927,7 @@ function TabsContent({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: isActive && /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", initial: false, children: isActive && /* @__PURE__ */ jsx(
         motion.div,
         {
           className: "mt-2",
@@ -2143,7 +2143,7 @@ function ToggleGroup2({
       "data-orientation": orientation,
       style: { "--gap": spacing },
       className: cn(
-        "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-vertical:flex-col data-vertical:items-stretch data-[spacing=0]:data-[variant=outline]:rounded-md",
+        "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[spacing=0]:data-[variant=outline]:rounded-md",
         className
       ),
       ...props,
@@ -2167,7 +2167,7 @@ function ToggleGroupItem({
       "data-size": context.size || size,
       "data-spacing": context.spacing,
       className: cn(
-        "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-3 group-data-[spacing=0]/toggle-group:shadow-none focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-2.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-2.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
+        "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-3 group-data-[spacing=0]/toggle-group:shadow-none focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-2.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-2.5 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
         toggleVariants({
           variant: context.variant || variant,
           size: context.size || size
@@ -2371,10 +2371,7 @@ function DialogPortal({ children, ...props }) {
 function DialogClose({ ...props }) {
   return /* @__PURE__ */ jsx(Dialog$1.Close, { "data-slot": "dialog-close", ...props });
 }
-function DialogOverlay({
-  className,
-  ...props
-}) {
+function DialogOverlay({ className, ...props }) {
   return /* @__PURE__ */ jsx(Dialog$1.Overlay, { "data-slot": "dialog-overlay", asChild: true, forceMount: true, ...props, children: /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -2447,6 +2444,16 @@ function DialogHeader({ className, ...props }) {
     }
   );
 }
+function DialogBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-body",
+      className: cn("flex-1 overflow-y-auto px-6 pb-6", className),
+      ...props
+    }
+  );
+}
 function DialogFooter({
   className,
   showCloseButton = false,
@@ -2785,7 +2792,7 @@ function Combobox({
         className: cn(
           "border-input w-64 justify-between border bg-transparent text-sm font-normal shadow-xs",
           "hover:text-foreground focus-visible:ring-ring/30 hover:bg-transparent",
-          !selected && "text-muted-foreground",
+          selected ? "text-foreground" : "text-muted-foreground",
           className
         ),
         children: [
@@ -4324,16 +4331,32 @@ var Navbar = forwardRef(
     utilityLinks = defaultUtilityLinks,
     navigationLinks = defaultNavigationLinks,
     notificationCount = 1,
+    notifications,
     avatarSrc,
     avatarFallback,
     onNavLinkClick,
     onSearchClick,
     onHelpClick,
     onAvatarClick,
+    onNotificationClick,
     ...props
   }, ref) => {
     const containerRef = useRef(null);
+    const notifRef = useRef(null);
     const [isMobile, setIsMobile] = useState(false);
+    const [notifOpen, setNotifOpen] = useState(false);
+    const notifArray = Array.isArray(notifications) ? notifications : void 0;
+    const unreadCount = notifArray ? notifArray.filter((n) => !n.read).length : notificationCount;
+    useEffect(() => {
+      if (!notifOpen) return;
+      const handler = (e) => {
+        if (notifRef.current && !notifRef.current.contains(e.target)) {
+          setNotifOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handler);
+      return () => document.removeEventListener("mousedown", handler);
+    }, [notifOpen]);
     useEffect(() => {
       const checkWidth = () => {
         if (containerRef.current) {
@@ -4395,17 +4418,64 @@ var Navbar = forwardRef(
               )
             ] }, i)) }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  className: "text-muted-foreground hover:text-foreground hover:bg-muted relative flex size-7 cursor-pointer items-center justify-center rounded-md transition-colors",
-                  children: [
-                    /* @__PURE__ */ jsx(BellIcon, { className: "size-3.5" }),
-                    notificationCount > 0 && /* @__PURE__ */ jsx("span", { className: "bg-secondary absolute top-1 right-1 flex size-1.5 rounded-full" })
-                  ]
-                }
-              ),
+              /* @__PURE__ */ jsxs("div", { ref: notifRef, className: "relative", children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => notifArray && setNotifOpen((o) => !o),
+                    className: "text-muted-foreground hover:text-foreground hover:bg-muted relative flex size-7 cursor-pointer items-center justify-center rounded-md transition-colors",
+                    children: [
+                      /* @__PURE__ */ jsx(BellIcon, { className: "size-3.5" }),
+                      unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "bg-secondary absolute top-1 right-1 flex size-1.5 rounded-full" })
+                    ]
+                  }
+                ),
+                notifArray && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "border-border bg-popover absolute right-0 top-full z-50 w-80 overflow-hidden rounded-lg border shadow-lg transition-all duration-150",
+                      notifOpen ? "pointer-events-auto translate-y-1 opacity-100" : "pointer-events-none -translate-y-1 opacity-0"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx("div", { className: "border-border border-b px-4 py-2", children: /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Notifications" }) }),
+                      /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto", children: notifArray.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-4 py-6 text-center text-sm", children: "No notifications" }) : notifArray.map((n) => /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => {
+                            onNotificationClick?.(n.id);
+                            setNotifOpen(false);
+                          },
+                          className: cn(
+                            "hover:bg-muted flex w-full items-start gap-3 px-4 py-3 text-left transition-colors",
+                            !n.read && "bg-muted/40"
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                              /* @__PURE__ */ jsx(
+                                "p",
+                                {
+                                  className: cn(
+                                    "text-sm",
+                                    !n.read && "font-semibold"
+                                  ),
+                                  children: n.title
+                                }
+                              ),
+                              n.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-0.5 truncate text-xs", children: n.description }),
+                              n.timestamp && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: n.timestamp })
+                            ] }),
+                            !n.read && /* @__PURE__ */ jsx("span", { className: "bg-secondary mt-1.5 size-2 shrink-0 rounded-full" })
+                          ]
+                        },
+                        n.id
+                      )) })
+                    ]
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -4580,6 +4650,84 @@ function NavigationMenuIndicator({
     }
   );
 }
+function matchPermission(pattern, permission) {
+  if (pattern === "*") return true;
+  if (pattern === permission) return true;
+  const patternParts = pattern.split(".");
+  const permParts = permission.split(".");
+  if (patternParts.length !== permParts.length) return false;
+  return patternParts.every((part, i) => part === "*" || part === permParts[i]);
+}
+function matchesAny(permissionSet, permission) {
+  if (permissionSet.has(permission)) return true;
+  for (const pattern of permissionSet) {
+    if (matchPermission(pattern, permission)) return true;
+  }
+  return false;
+}
+var AbilityContext = createContext(void 0);
+AbilityContext.displayName = "AbilityContext";
+function AbilityProvider({ children, permissions }) {
+  const [permissionSet, setPermissionSet] = useState(
+    () => new Set(permissions ?? [])
+  );
+  const can = useCallback(
+    (perms, mode = "any") => {
+      const list = Array.isArray(perms) ? perms : [perms];
+      if (list.length === 0) return false;
+      if (permissionSet.has("*")) return true;
+      if (mode === "all") {
+        return list.every((p) => matchesAny(permissionSet, p));
+      }
+      return list.some((p) => matchesAny(permissionSet, p));
+    },
+    [permissionSet]
+  );
+  const setAbilities = useCallback((perms) => {
+    setPermissionSet(new Set(perms));
+  }, []);
+  const clearAbilities = useCallback(() => {
+    setPermissionSet(/* @__PURE__ */ new Set());
+  }, []);
+  const syncedKey = useRef(permissions ? permissions.join("|") : null);
+  useEffect(() => {
+    if (permissions === void 0) return;
+    const key = permissions.join("|");
+    if (key === syncedKey.current) return;
+    syncedKey.current = key;
+    setPermissionSet(new Set(permissions));
+  }, [permissions]);
+  const value = useMemo(
+    () => ({ can, setAbilities, clearAbilities }),
+    [can, setAbilities, clearAbilities]
+  );
+  return /* @__PURE__ */ jsx(AbilityContext.Provider, { value, children });
+}
+function useAbility() {
+  const context = useContext(AbilityContext);
+  if (!context) {
+    throw new Error("useAbility must be used within an AbilityProvider");
+  }
+  return context;
+}
+function useCan(permissions, mode = "any") {
+  const { can } = useAbility();
+  return can(permissions, mode);
+}
+function Can({ permission, mode = "any", negate = false, fallback = null, children }) {
+  const { can } = useAbility();
+  const hasPermission = can(permission, mode);
+  const show = negate ? !hasPermission : hasPermission;
+  if (typeof children === "function") {
+    return /* @__PURE__ */ jsx(Fragment$1, { children: children(show) });
+  }
+  return show ? /* @__PURE__ */ jsx(Fragment$1, { children }) : /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
+}
+Can.displayName = "Can";
+function CanNot({ permission, mode = "any", fallback = null, children }) {
+  return /* @__PURE__ */ jsx(Can, { permission, mode, negate: true, fallback, children });
+}
+CanNot.displayName = "CanNot";
 var SidebarContext = createContext({
   open: true,
   setOpen: () => {
@@ -4808,39 +4956,52 @@ function SidebarBrand({ brandName }) {
     /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold", children: brandName })
   ] });
 }
-function SideBar({
+function AppShell({
   items = defaultItems,
   activeItem,
   onItemClick,
   brandName = "Total Portal",
   showHeader = true,
   className,
+  mainClassName,
   children
 }) {
   return /* @__PURE__ */ jsxs(SidebarProvider, { className: cn("min-h-0", className), children: [
     /* @__PURE__ */ jsxs(Sidebar, { collapsible: "icon", children: [
       /* @__PURE__ */ jsxs(SidebarHeader, { className: "flex flex-row items-center gap-2 p-2", children: [
-        /* @__PURE__ */ jsx(SidebarTrigger, { variant: "outline", className: "size-8 shrink-0" }),
+        /* @__PURE__ */ jsx(SidebarTrigger, { variant: "ghost", className: "size-8 shrink-0" }),
         /* @__PURE__ */ jsx(SidebarBrand, { brandName })
       ] }),
-      /* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
-        SidebarMenuButton,
-        {
-          isActive: activeItem === item.label || item.active,
-          onClick: () => {
-            item.onClick?.();
-            onItemClick?.(item.label);
+      /* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: items.map((item) => {
+        const menuItem = /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(
+          SidebarMenuButton,
+          {
+            isActive: activeItem === item.label || item.active,
+            onClick: () => {
+              item.onClick?.();
+              onItemClick?.(item.label);
+            },
+            children: [
+              item.icon,
+              /* @__PURE__ */ jsx("span", { children: item.label })
+            ]
+          }
+        ) }, item.label);
+        if (!item.permission) return menuItem;
+        return /* @__PURE__ */ jsx(
+          Can,
+          {
+            permission: item.permission,
+            mode: item.permissionMode,
+            children: menuItem
           },
-          children: [
-            item.icon,
-            /* @__PURE__ */ jsx("span", { children: item.label })
-          ]
-        }
-      ) }, item.label)) }) }) }) })
+          item.label
+        );
+      }) }) }) }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
       showHeader && /* @__PURE__ */ jsx("header", { className: "flex h-14 items-center justify-between border-b px-4", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: brandName }) }),
-      /* @__PURE__ */ jsx("main", { className: "overflow-y-auto flex-1 p-6", children })
+      /* @__PURE__ */ jsx("main", { className: cn("overflow-y-auto flex-1 p-6", mainClassName), children })
     ] })
   ] });
 }
@@ -7344,85 +7505,15 @@ function DataTableSearch({
     )
   ] });
 }
-function matchPermission(pattern, permission) {
-  if (pattern === "*") return true;
-  if (pattern === permission) return true;
-  const patternParts = pattern.split(".");
-  const permParts = permission.split(".");
-  if (patternParts.length !== permParts.length) return false;
-  return patternParts.every((part, i) => part === "*" || part === permParts[i]);
-}
-function matchesAny(permissionSet, permission) {
-  if (permissionSet.has(permission)) return true;
-  for (const pattern of permissionSet) {
-    if (matchPermission(pattern, permission)) return true;
-  }
-  return false;
-}
-var AbilityContext = createContext(void 0);
-AbilityContext.displayName = "AbilityContext";
-function AbilityProvider({ children, permissions }) {
-  const [permissionSet, setPermissionSet] = useState(
-    () => new Set(permissions ?? [])
-  );
-  const can = useCallback(
-    (perms, mode = "any") => {
-      const list = Array.isArray(perms) ? perms : [perms];
-      if (list.length === 0) return false;
-      if (permissionSet.has("*")) return true;
-      if (mode === "all") {
-        return list.every((p) => matchesAny(permissionSet, p));
-      }
-      return list.some((p) => matchesAny(permissionSet, p));
-    },
-    [permissionSet]
-  );
-  const setAbilities = useCallback((perms) => {
-    setPermissionSet(new Set(perms));
-  }, []);
-  const clearAbilities = useCallback(() => {
-    setPermissionSet(/* @__PURE__ */ new Set());
-  }, []);
-  const syncedKey = useRef(permissions ? permissions.join("|") : null);
-  useEffect(() => {
-    if (permissions === void 0) return;
-    const key = permissions.join("|");
-    if (key === syncedKey.current) return;
-    syncedKey.current = key;
-    setPermissionSet(new Set(permissions));
-  }, [permissions]);
-  const value = useMemo(
-    () => ({ can, setAbilities, clearAbilities }),
-    [can, setAbilities, clearAbilities]
-  );
-  return /* @__PURE__ */ jsx(AbilityContext.Provider, { value, children });
-}
-function useAbility() {
-  const context = useContext(AbilityContext);
-  if (!context) {
-    throw new Error("useAbility must be used within an AbilityProvider");
-  }
-  return context;
-}
-function useCan(permissions, mode = "any") {
-  const { can } = useAbility();
-  return can(permissions, mode);
-}
-function Can({ permission, mode = "any", negate = false, fallback = null, children }) {
-  const { can } = useAbility();
-  const hasPermission = can(permission, mode);
-  const show = negate ? !hasPermission : hasPermission;
-  if (typeof children === "function") {
-    return /* @__PURE__ */ jsx(Fragment$1, { children: children(show) });
-  }
-  return show ? /* @__PURE__ */ jsx(Fragment$1, { children }) : /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
-}
-Can.displayName = "Can";
-function CanNot({ permission, mode = "any", fallback = null, children }) {
-  return /* @__PURE__ */ jsx(Can, { permission, mode, negate: true, fallback, children });
+function TCCEProvider({
+  children,
+  permissions,
+  toasterPosition,
+  tooltipDelayDuration
+}) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: tooltipDelayDuration, children: /* @__PURE__ */ jsx(AbilityProvider, { permissions, children: /* @__PURE__ */ jsx(Toaster, { position: toasterPosition, children }) }) });
 }
-CanNot.displayName = "CanNot";
 
-export { AbilityProvider, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge2 as Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Can, CanNot, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ColorPicker, ColorPickerAlpha, ColorPickerEyeDropper, ColorPickerFormat, ColorPickerHue, ColorPickerOutput, ColorPickerPresets, ColorPickerSelection, Combobox, DataTable, DataTableCardView, DataTableColumnFilter, DataTableFooter, DataTableHeaderCell, DataTableRowActions, DataTableSearch, DataTableSkeleton, DataTableToolbar, DatePicker, 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, Dropzone, DropzoneContent, DropzoneEmptyState, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventCalendar, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterOption, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Link, Logo, MiniCalendar, MiniCalendarDay, MiniCalendarDays, MiniCalendarNavigation, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PinInput, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SideBar, SidebarProvider, SidebarTrigger, Skeleton, Slider, Spinner, SpinnerDots, SpinnerLoader, Status, StatusIndicator, StatusLabel, Switch, TEXT_SIZES, TEXT_WEIGHTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePagination, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, Toaster, Toggle, ToggleGroup2 as ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, animation, avatarVariants, badgeVariants2 as badgeVariants, buttonVariants, columnFiltersToArrayQueryParams, columnFiltersToJsonString, columnFiltersToQueryParams, columnFiltersToRecord, createBackendParams, createBackendParamsWithFilters, duration, ease, fadeIn, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, matchPermission, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
+export { AbilityProvider, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge2 as Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, CalendarDayButton, Can, CanNot, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, ColorPicker, ColorPickerAlpha, ColorPickerEyeDropper, ColorPickerFormat, ColorPickerHue, ColorPickerOutput, ColorPickerPresets, ColorPickerSelection, Combobox, DataTable, DataTableCardView, DataTableColumnFilter, DataTableFooter, DataTableHeaderCell, DataTableRowActions, DataTableSearch, DataTableSkeleton, DataTableToolbar, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, DropzoneEmptyState, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventCalendar, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterOption, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Link, Logo, MiniCalendar, MiniCalendarDay, MiniCalendarDays, MiniCalendarNavigation, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PinInput, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, SidebarProvider, SidebarTrigger, Skeleton, Slider, Spinner, SpinnerDots, SpinnerLoader, Status, StatusIndicator, StatusLabel, Switch, TCCEProvider, TEXT_SIZES, TEXT_WEIGHTS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TablePagination, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, Toaster, Toggle, ToggleGroup2 as ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, animation, avatarVariants, badgeVariants2 as badgeVariants, buttonVariants, columnFiltersToArrayQueryParams, columnFiltersToJsonString, columnFiltersToQueryParams, columnFiltersToRecord, createBackendParams, createBackendParamsWithFilters, duration, ease, fadeIn, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, matchPermission, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
 //# sourceMappingURL=main.js.map
 //# sourceMappingURL=main.js.map