@sytechui/theme 2.4.26

package/dist/components/menu.mjs

@@ -0,0 +1,55 @@
+import {
+  menu,
+  menuItem,
+  menuSection
+} from "../chunk-T3FWPDDU.mjs";
+import "../chunk-GQT3YUX3.mjs";
+import "../chunk-DKJNATV2.mjs";
+import "../chunk-JFTCRIQA.mjs";
+import "../chunk-B5YWUSAH.mjs";
+import "../chunk-6GMZ2XIO.mjs";
+import "../chunk-UCUZEPMT.mjs";
+import "../chunk-B3WML4XC.mjs";
+import "../chunk-T7YZ5PRR.mjs";
+import "../chunk-QPJMPRZG.mjs";
+import "../chunk-A3QMPIR3.mjs";
+import "../chunk-EJLBCE3V.mjs";
+import "../chunk-Q7SJBJ2C.mjs";
+import "../chunk-JLA3YAT4.mjs";
+import "../chunk-NPGM3ZLN.mjs";
+import "../chunk-KKENQYAQ.mjs";
+import "../chunk-U5MU6YGM.mjs";
+import "../chunk-6FGGVHAY.mjs";
+import "../chunk-PGQDBCOS.mjs";
+import "../chunk-HO2ILFC5.mjs";
+import "../chunk-HJWFZEER.mjs";
+import "../chunk-JGY6VQQQ.mjs";
+import "../chunk-D2XMP2NC.mjs";
+import "../chunk-7V3PIXOO.mjs";
+import "../chunk-WH6SPIFG.mjs";
+import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-GSRZWDGA.mjs";
+import "../chunk-WQEDQHKX.mjs";
+import "../chunk-GMH4QQZS.mjs";
+import "../chunk-JC3ABGTC.mjs";
+import "../chunk-5ICJA2GK.mjs";
+import "../chunk-M63AFAHO.mjs";
+import "../chunk-NTTT6BHX.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
+import "../chunk-YZYGFPNK.mjs";
+import "../chunk-JUEOCLA3.mjs";
+import "../chunk-3LKKH4AR.mjs";
+import "../chunk-GHZ36ATJ.mjs";
+import "../chunk-T3GWIVAM.mjs";
+import "../chunk-OR5PUD24.mjs";
+import "../chunk-HUBDRSA4.mjs";
+import "../chunk-WBQAMGXK.mjs";
+import "../chunk-KXPLHLA6.mjs";
+import "../chunk-AWXUGVFR.mjs";
+import "../chunk-MPVWW3DX.mjs";
+export {
+  menu,
+  menuItem,
+  menuSection
+};

package/dist/components/modal.d.mts

@@ -0,0 +1,380 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Modal **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {base, backdrop, header, body, footer} = modal({...})
+ *
+ * <div>
+ *    <button>Open Modal</button>
+ *    <div className={backdrop()}/>
+ *    <div className={base()}>
+ *       <div className={header()}>Header</div>
+ *       <div className={body()}>Body</div>
+ *       <div className={footer()}>Footer</div>
+ *    </div>
+ * </div>
+ * ```
+ */
+declare const modal: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    placement: {
+        auto: {
+            wrapper: string;
+        };
+        center: {
+            wrapper: string;
+        };
+        top: {
+            wrapper: string;
+        };
+        "top-center": {
+            wrapper: string;
+        };
+        bottom: {
+            wrapper: string;
+        };
+        "bottom-center": {
+            wrapper: string;
+        };
+    };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    backdrop: {
+        transparent: {
+            backdrop: string;
+        };
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
+    scrollBehavior: {
+        normal: {
+            base: string;
+        };
+        inside: {
+            base: string;
+            body: string;
+        };
+        outside: {
+            wrapper: string;
+            base: string;
+        };
+    };
+    disableAnimation: {
+        false: {
+            wrapper: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    base: string[];
+    backdrop: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, undefined, {
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    placement: {
+        auto: {
+            wrapper: string;
+        };
+        center: {
+            wrapper: string;
+        };
+        top: {
+            wrapper: string;
+        };
+        "top-center": {
+            wrapper: string;
+        };
+        bottom: {
+            wrapper: string;
+        };
+        "bottom-center": {
+            wrapper: string;
+        };
+    };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    backdrop: {
+        transparent: {
+            backdrop: string;
+        };
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
+    scrollBehavior: {
+        normal: {
+            base: string;
+        };
+        inside: {
+            base: string;
+            body: string;
+        };
+        outside: {
+            wrapper: string;
+            base: string;
+        };
+    };
+    disableAnimation: {
+        false: {
+            wrapper: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    base: string[];
+    backdrop: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    placement: {
+        auto: {
+            wrapper: string;
+        };
+        center: {
+            wrapper: string;
+        };
+        top: {
+            wrapper: string;
+        };
+        "top-center": {
+            wrapper: string;
+        };
+        bottom: {
+            wrapper: string;
+        };
+        "bottom-center": {
+            wrapper: string;
+        };
+    };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    backdrop: {
+        transparent: {
+            backdrop: string;
+        };
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
+    scrollBehavior: {
+        normal: {
+            base: string;
+        };
+        inside: {
+            base: string;
+            body: string;
+        };
+        outside: {
+            wrapper: string;
+            base: string;
+        };
+    };
+    disableAnimation: {
+        false: {
+            wrapper: string[];
+        };
+    };
+}, {
+    wrapper: string[];
+    base: string[];
+    backdrop: string;
+    header: string;
+    body: string;
+    footer: string;
+    closeButton: string[];
+}, undefined, unknown, unknown, undefined>>;
+type ModalVariantProps = VariantProps<typeof modal>;
+type ModalSlots = keyof ReturnType<typeof modal>;
+
+export { type ModalSlots, type ModalVariantProps, modal };