@sikka/hawa 0.24.6-next → 0.24.8-next

package/dist/appTabs/index.js

@@ -74,7 +74,7 @@ var AppTabs = ({ tabs, className }) => {
             setSelectedIndex(index);
           },
           className: cn(
-            "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
+            "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
             "hawa-border",
             // Always have a border but make it transparent
             selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"

package/dist/appTabs/index.mjs

@@ -33,7 +33,7 @@ var AppTabs = ({ tabs, className }) => {
             setSelectedIndex(index);
           },
           className: cn(
-            "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
+            "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
             "hawa-border",
             // Always have a border but make it transparent
             selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"

package/dist/blocks/index.js

@@ -5759,6 +5759,7 @@ var PricingCard = ({
         )
       },
       props.features && /* @__PURE__ */ import_react38.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+        var _a2;
         return /* @__PURE__ */ import_react38.default.createElement(
           "li",
           {
@@ -5785,7 +5786,14 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react38.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react38.default.createElement(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ import_react38.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react38.default.createElement(
             "svg",
             {

package/dist/blocks/index.mjs

@@ -1978,6 +1978,7 @@ var PricingCard = ({
         )
       },
       props.features && /* @__PURE__ */ React23.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+        var _a2;
         return /* @__PURE__ */ React23.createElement(
           "li",
           {
@@ -2004,7 +2005,14 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ React23.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React23.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React23.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__PURE__ */ React23.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React23.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React23.createElement(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ React23.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React23.createElement(
             "svg",
             {

package/dist/blocks/pricing/index.js

@@ -608,6 +608,7 @@ var PricingCard = ({
         )
       },
       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) => {
+        var _a2;
         return /* @__PURE__ */ import_react7.default.createElement(
           "li",
           {
@@ -634,7 +635,14 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react7.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react7.default.createElement(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ import_react7.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react7.default.createElement(
             "svg",
             {

package/dist/blocks/pricing/index.mjs

@@ -91,6 +91,7 @@ var PricingCard = ({
         )
       },
       props.features && /* @__PURE__ */ React4.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+        var _a2;
         return /* @__PURE__ */ React4.createElement(
           "li",
           {
@@ -117,7 +118,14 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ React4.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React4.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React4.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__PURE__ */ React4.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React4.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React4.createElement(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ React4.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React4.createElement(
             "svg",
             {

package/dist/index.js

@@ -8834,7 +8834,7 @@ var AppTabs = ({ tabs, className }) => {
             setSelectedIndex(index);
           },
           className: cn(
-            "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
+            "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
             "hawa-border",
             // Always have a border but make it transparent
             selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
@@ -11071,6 +11071,7 @@ var PricingCard = ({
         )
       },
       props.features && /* @__PURE__ */ import_react67.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+        var _a2;
         return /* @__PURE__ */ import_react67.default.createElement(
           "li",
           {
@@ -11097,7 +11098,14 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react67.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react67.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__PURE__ */ import_react67.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react67.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react67.default.createElement(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ import_react67.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react67.default.createElement(
             "svg",
             {

package/dist/index.mjs

@@ -8608,7 +8608,7 @@ var AppTabs = ({ tabs, className }) => {
             setSelectedIndex(index);
           },
           className: cn(
-            "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
+            "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
             "hawa-border",
             // Always have a border but make it transparent
             selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
@@ -10845,6 +10845,7 @@ var PricingCard = ({
         )
       },
       props.features && /* @__PURE__ */ React95.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+        var _a2;
         return /* @__PURE__ */ React95.createElement(
           "li",
           {
@@ -10871,7 +10872,14 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ React95.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React95.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React95.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__PURE__ */ React95.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React95.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React95.createElement(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ React95.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React95.createElement(
             "svg",
             {

package/dist/layout/index.js

@@ -1955,7 +1955,7 @@ var AppTabs = ({ tabs, className }) => {
             setSelectedIndex(index);
           },
           className: cn(
-            "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
+            "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
             "hawa-border",
             // Always have a border but make it transparent
             selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"

package/dist/layout/index.mjs

@@ -1080,7 +1080,7 @@ var AppTabs = ({ tabs, className }) => {
             setSelectedIndex(index);
           },
           className: cn(
-            "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
+            "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
             "hawa-border",
             // Always have a border but make it transparent
             selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"

package/package.json

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