@sytechui/theme 3.0.2 → 3.0.3

package/dist/components/modal.d.ts

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

package/dist/components/modal.mjs

@@ -1,38 +1,38 @@
 import {
   modal
-} from "../chunk-CV2E4DI2.mjs";
+} from "../chunk-FUQEL335.mjs";
+import "../chunk-XWHXIFLL.mjs";
+import "../chunk-HF2LJVZX.mjs";
+import "../chunk-XV7LJG6E.mjs";
+import "../chunk-IVAVJ7ZU.mjs";
+import "../chunk-D2TQCDY4.mjs";
+import "../chunk-APF6RSVD.mjs";
+import "../chunk-M4FWEMJZ.mjs";
+import "../chunk-OC45BUIA.mjs";
+import "../chunk-4LAQM2VM.mjs";
+import "../chunk-QQZDCYMA.mjs";
+import "../chunk-FPG5J5ZJ.mjs";
+import "../chunk-U4D7XSGV.mjs";
+import "../chunk-L26ZWPVZ.mjs";
+import "../chunk-AAPQ76Q7.mjs";
+import "../chunk-EIZCYQZJ.mjs";
+import "../chunk-IFDUGF3P.mjs";
+import "../chunk-ATGLNP24.mjs";
+import "../chunk-UL4VFH3Z.mjs";
+import "../chunk-IURX3VEE.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-7ARJ2TQM.mjs";
-import "../chunk-W37Q6YFS.mjs";
-import "../chunk-BF4542X6.mjs";
-import "../chunk-47BB6GL3.mjs";
-import "../chunk-WH4ODSEM.mjs";
-import "../chunk-XBJNS5SU.mjs";
-import "../chunk-OSP4OLTO.mjs";
-import "../chunk-4N2PLITL.mjs";
-import "../chunk-EZ47UJPD.mjs";
-import "../chunk-5DJU5KUL.mjs";
-import "../chunk-2QZDAFQ3.mjs";
-import "../chunk-MTBQ5EO5.mjs";
-import "../chunk-AL5UNXQI.mjs";
-import "../chunk-USGOG5QI.mjs";
-import "../chunk-AGSAOCCR.mjs";
-import "../chunk-ZWG2GMCI.mjs";
-import "../chunk-P5HLCB43.mjs";
-import "../chunk-PY74IHS4.mjs";
-import "../chunk-I5YZBAB3.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-2TFOWOJL.mjs";
-import "../chunk-D2XMP2NC.mjs";
+import "../chunk-HFD73SWH.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-Z2UCLPEC.mjs";
 import "../chunk-ZHIADCEL.mjs";
-import "../chunk-ROFEKAS6.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-D2XMP2NC.mjs";
 import "../chunk-WQEDQHKX.mjs";
 import "../chunk-CPSLANMP.mjs";
 import "../chunk-FFKHVGFX.mjs";

package/dist/components/navbar.d.mts

@@ -0,0 +1,246 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Card **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {
+ *  base,
+ *  wrapper,
+ *  toggle,
+ *  srOnly,
+ *  toggleIcon,
+ *  brand,
+ *  content,
+ *  item,
+ *  menu,
+ *  menuItem
+ * } = navbar({...})
+ *
+ * <nav className={base()} style={{ "--navbar-height": "4rem" }}>
+ *    <header className={wrapper()}>
+ *      <button className={toggle()}>
+ *        <span className={srOnly()}>Open/Close menu</span>
+ *        <span className={toggleIcon()} aria-hidden="true"/>
+ *      </button>
+ *      <div className={brand()}>Brand</div>
+ *      <ul className={content()}>
+ *        <li className={item()}>Item 1</li>
+ *        <li className={item()}>Item 2</li>
+ *        <li className={item()}>Item 3</li>
+ *      </ul>
+ *      <ul className={content()}>
+ *        <li className={item()}>Login</li>
+ *        <li className={item()}>Sign Up</li>
+ *      </ul>
+ *    </header>
+ *    <ul className={menu()}>
+ *      <li className={menuItem()}>Item 1</li>
+ *      <li className={menuItem()}>Item 2</li>
+ *      <li className={menuItem()}>Item 3</li>
+ *   </ul>
+ * </nav>
+ * ```
+ */
+declare const navbar: tailwind_variants.TVReturnType<{
+    position: {
+        static: {
+            base: string;
+        };
+        sticky: {
+            base: string;
+        };
+    };
+    maxWidth: {
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+        xl: {
+            wrapper: string;
+        };
+        "2xl": {
+            wrapper: string;
+        };
+        full: {
+            wrapper: string;
+        };
+    };
+    hideOnScroll: {
+        true: {
+            base: string[];
+        };
+    };
+    isBordered: {
+        true: {
+            base: string[];
+        };
+    };
+    isBlurred: {
+        false: {
+            base: string;
+            menu: string;
+        };
+        true: {
+            base: string[];
+            menu: string[];
+        };
+    };
+    disableAnimation: {
+        true: {
+            menu: string[];
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string[];
+    toggle: string[];
+    srOnly: string[];
+    toggleIcon: string[];
+    brand: string[];
+    content: string[];
+    item: string[];
+    menu: string[];
+    menuItem: string[];
+}, undefined, {
+    position: {
+        static: {
+            base: string;
+        };
+        sticky: {
+            base: string;
+        };
+    };
+    maxWidth: {
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+        xl: {
+            wrapper: string;
+        };
+        "2xl": {
+            wrapper: string;
+        };
+        full: {
+            wrapper: string;
+        };
+    };
+    hideOnScroll: {
+        true: {
+            base: string[];
+        };
+    };
+    isBordered: {
+        true: {
+            base: string[];
+        };
+    };
+    isBlurred: {
+        false: {
+            base: string;
+            menu: string;
+        };
+        true: {
+            base: string[];
+            menu: string[];
+        };
+    };
+    disableAnimation: {
+        true: {
+            menu: string[];
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string[];
+    toggle: string[];
+    srOnly: string[];
+    toggleIcon: string[];
+    brand: string[];
+    content: string[];
+    item: string[];
+    menu: string[];
+    menuItem: string[];
+}, tailwind_variants.TVReturnType<{
+    position: {
+        static: {
+            base: string;
+        };
+        sticky: {
+            base: string;
+        };
+    };
+    maxWidth: {
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+        xl: {
+            wrapper: string;
+        };
+        "2xl": {
+            wrapper: string;
+        };
+        full: {
+            wrapper: string;
+        };
+    };
+    hideOnScroll: {
+        true: {
+            base: string[];
+        };
+    };
+    isBordered: {
+        true: {
+            base: string[];
+        };
+    };
+    isBlurred: {
+        false: {
+            base: string;
+            menu: string;
+        };
+        true: {
+            base: string[];
+            menu: string[];
+        };
+    };
+    disableAnimation: {
+        true: {
+            menu: string[];
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string[];
+    toggle: string[];
+    srOnly: string[];
+    toggleIcon: string[];
+    brand: string[];
+    content: string[];
+    item: string[];
+    menu: string[];
+    menuItem: string[];
+}, undefined, unknown, unknown, undefined>>;
+type NavbarVariantProps = VariantProps<typeof navbar>;
+type NavbarSlots = keyof ReturnType<typeof navbar>;
+
+export { type NavbarSlots, type NavbarVariantProps, navbar };