@kopexa/theme 1.5.8 → 1.6.0

package/dist/components/sidebar.d.mts

@@ -0,0 +1,206 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const sidebar: tailwind_variants.TVReturnType<{
+    variant: {
+        sidebar: {
+            gap: string;
+            container: string;
+        };
+        floating: {
+            gap: string;
+            container: string;
+        };
+        inset: {
+            gap: string;
+            container: string;
+        };
+    };
+    side: {
+        left: {
+            container: string;
+        };
+        right: {
+            container: string;
+        };
+    };
+    isMobile: {
+        true: {};
+        false: {};
+    };
+}, {
+    provider: string[];
+    sidebarWrapper: string[];
+    sidebar: string[];
+    gap: string[];
+    container: string[];
+    inner: string[];
+    trigger: never[];
+    rail: string[];
+    inset: string[];
+    input: string[];
+    header: string[];
+    footer: string[];
+    separator: string[];
+    content: string[];
+    group: string[];
+    groupLabel: string[];
+    groupAction: string[];
+    groupContent: string[];
+    menu: string[];
+    menuItem: string[];
+}, undefined, {
+    variant: {
+        sidebar: {
+            gap: string;
+            container: string;
+        };
+        floating: {
+            gap: string;
+            container: string;
+        };
+        inset: {
+            gap: string;
+            container: string;
+        };
+    };
+    side: {
+        left: {
+            container: string;
+        };
+        right: {
+            container: string;
+        };
+    };
+    isMobile: {
+        true: {};
+        false: {};
+    };
+}, {
+    provider: string[];
+    sidebarWrapper: string[];
+    sidebar: string[];
+    gap: string[];
+    container: string[];
+    inner: string[];
+    trigger: never[];
+    rail: string[];
+    inset: string[];
+    input: string[];
+    header: string[];
+    footer: string[];
+    separator: string[];
+    content: string[];
+    group: string[];
+    groupLabel: string[];
+    groupAction: string[];
+    groupContent: string[];
+    menu: string[];
+    menuItem: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        sidebar: {
+            gap: string;
+            container: string;
+        };
+        floating: {
+            gap: string;
+            container: string;
+        };
+        inset: {
+            gap: string;
+            container: string;
+        };
+    };
+    side: {
+        left: {
+            container: string;
+        };
+        right: {
+            container: string;
+        };
+    };
+    isMobile: {
+        true: {};
+        false: {};
+    };
+}, {
+    provider: string[];
+    sidebarWrapper: string[];
+    sidebar: string[];
+    gap: string[];
+    container: string[];
+    inner: string[];
+    trigger: never[];
+    rail: string[];
+    inset: string[];
+    input: string[];
+    header: string[];
+    footer: string[];
+    separator: string[];
+    content: string[];
+    group: string[];
+    groupLabel: string[];
+    groupAction: string[];
+    groupContent: string[];
+    menu: string[];
+    menuItem: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SidebarVariantProps = VariantProps<typeof sidebar>;
+declare const sidebarMenuButton: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    color: {
+        default: string[];
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    color: {
+        default: string[];
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    color: {
+        default: string[];
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type SidebarMenuButtonVariantProps = VariantProps<typeof sidebarMenuButton>;
+declare const sidebarMenuAction: tailwind_variants.TVReturnType<{
+    showOnHover: {
+        true: string[];
+    };
+}, undefined, string[], {
+    showOnHover: {
+        true: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    showOnHover: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type SidebarMenuActionVariantProps = VariantProps<typeof sidebarMenuAction>;
+
+export { type SidebarMenuActionVariantProps, type SidebarMenuButtonVariantProps, type SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton };

package/dist/components/sidebar.d.ts

@@ -0,0 +1,206 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const sidebar: tailwind_variants.TVReturnType<{
+    variant: {
+        sidebar: {
+            gap: string;
+            container: string;
+        };
+        floating: {
+            gap: string;
+            container: string;
+        };
+        inset: {
+            gap: string;
+            container: string;
+        };
+    };
+    side: {
+        left: {
+            container: string;
+        };
+        right: {
+            container: string;
+        };
+    };
+    isMobile: {
+        true: {};
+        false: {};
+    };
+}, {
+    provider: string[];
+    sidebarWrapper: string[];
+    sidebar: string[];
+    gap: string[];
+    container: string[];
+    inner: string[];
+    trigger: never[];
+    rail: string[];
+    inset: string[];
+    input: string[];
+    header: string[];
+    footer: string[];
+    separator: string[];
+    content: string[];
+    group: string[];
+    groupLabel: string[];
+    groupAction: string[];
+    groupContent: string[];
+    menu: string[];
+    menuItem: string[];
+}, undefined, {
+    variant: {
+        sidebar: {
+            gap: string;
+            container: string;
+        };
+        floating: {
+            gap: string;
+            container: string;
+        };
+        inset: {
+            gap: string;
+            container: string;
+        };
+    };
+    side: {
+        left: {
+            container: string;
+        };
+        right: {
+            container: string;
+        };
+    };
+    isMobile: {
+        true: {};
+        false: {};
+    };
+}, {
+    provider: string[];
+    sidebarWrapper: string[];
+    sidebar: string[];
+    gap: string[];
+    container: string[];
+    inner: string[];
+    trigger: never[];
+    rail: string[];
+    inset: string[];
+    input: string[];
+    header: string[];
+    footer: string[];
+    separator: string[];
+    content: string[];
+    group: string[];
+    groupLabel: string[];
+    groupAction: string[];
+    groupContent: string[];
+    menu: string[];
+    menuItem: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        sidebar: {
+            gap: string;
+            container: string;
+        };
+        floating: {
+            gap: string;
+            container: string;
+        };
+        inset: {
+            gap: string;
+            container: string;
+        };
+    };
+    side: {
+        left: {
+            container: string;
+        };
+        right: {
+            container: string;
+        };
+    };
+    isMobile: {
+        true: {};
+        false: {};
+    };
+}, {
+    provider: string[];
+    sidebarWrapper: string[];
+    sidebar: string[];
+    gap: string[];
+    container: string[];
+    inner: string[];
+    trigger: never[];
+    rail: string[];
+    inset: string[];
+    input: string[];
+    header: string[];
+    footer: string[];
+    separator: string[];
+    content: string[];
+    group: string[];
+    groupLabel: string[];
+    groupAction: string[];
+    groupContent: string[];
+    menu: string[];
+    menuItem: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SidebarVariantProps = VariantProps<typeof sidebar>;
+declare const sidebarMenuButton: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    color: {
+        default: string[];
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    color: {
+        default: string[];
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    color: {
+        default: string[];
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type SidebarMenuButtonVariantProps = VariantProps<typeof sidebarMenuButton>;
+declare const sidebarMenuAction: tailwind_variants.TVReturnType<{
+    showOnHover: {
+        true: string[];
+    };
+}, undefined, string[], {
+    showOnHover: {
+        true: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    showOnHover: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type SidebarMenuActionVariantProps = VariantProps<typeof sidebarMenuAction>;
+
+export { type SidebarMenuActionVariantProps, type SidebarMenuButtonVariantProps, type SidebarVariantProps, sidebar, sidebarMenuAction, sidebarMenuButton };

package/dist/components/sidebar.js

@@ -0,0 +1,192 @@
+"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/sidebar.ts
+var sidebar_exports = {};
+__export(sidebar_exports, {
+  sidebar: () => sidebar,
+  sidebarMenuAction: () => sidebarMenuAction,
+  sidebarMenuButton: () => sidebarMenuButton
+});
+module.exports = __toCommonJS(sidebar_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var sidebar = (0, import_tailwind_variants.tv)({
+  slots: {
+    provider: [
+      "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"
+    ],
+    sidebarWrapper: ["group peer text-sidebar-foreground hidden md:block"],
+    sidebar: [
+      "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col"
+    ],
+    gap: [
+      "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+      "group-data-[collapsible=offcanvas]:w-0",
+      "group-data-[side=right]:rotate-180"
+    ],
+    container: [
+      "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex"
+    ],
+    inner: [
+      "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+    ],
+    trigger: [],
+    rail: [
+      "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+      "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+      "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+      "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+      "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+      "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2"
+    ],
+    inset: [
+      "bg-background relative flex w-full flex-1 flex-col",
+      "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2"
+    ],
+    input: ["bg-background h-8 w-full shadow-none"],
+    header: ["flex flex-col gap-2 p-2"],
+    footer: ["flex flex-col gap-2 p-2"],
+    separator: ["bg-sidebar-border mx-2 w-auto"],
+    content: [
+      "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden"
+    ],
+    group: ["relative flex w-full min-w-0 flex-col p-2"],
+    groupLabel: [
+      "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+      "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0"
+    ],
+    groupAction: [
+      "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+      // Increases the hit area of the button on mobile.
+      "after:absolute after:-inset-2 md:after:hidden",
+      "group-data-[collapsible=icon]:hidden"
+    ],
+    groupContent: ["w-full text-sm"],
+    menu: ["flex w-full min-w-0 flex-col gap-1"],
+    menuItem: ["group/menu-item relative"]
+  },
+  variants: {
+    variant: {
+      sidebar: {
+        gap: "group-data-[collapsible=icon]:w-(--sidebar-width-icon)",
+        container: "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l"
+      },
+      floating: {
+        gap: "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]",
+        container: "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+      },
+      inset: {
+        gap: "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]",
+        container: "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+      }
+    },
+    side: {
+      left: {
+        container: "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+      },
+      right: {
+        container: "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]"
+      }
+    },
+    isMobile: {
+      true: {},
+      false: {}
+    }
+  },
+  defaultVariants: {
+    variant: "sidebar",
+    isMobile: false
+  }
+});
+var sidebarMenuButton = (0, import_tailwind_variants.tv)({
+  base: [
+    "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md",
+    "p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding]",
+    "disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8",
+    "aria-disabled:pointer-events-none aria-disabled:opacity-50",
+    "data-[active=true]:font-medium",
+    "group-data-[collapsible=icon]:size-8!",
+    "group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0"
+  ],
+  variants: {
+    variant: {
+      default: "",
+      outline: ""
+    },
+    color: {
+      default: [
+        "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        "focus-visible:ring-2",
+        "active:bg-sidebar-accent active:text-sidebar-accent-foreground",
+        "data-[active=true]:bg-sidebar-accent",
+        "data-[active=true]:text-sidebar-accent-foreground",
+        "data-[state=open]:hover:bg-sidebar-accent",
+        "data-[state=open]:hover:text-sidebar-accent-foreground "
+      ]
+    },
+    size: {
+      sm: "h-7 text-xs",
+      md: "h-8 text-sm",
+      lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    variant: "default",
+    size: "md"
+  },
+  compoundVariants: [
+    {
+      variant: "default",
+      color: "default",
+      class: ["hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"]
+    },
+    {
+      variant: "outline",
+      color: "default",
+      class: [
+        "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      ]
+    }
+  ]
+});
+var sidebarMenuAction = (0, import_tailwind_variants.tv)({
+  base: [
+    "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+    // Increases the hit area of the button on mobile.
+    "after:absolute after:-inset-2 md:after:hidden",
+    "peer-data-[size=sm]/menu-button:top-1",
+    "peer-data-[size=default]/menu-button:top-1.5",
+    "peer-data-[size=lg]/menu-button:top-2.5",
+    "group-data-[collapsible=icon]:hidden"
+  ],
+  variants: {
+    showOnHover: {
+      true: [
+        "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0"
+      ]
+    }
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  sidebar,
+  sidebarMenuAction,
+  sidebarMenuButton
+});

package/dist/components/sidebar.mjs

@@ -0,0 +1,10 @@
+import {
+  sidebar,
+  sidebarMenuAction,
+  sidebarMenuButton
+} from "../chunk-GA6UOB2D.mjs";
+export {
+  sidebar,
+  sidebarMenuAction,
+  sidebarMenuButton
+};

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

@@ -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 };