@opensite/ui 1.5.0 → 1.5.1

package/dist/footer-split-image-accordion.cjs

@@ -2,7 +2,6 @@
 'use strict';
 
 var forms = require('@page-speed/forms');
-var inputs = require('@page-speed/forms/inputs');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
@@ -35,7 +34,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 
 // components/blocks/footers/footer-split-image-accordion.tsx
-var TextInput = inputs.TextInput;
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
@@ -1928,14 +1926,13 @@ function FooterSplitImageAccordion({
                 method: formMethod,
                 className: cn("flex items-stretch", newsletterFormClassName),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    TextInput,
+                  /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "email", className: "flex-1", children: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
                     {
                       ...field,
                       type: "email",
                       placeholder: emailPlaceholder,
-                      error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      className: "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
                       "aria-label": emailPlaceholder
                     }
                   ) }),
@@ -1944,8 +1941,10 @@ function FooterSplitImageAccordion({
                     {
                       componentType: "button",
                       type: "submit",
-                      className: "inline-flex h-10 items-center justify-center rounded-l-none rounded-r-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-                      asButton: false,
+                      variant: "default",
+                      size: "icon",
+                      asButton: true,
+                      className: "rounded-l-none rounded-r-md shrink-0 h-10",
                       disabled: form.isSubmitting,
                       children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
                     }
@@ -2011,6 +2010,7 @@ function FooterSplitImageAccordion({
               ] }, section.id))
             }
           ),
+          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
           paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "ul",
             {
@@ -2018,10 +2018,9 @@ function FooterSplitImageAccordion({
                 "flex flex-wrap items-center gap-3",
                 paymentMethodsClassName
               ),
-              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 24 }) }, idx))
+              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 30 }) }, idx))
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {

package/dist/footer-split-image-accordion.js

@@ -1,6 +1,5 @@
 "use client";
 import { useForm, Form, Field } from '@page-speed/forms';
-import { TextInput as TextInput$1 } from '@page-speed/forms/inputs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Img } from '@page-speed/img';
@@ -13,7 +12,6 @@ import { serializeForRails, deserializeErrors } from '@page-speed/forms/integrat
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
 // components/blocks/footers/footer-split-image-accordion.tsx
-var TextInput = TextInput$1;
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
@@ -1906,14 +1904,13 @@ function FooterSplitImageAccordion({
                 method: formMethod,
                 className: cn("flex items-stretch", newsletterFormClassName),
                 children: [
-                  /* @__PURE__ */ jsx(Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsx(
-                    TextInput,
+                  /* @__PURE__ */ jsx(Field, { name: "email", className: "flex-1", children: ({ field }) => /* @__PURE__ */ jsx(
+                    "input",
                     {
                       ...field,
                       type: "email",
                       placeholder: emailPlaceholder,
-                      error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      className: "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
                       "aria-label": emailPlaceholder
                     }
                   ) }),
@@ -1922,8 +1919,10 @@ function FooterSplitImageAccordion({
                     {
                       componentType: "button",
                       type: "submit",
-                      className: "inline-flex h-10 items-center justify-center rounded-l-none rounded-r-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-                      asButton: false,
+                      variant: "default",
+                      size: "icon",
+                      asButton: true,
+                      className: "rounded-l-none rounded-r-md shrink-0 h-10",
                       disabled: form.isSubmitting,
                       children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
                     }
@@ -1989,6 +1988,7 @@ function FooterSplitImageAccordion({
               ] }, section.id))
             }
           ),
+          /* @__PURE__ */ jsx(Separator, {}),
           paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsx(
             "ul",
             {
@@ -1996,10 +1996,9 @@ function FooterSplitImageAccordion({
                 "flex flex-wrap items-center gap-3",
                 paymentMethodsClassName
               ),
-              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(PaymentPlatformIcon, { platform, size: 24 }) }, idx))
+              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(PaymentPlatformIcon, { platform, size: 30 }) }, idx))
             }
           ),
-          /* @__PURE__ */ jsx(Separator, {}),
           /* @__PURE__ */ jsxs(
             "div",
             {

package/dist/registry.cjs

@@ -44055,14 +44055,13 @@ function FooterSplitImageAccordion({
                 method: formMethod,
                 className: cn("flex items-stretch", newsletterFormClassName),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsxRuntime.jsx(
-                    TextInput,
+                  /* @__PURE__ */ jsxRuntime.jsx(forms.Field, { name: "email", className: "flex-1", children: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
                     {
                       ...field,
                       type: "email",
                       placeholder: emailPlaceholder,
-                      error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      className: "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
                       "aria-label": emailPlaceholder
                     }
                   ) }),
@@ -44071,8 +44070,10 @@ function FooterSplitImageAccordion({
                     {
                       componentType: "button",
                       type: "submit",
-                      className: "inline-flex h-10 items-center justify-center rounded-l-none rounded-r-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-                      asButton: false,
+                      variant: "default",
+                      size: "icon",
+                      asButton: true,
+                      className: "rounded-l-none rounded-r-md shrink-0 h-10",
                       disabled: form.isSubmitting,
                       children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
                     }
@@ -44138,6 +44139,7 @@ function FooterSplitImageAccordion({
               ] }, section.id))
             }
           ),
+          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
           paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             "ul",
             {
@@ -44145,10 +44147,9 @@ function FooterSplitImageAccordion({
                 "flex flex-wrap items-center gap-3",
                 paymentMethodsClassName
               ),
-              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 24 }) }, idx))
+              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 30 }) }, idx))
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {

package/dist/registry.js

@@ -44015,14 +44015,13 @@ function FooterSplitImageAccordion({
                 method: formMethod,
                 className: cn("flex items-stretch", newsletterFormClassName),
                 children: [
-                  /* @__PURE__ */ jsx(Field, { name: "email", className: "flex-1", children: ({ field, meta }) => /* @__PURE__ */ jsx(
-                    TextInput,
+                  /* @__PURE__ */ jsx(Field, { name: "email", className: "flex-1", children: ({ field }) => /* @__PURE__ */ jsx(
+                    "input",
                     {
                       ...field,
                       type: "email",
                       placeholder: emailPlaceholder,
-                      error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      className: "flex h-10 w-full rounded-l-md rounded-r-none border border-r-0 border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
                       "aria-label": emailPlaceholder
                     }
                   ) }),
@@ -44031,8 +44030,10 @@ function FooterSplitImageAccordion({
                     {
                       componentType: "button",
                       type: "submit",
-                      className: "inline-flex h-10 items-center justify-center rounded-l-none rounded-r-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-                      asButton: false,
+                      variant: "default",
+                      size: "icon",
+                      asButton: true,
+                      className: "rounded-l-none rounded-r-md shrink-0 h-10",
                       disabled: form.isSubmitting,
                       children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 16 })
                     }
@@ -44098,6 +44099,7 @@ function FooterSplitImageAccordion({
               ] }, section.id))
             }
           ),
+          /* @__PURE__ */ jsx(Separator, {}),
           paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsx(
             "ul",
             {
@@ -44105,10 +44107,9 @@ function FooterSplitImageAccordion({
                 "flex flex-wrap items-center gap-3",
                 paymentMethodsClassName
               ),
-              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(PaymentPlatformIcon, { platform, size: 24 }) }, idx))
+              children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(PaymentPlatformIcon, { platform, size: 30 }) }, idx))
             }
           ),
-          /* @__PURE__ */ jsx(Separator, {}),
           /* @__PURE__ */ jsxs(
             "div",
             {

package/package.json

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