@kopexa/theme 1.6.0 → 1.6.1

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,15 @@ 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 { 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,15 @@ 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 { 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';