@algenium/blocks 1.4.0 → 1.5.0-rc.1

package/dist/index.cjs

@@ -3794,6 +3794,90 @@ var defaultLabels2 = {
   staging: "Staging",
   development: "Development"
 };
+function getEnvironmentDotClass(env) {
+  switch (env) {
+    case "production":
+      return "bg-emerald-500";
+    case "staging":
+      return "bg-orange-500";
+    case "development":
+      return "bg-amber-400";
+    default:
+      return "bg-muted-foreground";
+  }
+}
+function getEnvironmentLabel(env, labels) {
+  switch (env) {
+    case "production":
+      return labels.live;
+    case "staging":
+      return labels.staging;
+    case "development":
+      return labels.development;
+    default:
+      return env;
+  }
+}
+function abbreviateEnvironment(env) {
+  switch (env) {
+    case "production":
+      return "Prod";
+    case "staging":
+      return "Stg";
+    case "development":
+      return "Dev";
+    default:
+      return env;
+  }
+}
+var environmentDotSizeClasses = {
+  xs: "size-1.5",
+  sm: "size-2",
+  md: "size-2.5"
+};
+function EnvironmentDot({
+  env,
+  size = "sm",
+  className
+}) {
+  const sizeClass = environmentDotSizeClasses[size];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "rounded-full shrink-0 ring-1 ring-background",
+        sizeClass,
+        getEnvironmentDotClass(env),
+        className
+      ),
+      "aria-hidden": true
+    }
+  );
+}
+function EnvironmentMiniBadge({
+  className,
+  environment: propEnvironment,
+  labels: userLabels,
+  abbreviated = true
+}) {
+  const ctx = useEnvironmentContext();
+  const labels = { ...defaultLabels2, ...userLabels };
+  const environment = propEnvironment ?? ctx?.environment ?? "production";
+  const text = abbreviated ? abbreviateEnvironment(environment) : getEnvironmentLabel(environment, labels);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex max-w-[4.5rem] items-center gap-1 rounded-full border border-border bg-muted/60 px-1.5 py-0.5 text-[10px] font-semibold tabular-nums text-foreground",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(EnvironmentDot, { env: environment, size: "xs" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: text })
+      ]
+    }
+  );
+}
 var sizeClasses3 = {
   sm: {
     container: "h-7 p-0.5 text-xs",
@@ -3821,30 +3905,6 @@ var shapeClasses3 = {
   rounded: "rounded-md",
   pill: "rounded-full"
 };
-function envDotClass(env) {
-  switch (env) {
-    case "production":
-      return "bg-emerald-500";
-    case "staging":
-      return "bg-orange-500";
-    case "development":
-      return "bg-amber-400";
-    default:
-      return "bg-muted-foreground";
-  }
-}
-function labelForEnv(env, labels) {
-  switch (env) {
-    case "production":
-      return labels.live;
-    case "staging":
-      return labels.staging;
-    case "development":
-      return labels.development;
-    default:
-      return env;
-  }
-}
 function EnvironmentSwitcher({
   className,
   environment: propEnvironment,
@@ -3895,12 +3955,12 @@ function EnvironmentSwitcher({
                   className: cn(
                     "rounded-full shrink-0 ring-1 ring-background",
                     sizes.dot,
-                    envDotClass(environment)
+                    getEnvironmentDotClass(environment)
                   ),
                   "aria-hidden": true
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[5.5rem] truncate", children: labelForEnv(environment, labels) })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[5.5rem] truncate", children: getEnvironmentLabel(environment, labels) })
             ]
           }
         ) }) }),
@@ -3929,12 +3989,12 @@ function EnvironmentSwitcher({
                 className: cn(
                   "rounded-full shrink-0 ring-1 ring-background",
                   sizes.dot,
-                  envDotClass(env)
+                  getEnvironmentDotClass(env)
                 ),
                 "aria-hidden": true
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: labelForEnv(env, labels) })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: getEnvironmentLabel(env, labels) })
           ]
         },
         env
@@ -3965,7 +4025,7 @@ function EnvironmentSwitcher({
             "button",
             {
               type: "button",
-              "aria-label": labelForEnv(env, labels),
+              "aria-label": getEnvironmentLabel(env, labels),
               "aria-pressed": isActive,
               className: cn(
                 "relative min-w-0 font-semibold capitalize",
@@ -3999,12 +4059,12 @@ function EnvironmentSwitcher({
                           className: cn(
                             "rounded-full shrink-0 ring-1 ring-background",
                             "h-1.5 w-1.5",
-                            envDotClass(env)
+                            getEnvironmentDotClass(env)
                           ),
                           "aria-hidden": true
                         }
                       ),
-                      labelForEnv(env, labels)
+                      getEnvironmentLabel(env, labels)
                     ]
                   }
                 )
@@ -7340,6 +7400,8 @@ exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EnvironmentBanner = EnvironmentBanner;
 exports.EnvironmentContext = EnvironmentContext;
+exports.EnvironmentDot = EnvironmentDot;
+exports.EnvironmentMiniBadge = EnvironmentMiniBadge;
 exports.EnvironmentSwitcher = EnvironmentSwitcher;
 exports.EventDialog = EventDialog;
 exports.EventRsvpBadge = EventRsvpBadge;
@@ -7365,6 +7427,8 @@ exports.UpcomingEvents = UpcomingEvents;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.defaultLanguages = defaultLanguages;
+exports.getEnvironmentDotClass = getEnvironmentDotClass;
+exports.getEnvironmentLabel = getEnvironmentLabel;
 exports.isBlocksDataEnvironment = isBlocksDataEnvironment;
 exports.toggleVariants = toggleVariants;
 exports.useCalendarContext = useCalendarContext;