@sytechui/theme 2.6.4 → 2.6.5

package/dist/components/modal.d.ts

@@ -1,380 +0,0 @@
-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/navbar.d.mts

@@ -1,246 +0,0 @@
-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 };