@kopexa/theme 1.7.7 → 2.0.0

package/dist/components/popover.d.mts

@@ -1,31 +1,96 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
 
 declare const popover: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
+    variant: {
+        default: {
+            content: string[];
+        };
+        ghost: {
+            content: string;
+        };
+    };
+    spacing: {
+        default: {
+            content: string;
+        };
+        dense: {
+            content: string;
         };
     };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
+    width: {
+        default: {
+            content: string;
+        };
+        auto: {
+            content: string;
         };
     };
-} | {}, {
+}, {
     content: string[];
+    arrow: string[];
+    arrowTop: string;
+    arrowBottom: string;
 }, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
+    variant: {
+        default: {
+            content: string[];
+        };
+        ghost: {
+            content: string;
         };
     };
-} | {}, {
+    spacing: {
+        default: {
+            content: string;
+        };
+        dense: {
+            content: string;
+        };
+    };
+    width: {
+        default: {
+            content: string;
+        };
+        auto: {
+            content: string;
+        };
+    };
+}, {
     content: string[];
-}, tailwind_variants.TVReturnType<unknown, {
+    arrow: string[];
+    arrowTop: string;
+    arrowBottom: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            content: string[];
+        };
+        ghost: {
+            content: string;
+        };
+    };
+    spacing: {
+        default: {
+            content: string;
+        };
+        dense: {
+            content: string;
+        };
+    };
+    width: {
+        default: {
+            content: string;
+        };
+        auto: {
+            content: string;
+        };
+    };
+}, {
     content: string[];
+    arrow: string[];
+    arrowTop: string;
+    arrowBottom: string;
 }, undefined, unknown, unknown, undefined>>;
 type PopoverVariants = VariantProps<typeof popover>;
 

package/dist/components/popover.d.ts

@@ -1,31 +1,96 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_merge from 'tailwind-merge';
 
 declare const popover: tailwind_variants.TVReturnType<{
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
+    variant: {
+        default: {
+            content: string[];
+        };
+        ghost: {
+            content: string;
+        };
+    };
+    spacing: {
+        default: {
+            content: string;
+        };
+        dense: {
+            content: string;
         };
     };
-} | {
-    [x: string]: {
-        [x: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
+    width: {
+        default: {
+            content: string;
+        };
+        auto: {
+            content: string;
         };
     };
-} | {}, {
+}, {
     content: string[];
+    arrow: string[];
+    arrowTop: string;
+    arrowBottom: string;
 }, undefined, {
-    [key: string]: {
-        [key: string]: tailwind_merge.ClassNameValue | {
-            content?: tailwind_merge.ClassNameValue;
+    variant: {
+        default: {
+            content: string[];
+        };
+        ghost: {
+            content: string;
         };
     };
-} | {}, {
+    spacing: {
+        default: {
+            content: string;
+        };
+        dense: {
+            content: string;
+        };
+    };
+    width: {
+        default: {
+            content: string;
+        };
+        auto: {
+            content: string;
+        };
+    };
+}, {
     content: string[];
-}, tailwind_variants.TVReturnType<unknown, {
+    arrow: string[];
+    arrowTop: string;
+    arrowBottom: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            content: string[];
+        };
+        ghost: {
+            content: string;
+        };
+    };
+    spacing: {
+        default: {
+            content: string;
+        };
+        dense: {
+            content: string;
+        };
+    };
+    width: {
+        default: {
+            content: string;
+        };
+        auto: {
+            content: string;
+        };
+    };
+}, {
     content: string[];
+    arrow: string[];
+    arrowTop: string;
+    arrowBottom: string;
 }, undefined, unknown, unknown, undefined>>;
 type PopoverVariants = VariantProps<typeof popover>;
 

package/dist/components/popover.js

@@ -35,10 +35,47 @@ var popoverContentClasses = [
 var popover = (0, import_tailwind_variants.tv)({
   slots: {
     content: [
-      ...popoverContentClasses,
-      "w-72",
-      "origin-(--radix-popover-content-transform-origin)"
-    ]
+      "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95",
+      "data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 ",
+      "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
+    ],
+    arrow: [
+      "data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px]",
+      "data-[side=left]:rotate-90 data-[side=right]:left-[-13px]",
+      "data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180"
+    ],
+    arrowTop: "fill-popover",
+    arrowBottom: "fill-border"
+  },
+  variants: {
+    variant: {
+      default: {
+        content: [...popoverContentClasses]
+      },
+      ghost: {
+        content: "w-auto !p-0 bg-transparent"
+      }
+    },
+    spacing: {
+      default: {
+        content: "p-4"
+      },
+      dense: {
+        content: "p-2"
+      }
+    },
+    width: {
+      default: {
+        content: "w-72"
+      },
+      auto: {
+        content: "w-auto"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    spacing: "default"
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/popover.mjs

@@ -1,7 +1,7 @@
 import {
   popover
-} from "../chunk-IKJHZT2S.mjs";
-import "../chunk-UEMJVVVF.mjs";
+} from "../chunk-DI54XTS5.mjs";
+import "../chunk-5DOB3IBE.mjs";
 export {
   popover
 };

package/dist/components/scroll-area.d.mts

@@ -0,0 +1,50 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const scrollArea: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            viewport?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+            scrollbar?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            viewport?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+            scrollbar?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    viewport: string;
+    scrollbar: string[];
+    thumb: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            viewport?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+            scrollbar?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    viewport: string;
+    scrollbar: string[];
+    thumb: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    viewport: string;
+    scrollbar: string[];
+    thumb: string;
+}, undefined, unknown, unknown, undefined>>;
+type ScrollAreaVariantProps = VariantProps<typeof scrollArea>;
+
+export { type ScrollAreaVariantProps, scrollArea };

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,50 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const scrollArea: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            viewport?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+            scrollbar?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            viewport?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+            scrollbar?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    viewport: string;
+    scrollbar: string[];
+    thumb: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            viewport?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+            scrollbar?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    viewport: string;
+    scrollbar: string[];
+    thumb: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    viewport: string;
+    scrollbar: string[];
+    thumb: string;
+}, undefined, unknown, unknown, undefined>>;
+type ScrollAreaVariantProps = VariantProps<typeof scrollArea>;
+
+export { type ScrollAreaVariantProps, scrollArea };

package/dist/components/scroll-area.js

@@ -0,0 +1,42 @@
+"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/scroll-area.ts
+var scroll_area_exports = {};
+__export(scroll_area_exports, {
+  scrollArea: () => scrollArea
+});
+module.exports = __toCommonJS(scroll_area_exports);
+var import_tailwind_variants = require("tailwind-variants");
+var scrollArea = (0, import_tailwind_variants.tv)({
+  slots: {
+    root: "relative",
+    viewport: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+    scrollbar: [
+      "flex touch-none p-px transition-[colors,opacity] select-none opacity-0 data-[hovering]:opacity-100 data-[scrolling]:opacity-100 duration-150 delay-300 data-[hovering]:duration-75 data-[scrolling]:duration-75 data-[hovering]:delay-0 data-[scrolling]:delay-0",
+      "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent",
+      "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent"
+    ],
+    thumb: "bg-border relative flex-1 rounded-full"
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  scrollArea
+});

package/dist/components/scroll-area.mjs

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

package/dist/components/select.d.mts

@@ -0,0 +1,76 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const select: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            trigger: string[];
+        };
+        md: {
+            trigger: string[];
+        };
+        lg: {
+            trigger: string[];
+        };
+    };
+}, {
+    trigger: string[];
+    triggerIcon: string;
+    placeholder: string;
+    clear: string[];
+    content: string[];
+    item: string[];
+    indicatorContainer: string[];
+    indicatorIcon: string[];
+    label: string[];
+    separator: string[];
+}, undefined, {
+    size: {
+        sm: {
+            trigger: string[];
+        };
+        md: {
+            trigger: string[];
+        };
+        lg: {
+            trigger: string[];
+        };
+    };
+}, {
+    trigger: string[];
+    triggerIcon: string;
+    placeholder: string;
+    clear: string[];
+    content: string[];
+    item: string[];
+    indicatorContainer: string[];
+    indicatorIcon: string[];
+    label: string[];
+    separator: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            trigger: string[];
+        };
+        md: {
+            trigger: string[];
+        };
+        lg: {
+            trigger: string[];
+        };
+    };
+}, {
+    trigger: string[];
+    triggerIcon: string;
+    placeholder: string;
+    clear: string[];
+    content: string[];
+    item: string[];
+    indicatorContainer: string[];
+    indicatorIcon: string[];
+    label: string[];
+    separator: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SelectVariantProps = VariantProps<typeof select>;
+
+export { type SelectVariantProps, select };

package/dist/components/select.d.ts

@@ -0,0 +1,76 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const select: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            trigger: string[];
+        };
+        md: {
+            trigger: string[];
+        };
+        lg: {
+            trigger: string[];
+        };
+    };
+}, {
+    trigger: string[];
+    triggerIcon: string;
+    placeholder: string;
+    clear: string[];
+    content: string[];
+    item: string[];
+    indicatorContainer: string[];
+    indicatorIcon: string[];
+    label: string[];
+    separator: string[];
+}, undefined, {
+    size: {
+        sm: {
+            trigger: string[];
+        };
+        md: {
+            trigger: string[];
+        };
+        lg: {
+            trigger: string[];
+        };
+    };
+}, {
+    trigger: string[];
+    triggerIcon: string;
+    placeholder: string;
+    clear: string[];
+    content: string[];
+    item: string[];
+    indicatorContainer: string[];
+    indicatorIcon: string[];
+    label: string[];
+    separator: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            trigger: string[];
+        };
+        md: {
+            trigger: string[];
+        };
+        lg: {
+            trigger: string[];
+        };
+    };
+}, {
+    trigger: string[];
+    triggerIcon: string;
+    placeholder: string;
+    clear: string[];
+    content: string[];
+    item: string[];
+    indicatorContainer: string[];
+    indicatorIcon: string[];
+    label: string[];
+    separator: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SelectVariantProps = VariantProps<typeof select>;
+
+export { type SelectVariantProps, select };