@bizapps/design-system-testing 1.0.4 → 1.0.6

package/dist/main.cjs

@@ -405,7 +405,7 @@ var buttonVariants = classVarianceAuthority.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: {
@@ -1558,7 +1558,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
@@ -1677,12 +1677,12 @@ function Slider({
           radixUi.Slider.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__ */ jsxRuntime.jsx(
               radixUi.Slider.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"
               }
             )
           }
@@ -1932,7 +1932,7 @@ function TabsContent({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "wait", initial: false, children: isActive && /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "popLayout", initial: false, children: isActive && /* @__PURE__ */ jsxRuntime.jsx(
         react$1.motion.div,
         {
           className: "mt-2",
@@ -2148,7 +2148,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,
@@ -2172,7 +2172,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
@@ -2376,10 +2376,7 @@ function DialogPortal({ children, ...props }) {
 function DialogClose({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Close, { "data-slot": "dialog-close", ...props });
 }
-function DialogOverlay({
-  className,
-  ...props
-}) {
+function DialogOverlay({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Dialog.Overlay, { "data-slot": "dialog-overlay", asChild: true, forceMount: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     react$1.motion.div,
     {
@@ -2452,6 +2449,16 @@ function DialogHeader({ className, ...props }) {
     }
   );
 }
+function DialogBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "dialog-body",
+      className: cn("flex-1 overflow-y-auto px-6 pb-6", className),
+      ...props
+    }
+  );
+}
 function DialogFooter({
   className,
   showCloseButton = false,
@@ -2790,7 +2797,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: [
@@ -4329,16 +4336,32 @@ var Navbar = react.forwardRef(
     utilityLinks = defaultUtilityLinks,
     navigationLinks = defaultNavigationLinks,
     notificationCount = 1,
+    notifications,
     avatarSrc,
     avatarFallback,
     onNavLinkClick,
     onSearchClick,
     onHelpClick,
     onAvatarClick,
+    onNotificationClick,
     ...props
   }, ref) => {
     const containerRef = react.useRef(null);
+    const notifRef = react.useRef(null);
     const [isMobile, setIsMobile] = react.useState(false);
+    const [notifOpen, setNotifOpen] = react.useState(false);
+    const notifArray = Array.isArray(notifications) ? notifications : void 0;
+    const unreadCount = notifArray ? notifArray.filter((n) => !n.read).length : notificationCount;
+    react.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]);
     react.useEffect(() => {
       const checkWidth = () => {
         if (containerRef.current) {
@@ -4400,17 +4423,64 @@ var Navbar = react.forwardRef(
               )
             ] }, i)) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.BellIcon, { className: "size-3.5" }),
-                    notificationCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-secondary absolute top-1 right-1 flex size-1.5 rounded-full" })
-                  ]
-                }
-              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: notifRef, className: "relative", children: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.BellIcon, { className: "size-3.5" }),
+                      unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-secondary absolute top-1 right-1 flex size-1.5 rounded-full" })
+                    ]
+                  }
+                ),
+                notifArray && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "border-border border-b px-4 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold", children: "Notifications" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-80 overflow-y-auto", children: notifArray.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground px-4 py-6 text-center text-sm", children: "No notifications" }) : notifArray.map((n) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "p",
+                                {
+                                  className: cn(
+                                    "text-sm",
+                                    !n.read && "font-semibold"
+                                  ),
+                                  children: n.title
+                                }
+                              ),
+                              n.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-0.5 truncate text-xs", children: n.description }),
+                              n.timestamp && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: n.timestamp })
+                            ] }),
+                            !n.read && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-secondary mt-1.5 size-2 shrink-0 rounded-full" })
+                          ]
+                        },
+                        n.id
+                      )) })
+                    ]
+                  }
+                )
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
@@ -4585,6 +4655,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 = react.createContext(void 0);
+AbilityContext.displayName = "AbilityContext";
+function AbilityProvider({ children, permissions }) {
+  const [permissionSet, setPermissionSet] = react.useState(
+    () => new Set(permissions ?? [])
+  );
+  const can = react.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 = react.useCallback((perms) => {
+    setPermissionSet(new Set(perms));
+  }, []);
+  const clearAbilities = react.useCallback(() => {
+    setPermissionSet(/* @__PURE__ */ new Set());
+  }, []);
+  const syncedKey = react.useRef(permissions ? permissions.join("|") : null);
+  react.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 = react.useMemo(
+    () => ({ can, setAbilities, clearAbilities }),
+    [can, setAbilities, clearAbilities]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AbilityContext.Provider, { value, children });
+}
+function useAbility() {
+  const context = react.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children(show) });
+  }
+  return show ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
+}
+Can.displayName = "Can";
+function CanNot({ permission, mode = "any", fallback = null, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Can, { permission, mode, negate: true, fallback, children });
+}
+CanNot.displayName = "CanNot";
 var SidebarContext = react.createContext({
   open: true,
   setOpen: () => {
@@ -4813,39 +4961,52 @@ function SidebarBrand({ brandName }) {
     /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(SidebarProvider, { className: cn("min-h-0", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Sidebar, { collapsible: "icon", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(SidebarHeader, { className: "flex flex-row items-center gap-2 p-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SidebarTrigger, { variant: "outline", className: "size-8 shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx(SidebarTrigger, { variant: "ghost", className: "size-8 shrink-0" }),
         /* @__PURE__ */ jsxRuntime.jsx(SidebarBrand, { brandName })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(SidebarContent, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu, { children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-        SidebarMenuButton,
-        {
-          isActive: activeItem === item.label || item.active,
-          onClick: () => {
-            item.onClick?.();
-            onItemClick?.(item.label);
+      /* @__PURE__ */ jsxRuntime.jsx(SidebarContent, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarMenu, { children: items.map((item) => {
+        const menuItem = /* @__PURE__ */ jsxRuntime.jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          SidebarMenuButton,
+          {
+            isActive: activeItem === item.label || item.active,
+            onClick: () => {
+              item.onClick?.();
+              onItemClick?.(item.label);
+            },
+            children: [
+              item.icon,
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
+            ]
+          }
+        ) }, item.label);
+        if (!item.permission) return menuItem;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Can,
+          {
+            permission: item.permission,
+            mode: item.permissionMode,
+            children: menuItem
           },
-          children: [
-            item.icon,
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
-          ]
-        }
-      ) }, item.label)) }) }) }) })
+          item.label
+        );
+      }) }) }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col", children: [
       showHeader && /* @__PURE__ */ jsxRuntime.jsx("header", { className: "flex h-14 items-center justify-between border-b px-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: brandName }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "overflow-y-auto flex-1 p-6", children })
+      /* @__PURE__ */ jsxRuntime.jsx("main", { className: cn("overflow-y-auto flex-1 p-6", mainClassName), children })
     ] })
   ] });
 }
@@ -7349,84 +7510,14 @@ 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 = react.createContext(void 0);
-AbilityContext.displayName = "AbilityContext";
-function AbilityProvider({ children, permissions }) {
-  const [permissionSet, setPermissionSet] = react.useState(
-    () => new Set(permissions ?? [])
-  );
-  const can = react.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 = react.useCallback((perms) => {
-    setPermissionSet(new Set(perms));
-  }, []);
-  const clearAbilities = react.useCallback(() => {
-    setPermissionSet(/* @__PURE__ */ new Set());
-  }, []);
-  const syncedKey = react.useRef(permissions ? permissions.join("|") : null);
-  react.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 = react.useMemo(
-    () => ({ can, setAbilities, clearAbilities }),
-    [can, setAbilities, clearAbilities]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(AbilityContext.Provider, { value, children });
-}
-function useAbility() {
-  const context = react.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__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: children(show) });
-  }
-  return show ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback });
-}
-Can.displayName = "Can";
-function CanNot({ permission, mode = "any", fallback = null, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Can, { permission, mode, negate: true, fallback, children });
+function TCCEProvider({
+  children,
+  permissions,
+  toasterPosition,
+  tooltipDelayDuration
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: tooltipDelayDuration, children: /* @__PURE__ */ jsxRuntime.jsx(AbilityProvider, { permissions, children: /* @__PURE__ */ jsxRuntime.jsx(Toaster, { position: toasterPosition, children }) }) });
 }
-CanNot.displayName = "CanNot";
 
 Object.defineProperty(exports, "Controller", {
   enumerable: true,
@@ -7460,6 +7551,7 @@ exports.AlertDialogPortal = AlertDialogPortal;
 exports.AlertDialogTitle = AlertDialogTitle;
 exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AlertTitle = AlertTitle;
+exports.AppShell = AppShell;
 exports.Avatar = Avatar;
 exports.AvatarBadge = AvatarBadge;
 exports.AvatarFallback = AvatarFallback;
@@ -7512,6 +7604,7 @@ exports.DataTableSkeleton = DataTableSkeleton;
 exports.DataTableToolbar = DataTableToolbar;
 exports.DatePicker = DatePicker;
 exports.Dialog = Dialog;
+exports.DialogBody = DialogBody;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
 exports.DialogDescription = DialogDescription;
@@ -7609,7 +7702,6 @@ exports.SelectSeparator = SelectSeparator;
 exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;
 exports.Separator = Separator;
-exports.SideBar = SideBar;
 exports.SidebarProvider = SidebarProvider;
 exports.SidebarTrigger = SidebarTrigger;
 exports.Skeleton = Skeleton;
@@ -7621,6 +7713,7 @@ exports.Status = Status;
 exports.StatusIndicator = StatusIndicator;
 exports.StatusLabel = StatusLabel;
 exports.Switch = Switch;
+exports.TCCEProvider = TCCEProvider;
 exports.TEXT_SIZES = TEXT_SIZES;
 exports.TEXT_WEIGHTS = TEXT_WEIGHTS;
 exports.Table = Table;