@sikka/hawa 0.19.31-next → 0.19.33-next

package/dist/index.d.mts

@@ -1708,14 +1708,16 @@ type PricingPlansTypes = {
 };
 declare const PricingPlans: FC<PricingPlansTypes>;
 
+type PlanFeature = {
+    soon?: boolean;
+    included: boolean;
+    text: string;
+    hint?: string;
+};
 type ComparingPlansTypes = {
     plans: {
         direction?: DirectionType;
-        features: {
-            included: boolean;
-            text: string;
-            hint?: string;
-        }[];
+        features: PlanFeature[];
         price?: number;
         texts?: {
             title?: string;
@@ -1723,6 +1725,7 @@ type ComparingPlansTypes = {
             buttonText?: string;
             cycleText?: string;
             currencyText?: string;
+            soon?: string;
         };
         size?: "small" | "medium" | "large";
     }[];
@@ -1738,6 +1741,7 @@ type ComparingPlansTypes = {
     onCurrencyChange?: (e: any) => void;
     direction?: DirectionType;
     showButtons?: boolean;
+    topPosition?: number;
 };
 declare const ComparingPlans: FC<ComparingPlansTypes>;
 

package/dist/index.d.ts

@@ -1708,14 +1708,16 @@ type PricingPlansTypes = {
 };
 declare const PricingPlans: FC<PricingPlansTypes>;
 
+type PlanFeature = {
+    soon?: boolean;
+    included: boolean;
+    text: string;
+    hint?: string;
+};
 type ComparingPlansTypes = {
     plans: {
         direction?: DirectionType;
-        features: {
-            included: boolean;
-            text: string;
-            hint?: string;
-        }[];
+        features: PlanFeature[];
         price?: number;
         texts?: {
             title?: string;
@@ -1723,6 +1725,7 @@ type ComparingPlansTypes = {
             buttonText?: string;
             cycleText?: string;
             currencyText?: string;
+            soon?: string;
         };
         size?: "small" | "medium" | "large";
     }[];
@@ -1738,6 +1741,7 @@ type ComparingPlansTypes = {
     onCurrencyChange?: (e: any) => void;
     direction?: DirectionType;
     showButtons?: boolean;
+    topPosition?: number;
 };
 declare const ComparingPlans: FC<ComparingPlansTypes>;
 

package/dist/index.js

@@ -11158,9 +11158,12 @@ var ComparingPlans = (props) => {
     "div",
     {
       className: cn(
-        "hawa-sticky hawa-top-0 hawa-z-10 hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border hawa-p-4 hawa-text-sm hawa-font-medium hawa-rounded-t",
+        "hawa-sticky  hawa-z-10 hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border hawa-p-4 hawa-text-sm hawa-font-medium hawa-rounded-t",
         "hawa-bg-primary-foreground"
-      )
+      ),
+      style: {
+        top: props.topPosition || 0
+      }
     },
     /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
     props.plans.map((plan, i) => /* @__PURE__ */ import_react70.default.createElement(
@@ -11178,7 +11181,7 @@ var ComparingPlans = (props) => {
       {
         key: featureIndex,
         className: cn(
-          "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white dark:hawa-border-gray-700",
+          "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-border-foreground-muted hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white",
           featureIndex === 0 ? "" : "hawa-border-t"
         )
       },
@@ -11213,7 +11216,11 @@ var ComparingPlans = (props) => {
           },
           /* @__PURE__ */ import_react70.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
         )
-      )),
+      ), props.plans.some(
+        (plan) => plan.features.some(
+          (feature) => feature.text === featureText && feature.soon
+        )
+      ) && /* @__PURE__ */ import_react70.default.createElement(Chip, { label: "Soon" })),
       props.plans.map((plan, planIndex) => {
         const feature = plan.features.find(
           (f) => f.text === featureText
@@ -11236,7 +11243,7 @@ var ComparingPlans = (props) => {
         key: i,
         className: "hawa-flex hawa-justify-center hawa-items-center"
       },
-      /* @__PURE__ */ import_react70.default.createElement("button", { className: "hawa-bg-primary hawa-text-white hawa-p-2 hawa-rounded hawa-w-full hawa-max-w-xs" }, ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started")
+      /* @__PURE__ */ import_react70.default.createElement(Button, { className: "hawa-max-w-xs hawa-w-full" }, ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started")
     );
   })));
 };

package/dist/index.mjs

@@ -10942,9 +10942,12 @@ var ComparingPlans = (props) => {
     "div",
     {
       className: cn(
-        "hawa-sticky hawa-top-0 hawa-z-10 hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border hawa-p-4 hawa-text-sm hawa-font-medium hawa-rounded-t",
+        "hawa-sticky  hawa-z-10 hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border hawa-p-4 hawa-text-sm hawa-font-medium hawa-rounded-t",
         "hawa-bg-primary-foreground"
-      )
+      ),
+      style: {
+        top: props.topPosition || 0
+      }
     },
     /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-center" }),
     props.plans.map((plan, i) => /* @__PURE__ */ React96.createElement(
@@ -10962,7 +10965,7 @@ var ComparingPlans = (props) => {
       {
         key: featureIndex,
         className: cn(
-          "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white dark:hawa-border-gray-700",
+          "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-border-foreground-muted hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white",
           featureIndex === 0 ? "" : "hawa-border-t"
         )
       },
@@ -10997,7 +11000,11 @@ var ComparingPlans = (props) => {
           },
           /* @__PURE__ */ React96.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
         )
-      )),
+      ), props.plans.some(
+        (plan) => plan.features.some(
+          (feature) => feature.text === featureText && feature.soon
+        )
+      ) && /* @__PURE__ */ React96.createElement(Chip, { label: "Soon" })),
       props.plans.map((plan, planIndex) => {
         const feature = plan.features.find(
           (f) => f.text === featureText
@@ -11020,7 +11027,7 @@ var ComparingPlans = (props) => {
         key: i,
         className: "hawa-flex hawa-justify-center hawa-items-center"
       },
-      /* @__PURE__ */ React96.createElement("button", { className: "hawa-bg-primary hawa-text-white hawa-p-2 hawa-rounded hawa-w-full hawa-max-w-xs" }, ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started")
+      /* @__PURE__ */ React96.createElement(Button, { className: "hawa-max-w-xs hawa-w-full" }, ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started")
     );
   })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.19.31-next",
+  "version": "0.19.33-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",