@kopexa/theme 1.6.2 → 1.6.4

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

@@ -4,9 +4,9 @@ import { VariantProps } from 'tailwind-variants';
 declare const pageHeader: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;
@@ -19,9 +19,9 @@ declare const pageHeader: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;
@@ -45,9 +45,9 @@ declare const pageHeader: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;

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

@@ -4,9 +4,9 @@ import { VariantProps } from 'tailwind-variants';
 declare const pageHeader: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;
@@ -19,9 +19,9 @@ declare const pageHeader: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;
@@ -45,9 +45,9 @@ declare const pageHeader: tailwind_variants.TVReturnType<{
 }, undefined, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
+            root?: tailwind_variants.ClassValue;
             title?: tailwind_variants.ClassValue;
             description?: tailwind_variants.ClassValue;
-            root?: tailwind_variants.ClassValue;
             titleArea?: tailwind_variants.ClassValue;
             leadingVisual?: tailwind_variants.ClassValue;
             leadingAction?: tailwind_variants.ClassValue;

package/dist/components/popover.js

@@ -24,12 +24,20 @@ __export(popover_exports, {
 });
 module.exports = __toCommonJS(popover_exports);
 var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/classes.ts
+var popoverContentClasses = [
+  "bg-popover text-popover-foreground z-50",
+  "rounded-md border p-4 shadow-md outline-hidden"
+];
+
+// src/components/popover.ts
 var popover = (0, import_tailwind_variants.tv)({
   slots: {
     content: [
-      "bg-popover text-popover-foreground z-50 w-72",
-      "origin-(--radix-popover-content-transform-origin)",
-      "rounded-md border p-4 shadow-md outline-hidden"
+      ...popoverContentClasses,
+      "w-72",
+      "origin-(--radix-popover-content-transform-origin)"
     ]
   }
 });

package/dist/components/popover.mjs

@@ -1,6 +1,7 @@
 import {
   popover
-} from "../chunk-J35D7RWA.mjs";
+} from "../chunk-IKJHZT2S.mjs";
+import "../chunk-UEMJVVVF.mjs";
 export {
   popover
 };

package/dist/components/section-row.d.mts

@@ -3,42 +3,39 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const sectionRow: tailwind_variants.TVReturnType<{
     hasActions: {
-        true: {
-            root: string[];
-        };
+        true: {};
         false: {};
     };
 }, {
     root: string[];
-    title: string;
+    title: string[];
+    infoTip: string[];
     valueText: string;
-    valueContainer: string;
+    valueContainer: string[];
     action: string;
 }, undefined, {
     hasActions: {
-        true: {
-            root: string[];
-        };
+        true: {};
         false: {};
     };
 }, {
     root: string[];
-    title: string;
+    title: string[];
+    infoTip: string[];
     valueText: string;
-    valueContainer: string;
+    valueContainer: string[];
     action: string;
 }, tailwind_variants.TVReturnType<{
     hasActions: {
-        true: {
-            root: string[];
-        };
+        true: {};
         false: {};
     };
 }, {
     root: string[];
-    title: string;
+    title: string[];
+    infoTip: string[];
     valueText: string;
-    valueContainer: string;
+    valueContainer: string[];
     action: string;
 }, undefined, unknown, unknown, undefined>>;
 type SectionRowVariantProps = VariantProps<typeof sectionRow>;

package/dist/components/section-row.d.ts

@@ -3,42 +3,39 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const sectionRow: tailwind_variants.TVReturnType<{
     hasActions: {
-        true: {
-            root: string[];
-        };
+        true: {};
         false: {};
     };
 }, {
     root: string[];
-    title: string;
+    title: string[];
+    infoTip: string[];
     valueText: string;
-    valueContainer: string;
+    valueContainer: string[];
     action: string;
 }, undefined, {
     hasActions: {
-        true: {
-            root: string[];
-        };
+        true: {};
         false: {};
     };
 }, {
     root: string[];
-    title: string;
+    title: string[];
+    infoTip: string[];
     valueText: string;
-    valueContainer: string;
+    valueContainer: string[];
     action: string;
 }, tailwind_variants.TVReturnType<{
     hasActions: {
-        true: {
-            root: string[];
-        };
+        true: {};
         false: {};
     };
 }, {
     root: string[];
-    title: string;
+    title: string[];
+    infoTip: string[];
     valueText: string;
-    valueContainer: string;
+    valueContainer: string[];
     action: string;
 }, undefined, unknown, unknown, undefined>>;
 type SectionRowVariantProps = VariantProps<typeof sectionRow>;

package/dist/components/section-row.js

@@ -26,20 +26,23 @@ module.exports = __toCommonJS(section_row_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var sectionRow = (0, import_tailwind_variants.tv)({
   slots: {
-    root: ["section-row items-start"],
-    title: "section-row__title text-muted-foreground text-sm font-semibold",
+    root: [
+      "grid grid-cols-1 text-base/6 sm:grid-cols-[min(33%,--spacing(80))_auto] sm:text-sm/6",
+      "gap-3 w-full"
+    ],
+    title: [
+      "col-start-1 text-muted-foreground text-sm font-medium",
+      "max-sm:pt-3 flex flex-row items-start gap-1",
+      "shrink-0"
+    ],
+    infoTip: ["min-w-64 w-auto max-w-96 p-2"],
     valueText: "whitespace-pre-line text-pretty text-sm",
-    valueContainer: "section-row__value-container flex flex-wrap gap-1",
-    action: "section-row__action"
+    valueContainer: ["flex flex-row items-start gap-1", "max-sm:pt-1", "grow"],
+    action: "self-start ml-auto"
   },
   variants: {
     hasActions: {
-      true: {
-        root: [
-          "has-actions"
-          //"md:grid-cols-[min(40%,--spacing(80))_auto_28px]",
-        ]
-      },
+      true: {},
       false: {}
     }
   },

package/dist/components/section-row.mjs

@@ -1,6 +1,6 @@
 import {
   sectionRow
-} from "../chunk-TT5V2MUL.mjs";
+} from "../chunk-Z6LF6RPD.mjs";
 export {
   sectionRow
 };

package/dist/index.css

@@ -399,41 +399,4 @@
             '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

@@ -1,4 +1,5 @@
 export { TV, VariantProps } from 'tailwind-variants';
+export { AccordionSlots, AccordionVariantProps, accordion } from './components/accordion.mjs';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.mjs';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.mjs';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.mjs';
@@ -14,6 +15,7 @@ export { DialogSlots, DialogVariantProps, dialog } from './components/dialog.mjs
 export { DrawerVariantProps, drawer } from './components/drawer.mjs';
 export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-menu.mjs';
 export { HeadingVariantProps, heading } from './components/heading.mjs';
+export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './components/hover-card.mjs';
 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';

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { TV, VariantProps } from 'tailwind-variants';
+export { AccordionSlots, AccordionVariantProps, accordion } from './components/accordion.js';
 export { AlertDialogSlots, AlertDialogVariants, alertDialog } from './components/alert-dialog.js';
 export { AvatarSlots, AvatarVariantProps, avatar } from './components/avatar.js';
 export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './components/avatar-group.js';
@@ -14,6 +15,7 @@ export { DialogSlots, DialogVariantProps, dialog } from './components/dialog.js'
 export { DrawerVariantProps, drawer } from './components/drawer.js';
 export { DropdownMenuVariantProps, dropdownMenu } from './components/dropdown-menu.js';
 export { HeadingVariantProps, heading } from './components/heading.js';
+export { HoverCardSlots, HoverCardVariantProps, hoverCard } from './components/hover-card.js';
 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';