@opensite/ui 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/navbar-animated-preview.cjs +10 -7
  2. package/dist/navbar-animated-preview.js +10 -7
  3. package/dist/navbar-centered-menu.cjs +5 -2
  4. package/dist/navbar-centered-menu.js +5 -2
  5. package/dist/navbar-dark-icons.cjs +5 -2
  6. package/dist/navbar-dark-icons.js +5 -2
  7. package/dist/navbar-dropdown-menu.cjs +5 -2
  8. package/dist/navbar-dropdown-menu.js +5 -2
  9. package/dist/navbar-education-platform.cjs +5 -2
  10. package/dist/navbar-education-platform.js +5 -2
  11. package/dist/navbar-enterprise-mega.cjs +5 -2
  12. package/dist/navbar-enterprise-mega.js +5 -2
  13. package/dist/navbar-feature-grid.cjs +5 -2
  14. package/dist/navbar-feature-grid.js +5 -2
  15. package/dist/navbar-icon-links.cjs +5 -2
  16. package/dist/navbar-icon-links.js +5 -2
  17. package/dist/navbar-image-preview.cjs +5 -2
  18. package/dist/navbar-image-preview.js +5 -2
  19. package/dist/navbar-mega-menu.cjs +5 -2
  20. package/dist/navbar-mega-menu.js +5 -2
  21. package/dist/navbar-multi-column-groups.cjs +5 -2
  22. package/dist/navbar-multi-column-groups.js +5 -2
  23. package/dist/navbar-platform-resources.cjs +5 -2
  24. package/dist/navbar-platform-resources.js +5 -2
  25. package/dist/navbar-search-focused.cjs +5 -2
  26. package/dist/navbar-search-focused.js +5 -2
  27. package/dist/navbar-sidebar-mobile.cjs +5 -2
  28. package/dist/navbar-sidebar-mobile.js +5 -2
  29. package/dist/navbar-simple-links.cjs +5 -2
  30. package/dist/navbar-simple-links.js +5 -2
  31. package/dist/navbar-split-cta.cjs +5 -2
  32. package/dist/navbar-split-cta.js +5 -2
  33. package/dist/navbar-sticky-compact.cjs +5 -2
  34. package/dist/navbar-sticky-compact.js +5 -2
  35. package/dist/navbar-tabbed-sections.cjs +5 -2
  36. package/dist/navbar-tabbed-sections.js +5 -2
  37. package/dist/navbar-transparent-overlay.cjs +5 -2
  38. package/dist/navbar-transparent-overlay.js +5 -2
  39. package/dist/registry.cjs +10 -7
  40. package/dist/registry.js +10 -7
  41. package/package.json +1 -1
package/dist/navbar-animated-preview.cjs CHANGED
@@ -1180,10 +1180,13 @@ var NavbarMobileMenu = ({
1180
1180
  "button",
1181
1181
  {
1182
1182
  onClick: onClose,
1183
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1183
+ className: cn(
1184
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1185
+ closeIconClassName
1186
+ ),
1184
1187
  "aria-label": "Close mobile menu",
1185
1188
  children: [
1186
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1189
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1187
1190
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1188
1191
  ]
1189
1192
  }
@@ -1763,7 +1766,7 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
1763
1766
  className: "m-auto stroke-white"
1764
1767
  }
1765
1768
  ) : null }),
1766
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 text-white text-shadow-lg", children: [
1769
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col text-white text-shadow-lg", children: [
1767
1770
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-semibold", children: link.label }),
1768
1771
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: link.description })
1769
1772
  ] })
@@ -1867,10 +1870,10 @@ var renderMobileMenuItem = (item, index) => {
1867
1870
  className: "border-b-0",
1868
1871
  children: [
1869
1872
  /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-10 items-center text-base font-normal text-foreground hover:no-underline", children: item.label }),
1870
- /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "flex flex-col py-6 px-4", children: [
1871
- item.featuredLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
1872
- item.links && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: item.links.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
1873
- item.groupLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
1873
+ /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "flex flex-col py-6 px-0", children: [
1874
+ item.featuredLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
1875
+ item.links && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: item.links.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
1876
+ item.groupLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
1874
1877
  group.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs text-muted-foreground", children: group.label }),
1875
1878
  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: group.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }) }, `group-link-${groupIdx}-${linkIdx}`)) })
1876
1879
  ] }, `group-link-${groupIdx}`)) })
package/dist/navbar-animated-preview.js CHANGED
@@ -1155,10 +1155,13 @@ var NavbarMobileMenu = ({
1155
1155
  "button",
1156
1156
  {
1157
1157
  onClick: onClose,
1158
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1158
+ className: cn(
1159
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1160
+ closeIconClassName
1161
+ ),
1159
1162
  "aria-label": "Close mobile menu",
1160
1163
  children: [
1161
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1164
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1162
1165
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1163
1166
  ]
1164
1167
  }
@@ -1738,7 +1741,7 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
1738
1741
  className: "m-auto stroke-white"
1739
1742
  }
1740
1743
  ) : null }),
1741
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-white text-shadow-lg", children: [
1744
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col text-white text-shadow-lg", children: [
1742
1745
  /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: link.label }),
1743
1746
  /* @__PURE__ */ jsx("div", { className: "font-medium", children: link.description })
1744
1747
  ] })
@@ -1842,10 +1845,10 @@ var renderMobileMenuItem = (item, index) => {
1842
1845
  className: "border-b-0",
1843
1846
  children: [
1844
1847
  /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-10 items-center text-base font-normal text-foreground hover:no-underline", children: item.label }),
1845
- /* @__PURE__ */ jsxs(AccordionContent, { className: "flex flex-col py-6 px-4", children: [
1846
- item.featuredLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
1847
- item.links && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: item.links.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
1848
- item.groupLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
1848
+ /* @__PURE__ */ jsxs(AccordionContent, { className: "flex flex-col py-6 px-0", children: [
1849
+ item.featuredLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
1850
+ item.links && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: item.links.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
1851
+ item.groupLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
1849
1852
  group.label && /* @__PURE__ */ jsx("div", { className: "mb-4 text-xs text-muted-foreground", children: group.label }),
1850
1853
  /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: group.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { link }) }, `group-link-${groupIdx}-${linkIdx}`)) })
1851
1854
  ] }, `group-link-${groupIdx}`)) })
package/dist/navbar-centered-menu.cjs CHANGED
@@ -1128,10 +1128,13 @@ var NavbarMobileMenu = ({
1128
1128
  "button",
1129
1129
  {
1130
1130
  onClick: onClose,
1131
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1131
+ className: cn(
1132
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1133
+ closeIconClassName
1134
+ ),
1132
1135
  "aria-label": "Close mobile menu",
1133
1136
  children: [
1134
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1137
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1135
1138
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1136
1139
  ]
1137
1140
  }
package/dist/navbar-centered-menu.js CHANGED
@@ -1105,10 +1105,13 @@ var NavbarMobileMenu = ({
1105
1105
  "button",
1106
1106
  {
1107
1107
  onClick: onClose,
1108
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1108
+ className: cn(
1109
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1110
+ closeIconClassName
1111
+ ),
1109
1112
  "aria-label": "Close mobile menu",
1110
1113
  children: [
1111
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1114
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1112
1115
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1113
1116
  ]
1114
1117
  }
package/dist/navbar-dark-icons.cjs CHANGED
@@ -1175,10 +1175,13 @@ var NavbarMobileMenu = ({
1175
1175
  "button",
1176
1176
  {
1177
1177
  onClick: onClose,
1178
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1178
+ className: cn(
1179
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1180
+ closeIconClassName
1181
+ ),
1179
1182
  "aria-label": "Close mobile menu",
1180
1183
  children: [
1181
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1184
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1182
1185
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1183
1186
  ]
1184
1187
  }
package/dist/navbar-dark-icons.js CHANGED
@@ -1152,10 +1152,13 @@ var NavbarMobileMenu = ({
1152
1152
  "button",
1153
1153
  {
1154
1154
  onClick: onClose,
1155
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1155
+ className: cn(
1156
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1157
+ closeIconClassName
1158
+ ),
1156
1159
  "aria-label": "Close mobile menu",
1157
1160
  children: [
1158
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1161
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1159
1162
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1160
1163
  ]
1161
1164
  }
package/dist/navbar-dropdown-menu.cjs CHANGED
@@ -1175,10 +1175,13 @@ var NavbarMobileMenu = ({
1175
1175
  "button",
1176
1176
  {
1177
1177
  onClick: onClose,
1178
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1178
+ className: cn(
1179
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1180
+ closeIconClassName
1181
+ ),
1179
1182
  "aria-label": "Close mobile menu",
1180
1183
  children: [
1181
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1184
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1182
1185
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1183
1186
  ]
1184
1187
  }
package/dist/navbar-dropdown-menu.js CHANGED
@@ -1152,10 +1152,13 @@ var NavbarMobileMenu = ({
1152
1152
  "button",
1153
1153
  {
1154
1154
  onClick: onClose,
1155
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1155
+ className: cn(
1156
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1157
+ closeIconClassName
1158
+ ),
1156
1159
  "aria-label": "Close mobile menu",
1157
1160
  children: [
1158
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1161
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1159
1162
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1160
1163
  ]
1161
1164
  }
package/dist/navbar-education-platform.cjs CHANGED
@@ -1257,10 +1257,13 @@ var NavbarMobileMenu = ({
1257
1257
  "button",
1258
1258
  {
1259
1259
  onClick: onClose,
1260
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1260
+ className: cn(
1261
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1262
+ closeIconClassName
1263
+ ),
1261
1264
  "aria-label": "Close mobile menu",
1262
1265
  children: [
1263
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1266
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1264
1267
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1265
1268
  ]
1266
1269
  }
package/dist/navbar-education-platform.js CHANGED
@@ -1233,10 +1233,13 @@ var NavbarMobileMenu = ({
1233
1233
  "button",
1234
1234
  {
1235
1235
  onClick: onClose,
1236
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1236
+ className: cn(
1237
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1238
+ closeIconClassName
1239
+ ),
1237
1240
  "aria-label": "Close mobile menu",
1238
1241
  children: [
1239
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1242
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1240
1243
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1241
1244
  ]
1242
1245
  }
package/dist/navbar-enterprise-mega.cjs CHANGED
@@ -1175,10 +1175,13 @@ var NavbarMobileMenu = ({
1175
1175
  "button",
1176
1176
  {
1177
1177
  onClick: onClose,
1178
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1178
+ className: cn(
1179
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1180
+ closeIconClassName
1181
+ ),
1179
1182
  "aria-label": "Close mobile menu",
1180
1183
  children: [
1181
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1184
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1182
1185
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1183
1186
  ]
1184
1187
  }
package/dist/navbar-enterprise-mega.js CHANGED
@@ -1152,10 +1152,13 @@ var NavbarMobileMenu = ({
1152
1152
  "button",
1153
1153
  {
1154
1154
  onClick: onClose,
1155
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1155
+ className: cn(
1156
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1157
+ closeIconClassName
1158
+ ),
1156
1159
  "aria-label": "Close mobile menu",
1157
1160
  children: [
1158
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1161
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1159
1162
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1160
1163
  ]
1161
1164
  }
package/dist/navbar-feature-grid.cjs CHANGED
@@ -1175,10 +1175,13 @@ var NavbarMobileMenu = ({
1175
1175
  "button",
1176
1176
  {
1177
1177
  onClick: onClose,
1178
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1178
+ className: cn(
1179
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1180
+ closeIconClassName
1181
+ ),
1179
1182
  "aria-label": "Close mobile menu",
1180
1183
  children: [
1181
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1184
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1182
1185
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1183
1186
  ]
1184
1187
  }
package/dist/navbar-feature-grid.js CHANGED
@@ -1152,10 +1152,13 @@ var NavbarMobileMenu = ({
1152
1152
  "button",
1153
1153
  {
1154
1154
  onClick: onClose,
1155
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1155
+ className: cn(
1156
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1157
+ closeIconClassName
1158
+ ),
1156
1159
  "aria-label": "Close mobile menu",
1157
1160
  children: [
1158
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1161
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1159
1162
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1160
1163
  ]
1161
1164
  }
package/dist/navbar-icon-links.cjs CHANGED
@@ -1072,10 +1072,13 @@ var NavbarMobileMenu = ({
1072
1072
  "button",
1073
1073
  {
1074
1074
  onClick: onClose,
1075
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1075
+ className: cn(
1076
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1077
+ closeIconClassName
1078
+ ),
1076
1079
  "aria-label": "Close mobile menu",
1077
1080
  children: [
1078
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1081
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1079
1082
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1080
1083
  ]
1081
1084
  }
package/dist/navbar-icon-links.js CHANGED
@@ -1049,10 +1049,13 @@ var NavbarMobileMenu = ({
1049
1049
  "button",
1050
1050
  {
1051
1051
  onClick: onClose,
1052
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1052
+ className: cn(
1053
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1054
+ closeIconClassName
1055
+ ),
1053
1056
  "aria-label": "Close mobile menu",
1054
1057
  children: [
1055
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1058
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1056
1059
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1057
1060
  ]
1058
1061
  }
package/dist/navbar-image-preview.cjs CHANGED
@@ -1235,10 +1235,13 @@ var NavbarMobileMenu = ({
1235
1235
  "button",
1236
1236
  {
1237
1237
  onClick: onClose,
1238
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1238
+ className: cn(
1239
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1240
+ closeIconClassName
1241
+ ),
1239
1242
  "aria-label": "Close mobile menu",
1240
1243
  children: [
1241
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1244
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1242
1245
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1243
1246
  ]
1244
1247
  }
package/dist/navbar-image-preview.js CHANGED
@@ -1212,10 +1212,13 @@ var NavbarMobileMenu = ({
1212
1212
  "button",
1213
1213
  {
1214
1214
  onClick: onClose,
1215
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1215
+ className: cn(
1216
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1217
+ closeIconClassName
1218
+ ),
1216
1219
  "aria-label": "Close mobile menu",
1217
1220
  children: [
1218
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1221
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1219
1222
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1220
1223
  ]
1221
1224
  }
package/dist/navbar-mega-menu.cjs CHANGED
@@ -1235,10 +1235,13 @@ var NavbarMobileMenu = ({
1235
1235
  "button",
1236
1236
  {
1237
1237
  onClick: onClose,
1238
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1238
+ className: cn(
1239
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1240
+ closeIconClassName
1241
+ ),
1239
1242
  "aria-label": "Close mobile menu",
1240
1243
  children: [
1241
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1244
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1242
1245
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1243
1246
  ]
1244
1247
  }
package/dist/navbar-mega-menu.js CHANGED
@@ -1212,10 +1212,13 @@ var NavbarMobileMenu = ({
1212
1212
  "button",
1213
1213
  {
1214
1214
  onClick: onClose,
1215
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1215
+ className: cn(
1216
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1217
+ closeIconClassName
1218
+ ),
1216
1219
  "aria-label": "Close mobile menu",
1217
1220
  children: [
1218
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1221
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1219
1222
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1220
1223
  ]
1221
1224
  }
package/dist/navbar-multi-column-groups.cjs CHANGED
@@ -1235,10 +1235,13 @@ var NavbarMobileMenu = ({
1235
1235
  "button",
1236
1236
  {
1237
1237
  onClick: onClose,
1238
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1238
+ className: cn(
1239
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1240
+ closeIconClassName
1241
+ ),
1239
1242
  "aria-label": "Close mobile menu",
1240
1243
  children: [
1241
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1244
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1242
1245
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1243
1246
  ]
1244
1247
  }
package/dist/navbar-multi-column-groups.js CHANGED
@@ -1212,10 +1212,13 @@ var NavbarMobileMenu = ({
1212
1212
  "button",
1213
1213
  {
1214
1214
  onClick: onClose,
1215
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1215
+ className: cn(
1216
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1217
+ closeIconClassName
1218
+ ),
1216
1219
  "aria-label": "Close mobile menu",
1217
1220
  children: [
1218
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1221
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1219
1222
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1220
1223
  ]
1221
1224
  }
package/dist/navbar-platform-resources.cjs CHANGED
@@ -1235,10 +1235,13 @@ var NavbarMobileMenu = ({
1235
1235
  "button",
1236
1236
  {
1237
1237
  onClick: onClose,
1238
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1238
+ className: cn(
1239
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1240
+ closeIconClassName
1241
+ ),
1239
1242
  "aria-label": "Close mobile menu",
1240
1243
  children: [
1241
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1244
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1242
1245
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1243
1246
  ]
1244
1247
  }
package/dist/navbar-platform-resources.js CHANGED
@@ -1212,10 +1212,13 @@ var NavbarMobileMenu = ({
1212
1212
  "button",
1213
1213
  {
1214
1214
  onClick: onClose,
1215
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1215
+ className: cn(
1216
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1217
+ closeIconClassName
1218
+ ),
1216
1219
  "aria-label": "Close mobile menu",
1217
1220
  children: [
1218
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1221
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1219
1222
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1220
1223
  ]
1221
1224
  }
package/dist/navbar-search-focused.cjs CHANGED
@@ -1146,10 +1146,13 @@ var NavbarMobileMenu = ({
1146
1146
  "button",
1147
1147
  {
1148
1148
  onClick: onClose,
1149
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1149
+ className: cn(
1150
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1151
+ closeIconClassName
1152
+ ),
1150
1153
  "aria-label": "Close mobile menu",
1151
1154
  children: [
1152
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1155
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1153
1156
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1154
1157
  ]
1155
1158
  }
package/dist/navbar-search-focused.js CHANGED
@@ -1124,10 +1124,13 @@ var NavbarMobileMenu = ({
1124
1124
  "button",
1125
1125
  {
1126
1126
  onClick: onClose,
1127
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1127
+ className: cn(
1128
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1129
+ closeIconClassName
1130
+ ),
1128
1131
  "aria-label": "Close mobile menu",
1129
1132
  children: [
1130
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1133
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1131
1134
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1132
1135
  ]
1133
1136
  }
package/dist/navbar-sidebar-mobile.cjs CHANGED
@@ -1235,10 +1235,13 @@ var NavbarMobileMenu = ({
1235
1235
  "button",
1236
1236
  {
1237
1237
  onClick: onClose,
1238
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1238
+ className: cn(
1239
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1240
+ closeIconClassName
1241
+ ),
1239
1242
  "aria-label": "Close mobile menu",
1240
1243
  children: [
1241
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1244
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1242
1245
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1243
1246
  ]
1244
1247
  }
package/dist/navbar-sidebar-mobile.js CHANGED
@@ -1212,10 +1212,13 @@ var NavbarMobileMenu = ({
1212
1212
  "button",
1213
1213
  {
1214
1214
  onClick: onClose,
1215
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1215
+ className: cn(
1216
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1217
+ closeIconClassName
1218
+ ),
1216
1219
  "aria-label": "Close mobile menu",
1217
1220
  children: [
1218
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1221
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1219
1222
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1220
1223
  ]
1221
1224
  }
package/dist/navbar-simple-links.cjs CHANGED
@@ -1130,10 +1130,13 @@ var NavbarMobileMenu = ({
1130
1130
  "button",
1131
1131
  {
1132
1132
  onClick: onClose,
1133
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1133
+ className: cn(
1134
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1135
+ closeIconClassName
1136
+ ),
1134
1137
  "aria-label": "Close mobile menu",
1135
1138
  children: [
1136
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1139
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1137
1140
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1138
1141
  ]
1139
1142
  }
package/dist/navbar-simple-links.js CHANGED
@@ -1108,10 +1108,13 @@ var NavbarMobileMenu = ({
1108
1108
  "button",
1109
1109
  {
1110
1110
  onClick: onClose,
1111
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1111
+ className: cn(
1112
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1113
+ closeIconClassName
1114
+ ),
1112
1115
  "aria-label": "Close mobile menu",
1113
1116
  children: [
1114
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1117
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1115
1118
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1116
1119
  ]
1117
1120
  }
package/dist/navbar-split-cta.cjs CHANGED
@@ -1173,10 +1173,13 @@ var NavbarMobileMenu = ({
1173
1173
  "button",
1174
1174
  {
1175
1175
  onClick: onClose,
1176
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1176
+ className: cn(
1177
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1178
+ closeIconClassName
1179
+ ),
1177
1180
  "aria-label": "Close mobile menu",
1178
1181
  children: [
1179
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1182
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1180
1183
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1181
1184
  ]
1182
1185
  }
package/dist/navbar-split-cta.js CHANGED
@@ -1151,10 +1151,13 @@ var NavbarMobileMenu = ({
1151
1151
  "button",
1152
1152
  {
1153
1153
  onClick: onClose,
1154
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1154
+ className: cn(
1155
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1156
+ closeIconClassName
1157
+ ),
1155
1158
  "aria-label": "Close mobile menu",
1156
1159
  children: [
1157
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1160
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1158
1161
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1159
1162
  ]
1160
1163
  }
package/dist/navbar-sticky-compact.cjs CHANGED
@@ -1235,10 +1235,13 @@ var NavbarMobileMenu = ({
1235
1235
  "button",
1236
1236
  {
1237
1237
  onClick: onClose,
1238
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1238
+ className: cn(
1239
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1240
+ closeIconClassName
1241
+ ),
1239
1242
  "aria-label": "Close mobile menu",
1240
1243
  children: [
1241
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1244
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1242
1245
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1243
1246
  ]
1244
1247
  }
package/dist/navbar-sticky-compact.js CHANGED
@@ -1212,10 +1212,13 @@ var NavbarMobileMenu = ({
1212
1212
  "button",
1213
1213
  {
1214
1214
  onClick: onClose,
1215
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1215
+ className: cn(
1216
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1217
+ closeIconClassName
1218
+ ),
1216
1219
  "aria-label": "Close mobile menu",
1217
1220
  children: [
1218
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1221
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1219
1222
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1220
1223
  ]
1221
1224
  }
package/dist/navbar-tabbed-sections.cjs CHANGED
@@ -1175,10 +1175,13 @@ var NavbarMobileMenu = ({
1175
1175
  "button",
1176
1176
  {
1177
1177
  onClick: onClose,
1178
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1178
+ className: cn(
1179
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1180
+ closeIconClassName
1181
+ ),
1179
1182
  "aria-label": "Close mobile menu",
1180
1183
  children: [
1181
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1184
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1182
1185
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1183
1186
  ]
1184
1187
  }
package/dist/navbar-tabbed-sections.js CHANGED
@@ -1152,10 +1152,13 @@ var NavbarMobileMenu = ({
1152
1152
  "button",
1153
1153
  {
1154
1154
  onClick: onClose,
1155
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1155
+ className: cn(
1156
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1157
+ closeIconClassName
1158
+ ),
1156
1159
  "aria-label": "Close mobile menu",
1157
1160
  children: [
1158
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1161
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1159
1162
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1160
1163
  ]
1161
1164
  }
package/dist/navbar-transparent-overlay.cjs CHANGED
@@ -1035,10 +1035,13 @@ var NavbarMobileMenu = ({
1035
1035
  "button",
1036
1036
  {
1037
1037
  onClick: onClose,
1038
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1038
+ className: cn(
1039
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1040
+ closeIconClassName
1041
+ ),
1039
1042
  "aria-label": "Close mobile menu",
1040
1043
  children: [
1041
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1044
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1042
1045
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
1043
1046
  ]
1044
1047
  }
package/dist/navbar-transparent-overlay.js CHANGED
@@ -1013,10 +1013,13 @@ var NavbarMobileMenu = ({
1013
1013
  "button",
1014
1014
  {
1015
1015
  onClick: onClose,
1016
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1016
+ className: cn(
1017
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
1018
+ closeIconClassName
1019
+ ),
1017
1020
  "aria-label": "Close mobile menu",
1018
1021
  children: [
1019
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
1022
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
1020
1023
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
1021
1024
  ]
1022
1025
  }
package/dist/registry.cjs CHANGED
@@ -57145,10 +57145,13 @@ var NavbarMobileMenu = ({
57145
57145
  "button",
57146
57146
  {
57147
57147
  onClick: onClose,
57148
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
57148
+ className: cn(
57149
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
57150
+ closeIconClassName
57151
+ ),
57149
57152
  "aria-label": "Close mobile menu",
57150
57153
  children: [
57151
- /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
57154
+ /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
57152
57155
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
57153
57156
  ]
57154
57157
  }
@@ -60889,7 +60892,7 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
60889
60892
  className: "m-auto stroke-white"
60890
60893
  }
60891
60894
  ) : null }),
60892
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 text-white text-shadow-lg", children: [
60895
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col text-white text-shadow-lg", children: [
60893
60896
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-semibold", children: link.label }),
60894
60897
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: link.description })
60895
60898
  ] })
@@ -60993,10 +60996,10 @@ var renderMobileMenuItem4 = (item, index) => {
60993
60996
  className: "border-b-0",
60994
60997
  children: [
60995
60998
  /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-10 items-center text-base font-normal text-foreground hover:no-underline", children: item.label }),
60996
- /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "flex flex-col py-6 px-4", children: [
60997
- item.featuredLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
60998
- item.links && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: item.links.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
60999
- item.groupLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
60999
+ /* @__PURE__ */ jsxRuntime.jsxs(AccordionContent, { className: "flex flex-col py-6 px-0", children: [
61000
+ item.featuredLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
61001
+ item.links && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: item.links.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
61002
+ item.groupLinks && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
61000
61003
  group.label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 text-xs text-muted-foreground", children: group.label }),
61001
61004
  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2", children: group.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(NavLink, { link }) }, `group-link-${groupIdx}-${linkIdx}`)) })
61002
61005
  ] }, `group-link-${groupIdx}`)) })
package/dist/registry.js CHANGED
@@ -57105,10 +57105,13 @@ var NavbarMobileMenu = ({
57105
57105
  "button",
57106
57106
  {
57107
57107
  onClick: onClose,
57108
- className: "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
57108
+ className: cn(
57109
+ "flex size-10 items-center justify-center rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
57110
+ closeIconClassName
57111
+ ),
57109
57112
  "aria-label": "Close mobile menu",
57110
57113
  children: [
57111
- /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: cn("size-4", closeIconClassName) }),
57114
+ /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/x", className: "size-4" }),
57112
57115
  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
57113
57116
  ]
57114
57117
  }
@@ -60849,7 +60852,7 @@ var FeaturedLink = ({ link, optixFlowConfig }) => {
60849
60852
  className: "m-auto stroke-white"
60850
60853
  }
60851
60854
  ) : null }),
60852
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 text-white text-shadow-lg", children: [
60855
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col text-white text-shadow-lg", children: [
60853
60856
  /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: link.label }),
60854
60857
  /* @__PURE__ */ jsx("div", { className: "font-medium", children: link.description })
60855
60858
  ] })
@@ -60953,10 +60956,10 @@ var renderMobileMenuItem4 = (item, index) => {
60953
60956
  className: "border-b-0",
60954
60957
  children: [
60955
60958
  /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-10 items-center text-base font-normal text-foreground hover:no-underline", children: item.label }),
60956
- /* @__PURE__ */ jsxs(AccordionContent, { className: "flex flex-col py-6 px-4", children: [
60957
- item.featuredLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
60958
- item.links && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: item.links.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
60959
- item.groupLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
60959
+ /* @__PURE__ */ jsxs(AccordionContent, { className: "flex flex-col py-6 px-0", children: [
60960
+ item.featuredLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: item.featuredLinks.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
60961
+ item.links && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: item.links.map((link, idx) => /* @__PURE__ */ jsx(NavLink, { link }, `default-nav-link-${idx}`)) }),
60962
+ item.groupLinks && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: item.groupLinks.map((group, groupIdx) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
60960
60963
  group.label && /* @__PURE__ */ jsx("div", { className: "mb-4 text-xs text-muted-foreground", children: group.label }),
60961
60964
  /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: group.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { link }) }, `group-link-${groupIdx}-${linkIdx}`)) })
60962
60965
  ] }, `group-link-${groupIdx}`)) })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",