@kopexa/theme 0.0.0 → 1.0.0

package/dist/components/dialog.d.ts

@@ -0,0 +1,191 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const dialog: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+        "2xl": {
+            content: string;
+        };
+        "3xl": {
+            content: string;
+        };
+        "4xl": {
+            content: string;
+        };
+        "5xl": {
+            content: string;
+        };
+        full: {
+            content: string[];
+        };
+    };
+    placement: {
+        top: {};
+        bottom: {};
+        left: {};
+        right: {};
+    };
+    radius: {
+        none: string;
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    close: string[];
+    closeTrigger: never[];
+    header: string;
+    footer: string;
+    body: string;
+    title: string;
+    description: string;
+}, undefined, {
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+        "2xl": {
+            content: string;
+        };
+        "3xl": {
+            content: string;
+        };
+        "4xl": {
+            content: string;
+        };
+        "5xl": {
+            content: string;
+        };
+        full: {
+            content: string[];
+        };
+    };
+    placement: {
+        top: {};
+        bottom: {};
+        left: {};
+        right: {};
+    };
+    radius: {
+        none: string;
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    close: string[];
+    closeTrigger: never[];
+    header: string;
+    footer: string;
+    body: string;
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+        "2xl": {
+            content: string;
+        };
+        "3xl": {
+            content: string;
+        };
+        "4xl": {
+            content: string;
+        };
+        "5xl": {
+            content: string;
+        };
+        full: {
+            content: string[];
+        };
+    };
+    placement: {
+        top: {};
+        bottom: {};
+        left: {};
+        right: {};
+    };
+    radius: {
+        none: string;
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    close: string[];
+    closeTrigger: never[];
+    header: string;
+    footer: string;
+    body: string;
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type DialogVariantProps = VariantProps<typeof dialog>;
+type DialogSlots = keyof ReturnType<typeof dialog>;
+
+export { type DialogSlots, type DialogVariantProps, dialog };

package/dist/components/dialog.js

@@ -0,0 +1,118 @@
+"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/dialog.ts
+var dialog_exports = {};
+__export(dialog_exports, {
+  dialog: () => dialog
+});
+module.exports = __toCommonJS(dialog_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var dialog = (0, import_tailwind_variants.tv)({
+  slots: {
+    overlay: ["fixed inset-0 z-50 bg-black/25"],
+    content: [
+      "bg-background fixed top-[50%] left-[50%] z-50",
+      "grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]",
+      "gap-4 border shadow-lg",
+      //  mobile animation vars
+      "[--scale-enter:100%]",
+      "[--scale-exit:100%]",
+      "[--slide-enter:0px]",
+      "[--slide-exit:80px]",
+      // tablet/desktop animation vars
+      "sm:[--scale-enter:100%]",
+      "sm:[--scale-exit:103%]",
+      "sm:[--slide-enter:0px]",
+      "sm:[--slide-exit:0px]"
+    ],
+    close: [
+      "ring-offset-background focus:ring-ring",
+      "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+      "absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100",
+      "focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+      "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+    ],
+    closeTrigger: [],
+    header: "flex flex-col gap-1 text-center sm:text-left shrink grow-0 px-6 pt-4",
+    footer: "flex flex-col-reverse gap-2 px-6 pt-2 pb-4 sm:flex-row sm:justify-end",
+    body: "px-6 py-2 flex-1 overflow-auto",
+    title: "text-lg leading-none font-semibold",
+    description: "text-muted-foreground text-sm"
+  },
+  variants: {
+    size: {
+      xs: {
+        content: "sm:max-w-xs"
+      },
+      sm: {
+        content: "sm:max-w-sm"
+      },
+      md: {
+        content: "sm:max-w-md"
+      },
+      lg: {
+        content: "sm:max-w-lg"
+      },
+      xl: {
+        content: "sm:max-w-xl"
+      },
+      "2xl": {
+        content: "sm:max-w-2xl"
+      },
+      "3xl": {
+        content: "sm:max-w-3xl"
+      },
+      "4xl": {
+        content: "sm:max-w-4xl"
+      },
+      "5xl": {
+        content: "sm:max-w-5xl"
+      },
+      full: {
+        content: [
+          "my-0 mx:0 sm:mx-0 sm:my-0 max-w-[calc(100%-1rem)] w-full h-[calc(100dvh-1rem)] inset-2",
+          "translate-0"
+        ]
+      }
+    },
+    placement: { top: {}, bottom: {}, left: {}, right: {} },
+    radius: {
+      none: "",
+      sm: {
+        content: "rounded-sm"
+      },
+      md: {
+        content: "rounded-md"
+      },
+      lg: {
+        content: "rounded-lg"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    placement: "right",
+    radius: "lg"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  dialog
+});

package/dist/components/dialog.mjs

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

package/dist/components/drawer.d.mts

@@ -0,0 +1,205 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const drawer: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+        "2xl": {
+            content: string;
+        };
+        "3xl": {
+            content: string;
+        };
+        "4xl": {
+            content: string;
+        };
+        "5xl": {
+            content: string;
+        };
+        "6xl": {
+            content: string;
+        };
+        full: {
+            content: string;
+        };
+    };
+    placement: {
+        top: {};
+        bottom: {};
+        left: {};
+        right: {
+            content: string;
+        };
+    };
+    radius: {
+        none: string;
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    close: string[];
+    closeTrigger: never[];
+    header: string;
+    footer: string;
+    body: string;
+    title: string;
+    description: string;
+}, undefined, {
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+        "2xl": {
+            content: string;
+        };
+        "3xl": {
+            content: string;
+        };
+        "4xl": {
+            content: string;
+        };
+        "5xl": {
+            content: string;
+        };
+        "6xl": {
+            content: string;
+        };
+        full: {
+            content: string;
+        };
+    };
+    placement: {
+        top: {};
+        bottom: {};
+        left: {};
+        right: {
+            content: string;
+        };
+    };
+    radius: {
+        none: string;
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    close: string[];
+    closeTrigger: never[];
+    header: string;
+    footer: string;
+    body: string;
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+        "2xl": {
+            content: string;
+        };
+        "3xl": {
+            content: string;
+        };
+        "4xl": {
+            content: string;
+        };
+        "5xl": {
+            content: string;
+        };
+        "6xl": {
+            content: string;
+        };
+        full: {
+            content: string;
+        };
+    };
+    placement: {
+        top: {};
+        bottom: {};
+        left: {};
+        right: {
+            content: string;
+        };
+    };
+    radius: {
+        none: string;
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    close: string[];
+    closeTrigger: never[];
+    header: string;
+    footer: string;
+    body: string;
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type DrawerVariantProps = VariantProps<typeof drawer>;
+
+export { type DrawerVariantProps, drawer };

package/dist/components/drawer.d.ts

@@ -0,0 +1,205 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const drawer: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+        "2xl": {
+            content: string;
+        };
+        "3xl": {
+            content: string;
+        };
+        "4xl": {
+            content: string;
+        };
+        "5xl": {
+            content: string;
+        };
+        "6xl": {
+            content: string;
+        };
+        full: {
+            content: string;
+        };
+    };
+    placement: {
+        top: {};
+        bottom: {};
+        left: {};
+        right: {
+            content: string;
+        };
+    };
+    radius: {
+        none: string;
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    close: string[];
+    closeTrigger: never[];
+    header: string;
+    footer: string;
+    body: string;
+    title: string;
+    description: string;
+}, undefined, {
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+        "2xl": {
+            content: string;
+        };
+        "3xl": {
+            content: string;
+        };
+        "4xl": {
+            content: string;
+        };
+        "5xl": {
+            content: string;
+        };
+        "6xl": {
+            content: string;
+        };
+        full: {
+            content: string;
+        };
+    };
+    placement: {
+        top: {};
+        bottom: {};
+        left: {};
+        right: {
+            content: string;
+        };
+    };
+    radius: {
+        none: string;
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    close: string[];
+    closeTrigger: never[];
+    header: string;
+    footer: string;
+    body: string;
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            content: string;
+        };
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+        xl: {
+            content: string;
+        };
+        "2xl": {
+            content: string;
+        };
+        "3xl": {
+            content: string;
+        };
+        "4xl": {
+            content: string;
+        };
+        "5xl": {
+            content: string;
+        };
+        "6xl": {
+            content: string;
+        };
+        full: {
+            content: string;
+        };
+    };
+    placement: {
+        top: {};
+        bottom: {};
+        left: {};
+        right: {
+            content: string;
+        };
+    };
+    radius: {
+        none: string;
+        sm: {
+            content: string;
+        };
+        md: {
+            content: string;
+        };
+        lg: {
+            content: string;
+        };
+    };
+}, {
+    overlay: string[];
+    content: string[];
+    close: string[];
+    closeTrigger: never[];
+    header: string;
+    footer: string;
+    body: string;
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type DrawerVariantProps = VariantProps<typeof drawer>;
+
+export { type DrawerVariantProps, drawer };