@opensite/ui 2.5.4 → 2.5.7

package/dist/project-video-hover-bento.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DQN-ONWI.js';
-import './blocks-Y0T7PIol.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BphRfrhZ.js';
+import './blocks-BzFuQGP0.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-video-hover-grid.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-rrR20a35.cjs';
-import './blocks-C1EhIN1e.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-B658AD6n.cjs';
+import './blocks-DUr75v0S.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-video-hover-grid.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DQN-ONWI.js';
-import './blocks-Y0T7PIol.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BphRfrhZ.js';
+import './blocks-BzFuQGP0.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-video-hover-rounded.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-rrR20a35.cjs';
-import './blocks-C1EhIN1e.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-B658AD6n.cjs';
+import './blocks-DUr75v0S.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-video-hover-rounded.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DQN-ONWI.js';
-import './blocks-Y0T7PIol.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BphRfrhZ.js';
+import './blocks-BzFuQGP0.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-video-hover-stack.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-rrR20a35.cjs';
-import './blocks-C1EhIN1e.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-B658AD6n.cjs';
+import './blocks-DUr75v0S.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-video-hover-stack.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DQN-ONWI.js';
-import './blocks-Y0T7PIol.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BphRfrhZ.js';
+import './blocks-BzFuQGP0.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-video-hover-two-by-two.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-rrR20a35.cjs';
-import './blocks-C1EhIN1e.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-B658AD6n.cjs';
+import './blocks-DUr75v0S.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-video-hover-two-by-two.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DQN-ONWI.js';
-import './blocks-Y0T7PIol.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BphRfrhZ.js';
+import './blocks-BzFuQGP0.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-work-showcase.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-rrR20a35.cjs';
-import './blocks-C1EhIN1e.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-B658AD6n.cjs';
+import './blocks-DUr75v0S.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-work-showcase.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DQN-ONWI.js';
-import './blocks-Y0T7PIol.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-BphRfrhZ.js';
+import './blocks-BzFuQGP0.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-zigzag-layout.d.cts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground } from './community-initiatives-rrR20a35.cjs';
+import { f as SectionBackground } from './community-initiatives-B658AD6n.cjs';
 import 'react';
-import './blocks-C1EhIN1e.cjs';
+import './blocks-DUr75v0S.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/project-zigzag-layout.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { OptixFlowConfig } from '@page-speed/img';
-import { f as SectionBackground } from './community-initiatives-DQN-ONWI.js';
+import { f as SectionBackground } from './community-initiatives-BphRfrhZ.js';
 import 'react';
-import './blocks-Y0T7PIol.js';
+import './blocks-BzFuQGP0.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 import '@opensite/hooks/usePlatformFromUrl';
 

package/dist/registry.cjs

@@ -7609,7 +7609,7 @@ function AboutDeveloperStory({
           as: "h1",
           className: cn(
             "text-4xl font-bold tracking-tight md:text-6xl text-balance",
-            title
+            titleClassName
           ),
           children: title
         });
@@ -8666,6 +8666,37 @@ function AboutStatsSidebar({
       }
     );
   }, [featuresSlot, features, featuresClassName]);
+  const contentItems = React30.useMemo(() => {
+    const items = [];
+    if (title) {
+      if (typeof title === "string") {
+        items.push({
+          _type: "text",
+          as: "h2",
+          className: cn(
+            "text-3xl font-bold tracking-tight md:text-4xl",
+            titleClassName
+          ),
+          children: title
+        });
+      } else {
+        items.push(title);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items.push({
+          _type: "text",
+          as: "p",
+          className: cn("mt-4 text-lg", descriptionClassName),
+          children: description
+        });
+      } else {
+        items.push(description);
+      }
+    }
+    return items;
+  }, [title, titleClassName, description, descriptionClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -8676,23 +8707,11 @@ function AboutStatsSidebar({
       className: cn(pattern && "overflow-visible", className),
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-12 lg:grid-cols-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: cn("lg:sticky lg:top-24 lg:self-start", sidebarClassName),
-            children: [
-              title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-                "h2",
-                {
-                  className: cn(
-                    "text-3xl font-bold tracking-tight md:text-4xl",
-                    titleClassName
-                  ),
-                  children: title
-                }
-              ) : title),
-              description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-4 text-lg", descriptionClassName), children: description }) : description)
-            ]
+            children: /* @__PURE__ */ jsxRuntime.jsx(ContentGroup, { items: contentItems, className: "space-y-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2", children: [
@@ -13888,6 +13907,66 @@ function ContactCard({
     }
   );
 }
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-b ", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    AccordionPrimitive__namespace.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DynamicIcon,
+          {
+            name: "lucide/chevron-down",
+            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionPrimitive__namespace.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
+    }
+  );
+}
 var DEFAULT_STYLE_RULES7 = {
   formContainer: "",
   fieldsContainer: "",
@@ -13913,7 +13992,7 @@ var DEFAULT_FORM_FIELDS7 = [
     ]
   },
   {
-    name: "firstName",
+    name: "first_name",
     type: "text",
     label: "First Name",
     placeholder: "John",
@@ -13921,7 +14000,7 @@ var DEFAULT_FORM_FIELDS7 = [
     columnSpan: 6
   },
   {
-    name: "lastName",
+    name: "last_name",
     type: "text",
     label: "Last Name",
     placeholder: "Doe",
@@ -14004,11 +14083,101 @@ function ContactCareers({
   cardClassName,
   cardContentClassName,
   background,
-  spacing = "py-8 md:py-32",
+  spacing = "xl",
   pattern,
   patternOpacity,
-  formEngineSetup
+  formEngineSetup,
+  jobListings,
+  sidebarComponent,
+  sidebarTitle = "Open Positions",
+  sidebarDescription,
+  sidebarClassName,
+  sidebarStickyClassName,
+  accordionClassName,
+  accordionItemClassName,
+  accordionTriggerClassName,
+  accordionContentClassName,
+  formCardTitle,
+  formCardDescription
 }) {
+  const jobListingsContent = React30.useMemo(() => {
+    if (sidebarComponent) return sidebarComponent;
+    if (!jobListings || jobListings.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Accordion,
+      {
+        type: "single",
+        collapsible: true,
+        className: cn("space-y-3", accordionClassName),
+        children: jobListings.map((job) => /* @__PURE__ */ jsxRuntime.jsxs(
+          AccordionItem,
+          {
+            value: job.id,
+            className: cn(
+              "rounded-xl border border-border/60 px-5 shadow-sm transition-shadow hover:shadow-md data-[state=open]:shadow-md",
+              accordionItemClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                AccordionTrigger,
+                {
+                  className: cn(
+                    "py-4 font-medium transition-opacity hover:no-underline hover:opacity-70 lg:text-lg [&[data-state=open]>svg]:rotate-180",
+                    accordionTriggerClassName
+                  ),
+                  children: job.title
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: cn("pb-4", accordionContentClassName), children: job.description })
+            ]
+          },
+          job.id
+        ))
+      }
+    );
+  }, [
+    sidebarComponent,
+    jobListings,
+    accordionClassName,
+    accordionItemClassName,
+    accordionTriggerClassName,
+    accordionContentClassName
+  ]);
+  const contentItems = React30.useMemo(() => {
+    const items = [];
+    if (heading) {
+      if (typeof heading === "string") {
+        items.push({
+          _type: "text",
+          as: "h1",
+          className: cn(
+            "text-4xl font-bold tracking-tight md:text-6xl text-balance",
+            headingClassName
+          ),
+          children: heading
+        });
+      } else {
+        items.push(heading);
+      }
+    }
+    if (description) {
+      if (typeof description === "string") {
+        items.push({
+          _type: "text",
+          as: "p",
+          className: cn(
+            "max-w-2xl text-lg md:text-xl text-balance",
+            descriptionClassName
+          ),
+          children: description
+        });
+      } else {
+        items.push(description);
+      }
+    }
+    return items;
+  }, [heading, headingClassName, description, descriptionClassName]);
+  const hasSidebar = sidebarComponent || jobListings && jobListings.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -14016,39 +14185,42 @@ function ContactCareers({
       spacing,
       pattern,
       patternOpacity,
-      className,
+      className: cn(pattern && "overflow-visible", className),
       containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-10 text-center", headerClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "h2",
-            {
-              className: cn(
-                "mb-3 text-3xl font-bold tracking-tight text-balance",
-                headingClassName
-              ),
-              children: heading
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-10", headerClassName), children: /* @__PURE__ */ jsxRuntime.jsx(ContentGroup, { className: "space-y-3", items: contentItems }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-8", hasSidebar && "lg:grid-cols-5"), children: [
+          hasSidebar && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
             {
               className: cn(
-                "leading-relaxed text-balance",
-                descriptionClassName
+                "order-first lg:order-last lg:col-span-2",
+                sidebarClassName
               ),
-              children: description
+              children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("lg:sticky lg:top-8", sidebarStickyClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl p-6", children: [
+                (sidebarTitle || sidebarDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
+                  sidebarTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold", children: sidebarTitle }),
+                  sidebarDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm ", children: sidebarDescription })
+                ] }),
+                jobListingsContent
+              ] }) })
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Card, { className: cardClassName, children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-0", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
-          integration.FormEngine,
-          {
-            formEngineSetup,
-            defaultFields: DEFAULT_FORM_FIELDS7,
-            defaultStyleRules: DEFAULT_STYLE_RULES7
-          }
-        ) : null }) })
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(hasSidebar && "lg:col-span-3"), children: /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cardClassName, children: [
+            (formCardTitle || formCardDescription) && /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { children: [
+              formCardTitle && /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: formCardTitle }),
+              formCardDescription && /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: formCardDescription })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: cn("p-6", cardContentClassName), children: formEngineSetup ? /* @__PURE__ */ jsxRuntime.jsx(
+              integration.FormEngine,
+              {
+                formEngineSetup,
+                defaultFields: DEFAULT_FORM_FIELDS7,
+                defaultStyleRules: DEFAULT_STYLE_RULES7
+              }
+            ) : null })
+          ] }) })
+        ] })
       ] })
     }
   );
@@ -14337,7 +14509,7 @@ var DEFAULT_FORM_FIELDS9 = [
     options: BUDGETS
   },
   {
-    name: "firstName",
+    name: "first_name",
     type: "text",
     label: "First Name",
     placeholder: "John",
@@ -14345,7 +14517,7 @@ var DEFAULT_FORM_FIELDS9 = [
     columnSpan: 6
   },
   {
-    name: "lastName",
+    name: "last_name",
     type: "text",
     label: "Last Name",
     placeholder: "Doe",
@@ -14470,7 +14642,7 @@ var DEFAULT_STYLE_RULES10 = {
 };
 var DEFAULT_FORM_FIELDS10 = [
   {
-    name: "firstName",
+    name: "first_name",
     type: "text",
     label: "First Name",
     placeholder: "First name",
@@ -14478,7 +14650,7 @@ var DEFAULT_FORM_FIELDS10 = [
     columnSpan: 6
   },
   {
-    name: "lastName",
+    name: "last_name",
     type: "text",
     label: "Last Name",
     placeholder: "Last name",
@@ -15204,66 +15376,6 @@ function ContactEvent({
     }
   );
 }
-function Accordion({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Root, { "data-slot": "accordion", ...props });
-}
-function AccordionItem({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Item,
-    {
-      "data-slot": "accordion-item",
-      className: cn("border-b ", className),
-      ...props
-    }
-  );
-}
-function AccordionTrigger({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    AccordionPrimitive__namespace.Trigger,
-    {
-      "data-slot": "accordion-trigger",
-      className: cn(
-        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-center justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          DynamicIcon,
-          {
-            name: "lucide/chevron-down",
-            className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
-          }
-        )
-      ]
-    }
-  ) });
-}
-function AccordionContent({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AccordionPrimitive__namespace.Content,
-    {
-      "data-slot": "accordion-content",
-      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-0 pb-4", className), children })
-    }
-  );
-}
 var DEFAULT_STYLE_RULES14 = {
   formContainer: "",
   fieldsContainer: "",
@@ -47819,7 +47931,7 @@ var DEFAULT_STYLE_RULES48 = {
 };
 var DEFAULT_FORM_FIELDS48 = [
   {
-    name: "firstName",
+    name: "first_name",
     type: "text",
     label: "First name",
     placeholder: "John",
@@ -47827,7 +47939,7 @@ var DEFAULT_FORM_FIELDS48 = [
     columnSpan: 12
   },
   {
-    name: "lastName",
+    name: "last_name",
     type: "text",
     label: "Last name",
     placeholder: "Doe",