ikoncomponents 1.0.0

package/dist/index.js

@@ -0,0 +1,2020 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AppSidebar: () => AppSidebar,
+  FrameworkItemDropdown: () => FrameworkItemDropdown,
+  GlowingEffect: () => GlowingEffect,
+  IconButton: () => IconButton,
+  IconButtonWithTooltip: () => IconButtonWithTooltip,
+  IconTextButton: () => IconTextButton,
+  IconTextButtonWithTooltip: () => IconTextButtonWithTooltip,
+  LoadingSpinner: () => LoadingSpinner,
+  NavMain: () => NavMain,
+  RenderAppBreadcrumb: () => RenderAppBreadcrumb,
+  SheetComponent: () => SheetComponent,
+  SkeletonWidget: () => SkeletonWidget,
+  TextButton: () => TextButton,
+  TextButtonWithTooltip: () => TextButtonWithTooltip,
+  ThemeSwitcher: () => ThemeSwitcher,
+  TitleProgress: () => TitleProgress,
+  Tooltip: () => Tooltip2
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/shadcn/ui/dropdown-menu.tsx
+var React2 = __toESM(require("react"));
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_lucide_react = require("lucide-react");
+
+// lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/shadcn/ui/dropdown-menu.tsx
+function DropdownMenu(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React2.createElement(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+}
+function DropdownMenuTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React2.createElement(
+    DropdownMenuPrimitive.Trigger,
+    __spreadValues({
+      "data-slot": "dropdown-menu-trigger"
+    }, props)
+  );
+}
+function DropdownMenuContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 4
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset"
+  ]);
+  return /* @__PURE__ */ React2.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React2.createElement(
+    DropdownMenuPrimitive.Content,
+    __spreadValues({
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        "bg-[var(--background)]",
+        className
+      )
+    }, props)
+  ));
+}
+function DropdownMenuItem(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "variant"
+  ]);
+  return /* @__PURE__ */ React2.createElement(
+    DropdownMenuPrimitive.Item,
+    __spreadValues({
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-[var(--input)] dark:focus:bg-[var(--card)] keross:focus:bg-[var(--secondary)]  focus:text-accent-foreground keross:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/action-menu/index.tsx
+var import_lucide_react2 = require("lucide-react");
+
+// src/components/buttons/index.tsx
+var import_react = __toESM(require("react"));
+
+// src/shadcn/ui/button.tsx
+var React3 = __toESM(require("react"));
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--calender-foreground)] text-[var(--btn-default)] shadow-xs hover:bg-[var(--calender-foreground)]/60 keross:hover:bg-[#1F3ABA99]",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border! border-2! bg-btn-outlined shadow-xs hover:bg-accent hover:text-foreground ",
+        secondary: "bg-[var(--btn-secondary)] text-secondary-foreground shadow-xs hover:bg-[var(--btn-secondary)]/20 border border-input",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        dashed: "border border-dashed bg-background shadow-sm hover:bg-accent hover:text-accent-foreground ",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        smIcon: "h-8 w-8",
+        circular: "size-10 rounded-full p-0",
+        lgIcon: "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button(_a) {
+  var _b = _a, {
+    className,
+    variant,
+    size,
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "asChild"
+  ]);
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ React3.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className }))
+    }, props)
+  );
+}
+
+// src/shadcn/ui/tooltip.tsx
+var React4 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delayDuration = 0
+  } = _b, props = __objRest(_b, [
+    "delayDuration"
+  ]);
+  return /* @__PURE__ */ React4.createElement(
+    TooltipPrimitive.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delayDuration
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React4.createElement(TooltipProvider, null, /* @__PURE__ */ React4.createElement(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)));
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React4.createElement(
+    TooltipPrimitive.Trigger,
+    __spreadValues({
+      "data-slot": "tooltip-trigger",
+      className: cn(
+        "inline-flex w-[80px] whitespace-nowrap rounded-md border-0 border-input  py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50"
+      )
+    }, props)
+  );
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 0,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "children"
+  ]);
+  return /* @__PURE__ */ React4.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React4.createElement(
+    TooltipPrimitive.Content,
+    __spreadValues({
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-[var(--secondary)] dark:bg-[var(--input-background-custom)] text-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      )
+    }, props),
+    children,
+    /* @__PURE__ */ React4.createElement(TooltipPrimitive.Arrow, { className: "bg-[var(--secondary)] dark:bg-[var(--input-background-custom)] fill-[var(--secondary)] dark:fill-[var(--input-background-custom)] z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+  ));
+}
+
+// src/components/tooltip/index.tsx
+function Tooltip2({ tooltipContent, children }) {
+  return /* @__PURE__ */ React.createElement(TooltipProvider, null, /* @__PURE__ */ React.createElement(Tooltip, null, /* @__PURE__ */ React.createElement(TooltipTrigger, { asChild: true }, children), /* @__PURE__ */ React.createElement(TooltipContent, null, tooltipContent)));
+}
+
+// src/components/buttons/index.tsx
+function TextButton(_a) {
+  var _b = _a, { children, variant, asChild = false, size } = _b, props = __objRest(_b, ["children", "variant", "asChild", "size"]);
+  return /* @__PURE__ */ import_react.default.createElement(Button, __spreadProps(__spreadValues({ variant, size }, props), { asChild }), children);
+}
+function TextButtonWithTooltip(_a) {
+  var _b = _a, { children, variant, asChild = false, size, tooltipContent } = _b, props = __objRest(_b, ["children", "variant", "asChild", "size", "tooltipContent"]);
+  return /* @__PURE__ */ import_react.default.createElement(Tooltip2, { tooltipContent }, /* @__PURE__ */ import_react.default.createElement(TextButton, __spreadProps(__spreadValues({ variant, size }, props), { asChild }), children));
+}
+function IconTextButton(_a) {
+  var _b = _a, { children, variant, asChild = false, size } = _b, props = __objRest(_b, ["children", "variant", "asChild", "size"]);
+  return /* @__PURE__ */ import_react.default.createElement(Button, __spreadProps(__spreadValues({ variant: variant || "outline", size: size || "sm" }, props), { asChild }), children);
+}
+function IconTextButtonWithTooltip(_a) {
+  var _b = _a, { children, variant, size, asChild = false, tooltipContent } = _b, props = __objRest(_b, ["children", "variant", "size", "asChild", "tooltipContent"]);
+  return /* @__PURE__ */ import_react.default.createElement(Tooltip2, { tooltipContent }, /* @__PURE__ */ import_react.default.createElement(IconTextButton, __spreadProps(__spreadValues({ variant, size }, props), { asChild }), children));
+}
+function IconButton(_a) {
+  var _b = _a, { children, variant, size, asChild = false } = _b, props = __objRest(_b, ["children", "variant", "size", "asChild"]);
+  return /* @__PURE__ */ import_react.default.createElement(Button, __spreadProps(__spreadValues({ variant: variant || "outline", size: size || "icon" }, props), { asChild }), children);
+}
+function IconButtonWithTooltip(_a) {
+  var _b = _a, { children, tooltipContent, asChild = false, variant, size } = _b, props = __objRest(_b, ["children", "tooltipContent", "asChild", "variant", "size"]);
+  return /* @__PURE__ */ import_react.default.createElement(Tooltip2, { tooltipContent }, /* @__PURE__ */ import_react.default.createElement(IconButton, __spreadProps(__spreadValues({ variant, size }, props), { asChild }), children));
+}
+
+// src/shadcn/ui/alert-dialog.tsx
+var React6 = __toESM(require("react"));
+var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"));
+var AlertDialog = (props) => /* @__PURE__ */ React6.createElement(AlertDialogPrimitive.Root, __spreadValues({ "data-slot": "alert-dialog" }, props));
+AlertDialog.displayName = "AlertDialog";
+var AlertDialogTrigger = React6.forwardRef((props, ref) => /* @__PURE__ */ React6.createElement(
+  AlertDialogPrimitive.Trigger,
+  __spreadValues({
+    "data-slot": "alert-dialog-trigger",
+    ref
+  }, props)
+));
+AlertDialogTrigger.displayName = "AlertDialogTrigger";
+var AlertDialogPortal = (props) => /* @__PURE__ */ React6.createElement(AlertDialogPrimitive.Portal, __spreadValues({ "data-slot": "alert-dialog-portal" }, props));
+AlertDialogPortal.displayName = "AlertDialogPortal";
+var AlertDialogOverlay = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React6.createElement(
+    AlertDialogPrimitive.Overlay,
+    __spreadValues({
+      ref,
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )
+    }, props)
+  );
+});
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+var AlertDialogContent = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React6.createElement(AlertDialogPortal, null, /* @__PURE__ */ React6.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React6.createElement(
+    AlertDialogPrimitive.Content,
+    __spreadValues({
+      ref,
+      "data-slot": "alert-dialog-content",
+      className: cn(
+        "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+        className
+      )
+    }, props)
+  ));
+});
+AlertDialogContent.displayName = "AlertDialogContent";
+var AlertDialogHeader = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React6.createElement(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "alert-dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className)
+    }, props)
+  );
+});
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React6.createElement(
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )
+    }, props)
+  );
+});
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React6.createElement(
+    AlertDialogPrimitive.Title,
+    __spreadValues({
+      ref,
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-semibold bg-background", className)
+    }, props)
+  );
+});
+AlertDialogTitle.displayName = "AlertDialogTitle";
+var AlertDialogDescription = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React6.createElement(
+    AlertDialogPrimitive.Description,
+    __spreadValues({
+      ref,
+      "data-slot": "alert-dialog-description",
+      className: cn("text-muted-foreground text-sm bg-background", className)
+    }, props)
+  );
+});
+AlertDialogDescription.displayName = "AlertDialogDescription";
+var AlertDialogAction = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React6.createElement(
+    AlertDialogPrimitive.Action,
+    __spreadValues({
+      ref,
+      className: cn(buttonVariants(), className)
+    }, props)
+  );
+});
+AlertDialogAction.displayName = "AlertDialogAction";
+var AlertDialogCancel = React6.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React6.createElement(
+    AlertDialogPrimitive.Cancel,
+    __spreadValues({
+      ref,
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        "bg-background",
+        className
+      )
+    }, props)
+  );
+});
+AlertDialogCancel.displayName = "AlertDialogCancel";
+
+// src/components/app-breadcrumb/index.tsx
+var import_link = __toESM(require("next/link"));
+var import_react3 = require("react");
+var import_navigation = require("next/navigation");
+
+// src/components/app-breadcrumb/BreadcrumbProvider.tsx
+var import_react2 = require("react");
+var BreadcrumbContext = (0, import_react2.createContext)(void 0);
+function useBreadcrumb() {
+  const context = (0, import_react2.useContext)(BreadcrumbContext);
+  if (!context) {
+    throw new Error("useBreadcrumb must be used within a BreadcrumbProvider");
+  }
+  return context;
+}
+
+// src/shadcn/ui/breadcrumb.tsx
+var React7 = __toESM(require("react"));
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_lucide_react3 = require("lucide-react");
+
+// src/shadcn/ui/drawer.tsx
+var React8 = __toESM(require("react"));
+var import_vaul = require("vaul");
+
+// src/shadcn/hooks/use-mobile.ts
+var React9 = __toESM(require("react"));
+
+// src/components/app-breadcrumb/index.tsx
+function RenderAppBreadcrumb({
+  breadcrumb
+}) {
+  const { addBreadcrumb } = useBreadcrumb();
+  (0, import_react3.useEffect)(() => {
+    addBreadcrumb(breadcrumb);
+  }, [breadcrumb]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+}
+
+// src/components/combobox-input/index.tsx
+var import_react4 = __toESM(require("react"));
+
+// src/shadcn/ui/popover.tsx
+var React10 = __toESM(require("react"));
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
+function Popover(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React10.createElement(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React10.createElement(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+}
+function PopoverContent(_a) {
+  var _b = _a, {
+    className,
+    align = "center",
+    sideOffset = 4
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align",
+    "sideOffset"
+  ]);
+  return /* @__PURE__ */ React10.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React10.createElement(
+    PopoverPrimitive.Content,
+    __spreadValues({
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      )
+    }, props)
+  ));
+}
+
+// src/components/combobox-input/index.tsx
+var import_lucide_react6 = require("lucide-react");
+
+// src/shadcn/ui/command.tsx
+var React12 = __toESM(require("react"));
+var import_cmdk = require("cmdk");
+var import_lucide_react5 = require("lucide-react");
+
+// src/shadcn/ui/dialog.tsx
+var React11 = __toESM(require("react"));
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_lucide_react4 = require("lucide-react");
+
+// src/shadcn/ui/command.tsx
+function Command(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React12.createElement(
+    import_cmdk.Command,
+    __spreadValues({
+      "data-slot": "command",
+      className: cn(
+        "bg-card text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      )
+    }, props)
+  );
+}
+function CommandInput(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React12.createElement(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3"
+    },
+    /* @__PURE__ */ React12.createElement(import_lucide_react5.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ React12.createElement(
+      import_cmdk.Command.Input,
+      __spreadValues({
+        "data-slot": "command-input",
+        className: cn(
+          "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )
+      }, props)
+    )
+  );
+}
+function CommandList(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React12.createElement(
+    import_cmdk.Command.List,
+    __spreadValues({
+      "data-slot": "command-list",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      )
+    }, props)
+  );
+}
+function CommandEmpty(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React12.createElement(
+    import_cmdk.Command.Empty,
+    __spreadValues({
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm"
+    }, props)
+  );
+}
+function CommandItem(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React12.createElement(
+    import_cmdk.Command.Item,
+    __spreadValues({
+      "data-slot": "command-item",
+      className: cn(
+        "data-[selected=true]:bg-[var(--input)] data-[selected=true]:text-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/e-chart/index.tsx
+var import_react5 = require("react");
+var import_echarts = require("echarts");
+function validateOption(option) {
+  if (option === void 0 || option === null || typeof option !== "object") {
+    option = {};
+  }
+  const validatedOption = __spreadValues({}, option);
+  if (validatedOption.toolbox === void 0 || validatedOption.toolbox === null || typeof validatedOption.toolbox !== "object") {
+    validatedOption.toolbox = {};
+  }
+  if (validatedOption.toolbox.feature === void 0 || validatedOption.toolbox.feature === null || typeof validatedOption.toolbox.feature !== "object") {
+    validatedOption.toolbox.feature = {};
+  }
+  return validatedOption;
+}
+var EChart = (0, import_react5.forwardRef)(({
+  parentDivProps = {},
+  option = {},
+  style = {},
+  settings = {},
+  loading = true,
+  theme,
+  isConfigurable = false,
+  resizeKey,
+  onClick = () => {
+  },
+  onConfigure = () => {
+  }
+}, ref) => {
+  const chartRef = (0, import_react5.useRef)(null);
+  const chartInstanceRef = (0, import_react5.useRef)(null);
+  const validatedOption = validateOption(option);
+  if (isConfigurable) {
+    validatedOption.toolbox.feature = __spreadProps(__spreadValues({}, validatedOption.toolbox.feature), {
+      myConfigureChartTool: {
+        show: true,
+        title: "Configure Chart",
+        icon: "image://data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXNldHRpbmdzLTIiPjxwYXRoIGQ9Ik0yMCA3aC05Ii8+PHBhdGggZD0iTTE0IDE3SDUiLz48Y2lyY2xlIGN4PSIxNyIgY3k9IjE3IiByPSIzIi8+PGNpcmNsZSBjeD0iNyIgY3k9IjciIHI9IjMiLz48L3N2Zz4=",
+        onclick: () => onConfigure == null ? void 0 : onConfigure()
+      }
+    });
+  }
+  (0, import_react5.useImperativeHandle)(ref, () => {
+    return {
+      getChartObject: () => {
+        return chartRef.current ? (0, import_echarts.getInstanceByDom)(chartRef.current) : null;
+      },
+      setOption: (validatedOption2, settings2) => {
+        if (!chartRef.current) {
+          return;
+        }
+        const chart = (0, import_echarts.getInstanceByDom)(chartRef.current);
+        chart == null ? void 0 : chart.setOption(validatedOption2, settings2);
+      },
+      resize: (secondResizeDelay = 0) => {
+        if (!chartRef.current) {
+          return;
+        }
+        const chart = (0, import_echarts.getInstanceByDom)(chartRef.current);
+        chart == null ? void 0 : chart.resize();
+        if (secondResizeDelay) {
+          setTimeout(() => chart == null ? void 0 : chart.resize(), secondResizeDelay);
+        }
+      },
+      loadingVisible: (visibility) => {
+        if (!chartRef.current) {
+          return;
+        }
+        const chart = (0, import_echarts.getInstanceByDom)(chartRef.current);
+        visibility ? chart == null ? void 0 : chart.showLoading() : chart == null ? void 0 : chart.hideLoading();
+      },
+      dispose: () => {
+        if (!chartRef.current) {
+          return;
+        }
+        const chart = (0, import_echarts.getInstanceByDom)(chartRef.current);
+        chart == null ? void 0 : chart.dispose();
+      },
+      on: (eventName, callback) => {
+        if (!chartRef.current) {
+          return;
+        }
+        const chart = (0, import_echarts.getInstanceByDom)(chartRef.current);
+        chart == null ? void 0 : chart.on(eventName, callback);
+      }
+    };
+  });
+  (0, import_react5.useEffect)(() => {
+    if (chartRef.current) {
+      chartInstanceRef.current = (0, import_echarts.init)(chartRef.current, theme);
+    }
+    const resizeCallback = () => {
+      var _a, _b;
+      return (_b = (_a = chartInstanceRef.current) == null ? void 0 : _a.resize) == null ? void 0 : _b.call(_a);
+    };
+    window.addEventListener("resize", resizeCallback);
+    return () => {
+      if (chartInstanceRef.current) {
+        chartInstanceRef.current.dispose();
+        chartInstanceRef.current = null;
+      }
+      window.removeEventListener("resize", resizeCallback);
+    };
+  }, [theme]);
+  (0, import_react5.useEffect)(() => {
+    if (chartInstanceRef.current) {
+      chartInstanceRef.current.setOption(validatedOption, settings);
+    }
+    if (chartInstanceRef.current) {
+      chartInstanceRef.current.on("click", onClick);
+    }
+  }, [option, settings, theme]);
+  (0, import_react5.useEffect)(() => {
+    if (chartInstanceRef.current) {
+      chartInstanceRef.current.resize();
+    }
+  }, [resizeKey]);
+  (0, import_react5.useEffect)(() => {
+    if (chartInstanceRef.current) {
+      setTimeout(() => {
+        var _a;
+        (_a = chartInstanceRef.current) == null ? void 0 : _a.resize();
+      }, 500);
+    }
+  }, []);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadProps(__spreadValues({
+      ref: chartRef
+    }, parentDivProps), {
+      style: __spreadValues({ width: "100%", height: "100%" }, style)
+    })
+  );
+});
+
+// src/components/file-input/index.tsx
+var import_react6 = __toESM(require("react"));
+var import_lucide_react7 = require("lucide-react");
+
+// src/shadcn/ui/input.tsx
+var React14 = __toESM(require("react"));
+
+// src/shadcn/ui/form.tsx
+var React17 = __toESM(require("react"));
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_react_hook_form = require("react-hook-form");
+
+// src/shadcn/ui/label.tsx
+var React16 = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+
+// src/shadcn/ui/form.tsx
+var FormFieldContext = React17.createContext(
+  {}
+);
+var FormItemContext = React17.createContext(
+  {}
+);
+
+// src/components/form-fields/combobox-input/index.tsx
+var import_react7 = __toESM(require("react"));
+
+// src/shadcn/lib/utils.ts
+var import_clsx2 = require("clsx");
+var import_tailwind_merge2 = require("tailwind-merge");
+function cn2(...inputs) {
+  return (0, import_tailwind_merge2.twMerge)((0, import_clsx2.clsx)(inputs));
+}
+
+// src/components/form-fields/combobox-input/index.tsx
+var import_lucide_react8 = require("lucide-react");
+
+// src/components/form-fields/combobox-input-value/index.tsx
+var import_react8 = __toESM(require("react"));
+var import_react_hook_form2 = require("react-hook-form");
+var import_lucide_react9 = require("lucide-react");
+
+// src/components/form-fields/date-input/index.tsx
+var import_react9 = __toESM(require("react"));
+var import_date_fns = require("date-fns");
+var import_lucide_react11 = require("lucide-react");
+
+// src/shadcn/ui/calendar.tsx
+var React20 = __toESM(require("react"));
+var import_lucide_react10 = require("lucide-react");
+var import_react_day_picker = require("react-day-picker");
+
+// src/components/form-fields/file-input/index.tsx
+var import_react10 = __toESM(require("react"));
+
+// src/components/form-fields/input/index.tsx
+var import_react11 = __toESM(require("react"));
+
+// src/components/form-fields/multi-combobox-input/index.tsx
+var import_react12 = __toESM(require("react"));
+var import_lucide_react13 = require("lucide-react");
+
+// src/shadcn/ui/checkbox.tsx
+var React24 = __toESM(require("react"));
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var import_lucide_react12 = require("lucide-react");
+
+// src/components/form-fields/otp-input/index.tsx
+var import_react13 = __toESM(require("react"));
+
+// src/shadcn/ui/input-otp.tsx
+var React26 = __toESM(require("react"));
+var import_input_otp = require("input-otp");
+var import_lucide_react14 = require("lucide-react");
+var InputOTP = React26.forwardRef((_a, ref) => {
+  var _b = _a, { className, containerClassName } = _b, props = __objRest(_b, ["className", "containerClassName"]);
+  return /* @__PURE__ */ React26.createElement(
+    import_input_otp.OTPInput,
+    __spreadValues({
+      ref,
+      containerClassName: cn2(
+        "flex items-center gap-2 has-[:disabled]:opacity-50",
+        containerClassName
+      ),
+      className: cn2("disabled:cursor-not-allowed", className)
+    }, props)
+  );
+});
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React26.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React26.createElement("div", __spreadValues({ ref, className: cn2("flex items-center", className) }, props));
+});
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React26.forwardRef((_a, ref) => {
+  var _b = _a, { index, className } = _b, props = __objRest(_b, ["index", "className"]);
+  const inputOTPContext = React26.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ React26.createElement(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn2(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-1 ring-ring",
+        className
+      )
+    }, props),
+    char,
+    hasFakeCaret && /* @__PURE__ */ React26.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React26.createElement("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }))
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React26.forwardRef((_a, ref) => {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React26.createElement("div", __spreadValues({ ref, role: "separator" }, props), /* @__PURE__ */ React26.createElement(import_lucide_react14.Minus, null));
+});
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// src/components/form-fields/phone-input/index.tsx
+var import_react14 = __toESM(require("react"));
+
+// src/components/form-fields/textarea/index.tsx
+var import_react15 = __toESM(require("react"));
+
+// src/shadcn/ui/textarea.tsx
+var React29 = __toESM(require("react"));
+
+// src/components/glowing-effect/index.tsx
+var import_react16 = require("react");
+var import_framer_motion = require("framer-motion");
+var GlowingEffect = (0, import_react16.memo)(
+  ({
+    blur = 0,
+    inactiveZone = 0.7,
+    proximity = 0,
+    spread = 20,
+    variant = "default",
+    glow = false,
+    className,
+    movementDuration = 2,
+    borderWidth = 1,
+    disabled = true
+  }) => {
+    const containerRef = (0, import_react16.useRef)(null);
+    const lastPosition = (0, import_react16.useRef)({ x: 0, y: 0 });
+    const animationFrameRef = (0, import_react16.useRef)(0);
+    const handleMove = (0, import_react16.useCallback)(
+      (e) => {
+        if (!containerRef.current) return;
+        if (animationFrameRef.current) {
+          cancelAnimationFrame(animationFrameRef.current);
+        }
+        animationFrameRef.current = requestAnimationFrame(() => {
+          var _a, _b;
+          const element = containerRef.current;
+          if (!element) return;
+          const { left, top, width, height } = element.getBoundingClientRect();
+          const mouseX = (_a = e == null ? void 0 : e.x) != null ? _a : lastPosition.current.x;
+          const mouseY = (_b = e == null ? void 0 : e.y) != null ? _b : lastPosition.current.y;
+          if (e) {
+            lastPosition.current = { x: mouseX, y: mouseY };
+          }
+          const center = [left + width * 0.5, top + height * 0.5];
+          const distanceFromCenter = Math.hypot(
+            mouseX - center[0],
+            mouseY - center[1]
+          );
+          const inactiveRadius = 0.5 * Math.min(width, height) * inactiveZone;
+          if (distanceFromCenter < inactiveRadius) {
+            element.style.setProperty("--active", "0");
+            return;
+          }
+          const isActive = mouseX > left - proximity && mouseX < left + width + proximity && mouseY > top - proximity && mouseY < top + height + proximity;
+          element.style.setProperty("--active", isActive ? "1" : "0");
+          if (!isActive) return;
+          const currentAngle = parseFloat(element.style.getPropertyValue("--start")) || 0;
+          let targetAngle = 180 * Math.atan2(mouseY - center[1], mouseX - center[0]) / Math.PI + 90;
+          const angleDiff = (targetAngle - currentAngle + 180) % 360 - 180;
+          const newAngle = currentAngle + angleDiff;
+          (0, import_framer_motion.animate)(currentAngle, newAngle, {
+            duration: movementDuration,
+            ease: [0.16, 1, 0.3, 1],
+            onUpdate: (value) => {
+              element.style.setProperty("--start", String(value));
+            }
+          });
+        });
+      },
+      [inactiveZone, proximity, movementDuration]
+    );
+    (0, import_react16.useEffect)(() => {
+      if (disabled) return;
+      const handleScroll = () => handleMove();
+      const handlePointerMove = (e) => handleMove(e);
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      document.body.addEventListener("pointermove", handlePointerMove, {
+        passive: true
+      });
+      return () => {
+        if (animationFrameRef.current) {
+          cancelAnimationFrame(animationFrameRef.current);
+        }
+        window.removeEventListener("scroll", handleScroll);
+        document.body.removeEventListener("pointermove", handlePointerMove);
+      };
+    }, [handleMove, disabled]);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn(
+          "pointer-events-none absolute -inset-px hidden rounded-[inherit] border opacity-0 transition-opacity",
+          glow && "opacity-100",
+          variant === "white" && "border-white",
+          disabled && "!block"
+        )
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: containerRef,
+        style: {
+          "--blur": `${blur}px`,
+          "--spread": spread,
+          "--start": "0",
+          "--active": "0",
+          "--glowingeffect-border-width": `${borderWidth}px`,
+          "--repeating-conic-gradient-times": "5",
+          "--gradient": variant === "white" ? `repeating-conic-gradient(from 236.84deg at 50% 50%,var(--black),var(--black) calc(25% / var(--repeating-conic-gradient-times)))` : `linear-gradient(54.29deg, #00A5E9 22.93%, #A020F0 32.97%, #55C8FF 52.28%, #A020F0 73.13%, #071182 88.57%)`
+        },
+        className: cn(
+          "pointer-events-none absolute inset-0 rounded-[inherit] opacity-100 transition-opacity",
+          glow && "opacity-100",
+          blur > 0 && "blur-[var(--blur)] ",
+          className,
+          disabled && "!hidden"
+        )
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "glow",
+            "rounded-[inherit]",
+            'after:content-[""] after:rounded-[inherit] after:absolute after:inset-[calc(-1*var(--glowingeffect-border-width))]',
+            "after:[border:var(--glowingeffect-border-width)_solid_transparent]",
+            "after:[background:var(--gradient)] after:[background-attachment:fixed]",
+            "after:opacity-[var(--active)] after:transition-opacity after:duration-300",
+            "after:[mask-clip:padding-box,border-box]",
+            "after:[mask-composite:intersect]",
+            "after:[mask-image:linear-gradient(#0000,#0000),conic-gradient(from_calc((var(--start)-var(--spread))*1deg),#00000000_0deg,#fff,#00000000_calc(var(--spread)*2deg))]"
+          )
+        }
+      )
+    ));
+  }
+);
+GlowingEffect.displayName = "GlowingEffect";
+
+// src/components/icon/index.tsx
+var import_dynamic = require("lucide-react/dynamic");
+
+// src/components/loading-spinner/index.tsx
+var LoadingSpinner = (_a) => {
+  var _b = _a, {
+    size = 48,
+    className,
+    visible = true
+  } = _b, props = __objRest(_b, [
+    "size",
+    "className",
+    "visible"
+  ]);
+  if (!visible) return null;
+  return /* @__PURE__ */ React.createElement("div", { className: "h-full w-full" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 flex justify-center items-center z-50" }, /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size
+    }, props), {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: cn("animate-spin", className)
+    }),
+    /* @__PURE__ */ React.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+  )));
+};
+
+// src/components/multi-combobox/index.tsx
+var import_react17 = __toESM(require("react"));
+var import_lucide_react15 = require("lucide-react");
+
+// src/components/no-data/index.tsx
+var import_lucide_react16 = require("lucide-react");
+
+// src/shadcn/ui/progress.tsx
+var React32 = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
+function Progress(_a) {
+  var _b = _a, {
+    className,
+    value = 0,
+    indicatorColor = "var(--progress-foreground)"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "value",
+    "indicatorColor"
+  ]);
+  return /* @__PURE__ */ React32.createElement(
+    ProgressPrimitive.Root,
+    __spreadValues({
+      "data-slot": "progress",
+      className: cn(
+        "bg-[var(--progress-background)] relative h-2 w-full overflow-hidden rounded-full",
+        className
+      )
+    }, props),
+    /* @__PURE__ */ React32.createElement(
+      ProgressPrimitive.Indicator,
+      {
+        "data-slot": "progress-indicator",
+        className: "h-full w-full flex-1 transition-all",
+        style: {
+          transform: `translateX(-${100 - value}%)`,
+          backgroundColor: indicatorColor
+        }
+      }
+    )
+  );
+}
+
+// src/components/password-strength-meter/index.tsx
+var import_react18 = __toESM(require("react"));
+var import_zxcvbn = __toESM(require("zxcvbn"));
+
+// src/components/phone-input/index.tsx
+var import_lucide_react17 = require("lucide-react");
+var import_react19 = require("react");
+var import_countries_list = require("countries-list");
+var Flags = __toESM(require("country-flag-icons/react/3x2"));
+
+// src/shadcn/ui/card.tsx
+var React34 = __toESM(require("react"));
+
+// src/shadcn/ui/select.tsx
+var React35 = __toESM(require("react"));
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_lucide_react18 = require("lucide-react");
+
+// src/shadcn/ui/table.tsx
+var React36 = __toESM(require("react"));
+
+// src/components/resource-spreadsheet/index.tsx
+var import_lucide_react19 = require("lucide-react");
+var import_react20 = __toESM(require("react"));
+var import_react_hook_form3 = require("react-hook-form");
+
+// src/components/search-input/index.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_lucide_react20 = require("lucide-react");
+
+// src/shadcn/ui/sheet.tsx
+var React38 = __toESM(require("react"));
+var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_lucide_react21 = require("lucide-react");
+function Sheet(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React38.createElement(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+}
+function SheetTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React38.createElement(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+}
+function SheetPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React38.createElement(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+}
+function SheetOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React38.createElement(
+    SheetPrimitive.Overlay,
+    __spreadValues({
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )
+    }, props)
+  );
+}
+function SheetContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    side = "right"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "side"
+  ]);
+  return /* @__PURE__ */ React38.createElement(SheetPortal, null, /* @__PURE__ */ React38.createElement(SheetOverlay, null), /* @__PURE__ */ React38.createElement(
+    SheetPrimitive.Content,
+    __spreadValues({
+      "data-slot": "sheet-content",
+      className: cn(
+        "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+        side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+        side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+        side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+        side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+        className
+      )
+    }, props),
+    children,
+    /* @__PURE__ */ React38.createElement(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none" }, /* @__PURE__ */ React38.createElement(import_lucide_react21.XIcon, { className: "size-4" }), /* @__PURE__ */ React38.createElement("span", { className: "sr-only" }, "Close"))
+  ));
+}
+function SheetHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React38.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 p-4", className)
+    }, props)
+  );
+}
+function SheetTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React38.createElement(
+    SheetPrimitive.Title,
+    __spreadValues({
+      "data-slot": "sheet-title",
+      className: cn("text-foreground font-semibold", className)
+    }, props)
+  );
+}
+function SheetDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React38.createElement(
+    SheetPrimitive.Description,
+    __spreadValues({
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+
+// src/components/sheet/index.tsx
+function SheetComponent({
+  buttonText,
+  buttonIcon,
+  buttonStyle,
+  sheetContent,
+  sheetDescription,
+  sheetTitle,
+  closeButton
+}) {
+  return /* @__PURE__ */ React.createElement(Sheet, null, /* @__PURE__ */ React.createElement(SheetTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "outline", className: buttonStyle, size: "smIcon" }, buttonText, buttonIcon)), /* @__PURE__ */ React.createElement(SheetContent, { className: "p-4" }, /* @__PURE__ */ React.createElement(SheetTitle, null, sheetTitle), sheetContent));
+}
+
+// src/components/simple-widget/index.tsx
+var import_lucide_react22 = require("lucide-react");
+
+// src/shadcn/ui/skeleton.tsx
+var React39 = __toESM(require("react"));
+function Skeleton(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React39.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "skeleton",
+      className: cn("animate-pulse rounded-md", className),
+      style: { backgroundColor: "var(--keross-skeleton-bg)" }
+    }, props)
+  );
+}
+
+// src/components/skeleton-loader/skeleton-widget.tsx
+function SkeletonWidget({ count }) {
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-row gap-3 w-full" }, count > 0 && Array.from({ length: count }).map((_, index) => /* @__PURE__ */ React.createElement(Skeleton, { key: "widget_" + index, className: "w-1/" + count + " flex flex-col md:flex-row gap-2 h-20" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-row justify-between border rounded-md p-2 bg-card-new" }))));
+}
+
+// src/components/tabs/index.tsx
+var import_react21 = require("react");
+
+// src/shadcn/ui/tabs.tsx
+var React40 = __toESM(require("react"));
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+
+// src/components/tabs/index.tsx
+var import_lucide_react23 = require("lucide-react");
+
+// src/components/title-progress/index.tsx
+var React41 = __toESM(require("react"));
+function TitleProgress({ title, value, valueText, isPercent = true, className, titleClassName, valueClassName, progressClassName }) {
+  let finalValue = value.toFixed(2);
+  const parts = finalValue.split(".");
+  if (parts[1] === "00") {
+    finalValue = parts[0];
+  }
+  return /* @__PURE__ */ React41.createElement("div", { className: "w-full " + (className != null ? className : "") }, /* @__PURE__ */ React41.createElement("div", { className: "flex items-center justify-between gap-4" }, /* @__PURE__ */ React41.createElement("div", { className: "text-muted-foreground text-sm " + (titleClassName != null ? titleClassName : "") }, title), /* @__PURE__ */ React41.createElement("div", { className: "text-sm " + (valueClassName != null ? valueClassName : "") }, valueText != null ? valueText : `${finalValue}${isPercent ? "%" : ""}`)), /* @__PURE__ */ React41.createElement(
+    Progress,
+    {
+      value,
+      className: "w-full mt-2 " + (progressClassName != null ? progressClassName : "")
+    }
+  ));
+}
+
+// src/components/twolevel-dropdown/index.tsx
+var React42 = __toESM(require("react"));
+var import_lucide_react24 = require("lucide-react");
+function FrameworkItemDropdown({
+  processedData,
+  value,
+  onChange,
+  placeholder = "Select items...",
+  searchPlaceholder = "Search...",
+  className
+}) {
+  const [open, setOpen] = React42.useState(false);
+  const [searchQuery, setSearchQuery] = React42.useState("");
+  const { flatTree, itemMap } = processedData;
+  const selectionState = React42.useMemo(() => {
+    const state = /* @__PURE__ */ new Map();
+    const selectedSet = new Set(value);
+    [...flatTree].reverse().forEach((item) => {
+      const nodeInfo = itemMap[item.id];
+      if (!nodeInfo || !item.treatAsParent || nodeInfo.childrenIds.length === 0) {
+        if (selectedSet.has(item.id)) {
+          state.set(item.id, "checked");
+        }
+      } else {
+        const childStates = nodeInfo.childrenIds.map(
+          (childId) => state.get(childId)
+        );
+        const checkedCount = childStates.filter((s) => s === "checked").length;
+        const indeterminateCount = childStates.filter(
+          (s) => s === "indeterminate"
+        ).length;
+        if (checkedCount === nodeInfo.childrenIds.length) {
+          state.set(item.id, "checked");
+        } else if (checkedCount > 0 || indeterminateCount > 0) {
+          state.set(item.id, "indeterminate");
+        }
+      }
+    });
+    return state;
+  }, [value, flatTree, itemMap]);
+  const handleSelect = (item) => {
+    var _a, _b, _c;
+    const newSelectedIds = new Set(value);
+    const currentState = selectionState.get(item.id);
+    const shouldBeChecked = !(currentState === "checked" || currentState === "indeterminate");
+    const descendants = /* @__PURE__ */ new Set();
+    const queue = [...((_a = itemMap[item.id]) == null ? void 0 : _a.childrenIds) || []];
+    while (queue.length > 0) {
+      const currentId = queue.shift();
+      descendants.add(currentId);
+      const children = ((_b = itemMap[currentId]) == null ? void 0 : _b.childrenIds) || [];
+      children.forEach((childId) => queue.push(childId));
+    }
+    if (shouldBeChecked) {
+      newSelectedIds.add(item.id);
+      descendants.forEach((id) => newSelectedIds.add(id));
+    } else {
+      newSelectedIds.delete(item.id);
+      descendants.forEach((id) => newSelectedIds.delete(id));
+    }
+    let parentId = (_c = itemMap[item.id]) == null ? void 0 : _c.parentId;
+    while (parentId) {
+      const parentInfo = itemMap[parentId];
+      if (parentInfo && parentInfo.childrenIds.length > 0) {
+        const areAllChildrenSelected = parentInfo.childrenIds.every(
+          (childId) => newSelectedIds.has(childId)
+        );
+        if (areAllChildrenSelected) {
+          newSelectedIds.add(parentId);
+        } else {
+          newSelectedIds.delete(parentId);
+        }
+      }
+      parentId = parentInfo == null ? void 0 : parentInfo.parentId;
+    }
+    onChange(Array.from(newSelectedIds));
+  };
+  const filteredItems = React42.useMemo(() => {
+    if (!searchQuery) return flatTree.slice();
+    const lowercasedQuery = searchQuery.toLowerCase();
+    const matchedIds = /* @__PURE__ */ new Set();
+    flatTree.forEach((item) => {
+      const matches = item.title.toLowerCase().includes(lowercasedQuery) || item.description.toLowerCase().includes(lowercasedQuery) || item.index.toLowerCase().includes(lowercasedQuery);
+      if (matches) {
+        matchedIds.add(item.id);
+      }
+    });
+    const expandedIds = new Set(matchedIds);
+    const addAncestors = (id) => {
+      var _a;
+      let current = id;
+      while (current) {
+        const parentId = (_a = itemMap[current]) == null ? void 0 : _a.parentId;
+        if (parentId && !expandedIds.has(parentId)) {
+          expandedIds.add(parentId);
+          current = parentId;
+        } else {
+          break;
+        }
+      }
+    };
+    const addDescendants = (id) => {
+      var _a;
+      const children = ((_a = itemMap[id]) == null ? void 0 : _a.childrenIds) || [];
+      for (const childId of children) {
+        if (!expandedIds.has(childId)) {
+          expandedIds.add(childId);
+          addDescendants(childId);
+        }
+      }
+    };
+    matchedIds.forEach((id) => {
+      addAncestors(id);
+      addDescendants(id);
+    });
+    return flatTree.filter((node) => expandedIds.has(node.id));
+  }, [searchQuery, flatTree, itemMap]);
+  const getSelectedLabel = () => {
+    const leafNodeIds = value.filter((id) => {
+      const nodeInfo = itemMap[id];
+      return !nodeInfo || nodeInfo.childrenIds.length === 0;
+    });
+    if (leafNodeIds.length === 0) {
+      return /* @__PURE__ */ React42.createElement("span", { className: "text-muted-foreground" }, placeholder);
+    }
+    if (leafNodeIds.length === 1) {
+      const item = flatTree.find((i) => i.id === leafNodeIds[0]);
+      return item ? item.index : placeholder;
+    }
+    return `${leafNodeIds.length} items selected`;
+  };
+  return /* @__PURE__ */ React42.createElement(Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React42.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React42.createElement(
+    Button,
+    {
+      variant: "outline",
+      role: "combobox",
+      "aria-expanded": open,
+      className: cn(
+        "w-full justify-between transition-all duration-150 ease-in-out border hover:border-primary hover:shadow-sm bg-secondary cursor-pointer",
+        className
+      )
+    },
+    /* @__PURE__ */ React42.createElement("span", { className: "truncate" }, getSelectedLabel()),
+    /* @__PURE__ */ React42.createElement(
+      import_lucide_react24.ChevronsUpDown,
+      {
+        className: cn(
+          "ml-2 h-4 w-4 shrink-0 transition-transform duration-200",
+          open && "rotate-180"
+        )
+      }
+    )
+  )), /* @__PURE__ */ React42.createElement(PopoverContent, { className: "w-[--radix-popover-trigger-width] p-0 max-h-[400px] overflow-y-auto" }, /* @__PURE__ */ React42.createElement(Command, null, /* @__PURE__ */ React42.createElement(
+    CommandInput,
+    {
+      placeholder: searchPlaceholder,
+      value: searchQuery,
+      onValueChange: setSearchQuery
+    }
+  ), /* @__PURE__ */ React42.createElement(CommandList, { className: "transition-all duration-200 ease-in-out" }, /* @__PURE__ */ React42.createElement(CommandEmpty, null, "No results found."), filteredItems.map((item) => /* @__PURE__ */ React42.createElement(
+    CommandItem,
+    {
+      key: item.id,
+      value: `${item.index} ${item.title} ${item.description}`,
+      onSelect: () => handleSelect(item),
+      className: "flex items-start cursor-pointer gap-2",
+      style: { paddingLeft: `${item.level * 1.5 + 0.75}rem` }
+    },
+    /* @__PURE__ */ React42.createElement(
+      "input",
+      {
+        type: "checkbox",
+        className: "mt-1 h-4 w-4 accent-primary border rounded",
+        checked: selectionState.get(item.id) === "checked",
+        ref: (el) => {
+          if (el) {
+            el.indeterminate = selectionState.get(item.id) === "indeterminate";
+          }
+        },
+        readOnly: true
+      }
+    ),
+    /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React42.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React42.createElement("span", { className: "text-xs font-mono text-muted-foreground bg-muted px-1.5 py-0.5 rounded" }, item.index), /* @__PURE__ */ React42.createElement("span", { className: "font-medium" }, item.title)), /* @__PURE__ */ React42.createElement("p", { className: "text-sm text-muted-foreground" }, item.description))
+  ))))));
+}
+
+// src/components/app-sidebar.tsx
+var React45 = __toESM(require("react"));
+var import_lucide_react27 = require("lucide-react");
+
+// src/components/nav-main.tsx
+var import_lucide_react26 = require("lucide-react");
+
+// src/shadcn/ui/sidebar.tsx
+var React44 = __toESM(require("react"));
+var import_react_slot4 = require("@radix-ui/react-slot");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_lucide_react25 = require("lucide-react");
+
+// src/shadcn/ui/separator.tsx
+var React43 = __toESM(require("react"));
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
+
+// src/shadcn/ui/sidebar.tsx
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SidebarContext = React44.createContext(null);
+function useSidebar() {
+  const context = React44.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+function Sidebar(_a) {
+  var _b = _a, {
+    side = "left",
+    variant = "sidebar",
+    collapsible = "offcanvas",
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "side",
+    "variant",
+    "collapsible",
+    "className",
+    "children"
+  ]);
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ React44.createElement(
+      "div",
+      __spreadValues({
+        "data-slot": "sidebar",
+        className: cn(
+          "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
+          className
+        )
+      }, props),
+      children
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ React44.createElement(Sheet, __spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), /* @__PURE__ */ React44.createElement(
+      SheetContent,
+      {
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar",
+        "data-mobile": "true",
+        className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+        },
+        side
+      },
+      /* @__PURE__ */ React44.createElement(SheetHeader, { className: "sr-only" }, /* @__PURE__ */ React44.createElement(SheetTitle, null, "Sidebar"), /* @__PURE__ */ React44.createElement(SheetDescription, null, "Displays the mobile sidebar.")),
+      /* @__PURE__ */ React44.createElement("div", { className: "flex h-full w-full flex-col" }, children)
+    ));
+  }
+  return /* @__PURE__ */ React44.createElement(
+    "div",
+    {
+      className: "group peer text-sidebar-foreground hidden md:block",
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      "data-slot": "sidebar"
+    },
+    /* @__PURE__ */ React44.createElement(
+      "div",
+      {
+        "data-slot": "sidebar-gap",
+        className: cn(
+          "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+        )
+      }
+    ),
+    /* @__PURE__ */ React44.createElement(
+      "div",
+      __spreadValues({
+        "data-slot": "sidebar-container",
+        className: cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+          side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          // Adjust the padding for floating and inset variants.
+          variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className
+        )
+      }, props),
+      /* @__PURE__ */ React44.createElement(
+        "div",
+        {
+          "data-sidebar": "sidebar",
+          "data-slot": "sidebar-inner",
+          className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+        },
+        children
+      )
+    )
+  );
+}
+function SidebarRail(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ React44.createElement(
+    "button",
+    __spreadValues({
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle Sidebar",
+      className: cn(
+        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React44.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: cn("flex flex-col gap-2 p-2", className)
+    }, props)
+  );
+}
+function SidebarFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React44.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: cn("flex flex-col gap-2 p-2", className)
+    }, props)
+  );
+}
+function SidebarContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React44.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React44.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-group",
+      "data-sidebar": "group",
+      className: cn("relative flex w-full min-w-0 flex-col p-2", className)
+    }, props)
+  );
+}
+function SidebarMenu(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React44.createElement(
+    "ul",
+    __spreadValues({
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: cn("flex w-full min-w-0 flex-col gap-1", className)
+    }, props)
+  );
+}
+function SidebarMenuItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React44.createElement(
+    "li",
+    __spreadValues({
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: cn("group/menu-item relative", className)
+    }, props)
+  );
+}
+var sidebarMenuButtonVariants = (0, import_class_variance_authority3.cva)(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function SidebarMenuButton(_a) {
+  var _b = _a, {
+    asChild = false,
+    isActive = false,
+    variant = "default",
+    size = "default",
+    tooltip,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "isActive",
+    "variant",
+    "size",
+    "tooltip",
+    "className"
+  ]);
+  const Comp = asChild ? import_react_slot4.Slot : "button";
+  const { isMobile, state } = useSidebar();
+  const button = /* @__PURE__ */ React44.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(sidebarMenuButtonVariants({ variant, size }), className)
+    }, props)
+  );
+  if (!tooltip) {
+    return button;
+  }
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip
+    };
+  }
+  return /* @__PURE__ */ React44.createElement(Tooltip, null, /* @__PURE__ */ React44.createElement(TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React44.createElement(
+    TooltipContent,
+    __spreadValues({
+      side: "right",
+      align: "center",
+      hidden: state !== "collapsed" || isMobile
+    }, tooltip)
+  ));
+}
+function SidebarMenuSub(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React44.createElement(
+    "ul",
+    __spreadValues({
+      "data-slot": "sidebar-menu-sub",
+      "data-sidebar": "menu-sub",
+      className: cn(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarMenuSubItem(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React44.createElement(
+    "li",
+    __spreadValues({
+      "data-slot": "sidebar-menu-sub-item",
+      "data-sidebar": "menu-sub-item",
+      className: cn("group/menu-sub-item relative", className)
+    }, props)
+  );
+}
+function SidebarMenuSubButton(_a) {
+  var _b = _a, {
+    asChild = false,
+    size = "md",
+    isActive = false,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "size",
+    "isActive",
+    "className"
+  ]);
+  const Comp = asChild ? import_react_slot4.Slot : "a";
+  return /* @__PURE__ */ React44.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-menu-sub-button",
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/shadcn/ui/collapsible.tsx
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
+function Collapsible(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(CollapsiblePrimitive.Root, __spreadValues({ "data-slot": "collapsible" }, props));
+}
+function CollapsibleTrigger2(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    __spreadValues({
+      "data-slot": "collapsible-trigger"
+    }, props)
+  );
+}
+function CollapsibleContent2(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React.createElement(
+    CollapsiblePrimitive.CollapsibleContent,
+    __spreadValues({
+      "data-slot": "collapsible-content"
+    }, props)
+  );
+}
+
+// src/components/nav-main.tsx
+function NavMain({
+  items
+}) {
+  return /* @__PURE__ */ React.createElement(SidebarGroup, null, /* @__PURE__ */ React.createElement(SidebarMenu, null, items.map(
+    (item) => {
+      var _a;
+      return ((_a = item.items) == null ? void 0 : _a.length) ? (
+        // Render items with submenus using Collapsible
+        /* @__PURE__ */ React.createElement(
+          Collapsible,
+          {
+            key: item.title,
+            asChild: true,
+            defaultOpen: item.isActive,
+            className: "group/collapsible"
+          },
+          /* @__PURE__ */ React.createElement(SidebarMenuItem, null, /* @__PURE__ */ React.createElement(CollapsibleTrigger2, { asChild: true }, /* @__PURE__ */ React.createElement(SidebarMenuButton, { tooltip: item.title }, item.icon && /* @__PURE__ */ React.createElement(item.icon, null), /* @__PURE__ */ React.createElement("span", null, item.title), /* @__PURE__ */ React.createElement(import_lucide_react26.ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" }))), /* @__PURE__ */ React.createElement(CollapsibleContent2, null, /* @__PURE__ */ React.createElement(SidebarMenuSub, null, item.items.map((subItem) => /* @__PURE__ */ React.createElement(SidebarMenuSubItem, { key: subItem.title }, /* @__PURE__ */ React.createElement(SidebarMenuSubButton, { asChild: true }, /* @__PURE__ */ React.createElement("a", { href: subItem.url }, /* @__PURE__ */ React.createElement("span", null, subItem.title))))))))
+        )
+      ) : (
+        // Render items without submenu
+        /* @__PURE__ */ React.createElement(SidebarMenuItem, { key: item.title }, /* @__PURE__ */ React.createElement(SidebarMenuButton, { asChild: true, tooltip: item.title }, /* @__PURE__ */ React.createElement(
+          "a",
+          {
+            href: item.url,
+            className: "flex items-center gap-2 w-full"
+          },
+          item.icon && /* @__PURE__ */ React.createElement(item.icon, null),
+          /* @__PURE__ */ React.createElement("span", null, item.title)
+        )))
+      );
+    }
+  )));
+}
+
+// src/components/app-sidebar.tsx
+var data = {
+  user: {
+    name: "CRM Manager",
+    email: "crm@manager.com",
+    avatar: "/avatars/shadcn.jpg"
+  },
+  navMain: [
+    {
+      title: "Leads",
+      url: "/leads",
+      icon: import_lucide_react27.Bot,
+      default: true
+    },
+    {
+      title: "Deals",
+      url: "/deals",
+      icon: import_lucide_react27.SquarePenIcon,
+      isActive: true
+    },
+    {
+      title: "Accounts",
+      url: "#",
+      icon: import_lucide_react27.UserRoundCog,
+      isActive: true,
+      items: [
+        {
+          title: "Details",
+          url: "/account/details"
+        },
+        {
+          title: "License",
+          url: "/account/license"
+        },
+        {
+          title: "Summary",
+          url: "/account/summary"
+        }
+      ]
+    },
+    {
+      title: "Configuration",
+      url: "#",
+      icon: import_lucide_react27.Settings,
+      isActive: true,
+      items: [
+        {
+          title: "Employee Details",
+          url: "/configuration/employee-data"
+        },
+        {
+          title: "Office Details",
+          url: "/configuration/office-details"
+        },
+        {
+          title: "FX Rate",
+          url: "/configuration/fx-rate"
+        },
+        {
+          title: "Company Data",
+          url: "/configuration/company-data"
+        },
+        {
+          title: "Dynamic Products",
+          url: "/configuration/dynamic-products"
+        }
+      ]
+    },
+    {
+      title: "Summary",
+      url: "/summary",
+      icon: import_lucide_react27.Eye,
+      isActive: true
+    }
+  ]
+};
+function AppSidebar(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React45.createElement(Sidebar, __spreadValues({ collapsible: "icon" }, props), /* @__PURE__ */ React45.createElement(SidebarHeader, { className: "p-3 h-12 border-b" }, "Sales CRM"), /* @__PURE__ */ React45.createElement(SidebarContent, null, /* @__PURE__ */ React45.createElement(NavMain, { items: data.navMain })), /* @__PURE__ */ React45.createElement(SidebarFooter, null), /* @__PURE__ */ React45.createElement(SidebarRail, null));
+}
+
+// src/components/theme-switcher.tsx
+var import_next_themes = require("next-themes");
+var import_react22 = require("react");
+var import_lucide_react28 = require("lucide-react");
+function ThemeSwitcher() {
+  const { setTheme, theme, resolvedTheme } = (0, import_next_themes.useTheme)();
+  const [mounted, setMounted] = (0, import_react22.useState)(false);
+  (0, import_react22.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  const activeTheme = theme === "system" ? resolvedTheme : theme;
+  const setThemeSafe = (0, import_react22.useCallback)(
+    (value) => {
+      setTheme(value);
+      if (value === "light" || value === "dark") {
+        document.documentElement.classList.remove("blue-dark");
+      }
+      if (value === "blue-dark") {
+        document.documentElement.classList.add("blue-dark");
+      }
+    },
+    [setTheme]
+  );
+  if (!mounted) return null;
+  const triggerIcon = (() => {
+    if (activeTheme === "blue-dark") return /* @__PURE__ */ React.createElement(import_lucide_react28.Waves, { className: "h-5 w-5" });
+    if (activeTheme === "dark") return /* @__PURE__ */ React.createElement(import_lucide_react28.Moon, { className: "h-5 w-5" });
+    if (activeTheme === "light") return /* @__PURE__ */ React.createElement(import_lucide_react28.Sun, { className: "h-5 w-5" });
+    return /* @__PURE__ */ React.createElement(import_lucide_react28.Laptop, { className: "h-5 w-5" });
+  })();
+  const isActive = (value) => activeTheme === value;
+  return /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "outline",
+      size: "icon",
+      "aria-label": "Change theme",
+      title: `Theme: ${theme === "system" ? `system (${resolvedTheme})` : theme}`
+    },
+    triggerIcon
+  )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", sideOffset: 8 }, /* @__PURE__ */ React.createElement(
+    DropdownMenuItem,
+    {
+      onClick: () => setThemeSafe("light"),
+      className: "flex items-center justify-between gap-2"
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(import_lucide_react28.Sun, { className: "mr-2 h-4 w-4" }), " Light"),
+    isActive("light") && /* @__PURE__ */ React.createElement(import_lucide_react28.Check, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React.createElement(
+    DropdownMenuItem,
+    {
+      onClick: () => setThemeSafe("dark"),
+      className: "flex items-center justify-between gap-2"
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(import_lucide_react28.Moon, { className: "mr-2 h-4 w-4" }), " Dark"),
+    isActive("dark") && /* @__PURE__ */ React.createElement(import_lucide_react28.Check, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React.createElement(
+    DropdownMenuItem,
+    {
+      onClick: () => setThemeSafe("blue-dark"),
+      className: "flex items-center justify-between gap-2"
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(import_lucide_react28.Waves, { className: "mr-2 h-4 w-4" }), " Blue Dark"),
+    isActive("blue-dark") && /* @__PURE__ */ React.createElement(import_lucide_react28.Check, { className: "h-4 w-4" })
+  )));
+}
+
+// src/components/header.tsx
+var import_lucide_react29 = require("lucide-react");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppSidebar,
+  FrameworkItemDropdown,
+  GlowingEffect,
+  IconButton,
+  IconButtonWithTooltip,
+  IconTextButton,
+  IconTextButtonWithTooltip,
+  LoadingSpinner,
+  NavMain,
+  RenderAppBreadcrumb,
+  SheetComponent,
+  SkeletonWidget,
+  TextButton,
+  TextButtonWithTooltip,
+  ThemeSwitcher,
+  TitleProgress,
+  Tooltip
+});