@algenium/blocks 1.11.0 → 1.13.0

package/dist/index.cjs

@@ -3689,7 +3689,23 @@ function TenantAvatar({
     }
   );
 }
-function SwitcherSkeleton({ className }) {
+function SwitcherSkeleton({
+  className,
+  collapsed = false
+}) {
+  if (collapsed) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-testid": "org-switcher-skeleton",
+        className: cn(
+          "pointer-events-none flex size-8 items-center justify-center rounded-md",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-8 shrink-0 animate-pulse rounded-lg bg-muted" })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -3710,6 +3726,7 @@ function SwitcherSkeleton({ className }) {
   );
 }
 var triggerClassName = "flex h-12 min-h-12 w-full items-center gap-2 rounded-md px-2 text-left text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-accent data-[state=open]:text-accent-foreground";
+var collapsedTriggerClassName = "size-8 min-h-0 h-8 w-8 justify-center gap-0 p-0 px-0";
 function OrgSwitcher({
   activeTenant,
   tenants,
@@ -3725,7 +3742,7 @@ function OrgSwitcher({
 }) {
   const labels = { ...defaultLabels2, ...userLabels };
   if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(SwitcherSkeleton, { className });
+    return /* @__PURE__ */ jsxRuntime.jsx(SwitcherSkeleton, { className, collapsed });
   }
   if (!activeTenant) {
     if (createUrl) {
@@ -3734,10 +3751,15 @@ function OrgSwitcher({
         {
           href: createUrl,
           "data-testid": "org-switcher-empty",
-          className: cn(triggerClassName, className, triggerClassNameProp),
+          className: cn(
+            triggerClassName,
+            collapsed && collapsedTriggerClassName,
+            className,
+            triggerClassNameProp
+          ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-8 items-center justify-center rounded-lg bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Building2, { className: "size-4 text-muted-foreground" }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid min-w-0 flex-1 text-left leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: labels.empty }) })
+            !collapsed ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid min-w-0 flex-1 text-left leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium", children: labels.empty }) }) : null
           ]
         }
       );
@@ -3746,10 +3768,15 @@ function OrgSwitcher({
       "div",
       {
         "data-testid": "org-switcher-empty",
-        className: cn(triggerClassName, "pointer-events-none", className),
+        className: cn(
+          triggerClassName,
+          "pointer-events-none",
+          collapsed && collapsedTriggerClassName,
+          className
+        ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-8 items-center justify-center rounded-lg bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Building2, { className: "size-4 text-muted-foreground" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid min-w-0 flex-1 text-left leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium text-muted-foreground", children: labels.empty }) })
+          !collapsed ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid min-w-0 flex-1 text-left leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium text-muted-foreground", children: labels.empty }) }) : null
         ]
       }
     );
@@ -3764,6 +3791,7 @@ function OrgSwitcher({
         className: cn(
           triggerClassName,
           "h-auto justify-start font-normal",
+          collapsed && collapsedTriggerClassName,
           className,
           triggerClassNameProp
         ),
@@ -8486,7 +8514,7 @@ var sizeClasses4 = {
     padding: "px-2 py-0.5"
   }
 };
-function VerifiedDoctorBadge({
+function VerifiedProfessionalBadge({
   status,
   size = "md",
   showLabel = false,
@@ -8612,7 +8640,7 @@ exports.TooltipProvider = TooltipProvider;
 exports.TooltipTrigger = TooltipTrigger;
 exports.USAddressInput = USAddressInput;
 exports.UpcomingEvents = UpcomingEvents;
-exports.VerifiedDoctorBadge = VerifiedDoctorBadge;
+exports.VerifiedProfessionalBadge = VerifiedProfessionalBadge;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.defaultLanguages = defaultLanguages;