@opensite/ui 2.8.0 → 2.8.1

package/dist/comparison-table-two-column.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React3 = require('react');
+var React4 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var icon = require('@page-speed/icon');
@@ -26,16 +26,20 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 
 // components/blocks/comparison/comparison-table-two-column.tsx
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React4__namespace.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(icon.Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -45,7 +49,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React3__namespace.default.forwardRef(
+var Container = React4__namespace.default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -351,7 +355,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React3__namespace.default.forwardRef(
+var Section = React4__namespace.default.forwardRef(
   ({
     id,
     title,
@@ -437,7 +441,7 @@ function ComparisonTableTwoColumn({
   patternOpacity,
   optixFlowConfig
 }) {
-  const tableContent = React3__namespace.useMemo(() => {
+  const tableContent = React4__namespace.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!rows || rows.length === 0) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("-mr-4 overflow-x-auto", tableWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-2xl overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -467,7 +471,7 @@ function ComparisonTableTwoColumn({
               optixFlowConfig
             }
           ) : optionBLabel && (typeof optionBLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold", children: optionBLabel }) : optionBLabel) }),
-          rows.map((row, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React3__namespace.Fragment, { children: [
+          rows.map((row, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React4__namespace.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center border-b p-3 text-base font-medium md:p-4 md:text-lg", children: row.label }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("border-b bg-success/5 p-3 md:p-6", optionACellClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
               row.hasIcon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/circle-check-big", size: 20, className: "text-success" }),
@@ -496,14 +500,14 @@ function ComparisonTableTwoColumn({
     optionBLabel,
     optixFlowConfig
   ]);
-  const headingContent = React3__namespace.useMemo(() => {
+  const headingContent = React4__namespace.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mb-8 text-3xl font-bold md:mb-12 md:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React3__namespace.useMemo(() => {
+  const descriptionContent = React4__namespace.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-8 text-muted-foreground md:text-lg", descriptionClassName), children: description });

package/dist/comparison-table-two-column.js

@@ -1,6 +1,6 @@
 "use client";
-import * as React3 from 'react';
-import React3__default from 'react';
+import * as React4 from 'react';
+import React4__default from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Icon } from '@page-speed/icon';
@@ -12,9 +12,13 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 var DEFAULT_ICON_API_KEY = "au382bi7fsh96w9h9xlrnat2jglx";
-function DynamicIcon({ apiKey, ...props }) {
+var DynamicIcon = React4.memo(function DynamicIcon2({
+  apiKey,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(Icon, { ...props, apiKey: apiKey ?? DEFAULT_ICON_API_KEY });
-}
+});
+DynamicIcon.displayName = "DynamicIcon";
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -24,7 +28,7 @@ var maxWidthStyles = {
   "4xl": "max-w-[1536px]",
   full: "max-w-full"
 };
-var Container = React3__default.forwardRef(
+var Container = React4__default.forwardRef(
   ({ children, maxWidth = "xl", className, as = "div", ...props }, ref) => {
     const Component = as;
     return /* @__PURE__ */ jsx(
@@ -330,7 +334,7 @@ var spacingStyles = {
 };
 var predefinedSpacings = ["none", "sm", "md", "lg", "xl", "hero"];
 var isPredefinedSpacing = (spacing) => predefinedSpacings.includes(spacing);
-var Section = React3__default.forwardRef(
+var Section = React4__default.forwardRef(
   ({
     id,
     title,
@@ -416,7 +420,7 @@ function ComparisonTableTwoColumn({
   patternOpacity,
   optixFlowConfig
 }) {
-  const tableContent = React3.useMemo(() => {
+  const tableContent = React4.useMemo(() => {
     if (tableSlot) return tableSlot;
     if (!rows || rows.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("-mr-4 overflow-x-auto", tableWrapperClassName), children: /* @__PURE__ */ jsx("div", { className: "min-w-2xl overflow-hidden", children: /* @__PURE__ */ jsxs(
@@ -446,7 +450,7 @@ function ComparisonTableTwoColumn({
               optixFlowConfig
             }
           ) : optionBLabel && (typeof optionBLabel === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold", children: optionBLabel }) : optionBLabel) }),
-          rows.map((row, idx) => /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+          rows.map((row, idx) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
             /* @__PURE__ */ jsx("div", { className: "flex items-center border-b p-3 text-base font-medium md:p-4 md:text-lg", children: row.label }),
             /* @__PURE__ */ jsx("div", { className: cn("border-b bg-success/5 p-3 md:p-6", optionACellClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
               row.hasIcon && /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/circle-check-big", size: 20, className: "text-success" }),
@@ -475,14 +479,14 @@ function ComparisonTableTwoColumn({
     optionBLabel,
     optixFlowConfig
   ]);
-  const headingContent = React3.useMemo(() => {
+  const headingContent = React4.useMemo(() => {
     if (!heading) return null;
     if (typeof heading === "string") {
       return /* @__PURE__ */ jsx("h1", { className: cn("mb-8 text-3xl font-bold md:mb-12 md:text-5xl", headingClassName), children: heading });
     }
     return /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading });
   }, [heading, headingClassName]);
-  const descriptionContent = React3.useMemo(() => {
+  const descriptionContent = React4.useMemo(() => {
     if (!description) return null;
     if (typeof description === "string") {
       return /* @__PURE__ */ jsx("p", { className: cn("mb-8 text-muted-foreground md:text-lg", descriptionClassName), children: description });