@sikka/hawa 0.19.37-next → 0.19.39-next

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.
Files changed (6) hide show
  1. package/dist/index.css +6 -0
  2. package/dist/index.d.mts +2 -0
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.js +10 -10
  5. package/dist/index.mjs +10 -10
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1293,6 +1293,9 @@ input[type="number"]::-webkit-inner-spin-button,
1293
1293
  .hawa-grid {
1294
1294
  display: grid;
1295
1295
  }
1296
+ .hawa-inline-grid {
1297
+ display: inline-grid;
1298
+ }
1296
1299
  .hawa-hidden {
1297
1300
  display: none;
1298
1301
  }
@@ -1882,6 +1885,9 @@ input[type="number"]::-webkit-inner-spin-button,
1882
1885
  .hawa-grid-cols-\[1fr_repeat\(3\,_minmax\(0\,_1fr\)\)\] {
1883
1886
  grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
1884
1887
  }
1888
+ .hawa-grid-cols-\[repeat\(auto-fit\,_minmax\(300px\,_1fr\)\)\] {
1889
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
1890
+ }
1885
1891
  .hawa-flex-row {
1886
1892
  flex-direction: row;
1887
1893
  }
package/dist/index.d.mts CHANGED
@@ -72,6 +72,7 @@ type PricingPlanTexts = {
72
72
  currencyText?: string;
73
73
  soon?: string;
74
74
  recommended?: string;
75
+ priceless?: string;
75
76
  };
76
77
  type ThirdPartyAuthTextsTypes = {
77
78
  continueWithGoogle?: string;
@@ -156,6 +157,7 @@ type PricingCardProps = {
156
157
  endButton?: boolean;
157
158
  price: number;
158
159
  oldPrice?: number;
160
+ noPrice?: boolean;
159
161
  id?: string;
160
162
  discount?: string;
161
163
  onPlanClicked?: () => void;
package/dist/index.d.ts CHANGED
@@ -72,6 +72,7 @@ type PricingPlanTexts = {
72
72
  currencyText?: string;
73
73
  soon?: string;
74
74
  recommended?: string;
75
+ priceless?: string;
75
76
  };
76
77
  type ThirdPartyAuthTextsTypes = {
77
78
  continueWithGoogle?: string;
@@ -156,6 +157,7 @@ type PricingCardProps = {
156
157
  endButton?: boolean;
157
158
  price: number;
158
159
  oldPrice?: number;
160
+ noPrice?: boolean;
159
161
  id?: string;
160
162
  discount?: string;
161
163
  onPlanClicked?: () => void;
package/dist/index.js CHANGED
@@ -872,7 +872,7 @@ var PricingCard = ({
872
872
  currentPlan = false,
873
873
  ...props
874
874
  }) => {
875
- var _a;
875
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
876
876
  let cardSizes = {
877
877
  small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
878
878
  medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
@@ -895,9 +895,9 @@ var PricingCard = ({
895
895
  className: "hawa-bg-primary hawa-text-center hawa-text-primary-foreground hawa-p-2 hawa-border hawa-rounded-t hawa-absolute hawa-top-0 -hawa-left-[1px] -hawa-translate-y-full",
896
896
  style: { width: "calc(100% + 2px)" }
897
897
  },
898
- props.texts.recommended || "RECOMMENDED"
898
+ ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
899
899
  ),
900
- /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-h-full" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react7.default.createElement("span", null, props.texts.title), /* @__PURE__ */ import_react7.default.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle), props.discount && /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react7.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react7.default.createElement("div", { className: " hawa-text-primary hawa-flex hawa-items-baseline" }, props.isLoading ? /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-w-full hawa-max-w-[200px] hawa-h-[48px] hawa-p-0 " }) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-end" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + props.texts.currencyText), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, props.texts.currencyText)), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-whitespace-nowrap hawa-font-normal hawa-text-primary/70" }, "/ ", props.texts.cycleText))), endButton && /* @__PURE__ */ import_react7.default.createElement(Separator, null), /* @__PURE__ */ import_react7.default.createElement(
900
+ /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-h-full" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react7.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react7.default.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react7.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react7.default.createElement("div", { className: " hawa-text-primary hawa-flex hawa-items-baseline" }, props.isLoading ? /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-w-full hawa-max-w-[200px] hawa-h-[48px] hawa-p-0 " }) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-end" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-whitespace-nowrap hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ import_react7.default.createElement(Separator, null), /* @__PURE__ */ import_react7.default.createElement(
901
901
  "div",
902
902
  {
903
903
  className: cn(
@@ -905,7 +905,7 @@ var PricingCard = ({
905
905
  endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
906
906
  )
907
907
  },
908
- props.features && /* @__PURE__ */ import_react7.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_a = props.features) == null ? void 0 : _a.map((feature, o) => {
908
+ props.features && /* @__PURE__ */ import_react7.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
909
909
  return /* @__PURE__ */ import_react7.default.createElement(
910
910
  "li",
911
911
  {
@@ -958,7 +958,7 @@ var PricingCard = ({
958
958
  disabled: currentPlan,
959
959
  className: "hawa-w-full"
960
960
  },
961
- props.texts.buttonText
961
+ (_i = props.texts) == null ? void 0 : _i.buttonText
962
962
  )
963
963
  ))
964
964
  );
@@ -3615,8 +3615,8 @@ var Radio = ({
3615
3615
  }) => {
3616
3616
  var _a, _b, _c;
3617
3617
  const [selectedOption, setSelectedOption] = (0, import_react14.useState)(props.defaultValue);
3618
- let activeTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-text-primary-foreground hawa-bg-primary hawa-active dark:hawa-bg-primary ";
3619
- let inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-primary/10 hawa-bg-primary/5 dark:hover:hawa-text-white ";
3618
+ let activeTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-text-primary-foreground hawa-bg-primary hawa-active dark:hawa-bg-primary";
3619
+ let inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
3620
3620
  let orientationStyle = {
3621
3621
  horizontal: "hawa-flex hawa-flex-row",
3622
3622
  vertical: "hawa-flex hawa-flex-col"
@@ -11077,7 +11077,7 @@ var PricingPlans = ({
11077
11077
  )), /* @__PURE__ */ import_react69.default.createElement(
11078
11078
  "div",
11079
11079
  {
11080
- className: "hawa-flex hawa-flex-col hawa-gap-2 md:hawa-flex-row hawa-justify-between",
11080
+ className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
11081
11081
  ...cardsContainerProps
11082
11082
  },
11083
11083
  props.plans.map((plan, index) => {
@@ -11167,12 +11167,12 @@ var ComparingPlans = (props) => {
11167
11167
  key: i,
11168
11168
  className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-justify-center hawa-items-center"
11169
11169
  },
11170
- /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
11170
+ /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-baseline " }, /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
11171
11171
  ))
11172
11172
  ), /* @__PURE__ */ import_react70.default.createElement(
11173
11173
  ScrollArea,
11174
11174
  {
11175
- className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border",
11175
+ className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border hawa-bg-background",
11176
11176
  dir: props.direction
11177
11177
  },
11178
11178
  uniqueFeatures.map((featureText, featureIndex) => {
package/dist/index.mjs CHANGED
@@ -639,7 +639,7 @@ var PricingCard = ({
639
639
  currentPlan = false,
640
640
  ...props
641
641
  }) => {
642
- var _a;
642
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
643
643
  let cardSizes = {
644
644
  small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
645
645
  medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
@@ -662,9 +662,9 @@ var PricingCard = ({
662
662
  className: "hawa-bg-primary hawa-text-center hawa-text-primary-foreground hawa-p-2 hawa-border hawa-rounded-t hawa-absolute hawa-top-0 -hawa-left-[1px] -hawa-translate-y-full",
663
663
  style: { width: "calc(100% + 2px)" }
664
664
  },
665
- props.texts.recommended || "RECOMMENDED"
665
+ ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
666
666
  ),
667
- /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-h-full" }, /* @__PURE__ */ React10.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React10.createElement("span", null, props.texts.title), /* @__PURE__ */ React10.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, props.texts.subtitle), props.discount && /* @__PURE__ */ React10.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React10.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React10.createElement("div", { className: " hawa-text-primary hawa-flex hawa-items-baseline" }, props.isLoading ? /* @__PURE__ */ React10.createElement(Skeleton, { className: "hawa-w-full hawa-max-w-[200px] hawa-h-[48px] hawa-p-0 " }) : /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-end" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React10.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + props.texts.currencyText), /* @__PURE__ */ React10.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React10.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, props.texts.currencyText)), /* @__PURE__ */ React10.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-whitespace-nowrap hawa-font-normal hawa-text-primary/70" }, "/ ", props.texts.cycleText))), endButton && /* @__PURE__ */ React10.createElement(Separator, null), /* @__PURE__ */ React10.createElement(
667
+ /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4 hawa-h-full" }, /* @__PURE__ */ React10.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React10.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React10.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React10.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React10.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React10.createElement("div", { className: " hawa-text-primary hawa-flex hawa-items-baseline" }, props.isLoading ? /* @__PURE__ */ React10.createElement(Skeleton, { className: "hawa-w-full hawa-max-w-[200px] hawa-h-[48px] hawa-p-0 " }) : /* @__PURE__ */ React10.createElement(React10.Fragment, null, props.noPrice ? /* @__PURE__ */ React10.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-items-end" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React10.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React10.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React10.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React10.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-whitespace-nowrap hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ React10.createElement(Separator, null), /* @__PURE__ */ React10.createElement(
668
668
  "div",
669
669
  {
670
670
  className: cn(
@@ -672,7 +672,7 @@ var PricingCard = ({
672
672
  endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
673
673
  )
674
674
  },
675
- props.features && /* @__PURE__ */ React10.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_a = props.features) == null ? void 0 : _a.map((feature, o) => {
675
+ props.features && /* @__PURE__ */ React10.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
676
676
  return /* @__PURE__ */ React10.createElement(
677
677
  "li",
678
678
  {
@@ -725,7 +725,7 @@ var PricingCard = ({
725
725
  disabled: currentPlan,
726
726
  className: "hawa-w-full"
727
727
  },
728
- props.texts.buttonText
728
+ (_i = props.texts) == null ? void 0 : _i.buttonText
729
729
  )
730
730
  ))
731
731
  );
@@ -3382,8 +3382,8 @@ var Radio = ({
3382
3382
  }) => {
3383
3383
  var _a, _b, _c;
3384
3384
  const [selectedOption, setSelectedOption] = useState6(props.defaultValue);
3385
- let activeTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-text-primary-foreground hawa-bg-primary hawa-active dark:hawa-bg-primary ";
3386
- let inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-primary/10 hawa-bg-primary/5 dark:hover:hawa-text-white ";
3385
+ let activeTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-text-primary-foreground hawa-bg-primary hawa-active dark:hawa-bg-primary";
3386
+ let inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
3387
3387
  let orientationStyle = {
3388
3388
  horizontal: "hawa-flex hawa-flex-row",
3389
3389
  vertical: "hawa-flex hawa-flex-col"
@@ -10861,7 +10861,7 @@ var PricingPlans = ({
10861
10861
  )), /* @__PURE__ */ React95.createElement(
10862
10862
  "div",
10863
10863
  {
10864
- className: "hawa-flex hawa-flex-col hawa-gap-2 md:hawa-flex-row hawa-justify-between",
10864
+ className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
10865
10865
  ...cardsContainerProps
10866
10866
  },
10867
10867
  props.plans.map((plan, index) => {
@@ -10951,12 +10951,12 @@ var ComparingPlans = (props) => {
10951
10951
  key: i,
10952
10952
  className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-justify-center hawa-items-center"
10953
10953
  },
10954
- /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React96.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React96.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React96.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
10954
+ /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-baseline " }, /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React96.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React96.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
10955
10955
  ))
10956
10956
  ), /* @__PURE__ */ React96.createElement(
10957
10957
  ScrollArea,
10958
10958
  {
10959
- className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border",
10959
+ className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border hawa-bg-background",
10960
10960
  dir: props.direction
10961
10961
  },
10962
10962
  uniqueFeatures.map((featureText, featureIndex) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.19.37-next",
3
+ "version": "0.19.39-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",