@kopexa/theme 2.0.0 → 13.0.0

package/dist/{chunk-NFOF75HQ.mjs → chunk-2N3PG3TK.mjs}

@@ -1,7 +1,7 @@
 import {
   focusVisibleClasses,
   inputClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/select.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-2NA54PNL.mjs

@@ -0,0 +1,43 @@
+// src/components/toolbar.ts
+import { tv } from "tailwind-variants";
+var toolbar = tv({
+  slots: {
+    root: "flex items-center gap-2.5 p-1",
+    button: "shrink-0",
+    separator: "bg-border h-6 w-px shrink-0",
+    group: "flex items-center gap-1"
+  },
+  variants: {
+    color: {
+      default: {
+        root: "bg-popover"
+      }
+    },
+    sticky: {
+      true: {
+        root: "sticky top-0 z-10"
+      }
+    },
+    border: {
+      default: "outline-border shadow-xs outline",
+      none: ""
+    },
+    radius: {
+      none: {
+        root: "rounded-none"
+      },
+      md: {
+        root: "rounded-md"
+      }
+    }
+  },
+  defaultVariants: {
+    border: "default",
+    color: "default",
+    radius: "md"
+  }
+});
+
+export {
+  toolbar
+};

package/dist/{chunk-7O57EDVS.mjs → chunk-63C4SFQK.mjs}

@@ -8,22 +8,25 @@ var card = tv({
     ],
     header: [
       "flex",
-      "p-3",
-      "z-10",
-      "w-full",
-      "justify-start",
       "items-center",
+      "justify-between",
+      "flex-wrap",
+      "min-h-14",
+      "gap-2.5",
+      "w-full",
       "shrink-0",
       "overflow-inherit",
       "color-inherit",
       "subpixel-antialiased"
     ],
+    heading: "space-y-1",
+    toolbar: "flex items-center gap-2.5",
     body: [
+      "grow",
       "relative",
       "flex",
       "flex-1",
       "w-full",
-      "p-3",
       "flex-auto",
       "flex-col",
       "place-content-inherit",
@@ -52,6 +55,11 @@ var card = tv({
       },
       muted: {
         root: "bg-muted text-muted-foreground"
+      },
+      accent: {
+        root: "bg-muted shadow-xs p-1",
+        header: "!border-none",
+        body: "bg-card rounded-t-xl [&:last-child]:rounded-b-xl"
       }
     },
     shadow: {
@@ -76,10 +84,12 @@ var card = tv({
         root: "border-0"
       },
       default: {
-        root: "border border-border"
+        root: "border border-border",
+        header: "border-b border-border"
       },
       emphasized: {
-        root: "border-2 border-border"
+        root: "border-2 border-border",
+        header: "border-b border-border"
       }
     },
     radius: {
@@ -160,9 +170,9 @@ var card = tv({
         footer: "p-2"
       },
       md: {
-        body: "p-3",
-        header: "p-3",
-        footer: "p-3"
+        body: "p-5",
+        header: "px-5",
+        footer: "px-5"
       },
       lg: {
         body: "p-4",

package/dist/{chunk-5DOB3IBE.mjs → chunk-6IZPAS4O.mjs}

@@ -28,6 +28,11 @@ var inputClasses = {
     sm: "h-7 min-h-7",
     md: "h-8.5 min-h-8.5",
     lg: "h-10 min-h-10"
+  },
+  text: {
+    sm: "text-sm",
+    md: "text-base md:text-sm",
+    lg: "text-base"
   }
 };
 

package/dist/{chunk-GA6UOB2D.mjs → chunk-7POAXCN2.mjs}

@@ -7,7 +7,7 @@ var sidebar = tv({
     ],
     sidebarWrapper: ["group peer text-sidebar-foreground hidden md:block"],
     sidebar: [
-      "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col"
+      "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col isolate"
     ],
     gap: [
       "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",

package/dist/{chunk-XAHAVJUM.mjs → chunk-A3F4CV54.mjs}

@@ -10,6 +10,12 @@ var callout = tv({
     closeButton: "absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
   },
   variants: {
+    print: {
+      true: {},
+      false: {
+        root: "print:hidden"
+      }
+    },
     radius: {
       none: { root: "rounded-none" },
       sm: { root: "rounded-sm" },
@@ -63,7 +69,8 @@ var callout = tv({
   defaultVariants: {
     variant: "default",
     radius: "md",
-    size: "md"
+    size: "md",
+    print: true
   }
 });
 

package/dist/{chunk-M3GQ563Q.mjs → chunk-ARLLAC5V.mjs}

@@ -1,7 +1,7 @@
 import {
   focusVisibleClasses,
   inputClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/textarea.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-Z7D56R5U.mjs → chunk-CWAFYX5G.mjs}

@@ -1,9 +1,9 @@
 import {
   input
-} from "./chunk-IHW4FWFB.mjs";
+} from "./chunk-K3EVZATS.mjs";
 import {
   popoverContentClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/autocomplete.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-IHITEH7V.mjs → chunk-IX46TOS3.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-WSEO3MLK.mjs";
 import {
   focusVisibleClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-IHW4FWFB.mjs → chunk-K3EVZATS.mjs}

@@ -1,7 +1,7 @@
 import {
   focusVisibleClasses,
   inputClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/input.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-M4TXKRUU.mjs

@@ -0,0 +1,7 @@
+// src/components/control-extension.ts
+import { tv } from "tailwind-variants";
+var controlExtension = tv({});
+
+export {
+  controlExtension
+};

package/dist/{chunk-URGRCBNW.mjs → chunk-NNKYGAZC.mjs}

@@ -1,6 +1,6 @@
 import {
   popoverContentClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/slash-dropdown-menu.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-NUEQ5FLX.mjs

@@ -0,0 +1,50 @@
+// src/components/editor-basic.ts
+import { tv } from "tailwind-variants";
+var editorBasic = tv({
+  slots: {
+    root: [
+      "grid grid-rows-[auto,1fr]",
+      "h-full min-h-0 w-full min-w-0",
+      "content-start isolate"
+    ],
+    toolbar: [
+      "row-start-1 row-end-2",
+      "flex items-center gap-0.5",
+      "sticky top-0 z-10"
+    ],
+    wrapper: [
+      "row-start-2 row-end-3",
+      "min-h-0 min-w-0",
+      "overflow-y-auto"
+      //	"h-[calc(100%-var(--spacing-editor-toolbar))]",
+    ],
+    content: [
+      "w-full min-w-0 h-full min-h-0",
+      "[&_.tiptap.ProseMirror]:py-4",
+      "[&_.tiptap.ProseMirror]:px-6"
+    ],
+    toolbarGroup: "flex items-center gap-0.5"
+  },
+  variants: {
+    variant: {
+      // rounded toolbar, muted background
+      default: {
+        wrapper: ["border rounded-md"],
+        toolbar: "rounded-md mb-2",
+        content: ""
+      },
+      // document style, eg. document editor, fullpage etc pp
+      document: {
+        wrapper: "size-full overflow-auto",
+        content: "size-full"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+
+export {
+  editorBasic
+};

package/dist/{chunk-HHOMDBMZ.mjs → chunk-SYYY32OX.mjs}

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "./chunk-YH6TDPK7.mjs";
+} from "./chunk-VDMXPFII.mjs";
 
 // src/components/skeleton-avatar.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-DI54XTS5.mjs → chunk-TQVRNEIH.mjs}

@@ -1,6 +1,6 @@
 import {
   popoverContentClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/popover.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-URVHE3OS.mjs

@@ -0,0 +1,119 @@
+import {
+  input
+} from "./chunk-K3EVZATS.mjs";
+
+// src/components/combobox.ts
+import { tv } from "tailwind-variants";
+var combobox = tv({
+  slots: {
+    root: [],
+    control: "relative",
+    value: "",
+    input: [
+      ...input.base,
+      "has-[[data-slot=combobox-input]:focus-visible]:ring-ring",
+      "has-[[data-slot=combobox-input]:focus-visible]:border-ring",
+      "has-[[data-slot=combobox-input]:focus-visible]:outline-none",
+      "has-[[data-slot=combobox-input]:focus-visible]:ring-2",
+      "[&_[data-slot=combobox-input]]:grow",
+      "[&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed"
+    ],
+    status: "text-muted-foreground text-sm",
+    positioner: "outline-none",
+    popup: [
+      "py-1 w-[var(--anchor-width)] max-h-[min(var(--available-height),23rem)] max-w-[var(--available-width)]",
+      "overflow-y-auto scroll-pt-2 scroll-pb-2 overscroll-contain bg-[canvas]",
+      "rounded-md border border-border bg-popover text-popover-foreground shadow-md shadow-black/5",
+      "origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-90",
+      "data-[ending-style]:opacity-0 data-[starting-style]:scale-90 data-[starting-style]:opacity-0"
+    ],
+    list: "space-y-0.5",
+    row: "flex items-center gap-2",
+    item: [
+      "relative cursor-default flex items-center",
+      "text-foreground relative select-none items-center gap-2 rounded-md ps-7 pe-2 py-1.5 text-sm outline-hidden transition-colors data-disabled:pointer-events-none data-disabled:opacity-50",
+      "[&_svg]:pointer-events-none [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0",
+      "data-[highlighted]:relative data-[highlighted]:z-0 data-[highlighted]:text-foreground data-[highlighted]:before:absolute data-[highlighted]:before:inset-x-1 data-[highlighted]:before:inset-y-0 data-[highlighted]:before:z-[-1] data-[highlighted]:before:rounded-sm data-[highlighted]:before:bg-accent"
+    ],
+    itemIndicator: [
+      "absolute flex top-1/2 -translate-y-1/2 items-center justify-center start-2.5",
+      "[&_svg]:size-4 [&_svg]:text-primary"
+    ],
+    groupLabel: "px-2 py-1.5 text-xs text-muted-foreground font-medium",
+    empty: "px-2 py-1.5 text-sm text-muted-foreground empty:m-0 empty:p-0",
+    clear: [
+      "absolute cursor-pointer end-6 top-1/2 -translate-y-1/2 rounded-sm opacity-70 ring-offset-background",
+      "transition-opacity opacity-60 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+      "data-[disabled]:pointer-events-none",
+      "[&_svg]:size-3.5"
+    ],
+    icon: [
+      "absolute cursor-pointer end-2 top-1/2 -translate-y-1/2 rounded-sm opacity-70 ring-offset-background transition-opacity",
+      "opacity-60 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+      "data-[disabled]:pointer-events-none",
+      "[&_svg]:size-3.5"
+    ],
+    trigger: "relative",
+    // note: chips receive "input" and the following styles
+    chips: [
+      "flex items-center flex-wrap gap-1",
+      "[&_[data-slot=combobox-input]]:py-0 [&_[data-slot=combobox-input]]:px-1.5 has-[[data-slot=combobox-chip]]:[&_[data-slot=combobox-input]]:px-0",
+      "[&_[data-slot=combobox-input]]:min-h-0 [&_[data-slot=combobox-input]]:flex-1",
+      "[&_[data-slot=combobox-input]]:border-0 [&_[data-slot=combobox-input]]:shadow-none [&_[data-slot=combobox-input]]:rounded-none",
+      "[&_[data-slot=combobox-input]]:outline-none [&_[data-slot=combobox-input]]:ring-0"
+    ],
+    chip: [
+      "inline-flex items-center gap-1 rounded-md bg-muted px-2 py-1 text-xs font-medium text-foreground"
+    ],
+    chipRemove: [
+      "cursor-pointer ms-1 rounded-sm [&_svg]:opacity-60 hover:bg-muted-foreground/20 hover:[&_svg]:opacity-100",
+      "[&_svg]:size-3.5"
+    ],
+    separator: "my-1.5 h-px bg-muted",
+    header: ["flex flex-col items-start justify-between px-3 py-2 border-b"],
+    title: "text-sm font-semibold",
+    description: "text-xs text-muted-foreground"
+  },
+  variants: {
+    size: {
+      sm: {
+        input: [
+          ...input.variants.size.sm,
+          "h-auto py-0.5",
+          "[&~[data-slot=combobox-icon]]:end-2.5 [&~[data-slot=combobox-clear]]:end-7"
+        ],
+        chips: "px-0.75"
+      },
+      md: {
+        input: [
+          ...input.variants.size.md,
+          "h-auto py-1",
+          "[&~[data-slot=combobox-icon]]:end-2 [&~[data-slot=combobox-clear]]:end-6"
+        ],
+        chips: "px-1"
+      },
+      lg: {
+        input: [
+          ...input.variants.size.lg,
+          "h-auto py-1",
+          "[&~[data-slot=combobox-icon]]:end-1.75 [&~[data-slot=combobox-clear]]:end-5.75"
+        ],
+        chips: "px-1.5"
+      }
+    },
+    fullWidth: {
+      true: {
+        input: "w-full",
+        chips: "w-full"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    fullWidth: true
+  }
+});
+
+export {
+  combobox
+};

package/dist/{chunk-XRKUQMGU.mjs → chunk-UTCVHVWF.mjs}

@@ -1,6 +1,6 @@
 import {
   popoverContentClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/hover-card.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-YH6TDPK7.mjs → chunk-VDMXPFII.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   focusVisibleClasses,
   translateCenterClasses
-} from "./chunk-5DOB3IBE.mjs";
+} from "./chunk-6IZPAS4O.mjs";
 
 // src/components/avatar.ts
 import { tv } from "tailwind-variants";

package/dist/chunk-WQ446TVH.mjs

@@ -0,0 +1,39 @@
+// src/components/switch.ts
+import { tv } from "tailwind-variants";
+var switchVariants = tv({
+  slots: {
+    root: [
+      "peer data-[checked]:bg-primary data-[unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[unchecked]:bg-input/80",
+      "aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20",
+      "inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px]",
+      "disabled:cursor-not-allowed disabled:opacity-50"
+    ],
+    thumb: [
+      "bg-background dark:data-[unchecked]:bg-foreground dark:data-[checked]:bg-primary-foreground",
+      "pointer-events-none rounded-full ring-0 transition-transform flex items-center justify-center"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        root: "h-4 w-6",
+        thumb: "size-3 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      },
+      md: {
+        root: "h-5 w-8",
+        thumb: "size-4 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      },
+      lg: {
+        root: "h-6 w-10",
+        thumb: "size-5 data-[checked]:translate-x-[calc(100%-2px)] data-[unchecked]:translate-x-0"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export {
+  switchVariants
+};

package/dist/components/autocomplete.js

@@ -44,6 +44,11 @@ var inputClasses = {
     sm: "h-7 min-h-7",
     md: "h-8.5 min-h-8.5",
     lg: "h-10 min-h-10"
+  },
+  text: {
+    sm: "text-sm",
+    md: "text-base md:text-sm",
+    lg: "text-base"
   }
 };
 

package/dist/components/autocomplete.mjs

@@ -1,8 +1,8 @@
 import {
   autocomplete
-} from "../chunk-Z7D56R5U.mjs";
-import "../chunk-IHW4FWFB.mjs";
-import "../chunk-5DOB3IBE.mjs";
+} from "../chunk-CWAFYX5G.mjs";
+import "../chunk-K3EVZATS.mjs";
+import "../chunk-6IZPAS4O.mjs";
 export {
   autocomplete
 };

package/dist/components/avatar.mjs

@@ -1,8 +1,8 @@
 import {
   avatar
-} from "../chunk-YH6TDPK7.mjs";
+} from "../chunk-VDMXPFII.mjs";
 import "../chunk-WSEO3MLK.mjs";
-import "../chunk-5DOB3IBE.mjs";
+import "../chunk-6IZPAS4O.mjs";
 export {
   avatar
 };

package/dist/components/button.mjs

@@ -1,8 +1,8 @@
 import {
   button
-} from "../chunk-IHITEH7V.mjs";
+} from "../chunk-IX46TOS3.mjs";
 import "../chunk-WSEO3MLK.mjs";
-import "../chunk-5DOB3IBE.mjs";
+import "../chunk-6IZPAS4O.mjs";
 export {
   button
 };

package/dist/components/callout.d.mts

@@ -2,6 +2,12 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const callout: tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -67,6 +73,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, undefined, {
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -132,6 +144,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;

package/dist/components/callout.d.ts

@@ -2,6 +2,12 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const callout: tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -67,6 +73,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, undefined, {
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;
@@ -132,6 +144,12 @@ declare const callout: tailwind_variants.TVReturnType<{
     content: string;
     closeButton: string;
 }, tailwind_variants.TVReturnType<{
+    print: {
+        true: {};
+        false: {
+            root: string;
+        };
+    };
     radius: {
         none: {
             root: string;

package/dist/components/callout.js

@@ -34,6 +34,12 @@ var callout = (0, import_tailwind_variants.tv)({
     closeButton: "absolute top-2 right-2 opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
   },
   variants: {
+    print: {
+      true: {},
+      false: {
+        root: "print:hidden"
+      }
+    },
     radius: {
       none: { root: "rounded-none" },
       sm: { root: "rounded-sm" },
@@ -87,7 +93,8 @@ var callout = (0, import_tailwind_variants.tv)({
   defaultVariants: {
     variant: "default",
     radius: "md",
-    size: "md"
+    size: "md",
+    print: true
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/callout.mjs

@@ -1,6 +1,6 @@
 import {
   callout
-} from "../chunk-XAHAVJUM.mjs";
+} from "../chunk-A3F4CV54.mjs";
 export {
   callout
 };