@kopexa/theme 1.5.3 → 1.5.5

package/dist/{chunk-BIRJNNEY.mjs → chunk-3M5JSM7Y.mjs}

@@ -24,13 +24,13 @@ var button = tv({
     variant: {
       solid: "shadow-xs",
       ghost: "",
-      outline: "border-2 bg-transparent",
+      outline: "border-1 bg-transparent",
       link: ""
     },
     size: {
-      sm: "px-3 min-w-16 h-8 text-xs gap-2 rounded-sm has-[>svg]:px-2.5",
-      md: "px-4 min-w-20 h-10 text-sm gap-2 rounded-md has-[>svg]:px-3",
-      lg: "px-6 min-w-24 h-12 text-base gap-3 rounded-lg has-[>svg]:px-4"
+      sm: "px-3 min-w-16 h-8 text-xs gap-2 rounded-sm has-[>svg]:px-2.5 [&_svg]:size-3",
+      md: "px-4 min-w-20 h-10 text-sm gap-2 rounded-md has-[>svg]:px-3 [&_svg]:size-4",
+      lg: "px-6 min-w-24 h-12 text-base gap-3 rounded-lg has-[>svg]:px-4 [&_svg]:size-4"
     },
     color: {
       primary: "",
@@ -49,7 +49,7 @@ var button = tv({
     }
   },
   defaultVariants: {
-    size: "md",
+    size: "sm",
     variant: "solid",
     color: "primary",
     fullWidth: false,

package/dist/chunk-5BIGFSZK.mjs

@@ -0,0 +1,48 @@
+import {
+  colorVariants
+} from "./chunk-67PPUTSS.mjs";
+
+// src/components/code.ts
+import { tv } from "tailwind-variants";
+var code = tv({
+  base: [
+    "px-2",
+    "py-1",
+    "h-fit",
+    "font-mono",
+    "font-normal",
+    "inline-block",
+    "whitespace-nowrap"
+  ],
+  variants: {
+    color: {
+      default: colorVariants.flat.default,
+      primary: colorVariants.flat.primary,
+      secondary: colorVariants.flat.secondary,
+      success: colorVariants.flat.success,
+      warning: colorVariants.flat.warning,
+      destructive: colorVariants.flat.destructive
+    },
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    },
+    radius: {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      full: "rounded-full"
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    size: "sm",
+    radius: "sm"
+  }
+});
+
+export {
+  code
+};

package/dist/chunk-CDTKWCOH.mjs

@@ -0,0 +1,120 @@
+// src/components/table.ts
+import { tv } from "tailwind-variants";
+var table = tv({
+  slots: {
+    table: "min-w-full h-auto",
+    thead: "",
+    tbody: "after:block divide-y",
+    tr: [
+      "group/tr outline-hidden",
+      "[&_td:last-child]:pr-4 [&_th:last-child]:pr-4",
+      "[&_td:first-child]:pl-4 [&_th:first-child]:pl-4"
+    ],
+    th: [
+      "group/th px-3 py-3.5 text-start text-xs font-semibold whitespace-normal",
+      "text-foreground border-b"
+    ],
+    td: [
+      "py-2 px-3 text-xs font-normal whitespace-normal relative",
+      "[&>*]:z-[1]",
+      "[&>*]:relative",
+      // after content for selection
+      "after:pointer-events-none",
+      "after:content-['']",
+      "after:absolute",
+      "after:-z-[1]",
+      "after:inset-0",
+      "after:opacity-0",
+      "group-aria-[selected=true]/tr:after:opacity-100",
+      // before content for selection
+      "before:pointer-events-none",
+      "before:content-['']",
+      "before:absolute",
+      "before:-z-[1]",
+      "before:inset-y-0",
+      "before:start-0",
+      "before:w-0.5",
+      "before:opacity-0",
+      "group-aria-[selected=true]/tr:first:before:opacity-100"
+    ]
+  },
+  variants: {
+    overscroll: {
+      horizontal: {
+        th: "whitespace-nowrap",
+        td: "whitespace-nowrap"
+      }
+    },
+    color: {
+      default: {
+        td: [
+          "first:before:bg-primary group-aria-[selected=true]/tr:text-accent-foreground"
+        ]
+      },
+      primary: {
+        td: [
+          "before:bg-primary group-aria-[selected=true]/tr:text-primary dark:group-aria-[selected=true]/tr:text-primary-foreground",
+          "after:bg-primary/10 dark:after:bg-primary/20"
+        ]
+      }
+    },
+    layout: {
+      auto: {
+        table: "table-auto"
+      },
+      fixed: {
+        table: "table-fixed"
+      }
+    },
+    isSelectable: {
+      true: {
+        tr: "cursor-default",
+        td: [
+          "group-aria-[selected=false]/tr:group-data-[hover=true]/tr:bg-muted/30"
+        ]
+      }
+    },
+    hasSelect: {
+      true: {
+        tr: "[&_th:first-of-type]:w-[1%] [&_th:first-of-type]:whitespace-nowrap"
+      }
+    },
+    hasActions: {
+      true: {
+        tr: "[&_th:last-of-type]:w-[1%] [&_th:last-of-type]:whitespace-nowrap"
+      }
+    },
+    isStickyCell: {
+      true: {
+        th: "sticky bg-background z-[2]",
+        td: "sticky h-full bg-background z-[2]"
+      }
+    },
+    isSelectCell: {
+      true: {
+        td: "w-[calc(20px+24px+24px)] min-w-[calc(20px+24px+24px)] max-w-[calc(20px+24px+24px)]"
+      }
+    },
+    isActionCell: {
+      true: {
+        td: "w-[calc(28px+24px+4px)] min-w-[calc(28px+24px+4px)] max-w-[calc(28px+24px+4px)]"
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full",
+        wrapper: "w-full",
+        table: "w-full"
+      }
+    }
+  },
+  defaultVariants: {
+    layout: "auto",
+    color: "default",
+    fullWidth: true
+  }
+});
+
+export {
+  table
+};

package/dist/{chunk-7CM52H5K.mjs → chunk-CQDTDA47.mjs}

@@ -86,7 +86,7 @@ var input = tv({
     }
   },
   defaultVariants: {
-    size: "md"
+    size: "sm"
   }
 });
 

package/dist/chunk-GNYTZGE5.mjs

@@ -0,0 +1,48 @@
+// src/components/data-table.ts
+import { tv } from "tailwind-variants";
+var dataTable = tv({
+  slots: {
+    base: "relative flex min-h-0 flex-1 flex-col",
+    toolbarWrapper: "flex flex-col gap-2 divide-y pb-2",
+    toolbar: "flex items-center py-4",
+    wrapper: "min-h-0 w-full flex-1 overflow-auto overscroll-none",
+    th: "",
+    td: ""
+  },
+  variants: {
+    isFirstColumn: {
+      true: {
+        th: "after:absolute after:inset-y-0 after:right-0 after:h-full after:w-px after:bg-transparent after:content-['']",
+        td: "after:absolute after:inset-y-0 after:right-0 after:h-full after:w-px after:bg-transparent after:content-['']"
+      }
+    },
+    showStickyBorder: {
+      true: {
+        th: "after:bg-border",
+        td: "after:bg-border"
+      }
+    },
+    isSelect: {
+      true: {
+        th: "w-[calc(20px+24px+24px)] min-w-[calc(20px+24px+24px)] max-w-[calc(20px+24px+24px)]",
+        td: "w-[calc(20px+24px+24px)] min-w-[calc(20px+24px+24px)] max-w-[calc(20px+24px+24px)]"
+      }
+    },
+    isAction: {
+      true: {
+        th: "w-[calc(28px+24px+4px)] min-w-[calc(28px+24px+4px)] max-w-[calc(28px+24px+4px)]",
+        td: "w-[calc(28px+24px+4px)] min-w-[calc(28px+24px+4px)] max-w-[calc(28px+24px+4px)]"
+      }
+    },
+    isSticky: {
+      true: {
+        th: "bg-background sticky",
+        td: "bg-background sticky z-[2]"
+      }
+    }
+  }
+});
+
+export {
+  dataTable
+};

package/dist/chunk-HAVJ6EQ6.mjs

@@ -0,0 +1,39 @@
+// src/components/page-header.ts
+import { tv } from "tailwind-variants";
+var pageHeader = tv({
+  slots: {
+    root: "page-header",
+    titleArea: "page-header__title-area flex gap-2 flex-row items-center",
+    title: "page-header__title block",
+    contextArea: [
+      "page-header__context-area",
+      "flex",
+      "pb-2",
+      "text-sm",
+      "flex-row",
+      "gap-2"
+    ],
+    leadingVisual: "page-header__leading-visual flex items-center [&_svg]:size-4",
+    leadingAction: "page-header__leading-action",
+    breadcrumbs: ["page-header__breadcrumbs", "flex pe-2 items-center"],
+    actions: [
+      "page-header__actions",
+      "flex",
+      "flex-row",
+      "gap-2",
+      "justify-end",
+      "items-start",
+      "min-w-max",
+      "ps-2"
+    ],
+    description: [
+      "page-header__description",
+      "flex flex-row items-center gap-2 pt-2 text-sm font-normal leading-normal"
+    ],
+    navigation: ["page-header__navigation", "block pt-2 text-sm fonr-normal"]
+  }
+});
+
+export {
+  pageHeader
+};

package/dist/{chunk-Z56OSRTC.mjs → chunk-I2NMD23O.mjs}

@@ -59,13 +59,13 @@ var avatar = tv({
   variants: {
     size: {
       sm: {
-        root: "w-8 h-8 text-tiny"
+        root: "w-8 h-8 text-[11px]"
       },
       md: {
-        root: "w-10 h-10 text-tiny"
+        root: "w-10 h-10 text-[12px]"
       },
       lg: {
-        root: "w-14 h-14 text-small"
+        root: "w-14 h-14 text-[14px]"
       }
     },
     color: {

package/dist/chunk-KPOZFVP6.mjs

@@ -0,0 +1,13 @@
+// src/components/checkbox.ts
+import { tv } from "tailwind-variants";
+var checkbox = tv({
+  slots: {
+    base: "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+    indicator: "flex items-center justify-center text-current transition-none",
+    icon: "size-3.5"
+  }
+});
+
+export {
+  checkbox
+};

package/dist/chunk-NWKBPO37.mjs

@@ -0,0 +1,21 @@
+// src/components/heading.ts
+import { tv } from "tailwind-variants";
+var heading = tv({
+  variants: {
+    level: {
+      h1: "text-h1-core",
+      h2: "text-h2-core",
+      h3: "text-h3-core",
+      h4: "text-h4-core",
+      h5: "text-h5-core",
+      h6: "text-h6-core"
+    }
+  },
+  defaultVariants: {
+    level: "h1"
+  }
+});
+
+export {
+  heading
+};

package/dist/chunk-VNQEJU4P.mjs

@@ -0,0 +1,9 @@
+// src/components/skeleton.ts
+import { tv } from "tailwind-variants";
+var skeleton = tv({
+  base: "bg-accent animate-pulse rounded-md"
+});
+
+export {
+  skeleton
+};

package/dist/{chunk-GQV7INYX.mjs → chunk-ZWUAESH4.mjs}

@@ -75,6 +75,7 @@ var pageLayout = tv({
     spacing: {
       none: "",
       condensed: {
+        root: "p-2",
         header: "p-4",
         content: "p-4",
         pane: "p-4",
@@ -82,6 +83,7 @@ var pageLayout = tv({
       },
       // 1.5rem
       normal: {
+        root: "p-4 md:p-6",
         header: "p-4 md:p-6",
         content: "p-4 md:p-6",
         pane: "p-4 md:p-6"

package/dist/components/avatar.js

@@ -140,13 +140,13 @@ var avatar = (0, import_tailwind_variants.tv)({
   variants: {
     size: {
       sm: {
-        root: "w-8 h-8 text-tiny"
+        root: "w-8 h-8 text-[11px]"
       },
       md: {
-        root: "w-10 h-10 text-tiny"
+        root: "w-10 h-10 text-[12px]"
       },
       lg: {
-        root: "w-14 h-14 text-small"
+        root: "w-14 h-14 text-[14px]"
       }
     },
     color: {

package/dist/components/avatar.mjs

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "../chunk-Z56OSRTC.mjs";
+} from "../chunk-I2NMD23O.mjs";
 import "../chunk-25L2JS6A.mjs";
 import "../chunk-67PPUTSS.mjs";
 export {

package/dist/components/button.js

@@ -99,13 +99,13 @@ var button = (0, import_tailwind_variants.tv)({
     variant: {
       solid: "shadow-xs",
       ghost: "",
-      outline: "border-2 bg-transparent",
+      outline: "border-1 bg-transparent",
       link: ""
     },
     size: {
-      sm: "px-3 min-w-16 h-8 text-xs gap-2 rounded-sm has-[>svg]:px-2.5",
-      md: "px-4 min-w-20 h-10 text-sm gap-2 rounded-md has-[>svg]:px-3",
-      lg: "px-6 min-w-24 h-12 text-base gap-3 rounded-lg has-[>svg]:px-4"
+      sm: "px-3 min-w-16 h-8 text-xs gap-2 rounded-sm has-[>svg]:px-2.5 [&_svg]:size-3",
+      md: "px-4 min-w-20 h-10 text-sm gap-2 rounded-md has-[>svg]:px-3 [&_svg]:size-4",
+      lg: "px-6 min-w-24 h-12 text-base gap-3 rounded-lg has-[>svg]:px-4 [&_svg]:size-4"
     },
     color: {
       primary: "",
@@ -124,7 +124,7 @@ var button = (0, import_tailwind_variants.tv)({
     }
   },
   defaultVariants: {
-    size: "md",
+    size: "sm",
     variant: "solid",
     color: "primary",
     fullWidth: false,

package/dist/components/button.mjs

@@ -1,6 +1,6 @@
 import {
   button
-} from "../chunk-BIRJNNEY.mjs";
+} from "../chunk-3M5JSM7Y.mjs";
 import "../chunk-25L2JS6A.mjs";
 import "../chunk-67PPUTSS.mjs";
 export {

package/dist/components/checkbox.d.mts

@@ -0,0 +1,43 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const checkbox: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            indicator?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            indicator?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    indicator: string;
+    icon: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            indicator?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    indicator: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    indicator: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+type CheckboxVariantProps = VariantProps<typeof checkbox>;
+
+export { type CheckboxVariantProps, checkbox };

package/dist/components/checkbox.d.ts

@@ -0,0 +1,43 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const checkbox: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            indicator?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            indicator?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    indicator: string;
+    icon: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
+            indicator?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    indicator: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    indicator: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+type CheckboxVariantProps = VariantProps<typeof checkbox>;
+
+export { type CheckboxVariantProps, checkbox };

package/dist/components/checkbox.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/checkbox.ts
+var checkbox_exports = {};
+__export(checkbox_exports, {
+  checkbox: () => checkbox
+});
+module.exports = __toCommonJS(checkbox_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var checkbox = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+    indicator: "flex items-center justify-center text-current transition-none",
+    icon: "size-3.5"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  checkbox
+});

package/dist/components/checkbox.mjs

@@ -0,0 +1,6 @@
+import {
+  checkbox
+} from "../chunk-KPOZFVP6.mjs";
+export {
+  checkbox
+};

package/dist/components/code.d.mts

@@ -0,0 +1,70 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const code: tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        destructive: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, undefined, string[], {
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        destructive: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        destructive: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type CodeVariantProps = VariantProps<typeof code>;
+
+export { type CodeVariantProps, code };