@opensite/ui 3.4.5 → 3.4.8

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
         ))
       }
     );