@marcoschwartz/lite-ui 0.6.0 → 0.7.1

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 (8) hide show
  1. package/dist/index.d.mts +22 -3
  2. package/dist/index.d.ts +22 -3
  3. package/dist/index.js +646 -498
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +623 -476
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -33,6 +33,7 @@ var index_exports = {};
33
33
  __export(index_exports, {
34
34
  ActionMenu: () => ActionMenu,
35
35
  Alert: () => Alert,
36
+ AppShell: () => AppShell,
36
37
  AppleIcon: () => AppleIcon,
37
38
  Avatar: () => Avatar,
38
39
  Badge: () => Badge,
@@ -491,10 +492,11 @@ var Sidebar = ({
491
492
  }) => {
492
493
  const { theme } = useTheme();
493
494
  const widthClass = widthClasses[width];
495
+ const borderClass = position === "left" ? "border-r" : "border-l";
494
496
  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
495
497
  "aside",
496
498
  {
497
- className: `${widthClass} bg-white dark:bg-gray-800 border-${position === "left" ? "r" : "l"} border-gray-200 dark:border-gray-700 h-full overflow-y-auto ${className}`,
499
+ className: `${widthClass} bg-white dark:bg-gray-800 ${borderClass} border-gray-200 dark:border-gray-700 h-full overflow-y-auto ${className}`,
498
500
  children
499
501
  }
500
502
  );
@@ -531,10 +533,357 @@ var useSidebar = () => {
531
533
  return context;
532
534
  };
533
535
 
534
- // src/components/Drawer.tsx
536
+ // src/components/AppShell.tsx
535
537
  var import_react5 = require("react");
538
+
539
+ // src/icons/icon-utils.tsx
536
540
  var import_jsx_runtime8 = require("react/jsx-runtime");
537
541
  var sizeClasses2 = {
542
+ xs: "w-3 h-3",
543
+ sm: "w-4 h-4",
544
+ md: "w-5 h-5",
545
+ lg: "w-6 h-6",
546
+ xl: "w-8 h-8"
547
+ };
548
+ var createIcon = (displayName, path, filled = false) => {
549
+ const Icon = ({ size = "md", className = "", color = "currentColor" }) => {
550
+ const sizeClass = sizeClasses2[size];
551
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
552
+ "svg",
553
+ {
554
+ className: `${sizeClass} ${className}`,
555
+ fill: filled ? color : "none",
556
+ viewBox: "0 0 24 24",
557
+ stroke: filled ? "none" : color,
558
+ "aria-hidden": "true",
559
+ children: path
560
+ }
561
+ );
562
+ };
563
+ Icon.displayName = displayName;
564
+ return Icon;
565
+ };
566
+
567
+ // src/icons/HomeIcon.tsx
568
+ var import_jsx_runtime9 = require("react/jsx-runtime");
569
+ var HomeIcon = createIcon(
570
+ "HomeIcon",
571
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" })
572
+ );
573
+
574
+ // src/icons/UserIcon.tsx
575
+ var import_jsx_runtime10 = require("react/jsx-runtime");
576
+ var UserIcon = createIcon(
577
+ "UserIcon",
578
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" })
579
+ );
580
+
581
+ // src/icons/SearchIcon.tsx
582
+ var import_jsx_runtime11 = require("react/jsx-runtime");
583
+ var SearchIcon = createIcon(
584
+ "SearchIcon",
585
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" })
586
+ );
587
+
588
+ // src/icons/BellIcon.tsx
589
+ var import_jsx_runtime12 = require("react/jsx-runtime");
590
+ var BellIcon = createIcon(
591
+ "BellIcon",
592
+ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" })
593
+ );
594
+
595
+ // src/icons/SettingsIcon.tsx
596
+ var import_jsx_runtime13 = require("react/jsx-runtime");
597
+ var SettingsIcon = createIcon(
598
+ "SettingsIcon",
599
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
600
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
601
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
602
+ ] })
603
+ );
604
+
605
+ // src/icons/MenuIcon.tsx
606
+ var import_jsx_runtime14 = require("react/jsx-runtime");
607
+ var MenuIcon = createIcon(
608
+ "MenuIcon",
609
+ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" })
610
+ );
611
+
612
+ // src/icons/CloseIcon.tsx
613
+ var import_jsx_runtime15 = require("react/jsx-runtime");
614
+ var CloseIcon = createIcon(
615
+ "CloseIcon",
616
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
617
+ );
618
+
619
+ // src/icons/ChevronDownIcon.tsx
620
+ var import_jsx_runtime16 = require("react/jsx-runtime");
621
+ var ChevronDownIcon = createIcon(
622
+ "ChevronDownIcon",
623
+ /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
624
+ );
625
+
626
+ // src/icons/ChevronRightIcon.tsx
627
+ var import_jsx_runtime17 = require("react/jsx-runtime");
628
+ var ChevronRightIcon = createIcon(
629
+ "ChevronRightIcon",
630
+ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
631
+ );
632
+
633
+ // src/icons/CheckIcon.tsx
634
+ var import_jsx_runtime18 = require("react/jsx-runtime");
635
+ var CheckIcon = createIcon(
636
+ "CheckIcon",
637
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })
638
+ );
639
+
640
+ // src/icons/PlusIcon.tsx
641
+ var import_jsx_runtime19 = require("react/jsx-runtime");
642
+ var PlusIcon = createIcon(
643
+ "PlusIcon",
644
+ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" })
645
+ );
646
+
647
+ // src/icons/TrashIcon.tsx
648
+ var import_jsx_runtime20 = require("react/jsx-runtime");
649
+ var TrashIcon = createIcon(
650
+ "TrashIcon",
651
+ /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" })
652
+ );
653
+
654
+ // src/icons/EditIcon.tsx
655
+ var import_jsx_runtime21 = require("react/jsx-runtime");
656
+ var EditIcon = createIcon(
657
+ "EditIcon",
658
+ /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" })
659
+ );
660
+
661
+ // src/icons/MailIcon.tsx
662
+ var import_jsx_runtime22 = require("react/jsx-runtime");
663
+ var MailIcon = createIcon(
664
+ "MailIcon",
665
+ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })
666
+ );
667
+
668
+ // src/icons/StarIcon.tsx
669
+ var import_jsx_runtime23 = require("react/jsx-runtime");
670
+ var StarIcon = createIcon(
671
+ "StarIcon",
672
+ /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" })
673
+ );
674
+
675
+ // src/icons/HeartIcon.tsx
676
+ var import_jsx_runtime24 = require("react/jsx-runtime");
677
+ var HeartIcon = createIcon(
678
+ "HeartIcon",
679
+ /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" })
680
+ );
681
+
682
+ // src/icons/DownloadIcon.tsx
683
+ var import_jsx_runtime25 = require("react/jsx-runtime");
684
+ var DownloadIcon = createIcon(
685
+ "DownloadIcon",
686
+ /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" })
687
+ );
688
+
689
+ // src/icons/UploadIcon.tsx
690
+ var import_jsx_runtime26 = require("react/jsx-runtime");
691
+ var UploadIcon = createIcon(
692
+ "UploadIcon",
693
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" })
694
+ );
695
+
696
+ // src/icons/CameraIcon.tsx
697
+ var import_jsx_runtime27 = require("react/jsx-runtime");
698
+ var CameraIcon = createIcon(
699
+ "CameraIcon",
700
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
701
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" }),
702
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 13a3 3 0 11-6 0 3 3 0 016 0z" })
703
+ ] })
704
+ );
705
+
706
+ // src/icons/LockIcon.tsx
707
+ var import_jsx_runtime28 = require("react/jsx-runtime");
708
+ var LockIcon = createIcon(
709
+ "LockIcon",
710
+ /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" })
711
+ );
712
+
713
+ // src/icons/CalendarIcon.tsx
714
+ var import_jsx_runtime29 = require("react/jsx-runtime");
715
+ var CalendarIcon = createIcon(
716
+ "CalendarIcon",
717
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })
718
+ );
719
+
720
+ // src/icons/GoogleIcon.tsx
721
+ var import_jsx_runtime30 = require("react/jsx-runtime");
722
+ var GoogleIcon = createIcon(
723
+ "GoogleIcon",
724
+ /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }),
725
+ true
726
+ );
727
+
728
+ // src/icons/GitHubIcon.tsx
729
+ var import_jsx_runtime31 = require("react/jsx-runtime");
730
+ var GitHubIcon = createIcon(
731
+ "GitHubIcon",
732
+ /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }),
733
+ true
734
+ );
735
+
736
+ // src/icons/TwitterIcon.tsx
737
+ var import_jsx_runtime32 = require("react/jsx-runtime");
738
+ var TwitterIcon = createIcon(
739
+ "TwitterIcon",
740
+ /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }),
741
+ true
742
+ );
743
+
744
+ // src/icons/FacebookIcon.tsx
745
+ var import_jsx_runtime33 = require("react/jsx-runtime");
746
+ var FacebookIcon = createIcon(
747
+ "FacebookIcon",
748
+ /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" }),
749
+ true
750
+ );
751
+
752
+ // src/icons/AppleIcon.tsx
753
+ var import_jsx_runtime34 = require("react/jsx-runtime");
754
+ var AppleIcon = createIcon(
755
+ "AppleIcon",
756
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }),
757
+ true
758
+ );
759
+
760
+ // src/icons/LinkedInIcon.tsx
761
+ var import_jsx_runtime35 = require("react/jsx-runtime");
762
+ var LinkedInIcon = createIcon(
763
+ "LinkedInIcon",
764
+ /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }),
765
+ true
766
+ );
767
+
768
+ // src/icons/YouTubeIcon.tsx
769
+ var import_jsx_runtime36 = require("react/jsx-runtime");
770
+ var YouTubeIcon = createIcon(
771
+ "YouTubeIcon",
772
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }),
773
+ true
774
+ );
775
+
776
+ // src/icons/SlackIcon.tsx
777
+ var import_jsx_runtime37 = require("react/jsx-runtime");
778
+ var SlackIcon = createIcon(
779
+ "SlackIcon",
780
+ /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" }),
781
+ true
782
+ );
783
+
784
+ // src/components/AppShell.tsx
785
+ var import_jsx_runtime38 = require("react/jsx-runtime");
786
+ var widthClasses2 = {
787
+ sm: "w-48",
788
+ md: "w-64",
789
+ lg: "w-80"
790
+ };
791
+ var breakpointClasses = {
792
+ sm: "sm",
793
+ md: "md",
794
+ lg: "lg",
795
+ xl: "xl"
796
+ };
797
+ var AppShell = ({
798
+ children,
799
+ navbar,
800
+ header,
801
+ navbarTitle,
802
+ navbarLogo,
803
+ defaultNavbarOpen = false,
804
+ responsive = true,
805
+ className = ""
806
+ }) => {
807
+ const { theme } = useTheme();
808
+ const [isMobileNavbarOpen, setIsMobileNavbarOpen] = (0, import_react5.useState)(defaultNavbarOpen);
809
+ const navbarWidth = navbar?.width || "md";
810
+ const navbarBreakpoint = navbar?.breakpoint || "md";
811
+ const widthClass = widthClasses2[navbarWidth];
812
+ const breakpoint = breakpointClasses[navbarBreakpoint];
813
+ if (!responsive && navbar) {
814
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `min-h-screen flex flex-col ${className}`, children: [
815
+ header && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full", children: header }),
816
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-1", children: [
817
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("aside", { className: `${widthClass} bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 h-full overflow-y-auto`, children: navbar.content }),
818
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto", children })
819
+ ] })
820
+ ] });
821
+ }
822
+ if (!responsive) {
823
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `min-h-screen flex flex-col ${className}`, children: [
824
+ header && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full", children: header }),
825
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto", children })
826
+ ] });
827
+ }
828
+ if (navbar) {
829
+ const mobileHeaderClass = navbarBreakpoint === "sm" ? "sm:hidden" : navbarBreakpoint === "md" ? "md:hidden" : navbarBreakpoint === "lg" ? "lg:hidden" : "xl:hidden";
830
+ const desktopNavbarClass = navbarBreakpoint === "sm" ? "sm:block" : navbarBreakpoint === "md" ? "md:block" : navbarBreakpoint === "lg" ? "lg:block" : "xl:block";
831
+ const mobileDrawerClass = navbarBreakpoint === "sm" ? "sm:hidden" : navbarBreakpoint === "md" ? "md:hidden" : navbarBreakpoint === "lg" ? "lg:hidden" : "xl:hidden";
832
+ const sidebarWidthClass = navbarWidth === "sm" ? "w-48" : navbarWidth === "lg" ? "w-80" : "w-64";
833
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `min-h-screen flex flex-col bg-gray-50 dark:bg-gray-900 ${className}`, children: [
834
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `${mobileHeaderClass} sticky top-0 z-30 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 px-4 py-3 flex items-center justify-between`, children: [
835
+ navbarLogo ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: navbarLogo }) : navbarTitle ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: navbarTitle }) : null,
836
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
837
+ "button",
838
+ {
839
+ className: "p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
840
+ onClick: () => setIsMobileNavbarOpen(!isMobileNavbarOpen),
841
+ "aria-label": "Toggle menu",
842
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MenuIcon, { size: "md" })
843
+ }
844
+ )
845
+ ] }),
846
+ header && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full", children: header }),
847
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-1 min-h-0", children: [
848
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("aside", { className: `hidden ${desktopNavbarClass} ${sidebarWidthClass} bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 overflow-y-auto shrink-0`, children: navbar.content }),
849
+ isMobileNavbarOpen && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
850
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
851
+ "div",
852
+ {
853
+ className: `${mobileDrawerClass} fixed inset-0 z-40 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200`,
854
+ onClick: () => setIsMobileNavbarOpen(false)
855
+ }
856
+ ),
857
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `${mobileDrawerClass} fixed left-0 top-0 bottom-0 z-50 w-64 bg-white dark:bg-gray-800 shadow-2xl animate-in slide-in-from-left duration-300`, children: [
858
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [
859
+ navbarLogo ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: navbarLogo }) : navbarTitle ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: navbarTitle }) : null,
860
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
861
+ "button",
862
+ {
863
+ className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
864
+ onClick: () => setIsMobileNavbarOpen(false),
865
+ "aria-label": "Close menu",
866
+ children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
867
+ }
868
+ )
869
+ ] }),
870
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "overflow-y-auto h-[calc(100vh-73px)]", children: navbar.content })
871
+ ] })
872
+ ] }),
873
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto min-h-screen", children })
874
+ ] })
875
+ ] });
876
+ }
877
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `min-h-screen flex flex-col ${className}`, children: [
878
+ header && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full", children: header }),
879
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto", children })
880
+ ] });
881
+ };
882
+
883
+ // src/components/Drawer.tsx
884
+ var import_react6 = require("react");
885
+ var import_jsx_runtime39 = require("react/jsx-runtime");
886
+ var sizeClasses3 = {
538
887
  left: {
539
888
  sm: "w-64",
540
889
  md: "w-80",
@@ -578,7 +927,7 @@ var Drawer = ({
578
927
  showCloseButton = true
579
928
  }) => {
580
929
  const { theme } = useTheme();
581
- (0, import_react5.useEffect)(() => {
930
+ (0, import_react6.useEffect)(() => {
582
931
  const handleEscape = (e) => {
583
932
  if (e.key === "Escape" && isOpen) {
584
933
  onClose();
@@ -594,34 +943,34 @@ var Drawer = ({
594
943
  };
595
944
  }, [isOpen, onClose]);
596
945
  if (!isOpen) return null;
597
- const sizeClass = sizeClasses2[position][size];
946
+ const sizeClass = sizeClasses3[position][size];
598
947
  const positionClass = positionClasses[position];
599
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
600
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
948
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
949
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
601
950
  "div",
602
951
  {
603
952
  className: "fixed inset-0 z-40 bg-black/60 backdrop-blur-sm transition-all duration-200",
604
953
  onClick: onClose
605
954
  }
606
955
  ),
607
- /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
956
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
608
957
  "div",
609
958
  {
610
959
  className: `fixed z-50 ${positionClass} ${sizeClass} bg-white dark:bg-gray-800 shadow-2xl overflow-hidden flex flex-col ${slideClasses[position]}`,
611
960
  children: [
612
- (title || showCloseButton) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700", children: [
613
- title && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
614
- showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
961
+ (title || showCloseButton) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700", children: [
962
+ title && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
963
+ showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
615
964
  "button",
616
965
  {
617
966
  onClick: onClose,
618
967
  className: "ml-auto text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors",
619
968
  "aria-label": "Close drawer",
620
- children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
969
+ children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
621
970
  }
622
971
  )
623
972
  ] }),
624
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 p-6 overflow-y-auto", children })
973
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 p-6 overflow-y-auto", children })
625
974
  ]
626
975
  }
627
976
  )
@@ -629,14 +978,14 @@ var Drawer = ({
629
978
  };
630
979
 
631
980
  // src/components/TextInput.tsx
632
- var import_react6 = require("react");
633
- var import_jsx_runtime9 = require("react/jsx-runtime");
634
- var sizeClasses3 = {
981
+ var import_react7 = require("react");
982
+ var import_jsx_runtime40 = require("react/jsx-runtime");
983
+ var sizeClasses4 = {
635
984
  sm: "px-3 py-1.5 text-sm",
636
985
  md: "px-4 py-2.5 text-base",
637
986
  lg: "px-4 py-3 text-lg"
638
987
  };
639
- var TextInput = (0, import_react6.forwardRef)(
988
+ var TextInput = (0, import_react7.forwardRef)(
640
989
  ({
641
990
  label,
642
991
  error,
@@ -651,16 +1000,16 @@ var TextInput = (0, import_react6.forwardRef)(
651
1000
  }, ref) => {
652
1001
  const { theme, themeName } = useTheme();
653
1002
  const baseStyles = theme.select?.base || "w-full appearance-none rounded-lg border border-gray-300 bg-white text-gray-900 transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm hover:border-gray-400 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-100 dark:hover:border-gray-500";
654
- const sizeStyle = sizeClasses3[size];
1003
+ const sizeStyle = sizeClasses4[size];
655
1004
  const errorStyles = error ? "border-red-500 focus:ring-red-500 dark:border-red-500" : "";
656
1005
  const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : "";
657
1006
  const widthStyle = fullWidth ? "w-full" : "";
658
1007
  const paddingWithIcon = leftIcon ? "pl-10" : rightIcon ? "pr-10" : "";
659
- return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `${widthStyle} ${className}`, children: [
660
- label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
661
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
662
- leftIcon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: leftIcon }),
663
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1008
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: `${widthStyle} ${className}`, children: [
1009
+ label && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
1010
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative", children: [
1011
+ leftIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: leftIcon }),
1012
+ /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
664
1013
  "input",
665
1014
  {
666
1015
  ref,
@@ -669,29 +1018,36 @@ var TextInput = (0, import_react6.forwardRef)(
669
1018
  ...props
670
1019
  }
671
1020
  ),
672
- rightIcon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: rightIcon })
1021
+ rightIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: rightIcon })
673
1022
  ] }),
674
- error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
675
- helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
1023
+ error && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
1024
+ helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
676
1025
  ] });
677
1026
  }
678
1027
  );
679
1028
  TextInput.displayName = "TextInput";
680
1029
 
681
1030
  // src/components/ActionMenu.tsx
682
- var import_react7 = require("react");
683
- var import_jsx_runtime10 = require("react/jsx-runtime");
1031
+ var import_react8 = require("react");
1032
+ var import_react_dom = require("react-dom");
1033
+ var import_jsx_runtime41 = require("react/jsx-runtime");
684
1034
  var ActionMenu = ({
685
1035
  items,
686
1036
  trigger,
687
1037
  position = "right"
688
1038
  }) => {
689
1039
  const { themeName } = useTheme();
690
- const [isOpen, setIsOpen] = (0, import_react7.useState)(false);
691
- const menuRef = (0, import_react7.useRef)(null);
692
- (0, import_react7.useEffect)(() => {
1040
+ const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
1041
+ const [menuPosition, setMenuPosition] = (0, import_react8.useState)(null);
1042
+ const [mounted, setMounted] = (0, import_react8.useState)(false);
1043
+ const menuRef = (0, import_react8.useRef)(null);
1044
+ const triggerRef = (0, import_react8.useRef)(null);
1045
+ (0, import_react8.useEffect)(() => {
1046
+ setMounted(true);
1047
+ }, []);
1048
+ (0, import_react8.useEffect)(() => {
693
1049
  const handleClickOutside = (event) => {
694
- if (menuRef.current && !menuRef.current.contains(event.target)) {
1050
+ if (menuRef.current && !menuRef.current.contains(event.target) && triggerRef.current && !triggerRef.current.contains(event.target)) {
695
1051
  setIsOpen(false);
696
1052
  }
697
1053
  };
@@ -700,50 +1056,79 @@ var ActionMenu = ({
700
1056
  return () => document.removeEventListener("mousedown", handleClickOutside);
701
1057
  }
702
1058
  }, [isOpen]);
1059
+ (0, import_react8.useEffect)(() => {
1060
+ if (isOpen && triggerRef.current) {
1061
+ const rect = triggerRef.current.getBoundingClientRect();
1062
+ const menuWidth = 224;
1063
+ setMenuPosition({
1064
+ top: rect.bottom + 8,
1065
+ left: position === "left" ? rect.left : rect.right - menuWidth
1066
+ });
1067
+ } else {
1068
+ setMenuPosition(null);
1069
+ }
1070
+ }, [isOpen, position]);
703
1071
  const handleItemClick = (item) => {
1072
+ if (item.type === "divider") return;
704
1073
  if (!item.disabled) {
705
1074
  item.onClick();
706
1075
  setIsOpen(false);
707
1076
  }
708
1077
  };
709
- const defaultTrigger = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
1078
+ const defaultTrigger = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
710
1079
  "button",
711
1080
  {
712
1081
  className: "p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
713
1082
  "aria-label": "Open menu",
714
- children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { className: "w-5 h-5 text-gray-600 dark:text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" }) })
1083
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { className: "w-5 h-5 text-gray-600 dark:text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" }) })
715
1084
  }
716
1085
  );
717
1086
  const menuBaseStyles = themeName === "minimalistic" ? "bg-black border-2 border-white" : "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-lg";
718
1087
  const itemBaseStyles = themeName === "minimalistic" ? "text-white hover:bg-white hover:text-black transition-colors duration-200" : "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors";
719
- const positionClass = position === "left" ? "left-0" : "right-0";
720
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative inline-block", ref: menuRef, children: [
721
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { onClick: () => setIsOpen(!isOpen), children: trigger || defaultTrigger }),
722
- isOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
723
- "div",
724
- {
725
- className: `absolute ${positionClass} mt-2 w-56 rounded-lg ${menuBaseStyles} z-50 overflow-hidden`,
726
- style: { minWidth: "14rem" },
727
- children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
1088
+ const menu = isOpen && mounted && menuPosition ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
1089
+ "div",
1090
+ {
1091
+ ref: menuRef,
1092
+ className: `fixed w-56 rounded-lg ${menuBaseStyles} z-[9999] max-h-[80vh] overflow-auto`,
1093
+ style: {
1094
+ minWidth: "14rem",
1095
+ top: `${menuPosition.top}px`,
1096
+ left: `${menuPosition.left}px`
1097
+ },
1098
+ children: items.map((item, index) => {
1099
+ if (item.type === "divider") {
1100
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
1101
+ "div",
1102
+ {
1103
+ className: "my-1 border-t border-gray-200 dark:border-gray-700"
1104
+ },
1105
+ index
1106
+ );
1107
+ }
1108
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
728
1109
  "button",
729
1110
  {
730
1111
  onClick: () => handleItemClick(item),
731
1112
  disabled: item.disabled,
732
1113
  className: `w-full text-left px-4 py-3 flex items-center gap-3 ${itemBaseStyles} ${item.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} ${item.variant === "danger" ? "text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20" : ""}`,
733
1114
  children: [
734
- item.icon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-shrink-0", children: item.icon }),
735
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-1", children: item.label })
1115
+ item.icon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "flex-shrink-0", children: item.icon }),
1116
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "flex-1", children: item.label })
736
1117
  ]
737
1118
  },
738
1119
  index
739
- ))
740
- }
741
- )
1120
+ );
1121
+ })
1122
+ }
1123
+ ) : null;
1124
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
1125
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "relative inline-block", ref: triggerRef, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { onClick: () => setIsOpen(!isOpen), children: trigger || defaultTrigger }) }),
1126
+ mounted && (0, import_react_dom.createPortal)(menu, document.body)
742
1127
  ] });
743
1128
  };
744
1129
 
745
1130
  // src/components/Card.tsx
746
- var import_jsx_runtime11 = require("react/jsx-runtime");
1131
+ var import_jsx_runtime42 = require("react/jsx-runtime");
747
1132
  var paddingClasses = {
748
1133
  none: "",
749
1134
  sm: "p-4",
@@ -759,7 +1144,7 @@ var Card = ({
759
1144
  const { theme } = useTheme();
760
1145
  const paddingClass = paddingClasses[padding];
761
1146
  const hoverClass = hover ? "hover:shadow-lg transition-shadow duration-200" : "";
762
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
1147
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
763
1148
  "div",
764
1149
  {
765
1150
  className: `bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 ${paddingClass} ${hoverClass} ${className}`,
@@ -769,7 +1154,7 @@ var Card = ({
769
1154
  };
770
1155
 
771
1156
  // src/components/Alert.tsx
772
- var import_jsx_runtime12 = require("react/jsx-runtime");
1157
+ var import_jsx_runtime43 = require("react/jsx-runtime");
773
1158
  var variantStyles = {
774
1159
  info: "bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800 text-blue-900 dark:text-blue-100",
775
1160
  success: "bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800 text-green-900 dark:text-green-100",
@@ -792,38 +1177,38 @@ var Alert = ({
792
1177
  const { theme } = useTheme();
793
1178
  const variantClass = variantStyles[variant];
794
1179
  const iconClass = iconStyles[variant];
795
- return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `rounded-lg border p-4 ${variantClass} ${className}`, role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-start gap-3", children: [
796
- /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `flex-shrink-0 ${iconClass}`, children: [
797
- variant === "info" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
798
- variant === "success" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }),
799
- variant === "warning" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
800
- variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) })
1180
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: `rounded-lg border p-4 ${variantClass} ${className}`, role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-3", children: [
1181
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: `flex-shrink-0 ${iconClass}`, children: [
1182
+ variant === "info" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
1183
+ variant === "success" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }),
1184
+ variant === "warning" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
1185
+ variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) })
801
1186
  ] }),
802
- /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex-1", children: [
803
- title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold mb-1", children: title }),
804
- /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-sm", children })
1187
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex-1", children: [
1188
+ title && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "font-semibold mb-1", children: title }),
1189
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-sm", children })
805
1190
  ] }),
806
- onClose && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
1191
+ onClose && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
807
1192
  "button",
808
1193
  {
809
1194
  onClick: onClose,
810
1195
  className: `flex-shrink-0 ${iconClass} hover:opacity-70 transition-opacity`,
811
1196
  "aria-label": "Close alert",
812
- children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
1197
+ children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
813
1198
  }
814
1199
  )
815
1200
  ] }) });
816
1201
  };
817
1202
 
818
1203
  // src/components/Checkbox.tsx
819
- var import_react8 = require("react");
820
- var import_jsx_runtime13 = require("react/jsx-runtime");
821
- var Checkbox = (0, import_react8.forwardRef)(
1204
+ var import_react9 = require("react");
1205
+ var import_jsx_runtime44 = require("react/jsx-runtime");
1206
+ var Checkbox = (0, import_react9.forwardRef)(
822
1207
  ({ label, error, className = "", disabled, ...props }, ref) => {
823
1208
  const { theme } = useTheme();
824
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className, children: [
825
- /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "flex items-center gap-2 cursor-pointer group", children: [
826
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
1209
+ return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className, children: [
1210
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { className: "flex items-center gap-2 cursor-pointer group", children: [
1211
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
827
1212
  "input",
828
1213
  {
829
1214
  ref,
@@ -833,18 +1218,18 @@ var Checkbox = (0, import_react8.forwardRef)(
833
1218
  ...props
834
1219
  }
835
1220
  ),
836
- label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: `text-sm text-gray-700 dark:text-gray-300 ${disabled ? "opacity-50 cursor-not-allowed" : "group-hover:text-gray-900 dark:group-hover:text-gray-100"}`, children: label })
1221
+ label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: `text-sm text-gray-700 dark:text-gray-300 ${disabled ? "opacity-50 cursor-not-allowed" : "group-hover:text-gray-900 dark:group-hover:text-gray-100"}`, children: label })
837
1222
  ] }),
838
- error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error })
1223
+ error && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error })
839
1224
  ] });
840
1225
  }
841
1226
  );
842
1227
  Checkbox.displayName = "Checkbox";
843
1228
 
844
1229
  // src/components/Toggle.tsx
845
- var import_react9 = require("react");
846
- var import_jsx_runtime14 = require("react/jsx-runtime");
847
- var Toggle = (0, import_react9.forwardRef)(
1230
+ var import_react10 = require("react");
1231
+ var import_jsx_runtime45 = require("react/jsx-runtime");
1232
+ var Toggle = (0, import_react10.forwardRef)(
848
1233
  ({ label, size = "md", className = "", disabled, checked, ...props }, ref) => {
849
1234
  const { theme } = useTheme();
850
1235
  const toggleClasses = {
@@ -862,9 +1247,9 @@ var Toggle = (0, import_react9.forwardRef)(
862
1247
  }
863
1248
  };
864
1249
  const currentSize = toggleClasses[size];
865
- return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: `inline-flex items-center gap-3 cursor-pointer ${disabled ? "opacity-50 cursor-not-allowed" : ""} ${className}`, children: [
866
- /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
867
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1250
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("label", { className: `inline-flex items-center gap-3 cursor-pointer ${disabled ? "opacity-50 cursor-not-allowed" : ""} ${className}`, children: [
1251
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [
1252
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
868
1253
  "input",
869
1254
  {
870
1255
  ref,
@@ -875,27 +1260,27 @@ var Toggle = (0, import_react9.forwardRef)(
875
1260
  ...props
876
1261
  }
877
1262
  ),
878
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1263
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
879
1264
  "div",
880
1265
  {
881
1266
  className: `${currentSize.switch} bg-gray-300 dark:bg-gray-700 peer-focus:ring-2 peer-focus:ring-blue-500 rounded-full peer peer-checked:bg-blue-600 dark:peer-checked:bg-blue-500 transition-colors`
882
1267
  }
883
1268
  ),
884
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
1269
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
885
1270
  "div",
886
1271
  {
887
1272
  className: `${currentSize.thumb} bg-white rounded-full shadow-md absolute top-0.5 left-0.5 transition-transform`
888
1273
  }
889
1274
  )
890
1275
  ] }),
891
- label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label })
1276
+ label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label })
892
1277
  ] });
893
1278
  }
894
1279
  );
895
1280
  Toggle.displayName = "Toggle";
896
1281
 
897
1282
  // src/components/Badge.tsx
898
- var import_jsx_runtime15 = require("react/jsx-runtime");
1283
+ var import_jsx_runtime46 = require("react/jsx-runtime");
899
1284
  var variantStyles2 = {
900
1285
  default: "bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200",
901
1286
  primary: "bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-200",
@@ -918,12 +1303,12 @@ var Badge = ({
918
1303
  const { theme } = useTheme();
919
1304
  const variantClass = variantStyles2[variant];
920
1305
  const sizeClass = sizeStyles[size];
921
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: `inline-flex items-center font-medium rounded-full ${variantClass} ${sizeClass} ${className}`, children });
1306
+ return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: `inline-flex items-center font-medium rounded-full ${variantClass} ${sizeClass} ${className}`, children });
922
1307
  };
923
1308
 
924
1309
  // src/components/Spinner.tsx
925
- var import_jsx_runtime16 = require("react/jsx-runtime");
926
- var sizeClasses4 = {
1310
+ var import_jsx_runtime47 = require("react/jsx-runtime");
1311
+ var sizeClasses5 = {
927
1312
  sm: "w-4 h-4 border-2",
928
1313
  md: "w-8 h-8 border-2",
929
1314
  lg: "w-12 h-12 border-3",
@@ -940,22 +1325,22 @@ var Spinner = ({
940
1325
  className = ""
941
1326
  }) => {
942
1327
  const { theme } = useTheme();
943
- const sizeClass = sizeClasses4[size];
1328
+ const sizeClass = sizeClasses5[size];
944
1329
  const colorClass = colorClasses[color];
945
- return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
1330
+ return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
946
1331
  "div",
947
1332
  {
948
1333
  className: `inline-block rounded-full animate-spin ${sizeClass} ${colorClass} ${className}`,
949
1334
  role: "status",
950
1335
  "aria-label": "Loading",
951
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "Loading..." })
1336
+ children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Loading..." })
952
1337
  }
953
1338
  );
954
1339
  };
955
1340
 
956
1341
  // src/components/Tabs.tsx
957
- var import_react10 = require("react");
958
- var import_jsx_runtime17 = require("react/jsx-runtime");
1342
+ var import_react11 = require("react");
1343
+ var import_jsx_runtime48 = require("react/jsx-runtime");
959
1344
  var Tabs = ({
960
1345
  tabs,
961
1346
  defaultIndex = 0,
@@ -963,14 +1348,14 @@ var Tabs = ({
963
1348
  className = ""
964
1349
  }) => {
965
1350
  const { theme } = useTheme();
966
- const [activeIndex, setActiveIndex] = (0, import_react10.useState)(defaultIndex);
1351
+ const [activeIndex, setActiveIndex] = (0, import_react11.useState)(defaultIndex);
967
1352
  const handleTabClick = (index) => {
968
1353
  if (tabs[index].disabled) return;
969
1354
  setActiveIndex(index);
970
1355
  onChange?.(index);
971
1356
  };
972
- return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className, children: [
973
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("nav", { className: "flex gap-8 px-6", "aria-label": "Tabs", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
1357
+ return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className, children: [
1358
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("nav", { className: "flex gap-8 px-6", "aria-label": "Tabs", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
974
1359
  "button",
975
1360
  {
976
1361
  onClick: () => handleTabClick(index),
@@ -981,57 +1366,66 @@ var Tabs = ({
981
1366
  },
982
1367
  index
983
1368
  )) }) }),
984
- /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: tabs[activeIndex]?.content })
1369
+ /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { children: tabs[activeIndex]?.content })
985
1370
  ] });
986
1371
  };
987
1372
 
988
1373
  // src/components/Table.tsx
989
- var import_jsx_runtime18 = require("react/jsx-runtime");
1374
+ var import_jsx_runtime49 = require("react/jsx-runtime");
990
1375
  function Table({
991
1376
  columns,
992
1377
  data,
993
1378
  keyField = "id",
994
1379
  striped = false,
995
1380
  hoverable = true,
996
- className = ""
997
- }) {
998
- const { theme } = useTheme();
999
- return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `overflow-x-auto ${className}`, children: [
1000
- /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("table", { className: "w-full text-left", children: [
1001
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", { className: "bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1002
- "th",
1003
- {
1004
- className: "px-6 py-3 text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider",
1005
- style: { width: column.width },
1006
- children: column.title
1007
- },
1008
- column.key
1009
- )) }) }),
1010
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", { className: "bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700", children: data.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1011
- "tr",
1012
- {
1013
- className: `
1014
- ${striped && rowIndex % 2 === 1 ? "bg-gray-50 dark:bg-gray-800/50" : ""}
1015
- ${hoverable ? "hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" : ""}
1016
- `,
1017
- children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
1018
- "td",
1019
- {
1020
- className: "px-6 py-4 text-sm text-gray-900 dark:text-gray-100",
1021
- children: column.render ? column.render(row[column.key], row, rowIndex) : row[column.key]
1022
- },
1023
- column.key
1024
- ))
1025
- },
1026
- row[keyField] || rowIndex
1027
- )) })
1381
+ className = ""
1382
+ }) {
1383
+ const { theme } = useTheme();
1384
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: `overflow-x-auto ${className}`, children: [
1385
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("table", { className: "w-full text-left", children: [
1386
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("thead", { className: "bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tr", { children: columns.map((column, colIndex) => {
1387
+ const isLast = colIndex === columns.length - 1;
1388
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
1389
+ "th",
1390
+ {
1391
+ className: isLast ? "px-6 py-3 text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider relative" : "px-6 py-3 text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider",
1392
+ style: { width: column.width },
1393
+ children: column.title
1394
+ },
1395
+ column.key
1396
+ );
1397
+ }) }) }),
1398
+ /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tbody", { className: "bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700", children: data.map((row, rowIndex) => {
1399
+ const rowClasses = [
1400
+ striped && rowIndex % 2 === 1 ? "bg-gray-50 dark:bg-gray-800/50" : "",
1401
+ hoverable ? "hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" : ""
1402
+ ].filter(Boolean).join(" ");
1403
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
1404
+ "tr",
1405
+ {
1406
+ className: rowClasses,
1407
+ children: columns.map((column, colIndex) => {
1408
+ const isLast = colIndex === columns.length - 1;
1409
+ return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
1410
+ "td",
1411
+ {
1412
+ className: isLast ? "px-6 py-4 text-sm text-gray-900 dark:text-gray-100 overflow-visible" : "px-6 py-4 text-sm text-gray-900 dark:text-gray-100",
1413
+ children: column.render ? column.render(row[column.key], row, rowIndex) : row[column.key]
1414
+ },
1415
+ column.key
1416
+ );
1417
+ })
1418
+ },
1419
+ row[keyField] || rowIndex
1420
+ );
1421
+ }) })
1028
1422
  ] }),
1029
- data.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: "No data available" })
1423
+ data.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: "No data available" })
1030
1424
  ] });
1031
1425
  }
1032
1426
 
1033
1427
  // src/components/Pagination.tsx
1034
- var import_jsx_runtime19 = require("react/jsx-runtime");
1428
+ var import_jsx_runtime50 = require("react/jsx-runtime");
1035
1429
  var Pagination = ({
1036
1430
  currentPage,
1037
1431
  totalPages,
@@ -1072,8 +1466,8 @@ var Pagination = ({
1072
1466
  return range(1, totalPages);
1073
1467
  };
1074
1468
  const pages = paginationRange();
1075
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("nav", { className: `flex items-center gap-1 ${className}`, "aria-label": "Pagination", children: [
1076
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
1469
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("nav", { className: `flex items-center gap-1 ${className}`, "aria-label": "Pagination", children: [
1470
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
1077
1471
  "button",
1078
1472
  {
1079
1473
  onClick: () => onPageChange(currentPage - 1),
@@ -1085,7 +1479,7 @@ var Pagination = ({
1085
1479
  ),
1086
1480
  pages.map((page, index) => {
1087
1481
  if (page === "...") {
1088
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
1482
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
1089
1483
  "span",
1090
1484
  {
1091
1485
  className: "px-3 py-2 text-gray-700 dark:text-gray-300",
@@ -1094,7 +1488,7 @@ var Pagination = ({
1094
1488
  `dots-${index}`
1095
1489
  );
1096
1490
  }
1097
- return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
1491
+ return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
1098
1492
  "button",
1099
1493
  {
1100
1494
  onClick: () => onPageChange(page),
@@ -1106,7 +1500,7 @@ var Pagination = ({
1106
1500
  page
1107
1501
  );
1108
1502
  }),
1109
- /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
1503
+ /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
1110
1504
  "button",
1111
1505
  {
1112
1506
  onClick: () => onPageChange(currentPage + 1),
@@ -1120,17 +1514,17 @@ var Pagination = ({
1120
1514
  };
1121
1515
 
1122
1516
  // src/components/DatePicker.tsx
1123
- var import_react11 = require("react");
1124
- var import_jsx_runtime20 = require("react/jsx-runtime");
1125
- var DatePicker = (0, import_react11.forwardRef)(
1517
+ var import_react12 = require("react");
1518
+ var import_jsx_runtime51 = require("react/jsx-runtime");
1519
+ var DatePicker = (0, import_react12.forwardRef)(
1126
1520
  ({ label, error, helperText, className = "", disabled, ...props }, ref) => {
1127
1521
  const { theme } = useTheme();
1128
1522
  const baseStyles = "w-full appearance-none rounded-lg border border-gray-300 bg-white text-gray-900 px-4 py-2.5 text-base transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm hover:border-gray-400 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-100 dark:hover:border-gray-500";
1129
1523
  const errorStyles = error ? "border-red-500 focus:ring-red-500 dark:border-red-500" : "";
1130
1524
  const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : "";
1131
- return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className, children: [
1132
- label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
1133
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
1525
+ return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className, children: [
1526
+ label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
1527
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
1134
1528
  "input",
1135
1529
  {
1136
1530
  ref,
@@ -1140,25 +1534,25 @@ var DatePicker = (0, import_react11.forwardRef)(
1140
1534
  ...props
1141
1535
  }
1142
1536
  ),
1143
- error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
1144
- helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
1537
+ error && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
1538
+ helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
1145
1539
  ] });
1146
1540
  }
1147
1541
  );
1148
1542
  DatePicker.displayName = "DatePicker";
1149
1543
 
1150
1544
  // src/components/TimePicker.tsx
1151
- var import_react12 = require("react");
1152
- var import_jsx_runtime21 = require("react/jsx-runtime");
1153
- var TimePicker = (0, import_react12.forwardRef)(
1545
+ var import_react13 = require("react");
1546
+ var import_jsx_runtime52 = require("react/jsx-runtime");
1547
+ var TimePicker = (0, import_react13.forwardRef)(
1154
1548
  ({ label, error, helperText, className = "", disabled, ...props }, ref) => {
1155
1549
  const { theme } = useTheme();
1156
1550
  const baseStyles = "w-full appearance-none rounded-lg border border-gray-300 bg-white text-gray-900 px-4 py-2.5 text-base transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm hover:border-gray-400 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-100 dark:hover:border-gray-500";
1157
1551
  const errorStyles = error ? "border-red-500 focus:ring-red-500 dark:border-red-500" : "";
1158
1552
  const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : "";
1159
- return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className, children: [
1160
- label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
1161
- /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
1553
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className, children: [
1554
+ label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
1555
+ /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
1162
1556
  "input",
1163
1557
  {
1164
1558
  ref,
@@ -1168,25 +1562,25 @@ var TimePicker = (0, import_react12.forwardRef)(
1168
1562
  ...props
1169
1563
  }
1170
1564
  ),
1171
- error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
1172
- helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
1565
+ error && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
1566
+ helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
1173
1567
  ] });
1174
1568
  }
1175
1569
  );
1176
1570
  TimePicker.displayName = "TimePicker";
1177
1571
 
1178
1572
  // src/components/DateTimePicker.tsx
1179
- var import_react13 = require("react");
1180
- var import_jsx_runtime22 = require("react/jsx-runtime");
1181
- var DateTimePicker = (0, import_react13.forwardRef)(
1573
+ var import_react14 = require("react");
1574
+ var import_jsx_runtime53 = require("react/jsx-runtime");
1575
+ var DateTimePicker = (0, import_react14.forwardRef)(
1182
1576
  ({ label, error, helperText, className = "", disabled, ...props }, ref) => {
1183
1577
  const { theme } = useTheme();
1184
1578
  const baseStyles = "w-full appearance-none rounded-lg border border-gray-300 bg-white text-gray-900 px-4 py-2.5 text-base transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm hover:border-gray-400 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-100 dark:hover:border-gray-500";
1185
1579
  const errorStyles = error ? "border-red-500 focus:ring-red-500 dark:border-red-500" : "";
1186
1580
  const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : "";
1187
- return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className, children: [
1188
- label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
1189
- /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
1581
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className, children: [
1582
+ label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
1583
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
1190
1584
  "input",
1191
1585
  {
1192
1586
  ref,
@@ -1196,16 +1590,16 @@ var DateTimePicker = (0, import_react13.forwardRef)(
1196
1590
  ...props
1197
1591
  }
1198
1592
  ),
1199
- error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
1200
- helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
1593
+ error && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
1594
+ helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
1201
1595
  ] });
1202
1596
  }
1203
1597
  );
1204
1598
  DateTimePicker.displayName = "DateTimePicker";
1205
1599
 
1206
1600
  // src/components/Radio.tsx
1207
- var import_react14 = __toESM(require("react"));
1208
- var import_jsx_runtime23 = require("react/jsx-runtime");
1601
+ var import_react15 = __toESM(require("react"));
1602
+ var import_jsx_runtime54 = require("react/jsx-runtime");
1209
1603
  var Radio = ({
1210
1604
  name,
1211
1605
  options,
@@ -1216,7 +1610,7 @@ var Radio = ({
1216
1610
  orientation = "vertical",
1217
1611
  className = ""
1218
1612
  }) => {
1219
- const [internalValue, setInternalValue] = import_react14.default.useState(defaultValue || "");
1613
+ const [internalValue, setInternalValue] = import_react15.default.useState(defaultValue || "");
1220
1614
  const value = controlledValue !== void 0 ? controlledValue : internalValue;
1221
1615
  const handleChange = (optionValue) => {
1222
1616
  if (disabled) return;
@@ -1224,17 +1618,17 @@ var Radio = ({
1224
1618
  onChange?.(optionValue);
1225
1619
  };
1226
1620
  const containerClass = orientation === "horizontal" ? "flex flex-wrap gap-4" : "flex flex-col gap-2";
1227
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: `${containerClass} ${className}`, role: "radiogroup", children: options.map((option) => {
1621
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `${containerClass} ${className}`, role: "radiogroup", children: options.map((option) => {
1228
1622
  const isDisabled = disabled || option.disabled;
1229
1623
  const isChecked = value === option.value;
1230
1624
  const id = `${name}-${option.value}`;
1231
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
1625
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
1232
1626
  "label",
1233
1627
  {
1234
1628
  htmlFor: id,
1235
1629
  className: `flex items-center gap-2 cursor-pointer ${isDisabled ? "opacity-50 cursor-not-allowed" : ""}`,
1236
1630
  children: [
1237
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
1631
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
1238
1632
  "input",
1239
1633
  {
1240
1634
  type: "radio",
@@ -1247,7 +1641,7 @@ var Radio = ({
1247
1641
  className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600 cursor-pointer disabled:cursor-not-allowed"
1248
1642
  }
1249
1643
  ),
1250
- /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: option.label })
1644
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: option.label })
1251
1645
  ]
1252
1646
  },
1253
1647
  option.value
@@ -1256,7 +1650,7 @@ var Radio = ({
1256
1650
  };
1257
1651
 
1258
1652
  // src/components/ProgressBar.tsx
1259
- var import_jsx_runtime24 = require("react/jsx-runtime");
1653
+ var import_jsx_runtime55 = require("react/jsx-runtime");
1260
1654
  var ProgressBar = ({
1261
1655
  value,
1262
1656
  max = 100,
@@ -1278,15 +1672,15 @@ var ProgressBar = ({
1278
1672
  warning: "bg-yellow-500 dark:bg-yellow-400",
1279
1673
  danger: "bg-red-600 dark:bg-red-500"
1280
1674
  };
1281
- return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `w-full ${className}`, children: [
1282
- (showLabel || label) && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-between items-center mb-1", children: [
1283
- label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label }),
1284
- showLabel && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
1675
+ return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `w-full ${className}`, children: [
1676
+ (showLabel || label) && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex justify-between items-center mb-1", children: [
1677
+ label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label }),
1678
+ showLabel && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
1285
1679
  Math.round(percentage),
1286
1680
  "%"
1287
1681
  ] })
1288
1682
  ] }),
1289
- /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1683
+ /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
1290
1684
  "div",
1291
1685
  {
1292
1686
  className: `w-full bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden ${sizeClasses6[size]}`,
@@ -1294,7 +1688,7 @@ var ProgressBar = ({
1294
1688
  "aria-valuenow": value,
1295
1689
  "aria-valuemin": 0,
1296
1690
  "aria-valuemax": max,
1297
- children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
1691
+ children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
1298
1692
  "div",
1299
1693
  {
1300
1694
  className: `${sizeClasses6[size]} ${variantClasses[variant]} rounded-full transition-all duration-300 ease-out`,
@@ -1307,8 +1701,8 @@ var ProgressBar = ({
1307
1701
  };
1308
1702
 
1309
1703
  // src/components/Slider.tsx
1310
- var import_react15 = __toESM(require("react"));
1311
- var import_jsx_runtime25 = require("react/jsx-runtime");
1704
+ var import_react16 = __toESM(require("react"));
1705
+ var import_jsx_runtime56 = require("react/jsx-runtime");
1312
1706
  var Slider = ({
1313
1707
  value: controlledValue,
1314
1708
  defaultValue = 50,
@@ -1321,7 +1715,7 @@ var Slider = ({
1321
1715
  label,
1322
1716
  className = ""
1323
1717
  }) => {
1324
- const [internalValue, setInternalValue] = import_react15.default.useState(defaultValue);
1718
+ const [internalValue, setInternalValue] = import_react16.default.useState(defaultValue);
1325
1719
  const value = controlledValue !== void 0 ? controlledValue : internalValue;
1326
1720
  const handleChange = (e) => {
1327
1721
  const newValue = Number(e.target.value);
@@ -1329,21 +1723,21 @@ var Slider = ({
1329
1723
  onChange?.(newValue);
1330
1724
  };
1331
1725
  const percentage = (value - min) / (max - min) * 100;
1332
- return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: `w-full ${className}`, children: [
1333
- (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex justify-between items-center mb-2", children: [
1334
- label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label }),
1335
- showValue && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: value })
1726
+ return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `w-full ${className}`, children: [
1727
+ (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex justify-between items-center mb-2", children: [
1728
+ label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label }),
1729
+ showValue && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: value })
1336
1730
  ] }),
1337
- /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative", children: [
1338
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute inset-0 h-2 bg-gray-200 dark:bg-gray-700 rounded-full top-1/2 -translate-y-1/2" }),
1339
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1731
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative", children: [
1732
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "absolute inset-0 h-2 bg-gray-200 dark:bg-gray-700 rounded-full top-1/2 -translate-y-1/2" }),
1733
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
1340
1734
  "div",
1341
1735
  {
1342
1736
  className: "absolute h-2 bg-blue-600 dark:bg-blue-500 rounded-full top-1/2 -translate-y-1/2 pointer-events-none",
1343
1737
  style: { width: `${percentage}%` }
1344
1738
  }
1345
1739
  ),
1346
- /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
1740
+ /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
1347
1741
  "input",
1348
1742
  {
1349
1743
  type: "range",
@@ -1365,8 +1759,8 @@ var Slider = ({
1365
1759
  };
1366
1760
 
1367
1761
  // src/components/Avatar.tsx
1368
- var import_react16 = __toESM(require("react"));
1369
- var import_jsx_runtime26 = require("react/jsx-runtime");
1762
+ var import_react17 = __toESM(require("react"));
1763
+ var import_jsx_runtime57 = require("react/jsx-runtime");
1370
1764
  var Avatar = ({
1371
1765
  src,
1372
1766
  alt,
@@ -1376,7 +1770,7 @@ var Avatar = ({
1376
1770
  className = "",
1377
1771
  fallbackColor = "bg-blue-600"
1378
1772
  }) => {
1379
- const [imageError, setImageError] = import_react16.default.useState(false);
1773
+ const [imageError, setImageError] = import_react17.default.useState(false);
1380
1774
  const sizeClasses6 = {
1381
1775
  xs: "w-6 h-6 text-xs",
1382
1776
  sm: "w-8 h-8 text-sm",
@@ -1394,11 +1788,11 @@ var Avatar = ({
1394
1788
  };
1395
1789
  const showImage = src && !imageError;
1396
1790
  const showInitials = !showImage && name;
1397
- return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1791
+ return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
1398
1792
  "div",
1399
1793
  {
1400
1794
  className: `${sizeClasses6[size]} ${shapeClass} flex items-center justify-center overflow-hidden ${showImage ? "bg-gray-200 dark:bg-gray-700" : `${fallbackColor} text-white`} ${className}`,
1401
- children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1795
+ children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
1402
1796
  "img",
1403
1797
  {
1404
1798
  src,
@@ -1406,13 +1800,13 @@ var Avatar = ({
1406
1800
  className: "w-full h-full object-cover",
1407
1801
  onError: () => setImageError(true)
1408
1802
  }
1409
- ) : showInitials ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-semibold select-none", children: getInitials(name) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
1803
+ ) : showInitials ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-semibold select-none", children: getInitials(name) }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
1410
1804
  "svg",
1411
1805
  {
1412
1806
  className: "w-full h-full text-gray-400 dark:text-gray-600",
1413
1807
  fill: "currentColor",
1414
1808
  viewBox: "0 0 24 24",
1415
- children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
1809
+ children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
1416
1810
  }
1417
1811
  )
1418
1812
  }
@@ -1420,7 +1814,7 @@ var Avatar = ({
1420
1814
  };
1421
1815
 
1422
1816
  // src/components/Textarea.tsx
1423
- var import_jsx_runtime27 = require("react/jsx-runtime");
1817
+ var import_jsx_runtime58 = require("react/jsx-runtime");
1424
1818
  var Textarea = ({
1425
1819
  label,
1426
1820
  error,
@@ -1447,9 +1841,9 @@ var Textarea = ({
1447
1841
  bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100
1448
1842
  placeholder:text-gray-500 dark:placeholder:text-gray-400
1449
1843
  disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-gray-50 dark:disabled:bg-gray-900`;
1450
- return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `w-full ${className}`, children: [
1451
- label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
1452
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
1844
+ return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `w-full ${className}`, children: [
1845
+ label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
1846
+ /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
1453
1847
  "textarea",
1454
1848
  {
1455
1849
  className: `${baseClasses} ${sizeClasses6[size]} ${resizeClasses[resize]}`,
@@ -1457,272 +1851,25 @@ var Textarea = ({
1457
1851
  ...props
1458
1852
  }
1459
1853
  ),
1460
- error && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
1461
- helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
1854
+ error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
1855
+ helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
1462
1856
  ] });
1463
1857
  };
1464
1858
 
1465
1859
  // src/components/Toast.tsx
1466
- var import_react17 = require("react");
1467
-
1468
- // src/icons/icon-utils.tsx
1469
- var import_jsx_runtime28 = require("react/jsx-runtime");
1470
- var sizeClasses5 = {
1471
- xs: "w-3 h-3",
1472
- sm: "w-4 h-4",
1473
- md: "w-5 h-5",
1474
- lg: "w-6 h-6",
1475
- xl: "w-8 h-8"
1476
- };
1477
- var createIcon = (displayName, path, filled = false) => {
1478
- const Icon = ({ size = "md", className = "", color = "currentColor" }) => {
1479
- const sizeClass = sizeClasses5[size];
1480
- return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
1481
- "svg",
1482
- {
1483
- className: `${sizeClass} ${className}`,
1484
- fill: filled ? color : "none",
1485
- viewBox: "0 0 24 24",
1486
- stroke: filled ? "none" : color,
1487
- "aria-hidden": "true",
1488
- children: path
1489
- }
1490
- );
1491
- };
1492
- Icon.displayName = displayName;
1493
- return Icon;
1494
- };
1495
-
1496
- // src/icons/HomeIcon.tsx
1497
- var import_jsx_runtime29 = require("react/jsx-runtime");
1498
- var HomeIcon = createIcon(
1499
- "HomeIcon",
1500
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" })
1501
- );
1502
-
1503
- // src/icons/UserIcon.tsx
1504
- var import_jsx_runtime30 = require("react/jsx-runtime");
1505
- var UserIcon = createIcon(
1506
- "UserIcon",
1507
- /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" })
1508
- );
1509
-
1510
- // src/icons/SearchIcon.tsx
1511
- var import_jsx_runtime31 = require("react/jsx-runtime");
1512
- var SearchIcon = createIcon(
1513
- "SearchIcon",
1514
- /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" })
1515
- );
1516
-
1517
- // src/icons/BellIcon.tsx
1518
- var import_jsx_runtime32 = require("react/jsx-runtime");
1519
- var BellIcon = createIcon(
1520
- "BellIcon",
1521
- /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" })
1522
- );
1523
-
1524
- // src/icons/SettingsIcon.tsx
1525
- var import_jsx_runtime33 = require("react/jsx-runtime");
1526
- var SettingsIcon = createIcon(
1527
- "SettingsIcon",
1528
- /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
1529
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
1530
- /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
1531
- ] })
1532
- );
1533
-
1534
- // src/icons/MenuIcon.tsx
1535
- var import_jsx_runtime34 = require("react/jsx-runtime");
1536
- var MenuIcon = createIcon(
1537
- "MenuIcon",
1538
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" })
1539
- );
1540
-
1541
- // src/icons/CloseIcon.tsx
1542
- var import_jsx_runtime35 = require("react/jsx-runtime");
1543
- var CloseIcon = createIcon(
1544
- "CloseIcon",
1545
- /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
1546
- );
1547
-
1548
- // src/icons/ChevronDownIcon.tsx
1549
- var import_jsx_runtime36 = require("react/jsx-runtime");
1550
- var ChevronDownIcon = createIcon(
1551
- "ChevronDownIcon",
1552
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
1553
- );
1554
-
1555
- // src/icons/ChevronRightIcon.tsx
1556
- var import_jsx_runtime37 = require("react/jsx-runtime");
1557
- var ChevronRightIcon = createIcon(
1558
- "ChevronRightIcon",
1559
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
1560
- );
1561
-
1562
- // src/icons/CheckIcon.tsx
1563
- var import_jsx_runtime38 = require("react/jsx-runtime");
1564
- var CheckIcon = createIcon(
1565
- "CheckIcon",
1566
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })
1567
- );
1568
-
1569
- // src/icons/PlusIcon.tsx
1570
- var import_jsx_runtime39 = require("react/jsx-runtime");
1571
- var PlusIcon = createIcon(
1572
- "PlusIcon",
1573
- /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" })
1574
- );
1575
-
1576
- // src/icons/TrashIcon.tsx
1577
- var import_jsx_runtime40 = require("react/jsx-runtime");
1578
- var TrashIcon = createIcon(
1579
- "TrashIcon",
1580
- /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" })
1581
- );
1582
-
1583
- // src/icons/EditIcon.tsx
1584
- var import_jsx_runtime41 = require("react/jsx-runtime");
1585
- var EditIcon = createIcon(
1586
- "EditIcon",
1587
- /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" })
1588
- );
1589
-
1590
- // src/icons/MailIcon.tsx
1591
- var import_jsx_runtime42 = require("react/jsx-runtime");
1592
- var MailIcon = createIcon(
1593
- "MailIcon",
1594
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })
1595
- );
1596
-
1597
- // src/icons/StarIcon.tsx
1598
- var import_jsx_runtime43 = require("react/jsx-runtime");
1599
- var StarIcon = createIcon(
1600
- "StarIcon",
1601
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" })
1602
- );
1603
-
1604
- // src/icons/HeartIcon.tsx
1605
- var import_jsx_runtime44 = require("react/jsx-runtime");
1606
- var HeartIcon = createIcon(
1607
- "HeartIcon",
1608
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" })
1609
- );
1610
-
1611
- // src/icons/DownloadIcon.tsx
1612
- var import_jsx_runtime45 = require("react/jsx-runtime");
1613
- var DownloadIcon = createIcon(
1614
- "DownloadIcon",
1615
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" })
1616
- );
1617
-
1618
- // src/icons/UploadIcon.tsx
1619
- var import_jsx_runtime46 = require("react/jsx-runtime");
1620
- var UploadIcon = createIcon(
1621
- "UploadIcon",
1622
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" })
1623
- );
1624
-
1625
- // src/icons/CameraIcon.tsx
1626
- var import_jsx_runtime47 = require("react/jsx-runtime");
1627
- var CameraIcon = createIcon(
1628
- "CameraIcon",
1629
- /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
1630
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" }),
1631
- /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 13a3 3 0 11-6 0 3 3 0 016 0z" })
1632
- ] })
1633
- );
1634
-
1635
- // src/icons/LockIcon.tsx
1636
- var import_jsx_runtime48 = require("react/jsx-runtime");
1637
- var LockIcon = createIcon(
1638
- "LockIcon",
1639
- /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" })
1640
- );
1641
-
1642
- // src/icons/CalendarIcon.tsx
1643
- var import_jsx_runtime49 = require("react/jsx-runtime");
1644
- var CalendarIcon = createIcon(
1645
- "CalendarIcon",
1646
- /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })
1647
- );
1648
-
1649
- // src/icons/GoogleIcon.tsx
1650
- var import_jsx_runtime50 = require("react/jsx-runtime");
1651
- var GoogleIcon = createIcon(
1652
- "GoogleIcon",
1653
- /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }),
1654
- true
1655
- );
1656
-
1657
- // src/icons/GitHubIcon.tsx
1658
- var import_jsx_runtime51 = require("react/jsx-runtime");
1659
- var GitHubIcon = createIcon(
1660
- "GitHubIcon",
1661
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }),
1662
- true
1663
- );
1664
-
1665
- // src/icons/TwitterIcon.tsx
1666
- var import_jsx_runtime52 = require("react/jsx-runtime");
1667
- var TwitterIcon = createIcon(
1668
- "TwitterIcon",
1669
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }),
1670
- true
1671
- );
1672
-
1673
- // src/icons/FacebookIcon.tsx
1674
- var import_jsx_runtime53 = require("react/jsx-runtime");
1675
- var FacebookIcon = createIcon(
1676
- "FacebookIcon",
1677
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { d: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" }),
1678
- true
1679
- );
1680
-
1681
- // src/icons/AppleIcon.tsx
1682
- var import_jsx_runtime54 = require("react/jsx-runtime");
1683
- var AppleIcon = createIcon(
1684
- "AppleIcon",
1685
- /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }),
1686
- true
1687
- );
1688
-
1689
- // src/icons/LinkedInIcon.tsx
1690
- var import_jsx_runtime55 = require("react/jsx-runtime");
1691
- var LinkedInIcon = createIcon(
1692
- "LinkedInIcon",
1693
- /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }),
1694
- true
1695
- );
1696
-
1697
- // src/icons/YouTubeIcon.tsx
1698
- var import_jsx_runtime56 = require("react/jsx-runtime");
1699
- var YouTubeIcon = createIcon(
1700
- "YouTubeIcon",
1701
- /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }),
1702
- true
1703
- );
1704
-
1705
- // src/icons/SlackIcon.tsx
1706
- var import_jsx_runtime57 = require("react/jsx-runtime");
1707
- var SlackIcon = createIcon(
1708
- "SlackIcon",
1709
- /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" }),
1710
- true
1711
- );
1712
-
1713
- // src/components/Toast.tsx
1714
- var import_jsx_runtime58 = require("react/jsx-runtime");
1715
- var ToastContext = (0, import_react17.createContext)(void 0);
1860
+ var import_react18 = require("react");
1861
+ var import_jsx_runtime59 = require("react/jsx-runtime");
1862
+ var ToastContext = (0, import_react18.createContext)(void 0);
1716
1863
  var useToast = () => {
1717
- const context = (0, import_react17.useContext)(ToastContext);
1864
+ const context = (0, import_react18.useContext)(ToastContext);
1718
1865
  if (!context) {
1719
1866
  throw new Error("useToast must be used within a ToastProvider");
1720
1867
  }
1721
1868
  return context;
1722
1869
  };
1723
1870
  var ToastProvider = ({ children, position = "top-right" }) => {
1724
- const [toasts, setToasts] = (0, import_react17.useState)([]);
1725
- const addToast = (0, import_react17.useCallback)((toast2) => {
1871
+ const [toasts, setToasts] = (0, import_react18.useState)([]);
1872
+ const addToast = (0, import_react18.useCallback)((toast2) => {
1726
1873
  const id = Math.random().toString(36).substring(7);
1727
1874
  const newToast = { ...toast2, id };
1728
1875
  setToasts((prev) => [...prev, newToast]);
@@ -1731,7 +1878,7 @@ var ToastProvider = ({ children, position = "top-right" }) => {
1731
1878
  removeToast(id);
1732
1879
  }, duration);
1733
1880
  }, []);
1734
- const removeToast = (0, import_react17.useCallback)((id) => {
1881
+ const removeToast = (0, import_react18.useCallback)((id) => {
1735
1882
  setToasts((prev) => prev.filter((toast2) => toast2.id !== id));
1736
1883
  }, []);
1737
1884
  const positionClasses2 = {
@@ -1742,9 +1889,9 @@ var ToastProvider = ({ children, position = "top-right" }) => {
1742
1889
  "top-center": "top-4 left-1/2 -translate-x-1/2",
1743
1890
  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
1744
1891
  };
1745
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ToastContext.Provider, { value: { toasts, addToast, removeToast }, children: [
1892
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(ToastContext.Provider, { value: { toasts, addToast, removeToast }, children: [
1746
1893
  children,
1747
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: `fixed ${positionClasses2[position]} z-50 flex flex-col gap-2 max-w-md`, children: toasts.map((toast2) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ToastItem, { toast: toast2, onClose: () => removeToast(toast2.id) }, toast2.id)) })
1894
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `fixed ${positionClasses2[position]} z-50 flex flex-col gap-2 max-w-md`, children: toasts.map((toast2) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ToastItem, { toast: toast2, onClose: () => removeToast(toast2.id) }, toast2.id)) })
1748
1895
  ] });
1749
1896
  };
1750
1897
  var ToastItem = ({ toast: toast2, onClose }) => {
@@ -1755,27 +1902,27 @@ var ToastItem = ({ toast: toast2, onClose }) => {
1755
1902
  info: "bg-blue-50 dark:bg-blue-900/30 border-blue-500 text-blue-800 dark:text-blue-200"
1756
1903
  };
1757
1904
  const typeIcons = {
1758
- success: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CheckIcon, { size: "sm", className: "text-green-600 dark:text-green-400" }),
1759
- error: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseIcon, { size: "sm", className: "text-red-600 dark:text-red-400" }),
1760
- warning: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { className: "w-4 h-4 text-yellow-600 dark:text-yellow-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
1761
- info: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { className: "w-4 h-4 text-blue-600 dark:text-blue-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) })
1905
+ success: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CheckIcon, { size: "sm", className: "text-green-600 dark:text-green-400" }),
1906
+ error: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { size: "sm", className: "text-red-600 dark:text-red-400" }),
1907
+ warning: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { className: "w-4 h-4 text-yellow-600 dark:text-yellow-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
1908
+ info: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { className: "w-4 h-4 text-blue-600 dark:text-blue-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) })
1762
1909
  };
1763
1910
  const type = toast2.type || "info";
1764
- return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
1911
+ return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
1765
1912
  "div",
1766
1913
  {
1767
1914
  className: `flex items-start gap-3 p-4 rounded-lg border-l-4 shadow-lg backdrop-blur-sm ${typeStyles[type]} animate-slide-in`,
1768
1915
  role: "alert",
1769
1916
  children: [
1770
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: typeIcons[type] }),
1771
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "flex-1 text-sm font-medium", children: toast2.message }),
1772
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
1917
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: typeIcons[type] }),
1918
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "flex-1 text-sm font-medium", children: toast2.message }),
1919
+ /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
1773
1920
  "button",
1774
1921
  {
1775
1922
  onClick: onClose,
1776
1923
  className: "flex-shrink-0 text-gray-400 hover:text-gray-600 dark:hover:text-gray-200 transition-colors",
1777
1924
  "aria-label": "Close",
1778
- children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CloseIcon, { size: "sm" })
1925
+ children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { size: "sm" })
1779
1926
  }
1780
1927
  )
1781
1928
  ]
@@ -1806,8 +1953,8 @@ var toast = {
1806
1953
  };
1807
1954
 
1808
1955
  // src/components/Stepper.tsx
1809
- var import_react18 = __toESM(require("react"));
1810
- var import_jsx_runtime59 = require("react/jsx-runtime");
1956
+ var import_react19 = __toESM(require("react"));
1957
+ var import_jsx_runtime60 = require("react/jsx-runtime");
1811
1958
  var Stepper = ({
1812
1959
  steps,
1813
1960
  currentStep,
@@ -1815,18 +1962,18 @@ var Stepper = ({
1815
1962
  className = ""
1816
1963
  }) => {
1817
1964
  const isHorizontal = orientation === "horizontal";
1818
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `${isHorizontal ? "flex items-center" : "flex flex-col"} ${className}`, children: steps.map((step, index) => {
1965
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `${isHorizontal ? "flex items-center" : "flex flex-col"} ${className}`, children: steps.map((step, index) => {
1819
1966
  const stepNumber = index + 1;
1820
1967
  const isActive = stepNumber === currentStep;
1821
1968
  const isCompleted = stepNumber < currentStep;
1822
1969
  const isLast = index === steps.length - 1;
1823
- return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react18.default.Fragment, { children: [
1824
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: `flex ${isHorizontal ? "flex-col items-center" : "flex-row items-start"} ${isHorizontal ? "" : "flex-1"}`, children: [
1825
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
1970
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react19.default.Fragment, { children: [
1971
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `flex ${isHorizontal ? "flex-col items-center" : "flex-row items-start"} ${isHorizontal ? "" : "flex-1"}`, children: [
1972
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
1826
1973
  "div",
1827
1974
  {
1828
1975
  className: `flex items-center justify-center w-10 h-10 rounded-full border-2 transition-all ${isCompleted ? "bg-blue-600 border-blue-600 dark:bg-blue-500 dark:border-blue-500" : isActive ? "border-blue-600 bg-white dark:border-blue-500 dark:bg-gray-800" : "border-gray-300 bg-white dark:border-gray-600 dark:bg-gray-800"}`,
1829
- children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CheckIcon, { size: "sm", className: "text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
1976
+ children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CheckIcon, { size: "sm", className: "text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
1830
1977
  "span",
1831
1978
  {
1832
1979
  className: `text-sm font-semibold ${isActive ? "text-blue-600 dark:text-blue-400" : "text-gray-500 dark:text-gray-400"}`,
@@ -1835,18 +1982,18 @@ var Stepper = ({
1835
1982
  )
1836
1983
  }
1837
1984
  ) }),
1838
- /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: `${isHorizontal ? "mt-2 text-center" : "ml-4 pb-8"} ${isLast && !isHorizontal ? "pb-0" : ""}`, children: [
1839
- /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
1985
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `${isHorizontal ? "mt-2 text-center" : "ml-4 pb-8"} ${isLast && !isHorizontal ? "pb-0" : ""}`, children: [
1986
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
1840
1987
  "p",
1841
1988
  {
1842
1989
  className: `text-sm font-medium ${isActive || isCompleted ? "text-gray-900 dark:text-gray-100" : "text-gray-500 dark:text-gray-400"}`,
1843
1990
  children: step.label
1844
1991
  }
1845
1992
  ),
1846
- step.description && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: step.description })
1993
+ step.description && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: step.description })
1847
1994
  ] })
1848
1995
  ] }),
1849
- !isLast && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
1996
+ !isLast && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
1850
1997
  "div",
1851
1998
  {
1852
1999
  className: `${isHorizontal ? "flex-1 h-0.5 mx-4" : "w-0.5 h-full ml-5 -mt-8"} ${isCompleted || isActive && stepNumber < currentStep ? "bg-blue-600 dark:bg-blue-500" : "bg-gray-300 dark:bg-gray-600"}`
@@ -1857,7 +2004,7 @@ var Stepper = ({
1857
2004
  };
1858
2005
 
1859
2006
  // src/components/Divider.tsx
1860
- var import_jsx_runtime60 = require("react/jsx-runtime");
2007
+ var import_jsx_runtime61 = require("react/jsx-runtime");
1861
2008
  var Divider = ({
1862
2009
  orientation = "horizontal",
1863
2010
  variant = "solid",
@@ -1876,14 +2023,14 @@ var Divider = ({
1876
2023
  center: "justify-center",
1877
2024
  right: "justify-end"
1878
2025
  };
1879
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `flex items-center ${alignmentClasses[labelPosition]} ${className}`, role: "separator", children: [
1880
- labelPosition !== "left" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `flex-1 border-t ${variantClasses[variant]} border-gray-300 dark:border-gray-600` }),
1881
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "px-4 text-sm text-gray-500 dark:text-gray-400", children: label }),
1882
- labelPosition !== "right" && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `flex-1 border-t ${variantClasses[variant]} border-gray-300 dark:border-gray-600` })
2026
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `flex items-center ${alignmentClasses[labelPosition]} ${className}`, role: "separator", children: [
2027
+ labelPosition !== "left" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `flex-1 border-t ${variantClasses[variant]} border-gray-300 dark:border-gray-600` }),
2028
+ /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "px-4 text-sm text-gray-500 dark:text-gray-400", children: label }),
2029
+ labelPosition !== "right" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `flex-1 border-t ${variantClasses[variant]} border-gray-300 dark:border-gray-600` })
1883
2030
  ] });
1884
2031
  }
1885
2032
  if (orientation === "vertical") {
1886
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
2033
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
1887
2034
  "div",
1888
2035
  {
1889
2036
  className: `inline-block h-full border-l ${variantClasses[variant]} border-gray-300 dark:border-gray-600 ${className}`,
@@ -1892,7 +2039,7 @@ var Divider = ({
1892
2039
  }
1893
2040
  );
1894
2041
  }
1895
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
2042
+ return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
1896
2043
  "hr",
1897
2044
  {
1898
2045
  className: `border-t ${variantClasses[variant]} border-gray-300 dark:border-gray-600 ${className}`,
@@ -1902,8 +2049,8 @@ var Divider = ({
1902
2049
  };
1903
2050
 
1904
2051
  // src/components/FileUpload.tsx
1905
- var import_react19 = require("react");
1906
- var import_jsx_runtime61 = require("react/jsx-runtime");
2052
+ var import_react20 = require("react");
2053
+ var import_jsx_runtime62 = require("react/jsx-runtime");
1907
2054
  var FileUpload = ({
1908
2055
  accept,
1909
2056
  multiple = false,
@@ -1916,9 +2063,9 @@ var FileUpload = ({
1916
2063
  label,
1917
2064
  helperText
1918
2065
  }) => {
1919
- const [files, setFiles] = (0, import_react19.useState)([]);
1920
- const [isDragging, setIsDragging] = (0, import_react19.useState)(false);
1921
- const fileInputRef = (0, import_react19.useRef)(null);
2066
+ const [files, setFiles] = (0, import_react20.useState)([]);
2067
+ const [isDragging, setIsDragging] = (0, import_react20.useState)(false);
2068
+ const fileInputRef = (0, import_react20.useRef)(null);
1922
2069
  const formatFileSize = (bytes) => {
1923
2070
  if (bytes === 0) return "0 Bytes";
1924
2071
  const k = 1024;
@@ -1976,9 +2123,9 @@ var FileUpload = ({
1976
2123
  setFiles(newFiles);
1977
2124
  onChange?.(newFiles);
1978
2125
  };
1979
- return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `w-full ${className}`, children: [
1980
- label && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: label }),
1981
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
2126
+ return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `w-full ${className}`, children: [
2127
+ label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: label }),
2128
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
1982
2129
  "div",
1983
2130
  {
1984
2131
  onDrop: handleDrop,
@@ -1987,7 +2134,7 @@ var FileUpload = ({
1987
2134
  onClick: handleClick,
1988
2135
  className: `relative border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-all ${isDragging ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border-gray-300 dark:border-gray-600 hover:border-gray-400 dark:hover:border-gray-500"} ${disabled ? "opacity-50 cursor-not-allowed" : ""}`,
1989
2136
  children: [
1990
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
2137
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
1991
2138
  "input",
1992
2139
  {
1993
2140
  ref: fileInputRef,
@@ -1999,14 +2146,14 @@ var FileUpload = ({
1999
2146
  className: "hidden"
2000
2147
  }
2001
2148
  ),
2002
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
2003
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "w-12 h-12 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(UploadIcon, { size: "lg", className: "text-gray-400 dark:text-gray-500" }) }),
2004
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { children: [
2005
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
2006
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-blue-600 dark:text-blue-400", children: "Click to upload" }),
2149
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
2150
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "w-12 h-12 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(UploadIcon, { size: "lg", className: "text-gray-400 dark:text-gray-500" }) }),
2151
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { children: [
2152
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
2153
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-blue-600 dark:text-blue-400", children: "Click to upload" }),
2007
2154
  " or drag and drop"
2008
2155
  ] }),
2009
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
2156
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
2010
2157
  accept ? `Accepted: ${accept}` : "Any file type",
2011
2158
  maxSize && ` \u2022 Max size: ${formatFileSize(maxSize)}`
2012
2159
  ] })
@@ -2015,17 +2162,17 @@ var FileUpload = ({
2015
2162
  ]
2016
2163
  }
2017
2164
  ),
2018
- helperText && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "mt-2 text-sm text-gray-500 dark:text-gray-400", children: helperText }),
2019
- files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "mt-4 space-y-2", children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
2165
+ helperText && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "mt-2 text-sm text-gray-500 dark:text-gray-400", children: helperText }),
2166
+ files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "mt-4 space-y-2", children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
2020
2167
  "div",
2021
2168
  {
2022
2169
  className: "flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",
2023
2170
  children: [
2024
- /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-1 min-w-0", children: [
2025
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100 truncate", children: file.name }),
2026
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: formatFileSize(file.size) })
2171
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex-1 min-w-0", children: [
2172
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100 truncate", children: file.name }),
2173
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: formatFileSize(file.size) })
2027
2174
  ] }),
2028
- /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
2175
+ /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
2029
2176
  "button",
2030
2177
  {
2031
2178
  onClick: (e) => {
@@ -2034,7 +2181,7 @@ var FileUpload = ({
2034
2181
  },
2035
2182
  className: "ml-4 text-gray-400 hover:text-red-600 dark:hover:text-red-400 transition-colors",
2036
2183
  "aria-label": "Remove file",
2037
- children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CloseIcon, { size: "sm" })
2184
+ children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CloseIcon, { size: "sm" })
2038
2185
  }
2039
2186
  )
2040
2187
  ]
@@ -2080,6 +2227,7 @@ function getThemeScript() {
2080
2227
  0 && (module.exports = {
2081
2228
  ActionMenu,
2082
2229
  Alert,
2230
+ AppShell,
2083
2231
  AppleIcon,
2084
2232
  Avatar,
2085
2233
  Badge,