@kopexa/theme 1.6.0 → 1.6.2

package/dist/components/index.js

@@ -40,13 +40,18 @@ __export(components_exports, {
   pageLayout: () => pageLayout,
   passwordInput: () => passwordInput,
   popover: () => popover,
+  previewCard: () => previewCard,
+  resizable: () => resizable,
+  riskBadge: () => riskBadge,
   riskIndicator: () => riskIndicator,
+  sectionRow: () => sectionRow,
   separator: () => separator,
   sidebar: () => sidebar,
   sidebarMenuAction: () => sidebarMenuAction,
   sidebarMenuButton: () => sidebarMenuButton,
   skeleton: () => skeleton,
   spinner: () => spinner,
+  splitPageLayout: () => splitPageLayout,
   tabNav: () => tabNav,
   table: () => table,
   tabs: () => tabs,
@@ -89,7 +94,7 @@ var translateCenterClasses = [
 
 // src/utils/variants.ts
 var solid = {
-  default: "bg-accent text-accent-foreground",
+  default: "bg-accent/70 text-accent-foreground",
   primary: "bg-primary text-primary-foreground",
   secondary: "bg-secondary text-secondary-foreground",
   destructive: "bg-destructive text-destructive-foreground",
@@ -1228,7 +1233,7 @@ var drawer = (0, import_tailwind_variants13.tv)({
         content: "max-w-6xl"
       },
       full: {
-        content: "max-w-full max-h-full h-[calc(100dvh_-_1rem)] inset-2"
+        content: "max-w-full max-h-full h-[calc(100dvh_-_1rem)] !inset-2"
       }
     },
     placement: {
@@ -1548,9 +1553,118 @@ var popover = (0, import_tailwind_variants19.tv)({
   }
 });
 
-// src/components/risk-indicator.ts
+// src/components/preview-card.ts
 var import_tailwind_variants20 = require("tailwind-variants");
-var riskIndicator = (0, import_tailwind_variants20.tv)({
+var previewCard = (0, import_tailwind_variants20.tv)({
+  slots: {
+    root: [
+      "flex w-full items-start gap-3 rounded-md bg-background p-2 transition-colors",
+      "transition-all group min-h-10",
+      "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1"
+    ],
+    icon: ["flex-shrink-0 text-muted-foreground"],
+    content: ["flex min-w-0 flex-1 flex-col justify-center"],
+    title: ["truncate text-xs font-medium text-foreground"],
+    description: ["truncate text-[10px] text-muted-foreground line-clamp-1"],
+    action: ["shrink-0 rounded-full [&_svg]:size-4"],
+    tags: ["mt-1.5 flex items-center gap-2"]
+  },
+  variants: {
+    size: {
+      md: {
+        icon: "[&__svg]:size-5"
+      }
+    },
+    isBordered: {
+      true: {
+        root: ["border"]
+      },
+      false: {}
+    },
+    isHoverable: {
+      true: {
+        root: "hover:bg-muted/50 hover:border-primary",
+        title: "group-hover:text-primary"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    isBordered: true
+  }
+});
+
+// src/components/resizable.ts
+var import_tailwind_variants21 = require("tailwind-variants");
+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"],
+    grade: ["font-semibold"],
+    level: ["font-medium"],
+    dots: ["inline-flex items-center gap-0.5"],
+    dot: [
+      "inline-block w-1.5 h-1.5 rounded-full",
+      "transition-all duration-150 ease-in-out"
+    ]
+  },
+  variants: {
+    color: {
+      default: {
+        dot: "bg-gray-200 dark:bg-gray-700"
+      },
+      success: {
+        dot: "bg-success"
+      },
+      destructive: {
+        dot: "bg-destructive"
+      },
+      warning: {
+        dot: "bg-warning"
+      }
+    },
+    dotFilled: {
+      true: {
+        dot: "opacity-100 scale-110"
+      },
+      false: {
+        dot: "opacity-40 scale-100"
+      }
+    }
+  }
+});
+
+// src/components/risk-indicator.ts
+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",
@@ -1582,21 +1696,48 @@ var riskIndicator = (0, import_tailwind_variants20.tv)({
   }
 });
 
+// src/components/section-row.ts
+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",
+    valueText: "whitespace-pre-line text-pretty text-sm",
+    valueContainer: "section-row__value-container flex flex-wrap gap-1",
+    action: "section-row__action"
+  },
+  variants: {
+    hasActions: {
+      true: {
+        root: [
+          "has-actions"
+          //"md:grid-cols-[min(40%,--spacing(80))_auto_28px]",
+        ]
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    hasActions: false
+  }
+});
+
 // src/components/separator.ts
-var import_tailwind_variants21 = require("tailwind-variants");
-var separator = (0, import_tailwind_variants21.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: {
       vertical: "",
       horizontal: ""
     }
-  }
+  },
+  compoundVariants: []
 });
 
 // src/components/sidebar.ts
-var import_tailwind_variants22 = require("tailwind-variants");
-var sidebar = (0, import_tailwind_variants22.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"
@@ -1684,7 +1825,7 @@ var sidebar = (0, import_tailwind_variants22.tv)({
     isMobile: false
   }
 });
-var sidebarMenuButton = (0, import_tailwind_variants22.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]",
@@ -1736,7 +1877,7 @@ var sidebarMenuButton = (0, import_tailwind_variants22.tv)({
     }
   ]
 });
-var sidebarMenuAction = (0, import_tailwind_variants22.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.
@@ -1756,14 +1897,14 @@ var sidebarMenuAction = (0, import_tailwind_variants22.tv)({
 });
 
 // src/components/skeleton.ts
-var import_tailwind_variants23 = require("tailwind-variants");
-var skeleton = (0, import_tailwind_variants23.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_variants24 = require("tailwind-variants");
-var spinner = (0, import_tailwind_variants24.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",
@@ -1879,13 +2020,52 @@ var spinner = (0, import_tailwind_variants24.tv)({
   }
 });
 
+// src/components/split-page-layout.ts
+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"
+    ],
+    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
+  }
+});
+
 // src/components/tab-nav.ts
-var import_tailwind_variants25 = require("tailwind-variants");
-var tabNav = (0, import_tailwind_variants25.tv)({
+var import_tailwind_variants30 = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants30.tv)({
   slots: {
     base: "",
     list: [
       "flex",
+      "items-center",
       "justify-start",
       "overflow-x-auto",
       "whitespace-nowrap",
@@ -1923,6 +2103,12 @@ var tabNav = (0, import_tailwind_variants25.tv)({
     ]
   },
   variants: {
+    bleed: {
+      true: {
+        list: "-mx-4 md:-mx-6 px-4 md:px-6"
+      },
+      false: {}
+    },
     color: {
       primary: {
         link: ["before:bg-primary"]
@@ -1964,8 +2150,8 @@ var tabNav = (0, import_tailwind_variants25.tv)({
 });
 
 // src/components/table.ts
-var import_tailwind_variants26 = require("tailwind-variants");
-var table = (0, import_tailwind_variants26.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"],
@@ -2005,7 +2191,16 @@ var table = (0, import_tailwind_variants26.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: {
@@ -2113,8 +2308,8 @@ var table = (0, import_tailwind_variants26.tv)({
 });
 
 // src/components/tabs.ts
-var import_tailwind_variants27 = require("tailwind-variants");
-var tabs = (0, import_tailwind_variants27.tv)({
+var import_tailwind_variants32 = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants32.tv)({
   slots: {
     root: "flex flex-col gap-2",
     list: [
@@ -2151,8 +2346,8 @@ var tabs = (0, import_tailwind_variants27.tv)({
 });
 
 // src/components/tooltip.ts
-var import_tailwind_variants28 = require("tailwind-variants");
-var tooltip = (0, import_tailwind_variants28.tv)({
+var import_tailwind_variants33 = require("tailwind-variants");
+var tooltip = (0, import_tailwind_variants33.tv)({
   slots: {
     content: [
       "bg-primary text-primary-foreground",
@@ -2184,13 +2379,18 @@ var tooltip = (0, import_tailwind_variants28.tv)({
   pageLayout,
   passwordInput,
   popover,
+  previewCard,
+  resizable,
+  riskBadge,
   riskIndicator,
+  sectionRow,
   separator,
   sidebar,
   sidebarMenuAction,
   sidebarMenuButton,
   skeleton,
   spinner,
+  splitPageLayout,
   tabNav,
   table,
   tabs,

package/dist/components/index.mjs

@@ -1,22 +1,39 @@
-import "../chunk-EOJ6MEGH.mjs";
-import {
-  skeleton
-} from "../chunk-VNQEJU4P.mjs";
-import {
-  spinner
-} from "../chunk-4UDOCFU5.mjs";
-import {
-  tabNav
-} from "../chunk-UPTG533L.mjs";
+import "../chunk-GZPF57JX.mjs";
 import {
   table
-} from "../chunk-SU53TZN7.mjs";
+} 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";
+import {
+  separator
+} from "../chunk-VCLXE57S.mjs";
+import {
+  sidebar,
+  sidebarMenuAction,
+  sidebarMenuButton
+} from "../chunk-GA6UOB2D.mjs";
+import {
+  skeleton
+} from "../chunk-VNQEJU4P.mjs";
+import {
+  spinner
+} from "../chunk-4UDOCFU5.mjs";
+import {
+  splitPageLayout
+} from "../chunk-IY7SLI3T.mjs";
+import {
+  tabNav
+} from "../chunk-ZLM6Z3W2.mjs";
 import {
   input,
   passwordInput
@@ -31,22 +48,20 @@ import {
   popover
 } from "../chunk-J35D7RWA.mjs";
 import {
-  riskIndicator
-} from "../chunk-CZMZHA7U.mjs";
+  previewCard
+} from "../chunk-WPOYEHD2.mjs";
 import {
-  separator
-} from "../chunk-IRKCLWJD.mjs";
+  resizable
+} from "../chunk-RV656WRF.mjs";
 import {
-  sidebar,
-  sidebarMenuAction,
-  sidebarMenuButton
-} from "../chunk-GA6UOB2D.mjs";
+  riskBadge
+} from "../chunk-V2J5XG34.mjs";
 import {
   chip
-} from "../chunk-HOQ2LD24.mjs";
+} from "../chunk-T5PESSOS.mjs";
 import {
   code
-} from "../chunk-WSX3HKVE.mjs";
+} from "../chunk-XJ7XBZNF.mjs";
 import {
   command
 } from "../chunk-YPHFKGNI.mjs";
@@ -55,7 +70,7 @@ import {
 } from "../chunk-GNYTZGE5.mjs";
 import {
   drawer
-} from "../chunk-DH3KNPAO.mjs";
+} from "../chunk-J4JIYTOU.mjs";
 import {
   dialog
 } from "../chunk-5DF3M5JP.mjs";
@@ -73,12 +88,12 @@ import {
 } from "../chunk-XCLEKBCJ.mjs";
 import {
   avatar
-} from "../chunk-OMS3433R.mjs";
+} from "../chunk-5QIMO5EG.mjs";
 import {
   button
-} from "../chunk-MGYGD5BF.mjs";
+} from "../chunk-DQEPGWAN.mjs";
 import "../chunk-25L2JS6A.mjs";
-import "../chunk-UVT775TU.mjs";
+import "../chunk-LG2J56LI.mjs";
 import {
   calendar
 } from "../chunk-JWF5ABNP.mjs";
@@ -109,13 +124,18 @@ export {
   pageLayout,
   passwordInput,
   popover,
+  previewCard,
+  resizable,
+  riskBadge,
   riskIndicator,
+  sectionRow,
   separator,
   sidebar,
   sidebarMenuAction,
   sidebarMenuButton,
   skeleton,
   spinner,
+  splitPageLayout,
   tabNav,
   table,
   tabs,

package/dist/components/preview-card.d.mts

@@ -0,0 +1,89 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const previewCard: tailwind_variants.TVReturnType<{
+    size: {
+        md: {
+            icon: string;
+        };
+    };
+    isBordered: {
+        true: {
+            root: string[];
+        };
+        false: {};
+    };
+    isHoverable: {
+        true: {
+            root: string;
+            title: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    icon: string[];
+    content: string[];
+    title: string[];
+    description: string[];
+    action: string[];
+    tags: string[];
+}, undefined, {
+    size: {
+        md: {
+            icon: string;
+        };
+    };
+    isBordered: {
+        true: {
+            root: string[];
+        };
+        false: {};
+    };
+    isHoverable: {
+        true: {
+            root: string;
+            title: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    icon: string[];
+    content: string[];
+    title: string[];
+    description: string[];
+    action: string[];
+    tags: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        md: {
+            icon: string;
+        };
+    };
+    isBordered: {
+        true: {
+            root: string[];
+        };
+        false: {};
+    };
+    isHoverable: {
+        true: {
+            root: string;
+            title: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    icon: string[];
+    content: string[];
+    title: string[];
+    description: string[];
+    action: string[];
+    tags: string[];
+}, undefined, unknown, unknown, undefined>>;
+type PreviewCardSlots = keyof ReturnType<typeof previewCard>;
+type PreviewCardVariantProps = VariantProps<typeof previewCard>;
+
+export { type PreviewCardSlots, type PreviewCardVariantProps, previewCard };

package/dist/components/preview-card.d.ts

@@ -0,0 +1,89 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const previewCard: tailwind_variants.TVReturnType<{
+    size: {
+        md: {
+            icon: string;
+        };
+    };
+    isBordered: {
+        true: {
+            root: string[];
+        };
+        false: {};
+    };
+    isHoverable: {
+        true: {
+            root: string;
+            title: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    icon: string[];
+    content: string[];
+    title: string[];
+    description: string[];
+    action: string[];
+    tags: string[];
+}, undefined, {
+    size: {
+        md: {
+            icon: string;
+        };
+    };
+    isBordered: {
+        true: {
+            root: string[];
+        };
+        false: {};
+    };
+    isHoverable: {
+        true: {
+            root: string;
+            title: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    icon: string[];
+    content: string[];
+    title: string[];
+    description: string[];
+    action: string[];
+    tags: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        md: {
+            icon: string;
+        };
+    };
+    isBordered: {
+        true: {
+            root: string[];
+        };
+        false: {};
+    };
+    isHoverable: {
+        true: {
+            root: string;
+            title: string;
+        };
+        false: {};
+    };
+}, {
+    root: string[];
+    icon: string[];
+    content: string[];
+    title: string[];
+    description: string[];
+    action: string[];
+    tags: string[];
+}, undefined, unknown, unknown, undefined>>;
+type PreviewCardSlots = keyof ReturnType<typeof previewCard>;
+type PreviewCardVariantProps = VariantProps<typeof previewCard>;
+
+export { type PreviewCardSlots, type PreviewCardVariantProps, previewCard };