@kopexa/theme 1.5.2 → 1.5.4

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-Q5DCJR2X.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: {
@@ -114,6 +114,19 @@ var avatar = tv({
       true: {
         root: "opacity-50"
       }
+    },
+    isInGroup: {
+      true: {
+        root: [
+          "-ms-2 hover:-translate-x-3 rtl:hover:translate-x-3 transition-transform",
+          "focus-visible:-translate-x-3 rtl:focus-visible:translate-x-3"
+        ]
+      }
+    },
+    isInGridGroup: {
+      true: {
+        root: "m-0 hover:translate-x-0"
+      }
     }
   },
   defaultVariants: {

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-XCLEKBCJ.mjs

@@ -0,0 +1,17 @@
+// src/components/avatar-group.ts
+import { tv } from "tailwind-variants";
+var avatarGroup = tv({
+  slots: {
+    base: "flex items-center justify-center h-auto w-max",
+    count: "hover:-translate-x-0"
+  },
+  variants: {
+    isGrid: {
+      true: "inline-grid grid-cols-4 gap-3"
+    }
+  }
+});
+
+export {
+  avatarGroup
+};

package/dist/components/avatar-group.d.mts

@@ -0,0 +1,29 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const avatarGroup: tailwind_variants.TVReturnType<{
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, undefined, {
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, tailwind_variants.TVReturnType<{
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, undefined, unknown, unknown, undefined>>;
+type AvatarGroupVariantProps = VariantProps<typeof avatarGroup>;
+type AvatarGroupSlots = keyof ReturnType<typeof avatarGroup>;
+
+export { type AvatarGroupSlots, type AvatarGroupVariantProps, avatarGroup };

package/dist/components/avatar-group.d.ts

@@ -0,0 +1,29 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const avatarGroup: tailwind_variants.TVReturnType<{
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, undefined, {
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, tailwind_variants.TVReturnType<{
+    isGrid: {
+        true: string;
+    };
+}, {
+    base: string;
+    count: string;
+}, undefined, unknown, unknown, undefined>>;
+type AvatarGroupVariantProps = VariantProps<typeof avatarGroup>;
+type AvatarGroupSlots = keyof ReturnType<typeof avatarGroup>;
+
+export { type AvatarGroupSlots, type AvatarGroupVariantProps, avatarGroup };

package/dist/components/avatar-group.js

@@ -0,0 +1,41 @@
+"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/avatar-group.ts
+var avatar_group_exports = {};
+__export(avatar_group_exports, {
+  avatarGroup: () => avatarGroup
+});
+module.exports = __toCommonJS(avatar_group_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var avatarGroup = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: "flex items-center justify-center h-auto w-max",
+    count: "hover:-translate-x-0"
+  },
+  variants: {
+    isGrid: {
+      true: "inline-grid grid-cols-4 gap-3"
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  avatarGroup
+});

package/dist/components/avatar-group.mjs

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

package/dist/components/avatar.d.mts

@@ -60,6 +60,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];
@@ -125,6 +135,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];
@@ -190,6 +210,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];

package/dist/components/avatar.d.ts

@@ -60,6 +60,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];
@@ -125,6 +135,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];
@@ -190,6 +210,16 @@ declare const avatar: tailwind_variants.TVReturnType<{
             root: string;
         };
     };
+    isInGroup: {
+        true: {
+            root: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            root: string;
+        };
+    };
 }, {
     root: string[];
     img: string[];

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: {
@@ -195,6 +195,19 @@ var avatar = (0, import_tailwind_variants.tv)({
       true: {
         root: "opacity-50"
       }
+    },
+    isInGroup: {
+      true: {
+        root: [
+          "-ms-2 hover:-translate-x-3 rtl:hover:translate-x-3 transition-transform",
+          "focus-visible:-translate-x-3 rtl:focus-visible:translate-x-3"
+        ]
+      }
+    },
+    isInGridGroup: {
+      true: {
+        root: "m-0 hover:translate-x-0"
+      }
     }
   },
   defaultVariants: {

package/dist/components/avatar.mjs

@@ -1,6 +1,6 @@
 import {
   avatar
-} from "../chunk-Q5DCJR2X.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 {