@opensite/ui 3.4.5 → 3.4.6

package/dist/contact-careers.cjs

@@ -714,10 +714,10 @@ function ContactCareers({
         type: "single",
         collapsible: true,
         className: cn("space-y-3", accordionClassName),
-        children: jobListings.map((job) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: jobListings.map((job, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: job.id,
+            value: job.id || `faq-item-${idx}`,
             className: cn(
               "rounded-xl border border-border/60",
               "px-5 shadow-sm transition-all hover:shadow-md",
@@ -742,7 +742,7 @@ function ContactCareers({
               /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn("pb-4", accordionContentClassName), children: job.description })
             ]
           },
-          job.id
+          job.id || idx
         ))
       }
     );

package/dist/contact-careers.js

@@ -692,10 +692,10 @@ function ContactCareers({
         type: "single",
         collapsible: true,
         className: cn("space-y-3", accordionClassName),
-        children: jobListings.map((job) => /* @__PURE__ */ jsxs(
+        children: jobListings.map((job, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: job.id,
+            value: job.id || `faq-item-${idx}`,
             className: cn(
               "rounded-xl border border-border/60",
               "px-5 shadow-sm transition-all hover:shadow-md",
@@ -720,7 +720,7 @@ function ContactCareers({
               /* @__PURE__ */ jsx(AccordionContent, { className: cn("pb-4", accordionContentClassName), children: job.description })
             ]
           },
-          job.id
+          job.id || idx
         ))
       }
     );

package/dist/contact-faq.cjs

@@ -580,10 +580,10 @@ function ContactFaq({
   const faqContent = React.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
       AccordionItem,
       {
-        value: item.id,
+        value: item.id || `faq-item-${idx}`,
         className: accordionItemClassName,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -599,7 +599,7 @@ function ContactFaq({
           /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn(accordionContentClassName), children: item.answer })
         ]
       },
-      item.id
+      item.id || idx
     )) });
   }, [
     itemsSlot,

package/dist/contact-faq.js

@@ -558,10 +558,10 @@ function ContactFaq({
   const faqContent = useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item, idx) => /* @__PURE__ */ jsxs(
       AccordionItem,
       {
-        value: item.id,
+        value: item.id || `faq-item-${idx}`,
         className: accordionItemClassName,
         children: [
           /* @__PURE__ */ jsx(
@@ -577,7 +577,7 @@ function ContactFaq({
           /* @__PURE__ */ jsx(AccordionContent, { className: cn(accordionContentClassName), children: item.answer })
         ]
       },
-      item.id
+      item.id || idx
     )) });
   }, [
     itemsSlot,

package/dist/faq-badge-support.cjs

@@ -585,10 +585,10 @@ function FaqBadgeSupport({
         type: "single",
         collapsible: true,
         className: cn("mx-auto w-full lg:max-w-3xl", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -610,7 +610,7 @@ function FaqBadgeSupport({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-badge-support.js

@@ -563,10 +563,10 @@ function FaqBadgeSupport({
         type: "single",
         collapsible: true,
         className: cn("mx-auto w-full lg:max-w-3xl", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsx(
@@ -588,7 +588,7 @@ function FaqBadgeSupport({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-bordered-badge.cjs

@@ -550,10 +550,10 @@ function FaqBorderedBadge({
         type: "single",
         collapsible: true,
         className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn("rounded-lg border px-4", accordionItemClassName),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -569,7 +569,7 @@ function FaqBorderedBadge({
               /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn(accordionContentClassName), children: item.answer })
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-bordered-badge.js

@@ -528,10 +528,10 @@ function FaqBorderedBadge({
         type: "single",
         collapsible: true,
         className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn("rounded-lg border px-4", accordionItemClassName),
             children: [
               /* @__PURE__ */ jsx(
@@ -547,7 +547,7 @@ function FaqBorderedBadge({
               /* @__PURE__ */ jsx(AccordionContent, { className: cn(accordionContentClassName), children: item.answer })
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-card-categories.cjs

@@ -615,7 +615,7 @@ function FaqCardCategories({
               children: category.items?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                 AccordionItem,
                 {
-                  value: item.id,
+                  value: item.id || `faq-item-${index}`,
                   className: cn(
                     categories?.length === index + 1 && "border-b-0",
                     accordionItemClassName
@@ -642,7 +642,7 @@ function FaqCardCategories({
                     )
                   ]
                 },
-                item.id
+                item.id || index
               ))
             }
           ) })

package/dist/faq-card-categories.js

@@ -593,7 +593,7 @@ function FaqCardCategories({
               children: category.items?.map((item, index) => /* @__PURE__ */ jsxs(
                 AccordionItem,
                 {
-                  value: item.id,
+                  value: item.id || `faq-item-${index}`,
                   className: cn(
                     categories?.length === index + 1 && "border-b-0",
                     accordionItemClassName
@@ -620,7 +620,7 @@ function FaqCardCategories({
                     )
                   ]
                 },
-                item.id
+                item.id || index
               ))
             }
           ) })

package/dist/faq-categorized-sections.cjs

@@ -526,10 +526,10 @@ function FaqCategorizedSections({
               children: category.title
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: categoryTitleClassName, children: category.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
             AccordionItem,
             {
-              value: item.id,
+              value: item.id || `faq-item-${idx}`,
               className: accordionItemClassName,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -551,7 +551,7 @@ function FaqCategorizedSections({
                 )
               ]
             },
-            item.id
+            item.id || idx
           )) })
         ] }, categoryIndex))
       }

package/dist/faq-categorized-sections.js

@@ -504,10 +504,10 @@ function FaqCategorizedSections({
               children: category.title
             }
           ) : /* @__PURE__ */ jsx("div", { className: categoryTitleClassName, children: category.title }),
-          /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxs(
             AccordionItem,
             {
-              value: item.id,
+              value: item.id || `faq-item-${idx}`,
               className: accordionItemClassName,
               children: [
                 /* @__PURE__ */ jsx(
@@ -529,7 +529,7 @@ function FaqCategorizedSections({
                 )
               ]
             },
-            item.id
+            item.id || idx
           )) })
         ] }, categoryIndex))
       }

package/dist/faq-centered-accordion.cjs

@@ -512,10 +512,10 @@ function FaqCenteredAccordion({
         type: "single",
         collapsible: true,
         className: cn("mx-auto w-full lg:max-w-3xl", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -537,7 +537,7 @@ function FaqCenteredAccordion({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-centered-accordion.js

@@ -490,10 +490,10 @@ function FaqCenteredAccordion({
         type: "single",
         collapsible: true,
         className: cn("mx-auto w-full lg:max-w-3xl", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsx(
@@ -515,7 +515,7 @@ function FaqCenteredAccordion({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-gradient-categories.cjs

@@ -559,10 +559,10 @@ function FaqGradientCategories({
               children: category.title
             }
           ) : category.title,
-          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
             AccordionItem,
             {
-              value: item.id,
+              value: item.id || `faq-item-${idx}`,
               className: accordionItemClassName,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -586,7 +586,7 @@ function FaqGradientCategories({
                 )
               ]
             },
-            item.id
+            item.id || idx
           )) })
         ] }, categoryIndex))
       }

package/dist/faq-gradient-categories.js

@@ -537,10 +537,10 @@ function FaqGradientCategories({
               children: category.title
             }
           ) : category.title,
-          /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxs(
             AccordionItem,
             {
-              value: item.id,
+              value: item.id || `faq-item-${idx}`,
               className: accordionItemClassName,
               children: [
                 /* @__PURE__ */ jsx(
@@ -564,7 +564,7 @@ function FaqGradientCategories({
                 )
               ]
             },
-            item.id
+            item.id || idx
           )) })
         ] }, categoryIndex))
       }

package/dist/faq-muted-cards.cjs

@@ -552,7 +552,7 @@ function FaqMutedCards({
         children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${index}`,
             className: cn(
               "border-border/50",
               index === items.length - 1 ? "border-none" : "",

package/dist/faq-muted-cards.js

@@ -530,7 +530,7 @@ function FaqMutedCards({
         children: items.map((item, index) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${index}`,
             className: cn(
               "border-border/50",
               index === items.length - 1 ? "border-none" : "",

package/dist/faq-profile-sidebar.cjs

@@ -556,10 +556,10 @@ function FaqProfileSidebar({
   const itemsContent = React5.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
       AccordionItem,
       {
-        value: item.id,
+        value: item.id || `faq-item-${idx}`,
         className: accordionItemClassName,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -583,7 +583,7 @@ function FaqProfileSidebar({
           )
         ]
       },
-      item.id
+      item.id || idx
     )) });
   }, [
     itemsSlot,

package/dist/faq-profile-sidebar.js

@@ -534,10 +534,10 @@ function FaqProfileSidebar({
   const itemsContent = useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item, idx) => /* @__PURE__ */ jsxs(
       AccordionItem,
       {
-        value: item.id,
+        value: item.id || `faq-item-${idx}`,
         className: accordionItemClassName,
         children: [
           /* @__PURE__ */ jsx(
@@ -561,7 +561,7 @@ function FaqProfileSidebar({
           )
         ]
       },
-      item.id
+      item.id || idx
     )) });
   }, [
     itemsSlot,

package/dist/faq-rounded-cards.cjs

@@ -545,10 +545,10 @@ function FaqRoundedCards({
         type: "single",
         collapsible: true,
         className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn(
               "border border-border/50",
               "transition-all duration-500",
@@ -585,7 +585,7 @@ function FaqRoundedCards({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-rounded-cards.js

@@ -523,10 +523,10 @@ function FaqRoundedCards({
         type: "single",
         collapsible: true,
         className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn(
               "border border-border/50",
               "transition-all duration-500",
@@ -563,7 +563,7 @@ function FaqRoundedCards({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-sidebar-navigation.cjs

@@ -572,10 +572,10 @@ function FaqSidebarNavigation({
                   children: category.title
                 }
               ) : category.title,
-              /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
                 AccordionItem,
                 {
-                  value: item.id,
+                  value: item.id || `faq-item-${idx}`,
                   className: accordionItemClassName,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -597,7 +597,7 @@ function FaqSidebarNavigation({
                     )
                   ]
                 },
-                item.id
+                item.id || idx
               )) })
             ]
           },

package/dist/faq-sidebar-navigation.js

@@ -550,10 +550,10 @@ function FaqSidebarNavigation({
                   children: category.title
                 }
               ) : category.title,
-              /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxs(
                 AccordionItem,
                 {
-                  value: item.id,
+                  value: item.id || `faq-item-${idx}`,
                   className: accordionItemClassName,
                   children: [
                     /* @__PURE__ */ jsx(
@@ -575,7 +575,7 @@ function FaqSidebarNavigation({
                     )
                   ]
                 },
-                item.id
+                item.id || idx
               )) })
             ]
           },

package/dist/faq-split-help.cjs

@@ -550,10 +550,10 @@ function FaqSplitHelp({
         type: "single",
         collapsible: true,
         className: cn("w-full lg:w-2/3", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -575,7 +575,7 @@ function FaqSplitHelp({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-split-help.js

@@ -528,10 +528,10 @@ function FaqSplitHelp({
         type: "single",
         collapsible: true,
         className: cn("w-full lg:w-2/3", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsx(
@@ -553,7 +553,7 @@ function FaqSplitHelp({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-split-hero.cjs

@@ -529,10 +529,10 @@ function FaqSplitHero({
         type: "single",
         collapsible: true,
         className: cn("w-full", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn("border-b border-current/20", accordionItemClassName),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -556,7 +556,7 @@ function FaqSplitHero({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/faq-split-hero.js

@@ -507,10 +507,10 @@ function FaqSplitHero({
         type: "single",
         collapsible: true,
         className: cn("w-full", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn("border-b border-current/20", accordionItemClassName),
             children: [
               /* @__PURE__ */ jsx(
@@ -534,7 +534,7 @@ function FaqSplitHero({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );

package/dist/navbar-tabbed-sections.cjs

@@ -960,10 +960,10 @@ var NavbarTabbedSections = ({
             className: "border-b-0",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center p-0 px-4! text-base leading-[3.75] font-normal text-muted-foreground hover:bg-muted hover:no-underline", children: item.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
                 AccordionItem,
                 {
-                  value: tab.id,
+                  value: tab.id || `tab-${idx}`,
                   className: "border-b-0",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-12 items-center p-0 px-4! text-sm leading-[3] font-medium text-muted-foreground hover:bg-muted hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -985,7 +985,7 @@ var NavbarTabbedSections = ({
                     )) }) })
                   ]
                 },
-                tab.id
+                tab.id || idx
               )) }) })
             ]
           },

package/dist/navbar-tabbed-sections.js

@@ -936,10 +936,10 @@ var NavbarTabbedSections = ({
             className: "border-b-0",
             children: [
               /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center p-0 px-4! text-base leading-[3.75] font-normal text-muted-foreground hover:bg-muted hover:no-underline", children: item.title }),
-              /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab) => /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab, idx) => /* @__PURE__ */ jsxs(
                 AccordionItem,
                 {
-                  value: tab.id,
+                  value: tab.id || `tab-${idx}`,
                   className: "border-b-0",
                   children: [
                     /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-12 items-center p-0 px-4! text-sm leading-[3] font-medium text-muted-foreground hover:bg-muted hover:no-underline", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -961,7 +961,7 @@ var NavbarTabbedSections = ({
                     )) }) })
                   ]
                 },
-                tab.id
+                tab.id || idx
               )) }) })
             ]
           },

package/dist/registry.cjs

@@ -14104,10 +14104,10 @@ function ContactCareers({
         type: "single",
         collapsible: true,
         className: cn("space-y-3", accordionClassName),
-        children: jobListings.map((job) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: jobListings.map((job, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: job.id,
+            value: job.id || `faq-item-${idx}`,
             className: cn(
               "rounded-xl border border-border/60",
               "px-5 shadow-sm transition-all hover:shadow-md",
@@ -14132,7 +14132,7 @@ function ContactCareers({
               /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn("pb-4", accordionContentClassName), children: job.description })
             ]
           },
-          job.id
+          job.id || idx
         ))
       }
     );
@@ -15470,10 +15470,10 @@ function ContactFaq({
   const faqContent = React30.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
       AccordionItem,
       {
-        value: item.id,
+        value: item.id || `faq-item-${idx}`,
         className: accordionItemClassName,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -15489,7 +15489,7 @@ function ContactFaq({
           /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn(accordionContentClassName), children: item.answer })
         ]
       },
-      item.id
+      item.id || idx
     )) });
   }, [
     itemsSlot,
@@ -39907,10 +39907,10 @@ function FaqCenteredAccordion({
         type: "single",
         collapsible: true,
         className: cn("mx-auto w-full lg:max-w-3xl", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -39932,7 +39932,7 @@ function FaqCenteredAccordion({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -40020,10 +40020,10 @@ function FaqBadgeSupport({
         type: "single",
         collapsible: true,
         className: cn("mx-auto w-full lg:max-w-3xl", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -40045,7 +40045,7 @@ function FaqBadgeSupport({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -40507,10 +40507,10 @@ function FaqSplitHelp({
         type: "single",
         collapsible: true,
         className: cn("w-full lg:w-2/3", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -40532,7 +40532,7 @@ function FaqSplitHelp({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -40693,10 +40693,10 @@ function FaqCategorizedSections({
               children: category.title
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: categoryTitleClassName, children: category.title }),
-          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
             AccordionItem,
             {
-              value: item.id,
+              value: item.id || `faq-item-${idx}`,
               className: accordionItemClassName,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -40718,7 +40718,7 @@ function FaqCategorizedSections({
                 )
               ]
             },
-            item.id
+            item.id || idx
           )) })
         ] }, categoryIndex))
       }
@@ -40810,7 +40810,7 @@ function FaqMutedCards({
         children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${index}`,
             className: cn(
               "border-border/50",
               index === items.length - 1 ? "border-none" : "",
@@ -40958,10 +40958,10 @@ function FaqBorderedBadge({
         type: "single",
         collapsible: true,
         className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn("rounded-lg border px-4", accordionItemClassName),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -40977,7 +40977,7 @@ function FaqBorderedBadge({
               /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn(accordionContentClassName), children: item.answer })
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -41084,10 +41084,10 @@ function FaqGradientCategories({
               children: category.title
             }
           ) : category.title,
-          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
             AccordionItem,
             {
-              value: item.id,
+              value: item.id || `faq-item-${idx}`,
               className: accordionItemClassName,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -41111,7 +41111,7 @@ function FaqGradientCategories({
                 )
               ]
             },
-            item.id
+            item.id || idx
           )) })
         ] }, categoryIndex))
       }
@@ -41260,10 +41260,10 @@ function FaqSidebarNavigation({
                   children: category.title
                 }
               ) : category.title,
-              /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
                 AccordionItem,
                 {
-                  value: item.id,
+                  value: item.id || `faq-item-${idx}`,
                   className: accordionItemClassName,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
@@ -41285,7 +41285,7 @@ function FaqSidebarNavigation({
                     )
                   ]
                 },
-                item.id
+                item.id || idx
               )) })
             ]
           },
@@ -41475,7 +41475,7 @@ function FaqCardCategories({
               children: category.items?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
                 AccordionItem,
                 {
-                  value: item.id,
+                  value: item.id || `faq-item-${index}`,
                   className: cn(
                     categories?.length === index + 1 && "border-b-0",
                     accordionItemClassName
@@ -41502,7 +41502,7 @@ function FaqCardCategories({
                     )
                   ]
                 },
-                item.id
+                item.id || index
               ))
             }
           ) })
@@ -41783,10 +41783,10 @@ function FaqRoundedCards({
         type: "single",
         collapsible: true,
         className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn(
               "border border-border/50",
               "transition-all duration-500",
@@ -41823,7 +41823,7 @@ function FaqRoundedCards({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -41941,10 +41941,10 @@ function FaqProfileSidebar({
   const itemsContent = React30.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
       AccordionItem,
       {
-        value: item.id,
+        value: item.id || `faq-item-${idx}`,
         className: accordionItemClassName,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -41968,7 +41968,7 @@ function FaqProfileSidebar({
           )
         ]
       },
-      item.id
+      item.id || idx
     )) });
   }, [
     itemsSlot,
@@ -42165,10 +42165,10 @@ function FaqSplitHero({
         type: "single",
         collapsible: true,
         className: cn("w-full", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn("border-b border-current/20", accordionItemClassName),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -42192,7 +42192,7 @@ function FaqSplitHero({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -69491,10 +69491,10 @@ var NavbarTabbedSections = ({
             className: "border-b-0",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-15 items-center p-0 px-4! text-base leading-[3.75] font-normal text-muted-foreground hover:bg-muted hover:no-underline", children: item.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs(
+              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
                 AccordionItem,
                 {
-                  value: tab.id,
+                  value: tab.id || `tab-${idx}`,
                   className: "border-b-0",
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "h-12 items-center p-0 px-4! text-sm leading-[3] font-medium text-muted-foreground hover:bg-muted hover:no-underline", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -69516,7 +69516,7 @@ var NavbarTabbedSections = ({
                     )) }) })
                   ]
                 },
-                tab.id
+                tab.id || idx
               )) }) })
             ]
           },

package/dist/registry.js

@@ -14064,10 +14064,10 @@ function ContactCareers({
         type: "single",
         collapsible: true,
         className: cn("space-y-3", accordionClassName),
-        children: jobListings.map((job) => /* @__PURE__ */ jsxs(
+        children: jobListings.map((job, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: job.id,
+            value: job.id || `faq-item-${idx}`,
             className: cn(
               "rounded-xl border border-border/60",
               "px-5 shadow-sm transition-all hover:shadow-md",
@@ -14092,7 +14092,7 @@ function ContactCareers({
               /* @__PURE__ */ jsx(AccordionContent, { className: cn("pb-4", accordionContentClassName), children: job.description })
             ]
           },
-          job.id
+          job.id || idx
         ))
       }
     );
@@ -15430,10 +15430,10 @@ function ContactFaq({
   const faqContent = useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item, idx) => /* @__PURE__ */ jsxs(
       AccordionItem,
       {
-        value: item.id,
+        value: item.id || `faq-item-${idx}`,
         className: accordionItemClassName,
         children: [
           /* @__PURE__ */ jsx(
@@ -15449,7 +15449,7 @@ function ContactFaq({
           /* @__PURE__ */ jsx(AccordionContent, { className: cn(accordionContentClassName), children: item.answer })
         ]
       },
-      item.id
+      item.id || idx
     )) });
   }, [
     itemsSlot,
@@ -39867,10 +39867,10 @@ function FaqCenteredAccordion({
         type: "single",
         collapsible: true,
         className: cn("mx-auto w-full lg:max-w-3xl", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsx(
@@ -39892,7 +39892,7 @@ function FaqCenteredAccordion({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -39980,10 +39980,10 @@ function FaqBadgeSupport({
         type: "single",
         collapsible: true,
         className: cn("mx-auto w-full lg:max-w-3xl", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsx(
@@ -40005,7 +40005,7 @@ function FaqBadgeSupport({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -40467,10 +40467,10 @@ function FaqSplitHelp({
         type: "single",
         collapsible: true,
         className: cn("w-full lg:w-2/3", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: accordionItemClassName,
             children: [
               /* @__PURE__ */ jsx(
@@ -40492,7 +40492,7 @@ function FaqSplitHelp({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -40653,10 +40653,10 @@ function FaqCategorizedSections({
               children: category.title
             }
           ) : /* @__PURE__ */ jsx("div", { className: categoryTitleClassName, children: category.title }),
-          /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxs(
             AccordionItem,
             {
-              value: item.id,
+              value: item.id || `faq-item-${idx}`,
               className: accordionItemClassName,
               children: [
                 /* @__PURE__ */ jsx(
@@ -40678,7 +40678,7 @@ function FaqCategorizedSections({
                 )
               ]
             },
-            item.id
+            item.id || idx
           )) })
         ] }, categoryIndex))
       }
@@ -40770,7 +40770,7 @@ function FaqMutedCards({
         children: items.map((item, index) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${index}`,
             className: cn(
               "border-border/50",
               index === items.length - 1 ? "border-none" : "",
@@ -40918,10 +40918,10 @@ function FaqBorderedBadge({
         type: "single",
         collapsible: true,
         className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn("rounded-lg border px-4", accordionItemClassName),
             children: [
               /* @__PURE__ */ jsx(
@@ -40937,7 +40937,7 @@ function FaqBorderedBadge({
               /* @__PURE__ */ jsx(AccordionContent, { className: cn(accordionContentClassName), children: item.answer })
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -41044,10 +41044,10 @@ function FaqGradientCategories({
               children: category.title
             }
           ) : category.title,
-          /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxs(
             AccordionItem,
             {
-              value: item.id,
+              value: item.id || `faq-item-${idx}`,
               className: accordionItemClassName,
               children: [
                 /* @__PURE__ */ jsx(
@@ -41071,7 +41071,7 @@ function FaqGradientCategories({
                 )
               ]
             },
-            item.id
+            item.id || idx
           )) })
         ] }, categoryIndex))
       }
@@ -41220,10 +41220,10 @@ function FaqSidebarNavigation({
                   children: category.title
                 }
               ) : category.title,
-              /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item) => /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: category.items.map((item, idx) => /* @__PURE__ */ jsxs(
                 AccordionItem,
                 {
-                  value: item.id,
+                  value: item.id || `faq-item-${idx}`,
                   className: accordionItemClassName,
                   children: [
                     /* @__PURE__ */ jsx(
@@ -41245,7 +41245,7 @@ function FaqSidebarNavigation({
                     )
                   ]
                 },
-                item.id
+                item.id || idx
               )) })
             ]
           },
@@ -41435,7 +41435,7 @@ function FaqCardCategories({
               children: category.items?.map((item, index) => /* @__PURE__ */ jsxs(
                 AccordionItem,
                 {
-                  value: item.id,
+                  value: item.id || `faq-item-${index}`,
                   className: cn(
                     categories?.length === index + 1 && "border-b-0",
                     accordionItemClassName
@@ -41462,7 +41462,7 @@ function FaqCardCategories({
                     )
                   ]
                 },
-                item.id
+                item.id || index
               ))
             }
           ) })
@@ -41743,10 +41743,10 @@ function FaqRoundedCards({
         type: "single",
         collapsible: true,
         className: cn("space-y-4", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn(
               "border border-border/50",
               "transition-all duration-500",
@@ -41783,7 +41783,7 @@ function FaqRoundedCards({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -41901,10 +41901,10 @@ function FaqProfileSidebar({
   const itemsContent = useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item) => /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: accordionClassName, children: items.map((item, idx) => /* @__PURE__ */ jsxs(
       AccordionItem,
       {
-        value: item.id,
+        value: item.id || `faq-item-${idx}`,
         className: accordionItemClassName,
         children: [
           /* @__PURE__ */ jsx(
@@ -41928,7 +41928,7 @@ function FaqProfileSidebar({
           )
         ]
       },
-      item.id
+      item.id || idx
     )) });
   }, [
     itemsSlot,
@@ -42125,10 +42125,10 @@ function FaqSplitHero({
         type: "single",
         collapsible: true,
         className: cn("w-full", accordionClassName),
-        children: items.map((item) => /* @__PURE__ */ jsxs(
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
           AccordionItem,
           {
-            value: item.id,
+            value: item.id || `faq-item-${idx}`,
             className: cn("border-b border-current/20", accordionItemClassName),
             children: [
               /* @__PURE__ */ jsx(
@@ -42152,7 +42152,7 @@ function FaqSplitHero({
               )
             ]
           },
-          item.id
+          item.id || idx
         ))
       }
     );
@@ -69451,10 +69451,10 @@ var NavbarTabbedSections = ({
             className: "border-b-0",
             children: [
               /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-15 items-center p-0 px-4! text-base leading-[3.75] font-normal text-muted-foreground hover:bg-muted hover:no-underline", children: item.title }),
-              /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab) => /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(AccordionContent, { className: "overflow-x-none pb-4", children: /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "w-full pl-4", children: item.tabs.map((tab, idx) => /* @__PURE__ */ jsxs(
                 AccordionItem,
                 {
-                  value: tab.id,
+                  value: tab.id || `tab-${idx}`,
                   className: "border-b-0",
                   children: [
                     /* @__PURE__ */ jsx(AccordionTrigger, { className: "h-12 items-center p-0 px-4! text-sm leading-[3] font-medium text-muted-foreground hover:bg-muted hover:no-underline", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -69476,7 +69476,7 @@ var NavbarTabbedSections = ({
                     )) }) })
                   ]
                 },
-                tab.id
+                tab.id || idx
               )) }) })
             ]
           },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opensite/ui",
-  "version": "3.4.5",
+  "version": "3.4.6",
   "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
   "keywords": [
     "react",