@kopexa/theme 17.1.2 → 17.3.0

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

@@ -7,19 +7,39 @@ declare const previewCard: tailwind_variants.TVReturnType<{
             icon: string;
         };
     };
-    isBordered: {
-        true: {
+    border: {
+        all: {
+            root: string[];
+        };
+        bottom: {
             root: string[];
         };
+        none: {};
+    };
+    hoverBorder: {
+        true: {
+            root: string;
+        };
         false: {};
     };
-    isHoverable: {
+    hoverBg: {
         true: {
             root: string;
+        };
+        false: {};
+    };
+    hoverTitle: {
+        true: {
             title: string;
         };
         false: {};
     };
+    showAction: {
+        hover: {
+            action: string;
+        };
+        always: {};
+    };
 }, {
     root: string[];
     icon: string[];
@@ -34,19 +54,39 @@ declare const previewCard: tailwind_variants.TVReturnType<{
             icon: string;
         };
     };
-    isBordered: {
-        true: {
+    border: {
+        all: {
+            root: string[];
+        };
+        bottom: {
             root: string[];
         };
+        none: {};
+    };
+    hoverBorder: {
+        true: {
+            root: string;
+        };
         false: {};
     };
-    isHoverable: {
+    hoverBg: {
         true: {
             root: string;
+        };
+        false: {};
+    };
+    hoverTitle: {
+        true: {
             title: string;
         };
         false: {};
     };
+    showAction: {
+        hover: {
+            action: string;
+        };
+        always: {};
+    };
 }, {
     root: string[];
     icon: string[];
@@ -61,19 +101,39 @@ declare const previewCard: tailwind_variants.TVReturnType<{
             icon: string;
         };
     };
-    isBordered: {
-        true: {
+    border: {
+        all: {
             root: string[];
         };
+        bottom: {
+            root: string[];
+        };
+        none: {};
+    };
+    hoverBorder: {
+        true: {
+            root: string;
+        };
         false: {};
     };
-    isHoverable: {
+    hoverBg: {
         true: {
             root: string;
+        };
+        false: {};
+    };
+    hoverTitle: {
+        true: {
             title: string;
         };
         false: {};
     };
+    showAction: {
+        hover: {
+            action: string;
+        };
+        always: {};
+    };
 }, {
     root: string[];
     icon: string[];

package/dist/components/preview-card.js

@@ -27,16 +27,16 @@ var import_tailwind_variants = require("tailwind-variants");
 var previewCard = (0, import_tailwind_variants.tv)({
   slots: {
     root: [
-      "flex w-full items-start gap-3 rounded-md bg-background p-2 transition-colors",
-      "transition-all group min-h-10",
+      "grid w-full grid-cols-[auto_1fr_auto] items-center gap-y-1.5 rounded-md bg-background p-2",
+      "transition-all group min-h-10 cursor-pointer",
       "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"],
+    icon: ["row-start-1 col-start-1 mr-3 text-muted-foreground"],
+    content: ["row-start-1 col-start-2 flex min-w-0 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"]
+    action: ["row-start-1 col-start-3 ml-3 rounded-full [&_svg]:size-4"],
+    tags: ["col-start-2 flex items-center gap-2"]
   },
   variants: {
     size: {
@@ -44,23 +44,47 @@ var previewCard = (0, import_tailwind_variants.tv)({
         icon: "[&__svg]:size-5"
       }
     },
-    isBordered: {
-      true: {
+    border: {
+      all: {
         root: ["border"]
       },
+      bottom: {
+        root: ["border-b rounded-none"]
+      },
+      none: {}
+    },
+    hoverBorder: {
+      true: {
+        root: "hover:border-primary"
+      },
       false: {}
     },
-    isHoverable: {
+    hoverBg: {
       true: {
-        root: "hover:bg-muted/50 hover:border-primary",
-        title: "group-hover:text-primary"
+        root: "hover:bg-muted/50"
       },
       false: {}
+    },
+    hoverTitle: {
+      true: {
+        title: "group-hover:underline"
+      },
+      false: {}
+    },
+    showAction: {
+      hover: {
+        action: "opacity-0 group-hover:opacity-100 transition-opacity"
+      },
+      always: {}
     }
   },
   defaultVariants: {
     size: "md",
-    isBordered: true
+    border: "all",
+    hoverBorder: true,
+    hoverBg: true,
+    hoverTitle: false,
+    showAction: "hover"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/preview-card.mjs

@@ -1,6 +1,6 @@
 import {
   previewCard
-} from "../chunk-WPOYEHD2.mjs";
+} from "../chunk-4XIBRN6X.mjs";
 export {
   previewCard
 };

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

@@ -8,40 +8,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
         };
         vertical: {
             root: string;
-            title: string;
             valueContainer: string;
+            action: string;
         };
-        horizontalCentered: {
+    };
+    align: {
+        start: {
+            root: string;
+        };
+        center: {
             root: string;
-            valueContainer: string;
         };
     };
     spacing: {
+        none: {
+            root: string;
+        };
         tight: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         default: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         loose: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
     };
     hasActions: {
-        true: {
+        true: {};
+        false: {
+            action: string;
+        };
+    };
+    justify: {
+        start: {};
+        between: {
+            root: string;
             valueContainer: string;
         };
-        false: {};
     };
 }, {
     root: string[];
     title: string[];
+    icon: string;
     infoTip: string[];
     valueText: string;
     valueContainer: string[];
@@ -53,40 +62,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
         };
         vertical: {
             root: string;
-            title: string;
             valueContainer: string;
+            action: string;
         };
-        horizontalCentered: {
+    };
+    align: {
+        start: {
+            root: string;
+        };
+        center: {
             root: string;
-            valueContainer: string;
         };
     };
     spacing: {
+        none: {
+            root: string;
+        };
         tight: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         default: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         loose: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
     };
     hasActions: {
-        true: {
+        true: {};
+        false: {
+            action: string;
+        };
+    };
+    justify: {
+        start: {};
+        between: {
+            root: string;
             valueContainer: string;
         };
-        false: {};
     };
 }, {
     root: string[];
     title: string[];
+    icon: string;
     infoTip: string[];
     valueText: string;
     valueContainer: string[];
@@ -98,40 +116,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
         };
         vertical: {
             root: string;
-            title: string;
             valueContainer: string;
+            action: string;
         };
-        horizontalCentered: {
+    };
+    align: {
+        start: {
+            root: string;
+        };
+        center: {
             root: string;
-            valueContainer: string;
         };
     };
     spacing: {
+        none: {
+            root: string;
+        };
         tight: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         default: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         loose: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
     };
     hasActions: {
-        true: {
+        true: {};
+        false: {
+            action: string;
+        };
+    };
+    justify: {
+        start: {};
+        between: {
+            root: string;
             valueContainer: string;
         };
-        false: {};
     };
 }, {
     root: string[];
     title: string[];
+    icon: string;
     infoTip: string[];
     valueText: string;
     valueContainer: string[];

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

@@ -8,40 +8,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
         };
         vertical: {
             root: string;
-            title: string;
             valueContainer: string;
+            action: string;
         };
-        horizontalCentered: {
+    };
+    align: {
+        start: {
+            root: string;
+        };
+        center: {
             root: string;
-            valueContainer: string;
         };
     };
     spacing: {
+        none: {
+            root: string;
+        };
         tight: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         default: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         loose: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
     };
     hasActions: {
-        true: {
+        true: {};
+        false: {
+            action: string;
+        };
+    };
+    justify: {
+        start: {};
+        between: {
+            root: string;
             valueContainer: string;
         };
-        false: {};
     };
 }, {
     root: string[];
     title: string[];
+    icon: string;
     infoTip: string[];
     valueText: string;
     valueContainer: string[];
@@ -53,40 +62,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
         };
         vertical: {
             root: string;
-            title: string;
             valueContainer: string;
+            action: string;
         };
-        horizontalCentered: {
+    };
+    align: {
+        start: {
+            root: string;
+        };
+        center: {
             root: string;
-            valueContainer: string;
         };
     };
     spacing: {
+        none: {
+            root: string;
+        };
         tight: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         default: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         loose: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
     };
     hasActions: {
-        true: {
+        true: {};
+        false: {
+            action: string;
+        };
+    };
+    justify: {
+        start: {};
+        between: {
+            root: string;
             valueContainer: string;
         };
-        false: {};
     };
 }, {
     root: string[];
     title: string[];
+    icon: string;
     infoTip: string[];
     valueText: string;
     valueContainer: string[];
@@ -98,40 +116,49 @@ declare const sectionRow: tailwind_variants.TVReturnType<{
         };
         vertical: {
             root: string;
-            title: string;
             valueContainer: string;
+            action: string;
         };
-        horizontalCentered: {
+    };
+    align: {
+        start: {
+            root: string;
+        };
+        center: {
             root: string;
-            valueContainer: string;
         };
     };
     spacing: {
+        none: {
+            root: string;
+        };
         tight: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         default: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
         loose: {
             root: string;
-            title: string;
-            valueContainer: string;
         };
     };
     hasActions: {
-        true: {
+        true: {};
+        false: {
+            action: string;
+        };
+    };
+    justify: {
+        start: {};
+        between: {
+            root: string;
             valueContainer: string;
         };
-        false: {};
     };
 }, {
     root: string[];
     title: string[];
+    icon: string;
     infoTip: string[];
     valueText: string;
     valueContainer: string[];

package/dist/components/section-row.js

@@ -29,57 +29,68 @@ var sectionRow = (0, import_tailwind_variants.tv)({
     root: ["grid grid-cols-1 text-base/6 sm:text-sm/6", "w-full"],
     title: [
       "col-start-1 text-muted-foreground text-sm font-medium",
-      "flex flex-row items-start gap-1",
+      "flex flex-row items-center gap-1.5",
       "shrink-0"
     ],
+    icon: "shrink-0 text-muted-foreground [&>svg]:size-4",
     infoTip: ["min-w-64 w-auto max-w-96 p-2"],
     valueText: "whitespace-pre-line text-pretty text-sm",
-    valueContainer: ["flex flex-row items-start gap-1", "grow"],
-    action: "self-start ml-auto"
+    valueContainer: ["flex flex-row items-start gap-1", "grow min-w-0"],
+    action: "shrink-0"
   },
   variants: {
     orientation: {
       horizontal: {
-        root: "sm:grid-cols-[min(33%,--spacing(80))_auto]"
+        root: "grid-cols-[min(33%,theme(spacing.48))_1fr_auto]"
       },
       vertical: {
-        root: "grid-cols-1",
-        title: "col-start-1",
-        valueContainer: "col-start-1"
+        root: "grid-cols-[1fr_auto] items-center",
+        valueContainer: "col-span-full items-start",
+        action: "row-start-1 col-start-2"
+      }
+    },
+    align: {
+      start: {
+        root: "items-start"
       },
-      horizontalCentered: {
-        root: "sm:grid-cols-[min(33%,--spacing(80))_auto] sm:items-center",
-        valueContainer: "items-center"
+      center: {
+        root: "items-center"
       }
     },
     spacing: {
+      none: {
+        root: "gap-x-3 gap-y-0 py-0"
+      },
       tight: {
-        root: "gap-1",
-        title: "max-sm:pt-1",
-        valueContainer: "max-sm:pt-0"
+        root: "gap-x-3 gap-y-0.5 py-1"
       },
       default: {
-        root: "gap-3",
-        title: "max-sm:pt-3",
-        valueContainer: "max-sm:pt-1"
+        root: "gap-x-3 gap-y-1 py-2"
       },
       loose: {
-        root: "gap-6",
-        title: "max-sm:pt-4",
-        valueContainer: "max-sm:pt-2"
+        root: "gap-x-3 gap-y-2 py-3"
       }
     },
     hasActions: {
-      true: {
-        valueContainer: "justify-between"
-      },
-      false: {}
+      true: {},
+      false: {
+        action: "hidden"
+      }
+    },
+    justify: {
+      start: {},
+      between: {
+        root: "justify-between",
+        valueContainer: "justify-end text-right"
+      }
     }
   },
   defaultVariants: {
     hasActions: false,
     orientation: "horizontal",
-    spacing: "default"
+    align: "start",
+    spacing: "default",
+    justify: "start"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/section-row.mjs

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