@kopexa/theme 1.5.8 → 1.6.0

package/dist/components/tab-nav.d.ts

@@ -0,0 +1,101 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const tabNav: tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            link: string[];
+        };
+    };
+    size: {
+        sm: {
+            link: string[];
+            linkInner: string;
+            linkInnerHidden: string;
+        };
+        md: {
+            link: string[];
+            linkInner: string;
+            linkInnerHidden: string;
+        };
+    };
+    border: {
+        true: {
+            list: string;
+            link: string[];
+        };
+    };
+}, {
+    base: string;
+    list: string[];
+    item: string;
+    link: string[];
+    linkInner: string[];
+    linkInnerHidden: string[];
+}, undefined, {
+    color: {
+        primary: {
+            link: string[];
+        };
+    };
+    size: {
+        sm: {
+            link: string[];
+            linkInner: string;
+            linkInnerHidden: string;
+        };
+        md: {
+            link: string[];
+            linkInner: string;
+            linkInnerHidden: string;
+        };
+    };
+    border: {
+        true: {
+            list: string;
+            link: string[];
+        };
+    };
+}, {
+    base: string;
+    list: string[];
+    item: string;
+    link: string[];
+    linkInner: string[];
+    linkInnerHidden: string[];
+}, tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            link: string[];
+        };
+    };
+    size: {
+        sm: {
+            link: string[];
+            linkInner: string;
+            linkInnerHidden: string;
+        };
+        md: {
+            link: string[];
+            linkInner: string;
+            linkInnerHidden: string;
+        };
+    };
+    border: {
+        true: {
+            list: string;
+            link: string[];
+        };
+    };
+}, {
+    base: string;
+    list: string[];
+    item: string;
+    link: string[];
+    linkInner: string[];
+    linkInnerHidden: string[];
+}, undefined, unknown, unknown, undefined>>;
+type TabNavVariantProps = VariantProps<typeof tabNav>;
+type TabNavSlots = keyof ReturnType<typeof tabNav>;
+
+export { type TabNavSlots, type TabNavVariantProps, tabNav };

package/dist/components/tab-nav.js

@@ -0,0 +1,111 @@
+"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/tab-nav.ts
+var tab_nav_exports = {};
+__export(tab_nav_exports, {
+  tabNav: () => tabNav
+});
+module.exports = __toCommonJS(tab_nav_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var tabNav = (0, import_tailwind_variants.tv)({
+  slots: {
+    base: "",
+    list: [
+      "flex",
+      "justify-start",
+      "overflow-x-auto",
+      "whitespace-nowrap",
+      "font-sans"
+    ],
+    item: "flex",
+    link: [
+      "relative",
+      "flex",
+      "items-center",
+      "justify-center",
+      "shrink-0",
+      "select-none",
+      "px-2",
+      "[&_svg]:shrink-0",
+      "transition-colors",
+      "font-normal",
+      "data-active:[&>_span]:font-medium",
+      "hover:[&>_span]:bg-accent hover:[&>_span]:text-accent-foreground"
+    ],
+    linkInner: [
+      "flex",
+      "items-center",
+      "justify-center",
+      "absolute",
+      "overflow-hidden",
+      "transition-all"
+    ],
+    linkInnerHidden: [
+      "flex",
+      "items-center",
+      "justify-center",
+      "invisible",
+      "transition-all"
+    ]
+  },
+  variants: {
+    color: {
+      primary: {
+        link: ["before:bg-primary"]
+      }
+    },
+    size: {
+      sm: {
+        link: ["h-10", "text-xs [&_svg]:size-3.5"],
+        linkInner: "px-3 h-8 gap-2 rounded-sm min-w-16",
+        linkInnerHidden: "px-3 h-8 gap-2 rounded-sm min-w-16"
+      },
+      md: {
+        link: ["h-12", "text-sm", "rounded-md [&_svg]:size-4"],
+        linkInner: "px-4 h-10 gap-2 rounded-md min-w-20",
+        linkInnerHidden: "px-4 h-10 gap-2 rounded-md min-w-20"
+      }
+    },
+    border: {
+      true: {
+        list: "border-b -mb-px",
+        link: [
+          "before:h-[2px]",
+          "before:absolute",
+          "before:bottom-0",
+          "before:left-0",
+          "before:right-0",
+          "before:opacity-0",
+          "before:transition-opacity",
+          "data-active:before:opacity-100"
+        ]
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    border: true,
+    size: "sm"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  tabNav
+});

package/dist/components/tab-nav.mjs

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

package/dist/components/table.d.mts

@@ -2,12 +2,28 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const table: tailwind_variants.TVReturnType<{
+    bleed: {
+        true: {};
+        false: {
+            container: string[];
+            th: string[];
+            td: string[];
+        };
+    };
     overscroll: {
         horizontal: {
             th: string;
             td: string;
         };
     };
+    variant: {
+        default: {};
+        grid: {
+            table: string;
+            th: string[];
+            td: string[];
+        };
+    };
     color: {
         default: {
             td: string[];
@@ -64,6 +80,8 @@ declare const table: tailwind_variants.TVReturnType<{
         };
     };
 }, {
+    container: string[];
+    wrapper: string[];
     table: string;
     thead: string;
     tbody: string;
@@ -71,12 +89,28 @@ declare const table: tailwind_variants.TVReturnType<{
     th: string[];
     td: string[];
 }, undefined, {
+    bleed: {
+        true: {};
+        false: {
+            container: string[];
+            th: string[];
+            td: string[];
+        };
+    };
     overscroll: {
         horizontal: {
             th: string;
             td: string;
         };
     };
+    variant: {
+        default: {};
+        grid: {
+            table: string;
+            th: string[];
+            td: string[];
+        };
+    };
     color: {
         default: {
             td: string[];
@@ -133,6 +167,8 @@ declare const table: tailwind_variants.TVReturnType<{
         };
     };
 }, {
+    container: string[];
+    wrapper: string[];
     table: string;
     thead: string;
     tbody: string;
@@ -140,12 +176,28 @@ declare const table: tailwind_variants.TVReturnType<{
     th: string[];
     td: string[];
 }, tailwind_variants.TVReturnType<{
+    bleed: {
+        true: {};
+        false: {
+            container: string[];
+            th: string[];
+            td: string[];
+        };
+    };
     overscroll: {
         horizontal: {
             th: string;
             td: string;
         };
     };
+    variant: {
+        default: {};
+        grid: {
+            table: string;
+            th: string[];
+            td: string[];
+        };
+    };
     color: {
         default: {
             td: string[];
@@ -202,6 +254,8 @@ declare const table: tailwind_variants.TVReturnType<{
         };
     };
 }, {
+    container: string[];
+    wrapper: string[];
     table: string;
     thead: string;
     tbody: string;

package/dist/components/table.d.ts

@@ -2,12 +2,28 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 
 declare const table: tailwind_variants.TVReturnType<{
+    bleed: {
+        true: {};
+        false: {
+            container: string[];
+            th: string[];
+            td: string[];
+        };
+    };
     overscroll: {
         horizontal: {
             th: string;
             td: string;
         };
     };
+    variant: {
+        default: {};
+        grid: {
+            table: string;
+            th: string[];
+            td: string[];
+        };
+    };
     color: {
         default: {
             td: string[];
@@ -64,6 +80,8 @@ declare const table: tailwind_variants.TVReturnType<{
         };
     };
 }, {
+    container: string[];
+    wrapper: string[];
     table: string;
     thead: string;
     tbody: string;
@@ -71,12 +89,28 @@ declare const table: tailwind_variants.TVReturnType<{
     th: string[];
     td: string[];
 }, undefined, {
+    bleed: {
+        true: {};
+        false: {
+            container: string[];
+            th: string[];
+            td: string[];
+        };
+    };
     overscroll: {
         horizontal: {
             th: string;
             td: string;
         };
     };
+    variant: {
+        default: {};
+        grid: {
+            table: string;
+            th: string[];
+            td: string[];
+        };
+    };
     color: {
         default: {
             td: string[];
@@ -133,6 +167,8 @@ declare const table: tailwind_variants.TVReturnType<{
         };
     };
 }, {
+    container: string[];
+    wrapper: string[];
     table: string;
     thead: string;
     tbody: string;
@@ -140,12 +176,28 @@ declare const table: tailwind_variants.TVReturnType<{
     th: string[];
     td: string[];
 }, tailwind_variants.TVReturnType<{
+    bleed: {
+        true: {};
+        false: {
+            container: string[];
+            th: string[];
+            td: string[];
+        };
+    };
     overscroll: {
         horizontal: {
             th: string;
             td: string;
         };
     };
+    variant: {
+        default: {};
+        grid: {
+            table: string;
+            th: string[];
+            td: string[];
+        };
+    };
     color: {
         default: {
             td: string[];
@@ -202,6 +254,8 @@ declare const table: tailwind_variants.TVReturnType<{
         };
     };
 }, {
+    container: string[];
+    wrapper: string[];
     table: string;
     thead: string;
     tbody: string;

package/dist/components/table.js

@@ -26,19 +26,23 @@ module.exports = __toCommonJS(table_exports);
 var import_tailwind_variants = require("tailwind-variants");
 var table = (0, import_tailwind_variants.tv)({
   slots: {
+    container: ["overflow-x-auto whitespace-nowrap", "-mx-3 md:-mx-6"],
+    wrapper: ["inline-block min-w-full align-middle"],
     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:last-child]:pr-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: [
+      "first:pl-3 last:pr-3",
+      "md:first:pl-6 md:last:pr-6",
       "py-2 px-3 text-xs font-normal whitespace-normal relative",
       "[&>*]:z-[1]",
       "[&>*]:relative",
@@ -63,12 +67,38 @@ var table = (0, import_tailwind_variants.tv)({
     ]
   },
   variants: {
+    bleed: {
+      true: {},
+      false: {
+        container: ["px-3 md:px-6"],
+        th: ["first:pl-1 last:pr-1"],
+        td: ["first:pl-1 last:pr-1"]
+      }
+    },
     overscroll: {
       horizontal: {
         th: "whitespace-nowrap",
         td: "whitespace-nowrap"
       }
     },
+    variant: {
+      default: {},
+      // a border between cells and above the table
+      // this is used for the grid variant
+      grid: {
+        table: "border-separate border-spacing-0",
+        th: [
+          "border-l first:border-l-0 border-b",
+          "first:pl-3 md:first:pl-6 last:pr-3 md:last:pr-6"
+        ],
+        td: [
+          "border-l first:border-l-0",
+          "border-b",
+          // first cell has no border
+          "[&_td:first-child]:border-l-0 [&_th:first-child]:border-l-0"
+        ]
+      }
+    },
     color: {
       default: {
         td: [
@@ -133,8 +163,10 @@ var table = (0, import_tailwind_variants.tv)({
     }
   },
   defaultVariants: {
+    variant: "default",
     layout: "auto",
     color: "default",
+    bleed: false,
     fullWidth: true
   }
 });

package/dist/components/table.mjs

@@ -1,6 +1,6 @@
 import {
   table
-} from "../chunk-CDTKWCOH.mjs";
+} from "../chunk-SU53TZN7.mjs";
 export {
   table
 };

package/dist/components/tabs.d.mts

@@ -0,0 +1,43 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const tabs: tailwind_variants.TVReturnType<{
+    size: {
+        md: {
+            list: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    list: string[];
+    trigger: string[];
+    content: string[];
+}, undefined, {
+    size: {
+        md: {
+            list: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    list: string[];
+    trigger: string[];
+    content: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        md: {
+            list: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    list: string[];
+    trigger: string[];
+    content: string[];
+}, undefined, unknown, unknown, undefined>>;
+type TabsVariantProps = VariantProps<typeof tabs>;
+
+export { type TabsVariantProps, tabs };

package/dist/components/tabs.d.ts

@@ -0,0 +1,43 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const tabs: tailwind_variants.TVReturnType<{
+    size: {
+        md: {
+            list: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    list: string[];
+    trigger: string[];
+    content: string[];
+}, undefined, {
+    size: {
+        md: {
+            list: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    list: string[];
+    trigger: string[];
+    content: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        md: {
+            list: string;
+            trigger: string;
+        };
+    };
+}, {
+    root: string;
+    list: string[];
+    trigger: string[];
+    content: string[];
+}, undefined, unknown, unknown, undefined>>;
+type TabsVariantProps = VariantProps<typeof tabs>;
+
+export { type TabsVariantProps, tabs };

package/dist/components/tabs.js

@@ -0,0 +1,65 @@
+"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/tabs.ts
+var tabs_exports = {};
+__export(tabs_exports, {
+  tabs: () => tabs
+});
+module.exports = __toCommonJS(tabs_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var tabs = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: "flex flex-col gap-2",
+    list: [
+      "bg-muted text-muted-foreground",
+      "inline-flex flex-col md:flex-row",
+      "w-full md:w-fit items-center justify-center rounded-lg p-[3px]"
+    ],
+    trigger: [
+      "inline-flex flex-1 items-center justify-center gap-1.5 rounded-md",
+      " border border-transparent",
+      "data-[state=active]:bg-background",
+      "dark:data-[state=active]:text-foreground",
+      "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring",
+      "dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30",
+      "text-foreground dark:text-muted-foreground",
+      "h-[calc(100%-1px)] whitespace-nowrap transition-[color,box-shadow]",
+      "focus-visible:ring-[3px] focus-visible:outline-1",
+      "disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
+      "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+    ],
+    content: ["flex-1 outline-none"]
+  },
+  variants: {
+    size: {
+      md: {
+        list: "md:h-9",
+        trigger: "px-2 py-1 text-sm font-medium max-md:w-full"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  tabs
+});

package/dist/components/tabs.mjs

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