@sytechui/theme 2.4.26

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

package/dist/components/navbar.d.ts

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