@orangecheck/design 0.13.0 → 0.14.0

package/dist/chrome.mjs

@@ -1485,7 +1485,11 @@ function isActive(pathname, link) {
   if (link.href === "/") return pathname === "/";
   return pathname === link.href || pathname.startsWith(link.href + "/");
 }
-function OcPrimaryNav({ activePath, links, className }) {
+function OcPrimaryNav({
+  activePath,
+  links,
+  className
+}) {
   return /* @__PURE__ */ jsx(
     "nav",
     {
@@ -1494,7 +1498,7 @@ function OcPrimaryNav({ activePath, links, className }) {
       "data-oc-primary-nav": "",
       children: links.map((link) => {
         const active = isActive(activePath, link);
-        const className2 = "font-display relative shrink-0 px-2 py-1 sm:px-3 text-[11px] sm:text-[12px] font-semibold tracking-wider uppercase transition-colors " + (active ? 'text-primary after:bg-primary after:absolute after:inset-x-2 after:-bottom-[13px] after:h-px after:content-[""]' : "text-muted-foreground hover:text-foreground");
+        const className2 = "font-display shrink-0 px-2 py-1 sm:px-3 text-[11px] sm:text-[12px] font-semibold tracking-wider uppercase transition-colors " + (active ? "text-primary" : "text-muted-foreground hover:text-foreground");
         const content = /* @__PURE__ */ jsxs(Fragment, { children: [
           link.label,
           link.external ? /* @__PURE__ */ jsx(
@@ -1834,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