@sikka/hawa 0.19.35-next → 0.19.37-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 (5) hide show
  1. package/dist/index.d.mts +2 -2
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.js +74 -64
  4. package/dist/index.mjs +74 -64
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -11,7 +11,6 @@ import { DialogProps } from '@radix-ui/react-dialog';
11
11
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
12
12
  import * as ToastPrimitives from '@radix-ui/react-toast';
13
13
  import * as PopoverPrimitive from '@radix-ui/react-popover';
14
- import * as embla_carousel_react from 'embla-carousel-react';
15
14
  import { EmblaOptionsType } from 'embla-carousel-react';
16
15
  import { RowData, ColumnDef } from '@tanstack/react-table';
17
16
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
@@ -20,6 +19,7 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
20
19
  import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
21
20
  import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
22
21
  import * as MenubarPrimitive from '@radix-ui/react-menubar';
22
+ import * as embla_carousel from 'embla-carousel';
23
23
 
24
24
  type ImageCardTypes = {
25
25
  children: any;
@@ -1809,7 +1809,7 @@ declare function useToast(): {
1809
1809
 
1810
1810
  declare const useDialogCarousel: (options?: any) => {
1811
1811
  emblaRef: <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;
1812
- emblaApi: embla_carousel_react.EmblaCarouselType | undefined;
1812
+ emblaApi: embla_carousel.EmblaCarouselType | undefined;
1813
1813
  nextStep: () => void;
1814
1814
  prevStep: () => void;
1815
1815
  canScrollPrev: boolean;
package/dist/index.d.ts CHANGED
@@ -11,7 +11,6 @@ import { DialogProps } from '@radix-ui/react-dialog';
11
11
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
12
12
  import * as ToastPrimitives from '@radix-ui/react-toast';
13
13
  import * as PopoverPrimitive from '@radix-ui/react-popover';
14
- import * as embla_carousel_react from 'embla-carousel-react';
15
14
  import { EmblaOptionsType } from 'embla-carousel-react';
16
15
  import { RowData, ColumnDef } from '@tanstack/react-table';
17
16
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
@@ -20,6 +19,7 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
20
19
  import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
21
20
  import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
22
21
  import * as MenubarPrimitive from '@radix-ui/react-menubar';
22
+ import * as embla_carousel from 'embla-carousel';
23
23
 
24
24
  type ImageCardTypes = {
25
25
  children: any;
@@ -1809,7 +1809,7 @@ declare function useToast(): {
1809
1809
 
1810
1810
  declare const useDialogCarousel: (options?: any) => {
1811
1811
  emblaRef: <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;
1812
- emblaApi: embla_carousel_react.EmblaCarouselType | undefined;
1812
+ emblaApi: embla_carousel.EmblaCarouselType | undefined;
1813
1813
  nextStep: () => void;
1814
1814
  prevStep: () => void;
1815
1815
  canScrollPrev: boolean;
package/dist/index.js CHANGED
@@ -897,7 +897,7 @@ var PricingCard = ({
897
897
  },
898
898
  props.texts.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 && /* @__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, 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(
901
901
  "div",
902
902
  {
903
903
  className: cn(
@@ -6997,8 +6997,6 @@ var Logos = {
6997
6997
  viewBox: "0 0 24 24",
6998
6998
  strokeLinecap: "round",
6999
6999
  strokeLinejoin: "round",
7000
- height: "1em",
7001
- width: "1em",
7002
7000
  xmlns: "http://www.w3.org/2000/svg",
7003
7001
  ...props
7004
7002
  },
@@ -7013,8 +7011,6 @@ var Logos = {
7013
7011
  strokeWidth: "2",
7014
7012
  viewBox: "0 0 24 24",
7015
7013
  "aria-hidden": "true",
7016
- height: "1em",
7017
- width: "1em",
7018
7014
  xmlns: "http://www.w3.org/2000/svg",
7019
7015
  ...props
7020
7016
  },
@@ -7156,8 +7152,6 @@ var Logos = {
7156
7152
  "svg",
7157
7153
  {
7158
7154
  xmlns: "http://www.w3.org/2000/svg",
7159
- width: "24",
7160
- height: "24",
7161
7155
  viewBox: "0 0 24 24",
7162
7156
  fill: "currentColor",
7163
7157
  ...props
@@ -11175,68 +11169,84 @@ var ComparingPlans = (props) => {
11175
11169
  },
11176
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)))
11177
11171
  ))
11178
- ), /* @__PURE__ */ import_react70.default.createElement(ScrollArea, { className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border" }, uniqueFeatures.map((featureText, featureIndex) => {
11179
- var _a, _b;
11180
- return /* @__PURE__ */ import_react70.default.createElement(
11181
- "div",
11182
- {
11183
- key: featureIndex,
11184
- className: cn(
11185
- "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",
11186
- featureIndex === 0 ? "" : "hawa-border-t"
11187
- )
11188
- },
11189
- /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
11190
- (plan) => plan.features.some(
11191
- (feature) => feature.text === featureText && feature.hint
11192
- )
11193
- ) && /* @__PURE__ */ import_react70.default.createElement(
11194
- Tooltip,
11172
+ ), /* @__PURE__ */ import_react70.default.createElement(
11173
+ ScrollArea,
11174
+ {
11175
+ className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border",
11176
+ dir: props.direction
11177
+ },
11178
+ uniqueFeatures.map((featureText, featureIndex) => {
11179
+ var _a, _b, _c, _d;
11180
+ return /* @__PURE__ */ import_react70.default.createElement(
11181
+ "div",
11195
11182
  {
11196
- side: "right",
11197
- content: (_b = (_a = props.plans.find(
11198
- (plan) => {
11199
- var _a2;
11200
- return (_a2 = plan.features.find(
11201
- (feature) => feature.text === featureText
11202
- )) == null ? void 0 : _a2.hint;
11203
- }
11204
- )) == null ? void 0 : _a.features.find(
11205
- (feature) => feature.text === featureText
11206
- )) == null ? void 0 : _b.hint
11183
+ key: featureIndex,
11184
+ className: cn(
11185
+ "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",
11186
+ featureIndex === 0 ? "" : "hawa-border-t"
11187
+ )
11207
11188
  },
11208
- /* @__PURE__ */ import_react70.default.createElement(
11209
- "svg",
11189
+ /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
11190
+ (plan) => plan.features.some(
11191
+ (feature) => feature.text === featureText && feature.hint
11192
+ )
11193
+ ) && /* @__PURE__ */ import_react70.default.createElement(
11194
+ Tooltip,
11210
11195
  {
11211
- stroke: "currentColor",
11212
- fill: "currentColor",
11213
- strokeWidth: "0",
11214
- viewBox: "0 0 16 16",
11215
- height: "1em",
11216
- width: "1em"
11196
+ side: "right",
11197
+ content: (_b = (_a = props.plans.find(
11198
+ (plan) => {
11199
+ var _a2;
11200
+ return (_a2 = plan.features.find(
11201
+ (feature) => feature.text === featureText
11202
+ )) == null ? void 0 : _a2.hint;
11203
+ }
11204
+ )) == null ? void 0 : _a.features.find(
11205
+ (feature) => feature.text === featureText
11206
+ )) == null ? void 0 : _b.hint
11217
11207
  },
11218
- /* @__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" })
11219
- )
11220
- ), props.plans.some(
11221
- (plan) => plan.features.some(
11222
- (feature) => feature.text === featureText && feature.soon
11223
- )
11224
- ) && /* @__PURE__ */ import_react70.default.createElement(Chip, { label: "Soon" })),
11225
- props.plans.map((plan, planIndex) => {
11226
- const feature = plan.features.find(
11227
- (f) => f.text === featureText
11228
- );
11229
- return /* @__PURE__ */ import_react70.default.createElement(
11230
- "div",
11208
+ /* @__PURE__ */ import_react70.default.createElement(
11209
+ "svg",
11210
+ {
11211
+ stroke: "currentColor",
11212
+ fill: "currentColor",
11213
+ strokeWidth: "0",
11214
+ viewBox: "0 0 16 16",
11215
+ height: "1em",
11216
+ width: "1em"
11217
+ },
11218
+ /* @__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" })
11219
+ )
11220
+ ), props.plans.some(
11221
+ (plan) => plan.features.some(
11222
+ (feature) => feature.text === featureText && feature.soon
11223
+ )
11224
+ ) && /* @__PURE__ */ import_react70.default.createElement(
11225
+ Chip,
11231
11226
  {
11232
- key: planIndex,
11233
- className: "hawa-text-center hawa-flex hawa-flex-col hawa-items-center"
11234
- },
11235
- (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react70.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react70.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
11236
- );
11237
- })
11238
- );
11239
- })), props.showButtons && /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
11227
+ label: ((_d = (_c = props.plans.find(
11228
+ (plan) => plan.features.some(
11229
+ (feature) => feature.text === featureText && feature.soon
11230
+ )
11231
+ )) == null ? void 0 : _c.texts) == null ? void 0 : _d.soon) || "Soon"
11232
+ }
11233
+ )),
11234
+ props.plans.map((plan, planIndex) => {
11235
+ const feature = plan.features.find(
11236
+ (f) => f.text === featureText
11237
+ );
11238
+ return /* @__PURE__ */ import_react70.default.createElement(
11239
+ "div",
11240
+ {
11241
+ key: planIndex,
11242
+ className: "hawa-text-center hawa-flex hawa-flex-col hawa-items-center"
11243
+ },
11244
+ (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react70.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react70.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
11245
+ );
11246
+ })
11247
+ );
11248
+ })
11249
+ ), props.showButtons && /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
11240
11250
  var _a;
11241
11251
  return /* @__PURE__ */ import_react70.default.createElement(
11242
11252
  "div",
package/dist/index.mjs CHANGED
@@ -664,7 +664,7 @@ var PricingCard = ({
664
664
  },
665
665
  props.texts.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 && /* @__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, 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(
668
668
  "div",
669
669
  {
670
670
  className: cn(
@@ -6779,8 +6779,6 @@ var Logos = {
6779
6779
  viewBox: "0 0 24 24",
6780
6780
  strokeLinecap: "round",
6781
6781
  strokeLinejoin: "round",
6782
- height: "1em",
6783
- width: "1em",
6784
6782
  xmlns: "http://www.w3.org/2000/svg",
6785
6783
  ...props
6786
6784
  },
@@ -6795,8 +6793,6 @@ var Logos = {
6795
6793
  strokeWidth: "2",
6796
6794
  viewBox: "0 0 24 24",
6797
6795
  "aria-hidden": "true",
6798
- height: "1em",
6799
- width: "1em",
6800
6796
  xmlns: "http://www.w3.org/2000/svg",
6801
6797
  ...props
6802
6798
  },
@@ -6938,8 +6934,6 @@ var Logos = {
6938
6934
  "svg",
6939
6935
  {
6940
6936
  xmlns: "http://www.w3.org/2000/svg",
6941
- width: "24",
6942
- height: "24",
6943
6937
  viewBox: "0 0 24 24",
6944
6938
  fill: "currentColor",
6945
6939
  ...props
@@ -10959,68 +10953,84 @@ var ComparingPlans = (props) => {
10959
10953
  },
10960
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)))
10961
10955
  ))
10962
- ), /* @__PURE__ */ React96.createElement(ScrollArea, { className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border" }, uniqueFeatures.map((featureText, featureIndex) => {
10963
- var _a, _b;
10964
- return /* @__PURE__ */ React96.createElement(
10965
- "div",
10966
- {
10967
- key: featureIndex,
10968
- className: cn(
10969
- "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",
10970
- featureIndex === 0 ? "" : "hawa-border-t"
10971
- )
10972
- },
10973
- /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
10974
- (plan) => plan.features.some(
10975
- (feature) => feature.text === featureText && feature.hint
10976
- )
10977
- ) && /* @__PURE__ */ React96.createElement(
10978
- Tooltip,
10956
+ ), /* @__PURE__ */ React96.createElement(
10957
+ ScrollArea,
10958
+ {
10959
+ className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border-t-0 hawa-border",
10960
+ dir: props.direction
10961
+ },
10962
+ uniqueFeatures.map((featureText, featureIndex) => {
10963
+ var _a, _b, _c, _d;
10964
+ return /* @__PURE__ */ React96.createElement(
10965
+ "div",
10979
10966
  {
10980
- side: "right",
10981
- content: (_b = (_a = props.plans.find(
10982
- (plan) => {
10983
- var _a2;
10984
- return (_a2 = plan.features.find(
10985
- (feature) => feature.text === featureText
10986
- )) == null ? void 0 : _a2.hint;
10987
- }
10988
- )) == null ? void 0 : _a.features.find(
10989
- (feature) => feature.text === featureText
10990
- )) == null ? void 0 : _b.hint
10967
+ key: featureIndex,
10968
+ className: cn(
10969
+ "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",
10970
+ featureIndex === 0 ? "" : "hawa-border-t"
10971
+ )
10991
10972
  },
10992
- /* @__PURE__ */ React96.createElement(
10993
- "svg",
10973
+ /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
10974
+ (plan) => plan.features.some(
10975
+ (feature) => feature.text === featureText && feature.hint
10976
+ )
10977
+ ) && /* @__PURE__ */ React96.createElement(
10978
+ Tooltip,
10994
10979
  {
10995
- stroke: "currentColor",
10996
- fill: "currentColor",
10997
- strokeWidth: "0",
10998
- viewBox: "0 0 16 16",
10999
- height: "1em",
11000
- width: "1em"
10980
+ side: "right",
10981
+ content: (_b = (_a = props.plans.find(
10982
+ (plan) => {
10983
+ var _a2;
10984
+ return (_a2 = plan.features.find(
10985
+ (feature) => feature.text === featureText
10986
+ )) == null ? void 0 : _a2.hint;
10987
+ }
10988
+ )) == null ? void 0 : _a.features.find(
10989
+ (feature) => feature.text === featureText
10990
+ )) == null ? void 0 : _b.hint
11001
10991
  },
11002
- /* @__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" })
11003
- )
11004
- ), props.plans.some(
11005
- (plan) => plan.features.some(
11006
- (feature) => feature.text === featureText && feature.soon
11007
- )
11008
- ) && /* @__PURE__ */ React96.createElement(Chip, { label: "Soon" })),
11009
- props.plans.map((plan, planIndex) => {
11010
- const feature = plan.features.find(
11011
- (f) => f.text === featureText
11012
- );
11013
- return /* @__PURE__ */ React96.createElement(
11014
- "div",
10992
+ /* @__PURE__ */ React96.createElement(
10993
+ "svg",
10994
+ {
10995
+ stroke: "currentColor",
10996
+ fill: "currentColor",
10997
+ strokeWidth: "0",
10998
+ viewBox: "0 0 16 16",
10999
+ height: "1em",
11000
+ width: "1em"
11001
+ },
11002
+ /* @__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" })
11003
+ )
11004
+ ), props.plans.some(
11005
+ (plan) => plan.features.some(
11006
+ (feature) => feature.text === featureText && feature.soon
11007
+ )
11008
+ ) && /* @__PURE__ */ React96.createElement(
11009
+ Chip,
11015
11010
  {
11016
- key: planIndex,
11017
- className: "hawa-text-center hawa-flex hawa-flex-col hawa-items-center"
11018
- },
11019
- (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React96.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React96.createElement(UncheckMark, { className: "hawa-text-foreground" })
11020
- );
11021
- })
11022
- );
11023
- })), props.showButtons && /* @__PURE__ */ React96.createElement("div", { className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
11011
+ label: ((_d = (_c = props.plans.find(
11012
+ (plan) => plan.features.some(
11013
+ (feature) => feature.text === featureText && feature.soon
11014
+ )
11015
+ )) == null ? void 0 : _c.texts) == null ? void 0 : _d.soon) || "Soon"
11016
+ }
11017
+ )),
11018
+ props.plans.map((plan, planIndex) => {
11019
+ const feature = plan.features.find(
11020
+ (f) => f.text === featureText
11021
+ );
11022
+ return /* @__PURE__ */ React96.createElement(
11023
+ "div",
11024
+ {
11025
+ key: planIndex,
11026
+ className: "hawa-text-center hawa-flex hawa-flex-col hawa-items-center"
11027
+ },
11028
+ (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React96.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React96.createElement(UncheckMark, { className: "hawa-text-foreground" })
11029
+ );
11030
+ })
11031
+ );
11032
+ })
11033
+ ), props.showButtons && /* @__PURE__ */ React96.createElement("div", { className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
11024
11034
  var _a;
11025
11035
  return /* @__PURE__ */ React96.createElement(
11026
11036
  "div",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.19.35-next",
3
+ "version": "0.19.37-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",