@sikka/hawa 0.19.24-next → 0.19.26-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.
- package/dist/index.css +0 -3
- package/dist/index.d.mts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +14 -9
- package/dist/index.mjs +14 -9
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -3999,9 +3999,6 @@ body {
|
|
|
3999
3999
|
:is(.hawa-dark .dark\:hawa-bg-primary) {
|
|
4000
4000
|
background-color: hsl(var(--primary));
|
|
4001
4001
|
}
|
|
4002
|
-
:is(.hawa-dark .dark\:hawa-bg-primary\/5) {
|
|
4003
|
-
background-color: hsl(var(--primary) / 0.05);
|
|
4004
|
-
}
|
|
4005
4002
|
:is(.hawa-dark .dark\:hawa-bg-purple-400) {
|
|
4006
4003
|
--tw-bg-opacity: 1;
|
|
4007
4004
|
background-color: rgb(192 132 252 / var(--tw-bg-opacity));
|
package/dist/index.d.mts
CHANGED
|
@@ -1008,11 +1008,11 @@ declare const ProgressCircle: React__default.ForwardRefExoticComponent<ProgressC
|
|
|
1008
1008
|
|
|
1009
1009
|
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
1010
1010
|
type NavMenuItemTypes = {
|
|
1011
|
-
icon?:
|
|
1011
|
+
icon?: React$1.ReactNode;
|
|
1012
1012
|
title: string;
|
|
1013
1013
|
subtitle?: string;
|
|
1014
1014
|
};
|
|
1015
|
-
declare const NavMenuItem: React$1.FC<NavMenuItemTypes
|
|
1015
|
+
declare const NavMenuItem: React$1.FC<NavMenuItemTypes & React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
|
|
1016
1016
|
type NavigationMenuTypes = {
|
|
1017
1017
|
items: {
|
|
1018
1018
|
trigger: any;
|
package/dist/index.d.ts
CHANGED
|
@@ -1008,11 +1008,11 @@ declare const ProgressCircle: React__default.ForwardRefExoticComponent<ProgressC
|
|
|
1008
1008
|
|
|
1009
1009
|
declare const NavigationMenuLink: React$1.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
1010
1010
|
type NavMenuItemTypes = {
|
|
1011
|
-
icon?:
|
|
1011
|
+
icon?: React$1.ReactNode;
|
|
1012
1012
|
title: string;
|
|
1013
1013
|
subtitle?: string;
|
|
1014
1014
|
};
|
|
1015
|
-
declare const NavMenuItem: React$1.FC<NavMenuItemTypes
|
|
1015
|
+
declare const NavMenuItem: React$1.FC<NavMenuItemTypes & React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>>;
|
|
1016
1016
|
type NavigationMenuTypes = {
|
|
1017
1017
|
items: {
|
|
1018
1018
|
trigger: any;
|
package/dist/index.js
CHANGED
|
@@ -3615,7 +3615,7 @@ var Radio = ({
|
|
|
3615
3615
|
var _a, _b, _c;
|
|
3616
3616
|
const [selectedOption, setSelectedOption] = (0, import_react14.useState)(props.defaultValue);
|
|
3617
3617
|
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 ";
|
|
3618
|
-
let inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-primary/10
|
|
3618
|
+
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 ";
|
|
3619
3619
|
let orientationStyle = {
|
|
3620
3620
|
horizontal: "hawa-flex hawa-flex-row",
|
|
3621
3621
|
vertical: "hawa-flex hawa-flex-col"
|
|
@@ -7557,7 +7557,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
|
|
|
7557
7557
|
{
|
|
7558
7558
|
ref,
|
|
7559
7559
|
className: cn(
|
|
7560
|
-
"hawa-absolute hawa-w-full
|
|
7560
|
+
"hawa-absolute hawa-w-full hawa-rounded hawa-left-0 hawa-top-0 ",
|
|
7561
7561
|
// "md:hawa-absolute md:hawa-w-auto hawa-left-0 hawa-top-0 ",
|
|
7562
7562
|
// animation
|
|
7563
7563
|
"data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
|
|
@@ -7568,7 +7568,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
|
|
|
7568
7568
|
));
|
|
7569
7569
|
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
7570
7570
|
var NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
7571
|
-
var NavMenuItem = (
|
|
7571
|
+
var NavMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React59.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React59.createElement("div", { className: "hawa-max-w-md hawa-rounded-inner hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React59.createElement("h1", { className: "hawa-font-bold hawa-text-xl" }, title), /* @__PURE__ */ React59.createElement("p", { className: "hawa-text-sm" }, subtitle))));
|
|
7572
7572
|
var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
|
|
7573
7573
|
"div",
|
|
7574
7574
|
{
|
|
@@ -7580,16 +7580,19 @@ var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) =
|
|
|
7580
7580
|
NavigationMenuPrimitive.Viewport,
|
|
7581
7581
|
{
|
|
7582
7582
|
className: cn(
|
|
7583
|
-
"hawa-origin-top-center hawa-relative hawa-mt-1.5
|
|
7583
|
+
"hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
|
|
7584
|
+
// hawa-h-[var(--radix-navigation-menu-viewport-height)]
|
|
7584
7585
|
// "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
|
|
7585
7586
|
className
|
|
7586
7587
|
),
|
|
7588
|
+
style: {
|
|
7589
|
+
height: "calc(var(--radix-navigation-menu-viewport-height) + 1px)"
|
|
7590
|
+
},
|
|
7587
7591
|
ref,
|
|
7588
7592
|
...props
|
|
7589
7593
|
}
|
|
7590
7594
|
)
|
|
7591
7595
|
));
|
|
7592
|
-
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
7593
7596
|
var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
|
|
7594
7597
|
NavigationMenuPrimitive.Indicator,
|
|
7595
7598
|
{
|
|
@@ -7602,7 +7605,6 @@ var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref)
|
|
|
7602
7605
|
},
|
|
7603
7606
|
/* @__PURE__ */ React59.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
|
|
7604
7607
|
));
|
|
7605
|
-
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
7606
7608
|
var NavigationMenu = ({
|
|
7607
7609
|
viewportClassNames,
|
|
7608
7610
|
...props
|
|
@@ -7632,6 +7634,8 @@ var NavigationMenu = ({
|
|
|
7632
7634
|
))))
|
|
7633
7635
|
);
|
|
7634
7636
|
};
|
|
7637
|
+
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
7638
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
7635
7639
|
|
|
7636
7640
|
// components/elements/Pagination.tsx
|
|
7637
7641
|
var import_react36 = __toESM(require("react"));
|
|
@@ -11155,12 +11159,13 @@ var ComparingPlans = (props) => {
|
|
|
11155
11159
|
{
|
|
11156
11160
|
className: cn(
|
|
11157
11161
|
"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",
|
|
11158
|
-
"hawa-
|
|
11159
|
-
"
|
|
11162
|
+
"hawa-bg-primary/5"
|
|
11163
|
+
// "hawa-border-gray-200 hawa-bg-gray-100 hawa-text-gray-900",
|
|
11164
|
+
// "dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white"
|
|
11160
11165
|
)
|
|
11161
11166
|
},
|
|
11162
11167
|
/* @__PURE__ */ import_react70.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
|
|
11163
|
-
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
|
|
11168
|
+
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 " }, 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))))
|
|
11164
11169
|
), uniqueFeatures.map((featureText, featureIndex) => {
|
|
11165
11170
|
var _a, _b;
|
|
11166
11171
|
return /* @__PURE__ */ import_react70.default.createElement(
|
package/dist/index.mjs
CHANGED
|
@@ -3382,7 +3382,7 @@ var Radio = ({
|
|
|
3382
3382
|
var _a, _b, _c;
|
|
3383
3383
|
const [selectedOption, setSelectedOption] = useState6(props.defaultValue);
|
|
3384
3384
|
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 ";
|
|
3385
|
-
let inactiveTabStyle = "hawa-inline-block hawa-py-2 hawa-px-4 hawa-w-full hawa-transition-all hover:hawa-bg-primary/10
|
|
3385
|
+
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 ";
|
|
3386
3386
|
let orientationStyle = {
|
|
3387
3387
|
horizontal: "hawa-flex hawa-flex-row",
|
|
3388
3388
|
vertical: "hawa-flex hawa-flex-col"
|
|
@@ -7339,7 +7339,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
|
|
|
7339
7339
|
{
|
|
7340
7340
|
ref,
|
|
7341
7341
|
className: cn(
|
|
7342
|
-
"hawa-absolute hawa-w-full
|
|
7342
|
+
"hawa-absolute hawa-w-full hawa-rounded hawa-left-0 hawa-top-0 ",
|
|
7343
7343
|
// "md:hawa-absolute md:hawa-w-auto hawa-left-0 hawa-top-0 ",
|
|
7344
7344
|
// animation
|
|
7345
7345
|
"data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
|
|
@@ -7350,7 +7350,7 @@ var NavigationMenuContent = React59.forwardRef(({ className, ...props }, ref) =>
|
|
|
7350
7350
|
));
|
|
7351
7351
|
NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
|
|
7352
7352
|
var NavigationMenuLink = NavigationMenuPrimitive.Link;
|
|
7353
|
-
var NavMenuItem = (
|
|
7353
|
+
var NavMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React59.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React59.createElement("div", { className: "hawa-max-w-md hawa-rounded-inner hawa-cursor-pointer hawa-p-4 hawa-py-2 hawa-flex hawa-flex-row hawa-gap-4 hawa-items-center hawa-transition-all hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React59.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React59.createElement("h1", { className: "hawa-font-bold hawa-text-xl" }, title), /* @__PURE__ */ React59.createElement("p", { className: "hawa-text-sm" }, subtitle))));
|
|
7354
7354
|
var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
|
|
7355
7355
|
"div",
|
|
7356
7356
|
{
|
|
@@ -7362,16 +7362,19 @@ var NavigationMenuViewport = React59.forwardRef(({ className, ...props }, ref) =
|
|
|
7362
7362
|
NavigationMenuPrimitive.Viewport,
|
|
7363
7363
|
{
|
|
7364
7364
|
className: cn(
|
|
7365
|
-
"hawa-origin-top-center hawa-relative hawa-mt-1.5
|
|
7365
|
+
"hawa-origin-top-center hawa-relative hawa-mt-1.5 hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
|
|
7366
|
+
// hawa-h-[var(--radix-navigation-menu-viewport-height)]
|
|
7366
7367
|
// "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
|
|
7367
7368
|
className
|
|
7368
7369
|
),
|
|
7370
|
+
style: {
|
|
7371
|
+
height: "calc(var(--radix-navigation-menu-viewport-height) + 1px)"
|
|
7372
|
+
},
|
|
7369
7373
|
ref,
|
|
7370
7374
|
...props
|
|
7371
7375
|
}
|
|
7372
7376
|
)
|
|
7373
7377
|
));
|
|
7374
|
-
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
7375
7378
|
var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
|
|
7376
7379
|
NavigationMenuPrimitive.Indicator,
|
|
7377
7380
|
{
|
|
@@ -7384,7 +7387,6 @@ var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref)
|
|
|
7384
7387
|
},
|
|
7385
7388
|
/* @__PURE__ */ React59.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
|
|
7386
7389
|
));
|
|
7387
|
-
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
7388
7390
|
var NavigationMenu = ({
|
|
7389
7391
|
viewportClassNames,
|
|
7390
7392
|
...props
|
|
@@ -7414,6 +7416,8 @@ var NavigationMenu = ({
|
|
|
7414
7416
|
))))
|
|
7415
7417
|
);
|
|
7416
7418
|
};
|
|
7419
|
+
NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
|
|
7420
|
+
NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
|
|
7417
7421
|
|
|
7418
7422
|
// components/elements/Pagination.tsx
|
|
7419
7423
|
import React60 from "react";
|
|
@@ -10939,12 +10943,13 @@ var ComparingPlans = (props) => {
|
|
|
10939
10943
|
{
|
|
10940
10944
|
className: cn(
|
|
10941
10945
|
"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",
|
|
10942
|
-
"hawa-
|
|
10943
|
-
"
|
|
10946
|
+
"hawa-bg-primary/5"
|
|
10947
|
+
// "hawa-border-gray-200 hawa-bg-gray-100 hawa-text-gray-900",
|
|
10948
|
+
// "dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-white"
|
|
10944
10949
|
)
|
|
10945
10950
|
},
|
|
10946
10951
|
/* @__PURE__ */ React96.createElement("div", { className: "hawa-flex hawa-items-center" }),
|
|
10947
|
-
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
|
|
10952
|
+
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 " }, 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))))
|
|
10948
10953
|
), uniqueFeatures.map((featureText, featureIndex) => {
|
|
10949
10954
|
var _a, _b;
|
|
10950
10955
|
return /* @__PURE__ */ React96.createElement(
|