@kopexa/theme 1.6.0 → 1.6.2

package/dist/components/split-page-layout.d.mts

@@ -0,0 +1,49 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const splitPageLayout: tailwind_variants.TVReturnType<{
+    inset: {
+        true: {
+            panelContainer: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    panelContainer: string[];
+    panel: string[];
+    bleed: string;
+    mobileWrapper: string;
+    mobileContainer: string[];
+}, undefined, {
+    inset: {
+        true: {
+            panelContainer: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    panelContainer: string[];
+    panel: string[];
+    bleed: string;
+    mobileWrapper: string;
+    mobileContainer: string[];
+}, tailwind_variants.TVReturnType<{
+    inset: {
+        true: {
+            panelContainer: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    panelContainer: string[];
+    panel: string[];
+    bleed: string;
+    mobileWrapper: string;
+    mobileContainer: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SplitPageLayoutVariantProps = VariantProps<typeof splitPageLayout>;
+
+export { type SplitPageLayoutVariantProps, splitPageLayout };

package/dist/components/split-page-layout.d.ts

@@ -0,0 +1,49 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const splitPageLayout: tailwind_variants.TVReturnType<{
+    inset: {
+        true: {
+            panelContainer: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    panelContainer: string[];
+    panel: string[];
+    bleed: string;
+    mobileWrapper: string;
+    mobileContainer: string[];
+}, undefined, {
+    inset: {
+        true: {
+            panelContainer: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    panelContainer: string[];
+    panel: string[];
+    bleed: string;
+    mobileWrapper: string;
+    mobileContainer: string[];
+}, tailwind_variants.TVReturnType<{
+    inset: {
+        true: {
+            panelContainer: string;
+        };
+    };
+}, {
+    root: string[];
+    content: string[];
+    panelContainer: string[];
+    panel: string[];
+    bleed: string;
+    mobileWrapper: string;
+    mobileContainer: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SplitPageLayoutVariantProps = VariantProps<typeof splitPageLayout>;
+
+export { type SplitPageLayoutVariantProps, splitPageLayout };

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

@@ -0,0 +1,65 @@
+"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/split-page-layout.ts
+var split_page_layout_exports = {};
+__export(split_page_layout_exports, {
+  splitPageLayout: () => splitPageLayout
+});
+module.exports = __toCommonJS(split_page_layout_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var splitPageLayout = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: [
+      "size-full min-h-0 grid grid-cols-[1fr_10px] md:grid-cols-3 relative"
+    ],
+    content: ["p-4 md:p-6 col-span-1 md:col-span-2"],
+    panelContainer: [
+      "flex flex-col",
+      "md:border-s",
+      //"size-full",
+      "bg-muted dark:bg-primary-900"
+    ],
+    panel: [
+      //"md:border-s",
+      "p-4 md:p-6",
+      "overflow-y-auto overflow-x-hidden",
+      "flex-1",
+      "min-h-0",
+      "h-full"
+    ],
+    bleed: "-mx-4 md:-mx-6",
+    mobileWrapper: "relative",
+    mobileContainer: ["absolute top-2 right-2 z-10"]
+  },
+  variants: {
+    inset: {
+      true: {
+        panelContainer: "rounded-e-md max-md:rounded-md"
+      }
+    }
+  },
+  defaultVariants: {
+    inset: true
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  splitPageLayout
+});

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

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

package/dist/components/tab-nav.d.mts

@@ -2,6 +2,12 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const tabNav: tailwind_variants.TVReturnType<{
+    bleed: {
+        true: {
+            list: string;
+        };
+        false: {};
+    };
     color: {
         primary: {
             link: string[];
@@ -33,6 +39,12 @@ declare const tabNav: tailwind_variants.TVReturnType<{
     linkInner: string[];
     linkInnerHidden: string[];
 }, undefined, {
+    bleed: {
+        true: {
+            list: string;
+        };
+        false: {};
+    };
     color: {
         primary: {
             link: string[];
@@ -64,6 +76,12 @@ declare const tabNav: tailwind_variants.TVReturnType<{
     linkInner: string[];
     linkInnerHidden: string[];
 }, tailwind_variants.TVReturnType<{
+    bleed: {
+        true: {
+            list: string;
+        };
+        false: {};
+    };
     color: {
         primary: {
             link: string[];

package/dist/components/tab-nav.d.ts

@@ -2,6 +2,12 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const tabNav: tailwind_variants.TVReturnType<{
+    bleed: {
+        true: {
+            list: string;
+        };
+        false: {};
+    };
     color: {
         primary: {
             link: string[];
@@ -33,6 +39,12 @@ declare const tabNav: tailwind_variants.TVReturnType<{
     linkInner: string[];
     linkInnerHidden: string[];
 }, undefined, {
+    bleed: {
+        true: {
+            list: string;
+        };
+        false: {};
+    };
     color: {
         primary: {
             link: string[];
@@ -64,6 +76,12 @@ declare const tabNav: tailwind_variants.TVReturnType<{
     linkInner: string[];
     linkInnerHidden: string[];
 }, tailwind_variants.TVReturnType<{
+    bleed: {
+        true: {
+            list: string;
+        };
+        false: {};
+    };
     color: {
         primary: {
             link: string[];

package/dist/components/tab-nav.js

@@ -29,6 +29,7 @@ var tabNav = (0, import_tailwind_variants.tv)({
     base: "",
     list: [
       "flex",
+      "items-center",
       "justify-start",
       "overflow-x-auto",
       "whitespace-nowrap",
@@ -66,6 +67,12 @@ var tabNav = (0, import_tailwind_variants.tv)({
     ]
   },
   variants: {
+    bleed: {
+      true: {
+        list: "-mx-4 md:-mx-6 px-4 md:px-6"
+      },
+      false: {}
+    },
     color: {
       primary: {
         link: ["before:bg-primary"]

package/dist/components/tab-nav.mjs

@@ -1,6 +1,6 @@
 import {
   tabNav
-} from "../chunk-UPTG533L.mjs";
+} from "../chunk-ZLM6Z3W2.mjs";
 export {
   tabNav
 };

package/dist/components/table.d.mts

@@ -88,6 +88,12 @@ declare const table: tailwind_variants.TVReturnType<{
     tr: string[];
     th: string[];
     td: string[];
+    ownerCell: string[];
+    ownerCellAvatar: never[];
+    ownerCelltextWrapper: string;
+    ownerCellName: string;
+    ownerCellDescription: string;
+    ownerCellUnassigned: string;
 }, undefined, {
     bleed: {
         true: {};
@@ -175,6 +181,12 @@ declare const table: tailwind_variants.TVReturnType<{
     tr: string[];
     th: string[];
     td: string[];
+    ownerCell: string[];
+    ownerCellAvatar: never[];
+    ownerCelltextWrapper: string;
+    ownerCellName: string;
+    ownerCellDescription: string;
+    ownerCellUnassigned: string;
 }, tailwind_variants.TVReturnType<{
     bleed: {
         true: {};
@@ -262,6 +274,12 @@ declare const table: tailwind_variants.TVReturnType<{
     tr: string[];
     th: string[];
     td: string[];
+    ownerCell: string[];
+    ownerCellAvatar: never[];
+    ownerCelltextWrapper: string;
+    ownerCellName: string;
+    ownerCellDescription: string;
+    ownerCellUnassigned: string;
 }, undefined, unknown, unknown, undefined>>;
 type TableVariantProps = VariantProps<typeof table>;
 type TableSlots = keyof ReturnType<typeof table>;

package/dist/components/table.d.ts

@@ -88,6 +88,12 @@ declare const table: tailwind_variants.TVReturnType<{
     tr: string[];
     th: string[];
     td: string[];
+    ownerCell: string[];
+    ownerCellAvatar: never[];
+    ownerCelltextWrapper: string;
+    ownerCellName: string;
+    ownerCellDescription: string;
+    ownerCellUnassigned: string;
 }, undefined, {
     bleed: {
         true: {};
@@ -175,6 +181,12 @@ declare const table: tailwind_variants.TVReturnType<{
     tr: string[];
     th: string[];
     td: string[];
+    ownerCell: string[];
+    ownerCellAvatar: never[];
+    ownerCelltextWrapper: string;
+    ownerCellName: string;
+    ownerCellDescription: string;
+    ownerCellUnassigned: string;
 }, tailwind_variants.TVReturnType<{
     bleed: {
         true: {};
@@ -262,6 +274,12 @@ declare const table: tailwind_variants.TVReturnType<{
     tr: string[];
     th: string[];
     td: string[];
+    ownerCell: string[];
+    ownerCellAvatar: never[];
+    ownerCelltextWrapper: string;
+    ownerCellName: string;
+    ownerCellDescription: string;
+    ownerCellUnassigned: string;
 }, undefined, unknown, unknown, undefined>>;
 type TableVariantProps = VariantProps<typeof table>;
 type TableSlots = keyof ReturnType<typeof table>;

package/dist/components/table.js

@@ -64,7 +64,16 @@ var table = (0, import_tailwind_variants.tv)({
       "before:w-0.5",
       "before:opacity-0",
       "group-aria-[selected=true]/tr:first:before:opacity-100"
-    ]
+    ],
+    ownerCell: [
+      "min-h-[50px]",
+      "inline-flex items-center justify-center gap-2"
+    ],
+    ownerCellAvatar: [],
+    ownerCelltextWrapper: "inline-flex flex-col items-start",
+    ownerCellName: "text-xs font-medium",
+    ownerCellDescription: "text-[11px] text-muted-foreground truncate",
+    ownerCellUnassigned: "text-xs italic text-muted-foreground"
   },
   variants: {
     bleed: {

package/dist/components/table.mjs

@@ -1,6 +1,6 @@
 import {
   table
-} from "../chunk-SU53TZN7.mjs";
+} from "../chunk-MKBU6G6Q.mjs";
 export {
   table
 };

package/dist/index.css

@@ -14,8 +14,8 @@
 	--primary-foreground: var(--color-white);
 	--secondary: var(--color-default-200);
 	--secondary-foreground: oklch(0.205 0 0);
-	--muted: var(--color-default-100);
-	--muted-foreground: var(--color-default-600);
+	--muted: var(--color-default-50);
+	--muted-foreground: var(--color-default-800);
 	--accent: var(--color-primary-50);
 	--accent-foreground: oklch(0.205 0 0);
 	--destructive: var(--color-destructive-600);
@@ -99,6 +99,18 @@
     --color-desert-storm-900: oklch(0.3873 0.043 34.09);
     --color-desert-storm-950: oklch(0.2556 0.0275 30.23);
 
+    --color-slate-gray-50: oklch(0.9769 0.0032 197.11);
+    --color-slate-gray-100: oklch(0.9569 0.0065 208.78);
+    --color-slate-gray-200: oklch(0.9167 0.0095 222.06);
+    --color-slate-gray-300: oklch(0.8639 0.0167 221.1);
+    --color-slate-gray-400: oklch(0.7983 0.0218 232.21);
+    --color-slate-gray-500: oklch(0.7354 0.0268 240.8);
+    --color-slate-gray-600: oklch(0.6647 0.0326 246.78);
+    --color-slate-gray-700: oklch(0.5925 0.0309 248.35);
+    --color-slate-gray-800: oklch(0.5154 0.0253 250.43);
+    --color-slate-gray-900: oklch(0.455 0.0194 245.39);
+    --color-slate-gray-950: oklch(0.3209 0.0109 236.95);
+
     --color-primary-50: oklch(96.58% 0.016 262.77);
     --color-primary-100: oklch(92.21% 0.037 262.15);
     --color-primary-200: oklch(84.55% 0.074 259.28);
@@ -123,17 +135,17 @@
     --color-success-900: oklch(22.65% 0.049 162.45);
     --color-success-950: oklch(18.48% 0.04 162.16);
 
-    --color-default-50: oklch(0.98 0.00 248);
-    --color-default-100: oklch(0.97 0.00 265);
-    --color-default-200: oklch(0.93 0.01 265);
-    --color-default-300: oklch(0.87 0.01 258);
-    --color-default-400: oklch(0.71 0.02 261);
-    --color-default-500: oklch(0.55 0.02 264);
-    --color-default-600: oklch(0.45 0.03 257);
-    --color-default-700: oklch(0.37 0.03 260);
-    --color-default-800: oklch(0.28 0.03 257);
-    --color-default-900: oklch(0.21 0.03 265);
-    --color-default-950: oklch(0.13 0.03 262);
+    --color-default-50: var(--color-slate-gray-50);
+    --color-default-100: var(--color-slate-gray-100);
+    --color-default-200: var(--color-slate-gray-200);
+    --color-default-300: var(--color-slate-gray-300);
+    --color-default-400: var(--color-slate-gray-400);
+    --color-default-500: var(--color-slate-gray-500);
+    --color-default-600: var(--color-slate-gray-600);
+    --color-default-700: var(--color-slate-gray-700);
+    --color-default-800: var(--color-slate-gray-800);
+    --color-default-900: var(--color-slate-gray-900);
+    --color-default-950: var(--color-slate-gray-950);
 
     --color-warning-50: oklch(97.44% 0.014 46.3);
     --color-warning-100: oklch(95.09% 0.027 49.62);
@@ -378,4 +390,50 @@
         grid-row: var(--grid-row-order-navigation);
         grid-area: navigation;
     }
+
+    .section-row {
+        display: grid;
+        gap: calc(var(--spacing) * 2);
+        grid-template-columns: auto auto;
+        grid-template-areas:
+            'title title'
+            'value-container value-container';
+    }
+
+    .section-row.has-actions {
+        grid-template-columns: auto 28px;
+        grid-template-areas:
+            'title title'
+            'value-container action';
+    }
+
+    .section-row__title {
+        grid-area: title;
+    }
+
+    .section-row__value-container {
+        grid-area: value-container;
+        display: flex;
+        justify-content: flex-start;
+    }
+
+    .section-row__action {
+        grid-area: action;
+    }
+
+    @media (min-width: theme(--breakpoint-md)) {
+        .section-row {
+            grid-template-columns: min(40%, calc(var(--spacing) * 28)) 1fr;
+		    grid-template-areas: 'title value-container';
+        }
+
+        .section-row.has-actions {
+            grid-template-columns: min(40%, calc(var(--spacing) * 28)) 1fr 28px;
+		    grid-template-areas: 'title value-container action';
+        }
+
+        .section-row__value-container {
+            justify-content: flex-end;
+        }
+    }
 }

package/dist/index.d.mts

@@ -18,11 +18,16 @@ export { InputVariantProps, input, passwordInput } from './components/input.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';
+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';
 export { SeparatorVariantProps, separator } from './components/separator.mjs';
 export { SidebarMenuActionVariantProps, SidebarMenuButtonVariantProps, SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton } from './components/sidebar.mjs';
 export { skeleton } from './components/skeleton.mjs';
 export { SpinnerVariants, spinner } from './components/spinner.mjs';
+export { SplitPageLayoutVariantProps, splitPageLayout } from './components/split-page-layout.mjs';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './components/tab-nav.mjs';
 export { TableSlots, TableVariantProps, table } from './components/table.mjs';
 export { TabsVariantProps, tabs } from './components/tabs.mjs';

package/dist/index.d.ts

@@ -18,11 +18,16 @@ export { InputVariantProps, input, passwordInput } from './components/input.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';
+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';
 export { SeparatorVariantProps, separator } from './components/separator.js';
 export { SidebarMenuActionVariantProps, SidebarMenuButtonVariantProps, SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton } from './components/sidebar.js';
 export { skeleton } from './components/skeleton.js';
 export { SpinnerVariants, spinner } from './components/spinner.js';
+export { SplitPageLayoutVariantProps, splitPageLayout } from './components/split-page-layout.js';
 export { TabNavSlots, TabNavVariantProps, tabNav } from './components/tab-nav.js';
 export { TableSlots, TableVariantProps, table } from './components/table.js';
 export { TabsVariantProps, tabs } from './components/tabs.js';