@opensite/ui 1.2.8 → 1.3.0

package/dist/feature-checklist-image.js

@@ -1015,7 +1015,7 @@ function FeatureChecklistImage({
       patternOpacity,
       patternClassName,
       className,
-      containerClassName: cn("max-w-6xl", containerClassName),
+      containerClassName,
       children: /* @__PURE__ */ jsxs(
         "div",
         {
@@ -1029,7 +1029,7 @@ function FeatureChecklistImage({
               "div",
               {
                 className: cn(
-                  "px-4 md:px-6 lg:px-10 py-4 md:py-4 lg:py-0",
+                  "px-0 md:px-6 lg:px-10 py-4 md:py-0 flex flex-col gap-6 md:gap-10",
                   contentClassName
                 ),
                 children: [
@@ -1052,12 +1052,12 @@ function FeatureChecklistImage({
                       children: title
                     }
                   )),
-                  description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-1 md:mt-6", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-1 md:mt-6", descriptionClassName), children: description })),
+                  description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("relative", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("relative", descriptionClassName), children: description })),
                   actionsContent && /* @__PURE__ */ jsx(
                     "div",
                     {
                       className: cn(
-                        "flex flex-wrap items-center gap-4 md:gap-2",
+                        "flex flex-wrap items-center gap-4",
                         actionsClassName
                       ),
                       children: actionsContent
@@ -1067,7 +1067,7 @@ function FeatureChecklistImage({
                     "ul",
                     {
                       className: cn(
-                        "mt-10 flex-wrap items-center gap-6 space-y-6 md:flex md:space-y-0",
+                        "flex-wrap items-center space-y-2 md:flex",
                         checklistClassName
                       ),
                       children: checklistContent

package/dist/feature-checklist-three-column.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureChecklistThreeColumnCheckItem {

package/dist/feature-checklist-three-column.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FeatureChecklistThreeColumnCheckItem {

package/dist/feature-icon-grid-accent.cjs

@@ -543,7 +543,7 @@ function FeatureIconGridAccent({
   features,
   featuresSlot,
   className,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-6 lg:px-8",
   headerClassName,
   labelClassName,
   titleClassName,
@@ -551,7 +551,7 @@ function FeatureIconGridAccent({
   gridClassName,
   cardClassName,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   patternClassName
@@ -590,7 +590,7 @@ function FeatureIconGridAccent({
       );
     });
   }, [featuresSlot, features, cardClassName, background]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
       background,
@@ -600,7 +600,7 @@ function FeatureIconGridAccent({
       patternClassName,
       className,
       containerClassName,
-      children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-6 md:space-y-16", children: [
         (label || title || description) && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -634,13 +634,13 @@ function FeatureIconGridAccent({
           "div",
           {
             className: cn(
-              "mx-auto mt-20 grid max-w-5xl gap-6 md:grid-cols-2",
+              "mx-auto grid max-w-5xl gap-6 md:grid-cols-2",
               gridClassName
             ),
             children: featuresContent
           }
         )
-      ]
+      ] })
     }
   );
 }

package/dist/feature-icon-grid-accent.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
-import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureIconGridAccentItem {

package/dist/feature-icon-grid-accent.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
-import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FeatureIconGridAccentItem {

package/dist/feature-icon-grid-accent.js

@@ -522,7 +522,7 @@ function FeatureIconGridAccent({
   features,
   featuresSlot,
   className,
-  containerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-6 lg:px-8",
   headerClassName,
   labelClassName,
   titleClassName,
@@ -530,7 +530,7 @@ function FeatureIconGridAccent({
   gridClassName,
   cardClassName,
   background,
-  spacing,
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   patternClassName
@@ -569,7 +569,7 @@ function FeatureIconGridAccent({
       );
     });
   }, [featuresSlot, features, cardClassName, background]);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     Section,
     {
       background,
@@ -579,7 +579,7 @@ function FeatureIconGridAccent({
       patternClassName,
       className,
       containerClassName,
-      children: [
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-6 md:space-y-16", children: [
         (label || title || description) && /* @__PURE__ */ jsx(
           "div",
           {
@@ -613,13 +613,13 @@ function FeatureIconGridAccent({
           "div",
           {
             className: cn(
-              "mx-auto mt-20 grid max-w-5xl gap-6 md:grid-cols-2",
+              "mx-auto grid max-w-5xl gap-6 md:grid-cols-2",
               gridClassName
             ),
             children: featuresContent
           }
         )
-      ]
+      ] })
     }
   );
 }

package/dist/feature-icon-grid-bordered.cjs

@@ -31,10 +31,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getAccentColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-accent-foreground" : "text-primary";
-}
 var svgCache = /* @__PURE__ */ new Map();
 function DynamicIcon({
   name,
@@ -939,12 +935,12 @@ function FeatureIconGridBordered({
   features,
   featuresSlot,
   className,
-  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   labelClassName,
   titleClassName,
   gridClassName,
   cardClassName,
   background,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "py-12 md:py-32",
   pattern,
   patternOpacity,
@@ -964,23 +960,22 @@ function FeatureIconGridBordered({
       "div",
       {
         className: cn(
-          "relative flex gap-3 rounded-none border-dashed md:block md:border-l md:p-5",
+          "relative flex h-full flex-col justify-between gap-6 rounded-none border-dashed px-3 md:border-l md:px-5",
           cardClassName,
           feature.className
         ),
         children: [
           (feature.icon || feature.iconName) && /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
+            "div",
             {
               className: cn(
-                "mb-8 flex size-10 shrink-0 items-center justify-center rounded-full text-primary-foreground md:size-16",
-                getAccentColor(background),
+                "flex size-10 shrink-0 items-center justify-center rounded-lg md:size-12 text-accent-foreground bg-primary shadow-xl",
                 feature.iconClassName
               ),
               children: renderIcon(feature)
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col justify-end gap-2", children: [
             feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {

package/dist/feature-icon-grid-bordered.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import 'react/jsx-runtime';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureIconGridBorderedItem {
@@ -126,6 +126,6 @@ interface FeatureIconGridBorderedProps {
  * />
  * ```
  */
-declare function FeatureIconGridBordered({ label, title, features, featuresSlot, className, containerClassName, labelClassName, titleClassName, gridClassName, cardClassName, background, spacing, pattern, patternOpacity, patternClassName, }: FeatureIconGridBorderedProps): React.JSX.Element;
+declare function FeatureIconGridBordered({ label, title, features, featuresSlot, className, labelClassName, titleClassName, gridClassName, cardClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: FeatureIconGridBorderedProps): React.JSX.Element;
 
 export { FeatureIconGridBordered, type FeatureIconGridBorderedProps };

package/dist/feature-icon-grid-bordered.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import 'react/jsx-runtime';
-import './blocks-DRE-f6cS.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FeatureIconGridBorderedItem {
@@ -126,6 +126,6 @@ interface FeatureIconGridBorderedProps {
  * />
  * ```
  */
-declare function FeatureIconGridBordered({ label, title, features, featuresSlot, className, containerClassName, labelClassName, titleClassName, gridClassName, cardClassName, background, spacing, pattern, patternOpacity, patternClassName, }: FeatureIconGridBorderedProps): React.JSX.Element;
+declare function FeatureIconGridBordered({ label, title, features, featuresSlot, className, labelClassName, titleClassName, gridClassName, cardClassName, background, containerClassName, spacing, pattern, patternOpacity, patternClassName, }: FeatureIconGridBorderedProps): React.JSX.Element;
 
 export { FeatureIconGridBordered, type FeatureIconGridBorderedProps };

package/dist/feature-icon-grid-bordered.js

@@ -10,10 +10,6 @@ import { cva } from 'class-variance-authority';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function getAccentColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-accent-foreground" : "text-primary";
-}
 var svgCache = /* @__PURE__ */ new Map();
 function DynamicIcon({
   name,
@@ -918,12 +914,12 @@ function FeatureIconGridBordered({
   features,
   featuresSlot,
   className,
-  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   labelClassName,
   titleClassName,
   gridClassName,
   cardClassName,
   background,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   spacing = "py-12 md:py-32",
   pattern,
   patternOpacity,
@@ -943,23 +939,22 @@ function FeatureIconGridBordered({
       "div",
       {
         className: cn(
-          "relative flex gap-3 rounded-none border-dashed md:block md:border-l md:p-5",
+          "relative flex h-full flex-col justify-between gap-6 rounded-none border-dashed px-3 md:border-l md:px-5",
           cardClassName,
           feature.className
         ),
         children: [
           (feature.icon || feature.iconName) && /* @__PURE__ */ jsx(
-            "span",
+            "div",
             {
               className: cn(
-                "mb-8 flex size-10 shrink-0 items-center justify-center rounded-full text-primary-foreground md:size-16",
-                getAccentColor(background),
+                "flex size-10 shrink-0 items-center justify-center rounded-lg md:size-12 text-accent-foreground bg-primary shadow-xl",
                 feature.iconClassName
               ),
               children: renderIcon(feature)
             }
           ),
-          /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col justify-end gap-2", children: [
             feature.title && (typeof feature.title === "string" ? /* @__PURE__ */ jsx(
               Pressable,
               {

package/dist/feature-icon-grid-muted.cjs

@@ -1047,7 +1047,7 @@ function FeatureIconGridMuted({
           "div",
           {
             className: cn(
-              "mx-auto mt-20 grid max-w-7xl gap-7 md:grid-cols-2 lg:grid-cols-3",
+              "mx-auto grid max-w-full md:max-w-7xl gap-4 md:gap-7 grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
               gridClassName
             ),
             children: featuresContent

package/dist/feature-icon-grid-muted.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
 import 'react/jsx-runtime';
-import './blocks-tmd_MRJv.cjs';
+import './blocks-Cohq4eio.cjs';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.cjs';
+import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
 
 interface FeatureIconGridMutedItem {

package/dist/feature-icon-grid-muted.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
 import 'react/jsx-runtime';
-import './blocks-DRE-f6cS.js';
+import './blocks-k17uluAz.js';
 import 'class-variance-authority';
-import './button-variants-8mtEHxev.js';
+import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
 
 interface FeatureIconGridMutedItem {

package/dist/feature-icon-grid-muted.js

@@ -1026,7 +1026,7 @@ function FeatureIconGridMuted({
           "div",
           {
             className: cn(
-              "mx-auto mt-20 grid max-w-7xl gap-7 md:grid-cols-2 lg:grid-cols-3",
+              "mx-auto grid max-w-full md:max-w-7xl gap-4 md:gap-7 grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
               gridClassName
             ),
             children: featuresContent