@kopexa/theme 14.0.2 → 14.0.3

package/dist/chunk-ZOTN264E.mjs

@@ -0,0 +1,24 @@
+// src/components/loading-page.ts
+import { tv } from "tailwind-variants";
+var loadingPage = tv({
+  slots: {
+    root: "relative isolate flex min-h-screen items-center justify-center px-6 py-10 bg-background",
+    container: "flex flex-col items-center gap-4 text-center",
+    wrapper: "space-y-1",
+    title: "text-base font-medium text-foreground",
+    description: "text-sm text-muted-foreground"
+  },
+  variants: {
+    fullscreen: {
+      true: "",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    fullscreen: true
+  }
+});
+
+export {
+  loadingPage
+};

package/dist/components/index.d.mts

@@ -33,6 +33,7 @@ export { InputWrapperVariantProps, inputWrapper } from './input-wrapper.mjs';
 export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './integration-card.mjs';
 export { kbd } from './kbd.mjs';
 export { LabelVariantProps, label } from './label.mjs';
+export { LoadingPageVariants, loadingPage } from './loading-page.mjs';
 export { PageHeaderVariantProps, pageHeader } from './page-header.mjs';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.mjs';
 export { PopoverVariants, popover } from './popover.mjs';

package/dist/components/index.d.ts

@@ -33,6 +33,7 @@ export { InputWrapperVariantProps, inputWrapper } from './input-wrapper.js';
 export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './integration-card.js';
 export { kbd } from './kbd.js';
 export { LabelVariantProps, label } from './label.js';
+export { LoadingPageVariants, loadingPage } from './loading-page.js';
 export { PageHeaderVariantProps, pageHeader } from './page-header.js';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.js';
 export { PopoverVariants, popover } from './popover.js';

package/dist/components/index.js

@@ -55,6 +55,7 @@ __export(components_exports, {
   integrationCard: () => integrationCard,
   kbd: () => kbd,
   label: () => label,
+  loadingPage: () => loadingPage,
   pageHeader: () => pageHeader,
   pageLayout: () => pageLayout,
   passwordInput: () => passwordInput,
@@ -2440,9 +2441,30 @@ var label = (0, import_tailwind_variants35.tv)({
   }
 });
 
-// src/components/page-header.ts
+// src/components/loading-page.ts
 var import_tailwind_variants36 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants36.tv)({
+var loadingPage = (0, import_tailwind_variants36.tv)({
+  slots: {
+    root: "relative isolate flex min-h-screen items-center justify-center px-6 py-10 bg-background",
+    container: "flex flex-col items-center gap-4 text-center",
+    wrapper: "space-y-1",
+    title: "text-base font-medium text-foreground",
+    description: "text-sm text-muted-foreground"
+  },
+  variants: {
+    fullscreen: {
+      true: "",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    fullscreen: true
+  }
+});
+
+// src/components/page-header.ts
+var import_tailwind_variants37 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants37.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -2477,8 +2499,8 @@ var pageHeader = (0, import_tailwind_variants36.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants37 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants37.tv)({
+var import_tailwind_variants38 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants38.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -2595,8 +2617,8 @@ var pageLayout = (0, import_tailwind_variants37.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants38 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants38.tv)({
+var import_tailwind_variants39 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants39.tv)({
   slots: {
     content: [
       "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95",
@@ -2644,8 +2666,8 @@ var popover = (0, import_tailwind_variants38.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants39 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants39.tv)({
+var import_tailwind_variants40 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants40.tv)({
   slots: {
     root: [
       "flex w-full items-start gap-3 rounded-md bg-background p-2 transition-colors",
@@ -2686,8 +2708,8 @@ var previewCard = (0, import_tailwind_variants39.tv)({
 });
 
 // src/components/related-control-chip.ts
-var import_tailwind_variants40 = require("tailwind-variants");
-var relatedControlChip = (0, import_tailwind_variants40.tv)({
+var import_tailwind_variants41 = require("tailwind-variants");
+var relatedControlChip = (0, import_tailwind_variants41.tv)({
   slots: {
     root: [
       "text-xs border rounded-full cursor-pointer hover:text-primary px-2.5 py-0.5"
@@ -2697,8 +2719,8 @@ var relatedControlChip = (0, import_tailwind_variants40.tv)({
 });
 
 // src/components/resizable.ts
-var import_tailwind_variants41 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants41.tv)({
+var import_tailwind_variants42 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants42.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -2724,8 +2746,8 @@ var resizable = (0, import_tailwind_variants41.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants42 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants42.tv)({
+var import_tailwind_variants43 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants43.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -2764,8 +2786,8 @@ var riskBadge = (0, import_tailwind_variants42.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants43 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants43.tv)({
+var import_tailwind_variants44 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants44.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -2798,8 +2820,8 @@ var riskIndicator = (0, import_tailwind_variants43.tv)({
 });
 
 // src/components/scroll-area.ts
-var import_tailwind_variants44 = require("tailwind-variants");
-var scrollArea = (0, import_tailwind_variants44.tv)({
+var import_tailwind_variants45 = require("tailwind-variants");
+var scrollArea = (0, import_tailwind_variants45.tv)({
   slots: {
     root: "relative",
     viewport: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
@@ -2813,8 +2835,8 @@ var scrollArea = (0, import_tailwind_variants44.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants45 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants45.tv)({
+var import_tailwind_variants46 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants46.tv)({
   slots: {
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
@@ -2874,8 +2896,8 @@ var sectionRow = (0, import_tailwind_variants45.tv)({
 });
 
 // src/components/select.ts
-var import_tailwind_variants46 = require("tailwind-variants");
-var select = (0, import_tailwind_variants46.tv)({
+var import_tailwind_variants47 = require("tailwind-variants");
+var select = (0, import_tailwind_variants47.tv)({
   slots: {
     trigger: [
       "w-full",
@@ -2979,8 +3001,8 @@ var select = (0, import_tailwind_variants46.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants47 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants47.tv)({
+var import_tailwind_variants48 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants48.tv)({
   base: [
     "bg-border shrink-0",
     "data-[orientation=horizontal]:h-px",
@@ -2998,8 +3020,8 @@ var separator = (0, import_tailwind_variants47.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants48 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants48.tv)({
+var import_tailwind_variants49 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants49.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full isolate"
@@ -3087,7 +3109,7 @@ var sidebar = (0, import_tailwind_variants48.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants48.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants49.tv)({
   base: [
     "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]",
@@ -3139,7 +3161,7 @@ var sidebarMenuButton = (0, import_tailwind_variants48.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants48.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants49.tv)({
   base: [
     "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -3159,14 +3181,14 @@ var sidebarMenuAction = (0, import_tailwind_variants48.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants49 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants49.tv)({
+var import_tailwind_variants50 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants50.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/skeleton-avatar.ts
-var import_tailwind_variants50 = require("tailwind-variants");
-var skeletonAvatar = (0, import_tailwind_variants50.tv)({
+var import_tailwind_variants51 = require("tailwind-variants");
+var skeletonAvatar = (0, import_tailwind_variants51.tv)({
   base: "rounded-full",
   variants: {
     size: {
@@ -3183,8 +3205,8 @@ var skeletonAvatar = (0, import_tailwind_variants50.tv)({
 });
 
 // src/components/slash-dropdown-menu.ts
-var import_tailwind_variants51 = require("tailwind-variants");
-var slashDropdownMenu = (0, import_tailwind_variants51.tv)({
+var import_tailwind_variants52 = require("tailwind-variants");
+var slashDropdownMenu = (0, import_tailwind_variants52.tv)({
   slots: {
     card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
     body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full"],
@@ -3203,8 +3225,8 @@ var slashDropdownMenu = (0, import_tailwind_variants51.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants52 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants52.tv)({
+var import_tailwind_variants53 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants53.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -3321,8 +3343,8 @@ var spinner = (0, import_tailwind_variants52.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants53 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants53.tv)({
+var import_tailwind_variants54 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants54.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -3359,8 +3381,8 @@ var splitPageLayout = (0, import_tailwind_variants53.tv)({
 });
 
 // src/components/standard-chip.ts
-var import_tailwind_variants54 = require("tailwind-variants");
-var standardChip = (0, import_tailwind_variants54.tv)({
+var import_tailwind_variants55 = require("tailwind-variants");
+var standardChip = (0, import_tailwind_variants55.tv)({
   extend: chip,
   slots: {
     root: [
@@ -3451,8 +3473,8 @@ var standardChip = (0, import_tailwind_variants54.tv)({
 });
 
 // src/components/switch.ts
-var import_tailwind_variants55 = require("tailwind-variants");
-var switchVariants = (0, import_tailwind_variants55.tv)({
+var import_tailwind_variants56 = require("tailwind-variants");
+var switchVariants = (0, import_tailwind_variants56.tv)({
   slots: {
     root: [
       "peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
@@ -3487,8 +3509,8 @@ var switchVariants = (0, import_tailwind_variants55.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants56 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants56.tv)({
+var import_tailwind_variants57 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants57.tv)({
   slots: {
     base: "",
     list: [
@@ -3578,8 +3600,8 @@ var tabNav = (0, import_tailwind_variants56.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants57 = require("tailwind-variants");
-var table = (0, import_tailwind_variants57.tv)({
+var import_tailwind_variants58 = require("tailwind-variants");
+var table = (0, import_tailwind_variants58.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -3741,8 +3763,8 @@ var table = (0, import_tailwind_variants57.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants58 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants58.tv)({
+var import_tailwind_variants59 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants59.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -3779,8 +3801,8 @@ var tabs = (0, import_tailwind_variants58.tv)({
 });
 
 // src/components/textarea.ts
-var import_tailwind_variants59 = require("tailwind-variants");
-var textarea = (0, import_tailwind_variants59.tv)({
+var import_tailwind_variants60 = require("tailwind-variants");
+var textarea = (0, import_tailwind_variants60.tv)({
   base: [
     "w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
     "text-foreground placeholder:text-muted-foreground/80",
@@ -3804,8 +3826,8 @@ var textarea = (0, import_tailwind_variants59.tv)({
 });
 
 // src/components/toolbar.ts
-var import_tailwind_variants60 = require("tailwind-variants");
-var toolbar = (0, import_tailwind_variants60.tv)({
+var import_tailwind_variants61 = require("tailwind-variants");
+var toolbar = (0, import_tailwind_variants61.tv)({
   slots: {
     root: "flex items-center gap-2.5 p-1",
     button: "shrink-0",
@@ -3844,8 +3866,8 @@ var toolbar = (0, import_tailwind_variants60.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants61 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants61.tv)({
+var import_tailwind_variants62 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants62.tv)({
   slots: {
     content: [
       "bg-primary-900 text-primary-foreground",
@@ -3893,6 +3915,7 @@ var tooltip = (0, import_tailwind_variants61.tv)({
   integrationCard,
   kbd,
   label,
+  loadingPage,
   pageHeader,
   pageLayout,
   passwordInput,

package/dist/components/index.mjs

@@ -1,4 +1,7 @@
-import "../chunk-X4JOORWZ.mjs";
+import "../chunk-BYXTAZ4I.mjs";
+import {
+  standardChip
+} from "../chunk-7VZZASRG.mjs";
 import {
   switchVariants
 } from "../chunk-WQ446TVH.mjs";
@@ -20,6 +23,9 @@ import {
 import {
   tooltip
 } from "../chunk-OLYO7UPH.mjs";
+import {
+  select
+} from "../chunk-KPVLNOO5.mjs";
 import {
   separator
 } from "../chunk-LM7MKBHT.mjs";
@@ -44,8 +50,8 @@ import {
   splitPageLayout
 } from "../chunk-W7RJG22S.mjs";
 import {
-  standardChip
-} from "../chunk-7VZZASRG.mjs";
+  popover
+} from "../chunk-TQVRNEIH.mjs";
 import {
   previewCard
 } from "../chunk-WPOYEHD2.mjs";
@@ -67,9 +73,6 @@ import {
 import {
   sectionRow
 } from "../chunk-I4ZIT7EK.mjs";
-import {
-  select
-} from "../chunk-KPVLNOO5.mjs";
 import {
   inputWrapper
 } from "../chunk-VSVGOX3P.mjs";
@@ -82,15 +85,15 @@ import {
 import {
   label
 } from "../chunk-LMCM4CW2.mjs";
+import {
+  loadingPage
+} from "../chunk-ZOTN264E.mjs";
 import {
   pageHeader
 } from "../chunk-HAVJ6EQ6.mjs";
 import {
   pageLayout
 } from "../chunk-OULAICSC.mjs";
-import {
-  popover
-} from "../chunk-TQVRNEIH.mjs";
 import {
   editorSpinner
 } from "../chunk-TVC4THD6.mjs";
@@ -223,6 +226,7 @@ export {
   integrationCard,
   kbd,
   label,
+  loadingPage,
   pageHeader,
   pageLayout,
   passwordInput,

package/dist/components/loading-page.d.mts

@@ -0,0 +1,40 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const loadingPage: tailwind_variants.TVReturnType<{
+    fullscreen: {
+        true: string;
+        false: string;
+    };
+}, {
+    root: string;
+    container: string;
+    wrapper: string;
+    title: string;
+    description: string;
+}, undefined, {
+    fullscreen: {
+        true: string;
+        false: string;
+    };
+}, {
+    root: string;
+    container: string;
+    wrapper: string;
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    fullscreen: {
+        true: string;
+        false: string;
+    };
+}, {
+    root: string;
+    container: string;
+    wrapper: string;
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type LoadingPageVariants = VariantProps<typeof loadingPage>;
+
+export { type LoadingPageVariants, loadingPage };

package/dist/components/loading-page.d.ts

@@ -0,0 +1,40 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const loadingPage: tailwind_variants.TVReturnType<{
+    fullscreen: {
+        true: string;
+        false: string;
+    };
+}, {
+    root: string;
+    container: string;
+    wrapper: string;
+    title: string;
+    description: string;
+}, undefined, {
+    fullscreen: {
+        true: string;
+        false: string;
+    };
+}, {
+    root: string;
+    container: string;
+    wrapper: string;
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    fullscreen: {
+        true: string;
+        false: string;
+    };
+}, {
+    root: string;
+    container: string;
+    wrapper: string;
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type LoadingPageVariants = VariantProps<typeof loadingPage>;
+
+export { type LoadingPageVariants, loadingPage };

package/dist/components/loading-page.js

@@ -0,0 +1,48 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/loading-page.ts
+var loading_page_exports = {};
+__export(loading_page_exports, {
+  loadingPage: () => loadingPage
+});
+module.exports = __toCommonJS(loading_page_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var loadingPage = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: "relative isolate flex min-h-screen items-center justify-center px-6 py-10 bg-background",
+    container: "flex flex-col items-center gap-4 text-center",
+    wrapper: "space-y-1",
+    title: "text-base font-medium text-foreground",
+    description: "text-sm text-muted-foreground"
+  },
+  variants: {
+    fullscreen: {
+      true: "",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    fullscreen: true
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  loadingPage
+});

package/dist/components/loading-page.mjs

@@ -0,0 +1,6 @@
+import {
+  loadingPage
+} from "../chunk-ZOTN264E.mjs";
+export {
+  loadingPage
+};

package/dist/index.d.mts

@@ -34,6 +34,7 @@ export { InputWrapperVariantProps, inputWrapper } from './components/input-wrapp
 export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './components/integration-card.mjs';
 export { kbd } from './components/kbd.mjs';
 export { LabelVariantProps, label } from './components/label.mjs';
+export { LoadingPageVariants, loadingPage } from './components/loading-page.mjs';
 export { PageHeaderVariantProps, pageHeader } from './components/page-header.mjs';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.mjs';
 export { PopoverVariants, popover } from './components/popover.mjs';

package/dist/index.d.ts

@@ -34,6 +34,7 @@ export { InputWrapperVariantProps, inputWrapper } from './components/input-wrapp
 export { IntegrationCardSlots, IntegrationCardVariantProps, integrationCard } from './components/integration-card.js';
 export { kbd } from './components/kbd.js';
 export { LabelVariantProps, label } from './components/label.js';
+export { LoadingPageVariants, loadingPage } from './components/loading-page.js';
 export { PageHeaderVariantProps, pageHeader } from './components/page-header.js';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.js';
 export { PopoverVariants, popover } from './components/popover.js';

package/dist/index.js

@@ -55,6 +55,7 @@ __export(index_exports, {
   integrationCard: () => integrationCard,
   kbd: () => kbd,
   label: () => label,
+  loadingPage: () => loadingPage,
   pageHeader: () => pageHeader,
   pageLayout: () => pageLayout,
   passwordInput: () => passwordInput,
@@ -2440,9 +2441,30 @@ var label = (0, import_tailwind_variants35.tv)({
   }
 });
 
-// src/components/page-header.ts
+// src/components/loading-page.ts
 var import_tailwind_variants36 = require("tailwind-variants");
-var pageHeader = (0, import_tailwind_variants36.tv)({
+var loadingPage = (0, import_tailwind_variants36.tv)({
+  slots: {
+    root: "relative isolate flex min-h-screen items-center justify-center px-6 py-10 bg-background",
+    container: "flex flex-col items-center gap-4 text-center",
+    wrapper: "space-y-1",
+    title: "text-base font-medium text-foreground",
+    description: "text-sm text-muted-foreground"
+  },
+  variants: {
+    fullscreen: {
+      true: "",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    fullscreen: true
+  }
+});
+
+// src/components/page-header.ts
+var import_tailwind_variants37 = require("tailwind-variants");
+var pageHeader = (0, import_tailwind_variants37.tv)({
   slots: {
     root: "page-header",
     titleArea: "page-header__title-area flex gap-2 flex-row items-center",
@@ -2477,8 +2499,8 @@ var pageHeader = (0, import_tailwind_variants36.tv)({
 });
 
 // src/components/page-layout.ts
-var import_tailwind_variants37 = require("tailwind-variants");
-var pageLayout = (0, import_tailwind_variants37.tv)({
+var import_tailwind_variants38 = require("tailwind-variants");
+var pageLayout = (0, import_tailwind_variants38.tv)({
   slots: {
     root: "",
     wrapper: "flex flex-wrap w-full",
@@ -2595,8 +2617,8 @@ var pageLayout = (0, import_tailwind_variants37.tv)({
 });
 
 // src/components/popover.ts
-var import_tailwind_variants38 = require("tailwind-variants");
-var popover = (0, import_tailwind_variants38.tv)({
+var import_tailwind_variants39 = require("tailwind-variants");
+var popover = (0, import_tailwind_variants39.tv)({
   slots: {
     content: [
       "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95",
@@ -2644,8 +2666,8 @@ var popover = (0, import_tailwind_variants38.tv)({
 });
 
 // src/components/preview-card.ts
-var import_tailwind_variants39 = require("tailwind-variants");
-var previewCard = (0, import_tailwind_variants39.tv)({
+var import_tailwind_variants40 = require("tailwind-variants");
+var previewCard = (0, import_tailwind_variants40.tv)({
   slots: {
     root: [
       "flex w-full items-start gap-3 rounded-md bg-background p-2 transition-colors",
@@ -2686,8 +2708,8 @@ var previewCard = (0, import_tailwind_variants39.tv)({
 });
 
 // src/components/related-control-chip.ts
-var import_tailwind_variants40 = require("tailwind-variants");
-var relatedControlChip = (0, import_tailwind_variants40.tv)({
+var import_tailwind_variants41 = require("tailwind-variants");
+var relatedControlChip = (0, import_tailwind_variants41.tv)({
   slots: {
     root: [
       "text-xs border rounded-full cursor-pointer hover:text-primary px-2.5 py-0.5"
@@ -2697,8 +2719,8 @@ var relatedControlChip = (0, import_tailwind_variants40.tv)({
 });
 
 // src/components/resizable.ts
-var import_tailwind_variants41 = require("tailwind-variants");
-var resizable = (0, import_tailwind_variants41.tv)({
+var import_tailwind_variants42 = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants42.tv)({
   slots: {
     root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
     panel: [],
@@ -2724,8 +2746,8 @@ var resizable = (0, import_tailwind_variants41.tv)({
 });
 
 // src/components/risk-badge.ts
-var import_tailwind_variants42 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants42.tv)({
+var import_tailwind_variants43 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants43.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -2764,8 +2786,8 @@ var riskBadge = (0, import_tailwind_variants42.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants43 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants43.tv)({
+var import_tailwind_variants44 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants44.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -2798,8 +2820,8 @@ var riskIndicator = (0, import_tailwind_variants43.tv)({
 });
 
 // src/components/scroll-area.ts
-var import_tailwind_variants44 = require("tailwind-variants");
-var scrollArea = (0, import_tailwind_variants44.tv)({
+var import_tailwind_variants45 = require("tailwind-variants");
+var scrollArea = (0, import_tailwind_variants45.tv)({
   slots: {
     root: "relative",
     viewport: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
@@ -2813,8 +2835,8 @@ var scrollArea = (0, import_tailwind_variants44.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants45 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants45.tv)({
+var import_tailwind_variants46 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants46.tv)({
   slots: {
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
@@ -2874,8 +2896,8 @@ var sectionRow = (0, import_tailwind_variants45.tv)({
 });
 
 // src/components/select.ts
-var import_tailwind_variants46 = require("tailwind-variants");
-var select = (0, import_tailwind_variants46.tv)({
+var import_tailwind_variants47 = require("tailwind-variants");
+var select = (0, import_tailwind_variants47.tv)({
   slots: {
     trigger: [
       "w-full",
@@ -2979,8 +3001,8 @@ var select = (0, import_tailwind_variants46.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants47 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants47.tv)({
+var import_tailwind_variants48 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants48.tv)({
   base: [
     "bg-border shrink-0",
     "data-[orientation=horizontal]:h-px",
@@ -2998,8 +3020,8 @@ var separator = (0, import_tailwind_variants47.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants48 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants48.tv)({
+var import_tailwind_variants49 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants49.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full isolate"
@@ -3087,7 +3109,7 @@ var sidebar = (0, import_tailwind_variants48.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants48.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants49.tv)({
   base: [
     "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]",
@@ -3139,7 +3161,7 @@ var sidebarMenuButton = (0, import_tailwind_variants48.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants48.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants49.tv)({
   base: [
     "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
     // Increases the hit area of the button on mobile.
@@ -3159,14 +3181,14 @@ var sidebarMenuAction = (0, import_tailwind_variants48.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants49 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants49.tv)({
+var import_tailwind_variants50 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants50.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/skeleton-avatar.ts
-var import_tailwind_variants50 = require("tailwind-variants");
-var skeletonAvatar = (0, import_tailwind_variants50.tv)({
+var import_tailwind_variants51 = require("tailwind-variants");
+var skeletonAvatar = (0, import_tailwind_variants51.tv)({
   base: "rounded-full",
   variants: {
     size: {
@@ -3183,8 +3205,8 @@ var skeletonAvatar = (0, import_tailwind_variants50.tv)({
 });
 
 // src/components/slash-dropdown-menu.ts
-var import_tailwind_variants51 = require("tailwind-variants");
-var slashDropdownMenu = (0, import_tailwind_variants51.tv)({
+var import_tailwind_variants52 = require("tailwind-variants");
+var slashDropdownMenu = (0, import_tailwind_variants52.tv)({
   slots: {
     card: [...popoverContentClasses, "p-0", "flex flex-col outline-none"],
     body: ["p-1.5 flex-auto grow shrink overflow-y-auto w-full"],
@@ -3203,8 +3225,8 @@ var slashDropdownMenu = (0, import_tailwind_variants51.tv)({
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants52 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants52.tv)({
+var import_tailwind_variants53 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants53.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -3321,8 +3343,8 @@ var spinner = (0, import_tailwind_variants52.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants53 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants53.tv)({
+var import_tailwind_variants54 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants54.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -3359,8 +3381,8 @@ var splitPageLayout = (0, import_tailwind_variants53.tv)({
 });
 
 // src/components/standard-chip.ts
-var import_tailwind_variants54 = require("tailwind-variants");
-var standardChip = (0, import_tailwind_variants54.tv)({
+var import_tailwind_variants55 = require("tailwind-variants");
+var standardChip = (0, import_tailwind_variants55.tv)({
   extend: chip,
   slots: {
     root: [
@@ -3451,8 +3473,8 @@ var standardChip = (0, import_tailwind_variants54.tv)({
 });
 
 // src/components/switch.ts
-var import_tailwind_variants55 = require("tailwind-variants");
-var switchVariants = (0, import_tailwind_variants55.tv)({
+var import_tailwind_variants56 = require("tailwind-variants");
+var switchVariants = (0, import_tailwind_variants56.tv)({
   slots: {
     root: [
       "peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
@@ -3487,8 +3509,8 @@ var switchVariants = (0, import_tailwind_variants55.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants56 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants56.tv)({
+var import_tailwind_variants57 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants57.tv)({
   slots: {
     base: "",
     list: [
@@ -3578,8 +3600,8 @@ var tabNav = (0, import_tailwind_variants56.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants57 = require("tailwind-variants");
-var table = (0, import_tailwind_variants57.tv)({
+var import_tailwind_variants58 = require("tailwind-variants");
+var table = (0, import_tailwind_variants58.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-(--gutter)"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -3741,8 +3763,8 @@ var table = (0, import_tailwind_variants57.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants58 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants58.tv)({
+var import_tailwind_variants59 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants59.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -3779,8 +3801,8 @@ var tabs = (0, import_tailwind_variants58.tv)({
 });
 
 // src/components/textarea.ts
-var import_tailwind_variants59 = require("tailwind-variants");
-var textarea = (0, import_tailwind_variants59.tv)({
+var import_tailwind_variants60 = require("tailwind-variants");
+var textarea = (0, import_tailwind_variants60.tv)({
   base: [
     "w-full border border-input bg-background text-foreground shadow-xs shadow-black/5 transition-[color,box-shadow]",
     "text-foreground placeholder:text-muted-foreground/80",
@@ -3804,8 +3826,8 @@ var textarea = (0, import_tailwind_variants59.tv)({
 });
 
 // src/components/toolbar.ts
-var import_tailwind_variants60 = require("tailwind-variants");
-var toolbar = (0, import_tailwind_variants60.tv)({
+var import_tailwind_variants61 = require("tailwind-variants");
+var toolbar = (0, import_tailwind_variants61.tv)({
   slots: {
     root: "flex items-center gap-2.5 p-1",
     button: "shrink-0",
@@ -3844,8 +3866,8 @@ var toolbar = (0, import_tailwind_variants60.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants61 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants61.tv)({
+var import_tailwind_variants62 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants62.tv)({
   slots: {
     content: [
       "bg-primary-900 text-primary-foreground",
@@ -3893,6 +3915,7 @@ var tooltip = (0, import_tailwind_variants61.tv)({
   integrationCard,
   kbd,
   label,
+  loadingPage,
   pageHeader,
   pageLayout,
   passwordInput,

package/dist/index.mjs

@@ -1,5 +1,8 @@
 import "./chunk-XSN6P5JL.mjs";
-import "./chunk-X4JOORWZ.mjs";
+import "./chunk-BYXTAZ4I.mjs";
+import {
+  standardChip
+} from "./chunk-7VZZASRG.mjs";
 import {
   switchVariants
 } from "./chunk-WQ446TVH.mjs";
@@ -21,6 +24,9 @@ import {
 import {
   tooltip
 } from "./chunk-OLYO7UPH.mjs";
+import {
+  select
+} from "./chunk-KPVLNOO5.mjs";
 import {
   separator
 } from "./chunk-LM7MKBHT.mjs";
@@ -45,8 +51,8 @@ import {
   splitPageLayout
 } from "./chunk-W7RJG22S.mjs";
 import {
-  standardChip
-} from "./chunk-7VZZASRG.mjs";
+  popover
+} from "./chunk-TQVRNEIH.mjs";
 import {
   previewCard
 } from "./chunk-WPOYEHD2.mjs";
@@ -68,9 +74,6 @@ import {
 import {
   sectionRow
 } from "./chunk-I4ZIT7EK.mjs";
-import {
-  select
-} from "./chunk-KPVLNOO5.mjs";
 import {
   inputWrapper
 } from "./chunk-VSVGOX3P.mjs";
@@ -83,15 +86,15 @@ import {
 import {
   label
 } from "./chunk-LMCM4CW2.mjs";
+import {
+  loadingPage
+} from "./chunk-ZOTN264E.mjs";
 import {
   pageHeader
 } from "./chunk-HAVJ6EQ6.mjs";
 import {
   pageLayout
 } from "./chunk-OULAICSC.mjs";
-import {
-  popover
-} from "./chunk-TQVRNEIH.mjs";
 import {
   editorSpinner
 } from "./chunk-TVC4THD6.mjs";
@@ -224,6 +227,7 @@ export {
   integrationCard,
   kbd,
   label,
+  loadingPage,
   pageHeader,
   pageLayout,
   passwordInput,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "14.0.2",
+  "version": "14.0.3",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",
@@ -55,7 +55,7 @@
     "url": "https://github.com/kopexa-grc/sight/issues"
   },
   "dependencies": {
-    "@tiptap/extension-drag-handle-react": "^3.6.7",
+    "@tiptap/extension-drag-handle-react": "^3.7.2",
     "clsx": "^2.1.1",
     "color": "^5.0.2",
     "color2k": "^2.0.3",
@@ -64,7 +64,7 @@
     "tailwind-merge": "3.3.1",
     "tailwind-variants": "^3.1.1",
     "tw-animate-css": "^1.4.0",
-    "@kopexa/shared-utils": "14.0.2"
+    "@kopexa/shared-utils": "14.0.3"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0"