@kopexa/theme 1.6.1 → 1.6.2

package/dist/{chunk-FWRXPYLB.mjs → chunk-IY7SLI3T.mjs}

@@ -13,7 +13,7 @@ var splitPageLayout = tv({
       "bg-muted dark:bg-primary-900"
     ],
     panel: [
-      "md:border-s",
+      //"md:border-s",
       "p-4 md:p-6",
       "overflow-y-auto overflow-x-hidden",
       "flex-1",

package/dist/chunk-RV656WRF.mjs

@@ -0,0 +1,30 @@
+// src/components/resizable.ts
+import { tv } from "tailwind-variants";
+var resizable = tv({
+  slots: {
+    root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
+    panel: [],
+    handle: [
+      "bg-border focus-visible:ring-ring relative",
+      "flex w-px items-center justify-center",
+      "after:absolute after:inset-y-0 after:left-1/2",
+      "after:w-1 after:-translate-x-1/2",
+      "focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden",
+      "data-[panel-group-direction=vertical]:h-px",
+      "data-[panel-group-direction=vertical]:w-full",
+      "data-[panel-group-direction=vertical]:after:left-0",
+      "data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full",
+      "data-[panel-group-direction=vertical]:after:translate-x-0",
+      "data-[panel-group-direction=vertical]:after:-translate-y-1/2",
+      "[&[data-panel-group-direction=vertical]>div]:rotate-90"
+    ],
+    iconContainer: [
+      "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+      "[&_> svg]:size-2.5 [&_> svg]:shrink-0"
+    ]
+  }
+});
+
+export {
+  resizable
+};

package/dist/components/index.d.mts

@@ -18,6 +18,7 @@ export { PageHeaderVariantProps, pageHeader } from './page-header.mjs';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.mjs';
 export { PopoverVariants, popover } from './popover.mjs';
 export { PreviewCardSlots, PreviewCardVariantProps, previewCard } from './preview-card.mjs';
+export { ResizableVariantProps, resizable } from './resizable.mjs';
 export { RiskBadgeVariantProps, riskBadge } from './risk-badge.mjs';
 export { RiskIndicatorVariantProps, riskIndicator } from './risk-indicator.mjs';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './section-row.mjs';

package/dist/components/index.d.ts

@@ -18,6 +18,7 @@ export { PageHeaderVariantProps, pageHeader } from './page-header.js';
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './page-layout.js';
 export { PopoverVariants, popover } from './popover.js';
 export { PreviewCardSlots, PreviewCardVariantProps, previewCard } from './preview-card.js';
+export { ResizableVariantProps, resizable } from './resizable.js';
 export { RiskBadgeVariantProps, riskBadge } from './risk-badge.js';
 export { RiskIndicatorVariantProps, riskIndicator } from './risk-indicator.js';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './section-row.js';

package/dist/components/index.js

@@ -41,6 +41,7 @@ __export(components_exports, {
   passwordInput: () => passwordInput,
   popover: () => popover,
   previewCard: () => previewCard,
+  resizable: () => resizable,
   riskBadge: () => riskBadge,
   riskIndicator: () => riskIndicator,
   sectionRow: () => sectionRow,
@@ -1594,9 +1595,36 @@ var previewCard = (0, import_tailwind_variants20.tv)({
   }
 });
 
-// src/components/risk-badge.ts
+// src/components/resizable.ts
 var import_tailwind_variants21 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants21.tv)({
+var resizable = (0, import_tailwind_variants21.tv)({
+  slots: {
+    root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
+    panel: [],
+    handle: [
+      "bg-border focus-visible:ring-ring relative",
+      "flex w-px items-center justify-center",
+      "after:absolute after:inset-y-0 after:left-1/2",
+      "after:w-1 after:-translate-x-1/2",
+      "focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden",
+      "data-[panel-group-direction=vertical]:h-px",
+      "data-[panel-group-direction=vertical]:w-full",
+      "data-[panel-group-direction=vertical]:after:left-0",
+      "data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full",
+      "data-[panel-group-direction=vertical]:after:translate-x-0",
+      "data-[panel-group-direction=vertical]:after:-translate-y-1/2",
+      "[&[data-panel-group-direction=vertical]>div]:rotate-90"
+    ],
+    iconContainer: [
+      "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+      "[&_> svg]:size-2.5 [&_> svg]:shrink-0"
+    ]
+  }
+});
+
+// src/components/risk-badge.ts
+var import_tailwind_variants22 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants22.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -1635,8 +1663,8 @@ var riskBadge = (0, import_tailwind_variants21.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants22 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants22.tv)({
+var import_tailwind_variants23 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants23.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -1669,8 +1697,8 @@ var riskIndicator = (0, import_tailwind_variants22.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants23 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants23.tv)({
+var import_tailwind_variants24 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants24.tv)({
   slots: {
     root: ["section-row items-start"],
     title: "section-row__title text-muted-foreground text-sm font-semibold",
@@ -1695,8 +1723,8 @@ var sectionRow = (0, import_tailwind_variants23.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants24 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants24.tv)({
+var import_tailwind_variants25 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants25.tv)({
   base: "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
   variants: {
     orientation: {
@@ -1708,8 +1736,8 @@ var separator = (0, import_tailwind_variants24.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants25 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants25.tv)({
+var import_tailwind_variants26 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants26.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"
@@ -1797,7 +1825,7 @@ var sidebar = (0, import_tailwind_variants25.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants25.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants26.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]",
@@ -1849,7 +1877,7 @@ var sidebarMenuButton = (0, import_tailwind_variants25.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants25.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants26.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.
@@ -1869,14 +1897,14 @@ var sidebarMenuAction = (0, import_tailwind_variants25.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants26 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants26.tv)({
+var import_tailwind_variants27 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants27.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants28 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants28.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -1993,8 +2021,8 @@ var spinner = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants29 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants29.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -2007,7 +2035,7 @@ var splitPageLayout = (0, import_tailwind_variants28.tv)({
       "bg-muted dark:bg-primary-900"
     ],
     panel: [
-      "md:border-s",
+      //"md:border-s",
       "p-4 md:p-6",
       "overflow-y-auto overflow-x-hidden",
       "flex-1",
@@ -2031,8 +2059,8 @@ var splitPageLayout = (0, import_tailwind_variants28.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants30.tv)({
   slots: {
     base: "",
     list: [
@@ -2122,8 +2150,8 @@ var tabNav = (0, import_tailwind_variants29.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var table = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var table = (0, import_tailwind_variants31.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-3 md:-mx-6"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -2280,8 +2308,8 @@ var table = (0, import_tailwind_variants30.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants32.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -2318,8 +2346,8 @@ var tabs = (0, import_tailwind_variants31.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants33.tv)({
   slots: {
     content: [
       "bg-primary text-primary-foreground",
@@ -2352,6 +2380,7 @@ var tooltip = (0, import_tailwind_variants32.tv)({
   passwordInput,
   popover,
   previewCard,
+  resizable,
   riskBadge,
   riskIndicator,
   sectionRow,

package/dist/components/index.mjs

@@ -1,10 +1,16 @@
-import "../chunk-NP4SOC4S.mjs";
+import "../chunk-GZPF57JX.mjs";
+import {
+  table
+} from "../chunk-MKBU6G6Q.mjs";
 import {
   tabs
 } from "../chunk-I6M4S2KZ.mjs";
 import {
   tooltip
 } from "../chunk-SVCFD7RR.mjs";
+import {
+  riskIndicator
+} from "../chunk-CZMZHA7U.mjs";
 import {
   sectionRow
 } from "../chunk-TT5V2MUL.mjs";
@@ -24,13 +30,10 @@ import {
 } from "../chunk-4UDOCFU5.mjs";
 import {
   splitPageLayout
-} from "../chunk-FWRXPYLB.mjs";
+} from "../chunk-IY7SLI3T.mjs";
 import {
   tabNav
 } from "../chunk-ZLM6Z3W2.mjs";
-import {
-  table
-} from "../chunk-MKBU6G6Q.mjs";
 import {
   input,
   passwordInput
@@ -47,12 +50,12 @@ import {
 import {
   previewCard
 } from "../chunk-WPOYEHD2.mjs";
+import {
+  resizable
+} from "../chunk-RV656WRF.mjs";
 import {
   riskBadge
 } from "../chunk-V2J5XG34.mjs";
-import {
-  riskIndicator
-} from "../chunk-CZMZHA7U.mjs";
 import {
   chip
 } from "../chunk-T5PESSOS.mjs";
@@ -122,6 +125,7 @@ export {
   passwordInput,
   popover,
   previewCard,
+  resizable,
   riskBadge,
   riskIndicator,
   sectionRow,

package/dist/components/resizable.d.mts

@@ -0,0 +1,49 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const resizable: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+            handle?: tailwind_variants.ClassValue;
+            iconContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+            handle?: tailwind_variants.ClassValue;
+            iconContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    panel: never[];
+    handle: string[];
+    iconContainer: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+            handle?: tailwind_variants.ClassValue;
+            iconContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    panel: never[];
+    handle: string[];
+    iconContainer: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string[];
+    panel: never[];
+    handle: string[];
+    iconContainer: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ResizableVariantProps = VariantProps<typeof resizable>;
+
+export { type ResizableVariantProps, resizable };

package/dist/components/resizable.d.ts

@@ -0,0 +1,49 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const resizable: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+            handle?: tailwind_variants.ClassValue;
+            iconContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+            handle?: tailwind_variants.ClassValue;
+            iconContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    panel: never[];
+    handle: string[];
+    iconContainer: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
+            panel?: tailwind_variants.ClassValue;
+            handle?: tailwind_variants.ClassValue;
+            iconContainer?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    root: string[];
+    panel: never[];
+    handle: string[];
+    iconContainer: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string[];
+    panel: never[];
+    handle: string[];
+    iconContainer: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ResizableVariantProps = VariantProps<typeof resizable>;
+
+export { type ResizableVariantProps, resizable };

package/dist/components/resizable.js

@@ -0,0 +1,54 @@
+"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/resizable.ts
+var resizable_exports = {};
+__export(resizable_exports, {
+  resizable: () => resizable
+});
+module.exports = __toCommonJS(resizable_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var resizable = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
+    panel: [],
+    handle: [
+      "bg-border focus-visible:ring-ring relative",
+      "flex w-px items-center justify-center",
+      "after:absolute after:inset-y-0 after:left-1/2",
+      "after:w-1 after:-translate-x-1/2",
+      "focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden",
+      "data-[panel-group-direction=vertical]:h-px",
+      "data-[panel-group-direction=vertical]:w-full",
+      "data-[panel-group-direction=vertical]:after:left-0",
+      "data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full",
+      "data-[panel-group-direction=vertical]:after:translate-x-0",
+      "data-[panel-group-direction=vertical]:after:-translate-y-1/2",
+      "[&[data-panel-group-direction=vertical]>div]:rotate-90"
+    ],
+    iconContainer: [
+      "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+      "[&_> svg]:size-2.5 [&_> svg]:shrink-0"
+    ]
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  resizable
+});

package/dist/components/resizable.mjs

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

package/dist/components/split-page-layout.js

@@ -37,7 +37,7 @@ var splitPageLayout = (0, import_tailwind_variants.tv)({
       "bg-muted dark:bg-primary-900"
     ],
     panel: [
-      "md:border-s",
+      //"md:border-s",
       "p-4 md:p-6",
       "overflow-y-auto overflow-x-hidden",
       "flex-1",

package/dist/components/split-page-layout.mjs

@@ -1,6 +1,6 @@
 import {
   splitPageLayout
-} from "../chunk-FWRXPYLB.mjs";
+} from "../chunk-IY7SLI3T.mjs";
 export {
   splitPageLayout
 };

package/dist/index.d.mts

@@ -19,6 +19,7 @@ export { PageHeaderVariantProps, pageHeader } from './components/page-header.mjs
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.mjs';
 export { PopoverVariants, popover } from './components/popover.mjs';
 export { PreviewCardSlots, PreviewCardVariantProps, previewCard } from './components/preview-card.mjs';
+export { ResizableVariantProps, resizable } from './components/resizable.mjs';
 export { RiskBadgeVariantProps, riskBadge } from './components/risk-badge.mjs';
 export { RiskIndicatorVariantProps, riskIndicator } from './components/risk-indicator.mjs';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './components/section-row.mjs';

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export { PageHeaderVariantProps, pageHeader } from './components/page-header.js'
 export { PageLayoutSlots, PageLayoutVariantProps, pageLayout } from './components/page-layout.js';
 export { PopoverVariants, popover } from './components/popover.js';
 export { PreviewCardSlots, PreviewCardVariantProps, previewCard } from './components/preview-card.js';
+export { ResizableVariantProps, resizable } from './components/resizable.js';
 export { RiskBadgeVariantProps, riskBadge } from './components/risk-badge.js';
 export { RiskIndicatorVariantProps, riskIndicator } from './components/risk-indicator.js';
 export { SectionRowSlots, SectionRowVariantProps, sectionRow } from './components/section-row.js';

package/dist/index.js

@@ -41,6 +41,7 @@ __export(index_exports, {
   passwordInput: () => passwordInput,
   popover: () => popover,
   previewCard: () => previewCard,
+  resizable: () => resizable,
   riskBadge: () => riskBadge,
   riskIndicator: () => riskIndicator,
   sectionRow: () => sectionRow,
@@ -1594,9 +1595,36 @@ var previewCard = (0, import_tailwind_variants20.tv)({
   }
 });
 
-// src/components/risk-badge.ts
+// src/components/resizable.ts
 var import_tailwind_variants21 = require("tailwind-variants");
-var riskBadge = (0, import_tailwind_variants21.tv)({
+var resizable = (0, import_tailwind_variants21.tv)({
+  slots: {
+    root: ["flex h-full w-full data-[panel-group-direction=vertical]:flex-col"],
+    panel: [],
+    handle: [
+      "bg-border focus-visible:ring-ring relative",
+      "flex w-px items-center justify-center",
+      "after:absolute after:inset-y-0 after:left-1/2",
+      "after:w-1 after:-translate-x-1/2",
+      "focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden",
+      "data-[panel-group-direction=vertical]:h-px",
+      "data-[panel-group-direction=vertical]:w-full",
+      "data-[panel-group-direction=vertical]:after:left-0",
+      "data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full",
+      "data-[panel-group-direction=vertical]:after:translate-x-0",
+      "data-[panel-group-direction=vertical]:after:-translate-y-1/2",
+      "[&[data-panel-group-direction=vertical]>div]:rotate-90"
+    ],
+    iconContainer: [
+      "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+      "[&_> svg]:size-2.5 [&_> svg]:shrink-0"
+    ]
+  }
+});
+
+// src/components/risk-badge.ts
+var import_tailwind_variants22 = require("tailwind-variants");
+var riskBadge = (0, import_tailwind_variants22.tv)({
   slots: {
     root: ["inline-flex flex-col items-start gap-0.5"],
     label: ["inline-flex items-center gap-0.5 text-xs"],
@@ -1635,8 +1663,8 @@ var riskBadge = (0, import_tailwind_variants21.tv)({
 });
 
 // src/components/risk-indicator.ts
-var import_tailwind_variants22 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants22.tv)({
+var import_tailwind_variants23 = require("tailwind-variants");
+var riskIndicator = (0, import_tailwind_variants23.tv)({
   slots: {
     base: "flex items-end gap-0.5",
     bar: "rounded-sm",
@@ -1669,8 +1697,8 @@ var riskIndicator = (0, import_tailwind_variants22.tv)({
 });
 
 // src/components/section-row.ts
-var import_tailwind_variants23 = require("tailwind-variants");
-var sectionRow = (0, import_tailwind_variants23.tv)({
+var import_tailwind_variants24 = require("tailwind-variants");
+var sectionRow = (0, import_tailwind_variants24.tv)({
   slots: {
     root: ["section-row items-start"],
     title: "section-row__title text-muted-foreground text-sm font-semibold",
@@ -1695,8 +1723,8 @@ var sectionRow = (0, import_tailwind_variants23.tv)({
 });
 
 // src/components/separator.ts
-var import_tailwind_variants24 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants24.tv)({
+var import_tailwind_variants25 = require("tailwind-variants");
+var separator = (0, import_tailwind_variants25.tv)({
   base: "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
   variants: {
     orientation: {
@@ -1708,8 +1736,8 @@ var separator = (0, import_tailwind_variants24.tv)({
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants25 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants25.tv)({
+var import_tailwind_variants26 = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants26.tv)({
   slots: {
     provider: [
       "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"
@@ -1797,7 +1825,7 @@ var sidebar = (0, import_tailwind_variants25.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants25.tv)({
+var sidebarMenuButton = (0, import_tailwind_variants26.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]",
@@ -1849,7 +1877,7 @@ var sidebarMenuButton = (0, import_tailwind_variants25.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants25.tv)({
+var sidebarMenuAction = (0, import_tailwind_variants26.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.
@@ -1869,14 +1897,14 @@ var sidebarMenuAction = (0, import_tailwind_variants25.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants26 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants26.tv)({
+var import_tailwind_variants27 = require("tailwind-variants");
+var skeleton = (0, import_tailwind_variants27.tv)({
   base: "bg-accent animate-pulse rounded-md"
 });
 
 // src/components/spinner.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants28 = require("tailwind-variants");
+var spinner = (0, import_tailwind_variants28.tv)({
   slots: {
     base: "relative inline-flex flex-col gap-2 items-center justify-center",
     wrapper: "relative flex",
@@ -1993,8 +2021,8 @@ var spinner = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/split-page-layout.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var splitPageLayout = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants29 = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants29.tv)({
   slots: {
     root: [
       "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
@@ -2007,7 +2035,7 @@ var splitPageLayout = (0, import_tailwind_variants28.tv)({
       "bg-muted dark:bg-primary-900"
     ],
     panel: [
-      "md:border-s",
+      //"md:border-s",
       "p-4 md:p-6",
       "overflow-y-auto overflow-x-hidden",
       "flex-1",
@@ -2031,8 +2059,8 @@ var splitPageLayout = (0, import_tailwind_variants28.tv)({
 });
 
 // src/components/tab-nav.ts
-var import_tailwind_variants29 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants29.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants30.tv)({
   slots: {
     base: "",
     list: [
@@ -2122,8 +2150,8 @@ var tabNav = (0, import_tailwind_variants29.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants30 = require("tailwind-variants");
-var table = (0, import_tailwind_variants30.tv)({
+var import_tailwind_variants31 = require("tailwind-variants");
+var table = (0, import_tailwind_variants31.tv)({
   slots: {
     container: ["overflow-x-auto whitespace-nowrap", "-mx-3 md:-mx-6"],
     wrapper: ["inline-block min-w-full align-middle"],
@@ -2280,8 +2308,8 @@ var table = (0, import_tailwind_variants30.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants31 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants31.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants32.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -2318,8 +2346,8 @@ var tabs = (0, import_tailwind_variants31.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants32 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants32.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants33.tv)({
   slots: {
     content: [
       "bg-primary text-primary-foreground",
@@ -2352,6 +2380,7 @@ var tooltip = (0, import_tailwind_variants32.tv)({
   passwordInput,
   popover,
   previewCard,
+  resizable,
   riskBadge,
   riskIndicator,
   sectionRow,

package/dist/index.mjs

@@ -1,11 +1,17 @@
 import "./chunk-XSN6P5JL.mjs";
-import "./chunk-NP4SOC4S.mjs";
+import "./chunk-GZPF57JX.mjs";
+import {
+  table
+} from "./chunk-MKBU6G6Q.mjs";
 import {
   tabs
 } from "./chunk-I6M4S2KZ.mjs";
 import {
   tooltip
 } from "./chunk-SVCFD7RR.mjs";
+import {
+  riskIndicator
+} from "./chunk-CZMZHA7U.mjs";
 import {
   sectionRow
 } from "./chunk-TT5V2MUL.mjs";
@@ -25,13 +31,10 @@ import {
 } from "./chunk-4UDOCFU5.mjs";
 import {
   splitPageLayout
-} from "./chunk-FWRXPYLB.mjs";
+} from "./chunk-IY7SLI3T.mjs";
 import {
   tabNav
 } from "./chunk-ZLM6Z3W2.mjs";
-import {
-  table
-} from "./chunk-MKBU6G6Q.mjs";
 import {
   input,
   passwordInput
@@ -48,12 +51,12 @@ import {
 import {
   previewCard
 } from "./chunk-WPOYEHD2.mjs";
+import {
+  resizable
+} from "./chunk-RV656WRF.mjs";
 import {
   riskBadge
 } from "./chunk-V2J5XG34.mjs";
-import {
-  riskIndicator
-} from "./chunk-CZMZHA7U.mjs";
 import {
   chip
 } from "./chunk-T5PESSOS.mjs";
@@ -123,6 +126,7 @@ export {
   passwordInput,
   popover,
   previewCard,
+  resizable,
   riskBadge,
   riskIndicator,
   sectionRow,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/theme",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "The default theme for Kopexa components",
   "keywords": [
     "theme",