@opensite/ui 1.0.6 → 1.0.8

package/dist/navbar-feature-grid.cjs

@@ -1418,15 +1418,15 @@ var NavbarFeatureGrid = ({
                 children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs(Accordion, { type: "multiple", className: "w-full", children: [
                     features && features.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: "features", className: "border-b-0", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: "Features" }),
-                      /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto space-y-2", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                      /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal hover:no-underline", children: "Features" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx(
                         Pressable,
                         {
                           href: feature.href,
-                          className: "flex items-start gap-2 pl-4 text-sm text-muted-foreground hover:text-foreground",
-                          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
-                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
+                          className: "flex items-start gap-2 pl-4 text-sm",
+                          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: feature.title }),
+                            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: feature.description })
                           ] })
                         },
                         index
@@ -1436,7 +1436,7 @@ var NavbarFeatureGrid = ({
                       Pressable,
                       {
                         href: item.url,
-                        className: "flex h-15 items-center text-base font-normal text-foreground",
+                        className: "flex h-15 items-center text-base font-normal",
                         children: item.title
                       },
                       index

package/dist/navbar-feature-grid.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureItem {

package/dist/navbar-feature-grid.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface FeatureItem {

package/dist/navbar-feature-grid.js

@@ -1395,15 +1395,15 @@ var NavbarFeatureGrid = ({
                 children: /* @__PURE__ */ jsxs("div", { className: "max-w-screen-sm mx-auto", children: [
                   /* @__PURE__ */ jsxs(Accordion, { type: "multiple", className: "w-full", children: [
                     features && features.length > 0 && /* @__PURE__ */ jsxs(AccordionItem, { value: "features", className: "border-b-0", children: [
-                      /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal text-foreground hover:no-underline", children: "Features" }),
-                      /* @__PURE__ */ jsx(AccordionContent, { className: "max-h-[60dvh] overflow-y-auto space-y-2", children: features.map((feature, index) => /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center text-base font-normal hover:no-underline", children: "Features" }),
+                      /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none", children: features.map((feature, index) => /* @__PURE__ */ jsx(
                         Pressable,
                         {
                           href: feature.href,
-                          className: "flex items-start gap-2 pl-4 text-sm text-muted-foreground hover:text-foreground",
-                          children: /* @__PURE__ */ jsxs("div", { children: [
-                            /* @__PURE__ */ jsx("p", { className: "mb-1 font-semibold", children: feature.title }),
-                            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: feature.description })
+                          className: "flex items-start gap-2 pl-4 text-sm",
+                          children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ jsx("p", { className: "font-semibold", children: feature.title }),
+                            /* @__PURE__ */ jsx("p", { className: "text-sm", children: feature.description })
                           ] })
                         },
                         index
@@ -1413,7 +1413,7 @@ var NavbarFeatureGrid = ({
                       Pressable,
                       {
                         href: item.url,
-                        className: "flex h-15 items-center text-base font-normal text-foreground",
+                        className: "flex h-15 items-center text-base font-normal",
                         children: item.title
                       },
                       index

package/dist/navbar-floating-pill.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface DropdownItem {

package/dist/navbar-floating-pill.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface DropdownItem {

package/dist/navbar-fullscreen-menu.d.cts

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SocialPlatformName } from './social-link-icon.cjs';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import './pressable.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 interface MenuItem {

package/dist/navbar-fullscreen-menu.d.ts

@@ -1,12 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SocialPlatformName } from './social-link-icon.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import './pressable.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 interface MenuItem {

package/dist/navbar-icon-links.cjs

@@ -1265,6 +1265,7 @@ var NavbarIconLinks = ({
         /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           Pressable,
           {
+            size: "icon",
             className: cn(
               "flex h-10 w-10 items-center justify-center rounded-md transition-colors",
               "text-muted-foreground hover:bg-accent hover:text-accent-foreground",

package/dist/navbar-icon-links.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-icon-links.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import { L as LogoConfig, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-icon-links.js

@@ -1242,6 +1242,7 @@ var NavbarIconLinks = ({
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
           Pressable,
           {
+            size: "icon",
             className: cn(
               "flex h-10 w-10 items-center justify-center rounded-md transition-colors",
               "text-muted-foreground hover:bg-accent hover:text-accent-foreground",

package/dist/navbar-image-preview.cjs

@@ -1388,7 +1388,7 @@ var NavbarImagePreview = ({
                     {
                       className: cn("flex items-center gap-3.5", actionsClassName),
                       children: [
-                        renderAuthActions,
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3.5", children: renderAuthActions }),
                         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
                           Pressable,
                           {
@@ -1412,7 +1412,7 @@ var NavbarImagePreview = ({
           {
             open,
             setOpen,
-            mobileNavigation: mobileNavigation ?? [],
+            mobileNavigation: mobileNavigation ?? navigation ?? [],
             mobileNavigationSlot,
             socialLinks: socialLinks ?? [],
             socialLinksSlot,
@@ -1479,7 +1479,7 @@ var DesktopMenuItem = ({
               onMouseLeave: handleMouseLeave,
               children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm leading-normal font-medium", children: link.label }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-normal text-muted-foreground", children: link.description })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs leading-normal", children: link.description })
               ] })
             }
           ) }, `desktop-nav-sublink-${linkIndex}`)) })
@@ -1510,22 +1510,19 @@ var MobileNavigationMenu = ({
   const renderMobileNavigation = React.useMemo(() => {
     if (mobileNavigationSlot) return mobileNavigationSlot;
     if (!mobileNavigation || mobileNavigation.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full grid-cols-2 gap-x-4 gap-y-10", children: mobileNavigation.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full grid-cols-1 gap-x-4 gap-y-10", children: mobileNavigation.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: cn(
-          "flex flex-col gap-4 text-primary-foreground",
-          item.className
-        ),
+        className: cn("flex flex-col gap-4 ", item.className),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground uppercase", children: item.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs uppercase", children: item.title }),
           /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-3", children: item.links?.map((link, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: getLinkUrl(link),
               className: cn(
-                "text-primary-foreground leading-normal font-medium",
-                index === 0 ? "text-2xl" : "text-base"
+                "leading-normal font-medium",
+                index === 0 ? "" : "text-base"
               ),
               children: link.label
             }
@@ -1539,12 +1536,12 @@ var MobileNavigationMenu = ({
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground uppercase", children: "SOCIAL" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs uppercase", children: "SOCIAL" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-4", children: socialLinks.map((link, index) => /* @__PURE__ */ jsxRuntime.jsxs(
         Pressable,
         {
           href: link.url,
-          className: "text-primary-foreground",
+          className: "",
           children: [
             link.icon ?? (link.iconName && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.iconName, size: 20 })),
             !link.icon && !link.iconName && link.label

package/dist/navbar-image-preview.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
 import { L as LogoConfig, b as ILinkItem, N as NavbarLayoutVariant } from './types-COVDidbn.cjs';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DP3Vofl4.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-CdNtNOuP.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-image-preview.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
 import { L as LogoConfig, b as ILinkItem, N as NavbarLayoutVariant } from './types-COVDidbn.js';
-import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { A as ActionConfig, O as OptixFlowConfig } from './blocks-XLPGq8A5.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-CdNtNOuP.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/navbar-image-preview.js

@@ -1366,7 +1366,7 @@ var NavbarImagePreview = ({
                     {
                       className: cn("flex items-center gap-3.5", actionsClassName),
                       children: [
-                        renderAuthActions,
+                        /* @__PURE__ */ jsx("div", { className: "hidden lg:flex lg:items-center lg:gap-3.5", children: renderAuthActions }),
                         /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
                           Pressable,
                           {
@@ -1390,7 +1390,7 @@ var NavbarImagePreview = ({
           {
             open,
             setOpen,
-            mobileNavigation: mobileNavigation ?? [],
+            mobileNavigation: mobileNavigation ?? navigation ?? [],
             mobileNavigationSlot,
             socialLinks: socialLinks ?? [],
             socialLinksSlot,
@@ -1457,7 +1457,7 @@ var DesktopMenuItem = ({
               onMouseLeave: handleMouseLeave,
               children: /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("h3", { className: "text-sm leading-normal font-medium", children: link.label }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs leading-normal text-muted-foreground", children: link.description })
+                /* @__PURE__ */ jsx("p", { className: "text-xs leading-normal", children: link.description })
               ] })
             }
           ) }, `desktop-nav-sublink-${linkIndex}`)) })
@@ -1488,22 +1488,19 @@ var MobileNavigationMenu = ({
   const renderMobileNavigation = useMemo(() => {
     if (mobileNavigationSlot) return mobileNavigationSlot;
     if (!mobileNavigation || mobileNavigation.length === 0) return null;
-    return /* @__PURE__ */ jsx("div", { className: "grid w-full grid-cols-2 gap-x-4 gap-y-10", children: mobileNavigation.map((item, index) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: "grid w-full grid-cols-1 gap-x-4 gap-y-10", children: mobileNavigation.map((item, index) => /* @__PURE__ */ jsxs(
       "div",
       {
-        className: cn(
-          "flex flex-col gap-4 text-primary-foreground",
-          item.className
-        ),
+        className: cn("flex flex-col gap-4 ", item.className),
         children: [
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground uppercase", children: item.title }),
+          /* @__PURE__ */ jsx("div", { className: "text-xs uppercase", children: item.title }),
           /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-3", children: item.links?.map((link, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
             Pressable,
             {
               href: getLinkUrl(link),
               className: cn(
-                "text-primary-foreground leading-normal font-medium",
-                index === 0 ? "text-2xl" : "text-base"
+                "leading-normal font-medium",
+                index === 0 ? "" : "text-base"
               ),
               children: link.label
             }
@@ -1517,12 +1514,12 @@ var MobileNavigationMenu = ({
     if (socialLinksSlot) return socialLinksSlot;
     if (!socialLinks || socialLinks.length === 0) return null;
     return /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground uppercase", children: "SOCIAL" }),
+      /* @__PURE__ */ jsx("div", { className: "text-xs uppercase", children: "SOCIAL" }),
       /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: socialLinks.map((link, index) => /* @__PURE__ */ jsxs(
         Pressable,
         {
           href: link.url,
-          className: "text-primary-foreground",
+          className: "",
           children: [
             link.icon ?? (link.iconName && /* @__PURE__ */ jsx(DynamicIcon, { name: link.iconName, size: 20 })),
             !link.icon && !link.iconName && link.label