@opensite/ui 2.5.1 → 2.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.cjs +81 -42
- package/dist/components.js +81 -42
- package/dist/footer-newsletter-minimal.cjs +81 -42
- package/dist/footer-newsletter-minimal.d.cts +3 -1
- package/dist/footer-newsletter-minimal.d.ts +3 -1
- package/dist/footer-newsletter-minimal.js +81 -42
- package/dist/index.cjs +81 -42
- package/dist/index.js +81 -42
- package/dist/registry.cjs +81 -42
- package/dist/registry.js +81 -42
- package/package.json +3 -2
package/dist/registry.cjs
CHANGED
|
@@ -6057,6 +6057,7 @@ function FooterNewsletterMinimal({
|
|
|
6057
6057
|
socialLinksClassName,
|
|
6058
6058
|
socialLinkClassName,
|
|
6059
6059
|
newsletterSectionClassName,
|
|
6060
|
+
newsletterLabelClassName,
|
|
6060
6061
|
newsletterFormClassName,
|
|
6061
6062
|
bottomGridClassName,
|
|
6062
6063
|
locationClassName,
|
|
@@ -6170,29 +6171,41 @@ function FooterNewsletterMinimal({
|
|
|
6170
6171
|
),
|
|
6171
6172
|
children: [
|
|
6172
6173
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-10", children: [
|
|
6173
|
-
|
|
6174
|
-
|
|
6175
|
-
|
|
6176
|
-
|
|
6177
|
-
|
|
6178
|
-
|
|
6179
|
-
|
|
6180
|
-
|
|
6181
|
-
|
|
6182
|
-
|
|
6183
|
-
|
|
6174
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
|
|
6175
|
+
heading && /* @__PURE__ */ jsxRuntime.jsx(
|
|
6176
|
+
"h2",
|
|
6177
|
+
{
|
|
6178
|
+
className: cn(
|
|
6179
|
+
"relative text-4xl font-semibold tracking-tight lg:text-5xl text-balance",
|
|
6180
|
+
headingClassName
|
|
6181
|
+
),
|
|
6182
|
+
children: heading
|
|
6183
|
+
}
|
|
6184
|
+
),
|
|
6185
|
+
location && /* @__PURE__ */ jsxRuntime.jsx(
|
|
6186
|
+
"div",
|
|
6187
|
+
{
|
|
6188
|
+
className: cn(
|
|
6189
|
+
"font-semibold text-lg opacity-75",
|
|
6190
|
+
locationClassName
|
|
6191
|
+
),
|
|
6192
|
+
children: location
|
|
6193
|
+
}
|
|
6194
|
+
)
|
|
6195
|
+
] }),
|
|
6196
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: (supportLabel || supportEmail) && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
6184
6197
|
"div",
|
|
6185
6198
|
{
|
|
6186
6199
|
className: cn(
|
|
6187
|
-
"space-y-1 text-sm
|
|
6200
|
+
"space-y-1 text-sm tracking-tight lg:text-base",
|
|
6188
6201
|
supportClassName
|
|
6189
6202
|
),
|
|
6190
6203
|
children: [
|
|
6191
|
-
supportLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { children: supportLabel }),
|
|
6192
|
-
supportEmail && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href:
|
|
6204
|
+
supportLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-light opacity-75", children: supportLabel }),
|
|
6205
|
+
supportEmail && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { className: "font-semibold", href: supportEmail, children: supportEmail })
|
|
6193
6206
|
]
|
|
6194
6207
|
}
|
|
6195
|
-
)
|
|
6208
|
+
) })
|
|
6196
6209
|
] }),
|
|
6197
6210
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
6198
6211
|
"div",
|
|
@@ -6210,41 +6223,35 @@ function FooterNewsletterMinimal({
|
|
|
6210
6223
|
]
|
|
6211
6224
|
}
|
|
6212
6225
|
),
|
|
6213
|
-
/* @__PURE__ */ jsxRuntime.
|
|
6226
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6214
6227
|
"div",
|
|
6215
6228
|
{
|
|
6216
6229
|
className: cn(
|
|
6217
6230
|
"mt-20 flex flex-col justify-between gap-15 lg:flex-row",
|
|
6218
6231
|
newsletterSectionClassName
|
|
6219
6232
|
),
|
|
6220
|
-
children: [
|
|
6221
|
-
|
|
6222
|
-
|
|
6223
|
-
renderForm
|
|
6224
|
-
] }) }),
|
|
6225
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
6226
|
-
"div",
|
|
6233
|
+
children: formEngineSetup && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
|
|
6234
|
+
newsletterLabel && /* @__PURE__ */ jsxRuntime.jsx(
|
|
6235
|
+
"p",
|
|
6227
6236
|
{
|
|
6228
6237
|
className: cn(
|
|
6229
|
-
"
|
|
6230
|
-
|
|
6238
|
+
"text-xl font-light tracking-tight",
|
|
6239
|
+
newsletterLabelClassName
|
|
6231
6240
|
),
|
|
6232
|
-
children:
|
|
6233
|
-
location && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-32", locationClassName), children: location }),
|
|
6234
|
-
/* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
|
|
6235
|
-
]
|
|
6241
|
+
children: newsletterLabel
|
|
6236
6242
|
}
|
|
6237
|
-
)
|
|
6238
|
-
|
|
6243
|
+
),
|
|
6244
|
+
renderForm
|
|
6245
|
+
] }) })
|
|
6239
6246
|
}
|
|
6240
6247
|
),
|
|
6241
6248
|
brandText && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-20 w-full lg:mt-32", brandSectionClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6242
6249
|
framerMotion.motion.div,
|
|
6243
6250
|
{
|
|
6244
|
-
initial: { opacity: 0, y:
|
|
6251
|
+
initial: { opacity: 0, y: 80 },
|
|
6245
6252
|
whileInView: { opacity: 1, y: 0 },
|
|
6246
|
-
viewport: { once: true },
|
|
6247
|
-
transition: { duration: 0.
|
|
6253
|
+
viewport: { once: true, amount: 0.5 },
|
|
6254
|
+
transition: { duration: 0.9, ease: [0.16, 1, 0.3, 1] },
|
|
6248
6255
|
className: "text-center",
|
|
6249
6256
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6250
6257
|
"span",
|
|
@@ -6262,19 +6269,51 @@ function FooterNewsletterMinimal({
|
|
|
6262
6269
|
"div",
|
|
6263
6270
|
{
|
|
6264
6271
|
className: cn(
|
|
6265
|
-
"
|
|
6272
|
+
"flex flex-col items-center space-y-6",
|
|
6273
|
+
brandText ? "mb-24" : "mt-8",
|
|
6266
6274
|
copyrightClassName
|
|
6267
6275
|
),
|
|
6268
6276
|
children: [
|
|
6269
|
-
/* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
|
|
6270
6277
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6271
|
-
|
|
6278
|
+
"div",
|
|
6272
6279
|
{
|
|
6273
|
-
|
|
6274
|
-
|
|
6275
|
-
|
|
6276
|
-
|
|
6277
|
-
|
|
6280
|
+
className: cn(
|
|
6281
|
+
"flex items-center justify-center",
|
|
6282
|
+
bottomGridClassName
|
|
6283
|
+
),
|
|
6284
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6285
|
+
"div",
|
|
6286
|
+
{
|
|
6287
|
+
className: cn(
|
|
6288
|
+
"flex gap-4 md:gap-6 text-sm font-light lg:text-base",
|
|
6289
|
+
"text-center items-center justify-center flex-wrap",
|
|
6290
|
+
footerLinksClassName
|
|
6291
|
+
),
|
|
6292
|
+
children: footerLinksContent
|
|
6293
|
+
}
|
|
6294
|
+
)
|
|
6295
|
+
}
|
|
6296
|
+
),
|
|
6297
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
6298
|
+
"div",
|
|
6299
|
+
{
|
|
6300
|
+
className: cn(
|
|
6301
|
+
"mt-8 text-center text-sm opacity-50",
|
|
6302
|
+
copyrightClassName
|
|
6303
|
+
),
|
|
6304
|
+
children: [
|
|
6305
|
+
/* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
|
|
6306
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6307
|
+
BrandAttribution,
|
|
6308
|
+
{
|
|
6309
|
+
internalBrandSlug: "open_site_ai",
|
|
6310
|
+
optionIndex: 4,
|
|
6311
|
+
variant: "div",
|
|
6312
|
+
containerClassName: "mt-2",
|
|
6313
|
+
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
6314
|
+
}
|
|
6315
|
+
)
|
|
6316
|
+
]
|
|
6278
6317
|
}
|
|
6279
6318
|
)
|
|
6280
6319
|
]
|
package/dist/registry.js
CHANGED
|
@@ -6017,6 +6017,7 @@ function FooterNewsletterMinimal({
|
|
|
6017
6017
|
socialLinksClassName,
|
|
6018
6018
|
socialLinkClassName,
|
|
6019
6019
|
newsletterSectionClassName,
|
|
6020
|
+
newsletterLabelClassName,
|
|
6020
6021
|
newsletterFormClassName,
|
|
6021
6022
|
bottomGridClassName,
|
|
6022
6023
|
locationClassName,
|
|
@@ -6130,29 +6131,41 @@ function FooterNewsletterMinimal({
|
|
|
6130
6131
|
),
|
|
6131
6132
|
children: [
|
|
6132
6133
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
|
|
6133
|
-
|
|
6134
|
-
|
|
6135
|
-
|
|
6136
|
-
|
|
6137
|
-
|
|
6138
|
-
|
|
6139
|
-
|
|
6140
|
-
|
|
6141
|
-
|
|
6142
|
-
|
|
6143
|
-
|
|
6134
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
|
|
6135
|
+
heading && /* @__PURE__ */ jsx(
|
|
6136
|
+
"h2",
|
|
6137
|
+
{
|
|
6138
|
+
className: cn(
|
|
6139
|
+
"relative text-4xl font-semibold tracking-tight lg:text-5xl text-balance",
|
|
6140
|
+
headingClassName
|
|
6141
|
+
),
|
|
6142
|
+
children: heading
|
|
6143
|
+
}
|
|
6144
|
+
),
|
|
6145
|
+
location && /* @__PURE__ */ jsx(
|
|
6146
|
+
"div",
|
|
6147
|
+
{
|
|
6148
|
+
className: cn(
|
|
6149
|
+
"font-semibold text-lg opacity-75",
|
|
6150
|
+
locationClassName
|
|
6151
|
+
),
|
|
6152
|
+
children: location
|
|
6153
|
+
}
|
|
6154
|
+
)
|
|
6155
|
+
] }),
|
|
6156
|
+
/* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: (supportLabel || supportEmail) && /* @__PURE__ */ jsxs(
|
|
6144
6157
|
"div",
|
|
6145
6158
|
{
|
|
6146
6159
|
className: cn(
|
|
6147
|
-
"space-y-1 text-sm
|
|
6160
|
+
"space-y-1 text-sm tracking-tight lg:text-base",
|
|
6148
6161
|
supportClassName
|
|
6149
6162
|
),
|
|
6150
6163
|
children: [
|
|
6151
|
-
supportLabel && /* @__PURE__ */ jsx("p", { children: supportLabel }),
|
|
6152
|
-
supportEmail && /* @__PURE__ */ jsx(Pressable, { href:
|
|
6164
|
+
supportLabel && /* @__PURE__ */ jsx("p", { className: "font-light opacity-75", children: supportLabel }),
|
|
6165
|
+
supportEmail && /* @__PURE__ */ jsx(Pressable, { className: "font-semibold", href: supportEmail, children: supportEmail })
|
|
6153
6166
|
]
|
|
6154
6167
|
}
|
|
6155
|
-
)
|
|
6168
|
+
) })
|
|
6156
6169
|
] }),
|
|
6157
6170
|
/* @__PURE__ */ jsxs(
|
|
6158
6171
|
"div",
|
|
@@ -6170,41 +6183,35 @@ function FooterNewsletterMinimal({
|
|
|
6170
6183
|
]
|
|
6171
6184
|
}
|
|
6172
6185
|
),
|
|
6173
|
-
/* @__PURE__ */
|
|
6186
|
+
/* @__PURE__ */ jsx(
|
|
6174
6187
|
"div",
|
|
6175
6188
|
{
|
|
6176
6189
|
className: cn(
|
|
6177
6190
|
"mt-20 flex flex-col justify-between gap-15 lg:flex-row",
|
|
6178
6191
|
newsletterSectionClassName
|
|
6179
6192
|
),
|
|
6180
|
-
children: [
|
|
6181
|
-
|
|
6182
|
-
|
|
6183
|
-
renderForm
|
|
6184
|
-
] }) }),
|
|
6185
|
-
/* @__PURE__ */ jsxs(
|
|
6186
|
-
"div",
|
|
6193
|
+
children: formEngineSetup && /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
|
|
6194
|
+
newsletterLabel && /* @__PURE__ */ jsx(
|
|
6195
|
+
"p",
|
|
6187
6196
|
{
|
|
6188
6197
|
className: cn(
|
|
6189
|
-
"
|
|
6190
|
-
|
|
6198
|
+
"text-xl font-light tracking-tight",
|
|
6199
|
+
newsletterLabelClassName
|
|
6191
6200
|
),
|
|
6192
|
-
children:
|
|
6193
|
-
location && /* @__PURE__ */ jsx("div", { className: cn("w-32", locationClassName), children: location }),
|
|
6194
|
-
/* @__PURE__ */ jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
|
|
6195
|
-
]
|
|
6201
|
+
children: newsletterLabel
|
|
6196
6202
|
}
|
|
6197
|
-
)
|
|
6198
|
-
|
|
6203
|
+
),
|
|
6204
|
+
renderForm
|
|
6205
|
+
] }) })
|
|
6199
6206
|
}
|
|
6200
6207
|
),
|
|
6201
6208
|
brandText && /* @__PURE__ */ jsx("div", { className: cn("mt-20 w-full lg:mt-32", brandSectionClassName), children: /* @__PURE__ */ jsx(
|
|
6202
6209
|
motion.div,
|
|
6203
6210
|
{
|
|
6204
|
-
initial: { opacity: 0, y:
|
|
6211
|
+
initial: { opacity: 0, y: 80 },
|
|
6205
6212
|
whileInView: { opacity: 1, y: 0 },
|
|
6206
|
-
viewport: { once: true },
|
|
6207
|
-
transition: { duration: 0.
|
|
6213
|
+
viewport: { once: true, amount: 0.5 },
|
|
6214
|
+
transition: { duration: 0.9, ease: [0.16, 1, 0.3, 1] },
|
|
6208
6215
|
className: "text-center",
|
|
6209
6216
|
children: /* @__PURE__ */ jsx(
|
|
6210
6217
|
"span",
|
|
@@ -6222,19 +6229,51 @@ function FooterNewsletterMinimal({
|
|
|
6222
6229
|
"div",
|
|
6223
6230
|
{
|
|
6224
6231
|
className: cn(
|
|
6225
|
-
"
|
|
6232
|
+
"flex flex-col items-center space-y-6",
|
|
6233
|
+
brandText ? "mb-24" : "mt-8",
|
|
6226
6234
|
copyrightClassName
|
|
6227
6235
|
),
|
|
6228
6236
|
children: [
|
|
6229
|
-
/* @__PURE__ */ jsx(FooterCopyright, { copyright }),
|
|
6230
6237
|
/* @__PURE__ */ jsx(
|
|
6231
|
-
|
|
6238
|
+
"div",
|
|
6232
6239
|
{
|
|
6233
|
-
|
|
6234
|
-
|
|
6235
|
-
|
|
6236
|
-
|
|
6237
|
-
|
|
6240
|
+
className: cn(
|
|
6241
|
+
"flex items-center justify-center",
|
|
6242
|
+
bottomGridClassName
|
|
6243
|
+
),
|
|
6244
|
+
children: /* @__PURE__ */ jsx(
|
|
6245
|
+
"div",
|
|
6246
|
+
{
|
|
6247
|
+
className: cn(
|
|
6248
|
+
"flex gap-4 md:gap-6 text-sm font-light lg:text-base",
|
|
6249
|
+
"text-center items-center justify-center flex-wrap",
|
|
6250
|
+
footerLinksClassName
|
|
6251
|
+
),
|
|
6252
|
+
children: footerLinksContent
|
|
6253
|
+
}
|
|
6254
|
+
)
|
|
6255
|
+
}
|
|
6256
|
+
),
|
|
6257
|
+
/* @__PURE__ */ jsxs(
|
|
6258
|
+
"div",
|
|
6259
|
+
{
|
|
6260
|
+
className: cn(
|
|
6261
|
+
"mt-8 text-center text-sm opacity-50",
|
|
6262
|
+
copyrightClassName
|
|
6263
|
+
),
|
|
6264
|
+
children: [
|
|
6265
|
+
/* @__PURE__ */ jsx(FooterCopyright, { copyright }),
|
|
6266
|
+
/* @__PURE__ */ jsx(
|
|
6267
|
+
BrandAttribution,
|
|
6268
|
+
{
|
|
6269
|
+
internalBrandSlug: "open_site_ai",
|
|
6270
|
+
optionIndex: 4,
|
|
6271
|
+
variant: "div",
|
|
6272
|
+
containerClassName: "mt-2",
|
|
6273
|
+
linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
|
|
6274
|
+
}
|
|
6275
|
+
)
|
|
6276
|
+
]
|
|
6238
6277
|
}
|
|
6239
6278
|
)
|
|
6240
6279
|
]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opensite/ui",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.2",
|
|
4
4
|
"description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -3399,11 +3399,12 @@
|
|
|
3399
3399
|
},
|
|
3400
3400
|
"dependencies": {
|
|
3401
3401
|
"@opensite/hooks": "2.1.0",
|
|
3402
|
-
"@page-speed/forms": "0.7.
|
|
3402
|
+
"@page-speed/forms": "0.7.2",
|
|
3403
3403
|
"@page-speed/icon": "^0.1.0",
|
|
3404
3404
|
"@page-speed/img": "0.4.6",
|
|
3405
3405
|
"@page-speed/lightbox": "0.2.1",
|
|
3406
3406
|
"@page-speed/pdf-viewer": "0.1.9",
|
|
3407
|
+
"@page-speed/social-share": "^0.0.3",
|
|
3407
3408
|
"@radix-ui/react-accordion": "^1.2.12",
|
|
3408
3409
|
"@radix-ui/react-aspect-ratio": "^1.1.8",
|
|
3409
3410
|
"@radix-ui/react-avatar": "^1.1.11",
|