@atxp/design-system 0.1.0 → 0.1.1

package/dist/index.cjs

@@ -177,11 +177,22 @@ __export(index_exports, {
   Heart: () => import_lucide_react17.Heart,
   HelpCircle: () => import_lucide_react4.HelpCircle,
   Home: () => import_lucide_react14.Home,
+  HoverCard: () => HoverCard,
+  HoverCardDescription: () => HoverCardDescription,
+  HoverCardHeader: () => HoverCardHeader,
+  HoverCardTitle: () => HoverCardTitle,
   Icon: () => Icon,
   Image: () => import_lucide_react5.Image,
+  IndicatorCircle: () => IndicatorCircle,
+  IndicatorDot: () => IndicatorDot,
   Info: () => import_lucide_react4.Info,
+  Input: () => Input,
+  InputGroup: () => InputGroup,
+  InputGroupHelpText: () => InputGroupHelpText,
+  InputGroupLabel: () => InputGroupLabel,
   Instagram: () => import_lucide_react15.Instagram,
   Key: () => import_lucide_react7.Key,
+  Label: () => Label,
   Laptop: () => import_lucide_react13.Laptop,
   Layout: () => import_lucide_react9.Layout,
   LayoutGrid: () => import_lucide_react9.LayoutGrid,
@@ -202,6 +213,12 @@ __export(index_exports, {
   Maximize: () => import_lucide_react9.Maximize,
   Maximize2: () => import_lucide_react9.Maximize2,
   Menu: () => import_lucide_react9.Menu,
+  Menubar: () => Menubar,
+  MenubarDropdown: () => MenubarDropdown,
+  MenubarItem: () => MenubarItem,
+  MenubarLabel: () => MenubarLabel,
+  MenubarSeparator: () => MenubarSeparator,
+  MenubarTrigger: () => MenubarTrigger,
   MessageCircle: () => import_lucide_react6.MessageCircle,
   MessageSquare: () => import_lucide_react6.MessageSquare,
   Mic: () => import_lucide_react6.Mic,
@@ -214,9 +231,25 @@ __export(index_exports, {
   MoreHorizontal: () => import_lucide_react9.MoreHorizontal,
   MoreVertical: () => import_lucide_react9.MoreVertical,
   Music: () => import_lucide_react8.Music,
+  NavHeader: () => NavHeader,
+  NavHeaderBrand: () => NavHeaderBrand,
+  NavHeaderDivider: () => NavHeaderDivider,
+  NavHeaderItem: () => NavHeaderItem,
+  NavHeaderNav: () => NavHeaderNav,
+  NavSidePanel: () => NavSidePanel,
+  NavSidePanelBrand: () => NavSidePanelBrand,
+  NavSidePanelFooter: () => NavSidePanelFooter,
+  NavSidePanelHeader: () => NavSidePanelHeader,
+  NavSidePanelItem: () => NavSidePanelItem,
+  NavSidePanelNav: () => NavSidePanelNav,
+  NavSidePanelSeparator: () => NavSidePanelSeparator,
   Navigation: () => import_lucide_react14.Navigation,
   Navigation2: () => import_lucide_react14.Navigation2,
   Package: () => import_lucide_react10.Package,
+  Pagination: () => Pagination,
+  PaginationEllipsis: () => PaginationEllipsis,
+  PaginationItem: () => PaginationItem,
+  PaginationLink: () => PaginationLink,
   PanelLeft: () => import_lucide_react9.PanelLeft,
   PanelRight: () => import_lucide_react9.PanelRight,
   Paperclip: () => import_lucide_react17.Paperclip,
@@ -228,6 +261,11 @@ __export(index_exports, {
   PieChart: () => import_lucide_react17.PieChart,
   Play: () => import_lucide_react8.Play,
   Plus: () => import_lucide_react3.Plus,
+  Popover: () => Popover,
+  PopoverDescription: () => PopoverDescription,
+  PopoverHeader: () => PopoverHeader,
+  PopoverTitle: () => PopoverTitle,
+  Progress: () => Progress,
   Radio: () => Radio,
   RefreshCw: () => import_lucide_react3.RefreshCw,
   RotateCcw: () => import_lucide_react3.RotateCcw,
@@ -324,6 +362,13 @@ __export(index_exports, {
   badgeVariants: () => badgeVariants,
   buttonVariants: () => buttonVariants,
   cn: () => cn,
+  indicatorCircleVariants: () => indicatorCircleVariants,
+  indicatorDotVariants: () => indicatorDotVariants,
+  menubarItemVariants: () => menubarItemVariants,
+  menubarTriggerVariants: () => menubarTriggerVariants,
+  navHeaderItemVariants: () => navHeaderItemVariants,
+  navSidePanelItemVariants: () => navSidePanelItemVariants,
+  paginationItemVariants: () => paginationItemVariants,
   toast: () => import_sonner2.toast,
   toggleVariants: () => toggleVariants,
   useTheme: () => useTheme
@@ -1322,17 +1367,835 @@ var HeaderDescription = React14.forwardRef(({ className, ...props }, ref) => /*
 ));
 HeaderDescription.displayName = "HeaderDescription";
 
-// src/components/Radio/Radio.tsx
+// src/components/HoverCard/HoverCard.tsx
 var React15 = __toESM(require("react"), 1);
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var Radio = React15.forwardRef(
+var HoverCard = React15.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex w-64 flex-col gap-4 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+HoverCard.displayName = "HoverCard";
+var HoverCardHeader = React15.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col gap-1", className),
+        ...props
+      }
+    );
+  }
+);
+HoverCardHeader.displayName = "HoverCardHeader";
+var HoverCardTitle = React15.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "p",
+    {
+      ref,
+      className: cn(
+        "text-base font-medium leading-6 text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+});
+HoverCardTitle.displayName = "HoverCardTitle";
+var HoverCardDescription = React15.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "p",
+    {
+      ref,
+      className: cn("text-sm font-normal leading-5 text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+HoverCardDescription.displayName = "HoverCardDescription";
+
+// src/components/Indicators/Indicators.tsx
+var React16 = __toESM(require("react"), 1);
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var indicatorDotVariants = (0, import_class_variance_authority4.cva)("h-2.5 w-2.5 rounded-full", {
+  variants: {
+    status: {
+      high: "bg-warning",
+      medium: "bg-warning-alt",
+      low: "bg-success",
+      info: "bg-warning"
+    }
+  },
+  defaultVariants: {
+    status: "high"
+  }
+});
+var IndicatorDot = React16.forwardRef(
+  ({ className, status, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(indicatorDotVariants({ status }), className),
+        ...props
+      }
+    );
+  }
+);
+IndicatorDot.displayName = "IndicatorDot";
+var indicatorCircleVariants = (0, import_class_variance_authority4.cva)("relative h-5 w-5", {
+  variants: {
+    status: {
+      complete: "",
+      partial: "",
+      minimal: ""
+    }
+  },
+  defaultVariants: {
+    status: "complete"
+  }
+});
+var IndicatorCircle = React16.forwardRef(
+  ({ className, status = "complete", ...props }, ref) => {
+    const isComplete = status === "complete";
+    const isPartial = status === "partial";
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      "div",
+      {
+        ref,
+        className: cn(indicatorCircleVariants({ status }), className),
+        ...props,
+        children: [
+          isComplete && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            Icon,
+            {
+              icon: import_lucide_react3.Check,
+              size: 20,
+              className: "text-info",
+              strokeWidth: 2
+            }
+          ),
+          isPartial && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            "svg",
+            {
+              width: "20",
+              height: "20",
+              viewBox: "0 0 20 20",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "absolute inset-0",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "circle",
+                  {
+                    cx: "10",
+                    cy: "10",
+                    r: "6.5",
+                    stroke: "var(--theme-muted-foreground)",
+                    strokeWidth: "1.5"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "path",
+                  {
+                    d: "M 10,3.5 A 6.5,6.5 0 0,1 16.5,10",
+                    stroke: "var(--theme-info)",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    fill: "none"
+                  }
+                )
+              ]
+            }
+          ),
+          !isComplete && !isPartial && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "svg",
+            {
+              width: "20",
+              height: "20",
+              viewBox: "0 0 20 20",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "absolute inset-0",
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "circle",
+                {
+                  cx: "10",
+                  cy: "10",
+                  r: "6.5",
+                  stroke: "var(--theme-muted-foreground)",
+                  strokeWidth: "1.5"
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+IndicatorCircle.displayName = "IndicatorCircle";
+
+// src/components/Input/Input.tsx
+var React17 = __toESM(require("react"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Input = React17.forwardRef(
+  ({ className, type, icon, ...props }, ref) => {
+    const WrapperComponent = icon ? "div" : React17.Fragment;
+    const wrapperProps = icon ? {
+      className: cn(
+        "flex h-10 w-full items-center gap-2 rounded-md border border-input bg-background px-3 py-2",
+        "focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+        className
+      )
+    } : {};
+    const inputElement = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm leading-5 text-foreground",
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium",
+          "placeholder:text-muted-foreground",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          icon && "flex-1 border-0 p-0 focus-visible:ring-0 focus-visible:ring-offset-0",
+          !icon && className
+        ),
+        ref,
+        ...props
+      }
+    );
+    if (icon) {
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(WrapperComponent, { ...wrapperProps, children: [
+        inputElement,
+        icon
+      ] });
+    }
+    return inputElement;
+  }
+);
+Input.displayName = "Input";
+
+// src/components/InputGroup/InputGroup.tsx
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var InputGroup = React18.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col gap-2", className),
+        ...props
+      }
+    );
+  }
+);
+InputGroup.displayName = "InputGroup";
+var InputGroupLabel = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "label",
+    {
+      ref,
+      className: cn(
+        "text-sm font-medium leading-5 text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+});
+InputGroupLabel.displayName = "InputGroupLabel";
+var InputGroupHelpText = React18.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "p",
+    {
+      ref,
+      className: cn(
+        "text-sm font-normal leading-5 text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+});
+InputGroupHelpText.displayName = "InputGroupHelpText";
+
+// src/components/Label/Label.tsx
+var React19 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Label = React19.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "label",
+      {
+        ref,
+        className: cn(
+          "text-sm font-medium leading-5 text-foreground",
+          "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Label.displayName = "Label";
+
+// src/components/Menubar/Menubar.tsx
+var React20 = __toESM(require("react"), 1);
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Menubar = React20.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex h-10 items-center gap-1 rounded-md border border-border bg-background p-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Menubar.displayName = "Menubar";
+var menubarTriggerVariants = (0, import_class_variance_authority5.cva)(
+  "inline-flex items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium leading-5 transition-colors",
+  {
+    variants: {
+      selected: {
+        true: "bg-accent text-accent-foreground",
+        false: "text-foreground hover:bg-accent hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      selected: false
+    }
+  }
+);
+var MenubarTrigger = React20.forwardRef(
+  ({ className, selected, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "button",
+      {
+        ref,
+        className: cn(menubarTriggerVariants({ selected }), className),
+        ...props
+      }
+    );
+  }
+);
+MenubarTrigger.displayName = "MenubarTrigger";
+var MenubarDropdown = React20.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex w-56 flex-col gap-0 rounded-md border border-border bg-popover p-1 shadow-md",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+MenubarDropdown.displayName = "MenubarDropdown";
+var menubarItemVariants = (0, import_class_variance_authority5.cva)(
+  "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm font-normal leading-5 transition-colors",
+  {
+    variants: {
+      disabled: {
+        true: "cursor-not-allowed opacity-50",
+        false: "cursor-pointer text-popover-foreground hover:bg-accent hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      disabled: false
+    }
+  }
+);
+var MenubarItem = React20.forwardRef(
+  ({
+    className,
+    disabled = false,
+    shortcut,
+    checked,
+    hasSubmenu,
+    children,
+    ...props
+  }, ref) => {
+    const isDisabled = Boolean(disabled);
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      "button",
+      {
+        ref,
+        disabled: isDisabled,
+        className: cn(menubarItemVariants({ disabled: isDisabled }), className),
+        ...props,
+        children: [
+          checked && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { icon: import_lucide_react3.Check, size: 16, className: "shrink-0" }),
+          !checked && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w-4 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "flex-1 text-left", children }),
+          shortcut && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ml-auto text-xs leading-4 opacity-60", children: shortcut }),
+          hasSubmenu && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 10.67, className: "ml-auto opacity-60" })
+        ]
+      }
+    );
+  }
+);
+MenubarItem.displayName = "MenubarItem";
+var MenubarSeparator = React20.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("my-1 h-px w-full bg-border", className),
+        ...props
+      }
+    );
+  }
+);
+MenubarSeparator.displayName = "MenubarSeparator";
+var MenubarLabel = React20.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "px-2 py-1.5 text-sm font-semibold leading-5 text-popover-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+MenubarLabel.displayName = "MenubarLabel";
+
+// src/components/NavHeader/NavHeader.tsx
+var React21 = __toESM(require("react"), 1);
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var NavHeader = React21.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "header",
+      {
+        ref,
+        className: cn(
+          "flex w-full items-center justify-between border-b border-slate-200 bg-background p-4",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+NavHeader.displayName = "NavHeader";
+var NavHeaderBrand = React21.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center", className),
+        ...props
+      }
+    );
+  }
+);
+NavHeaderBrand.displayName = "NavHeaderBrand";
+var NavHeaderNav = React21.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "nav",
+      {
+        ref,
+        className: cn("flex items-center gap-4", className),
+        ...props
+      }
+    );
+  }
+);
+NavHeaderNav.displayName = "NavHeaderNav";
+var navHeaderItemVariants = (0, import_class_variance_authority6.cva)(
+  "inline-flex h-9 items-center justify-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium leading-5 transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "text-foreground hover:bg-muted",
+        selected: "bg-accent text-secondary-foreground font-bold"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var NavHeaderItem = React21.forwardRef(
+  ({ className, variant, selected, icon, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+      "button",
+      {
+        ref,
+        className: cn(
+          navHeaderItemVariants({
+            variant: selected ? "selected" : variant
+          }),
+          className
+        ),
+        ...props,
+        children: [
+          icon,
+          children
+        ]
+      }
+    );
+  }
+);
+NavHeaderItem.displayName = "NavHeaderItem";
+var NavHeaderDivider = React21.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("text-base font-normal leading-6 text-input", className),
+      ...props,
+      children: "|"
+    }
+  );
+});
+NavHeaderDivider.displayName = "NavHeaderDivider";
+
+// src/components/NavSidePanel/NavSidePanel.tsx
+var React22 = __toESM(require("react"), 1);
+var import_class_variance_authority7 = require("class-variance-authority");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var NavSidePanel = React22.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex w-[180px] flex-col justify-between overflow-hidden bg-sidebar-background",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+NavSidePanel.displayName = "NavSidePanel";
+var NavSidePanelHeader = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col gap-3.5 px-4 pt-6", className),
+      ...props
+    }
+  );
+});
+NavSidePanelHeader.displayName = "NavSidePanelHeader";
+var NavSidePanelBrand = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex justify-center text-xl font-extrabold leading-7 text-black",
+        className
+      ),
+      ...props
+    }
+  );
+});
+NavSidePanelBrand.displayName = "NavSidePanelBrand";
+var NavSidePanelSeparator = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("h-px w-full bg-accent-muted", className),
+      ...props
+    }
+  );
+});
+NavSidePanelSeparator.displayName = "NavSidePanelSeparator";
+var NavSidePanelNav = React22.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      "nav",
+      {
+        ref,
+        className: cn("flex flex-1 flex-col gap-0 px-4", className),
+        ...props
+      }
+    );
+  }
+);
+NavSidePanelNav.displayName = "NavSidePanelNav";
+var navSidePanelItemVariants = (0, import_class_variance_authority7.cva)(
+  "flex h-10 w-full items-center gap-1.5 rounded-sm bg-secondary px-4 py-0 shadow-xs transition-colors",
+  {
+    variants: {
+      selected: {
+        true: "border-r-4 border-primary bg-accent",
+        false: "hover:bg-accent"
+      }
+    },
+    defaultVariants: {
+      selected: false
+    }
+  }
+);
+var NavSidePanelItem = React22.forwardRef(({ className, selected, icon, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "button",
+    {
+      ref,
+      className: cn(navSidePanelItemVariants({ selected }), className),
+      ...props,
+      children: [
+        icon,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm font-medium leading-5 text-accent-foreground", children })
+      ]
+    }
+  );
+});
+NavSidePanelItem.displayName = "NavSidePanelItem";
+var NavSidePanelFooter = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col gap-0 px-4 pb-4", className),
+      ...props
+    }
+  );
+});
+NavSidePanelFooter.displayName = "NavSidePanelFooter";
+
+// src/components/Pagination/Pagination.tsx
+var React23 = __toESM(require("react"), 1);
+var import_class_variance_authority8 = require("class-variance-authority");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Pagination = React23.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "nav",
+      {
+        ref,
+        role: "navigation",
+        "aria-label": "pagination",
+        className: cn("flex items-center justify-center gap-2", className),
+        ...props
+      }
+    );
+  }
+);
+Pagination.displayName = "Pagination";
+var paginationItemVariants = (0, import_class_variance_authority8.cva)(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-muted",
+        active: "border border-border bg-background hover:bg-muted"
+      },
+      size: {
+        default: "h-10 w-10",
+        sm: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var PaginationItem = React23.forwardRef(
+  ({ className, variant, size, isActive, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "button",
+      {
+        ref,
+        className: cn(
+          paginationItemVariants({
+            variant: isActive ? "active" : variant,
+            size
+          }),
+          className
+        ),
+        "aria-current": isActive ? "page" : void 0,
+        ...props
+      }
+    );
+  }
+);
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = React23.forwardRef(
+  ({ className, direction = "next", children, ...props }, ref) => {
+    const isPrevious = direction === "previous";
+    const isNext = direction === "next";
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+      "button",
+      {
+        ref,
+        className: cn(
+          "inline-flex h-10 items-center justify-center gap-1 rounded-md px-3 text-sm font-medium leading-5 transition-colors hover:bg-muted",
+          className
+        ),
+        ...props,
+        children: [
+          isPrevious && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { icon: import_lucide_react2.ChevronLeft, size: 16 }),
+          children || (isPrevious ? "Previous" : "Next"),
+          isNext && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { icon: import_lucide_react2.ChevronRight, size: 16 })
+        ]
+      }
+    );
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationEllipsis = React23.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "span",
+    {
+      ref,
+      "aria-hidden": true,
+      className: cn(
+        "flex h-9 w-9 items-center justify-center",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { icon: import_lucide_react17.MoreHorizontal, size: 24 })
+    }
+  );
+});
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+// src/components/Popover/Popover.tsx
+var React24 = __toESM(require("react"), 1);
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var Popover = React24.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "w-72 flex flex-col gap-4 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Popover.displayName = "Popover";
+var PopoverHeader = React24.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col gap-1", className),
+        ...props
+      }
+    );
+  }
+);
+PopoverHeader.displayName = "PopoverHeader";
+var PopoverTitle = React24.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "p",
+    {
+      ref,
+      className: cn(
+        "text-base font-medium leading-6 text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+});
+PopoverTitle.displayName = "PopoverTitle";
+var PopoverDescription = React24.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "p",
+    {
+      ref,
+      className: cn("text-sm font-normal leading-5 text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+PopoverDescription.displayName = "PopoverDescription";
+
+// src/components/Progress/Progress.tsx
+var React25 = __toESM(require("react"), 1);
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Progress = React25.forwardRef(
+  ({ className, value = 0, max = 100, ...props }, ref) => {
+    const percentage = Math.min(Math.max(value / max * 100, 0), 100);
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": value,
+        className: cn(
+          "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "div",
+          {
+            className: "h-full bg-primary transition-all duration-300 ease-in-out",
+            style: { width: `${percentage}%` }
+          }
+        )
+      }
+    );
+  }
+);
+Progress.displayName = "Progress";
+
+// src/components/Radio/Radio.tsx
+var React26 = __toESM(require("react"), 1);
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var Radio = React26.forwardRef(
   ({ className, onCheckedChange, onChange, ...props }, ref) => {
     const handleChange = (e) => {
       onChange?.(e);
       onCheckedChange?.(e.target.checked);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative inline-flex items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative inline-flex items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "input",
         {
           type: "radio",
@@ -1342,7 +2205,7 @@ var Radio = React15.forwardRef(
           ...props
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "div",
         {
           className: cn(
@@ -1362,14 +2225,14 @@ var Radio = React15.forwardRef(
 Radio.displayName = "Radio";
 
 // src/components/Select/Select.tsx
-var React16 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var SelectTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1384,12 +2247,12 @@ var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react18.ChevronDown, { className: "h-3 w-3 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react18.ChevronDown, { className: "h-3 w-3 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var SelectScrollUpButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -1398,11 +2261,11 @@ var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4 rotate-180" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4 rotate-180" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var SelectScrollDownButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -1411,11 +2274,11 @@ var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react18.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React16.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var SelectContent = React27.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -1430,8 +2293,8 @@ var SelectContent = React16.forwardRef(({ className, children, position = "poppe
     collisionPadding: 8,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -1441,12 +2304,12 @@ var SelectContent = React16.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var SelectLabel = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -1458,7 +2321,7 @@ var SelectLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var SelectItem = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -1470,13 +2333,13 @@ var SelectItem = React16.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react18.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react18.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var SelectSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1487,11 +2350,11 @@ var SelectSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/Separator/Separator.tsx
-var React17 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Separator2 = React17.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var Separator2 = React28.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -1509,10 +2372,10 @@ var Separator2 = React17.forwardRef(
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/Sheet/Sheet.tsx
-var React18 = __toESM(require("react"), 1);
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var React29 = __toESM(require("react"), 1);
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var Sheet = ({ open, onOpenChange, children }) => {
-  React18.useEffect(() => {
+  React29.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
         onOpenChange?.(false);
@@ -1528,9 +2391,9 @@ var Sheet = ({ open, onOpenChange, children }) => {
     };
   }, [open, onOpenChange]);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: React18.Children.map(children, (child) => {
-    if (React18.isValidElement(child)) {
-      return React18.cloneElement(child, { onOpenChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: React29.Children.map(children, (child) => {
+    if (React29.isValidElement(child)) {
+      return React29.cloneElement(child, { onOpenChange });
     }
     return child;
   }) });
@@ -1542,15 +2405,15 @@ var sheetVariants = {
   left: "inset-y-0 left-0 h-full w-[448px] border-r",
   right: "inset-y-0 right-0 h-full w-[448px] border-l"
 };
-var SheetContent = React18.forwardRef(
-  ({ className, children, onOpenChange, side = "right", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+var SheetContent = React29.forwardRef(
+  ({ className, children, onOpenChange, side = "right", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       className: "fixed inset-0 z-50",
       onClick: () => onOpenChange?.(false),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "fixed inset-0 bg-black/80", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
           "div",
           {
             ref,
@@ -1564,13 +2427,13 @@ var SheetContent = React18.forwardRef(
             onClick: (e) => e.stopPropagation(),
             ...props,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 "button",
                 {
                   onClick: () => onOpenChange?.(false),
                   className: "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
                   "aria-label": "Close",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon, { icon: import_lucide_react3.X, size: 16 })
                 }
               ),
               children
@@ -1582,7 +2445,7 @@ var SheetContent = React18.forwardRef(
   )
 );
 SheetContent.displayName = "SheetContent";
-var SheetHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var SheetHeader = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     ref,
@@ -1591,7 +2454,7 @@ var SheetHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SheetHeader.displayName = "SheetHeader";
-var SheetTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var SheetTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "h2",
   {
     ref,
@@ -1600,7 +2463,7 @@ var SheetTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var SheetDescription = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "p",
   {
     ref,
@@ -1609,7 +2472,7 @@ var SheetDescription = React18.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = "SheetDescription";
-var SheetFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var SheetFooter = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     ref,
@@ -1618,7 +2481,7 @@ var SheetFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SheetFooter.displayName = "SheetFooter";
-var SheetClose = React18.forwardRef(({ className, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var SheetClose = React29.forwardRef(({ className, onOpenChange, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "button",
   {
     ref,
@@ -1633,9 +2496,9 @@ var SheetClose = React18.forwardRef(({ className, onOpenChange, ...props }, ref)
 SheetClose.displayName = "SheetClose";
 
 // src/components/Skeleton/Skeleton.tsx
-var React19 = __toESM(require("react"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Skeleton = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var React30 = __toESM(require("react"), 1);
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var Skeleton = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "div",
   {
     ref,
@@ -1649,10 +2512,10 @@ var Skeleton = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Skeleton.displayName = "Skeleton";
 
 // src/components/Slider/Slider.tsx
-var React20 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var Slider = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Slider = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -1662,18 +2525,18 @@ var Slider = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // src/components/Switch/Switch.tsx
-var React21 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var Switch = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Switch = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -1682,7 +2545,7 @@ var Switch = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -1695,9 +2558,9 @@ var Switch = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/Table/Table.tsx
-var React22 = __toESM(require("react"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var Table = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var React33 = __toESM(require("react"), 1);
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var Table = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "table",
   {
     ref,
@@ -1706,9 +2569,9 @@ var Table = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var TableBody = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "tbody",
   {
     ref,
@@ -1717,7 +2580,7 @@ var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var TableFooter = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "tfoot",
   {
     ref,
@@ -1729,7 +2592,7 @@ var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var TableRow = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "tr",
   {
     ref,
@@ -1741,7 +2604,7 @@ var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var TableHead = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "th",
   {
     ref,
@@ -1753,7 +2616,7 @@ var TableHead = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var TableCell = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "td",
   {
     ref,
@@ -1765,7 +2628,7 @@ var TableCell = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var TableCaption = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "caption",
   {
     ref,
@@ -1776,11 +2639,11 @@ var TableCaption = React22.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/Tabs/Tabs.tsx
-var React23 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TabsList = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -1792,7 +2655,7 @@ var TabsList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TabsTrigger = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -1804,7 +2667,7 @@ var TabsTrigger = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var TabsContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -1818,11 +2681,11 @@ var TabsContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/Textarea/Textarea.tsx
-var React24 = __toESM(require("react"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var Textarea = React24.forwardRef(
+var React35 = __toESM(require("react"), 1);
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var Textarea = React35.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       "textarea",
       {
         className: cn(
@@ -1840,9 +2703,9 @@ Textarea.displayName = "Textarea";
 // src/components/Toast/Toast.tsx
 var import_sonner = require("sonner");
 var import_sonner2 = require("sonner");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var Toaster2 = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_sonner.Toaster,
     {
       className: "toaster group",
@@ -1860,11 +2723,11 @@ var Toaster2 = ({ ...props }) => {
 };
 
 // src/components/Toggle/Toggle.tsx
-var React25 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var toggleVariants = (0, import_class_variance_authority4.cva)(
+var import_class_variance_authority9 = require("class-variance-authority");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var toggleVariants = (0, import_class_variance_authority9.cva)(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-muted data-[state=on]:text-foreground",
   {
     variants: {
@@ -1884,7 +2747,7 @@ var toggleVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var Toggle = React25.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var Toggle = React36.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TogglePrimitive.Root,
   {
     ref,
@@ -1895,16 +2758,16 @@ var Toggle = React25.forwardRef(({ className, variant, size, ...props }, ref) =>
 Toggle.displayName = TogglePrimitive.Root.displayName;
 
 // src/lib/theme.tsx
-var React26 = __toESM(require("react"), 1);
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var ThemeContext = React26.createContext(void 0);
+var React37 = __toESM(require("react"), 1);
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var ThemeContext = React37.createContext(void 0);
 function ThemeProvider({
   children,
   defaultTheme = "auto",
   storageKey = "cc-theme",
   enablePersistence = true
 }) {
-  const [theme, setThemeState] = React26.useState(() => {
+  const [theme, setThemeState] = React37.useState(() => {
     if (typeof window === "undefined") return defaultTheme;
     if (enablePersistence) {
       const stored = window.localStorage.getItem(storageKey);
@@ -1914,13 +2777,13 @@ function ThemeProvider({
     }
     return defaultTheme;
   });
-  const [actualTheme, setActualTheme] = React26.useState(() => {
+  const [actualTheme, setActualTheme] = React37.useState(() => {
     if (theme === "auto") {
       return typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
     }
     return theme;
   });
-  React26.useEffect(() => {
+  React37.useEffect(() => {
     const root = window.document.documentElement;
     if (theme === "auto") {
       root.removeAttribute("data-theme");
@@ -1928,7 +2791,7 @@ function ThemeProvider({
       root.setAttribute("data-theme", theme);
     }
   }, [theme]);
-  React26.useEffect(() => {
+  React37.useEffect(() => {
     if (theme !== "auto") {
       setActualTheme(theme);
       return;
@@ -1943,7 +2806,7 @@ function ThemeProvider({
       mediaQuery.removeEventListener("change", handleChange);
     };
   }, [theme]);
-  const setTheme = React26.useCallback(
+  const setTheme = React37.useCallback(
     (newTheme) => {
       setThemeState(newTheme);
       if (enablePersistence && typeof window !== "undefined") {
@@ -1956,7 +2819,7 @@ function ThemeProvider({
     },
     [enablePersistence, storageKey]
   );
-  const value = React26.useMemo(
+  const value = React37.useMemo(
     () => ({
       theme,
       setTheme,
@@ -1964,10 +2827,10 @@ function ThemeProvider({
     }),
     [theme, setTheme, actualTheme]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ThemeContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeContext.Provider, { value, children });
 }
 function useTheme() {
-  const context = React26.useContext(ThemeContext);
+  const context = React37.useContext(ThemeContext);
   if (context === void 0) {
     throw new Error("useTheme must be used within a ThemeProvider");
   }
@@ -2124,11 +2987,22 @@ function isValidTheme(value) {
   Heart,
   HelpCircle,
   Home,
+  HoverCard,
+  HoverCardDescription,
+  HoverCardHeader,
+  HoverCardTitle,
   Icon,
   Image,
+  IndicatorCircle,
+  IndicatorDot,
   Info,
+  Input,
+  InputGroup,
+  InputGroupHelpText,
+  InputGroupLabel,
   Instagram,
   Key,
+  Label,
   Laptop,
   Layout,
   LayoutGrid,
@@ -2149,6 +3023,12 @@ function isValidTheme(value) {
   Maximize,
   Maximize2,
   Menu,
+  Menubar,
+  MenubarDropdown,
+  MenubarItem,
+  MenubarLabel,
+  MenubarSeparator,
+  MenubarTrigger,
   MessageCircle,
   MessageSquare,
   Mic,
@@ -2161,9 +3041,25 @@ function isValidTheme(value) {
   MoreHorizontal,
   MoreVertical,
   Music,
+  NavHeader,
+  NavHeaderBrand,
+  NavHeaderDivider,
+  NavHeaderItem,
+  NavHeaderNav,
+  NavSidePanel,
+  NavSidePanelBrand,
+  NavSidePanelFooter,
+  NavSidePanelHeader,
+  NavSidePanelItem,
+  NavSidePanelNav,
+  NavSidePanelSeparator,
   Navigation,
   Navigation2,
   Package,
+  Pagination,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
   PanelLeft,
   PanelRight,
   Paperclip,
@@ -2175,6 +3071,11 @@ function isValidTheme(value) {
   PieChart,
   Play,
   Plus,
+  Popover,
+  PopoverDescription,
+  PopoverHeader,
+  PopoverTitle,
+  Progress,
   Radio,
   RefreshCw,
   RotateCcw,
@@ -2271,6 +3172,13 @@ function isValidTheme(value) {
   badgeVariants,
   buttonVariants,
   cn,
+  indicatorCircleVariants,
+  indicatorDotVariants,
+  menubarItemVariants,
+  menubarTriggerVariants,
+  navHeaderItemVariants,
+  navSidePanelItemVariants,
+  paginationItemVariants,
   toast,
   toggleVariants,
   useTheme