@sikka/hawa 0.19.22-next → 0.19.23-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 +4 -0
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +25 -26
  5. package/dist/index.mjs +25 -26
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -4261,6 +4261,10 @@ body {
4261
4261
  grid-template-columns: repeat(2, minmax(0, 1fr));
4262
4262
  }
4263
4263
 
4264
+ .md\:hawa-grid-cols-\[1fr_repeat\(3\2c _minmax\(0\2c _1fr\)\)\] {
4265
+ grid-template-columns: 1fr repeat(3, minmax(0, 1fr));
4266
+ }
4267
+
4264
4268
  .md\:hawa-flex-row {
4265
4269
  flex-direction: row;
4266
4270
  }
package/dist/index.d.mts CHANGED
@@ -1714,7 +1714,7 @@ type ComparingPlansTypes = {
1714
1714
  features: {
1715
1715
  included: boolean;
1716
1716
  text: string;
1717
- description?: string;
1717
+ hint?: string;
1718
1718
  }[];
1719
1719
  price?: number;
1720
1720
  texts?: {
package/dist/index.d.ts CHANGED
@@ -1714,7 +1714,7 @@ type ComparingPlansTypes = {
1714
1714
  features: {
1715
1715
  included: boolean;
1716
1716
  text: string;
1717
- description?: string;
1717
+ hint?: string;
1718
1718
  }[];
1719
1719
  price?: number;
1720
1720
  texts?: {
package/dist/index.js CHANGED
@@ -11113,9 +11113,9 @@ var PricingPlans = ({
11113
11113
  // components/blocks/pricing/ComparingPlans.tsx
11114
11114
  var import_react70 = __toESM(require("react"));
11115
11115
  var ComparingPlans = (props) => {
11116
- var _a;
11117
11116
  const [currentCurrency, setCurrentCurrency] = (0, import_react70.useState)("sar");
11118
11117
  const [currentCycle, setCurrentCycle] = (0, import_react70.useState)("monthly");
11118
+ const uniqueFeatures = Array.from(new Set(props.plans.flatMap((plan) => plan.features.map((feature) => feature.text))));
11119
11119
  return /* @__PURE__ */ import_react70.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full hawa-overflow-x-auto" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react70.default.createElement(
11120
11120
  Radio,
11121
11121
  {
@@ -11144,31 +11144,30 @@ var ComparingPlans = (props) => {
11144
11144
  }
11145
11145
  }
11146
11146
  }
11147
- )), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-border-gray-200 hawa-bg-gray-100 hawa-p-4 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => /* @__PURE__ */ import_react70.default.createElement("div", { key: i }, /* @__PURE__ */ import_react70.default.createElement("h5", { className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.title), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white" }, /* @__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 hawa-text-gray-500 dark:hawa-text-gray-400" }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ import_react70.default.createElement("h5", { className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.subtitle)))), (_a = props.plans) == null ? void 0 : _a.map((plan) => {
11148
- return plan.features.map((feature, j) => {
11149
- return /* @__PURE__ */ import_react70.default.createElement(
11150
- "div",
11151
- {
11152
- key: j,
11153
- className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-16 hawa-border-b hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:hawa-border-gray-700"
11154
- },
11155
- /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-gray-400" }, feature.text, feature.description && /* @__PURE__ */ import_react70.default.createElement(Tooltip, { side: "right", content: feature.description }, /* @__PURE__ */ import_react70.default.createElement(
11156
- "svg",
11157
- {
11158
- stroke: "currentColor",
11159
- fill: "currentColor",
11160
- strokeWidth: "0",
11161
- viewBox: "0 0 16 16",
11162
- height: "1em",
11163
- width: "1em"
11164
- },
11165
- /* @__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" })
11166
- ))),
11167
- /* @__PURE__ */ import_react70.default.createElement(UncheckMark, null),
11168
- /* @__PURE__ */ import_react70.default.createElement(CheckMark, null),
11169
- /* @__PURE__ */ import_react70.default.createElement(UncheckMark, null)
11170
- );
11171
- });
11147
+ )), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: cn(
11148
+ "hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-p-4 hawa-text-sm hawa-font-medium",
11149
+ "hawa-border-gray-200 hawa-bg-gray-100 hawa-text-gray-900",
11150
+ "dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white"
11151
+ ) }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => /* @__PURE__ */ import_react70.default.createElement("div", { key: i, 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 hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.title), /* @__PURE__ */ import_react70.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.subtitle)), /* @__PURE__ */ import_react70.default.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white" }, /* @__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 hawa-text-gray-500 dark:hawa-text-gray-400" }, "/ ", plan.texts.cycleText))))), uniqueFeatures.map((featureText, featureIndex) => {
11152
+ var _a, _b;
11153
+ return /* @__PURE__ */ import_react70.default.createElement("div", { key: featureIndex, className: "hawa-grid hawa-grid-cols-1 md:hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-border-b 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" }, /* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-white" }, featureText, props.plans.some((plan) => plan.features.some((feature) => feature.text === featureText && feature.hint)) && /* @__PURE__ */ import_react70.default.createElement(Tooltip, { side: "right", content: (_b = (_a = props.plans.find((plan) => {
11154
+ var _a2;
11155
+ return (_a2 = plan.features.find((feature) => feature.text === featureText)) == null ? void 0 : _a2.hint;
11156
+ })) == null ? void 0 : _a.features.find((feature) => feature.text === featureText)) == null ? void 0 : _b.hint }, /* @__PURE__ */ import_react70.default.createElement(
11157
+ "svg",
11158
+ {
11159
+ stroke: "currentColor",
11160
+ fill: "currentColor",
11161
+ strokeWidth: "0",
11162
+ viewBox: "0 0 16 16",
11163
+ height: "1em",
11164
+ width: "1em"
11165
+ },
11166
+ /* @__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" })
11167
+ ))), props.plans.map((plan, planIndex) => {
11168
+ const feature = plan.features.find((f) => f.text === featureText);
11169
+ return /* @__PURE__ */ import_react70.default.createElement("div", { key: planIndex, className: "hawa-text-center" }, (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react70.default.createElement(CheckMark, { className: "dark:hawa-text-white hawa-text-black" }) : /* @__PURE__ */ import_react70.default.createElement(UncheckMark, { className: "dark:hawa-text-white hawa-text-black" }));
11170
+ }));
11172
11171
  })));
11173
11172
  };
11174
11173
 
package/dist/index.mjs CHANGED
@@ -10897,9 +10897,9 @@ var PricingPlans = ({
10897
10897
  // components/blocks/pricing/ComparingPlans.tsx
10898
10898
  import React96, { useState as useState36 } from "react";
10899
10899
  var ComparingPlans = (props) => {
10900
- var _a;
10901
10900
  const [currentCurrency, setCurrentCurrency] = useState36("sar");
10902
10901
  const [currentCycle, setCurrentCycle] = useState36("monthly");
10902
+ const uniqueFeatures = Array.from(new Set(props.plans.flatMap((plan) => plan.features.map((feature) => feature.text))));
10903
10903
  return /* @__PURE__ */ React96.createElement("div", { id: "detailed-pricing", className: "hawa-w-full hawa-overflow-x-auto" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React96.createElement(
10904
10904
  Radio,
10905
10905
  {
@@ -10928,31 +10928,30 @@ var ComparingPlans = (props) => {
10928
10928
  }
10929
10929
  }
10930
10930
  }
10931
- )), /* @__PURE__ */ React96.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-border-gray-200 hawa-bg-gray-100 hawa-p-4 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => /* @__PURE__ */ React96.createElement("div", { key: i }, /* @__PURE__ */ React96.createElement("h5", { className: "hawa-text-md hawa-font-bold hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.title), /* @__PURE__ */ React96.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white" }, /* @__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 hawa-text-gray-500 dark:hawa-text-gray-400" }, "/ ", plan.texts.cycleText)), /* @__PURE__ */ React96.createElement("h5", { className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.subtitle)))), (_a = props.plans) == null ? void 0 : _a.map((plan) => {
10932
- return plan.features.map((feature, j) => {
10933
- return /* @__PURE__ */ React96.createElement(
10934
- "div",
10935
- {
10936
- key: j,
10937
- className: "hawa-grid hawa-grid-cols-4 hawa-gap-x-16 hawa-border-b hawa-border-gray-200 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:hawa-border-gray-700"
10938
- },
10939
- /* @__PURE__ */ React96.createElement("div", { className: " hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-gray-400" }, feature.text, feature.description && /* @__PURE__ */ React96.createElement(Tooltip, { side: "right", content: feature.description }, /* @__PURE__ */ React96.createElement(
10940
- "svg",
10941
- {
10942
- stroke: "currentColor",
10943
- fill: "currentColor",
10944
- strokeWidth: "0",
10945
- viewBox: "0 0 16 16",
10946
- height: "1em",
10947
- width: "1em"
10948
- },
10949
- /* @__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" })
10950
- ))),
10951
- /* @__PURE__ */ React96.createElement(UncheckMark, null),
10952
- /* @__PURE__ */ React96.createElement(CheckMark, null),
10953
- /* @__PURE__ */ React96.createElement(UncheckMark, null)
10954
- );
10955
- });
10931
+ )), /* @__PURE__ */ React96.createElement("div", { className: " hawa-overflow-hidden hawa-rounded" }, /* @__PURE__ */ React96.createElement("div", { className: cn(
10932
+ "hawa-grid hawa-grid-cols-4 hawa-gap-x-2 hawa-border-b hawa-border-t hawa-p-4 hawa-text-sm hawa-font-medium",
10933
+ "hawa-border-gray-200 hawa-bg-gray-100 hawa-text-gray-900",
10934
+ "dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white"
10935
+ ) }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => /* @__PURE__ */ React96.createElement("div", { key: i, 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 hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.title), /* @__PURE__ */ React96.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-gray-500 dark:hawa-text-gray-400" }, plan.texts.subtitle)), /* @__PURE__ */ React96.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-gray-900 dark:hawa-text-white" }, /* @__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 hawa-text-gray-500 dark:hawa-text-gray-400" }, "/ ", plan.texts.cycleText))))), uniqueFeatures.map((featureText, featureIndex) => {
10936
+ var _a, _b;
10937
+ return /* @__PURE__ */ React96.createElement("div", { key: featureIndex, className: "hawa-grid hawa-grid-cols-1 md:hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-border-b 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" }, /* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-gray-500 dark:hawa-text-white" }, featureText, props.plans.some((plan) => plan.features.some((feature) => feature.text === featureText && feature.hint)) && /* @__PURE__ */ React96.createElement(Tooltip, { side: "right", content: (_b = (_a = props.plans.find((plan) => {
10938
+ var _a2;
10939
+ return (_a2 = plan.features.find((feature) => feature.text === featureText)) == null ? void 0 : _a2.hint;
10940
+ })) == null ? void 0 : _a.features.find((feature) => feature.text === featureText)) == null ? void 0 : _b.hint }, /* @__PURE__ */ React96.createElement(
10941
+ "svg",
10942
+ {
10943
+ stroke: "currentColor",
10944
+ fill: "currentColor",
10945
+ strokeWidth: "0",
10946
+ viewBox: "0 0 16 16",
10947
+ height: "1em",
10948
+ width: "1em"
10949
+ },
10950
+ /* @__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" })
10951
+ ))), props.plans.map((plan, planIndex) => {
10952
+ const feature = plan.features.find((f) => f.text === featureText);
10953
+ return /* @__PURE__ */ React96.createElement("div", { key: planIndex, className: "hawa-text-center" }, (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React96.createElement(CheckMark, { className: "dark:hawa-text-white hawa-text-black" }) : /* @__PURE__ */ React96.createElement(UncheckMark, { className: "dark:hawa-text-white hawa-text-black" }));
10954
+ }));
10956
10955
  })));
10957
10956
  };
10958
10957
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.19.22-next",
3
+ "version": "0.19.23-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",