@orangecheck/design 0.13.1 → 0.14.1

package/dist/chrome.mjs

@@ -1838,7 +1838,40 @@ function LayoutSubHeader({
     tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground flex flex-wrap items-center gap-x-4 gap-y-1 tracking-widest uppercase", children: tags.map((tag, i) => /* @__PURE__ */ jsx("span", { className: tag.hideBelow ? HIDE[tag.hideBelow] : void 0, children: tag.label }, i)) })
   ] }) });
 }
+function OcAppBar({
+  variant = "full",
+  start,
+  center,
+  end,
+  sticky = true,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: cn(
+        "bg-background/90 supports-[backdrop-filter]:bg-background/70 w-full border-b backdrop-blur",
+        sticky && "sticky top-0 z-50",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            variant === "full" ? "app-bar" : "container",
+            "flex h-12 items-center justify-between gap-4"
+          ),
+          children: [
+            start,
+            /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 justify-center px-2", children: center }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: end })
+          ]
+        }
+      )
+    }
+  );
+}
 
-export { AppShell, EcosystemSwitcher, FAMILY_PROPERTIES, LayoutSubHeader, OcAccountMenu, OcAccountMenuView, OcDashboardHub, OcDashboardShell, OcLogoDropdown, OcPrimaryNav, SITE_STATE_LABEL, findFamilyProperty };
+export { AppShell, EcosystemSwitcher, FAMILY_PROPERTIES, LayoutSubHeader, OcAccountMenu, OcAccountMenuView, OcAppBar, OcDashboardHub, OcDashboardShell, OcLogoDropdown, OcPrimaryNav, SITE_STATE_LABEL, findFamilyProperty };
 //# sourceMappingURL=chrome.mjs.map
 //# sourceMappingURL=chrome.mjs.map