@opensite/ui 0.4.1 → 0.4.3

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

@@ -1,9 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -93,7 +92,7 @@ interface NavbarFullscreenMenuProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

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

@@ -1,9 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -93,7 +92,7 @@ interface NavbarFullscreenMenuProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

package/dist/navbar-fullscreen-menu.js

@@ -755,6 +755,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -774,7 +775,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -823,18 +824,25 @@ var NavbarFullscreenMenu = ({
   const renderLogo = () => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
-    return /* @__PURE__ */ jsxs(Pressable, { href: logo.url || "/", className: cn("flex items-center gap-2", logoClassName), children: [
-      logo.src && /* @__PURE__ */ jsx(
-        Img,
-        {
-          src: logo.src,
-          className: cn("h-9", logo.className),
-          alt: logo.alt || "Logo",
-          optixFlowConfig
-        }
-      ),
-      logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
-    ] });
+    return /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        href: logo.url || "/",
+        className: cn("flex items-center gap-2", logoClassName),
+        children: [
+          logo.src && /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: logo.src,
+              className: cn("h-9", logo.className),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          ),
+          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold tracking-tighter", children: logo.title }) : logo.title)
+        ]
+      }
+    );
   };
   const renderMenuItems = () => {
     if (menuSlot) return menuSlot;
@@ -843,15 +851,12 @@ var NavbarFullscreenMenu = ({
       "div",
       {
         className: "mb-5 animate-in slide-in-from-bottom-4 fade-in",
-        style: { animationDelay: `${0.2 + index * 0.1}s`, animationFillMode: "both" },
+        style: {
+          animationDelay: `${0.2 + index * 0.1}s`,
+          animationFillMode: "both"
+        },
         children: /* @__PURE__ */ jsxs(Pressable, { href: item.href, className: "group relative inline-block", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "relative z-10 text-4xl font-black text-foreground uppercase transition-all duration-300 md:text-6xl group-hover:opacity-80 group-hover:blur-[6px]",
-              children: item.label
-            }
-          ),
+          /* @__PURE__ */ jsx("span", { className: "relative z-10 text-4xl font-black text-foreground uppercase transition-all duration-300 md:text-6xl group-hover:opacity-80 group-hover:blur-[6px]", children: item.label }),
           /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 h-1 w-0 bg-primary transition-all duration-300 group-hover:w-full" })
         ] })
       },
@@ -883,34 +888,43 @@ var NavbarFullscreenMenu = ({
       pattern,
       patternOpacity,
       children: /* @__PURE__ */ jsxs("div", { className: cn(containerClassName), children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between px-6 py-6", headerClassName), children: [
-          /* @__PURE__ */ jsx("div", { className: "z-50", children: renderLogo() }),
-          /* @__PURE__ */ jsx("div", { className: "z-50", children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: toggleMenu,
-              className: "text-lg tracking-wider text-foreground transition-colors hover:text-muted-foreground",
-              children: [
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: `inline-block transition-all duration-200 ${isOpen ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"}`,
-                    style: { display: isOpen ? "none" : "inline-block" },
-                    children: "MENU"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: `inline-block transition-all duration-200 ${isOpen ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"}`,
-                    style: { display: isOpen ? "inline-block" : "none" },
-                    children: "CLOSE"
-                  }
-                )
-              ]
-            }
-          ) })
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center justify-between px-6 py-6",
+              headerClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "z-50", children: renderLogo() }),
+              /* @__PURE__ */ jsx("div", { className: "z-50", children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: toggleMenu,
+                  className: "text-lg tracking-wider text-foreground transition-colors hover:text-muted-foreground",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: `inline-block transition-all duration-200 ${isOpen ? "opacity-0 -translate-y-2" : "opacity-100 translate-y-0"}`,
+                        style: { display: isOpen ? "none" : "inline-block" },
+                        children: "MENU"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: `inline-block transition-all duration-200 ${isOpen ? "opacity-100 translate-y-0" : "opacity-0 translate-y-2"}`,
+                        style: { display: isOpen ? "inline-block" : "none" },
+                        children: "CLOSE"
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ]
+          }
+        ),
         isOpen && /* @__PURE__ */ jsx(
           "div",
           {

package/dist/navbar-icon-links.cjs

@@ -887,6 +887,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -906,7 +907,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -1169,24 +1170,38 @@ var NavbarIconLinks = ({
   const renderLogo = () => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: logo.url || "/", className: cn("flex items-center gap-2", logoClassName), children: [
-      logo.src && /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: logo.src,
-          className: cn("h-8", logo.className),
-          alt: logo.alt || "Logo",
-          optixFlowConfig
-        }
-      ),
-      logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", children: logo.title }) : logo.title)
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Pressable,
+      {
+        href: logo.url || "/",
+        className: cn("flex items-center gap-2", logoClassName),
+        children: [
+          logo.src && /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              className: cn("h-8", logo.className),
+              alt: logo.alt || "Logo",
+              optixFlowConfig
+            }
+          ),
+          logo.title && (typeof logo.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", children: logo.title }) : logo.title)
+        ]
+      }
+    );
   };
   const renderAuthActions = () => {
     if (authActionsSlot) return authActionsSlot;
     if (!authActions || authActions.length === 0) return null;
     return authActions.map((action, index) => {
-      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      const {
+        label,
+        icon,
+        iconAfter,
+        children,
+        className: actionClassName,
+        ...pressableProps
+      } = action;
       return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           Pressable,
@@ -1218,74 +1233,104 @@ var NavbarIconLinks = ({
       className: cn("border-b", className),
       pattern,
       patternOpacity,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: cn("flex items-center justify-between py-3", navClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
-          renderLogo(),
-          /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu, { className: cn("hidden lg:flex", navigationMenuClassName), children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { className: "gap-1", children: navItemsSlot ? navItemsSlot : renderNavItems()?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-              Pressable,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "nav",
+        {
+          className: cn("flex items-center justify-between py-3", navClassName),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
+              renderLogo(),
+              /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+                NavigationMenu,
+                {
+                  className: cn("hidden lg:flex", navigationMenuClassName),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { className: "gap-1", children: navItemsSlot ? navItemsSlot : renderNavItems()?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      Pressable,
+                      {
+                        href: item.url,
+                        onClick: () => setActiveItem(item.title),
+                        className: cn(
+                          "flex h-10 w-10 items-center justify-center rounded-md transition-colors",
+                          activeItem === item.title ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20 }),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: item.title })
+                        ]
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: item.title }) })
+                  ] }) }, index)) })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
               {
-                href: item.url,
-                onClick: () => setActiveItem(item.title),
                 className: cn(
-                  "flex h-10 w-10 items-center justify-center rounded-md transition-colors",
-                  activeItem === item.title ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+                  "hidden items-center gap-2 lg:flex",
+                  actionsClassName
                 ),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20 }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: item.title })
-                ]
+                children: renderAuthActions()
               }
-            ) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: item.title }) })
-          ] }) }, index)) }) }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("hidden items-center gap-2 lg:flex", actionsClassName), children: renderAuthActions() }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { variant: "ghost", size: "icon", asButton: true, onClick: () => {
-          }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-[280px]", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 pt-8", children: [
-              navItemsSlot ? navItemsSlot : renderNavItems()?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open: isOpen, onOpenChange: setIsOpen, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
                 Pressable,
                 {
-                  href: item.url,
+                  variant: "ghost",
+                  size: "icon",
+                  asButton: true,
                   onClick: () => {
-                    setActiveItem(item.title);
-                    setIsOpen(false);
                   },
-                  className: cn(
-                    "flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors",
-                    activeItem === item.title ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
-                  ),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 18 }),
-                    item.title
+                    /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/menu", size: 20 }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
                   ]
-                },
-                index
-              )),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 border-t pt-4", children: authActions?.map((action, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                Pressable,
-                {
-                  href: action.href,
-                  className: "flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium text-muted-foreground hover:bg-accent hover:text-accent-foreground",
-                  onClick: () => setIsOpen(false),
-                  children: [
-                    action.icon,
-                    action.label
-                  ]
-                },
-                index
-              )) })
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-[280px]", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "sr-only", children: "Navigation Menu" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 pt-8", children: [
+                  navItemsSlot ? navItemsSlot : renderNavItems()?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    Pressable,
+                    {
+                      href: item.url,
+                      onClick: () => {
+                        setActiveItem(item.title);
+                        setIsOpen(false);
+                      },
+                      className: cn(
+                        "flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors",
+                        activeItem === item.title ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-accent-foreground"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 18 }),
+                        item.title
+                      ]
+                    },
+                    index
+                  )),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 border-t pt-4", children: authActions?.map((action, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    Pressable,
+                    {
+                      href: action.href,
+                      className: "flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium text-muted-foreground hover:bg-accent hover:text-accent-foreground",
+                      onClick: () => setIsOpen(false),
+                      children: [
+                        action.icon,
+                        action.label
+                      ]
+                    },
+                    index
+                  )) })
+                ] })
+              ] })
             ] })
-          ] })
-        ] })
-      ] }) })
+          ]
+        }
+      ) })
     }
   );
 };

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

@@ -1,9 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-BXRgbd05.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
-import './patternSvgs-c5ZNVoTT.cjs';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -86,7 +85,7 @@ interface NavbarIconLinksProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */

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

@@ -1,9 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { P as PatternName } from './pattern-background-z0e5HB0v.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { A as ActionConfig, O as OptixFlowConfig } from './blocks-k17uluAz.js';
-import './patternSvgs-c5ZNVoTT.js';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -86,7 +85,7 @@ interface NavbarIconLinksProps {
     /**
      * Optional background pattern name or URL
      */
-    pattern?: PatternName | string;
+    pattern?: PatternName | undefined;
     /**
      * Pattern overlay opacity (0-1)
      */