katalyst-riya-test 0.1.3 → 0.1.4

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.cjs +75 -74
  2. package/dist/index.d.cts +36 -37
  3. package/dist/index.d.ts +36 -37
  4. package/dist/index.js +27 -26
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -232,6 +232,7 @@ var Caption_default = Caption;
232
232
 
233
233
  // src/components/Card.tsx
234
234
  var import_image = __toESM(require("next/image"), 1);
235
+ var import_react6 = __toESM(require("react"), 1);
235
236
 
236
237
  // src/components/Typography.tsx
237
238
  var import_class_variance_authority3 = require("class-variance-authority");
@@ -301,10 +302,10 @@ var Paragraph_default = Paragraph;
301
302
 
302
303
  // src/components/Card.tsx
303
304
  function Card({ children, className }) {
304
- return /* @__PURE__ */ React.createElement("article", { className }, children);
305
+ return /* @__PURE__ */ import_react6.default.createElement("article", { className }, children);
305
306
  }
306
- var CardIcon = ({ children, className }) => /* @__PURE__ */ React.createElement("span", { className }, children);
307
- var CardHeader = ({ children, className }) => /* @__PURE__ */ React.createElement("div", { className }, children);
307
+ var CardIcon = ({ children, className }) => /* @__PURE__ */ import_react6.default.createElement("span", { className }, children);
308
+ var CardHeader = ({ children, className }) => /* @__PURE__ */ import_react6.default.createElement("div", { className }, children);
308
309
  var CardBg = ({
309
310
  children,
310
311
  className,
@@ -312,7 +313,7 @@ var CardBg = ({
312
313
  alt = "Card",
313
314
  width = 300,
314
315
  height = 200
315
- }) => /* @__PURE__ */ React.createElement("div", { className: cn("relative", className) }, src && /* @__PURE__ */ React.createElement(
316
+ }) => /* @__PURE__ */ import_react6.default.createElement("div", { className: cn("relative", className) }, src && /* @__PURE__ */ import_react6.default.createElement(
316
317
  import_image.default,
317
318
  {
318
319
  src,
@@ -321,17 +322,17 @@ var CardBg = ({
321
322
  height,
322
323
  layout: "responsive"
323
324
  }
324
- ), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0" }, children));
325
- var CardTitle = ({ children, className }) => /* @__PURE__ */ React.createElement(Typography_default, { variant: "h4", className }, children);
326
- var CardDescription = ({ children, className }) => /* @__PURE__ */ React.createElement(Paragraph_default, { variant: "b1", className: cn("text-light", className) }, children);
327
- var CardContent = ({ children, className }) => /* @__PURE__ */ React.createElement("div", { className: cn("font-karla text-white", className) }, children);
328
- var CardFooter = ({ children, className }) => /* @__PURE__ */ React.createElement("div", { className: cn("font-karla text-white", className) }, children);
325
+ ), /* @__PURE__ */ import_react6.default.createElement("div", { className: "absolute inset-0" }, children));
326
+ var CardTitle = ({ children, className }) => /* @__PURE__ */ import_react6.default.createElement(Typography_default, { variant: "h4", className }, children);
327
+ var CardDescription = ({ children, className }) => /* @__PURE__ */ import_react6.default.createElement(Paragraph_default, { variant: "b1", className: cn("text-light", className) }, children);
328
+ var CardContent = ({ children, className }) => /* @__PURE__ */ import_react6.default.createElement("div", { className: cn("font-karla text-white", className) }, children);
329
+ var CardFooter = ({ children, className }) => /* @__PURE__ */ import_react6.default.createElement("div", { className: cn("font-karla text-white", className) }, children);
329
330
 
330
331
  // src/components/Checkbox.tsx
331
- var import_react6 = __toESM(require("react"), 1);
332
- var Checkbox = (0, import_react6.forwardRef)(
332
+ var import_react7 = __toESM(require("react"), 1);
333
+ var Checkbox = (0, import_react7.forwardRef)(
333
334
  ({ disabled, checked, className, children, readOnly, ...props }, ref) => {
334
- return /* @__PURE__ */ import_react6.default.createElement(
335
+ return /* @__PURE__ */ import_react7.default.createElement(
335
336
  "div",
336
337
  {
337
338
  className: cn(
@@ -339,7 +340,7 @@ var Checkbox = (0, import_react6.forwardRef)(
339
340
  disabled && "border-none"
340
341
  )
341
342
  },
342
- /* @__PURE__ */ import_react6.default.createElement(
343
+ /* @__PURE__ */ import_react7.default.createElement(
343
344
  "input",
344
345
  {
345
346
  type: "checkbox",
@@ -354,7 +355,7 @@ var Checkbox = (0, import_react6.forwardRef)(
354
355
  )
355
356
  }
356
357
  ),
357
- /* @__PURE__ */ import_react6.default.createElement(
358
+ /* @__PURE__ */ import_react7.default.createElement(
358
359
  "span",
359
360
  {
360
361
  className: cn(
@@ -362,7 +363,7 @@ var Checkbox = (0, import_react6.forwardRef)(
362
363
  disabled && "text-gray-300"
363
364
  )
364
365
  },
365
- /* @__PURE__ */ import_react6.default.createElement(
366
+ /* @__PURE__ */ import_react7.default.createElement(
366
367
  "svg",
367
368
  {
368
369
  xmlns: "http://www.w3.org/2000/svg",
@@ -372,7 +373,7 @@ var Checkbox = (0, import_react6.forwardRef)(
372
373
  stroke: "currentColor",
373
374
  strokeWidth: "0.3"
374
375
  },
375
- /* @__PURE__ */ import_react6.default.createElement(
376
+ /* @__PURE__ */ import_react7.default.createElement(
376
377
  "path",
377
378
  {
378
379
  fillRule: "evenodd",
@@ -390,7 +391,7 @@ Checkbox.displayName = "Checkbox";
390
391
  var Checkbox_default = Checkbox;
391
392
 
392
393
  // src/components/Chip.tsx
393
- var import_react7 = __toESM(require("react"), 1);
394
+ var import_react8 = __toESM(require("react"), 1);
394
395
  var import_class_variance_authority5 = require("class-variance-authority");
395
396
  var chipVariants = (0, import_class_variance_authority5.cva)("", {
396
397
  variants: {
@@ -419,7 +420,7 @@ var Chip = ({
419
420
  size,
420
421
  ...props
421
422
  }) => {
422
- return /* @__PURE__ */ import_react7.default.createElement(
423
+ return /* @__PURE__ */ import_react8.default.createElement(
423
424
  "div",
424
425
  {
425
426
  className: cn(
@@ -433,7 +434,7 @@ var Chip = ({
433
434
  "p-[1px]"
434
435
  )
435
436
  },
436
- /* @__PURE__ */ import_react7.default.createElement(
437
+ /* @__PURE__ */ import_react8.default.createElement(
437
438
  "div",
438
439
  {
439
440
  ...props,
@@ -453,16 +454,16 @@ var Chip = ({
453
454
  var Chip_default = Chip;
454
455
 
455
456
  // src/components/Dropdown.tsx
456
- var import_react8 = __toESM(require("react"), 1);
457
+ var import_react9 = __toESM(require("react"), 1);
457
458
  var import_hi2 = require("react-icons/hi2");
458
459
  function Dropdown({
459
460
  triggerIcon,
460
461
  children,
461
462
  width = "250px"
462
463
  }) {
463
- const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
464
- const dropdownRef = (0, import_react8.useRef)(null);
465
- (0, import_react8.useEffect)(() => {
464
+ const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
465
+ const dropdownRef = (0, import_react9.useRef)(null);
466
+ (0, import_react9.useEffect)(() => {
466
467
  const handleClickOutside = (event) => {
467
468
  if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
468
469
  setIsOpen(false);
@@ -473,15 +474,15 @@ function Dropdown({
473
474
  document.removeEventListener("mousedown", handleClickOutside);
474
475
  };
475
476
  }, []);
476
- return /* @__PURE__ */ import_react8.default.createElement("div", { className: "relative w-full font-karla", ref: dropdownRef }, /* @__PURE__ */ import_react8.default.createElement(
477
+ return /* @__PURE__ */ import_react9.default.createElement("div", { className: "relative w-full font-karla", ref: dropdownRef }, /* @__PURE__ */ import_react9.default.createElement(
477
478
  "div",
478
479
  {
479
480
  className: "cursor-pointer",
480
481
  onClick: () => setIsOpen(!isOpen),
481
482
  "aria-label": "Open menu"
482
483
  },
483
- triggerIcon || /* @__PURE__ */ import_react8.default.createElement("span", null, "\u2630")
484
- ), isOpen && /* @__PURE__ */ import_react8.default.createElement(
484
+ triggerIcon || /* @__PURE__ */ import_react9.default.createElement("span", null, "\u2630")
485
+ ), isOpen && /* @__PURE__ */ import_react9.default.createElement(
485
486
  "div",
486
487
  {
487
488
  style: { width },
@@ -495,7 +496,7 @@ var MenuItem = ({
495
496
  onClick,
496
497
  disabled,
497
498
  children
498
- }) => /* @__PURE__ */ import_react8.default.createElement(
499
+ }) => /* @__PURE__ */ import_react9.default.createElement(
499
500
  "button",
500
501
  {
501
502
  className: cn(
@@ -506,33 +507,33 @@ var MenuItem = ({
506
507
  disabled
507
508
  },
508
509
  label,
509
- children && /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, children)
510
+ children && /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, children)
510
511
  );
511
512
  var MenuSubItem = ({
512
513
  label,
513
514
  children
514
515
  }) => {
515
- const [isSubOpen, setIsSubOpen] = (0, import_react8.useState)(false);
516
- return /* @__PURE__ */ import_react8.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react8.default.createElement(
516
+ const [isSubOpen, setIsSubOpen] = (0, import_react9.useState)(false);
517
+ return /* @__PURE__ */ import_react9.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react9.default.createElement(
517
518
  "section",
518
519
  {
519
520
  onClick: () => setIsSubOpen(!isSubOpen),
520
521
  className: "cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-600 border-t border-b border-gray-200 p-4 flex justify-between items-center gap-1 w-full text-left"
521
522
  },
522
- /* @__PURE__ */ import_react8.default.createElement("span", null, label),
523
- isSubOpen ? /* @__PURE__ */ import_react8.default.createElement(import_hi2.HiChevronUp, null) : /* @__PURE__ */ import_react8.default.createElement(import_hi2.HiChevronDown, null)
524
- ), isSubOpen && /* @__PURE__ */ import_react8.default.createElement("div", { className: "bg-gray-100 border-gray-200 dark:bg-gray-700 dark:border-gray-600 dark:text-white" }, children));
523
+ /* @__PURE__ */ import_react9.default.createElement("span", null, label),
524
+ isSubOpen ? /* @__PURE__ */ import_react9.default.createElement(import_hi2.HiChevronUp, null) : /* @__PURE__ */ import_react9.default.createElement(import_hi2.HiChevronDown, null)
525
+ ), isSubOpen && /* @__PURE__ */ import_react9.default.createElement("div", { className: "bg-gray-100 border-gray-200 dark:bg-gray-700 dark:border-gray-600 dark:text-white" }, children));
525
526
  };
526
527
 
527
528
  // src/components/Footer.tsx
528
- var import_react9 = __toESM(require("react"), 1);
529
+ var import_react10 = __toESM(require("react"), 1);
529
530
  var import_link = __toESM(require("next/link"), 1);
530
531
  function Footer({
531
532
  children,
532
533
  className,
533
534
  footerBottom
534
535
  }) {
535
- return /* @__PURE__ */ import_react9.default.createElement(
536
+ return /* @__PURE__ */ import_react10.default.createElement(
536
537
  "footer",
537
538
  {
538
539
  className: cn(
@@ -541,11 +542,11 @@ function Footer({
541
542
  )
542
543
  },
543
544
  children,
544
- footerBottom && /* @__PURE__ */ import_react9.default.createElement("section", { className: "border-t border-brand-500 dark:border-brand-800 text-center py-spacing-md" }, footerBottom)
545
+ footerBottom && /* @__PURE__ */ import_react10.default.createElement("section", { className: "border-t border-brand-500 dark:border-brand-800 text-center py-spacing-md" }, footerBottom)
545
546
  );
546
547
  }
547
548
  var FooterHeader = ({ children, className }) => {
548
- return /* @__PURE__ */ import_react9.default.createElement(
549
+ return /* @__PURE__ */ import_react10.default.createElement(
549
550
  "div",
550
551
  {
551
552
  className: cn(
@@ -557,7 +558,7 @@ var FooterHeader = ({ children, className }) => {
557
558
  );
558
559
  };
559
560
  var FooterContent = ({ children, className }) => {
560
- return /* @__PURE__ */ import_react9.default.createElement(
561
+ return /* @__PURE__ */ import_react10.default.createElement(
561
562
  "section",
562
563
  {
563
564
  className: cn(
@@ -569,7 +570,7 @@ var FooterContent = ({ children, className }) => {
569
570
  );
570
571
  };
571
572
  var FooterList = ({ footerItems, target }) => {
572
- return /* @__PURE__ */ import_react9.default.createElement("div", { className: "grid lg:grid-cols-3 md:grid-cols-2 place-items-start gap-12 text-center md:text-left" }, footerItems?.map((data, i) => /* @__PURE__ */ import_react9.default.createElement("div", { key: i, className: "space-y-5 w-full" }, /* @__PURE__ */ import_react9.default.createElement(Typography_default, { variant: "h5" }, data?.label), /* @__PURE__ */ import_react9.default.createElement("ul", { className: "space-y-2.5 list-none" }, data.content?.map((data2, i2) => /* @__PURE__ */ import_react9.default.createElement("li", { key: i2 }, /* @__PURE__ */ import_react9.default.createElement(import_link.default, { href: data2?.link, target }, /* @__PURE__ */ import_react9.default.createElement(
573
+ return /* @__PURE__ */ import_react10.default.createElement("div", { className: "grid lg:grid-cols-3 md:grid-cols-2 place-items-start gap-12 text-center md:text-left" }, footerItems?.map((data, i) => /* @__PURE__ */ import_react10.default.createElement("div", { key: i, className: "space-y-5 w-full" }, /* @__PURE__ */ import_react10.default.createElement(Typography_default, { variant: "h5" }, data?.label), /* @__PURE__ */ import_react10.default.createElement("ul", { className: "space-y-2.5 list-none" }, data.content?.map((data2, i2) => /* @__PURE__ */ import_react10.default.createElement("li", { key: i2 }, /* @__PURE__ */ import_react10.default.createElement(import_link.default, { href: data2?.link, target }, /* @__PURE__ */ import_react10.default.createElement(
573
574
  Paragraph_default,
574
575
  {
575
576
  variant: "b3",
@@ -579,7 +580,7 @@ var FooterList = ({ footerItems, target }) => {
579
580
  ))))))));
580
581
  };
581
582
  var FooterIcons = ({ icons }) => {
582
- return /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-5 text-brand-700 dark:text-brand-200" }, icons.map((icon, index) => /* @__PURE__ */ import_react9.default.createElement(
583
+ return /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-wrap justify-center items-center gap-5 text-brand-700 dark:text-brand-200" }, icons.map((icon, index) => /* @__PURE__ */ import_react10.default.createElement(
583
584
  import_link.default,
584
585
  {
585
586
  href: icon.link,
@@ -592,7 +593,7 @@ var FooterIcons = ({ icons }) => {
592
593
  };
593
594
 
594
595
  // src/components/ImageCard.tsx
595
- var import_react10 = __toESM(require("react"), 1);
596
+ var import_react11 = __toESM(require("react"), 1);
596
597
  var ImageCard = ({
597
598
  cardTitle,
598
599
  cardDesc,
@@ -601,7 +602,7 @@ var ImageCard = ({
601
602
  className = ""
602
603
  }) => {
603
604
  const backgroundImage = `url('${cardImg}')`;
604
- return /* @__PURE__ */ import_react10.default.createElement(
605
+ return /* @__PURE__ */ import_react11.default.createElement(
605
606
  "div",
606
607
  {
607
608
  className: cn(
@@ -612,15 +613,15 @@ var ImageCard = ({
612
613
  backgroundImage
613
614
  }
614
615
  },
615
- /* @__PURE__ */ import_react10.default.createElement("div", { className: "absolute inset-0 z-[-5] transition-all duration-300 ease-in-out bg-gradient-to-b from-transparent via-black/50 to-black" }),
616
- /* @__PURE__ */ import_react10.default.createElement("section", { className: "p-[32px] w-full h-full flex flex-col justify-end font-karla hover:bg-gradient-to-b hover:from-black/60 hover:via-black/70 hover:to-[#070707]" }, /* @__PURE__ */ import_react10.default.createElement(CardTitle, { className: "text-[24px] font-bold text-white mt-4 mb-6" }, cardTitle), /* @__PURE__ */ import_react10.default.createElement(CardDescription, { className: "text-[20px] leading-[25px] text-white" }, cardDesc), /* @__PURE__ */ import_react10.default.createElement("div", null, children))
616
+ /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute inset-0 z-[-5] transition-all duration-300 ease-in-out bg-gradient-to-b from-transparent via-black/50 to-black" }),
617
+ /* @__PURE__ */ import_react11.default.createElement("section", { className: "p-[32px] w-full h-full flex flex-col justify-end font-karla hover:bg-gradient-to-b hover:from-black/60 hover:via-black/70 hover:to-[#070707]" }, /* @__PURE__ */ import_react11.default.createElement(CardTitle, { className: "text-[24px] font-bold text-white mt-4 mb-6" }, cardTitle), /* @__PURE__ */ import_react11.default.createElement(CardDescription, { className: "text-[20px] leading-[25px] text-white" }, cardDesc), /* @__PURE__ */ import_react11.default.createElement("div", null, children))
617
618
  );
618
619
  };
619
620
  var ImageCard_default = ImageCard;
620
621
 
621
622
  // src/components/Input.tsx
622
623
  var import_class_variance_authority6 = require("class-variance-authority");
623
- var import_react11 = __toESM(require("react"), 1);
624
+ var import_react12 = __toESM(require("react"), 1);
624
625
  var inputVariants = (0, import_class_variance_authority6.cva)(
625
626
  "flex items-center text-sm gap-2 py-2 px-4 rounded-radius-md border font-karla has-[:disabled]:opacity-30 has-[:disabled]:select-none has-[:disabled]:pointer-events-none",
626
627
  {
@@ -635,9 +636,9 @@ var inputVariants = (0, import_class_variance_authority6.cva)(
635
636
  }
636
637
  }
637
638
  );
638
- var Input = (0, import_react11.forwardRef)(
639
+ var Input = (0, import_react12.forwardRef)(
639
640
  ({ startIcon, endIcon, className, variant, type, disabled, ...props }, ref) => {
640
- return /* @__PURE__ */ import_react11.default.createElement("div", { className: cn(inputVariants({ variant, className })) }, startIcon, /* @__PURE__ */ import_react11.default.createElement(
641
+ return /* @__PURE__ */ import_react12.default.createElement("div", { className: cn(inputVariants({ variant, className })) }, startIcon, /* @__PURE__ */ import_react12.default.createElement(
641
642
  "input",
642
643
  {
643
644
  ...props,
@@ -654,7 +655,7 @@ var Input_default = Input;
654
655
 
655
656
  // src/components/Label.tsx
656
657
  var import_class_variance_authority7 = require("class-variance-authority");
657
- var import_react12 = __toESM(require("react"), 1);
658
+ var import_react13 = __toESM(require("react"), 1);
658
659
  var labelVariants = (0, import_class_variance_authority7.cva)("font-medium text-dark dark:text-light", {
659
660
  variants: {
660
661
  size: {
@@ -676,7 +677,7 @@ var Label = ({
676
677
  className,
677
678
  ...props
678
679
  }) => {
679
- return /* @__PURE__ */ import_react12.default.createElement(
680
+ return /* @__PURE__ */ import_react13.default.createElement(
680
681
  "label",
681
682
  {
682
683
  htmlFor,
@@ -688,22 +689,22 @@ var Label = ({
688
689
  ...props
689
690
  },
690
691
  children,
691
- required && /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-error" }, "*")
692
+ required && /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-error" }, "*")
692
693
  );
693
694
  };
694
695
  var Label_default = Label;
695
696
 
696
697
  // src/components/ListItem.tsx
697
698
  var import_link2 = __toESM(require("next/link"), 1);
698
- var import_react13 = __toESM(require("react"), 1);
699
+ var import_react14 = __toESM(require("react"), 1);
699
700
  var import_navigation = require("next/navigation");
700
- var ListItem = import_react13.default.forwardRef(
701
+ var ListItem = import_react14.default.forwardRef(
701
702
  ({ className, title, href, onClick, as = "link", variant = "solid" }, ref) => {
702
703
  const pathname = (0, import_navigation.usePathname)();
703
704
  const isActive = as === "link" && href === pathname;
704
705
  const variantClasses = variant === "solid" ? "rounded-radius-lg hover:bg-brand-50 group border border-transparent hover:border-brand-200 focus:outline-none focus:ring-1 focus:ring-brand-500 focus:text-white leading-none no-underline outline-none transition-colors" : variant === "glass" ? "rounded-radius-lg group border border-transparent hover:border-brand-200 focus:outline-none focus:ring-1 focus:ring-brand-500 focus:text-white leading-none no-underline outline-none transition-colors" : "";
705
706
  if (as === "button") {
706
- return /* @__PURE__ */ import_react13.default.createElement(
707
+ return /* @__PURE__ */ import_react14.default.createElement(
707
708
  "button",
708
709
  {
709
710
  className: cn(
@@ -714,7 +715,7 @@ var ListItem = import_react13.default.forwardRef(
714
715
  onClick,
715
716
  ref
716
717
  },
717
- /* @__PURE__ */ import_react13.default.createElement(
718
+ /* @__PURE__ */ import_react14.default.createElement(
718
719
  Typography_default,
719
720
  {
720
721
  variant: "h6",
@@ -724,7 +725,7 @@ var ListItem = import_react13.default.forwardRef(
724
725
  )
725
726
  );
726
727
  }
727
- return /* @__PURE__ */ import_react13.default.createElement(
728
+ return /* @__PURE__ */ import_react14.default.createElement(
728
729
  import_link2.default,
729
730
  {
730
731
  href: href ?? "",
@@ -736,7 +737,7 @@ var ListItem = import_react13.default.forwardRef(
736
737
  ),
737
738
  ref
738
739
  },
739
- /* @__PURE__ */ import_react13.default.createElement(
740
+ /* @__PURE__ */ import_react14.default.createElement(
740
741
  Typography_default,
741
742
  {
742
743
  variant: "h6",
@@ -751,11 +752,11 @@ ListItem.displayName = "ListItem";
751
752
  var ListItem_default = ListItem;
752
753
 
753
754
  // src/components/Slider.tsx
754
- var import_react14 = __toESM(require("react"), 1);
755
- var Slider = (0, import_react14.forwardRef)(
755
+ var import_react15 = __toESM(require("react"), 1);
756
+ var Slider = (0, import_react15.forwardRef)(
756
757
  ({ value, min = 0, max = 100, size = "sm", sliderColor, ...props }, ref) => {
757
758
  const progress = (value - min) / (max - min) * 100;
758
- return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
759
+ return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
759
760
  "input",
760
761
  {
761
762
  ref,
@@ -772,7 +773,7 @@ var Slider = (0, import_react14.forwardRef)(
772
773
  background: `linear-gradient(to right, ${sliderColor ?? "#8EB6F8"} ${progress}%, #d1d5db ${progress}%)`
773
774
  }
774
775
  }
775
- ), /* @__PURE__ */ import_react14.default.createElement("style", { jsx: true }, `
776
+ ), /* @__PURE__ */ import_react15.default.createElement("style", { jsx: true }, `
776
777
  .slider {
777
778
  -webkit-appearance: none;
778
779
  appearance: none;
@@ -815,14 +816,14 @@ Slider.displayName = "Slider";
815
816
  var Slider_default = Slider;
816
817
 
817
818
  // src/components/StatsCard.tsx
818
- var import_react15 = __toESM(require("react"), 1);
819
+ var import_react16 = __toESM(require("react"), 1);
819
820
  var StatsCard = ({
820
821
  statTitle,
821
822
  statDesc,
822
823
  className,
823
824
  cardIcon
824
825
  }) => {
825
- return /* @__PURE__ */ import_react15.default.createElement(
826
+ return /* @__PURE__ */ import_react16.default.createElement(
826
827
  Card,
827
828
  {
828
829
  className: cn(
@@ -830,16 +831,16 @@ var StatsCard = ({
830
831
  className
831
832
  )
832
833
  },
833
- /* @__PURE__ */ import_react15.default.createElement("span", { className: "group-hover:text-white text-dark dark:text-white" }, cardIcon),
834
- /* @__PURE__ */ import_react15.default.createElement(CardTitle, { className: "group-hover:text-white text-[48px] font-bold text-brand-500 dark:text-white my-4" }, statTitle),
835
- /* @__PURE__ */ import_react15.default.createElement(CardDescription, { className: "group-hover:text-white text-[24px] hover:text-white text-dark leading-[25px]" }, statDesc)
834
+ /* @__PURE__ */ import_react16.default.createElement("span", { className: "group-hover:text-white text-dark dark:text-white" }, cardIcon),
835
+ /* @__PURE__ */ import_react16.default.createElement(CardTitle, { className: "group-hover:text-white text-[48px] font-bold text-brand-500 dark:text-white my-4" }, statTitle),
836
+ /* @__PURE__ */ import_react16.default.createElement(CardDescription, { className: "group-hover:text-white text-[24px] hover:text-white text-dark leading-[25px]" }, statDesc)
836
837
  );
837
838
  };
838
839
  var StatsCard_default = StatsCard;
839
840
 
840
841
  // src/components/Textarea.tsx
841
842
  var import_class_variance_authority8 = require("class-variance-authority");
842
- var import_react16 = __toESM(require("react"), 1);
843
+ var import_react17 = __toESM(require("react"), 1);
843
844
  var textareaVariants = (0, import_class_variance_authority8.cva)(
844
845
  "flex items-center gap-2 font-karla text-sm outline-none rounded-radius-md border py-2 px-4 disabled:opacity-60 disabled:select-none disabled:pointer-events-none w-full",
845
846
  {
@@ -854,9 +855,9 @@ var textareaVariants = (0, import_class_variance_authority8.cva)(
854
855
  }
855
856
  }
856
857
  );
857
- var Textarea = (0, import_react16.forwardRef)(
858
+ var Textarea = (0, import_react17.forwardRef)(
858
859
  ({ className, rows, cols, variant, disabled, children, ...props }, ref) => {
859
- return /* @__PURE__ */ import_react16.default.createElement(
860
+ return /* @__PURE__ */ import_react17.default.createElement(
860
861
  "textarea",
861
862
  {
862
863
  ...props,
@@ -875,7 +876,7 @@ var Textarea_default = Textarea;
875
876
 
876
877
  // src/components/Toggle.tsx
877
878
  var import_class_variance_authority9 = require("class-variance-authority");
878
- var import_react17 = __toESM(require("react"), 1);
879
+ var import_react18 = __toESM(require("react"), 1);
879
880
  var toggleVariants = (0, import_class_variance_authority9.cva)(
880
881
  "rounded-radius-xl bg-gray-300 transition-colors peer-checked:bg-brand-500 peer-active:ring-2 peer-active:ring-brand-300",
881
882
  {
@@ -890,9 +891,9 @@ var toggleVariants = (0, import_class_variance_authority9.cva)(
890
891
  }
891
892
  }
892
893
  );
893
- var Toggle = (0, import_react17.forwardRef)(
894
+ var Toggle = (0, import_react18.forwardRef)(
894
895
  ({ icon, children, disabled, size = "lg", ...props }, ref) => {
895
- return /* @__PURE__ */ import_react17.default.createElement(
896
+ return /* @__PURE__ */ import_react18.default.createElement(
896
897
  "label",
897
898
  {
898
899
  className: cn(
@@ -900,7 +901,7 @@ var Toggle = (0, import_react17.forwardRef)(
900
901
  disabled && "opacity-50 pointer-events-none"
901
902
  )
902
903
  },
903
- /* @__PURE__ */ import_react17.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react17.default.createElement(
904
+ /* @__PURE__ */ import_react18.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react18.default.createElement(
904
905
  "input",
905
906
  {
906
907
  type: "checkbox",
@@ -909,7 +910,7 @@ var Toggle = (0, import_react17.forwardRef)(
909
910
  ...props,
910
911
  className: "sr-only peer"
911
912
  }
912
- ), /* @__PURE__ */ import_react17.default.createElement("div", { className: cn(toggleVariants({ size })) }), /* @__PURE__ */ import_react17.default.createElement(
913
+ ), /* @__PURE__ */ import_react18.default.createElement("div", { className: cn(toggleVariants({ size })) }), /* @__PURE__ */ import_react18.default.createElement(
913
914
  "div",
914
915
  {
915
916
  className: cn(
@@ -917,7 +918,7 @@ var Toggle = (0, import_react17.forwardRef)(
917
918
  size === "sm" ? "peer-checked:translate-x-2 top-[1px] left-[2px] w-5 h-4 rounded-radius-md" : "peer-checked:translate-x-3 top-[2.5px] left-1 h-[22px] w-[34px] rounded-radius-lg"
918
919
  )
919
920
  },
920
- /* @__PURE__ */ import_react17.default.createElement("span", { className: "flex items-center justify-center" }, icon),
921
+ /* @__PURE__ */ import_react18.default.createElement("span", { className: "flex items-center justify-center" }, icon),
921
922
  children
922
923
  ))
923
924
  );
package/dist/index.d.cts CHANGED
@@ -1,5 +1,4 @@
1
- import * as React from 'react';
2
- import React__default, { ButtonHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, ElementType } from 'react';
1
+ import React, { ButtonHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, ElementType } from 'react';
3
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
3
  import { VariantProps } from 'class-variance-authority';
5
4
 
@@ -7,27 +6,27 @@ type AccordionProps = {
7
6
  type?: "single" | "multiple";
8
7
  collapsible?: boolean;
9
8
  className?: string;
10
- children: React__default.ReactNode;
9
+ children: React.ReactNode;
11
10
  };
12
- declare function Accordion({ type, collapsible, className, children, }: AccordionProps): React__default.JSX.Element;
11
+ declare function Accordion({ type, collapsible, className, children, }: AccordionProps): React.JSX.Element;
13
12
  type AccordionItemProps = {
14
13
  value: string;
15
14
  disabled?: boolean;
16
15
  openItems?: string[];
17
16
  handleToggle?: (value: string) => void;
18
- children: React__default.ReactNode;
17
+ children: React.ReactNode;
19
18
  };
20
- declare function AccordionItem({ value, disabled, openItems, handleToggle, children, }: AccordionItemProps): React__default.JSX.Element;
19
+ declare function AccordionItem({ value, disabled, openItems, handleToggle, children, }: AccordionItemProps): React.JSX.Element;
21
20
  type AccordionTriggerProps = {
22
21
  isOpen?: boolean;
23
- children: React__default.ReactNode;
22
+ children: React.ReactNode;
24
23
  };
25
- declare function AccordionTrigger({ isOpen, children }: AccordionTriggerProps): React__default.JSX.Element;
24
+ declare function AccordionTrigger({ isOpen, children }: AccordionTriggerProps): React.JSX.Element;
26
25
  type AccordionContentProps = {
27
26
  isOpen?: boolean;
28
- children: React__default.ReactNode;
27
+ children: React.ReactNode;
29
28
  };
30
- declare function AccordionContent({ isOpen, children }: AccordionContentProps): React__default.JSX.Element;
29
+ declare function AccordionContent({ isOpen, children }: AccordionContentProps): React.JSX.Element;
31
30
 
32
31
  interface ButtonProps$2 extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
33
32
  children?: ReactNode;
@@ -41,7 +40,7 @@ declare const buttonVariants: (props?: ({
41
40
  variant?: "primary" | "primary-light" | "secondary" | "tertiary" | "quaternary" | null | undefined;
42
41
  size?: "sm" | "md" | "lg" | null | undefined;
43
42
  } & class_variance_authority_types.ClassProp) | undefined) => string;
44
- declare const Button: ({ children, startIcon, endIcon, fullWidth, rounded, disabled, className, variant, size, ...props }: ButtonProps$2) => React__default.JSX.Element;
43
+ declare const Button: ({ children, startIcon, endIcon, fullWidth, rounded, disabled, className, variant, size, ...props }: ButtonProps$2) => React.JSX.Element;
45
44
 
46
45
  interface CaptionProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof captionVariants> {
47
46
  children: ReactNode;
@@ -49,7 +48,7 @@ interface CaptionProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typ
49
48
  declare const captionVariants: (props?: ({
50
49
  variant?: "sm" | "md" | null | undefined;
51
50
  } & class_variance_authority_types.ClassProp) | undefined) => string;
52
- declare const Caption: ({ children, variant, className, ...props }: CaptionProps) => React__default.JSX.Element;
51
+ declare const Caption: ({ children, variant, className, ...props }: CaptionProps) => React.JSX.Element;
53
52
 
54
53
  interface CardProps {
55
54
  children?: ReactNode;
@@ -76,7 +75,7 @@ interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
76
75
  readOnly?: boolean;
77
76
  children?: never;
78
77
  }
79
- declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
78
+ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
80
79
 
81
80
  interface ButtonProps$1 extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
82
81
  children?: ReactNode;
@@ -87,26 +86,26 @@ declare const chipVariants: (props?: ({
87
86
  variant?: "primary" | "secondary" | "glass" | null | undefined;
88
87
  size?: "sm" | "md" | "lg" | null | undefined;
89
88
  } & class_variance_authority_types.ClassProp) | undefined) => string;
90
- declare const Chip: ({ children, className, variant, startIcon, endIcon, size, ...props }: ButtonProps$1) => React__default.JSX.Element;
89
+ declare const Chip: ({ children, className, variant, startIcon, endIcon, size, ...props }: ButtonProps$1) => React.JSX.Element;
91
90
 
92
91
  interface DropdownProps {
93
- triggerIcon?: React__default.ReactNode;
94
- children: React__default.ReactNode;
92
+ triggerIcon?: React.ReactNode;
93
+ children: React.ReactNode;
95
94
  width?: string;
96
95
  }
97
- declare function Dropdown({ triggerIcon, children, width, }: DropdownProps): React__default.JSX.Element;
96
+ declare function Dropdown({ triggerIcon, children, width, }: DropdownProps): React.JSX.Element;
98
97
  interface MenuItemProps {
99
98
  label: string;
100
99
  onClick?: () => void;
101
100
  disabled?: boolean;
102
- children?: React__default.ReactNode;
101
+ children?: React.ReactNode;
103
102
  }
104
- declare const MenuItem: React__default.FC<MenuItemProps>;
103
+ declare const MenuItem: React.FC<MenuItemProps>;
105
104
  interface MenuSubItemProps {
106
105
  label: string;
107
- children: React__default.ReactNode;
106
+ children: React.ReactNode;
108
107
  }
109
- declare const MenuSubItem: React__default.FC<MenuSubItemProps>;
108
+ declare const MenuSubItem: React.FC<MenuSubItemProps>;
110
109
 
111
110
  interface FooterProps {
112
111
  children: ReactNode;
@@ -139,11 +138,11 @@ type FooterIconType = {
139
138
  interface FooterIconsProps {
140
139
  icons: FooterIconType[];
141
140
  }
142
- declare function Footer({ children, className, footerBottom, }: FooterProps): React__default.JSX.Element;
143
- declare const FooterHeader: ({ children, className }: FooterHeaderProps) => React__default.JSX.Element;
144
- declare const FooterContent: ({ children, className }: FooterContentProps) => React__default.JSX.Element;
145
- declare const FooterList: ({ footerItems, target }: FooterListProps) => React__default.JSX.Element;
146
- declare const FooterIcons: ({ icons }: FooterIconsProps) => React__default.JSX.Element;
141
+ declare function Footer({ children, className, footerBottom, }: FooterProps): React.JSX.Element;
142
+ declare const FooterHeader: ({ children, className }: FooterHeaderProps) => React.JSX.Element;
143
+ declare const FooterContent: ({ children, className }: FooterContentProps) => React.JSX.Element;
144
+ declare const FooterList: ({ footerItems, target }: FooterListProps) => React.JSX.Element;
145
+ declare const FooterIcons: ({ icons }: FooterIconsProps) => React.JSX.Element;
147
146
 
148
147
  interface ImageCardProps {
149
148
  children?: ReactNode;
@@ -152,7 +151,7 @@ interface ImageCardProps {
152
151
  cardDesc?: string;
153
152
  cardImg?: string;
154
153
  }
155
- declare const ImageCard: ({ cardTitle, cardDesc, cardImg, children, className, }: ImageCardProps) => React__default.JSX.Element;
154
+ declare const ImageCard: ({ cardTitle, cardDesc, cardImg, children, className, }: ImageCardProps) => React.JSX.Element;
156
155
 
157
156
  interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
158
157
  startIcon?: JSX.Element;
@@ -163,7 +162,7 @@ interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps
163
162
  declare const inputVariants: (props?: ({
164
163
  variant?: "default" | "glass" | null | undefined;
165
164
  } & class_variance_authority_types.ClassProp) | undefined) => string;
166
- declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
165
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
167
166
 
168
167
  interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
169
168
  htmlFor?: string;
@@ -174,11 +173,11 @@ interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, VariantProps
174
173
  declare const labelVariants: (props?: ({
175
174
  size?: "sm" | "md" | "lg" | null | undefined;
176
175
  } & class_variance_authority_types.ClassProp) | undefined) => string;
177
- declare const Label: ({ children, htmlFor, size, required, disabled, className, ...props }: LabelProps) => React__default.JSX.Element;
176
+ declare const Label: ({ children, htmlFor, size, required, disabled, className, ...props }: LabelProps) => React.JSX.Element;
178
177
 
179
178
  interface BaseProps {
180
179
  className?: string;
181
- children?: React__default.ReactNode;
180
+ children?: React.ReactNode;
182
181
  title: string;
183
182
  as?: "link" | "button";
184
183
  variant?: "solid" | "glass";
@@ -196,7 +195,7 @@ type ButtonProps = BaseProps & {
196
195
  className?: string;
197
196
  };
198
197
  type ListItemProps = LinkProps | ButtonProps;
199
- declare const ListItem: React__default.ForwardRefExoticComponent<ListItemProps & React__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
198
+ declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
200
199
 
201
200
  interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof paragraphVariants> {
202
201
  children: ReactNode;
@@ -204,7 +203,7 @@ interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement>, VariantPr
204
203
  declare const paragraphVariants: (props?: ({
205
204
  variant?: "b1" | "b2" | "b3" | "b4" | null | undefined;
206
205
  } & class_variance_authority_types.ClassProp) | undefined) => string;
207
- declare const Paragraph: ({ children, className, variant, ...props }: ParagraphProps) => React__default.JSX.Element;
206
+ declare const Paragraph: ({ children, className, variant, ...props }: ParagraphProps) => React.JSX.Element;
208
207
 
209
208
  interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
210
209
  value: number;
@@ -213,7 +212,7 @@ interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
213
212
  size?: "sm" | "lg";
214
213
  sliderColor?: string;
215
214
  }
216
- declare const Slider: React__default.ForwardRefExoticComponent<SliderProps & React__default.RefAttributes<HTMLInputElement>>;
215
+ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
217
216
 
218
217
  interface StatsCardProps {
219
218
  children?: ReactNode;
@@ -222,7 +221,7 @@ interface StatsCardProps {
222
221
  statTitle?: string;
223
222
  statDesc?: string;
224
223
  }
225
- declare const StatsCard: ({ statTitle, statDesc, className, cardIcon, }: StatsCardProps) => React__default.JSX.Element;
224
+ declare const StatsCard: ({ statTitle, statDesc, className, cardIcon, }: StatsCardProps) => React.JSX.Element;
226
225
 
227
226
  interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
228
227
  disabled?: boolean;
@@ -233,7 +232,7 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Var
233
232
  declare const textareaVariants: (props?: ({
234
233
  variant?: "default" | "glass" | null | undefined;
235
234
  } & class_variance_authority_types.ClassProp) | undefined) => string;
236
- declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
235
+ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
237
236
 
238
237
  interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof toggleVariants> {
239
238
  icon?: JSX.Element;
@@ -244,7 +243,7 @@ interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
244
243
  declare const toggleVariants: (props?: ({
245
244
  size?: "sm" | "lg" | null | undefined;
246
245
  } & class_variance_authority_types.ClassProp) | undefined) => string;
247
- declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & React__default.RefAttributes<HTMLInputElement>>;
246
+ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
248
247
 
249
248
  interface TypographyProps extends HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof typographyVariant> {
250
249
  as?: ElementType;
@@ -253,6 +252,6 @@ interface TypographyProps extends HTMLAttributes<HTMLHeadingElement>, VariantPro
253
252
  declare const typographyVariant: (props?: ({
254
253
  variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
255
254
  } & class_variance_authority_types.ClassProp) | undefined) => string;
256
- declare const Typography: ({ as, variant, children, className, ...props }: TypographyProps) => React__default.JSX.Element;
255
+ declare const Typography: ({ as, variant, children, className, ...props }: TypographyProps) => React.JSX.Element;
257
256
 
258
257
  export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Caption, Card, CardBg, CardContent, CardDescription, CardFooter, CardHeader, CardIcon, CardTitle, Checkbox, Chip, Dropdown, Footer, FooterContent, FooterHeader, FooterIcons, FooterList, ImageCard, Input, Label, ListItem, MenuItem, MenuSubItem, Paragraph, Slider, StatsCard, Textarea, Toggle, Typography };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import * as React from 'react';
2
- import React__default, { ButtonHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, ElementType } from 'react';
1
+ import React, { ButtonHTMLAttributes, ReactNode, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, TextareaHTMLAttributes, ElementType } from 'react';
3
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
3
  import { VariantProps } from 'class-variance-authority';
5
4
 
@@ -7,27 +6,27 @@ type AccordionProps = {
7
6
  type?: "single" | "multiple";
8
7
  collapsible?: boolean;
9
8
  className?: string;
10
- children: React__default.ReactNode;
9
+ children: React.ReactNode;
11
10
  };
12
- declare function Accordion({ type, collapsible, className, children, }: AccordionProps): React__default.JSX.Element;
11
+ declare function Accordion({ type, collapsible, className, children, }: AccordionProps): React.JSX.Element;
13
12
  type AccordionItemProps = {
14
13
  value: string;
15
14
  disabled?: boolean;
16
15
  openItems?: string[];
17
16
  handleToggle?: (value: string) => void;
18
- children: React__default.ReactNode;
17
+ children: React.ReactNode;
19
18
  };
20
- declare function AccordionItem({ value, disabled, openItems, handleToggle, children, }: AccordionItemProps): React__default.JSX.Element;
19
+ declare function AccordionItem({ value, disabled, openItems, handleToggle, children, }: AccordionItemProps): React.JSX.Element;
21
20
  type AccordionTriggerProps = {
22
21
  isOpen?: boolean;
23
- children: React__default.ReactNode;
22
+ children: React.ReactNode;
24
23
  };
25
- declare function AccordionTrigger({ isOpen, children }: AccordionTriggerProps): React__default.JSX.Element;
24
+ declare function AccordionTrigger({ isOpen, children }: AccordionTriggerProps): React.JSX.Element;
26
25
  type AccordionContentProps = {
27
26
  isOpen?: boolean;
28
- children: React__default.ReactNode;
27
+ children: React.ReactNode;
29
28
  };
30
- declare function AccordionContent({ isOpen, children }: AccordionContentProps): React__default.JSX.Element;
29
+ declare function AccordionContent({ isOpen, children }: AccordionContentProps): React.JSX.Element;
31
30
 
32
31
  interface ButtonProps$2 extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
33
32
  children?: ReactNode;
@@ -41,7 +40,7 @@ declare const buttonVariants: (props?: ({
41
40
  variant?: "primary" | "primary-light" | "secondary" | "tertiary" | "quaternary" | null | undefined;
42
41
  size?: "sm" | "md" | "lg" | null | undefined;
43
42
  } & class_variance_authority_types.ClassProp) | undefined) => string;
44
- declare const Button: ({ children, startIcon, endIcon, fullWidth, rounded, disabled, className, variant, size, ...props }: ButtonProps$2) => React__default.JSX.Element;
43
+ declare const Button: ({ children, startIcon, endIcon, fullWidth, rounded, disabled, className, variant, size, ...props }: ButtonProps$2) => React.JSX.Element;
45
44
 
46
45
  interface CaptionProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof captionVariants> {
47
46
  children: ReactNode;
@@ -49,7 +48,7 @@ interface CaptionProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typ
49
48
  declare const captionVariants: (props?: ({
50
49
  variant?: "sm" | "md" | null | undefined;
51
50
  } & class_variance_authority_types.ClassProp) | undefined) => string;
52
- declare const Caption: ({ children, variant, className, ...props }: CaptionProps) => React__default.JSX.Element;
51
+ declare const Caption: ({ children, variant, className, ...props }: CaptionProps) => React.JSX.Element;
53
52
 
54
53
  interface CardProps {
55
54
  children?: ReactNode;
@@ -76,7 +75,7 @@ interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
76
75
  readOnly?: boolean;
77
76
  children?: never;
78
77
  }
79
- declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
78
+ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
80
79
 
81
80
  interface ButtonProps$1 extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
82
81
  children?: ReactNode;
@@ -87,26 +86,26 @@ declare const chipVariants: (props?: ({
87
86
  variant?: "primary" | "secondary" | "glass" | null | undefined;
88
87
  size?: "sm" | "md" | "lg" | null | undefined;
89
88
  } & class_variance_authority_types.ClassProp) | undefined) => string;
90
- declare const Chip: ({ children, className, variant, startIcon, endIcon, size, ...props }: ButtonProps$1) => React__default.JSX.Element;
89
+ declare const Chip: ({ children, className, variant, startIcon, endIcon, size, ...props }: ButtonProps$1) => React.JSX.Element;
91
90
 
92
91
  interface DropdownProps {
93
- triggerIcon?: React__default.ReactNode;
94
- children: React__default.ReactNode;
92
+ triggerIcon?: React.ReactNode;
93
+ children: React.ReactNode;
95
94
  width?: string;
96
95
  }
97
- declare function Dropdown({ triggerIcon, children, width, }: DropdownProps): React__default.JSX.Element;
96
+ declare function Dropdown({ triggerIcon, children, width, }: DropdownProps): React.JSX.Element;
98
97
  interface MenuItemProps {
99
98
  label: string;
100
99
  onClick?: () => void;
101
100
  disabled?: boolean;
102
- children?: React__default.ReactNode;
101
+ children?: React.ReactNode;
103
102
  }
104
- declare const MenuItem: React__default.FC<MenuItemProps>;
103
+ declare const MenuItem: React.FC<MenuItemProps>;
105
104
  interface MenuSubItemProps {
106
105
  label: string;
107
- children: React__default.ReactNode;
106
+ children: React.ReactNode;
108
107
  }
109
- declare const MenuSubItem: React__default.FC<MenuSubItemProps>;
108
+ declare const MenuSubItem: React.FC<MenuSubItemProps>;
110
109
 
111
110
  interface FooterProps {
112
111
  children: ReactNode;
@@ -139,11 +138,11 @@ type FooterIconType = {
139
138
  interface FooterIconsProps {
140
139
  icons: FooterIconType[];
141
140
  }
142
- declare function Footer({ children, className, footerBottom, }: FooterProps): React__default.JSX.Element;
143
- declare const FooterHeader: ({ children, className }: FooterHeaderProps) => React__default.JSX.Element;
144
- declare const FooterContent: ({ children, className }: FooterContentProps) => React__default.JSX.Element;
145
- declare const FooterList: ({ footerItems, target }: FooterListProps) => React__default.JSX.Element;
146
- declare const FooterIcons: ({ icons }: FooterIconsProps) => React__default.JSX.Element;
141
+ declare function Footer({ children, className, footerBottom, }: FooterProps): React.JSX.Element;
142
+ declare const FooterHeader: ({ children, className }: FooterHeaderProps) => React.JSX.Element;
143
+ declare const FooterContent: ({ children, className }: FooterContentProps) => React.JSX.Element;
144
+ declare const FooterList: ({ footerItems, target }: FooterListProps) => React.JSX.Element;
145
+ declare const FooterIcons: ({ icons }: FooterIconsProps) => React.JSX.Element;
147
146
 
148
147
  interface ImageCardProps {
149
148
  children?: ReactNode;
@@ -152,7 +151,7 @@ interface ImageCardProps {
152
151
  cardDesc?: string;
153
152
  cardImg?: string;
154
153
  }
155
- declare const ImageCard: ({ cardTitle, cardDesc, cardImg, children, className, }: ImageCardProps) => React__default.JSX.Element;
154
+ declare const ImageCard: ({ cardTitle, cardDesc, cardImg, children, className, }: ImageCardProps) => React.JSX.Element;
156
155
 
157
156
  interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
158
157
  startIcon?: JSX.Element;
@@ -163,7 +162,7 @@ interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps
163
162
  declare const inputVariants: (props?: ({
164
163
  variant?: "default" | "glass" | null | undefined;
165
164
  } & class_variance_authority_types.ClassProp) | undefined) => string;
166
- declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
165
+ declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
167
166
 
168
167
  interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
169
168
  htmlFor?: string;
@@ -174,11 +173,11 @@ interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, VariantProps
174
173
  declare const labelVariants: (props?: ({
175
174
  size?: "sm" | "md" | "lg" | null | undefined;
176
175
  } & class_variance_authority_types.ClassProp) | undefined) => string;
177
- declare const Label: ({ children, htmlFor, size, required, disabled, className, ...props }: LabelProps) => React__default.JSX.Element;
176
+ declare const Label: ({ children, htmlFor, size, required, disabled, className, ...props }: LabelProps) => React.JSX.Element;
178
177
 
179
178
  interface BaseProps {
180
179
  className?: string;
181
- children?: React__default.ReactNode;
180
+ children?: React.ReactNode;
182
181
  title: string;
183
182
  as?: "link" | "button";
184
183
  variant?: "solid" | "glass";
@@ -196,7 +195,7 @@ type ButtonProps = BaseProps & {
196
195
  className?: string;
197
196
  };
198
197
  type ListItemProps = LinkProps | ButtonProps;
199
- declare const ListItem: React__default.ForwardRefExoticComponent<ListItemProps & React__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
198
+ declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
200
199
 
201
200
  interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof paragraphVariants> {
202
201
  children: ReactNode;
@@ -204,7 +203,7 @@ interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement>, VariantPr
204
203
  declare const paragraphVariants: (props?: ({
205
204
  variant?: "b1" | "b2" | "b3" | "b4" | null | undefined;
206
205
  } & class_variance_authority_types.ClassProp) | undefined) => string;
207
- declare const Paragraph: ({ children, className, variant, ...props }: ParagraphProps) => React__default.JSX.Element;
206
+ declare const Paragraph: ({ children, className, variant, ...props }: ParagraphProps) => React.JSX.Element;
208
207
 
209
208
  interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
210
209
  value: number;
@@ -213,7 +212,7 @@ interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
213
212
  size?: "sm" | "lg";
214
213
  sliderColor?: string;
215
214
  }
216
- declare const Slider: React__default.ForwardRefExoticComponent<SliderProps & React__default.RefAttributes<HTMLInputElement>>;
215
+ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
217
216
 
218
217
  interface StatsCardProps {
219
218
  children?: ReactNode;
@@ -222,7 +221,7 @@ interface StatsCardProps {
222
221
  statTitle?: string;
223
222
  statDesc?: string;
224
223
  }
225
- declare const StatsCard: ({ statTitle, statDesc, className, cardIcon, }: StatsCardProps) => React__default.JSX.Element;
224
+ declare const StatsCard: ({ statTitle, statDesc, className, cardIcon, }: StatsCardProps) => React.JSX.Element;
226
225
 
227
226
  interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
228
227
  disabled?: boolean;
@@ -233,7 +232,7 @@ interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Var
233
232
  declare const textareaVariants: (props?: ({
234
233
  variant?: "default" | "glass" | null | undefined;
235
234
  } & class_variance_authority_types.ClassProp) | undefined) => string;
236
- declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
235
+ declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
237
236
 
238
237
  interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof toggleVariants> {
239
238
  icon?: JSX.Element;
@@ -244,7 +243,7 @@ interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"
244
243
  declare const toggleVariants: (props?: ({
245
244
  size?: "sm" | "lg" | null | undefined;
246
245
  } & class_variance_authority_types.ClassProp) | undefined) => string;
247
- declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & React__default.RefAttributes<HTMLInputElement>>;
246
+ declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
248
247
 
249
248
  interface TypographyProps extends HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof typographyVariant> {
250
249
  as?: ElementType;
@@ -253,6 +252,6 @@ interface TypographyProps extends HTMLAttributes<HTMLHeadingElement>, VariantPro
253
252
  declare const typographyVariant: (props?: ({
254
253
  variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
255
254
  } & class_variance_authority_types.ClassProp) | undefined) => string;
256
- declare const Typography: ({ as, variant, children, className, ...props }: TypographyProps) => React__default.JSX.Element;
255
+ declare const Typography: ({ as, variant, children, className, ...props }: TypographyProps) => React.JSX.Element;
257
256
 
258
257
  export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Button, Caption, Card, CardBg, CardContent, CardDescription, CardFooter, CardHeader, CardIcon, CardTitle, Checkbox, Chip, Dropdown, Footer, FooterContent, FooterHeader, FooterIcons, FooterList, ImageCard, Input, Label, ListItem, MenuItem, MenuSubItem, Paragraph, Slider, StatsCard, Textarea, Toggle, Typography };
package/dist/index.js CHANGED
@@ -4,7 +4,7 @@ import { twMerge } from "tailwind-merge";
4
4
  var cn = (...classes) => twMerge(clsx(...classes));
5
5
 
6
6
  // src/components/Accordion.tsx
7
- import React2, { useState } from "react";
7
+ import React, { useState } from "react";
8
8
  import { FiChevronDown, FiChevronUp } from "react-icons/fi";
9
9
  function Accordion({
10
10
  type = "single",
@@ -24,9 +24,9 @@ function Accordion({
24
24
  );
25
25
  }
26
26
  };
27
- return /* @__PURE__ */ React2.createElement("div", { className }, React2.Children.map(children, (child) => {
28
- if (React2.isValidElement(child)) {
29
- return React2.cloneElement(
27
+ return /* @__PURE__ */ React.createElement("div", { className }, React.Children.map(children, (child) => {
28
+ if (React.isValidElement(child)) {
29
+ return React.cloneElement(
30
30
  child,
31
31
  {
32
32
  openItems,
@@ -50,7 +50,7 @@ function AccordionItem({
50
50
  handleToggle(value);
51
51
  }
52
52
  };
53
- return /* @__PURE__ */ React2.createElement(
53
+ return /* @__PURE__ */ React.createElement(
54
54
  "div",
55
55
  {
56
56
  className: cn(
@@ -59,21 +59,21 @@ function AccordionItem({
59
59
  disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
60
60
  )
61
61
  },
62
- /* @__PURE__ */ React2.createElement(
62
+ /* @__PURE__ */ React.createElement(
63
63
  "div",
64
64
  {
65
65
  className: "font-semibold transition-colors p-[32px] mobile:p-4 duration-200 ease-in-out",
66
66
  onClick: toggle
67
67
  },
68
- children && Array.isArray(children) ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, React2.cloneElement(children[0], { isOpen }), isOpen && !disabled ? children[1] : null) : children
68
+ children && Array.isArray(children) ? /* @__PURE__ */ React.createElement(React.Fragment, null, React.cloneElement(children[0], { isOpen }), isOpen && !disabled ? children[1] : null) : children
69
69
  )
70
70
  );
71
71
  }
72
72
  function AccordionTrigger({ isOpen, children }) {
73
- return /* @__PURE__ */ React2.createElement("div", { className: "accordion-trigger transition-all delay-150 ease-in font-montserrat text-[20px] mobile:text-[12px] mobile:leading-[18px] text-dark dark:text-white flex justify-between items-center font-semibold" }, children, /* @__PURE__ */ React2.createElement("span", null, isOpen ? /* @__PURE__ */ React2.createElement(FiChevronUp, { size: 20 }) : /* @__PURE__ */ React2.createElement(FiChevronDown, { size: 20 })));
73
+ return /* @__PURE__ */ React.createElement("div", { className: "accordion-trigger transition-all delay-150 ease-in font-montserrat text-[20px] mobile:text-[12px] mobile:leading-[18px] text-dark dark:text-white flex justify-between items-center font-semibold" }, children, /* @__PURE__ */ React.createElement("span", null, isOpen ? /* @__PURE__ */ React.createElement(FiChevronUp, { size: 20 }) : /* @__PURE__ */ React.createElement(FiChevronDown, { size: 20 })));
74
74
  }
75
75
  function AccordionContent({ isOpen, children }) {
76
- return /* @__PURE__ */ React2.createElement(
76
+ return /* @__PURE__ */ React.createElement(
77
77
  "div",
78
78
  {
79
79
  className: cn(
@@ -87,7 +87,7 @@ function AccordionContent({ isOpen, children }) {
87
87
 
88
88
  // src/components/Button.tsx
89
89
  import { cva } from "class-variance-authority";
90
- import React3 from "react";
90
+ import React2 from "react";
91
91
  var buttonVariants = cva(
92
92
  "font-semibold transition-colors rounded-radius-md py-spacing-sm duration-300 ease-in-out cursor-pointer disabled:pointer-events-none disabled:select-none disabled:bg-gray-400 disabled:text-light border-gray-25/15",
93
93
  {
@@ -123,7 +123,7 @@ var Button = ({
123
123
  size,
124
124
  ...props
125
125
  }) => {
126
- return /* @__PURE__ */ React3.createElement(
126
+ return /* @__PURE__ */ React2.createElement(
127
127
  "button",
128
128
  {
129
129
  ...props,
@@ -144,7 +144,7 @@ var Button_default = Button;
144
144
 
145
145
  // src/components/Caption.tsx
146
146
  import { cva as cva2 } from "class-variance-authority";
147
- import React4 from "react";
147
+ import React3 from "react";
148
148
  var captionVariants = cva2("font-bold font-karla text-dark dark:text-light", {
149
149
  variants: {
150
150
  variant: {
@@ -157,16 +157,17 @@ var captionVariants = cva2("font-bold font-karla text-dark dark:text-light", {
157
157
  }
158
158
  });
159
159
  var Caption = ({ children, variant, className, ...props }) => {
160
- return /* @__PURE__ */ React4.createElement("span", { className: cn(captionVariants({ variant, className })), ...props }, children);
160
+ return /* @__PURE__ */ React3.createElement("span", { className: cn(captionVariants({ variant, className })), ...props }, children);
161
161
  };
162
162
  var Caption_default = Caption;
163
163
 
164
164
  // src/components/Card.tsx
165
165
  import Image from "next/image";
166
+ import React6 from "react";
166
167
 
167
168
  // src/components/Typography.tsx
168
169
  import { cva as cva3 } from "class-variance-authority";
169
- import React5 from "react";
170
+ import React4 from "react";
170
171
  var typographyVariant = cva3("text-dark dark:text-light font-bold", {
171
172
  variants: {
172
173
  variant: {
@@ -190,7 +191,7 @@ var Typography = ({
190
191
  ...props
191
192
  }) => {
192
193
  const Component = as || variant;
193
- return /* @__PURE__ */ React5.createElement(
194
+ return /* @__PURE__ */ React4.createElement(
194
195
  Component,
195
196
  {
196
197
  className: cn(typographyVariant({ variant, className })),
@@ -203,7 +204,7 @@ var Typography_default = Typography;
203
204
 
204
205
  // src/components/Paragraph.tsx
205
206
  import { cva as cva4 } from "class-variance-authority";
206
- import React6 from "react";
207
+ import React5 from "react";
207
208
  var paragraphVariants = cva4(
208
209
  "font-karla font-normal text-dark dark:text-light",
209
210
  {
@@ -226,16 +227,16 @@ var Paragraph = ({
226
227
  variant,
227
228
  ...props
228
229
  }) => {
229
- return /* @__PURE__ */ React6.createElement("p", { className: cn(paragraphVariants({ variant, className })), ...props }, children);
230
+ return /* @__PURE__ */ React5.createElement("p", { className: cn(paragraphVariants({ variant, className })), ...props }, children);
230
231
  };
231
232
  var Paragraph_default = Paragraph;
232
233
 
233
234
  // src/components/Card.tsx
234
235
  function Card({ children, className }) {
235
- return /* @__PURE__ */ React.createElement("article", { className }, children);
236
+ return /* @__PURE__ */ React6.createElement("article", { className }, children);
236
237
  }
237
- var CardIcon = ({ children, className }) => /* @__PURE__ */ React.createElement("span", { className }, children);
238
- var CardHeader = ({ children, className }) => /* @__PURE__ */ React.createElement("div", { className }, children);
238
+ var CardIcon = ({ children, className }) => /* @__PURE__ */ React6.createElement("span", { className }, children);
239
+ var CardHeader = ({ children, className }) => /* @__PURE__ */ React6.createElement("div", { className }, children);
239
240
  var CardBg = ({
240
241
  children,
241
242
  className,
@@ -243,7 +244,7 @@ var CardBg = ({
243
244
  alt = "Card",
244
245
  width = 300,
245
246
  height = 200
246
- }) => /* @__PURE__ */ React.createElement("div", { className: cn("relative", className) }, src && /* @__PURE__ */ React.createElement(
247
+ }) => /* @__PURE__ */ React6.createElement("div", { className: cn("relative", className) }, src && /* @__PURE__ */ React6.createElement(
247
248
  Image,
248
249
  {
249
250
  src,
@@ -252,11 +253,11 @@ var CardBg = ({
252
253
  height,
253
254
  layout: "responsive"
254
255
  }
255
- ), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0" }, children));
256
- var CardTitle = ({ children, className }) => /* @__PURE__ */ React.createElement(Typography_default, { variant: "h4", className }, children);
257
- var CardDescription = ({ children, className }) => /* @__PURE__ */ React.createElement(Paragraph_default, { variant: "b1", className: cn("text-light", className) }, children);
258
- var CardContent = ({ children, className }) => /* @__PURE__ */ React.createElement("div", { className: cn("font-karla text-white", className) }, children);
259
- var CardFooter = ({ children, className }) => /* @__PURE__ */ React.createElement("div", { className: cn("font-karla text-white", className) }, children);
256
+ ), /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0" }, children));
257
+ var CardTitle = ({ children, className }) => /* @__PURE__ */ React6.createElement(Typography_default, { variant: "h4", className }, children);
258
+ var CardDescription = ({ children, className }) => /* @__PURE__ */ React6.createElement(Paragraph_default, { variant: "b1", className: cn("text-light", className) }, children);
259
+ var CardContent = ({ children, className }) => /* @__PURE__ */ React6.createElement("div", { className: cn("font-karla text-white", className) }, children);
260
+ var CardFooter = ({ children, className }) => /* @__PURE__ */ React6.createElement("div", { className: cn("font-karla text-white", className) }, children);
260
261
 
261
262
  // src/components/Checkbox.tsx
262
263
  import React7, { forwardRef } from "react";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "katalyst-riya-test",
3
3
  "description": "website design system",
4
- "version": "0.1.3",
4
+ "version": "0.1.4",
5
5
  "private": false,
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.mjs",