katalyst-riya-test 0.0.2 → 0.0.10-alpha
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.cjs +28 -28
- package/dist/index.js +28 -28
- package/package.json +1 -1
- package/dist/index.css +0 -2008
package/dist/index.cjs
CHANGED
|
@@ -124,7 +124,7 @@ function AccordionItem({
|
|
|
124
124
|
{
|
|
125
125
|
className: cn(
|
|
126
126
|
"rounded-lg mb-3 shadow-cardShadow dark:shadow-none border dark:border-gray-900",
|
|
127
|
-
isOpen ? "border-
|
|
127
|
+
isOpen ? "border-primary-500 shadow-cardShadowActive dark:bg-gray-900" : "hover:border-gray-500 hover:bg-gray-100 hover:dark:bg-transparent hover:dark:border-gray-600",
|
|
128
128
|
disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
|
|
129
129
|
)
|
|
130
130
|
},
|
|
@@ -168,9 +168,9 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
|
168
168
|
{
|
|
169
169
|
variants: {
|
|
170
170
|
variant: {
|
|
171
|
-
primary: "bg-
|
|
172
|
-
"primary-light": "bg-
|
|
173
|
-
secondary: "bg-
|
|
171
|
+
primary: "bg-primary-500 text-light border hover:bg-primary-600 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#0000002E] active:bg-primary-400 active:shadow-[0px_0px_0px_3px] active:shadow-primary-300",
|
|
172
|
+
"primary-light": "bg-primary-50 text-primary-600 hover:bg-primary-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#356AC32E] active:shadow-[0px_0px_0px_3px] active:bg-primary-50 active:shadow-primary-300",
|
|
173
|
+
secondary: "bg-primary-50 text-primary-800 hover:bg-primary-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#6984AD2E] active:bg-primary-50 active:shadow-[0px_0px_0px_3px] active:shadow-primary-700",
|
|
174
174
|
tertiary: "bg-gray-100 text-gray-900 hover:bg-gray-300 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#9595952E] active:bg-gray-25 active:shadow-[0px_0px_0px_3px] active:shadow-gray-700",
|
|
175
175
|
quaternary: "bg-gray-50/[0.02] text-light backdrop-blur-[6px] hover:shadow-[inset_0px_8px_8px_-2px_#23232314] hover:backdrop-blur-md hover:bg-gray-200/10 active:bg-gray-25 active:shadow-[0px_0px_0px_3px] active:text-gray-900 active:shadow-[#46464659]"
|
|
176
176
|
},
|
|
@@ -342,7 +342,7 @@ var Checkbox = (0, import_react7.forwardRef)(
|
|
|
342
342
|
"div",
|
|
343
343
|
{
|
|
344
344
|
className: cn(
|
|
345
|
-
"group inline-flex relative items-center rounded-full border-2 border-transparent hover:border-
|
|
345
|
+
"group inline-flex relative items-center rounded-full border-2 border-transparent hover:border-primary-300",
|
|
346
346
|
disabled && "border-none"
|
|
347
347
|
)
|
|
348
348
|
},
|
|
@@ -356,7 +356,7 @@ var Checkbox = (0, import_react7.forwardRef)(
|
|
|
356
356
|
readOnly,
|
|
357
357
|
checked,
|
|
358
358
|
className: cn(
|
|
359
|
-
"peer relative h-5 w-5 cursor-pointer appearance-none rounded-full border-2 border-gray-300 transition-all checked:border-
|
|
359
|
+
"peer relative h-5 w-5 cursor-pointer appearance-none rounded-full border-2 border-gray-300 transition-all checked:border-primary-500 hover:border-primary-500 hover:bg-primary-25/25 disabled:opacity-30 disabled:pointer-events-none disabled:border-gray-400",
|
|
360
360
|
className
|
|
361
361
|
)
|
|
362
362
|
}
|
|
@@ -365,7 +365,7 @@ var Checkbox = (0, import_react7.forwardRef)(
|
|
|
365
365
|
"span",
|
|
366
366
|
{
|
|
367
367
|
className: cn(
|
|
368
|
-
"absolute text-
|
|
368
|
+
"absolute text-primary-600 transition-opacity opacity-0 pointer-events-none top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 peer-checked:opacity-100",
|
|
369
369
|
disabled && "text-gray-300"
|
|
370
370
|
)
|
|
371
371
|
},
|
|
@@ -402,9 +402,9 @@ var import_class_variance_authority5 = require("class-variance-authority");
|
|
|
402
402
|
var chipVariants = (0, import_class_variance_authority5.cva)("", {
|
|
403
403
|
variants: {
|
|
404
404
|
variant: {
|
|
405
|
-
primary: "bg-white text-
|
|
406
|
-
secondary: "bg-
|
|
407
|
-
glass: "text-
|
|
405
|
+
primary: "bg-white text-primary-500 hover:text-white hover:bg-gradient-to-r hover:from-primary-500 hover:to-primary-600",
|
|
406
|
+
secondary: "bg-primary-500 text-white hover:text-white hover:bg-gradient-to-r hover:from-primary-500 hover:to-primary-600",
|
|
407
|
+
glass: "text-primary-500"
|
|
408
408
|
},
|
|
409
409
|
size: {
|
|
410
410
|
sm: "text-sm py-1 px-3",
|
|
@@ -432,10 +432,10 @@ var Chip = ({
|
|
|
432
432
|
className: cn(
|
|
433
433
|
"rounded-radius-xl bg-gradient-to-r w-fit",
|
|
434
434
|
{
|
|
435
|
-
solid: "from-
|
|
436
|
-
primary: "from-
|
|
437
|
-
secondary: "from-
|
|
438
|
-
glass: "border border-
|
|
435
|
+
solid: "from-primary-200 to-primary-500",
|
|
436
|
+
primary: "from-primary-200 to-primary-500",
|
|
437
|
+
secondary: "from-primary-200 to-primary-500",
|
|
438
|
+
glass: "border border-primary-500"
|
|
439
439
|
}[variant || "primary"],
|
|
440
440
|
"p-[1px]"
|
|
441
441
|
)
|
|
@@ -543,12 +543,12 @@ function Footer({
|
|
|
543
543
|
"footer",
|
|
544
544
|
{
|
|
545
545
|
className: cn(
|
|
546
|
-
"bg-gradient-to-b from-gray-25 to-
|
|
546
|
+
"bg-gradient-to-b from-gray-25 to-primary-100 dark:from-primary-900 dark:to-dark",
|
|
547
547
|
className
|
|
548
548
|
)
|
|
549
549
|
},
|
|
550
550
|
children,
|
|
551
|
-
footerBottom && /* @__PURE__ */ import_react10.default.createElement("section", { className: "border-t border-
|
|
551
|
+
footerBottom && /* @__PURE__ */ import_react10.default.createElement("section", { className: "border-t border-primary-500 dark:border-primary-800 text-center py-spacing-md" }, footerBottom)
|
|
552
552
|
);
|
|
553
553
|
}
|
|
554
554
|
var FooterHeader = ({ children, className }) => {
|
|
@@ -590,20 +590,20 @@ var FooterList = ({ footerItems, target }) => {
|
|
|
590
590
|
Paragraph_default,
|
|
591
591
|
{
|
|
592
592
|
variant: "b3",
|
|
593
|
-
className: "dark:text-gray-300 hover:text-
|
|
593
|
+
className: "dark:text-gray-300 hover:text-primary-400 dark:hover:text-primary-600 text-gray-900"
|
|
594
594
|
},
|
|
595
595
|
data2?.text
|
|
596
596
|
)))))))
|
|
597
597
|
);
|
|
598
598
|
};
|
|
599
599
|
var FooterIcons = ({ icons }) => {
|
|
600
|
-
return /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-5 text-
|
|
600
|
+
return /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-5 text-primary-700 dark:text-primary-200" }, icons.map((icon, index) => /* @__PURE__ */ import_react10.default.createElement(
|
|
601
601
|
import_link.default,
|
|
602
602
|
{
|
|
603
603
|
href: icon.link,
|
|
604
604
|
key: index,
|
|
605
605
|
target: "_blank",
|
|
606
|
-
className: "hover:bg-
|
|
606
|
+
className: "hover:bg-primary-100 dark:hover:bg-primary-800 p-1 rounded-radius-sm"
|
|
607
607
|
},
|
|
608
608
|
icon.icon
|
|
609
609
|
)));
|
|
@@ -623,7 +623,7 @@ var ImageCard = ({
|
|
|
623
623
|
"div",
|
|
624
624
|
{
|
|
625
625
|
className: cn(
|
|
626
|
-
"transition-all duration-300 ease-in-out hover:ring-1 hover:ring-
|
|
626
|
+
"transition-all duration-300 ease-in-out hover:ring-1 hover:ring-brand-500 relative rounded-radius-xl overflow-hidden block z-10 bg-cover bg-no-repeat bg-center",
|
|
627
627
|
className
|
|
628
628
|
),
|
|
629
629
|
style: {
|
|
@@ -644,7 +644,7 @@ var inputVariants = (0, import_class_variance_authority6.cva)(
|
|
|
644
644
|
{
|
|
645
645
|
variants: {
|
|
646
646
|
variant: {
|
|
647
|
-
default: "dark:text-gray-500 dark:bg-gray-900 dark:border-gray-800 dark:hover:text-light dark:hover:bg-gray-800 dark:hover:border-gray-700 dark:focus-within:bg-gray-100 dark:focus-within:border-gray-800 dark:focus-within:hover:bg-gray-700 dark:focus-within:text-dark dark:has-[:disabled]:bg-gray-700 bg-gray-100 border-gray-200 text-gray-600 hover:border-gray-300 hover:text-gray-500 hover:bg-gray-300 focus-within:bg-gray-50 focus-within:border-gray-400 focus-within:text-dark focus-within:hover:text-dark focus-within:hover:border-
|
|
647
|
+
default: "dark:text-gray-500 dark:bg-gray-900 dark:border-gray-800 dark:hover:text-light dark:hover:bg-gray-800 dark:hover:border-gray-700 dark:focus-within:bg-gray-100 dark:focus-within:border-gray-800 dark:focus-within:hover:bg-gray-700 dark:focus-within:text-dark dark:has-[:disabled]:bg-gray-700 bg-gray-100 border-gray-200 text-gray-600 hover:border-gray-300 hover:text-gray-500 hover:bg-gray-300 focus-within:bg-gray-50 focus-within:border-gray-400 focus-within:text-dark focus-within:hover:text-dark focus-within:hover:border-primary-100 focus-within:hover:bg-primary-50 has-[:disabled]:bg-gray-25 has-[:disabled]:border-gray-400",
|
|
648
648
|
glass: "backdrop-blur-[3.5px] bg-light/10 dark:bg-dark/20 dark:border-gray-800 border-gray-200/50 text-light"
|
|
649
649
|
}
|
|
650
650
|
},
|
|
@@ -719,7 +719,7 @@ var ListItem = import_react14.default.forwardRef(
|
|
|
719
719
|
({ className, title, href, onClick, as = "link", variant = "solid", icon }, ref) => {
|
|
720
720
|
const pathname = (0, import_navigation.usePathname)();
|
|
721
721
|
const isActive = as === "link" && href === pathname;
|
|
722
|
-
const variantClasses = variant === "solid" ? "rounded-radius-lg hover:bg-
|
|
722
|
+
const variantClasses = variant === "solid" ? "rounded-radius-lg hover:bg-primary-50 text-dark group border border-transparent hover:border-primary-200 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:text-white leading-none no-underline outline-none transition-colors" : variant === "glass" ? "rounded-radius-lg group border border-transparent hover:border-primary-200 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:text-white leading-none no-underline outline-none transition-colors" : "";
|
|
723
723
|
if (as === "button") {
|
|
724
724
|
return /* @__PURE__ */ import_react14.default.createElement(
|
|
725
725
|
"button",
|
|
@@ -739,7 +739,7 @@ var ListItem = import_react14.default.forwardRef(
|
|
|
739
739
|
passHref: true,
|
|
740
740
|
className: cn(
|
|
741
741
|
"px-4 py-[8px] font-karla w-full flex items-center gap-2 group",
|
|
742
|
-
isActive ? "bg-
|
|
742
|
+
isActive ? "bg-primary-400 text-white border border-primary-200" : variantClasses,
|
|
743
743
|
className
|
|
744
744
|
),
|
|
745
745
|
ref
|
|
@@ -778,7 +778,7 @@ var Slider = (0, import_react15.forwardRef)(
|
|
|
778
778
|
size === "sm" ? "h-1.5" : "h-4"
|
|
779
779
|
),
|
|
780
780
|
style: {
|
|
781
|
-
background: `linear-gradient(to right,
|
|
781
|
+
background: `linear-gradient(to right, var(--primary-500) ${progress}%, #d1d5db ${progress}%)`
|
|
782
782
|
}
|
|
783
783
|
}
|
|
784
784
|
));
|
|
@@ -799,12 +799,12 @@ var StatsCard = ({
|
|
|
799
799
|
Card,
|
|
800
800
|
{
|
|
801
801
|
className: cn(
|
|
802
|
-
"border border-[#eee] hover:border-
|
|
802
|
+
"border border-[#eee] hover:border-primary-500 rounded-radius-xl bg-[#FFFFFFE5] bg-gradient-to-b bg-[#fff] hover:from-[#8EB6F8D9] hover:to-[#356AC3D9] dark:from-[#252525D9] dark:to-[#070707D9] dark:hover:from-[#1A3562D9] dark:hover:to-[#070707D9] backdrop-blur-sm px-[32px] py-[64px] group",
|
|
803
803
|
className
|
|
804
804
|
)
|
|
805
805
|
},
|
|
806
806
|
/* @__PURE__ */ import_react16.default.createElement("span", { className: "group-hover:text-white text-dark dark:text-white" }, cardIcon),
|
|
807
|
-
/* @__PURE__ */ import_react16.default.createElement(CardTitle, { className: "group-hover:text-white text-[48px] font-bold text-
|
|
807
|
+
/* @__PURE__ */ import_react16.default.createElement(CardTitle, { className: "group-hover:text-white text-[48px] font-bold text-primary-500 dark:text-white my-4" }, statTitle),
|
|
808
808
|
/* @__PURE__ */ import_react16.default.createElement(CardDescription, { className: "group-hover:text-white text-[24px] hover:text-white text-dark leading-[25px]" }, statDesc)
|
|
809
809
|
);
|
|
810
810
|
};
|
|
@@ -818,7 +818,7 @@ var textareaVariants = (0, import_class_variance_authority8.cva)(
|
|
|
818
818
|
{
|
|
819
819
|
variants: {
|
|
820
820
|
variant: {
|
|
821
|
-
default: "dark:text-gray-500 dark:bg-gray-900 dark:border-gray-800 dark:hover:text-light dark:hover:bg-gray-800 dark:hover:border-gray-700 dark:focus-within:bg-gray-100 dark:focus-within:border-gray-800 dark:focus-within:hover:bg-gray-700 dark:focus-within:text-dark dark:disabled:bg-gray-700 bg-gray-100 border-gray-200 text-gray-600 hover:border-gray-300 hover:text-gray-500 hover:bg-gray-300 focus-within:bg-gray-50 focus-within:border-gray-400 focus-within:text-dark focus-within:hover:text-dark focus-within:hover:border-
|
|
821
|
+
default: "dark:text-gray-500 dark:bg-gray-900 dark:border-gray-800 dark:hover:text-light dark:hover:bg-gray-800 dark:hover:border-gray-700 dark:focus-within:bg-gray-100 dark:focus-within:border-gray-800 dark:focus-within:hover:bg-gray-700 dark:focus-within:text-dark dark:disabled:bg-gray-700 bg-gray-100 border-gray-200 text-gray-600 hover:border-gray-300 hover:text-gray-500 hover:bg-gray-300 focus-within:bg-gray-50 focus-within:border-gray-400 focus-within:text-dark focus-within:hover:text-dark focus-within:hover:border-primary-100 focus-within:hover:bg-primary-50 disabled:bg-gray-25 disabled:border-gray-400",
|
|
822
822
|
glass: "backdrop-blur-[3.5px] bg-light/10 dark:bg-dark/20 dark:border-gray-800 border-gray-200/50 text-light"
|
|
823
823
|
}
|
|
824
824
|
},
|
|
@@ -850,7 +850,7 @@ var Textarea_default = Textarea;
|
|
|
850
850
|
var import_class_variance_authority9 = require("class-variance-authority");
|
|
851
851
|
var import_react18 = __toESM(require("react"), 1);
|
|
852
852
|
var toggleVariants = (0, import_class_variance_authority9.cva)(
|
|
853
|
-
"rounded-radius-xl bg-gray-300 transition-colors peer-checked:bg-
|
|
853
|
+
"rounded-radius-xl bg-gray-300 transition-colors peer-checked:bg-primary-500 peer-active:ring-2 peer-active:ring-primary-300",
|
|
854
854
|
{
|
|
855
855
|
variants: {
|
|
856
856
|
size: {
|
package/dist/index.js
CHANGED
|
@@ -55,7 +55,7 @@ function AccordionItem({
|
|
|
55
55
|
{
|
|
56
56
|
className: cn(
|
|
57
57
|
"rounded-lg mb-3 shadow-cardShadow dark:shadow-none border dark:border-gray-900",
|
|
58
|
-
isOpen ? "border-
|
|
58
|
+
isOpen ? "border-primary-500 shadow-cardShadowActive dark:bg-gray-900" : "hover:border-gray-500 hover:bg-gray-100 hover:dark:bg-transparent hover:dark:border-gray-600",
|
|
59
59
|
disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
|
|
60
60
|
)
|
|
61
61
|
},
|
|
@@ -99,9 +99,9 @@ var buttonVariants = cva(
|
|
|
99
99
|
{
|
|
100
100
|
variants: {
|
|
101
101
|
variant: {
|
|
102
|
-
primary: "bg-
|
|
103
|
-
"primary-light": "bg-
|
|
104
|
-
secondary: "bg-
|
|
102
|
+
primary: "bg-primary-500 text-light border hover:bg-primary-600 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#0000002E] active:bg-primary-400 active:shadow-[0px_0px_0px_3px] active:shadow-primary-300",
|
|
103
|
+
"primary-light": "bg-primary-50 text-primary-600 hover:bg-primary-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#356AC32E] active:shadow-[0px_0px_0px_3px] active:bg-primary-50 active:shadow-primary-300",
|
|
104
|
+
secondary: "bg-primary-50 text-primary-800 hover:bg-primary-200 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#6984AD2E] active:bg-primary-50 active:shadow-[0px_0px_0px_3px] active:shadow-primary-700",
|
|
105
105
|
tertiary: "bg-gray-100 text-gray-900 hover:bg-gray-300 hover:shadow-[inset_0px_2px_8px_-2px_#FFFFFF8F,inset_0px_8px_8px_-2px_#9595952E] active:bg-gray-25 active:shadow-[0px_0px_0px_3px] active:shadow-gray-700",
|
|
106
106
|
quaternary: "bg-gray-50/[0.02] text-light backdrop-blur-[6px] hover:shadow-[inset_0px_8px_8px_-2px_#23232314] hover:backdrop-blur-md hover:bg-gray-200/10 active:bg-gray-25 active:shadow-[0px_0px_0px_3px] active:text-gray-900 active:shadow-[#46464659]"
|
|
107
107
|
},
|
|
@@ -273,7 +273,7 @@ var Checkbox = forwardRef(
|
|
|
273
273
|
"div",
|
|
274
274
|
{
|
|
275
275
|
className: cn(
|
|
276
|
-
"group inline-flex relative items-center rounded-full border-2 border-transparent hover:border-
|
|
276
|
+
"group inline-flex relative items-center rounded-full border-2 border-transparent hover:border-primary-300",
|
|
277
277
|
disabled && "border-none"
|
|
278
278
|
)
|
|
279
279
|
},
|
|
@@ -287,7 +287,7 @@ var Checkbox = forwardRef(
|
|
|
287
287
|
readOnly,
|
|
288
288
|
checked,
|
|
289
289
|
className: cn(
|
|
290
|
-
"peer relative h-5 w-5 cursor-pointer appearance-none rounded-full border-2 border-gray-300 transition-all checked:border-
|
|
290
|
+
"peer relative h-5 w-5 cursor-pointer appearance-none rounded-full border-2 border-gray-300 transition-all checked:border-primary-500 hover:border-primary-500 hover:bg-primary-25/25 disabled:opacity-30 disabled:pointer-events-none disabled:border-gray-400",
|
|
291
291
|
className
|
|
292
292
|
)
|
|
293
293
|
}
|
|
@@ -296,7 +296,7 @@ var Checkbox = forwardRef(
|
|
|
296
296
|
"span",
|
|
297
297
|
{
|
|
298
298
|
className: cn(
|
|
299
|
-
"absolute text-
|
|
299
|
+
"absolute text-primary-600 transition-opacity opacity-0 pointer-events-none top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 peer-checked:opacity-100",
|
|
300
300
|
disabled && "text-gray-300"
|
|
301
301
|
)
|
|
302
302
|
},
|
|
@@ -333,9 +333,9 @@ import { cva as cva5 } from "class-variance-authority";
|
|
|
333
333
|
var chipVariants = cva5("", {
|
|
334
334
|
variants: {
|
|
335
335
|
variant: {
|
|
336
|
-
primary: "bg-white text-
|
|
337
|
-
secondary: "bg-
|
|
338
|
-
glass: "text-
|
|
336
|
+
primary: "bg-white text-primary-500 hover:text-white hover:bg-gradient-to-r hover:from-primary-500 hover:to-primary-600",
|
|
337
|
+
secondary: "bg-primary-500 text-white hover:text-white hover:bg-gradient-to-r hover:from-primary-500 hover:to-primary-600",
|
|
338
|
+
glass: "text-primary-500"
|
|
339
339
|
},
|
|
340
340
|
size: {
|
|
341
341
|
sm: "text-sm py-1 px-3",
|
|
@@ -363,10 +363,10 @@ var Chip = ({
|
|
|
363
363
|
className: cn(
|
|
364
364
|
"rounded-radius-xl bg-gradient-to-r w-fit",
|
|
365
365
|
{
|
|
366
|
-
solid: "from-
|
|
367
|
-
primary: "from-
|
|
368
|
-
secondary: "from-
|
|
369
|
-
glass: "border border-
|
|
366
|
+
solid: "from-primary-200 to-primary-500",
|
|
367
|
+
primary: "from-primary-200 to-primary-500",
|
|
368
|
+
secondary: "from-primary-200 to-primary-500",
|
|
369
|
+
glass: "border border-primary-500"
|
|
370
370
|
}[variant || "primary"],
|
|
371
371
|
"p-[1px]"
|
|
372
372
|
)
|
|
@@ -474,12 +474,12 @@ function Footer({
|
|
|
474
474
|
"footer",
|
|
475
475
|
{
|
|
476
476
|
className: cn(
|
|
477
|
-
"bg-gradient-to-b from-gray-25 to-
|
|
477
|
+
"bg-gradient-to-b from-gray-25 to-primary-100 dark:from-primary-900 dark:to-dark",
|
|
478
478
|
className
|
|
479
479
|
)
|
|
480
480
|
},
|
|
481
481
|
children,
|
|
482
|
-
footerBottom && /* @__PURE__ */ React10.createElement("section", { className: "border-t border-
|
|
482
|
+
footerBottom && /* @__PURE__ */ React10.createElement("section", { className: "border-t border-primary-500 dark:border-primary-800 text-center py-spacing-md" }, footerBottom)
|
|
483
483
|
);
|
|
484
484
|
}
|
|
485
485
|
var FooterHeader = ({ children, className }) => {
|
|
@@ -521,20 +521,20 @@ var FooterList = ({ footerItems, target }) => {
|
|
|
521
521
|
Paragraph_default,
|
|
522
522
|
{
|
|
523
523
|
variant: "b3",
|
|
524
|
-
className: "dark:text-gray-300 hover:text-
|
|
524
|
+
className: "dark:text-gray-300 hover:text-primary-400 dark:hover:text-primary-600 text-gray-900"
|
|
525
525
|
},
|
|
526
526
|
data2?.text
|
|
527
527
|
)))))))
|
|
528
528
|
);
|
|
529
529
|
};
|
|
530
530
|
var FooterIcons = ({ icons }) => {
|
|
531
|
-
return /* @__PURE__ */ React10.createElement("div", { className: "flex flex-wrap justify-center items-center gap-5 text-
|
|
531
|
+
return /* @__PURE__ */ React10.createElement("div", { className: "flex flex-wrap justify-center items-center gap-5 text-primary-700 dark:text-primary-200" }, icons.map((icon, index) => /* @__PURE__ */ React10.createElement(
|
|
532
532
|
Link,
|
|
533
533
|
{
|
|
534
534
|
href: icon.link,
|
|
535
535
|
key: index,
|
|
536
536
|
target: "_blank",
|
|
537
|
-
className: "hover:bg-
|
|
537
|
+
className: "hover:bg-primary-100 dark:hover:bg-primary-800 p-1 rounded-radius-sm"
|
|
538
538
|
},
|
|
539
539
|
icon.icon
|
|
540
540
|
)));
|
|
@@ -554,7 +554,7 @@ var ImageCard = ({
|
|
|
554
554
|
"div",
|
|
555
555
|
{
|
|
556
556
|
className: cn(
|
|
557
|
-
"transition-all duration-300 ease-in-out hover:ring-1 hover:ring-
|
|
557
|
+
"transition-all duration-300 ease-in-out hover:ring-1 hover:ring-brand-500 relative rounded-radius-xl overflow-hidden block z-10 bg-cover bg-no-repeat bg-center",
|
|
558
558
|
className
|
|
559
559
|
),
|
|
560
560
|
style: {
|
|
@@ -575,7 +575,7 @@ var inputVariants = cva6(
|
|
|
575
575
|
{
|
|
576
576
|
variants: {
|
|
577
577
|
variant: {
|
|
578
|
-
default: "dark:text-gray-500 dark:bg-gray-900 dark:border-gray-800 dark:hover:text-light dark:hover:bg-gray-800 dark:hover:border-gray-700 dark:focus-within:bg-gray-100 dark:focus-within:border-gray-800 dark:focus-within:hover:bg-gray-700 dark:focus-within:text-dark dark:has-[:disabled]:bg-gray-700 bg-gray-100 border-gray-200 text-gray-600 hover:border-gray-300 hover:text-gray-500 hover:bg-gray-300 focus-within:bg-gray-50 focus-within:border-gray-400 focus-within:text-dark focus-within:hover:text-dark focus-within:hover:border-
|
|
578
|
+
default: "dark:text-gray-500 dark:bg-gray-900 dark:border-gray-800 dark:hover:text-light dark:hover:bg-gray-800 dark:hover:border-gray-700 dark:focus-within:bg-gray-100 dark:focus-within:border-gray-800 dark:focus-within:hover:bg-gray-700 dark:focus-within:text-dark dark:has-[:disabled]:bg-gray-700 bg-gray-100 border-gray-200 text-gray-600 hover:border-gray-300 hover:text-gray-500 hover:bg-gray-300 focus-within:bg-gray-50 focus-within:border-gray-400 focus-within:text-dark focus-within:hover:text-dark focus-within:hover:border-primary-100 focus-within:hover:bg-primary-50 has-[:disabled]:bg-gray-25 has-[:disabled]:border-gray-400",
|
|
579
579
|
glass: "backdrop-blur-[3.5px] bg-light/10 dark:bg-dark/20 dark:border-gray-800 border-gray-200/50 text-light"
|
|
580
580
|
}
|
|
581
581
|
},
|
|
@@ -650,7 +650,7 @@ var ListItem = React14.forwardRef(
|
|
|
650
650
|
({ className, title, href, onClick, as = "link", variant = "solid", icon }, ref) => {
|
|
651
651
|
const pathname = usePathname();
|
|
652
652
|
const isActive = as === "link" && href === pathname;
|
|
653
|
-
const variantClasses = variant === "solid" ? "rounded-radius-lg hover:bg-
|
|
653
|
+
const variantClasses = variant === "solid" ? "rounded-radius-lg hover:bg-primary-50 text-dark group border border-transparent hover:border-primary-200 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:text-white leading-none no-underline outline-none transition-colors" : variant === "glass" ? "rounded-radius-lg group border border-transparent hover:border-primary-200 focus:outline-none focus:ring-1 focus:ring-primary-500 focus:text-white leading-none no-underline outline-none transition-colors" : "";
|
|
654
654
|
if (as === "button") {
|
|
655
655
|
return /* @__PURE__ */ React14.createElement(
|
|
656
656
|
"button",
|
|
@@ -670,7 +670,7 @@ var ListItem = React14.forwardRef(
|
|
|
670
670
|
passHref: true,
|
|
671
671
|
className: cn(
|
|
672
672
|
"px-4 py-[8px] font-karla w-full flex items-center gap-2 group",
|
|
673
|
-
isActive ? "bg-
|
|
673
|
+
isActive ? "bg-primary-400 text-white border border-primary-200" : variantClasses,
|
|
674
674
|
className
|
|
675
675
|
),
|
|
676
676
|
ref
|
|
@@ -709,7 +709,7 @@ var Slider = forwardRef3(
|
|
|
709
709
|
size === "sm" ? "h-1.5" : "h-4"
|
|
710
710
|
),
|
|
711
711
|
style: {
|
|
712
|
-
background: `linear-gradient(to right,
|
|
712
|
+
background: `linear-gradient(to right, var(--primary-500) ${progress}%, #d1d5db ${progress}%)`
|
|
713
713
|
}
|
|
714
714
|
}
|
|
715
715
|
));
|
|
@@ -730,12 +730,12 @@ var StatsCard = ({
|
|
|
730
730
|
Card,
|
|
731
731
|
{
|
|
732
732
|
className: cn(
|
|
733
|
-
"border border-[#eee] hover:border-
|
|
733
|
+
"border border-[#eee] hover:border-primary-500 rounded-radius-xl bg-[#FFFFFFE5] bg-gradient-to-b bg-[#fff] hover:from-[#8EB6F8D9] hover:to-[#356AC3D9] dark:from-[#252525D9] dark:to-[#070707D9] dark:hover:from-[#1A3562D9] dark:hover:to-[#070707D9] backdrop-blur-sm px-[32px] py-[64px] group",
|
|
734
734
|
className
|
|
735
735
|
)
|
|
736
736
|
},
|
|
737
737
|
/* @__PURE__ */ React16.createElement("span", { className: "group-hover:text-white text-dark dark:text-white" }, cardIcon),
|
|
738
|
-
/* @__PURE__ */ React16.createElement(CardTitle, { className: "group-hover:text-white text-[48px] font-bold text-
|
|
738
|
+
/* @__PURE__ */ React16.createElement(CardTitle, { className: "group-hover:text-white text-[48px] font-bold text-primary-500 dark:text-white my-4" }, statTitle),
|
|
739
739
|
/* @__PURE__ */ React16.createElement(CardDescription, { className: "group-hover:text-white text-[24px] hover:text-white text-dark leading-[25px]" }, statDesc)
|
|
740
740
|
);
|
|
741
741
|
};
|
|
@@ -751,7 +751,7 @@ var textareaVariants = cva8(
|
|
|
751
751
|
{
|
|
752
752
|
variants: {
|
|
753
753
|
variant: {
|
|
754
|
-
default: "dark:text-gray-500 dark:bg-gray-900 dark:border-gray-800 dark:hover:text-light dark:hover:bg-gray-800 dark:hover:border-gray-700 dark:focus-within:bg-gray-100 dark:focus-within:border-gray-800 dark:focus-within:hover:bg-gray-700 dark:focus-within:text-dark dark:disabled:bg-gray-700 bg-gray-100 border-gray-200 text-gray-600 hover:border-gray-300 hover:text-gray-500 hover:bg-gray-300 focus-within:bg-gray-50 focus-within:border-gray-400 focus-within:text-dark focus-within:hover:text-dark focus-within:hover:border-
|
|
754
|
+
default: "dark:text-gray-500 dark:bg-gray-900 dark:border-gray-800 dark:hover:text-light dark:hover:bg-gray-800 dark:hover:border-gray-700 dark:focus-within:bg-gray-100 dark:focus-within:border-gray-800 dark:focus-within:hover:bg-gray-700 dark:focus-within:text-dark dark:disabled:bg-gray-700 bg-gray-100 border-gray-200 text-gray-600 hover:border-gray-300 hover:text-gray-500 hover:bg-gray-300 focus-within:bg-gray-50 focus-within:border-gray-400 focus-within:text-dark focus-within:hover:text-dark focus-within:hover:border-primary-100 focus-within:hover:bg-primary-50 disabled:bg-gray-25 disabled:border-gray-400",
|
|
755
755
|
glass: "backdrop-blur-[3.5px] bg-light/10 dark:bg-dark/20 dark:border-gray-800 border-gray-200/50 text-light"
|
|
756
756
|
}
|
|
757
757
|
},
|
|
@@ -783,7 +783,7 @@ var Textarea_default = Textarea;
|
|
|
783
783
|
import { cva as cva9 } from "class-variance-authority";
|
|
784
784
|
import React18, { forwardRef as forwardRef5 } from "react";
|
|
785
785
|
var toggleVariants = cva9(
|
|
786
|
-
"rounded-radius-xl bg-gray-300 transition-colors peer-checked:bg-
|
|
786
|
+
"rounded-radius-xl bg-gray-300 transition-colors peer-checked:bg-primary-500 peer-active:ring-2 peer-active:ring-primary-300",
|
|
787
787
|
{
|
|
788
788
|
variants: {
|
|
789
789
|
size: {
|