npm - @sytechui/theme - Versions diffs - 2.4.27 → 2.5.0 - Mend

@sytechui/theme 2.4.27 → 2.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/dist/{chunk-WDM42WDU.mjs → chunk-IAAKK6MJ.mjs} +5 -5
package/dist/{chunk-YLA7KS3I.mjs → chunk-IB36XVBI.mjs} +179 -0
package/dist/{chunk-FFKHVGFX.mjs → chunk-JNXXF3DG.mjs} +1 -1
package/dist/{chunk-CPSLANMP.mjs → chunk-Q5TYW2HJ.mjs} +2 -2
package/dist/colors/common.mjs +3 -3
package/dist/colors/index.mjs +5 -5
package/dist/colors/semantic.mjs +4 -4
package/dist/colors.mjs +5 -5
package/dist/components/accordion.mjs +14 -14
package/dist/components/alert.mjs +14 -14
package/dist/components/avatar.mjs +14 -14
package/dist/components/badge.mjs +14 -14
package/dist/components/bottom-bar.d.mts +263 -0
package/dist/components/bottom-bar.d.ts +263 -0
package/dist/components/bottom-bar.js +422 -0
package/dist/components/bottom-bar.mjs +51 -0
package/dist/components/breadcrumbs.mjs +14 -14
package/dist/components/button.mjs +14 -14
package/dist/components/calendar.mjs +14 -14
package/dist/components/card.mjs +14 -14
package/dist/components/checkbox.mjs +14 -14
package/dist/components/chip.mjs +14 -14
package/dist/components/code.mjs +14 -14
package/dist/components/drop-zone.mjs +14 -14
package/dist/components/dropdown.mjs +14 -14
package/dist/components/index.d.mts +1 -0
package/dist/components/index.d.ts +1 -0
package/dist/components/index.js +185 -0
package/dist/components/index.mjs +25 -23
package/dist/components/input-otp.mjs +14 -14
package/dist/components/input.mjs +14 -14
package/dist/components/link.mjs +14 -14
package/dist/components/listbox.mjs +14 -14
package/dist/components/menu.mjs +14 -14
package/dist/components/modal.mjs +14 -14
package/dist/components/navbar.mjs +14 -14
package/dist/components/number-input.mjs +14 -14
package/dist/components/pagination.mjs +14 -14
package/dist/components/popover.mjs +14 -14
package/dist/components/radio.mjs +14 -14
package/dist/components/select.mjs +14 -14
package/dist/components/slider.mjs +14 -14
package/dist/components/snippet.mjs +14 -14
package/dist/components/table.mjs +14 -14
package/dist/components/tabs.mjs +14 -14
package/dist/components/toast.mjs +14 -14
package/dist/components/toggle.mjs +14 -14
package/dist/components/user.mjs +14 -14
package/dist/index.d.mts +1 -0
package/dist/index.d.ts +1 -0
package/dist/index.js +179 -0
package/dist/index.mjs +27 -25
package/dist/plugin.mjs +7 -7
package/dist/utils/index.mjs +18 -18
package/dist/utils/merge-classes.mjs +14 -14
package/package.json +1 -1
package/dist/{chunk-IAS3SFA4.mjs → chunk-6TOTQSJE.mjs} +6 -6

package/dist/components/bottom-bar.d.mts ADDED Viewed

@@ -0,0 +1,263 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+/**
+ * BottomBar **Tailwind Variants** component.
+ *
+ * @example
+ * ```tsx
+ * const {base, list, item, link, selectionIndicator, icon, label} = bottomBar();
+ *
+ * <nav className={base()}>
+ *   <ul className={list()}>
+ *     <li className={selectionIndicator()} role="presentation" />
+ *     <li className={item()}>
+ *       <a className={link()} data-selected="true">
+ *         <span className={icon()} />
+ *         <span className={label()}>Home</span>
+ *       </a>
+ *     </li>
+ *   </ul>
+ * </nav>
+ * ```
+ */
+declare const bottomBar: tailwind_variants.TVReturnType<{
+    position: {
+        fixed: {
+            base: string[];
+        };
+        sticky: {
+            base: string[];
+        };
+        static: {
+            base: string[];
+        };
+    };
+    color: {
+        default: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        primary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        secondary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        success: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        warning: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        danger: {
+            link: string;
+            selectionIndicator: string[];
+        };
+    };
+    variant: {
+        solid: {};
+        underlined: {
+            selectionIndicator: string[];
+        };
+        ghost: {
+            selectionIndicator: string[];
+        };
+    };
+    hideLabels: {
+        always: {
+            label: string;
+        };
+        selected: {
+            label: string[];
+        };
+        never: {};
+    };
+    disableAnimation: {
+        true: {
+            link: string;
+            selectionIndicator: string;
+            icon: string;
+            label: string;
+        };
+        false: {
+            link: string;
+            selectionIndicator: string[];
+            icon: string;
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    list: string[];
+    item: string[];
+    link: string[];
+    selectionIndicator: string[];
+    icon: string[];
+    label: string[];
+}, undefined, {
+    position: {
+        fixed: {
+            base: string[];
+        };
+        sticky: {
+            base: string[];
+        };
+        static: {
+            base: string[];
+        };
+    };
+    color: {
+        default: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        primary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        secondary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        success: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        warning: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        danger: {
+            link: string;
+            selectionIndicator: string[];
+        };
+    };
+    variant: {
+        solid: {};
+        underlined: {
+            selectionIndicator: string[];
+        };
+        ghost: {
+            selectionIndicator: string[];
+        };
+    };
+    hideLabels: {
+        always: {
+            label: string;
+        };
+        selected: {
+            label: string[];
+        };
+        never: {};
+    };
+    disableAnimation: {
+        true: {
+            link: string;
+            selectionIndicator: string;
+            icon: string;
+            label: string;
+        };
+        false: {
+            link: string;
+            selectionIndicator: string[];
+            icon: string;
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    list: string[];
+    item: string[];
+    link: string[];
+    selectionIndicator: string[];
+    icon: string[];
+    label: string[];
+}, tailwind_variants.TVReturnType<{
+    position: {
+        fixed: {
+            base: string[];
+        };
+        sticky: {
+            base: string[];
+        };
+        static: {
+            base: string[];
+        };
+    };
+    color: {
+        default: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        primary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        secondary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        success: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        warning: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        danger: {
+            link: string;
+            selectionIndicator: string[];
+        };
+    };
+    variant: {
+        solid: {};
+        underlined: {
+            selectionIndicator: string[];
+        };
+        ghost: {
+            selectionIndicator: string[];
+        };
+    };
+    hideLabels: {
+        always: {
+            label: string;
+        };
+        selected: {
+            label: string[];
+        };
+        never: {};
+    };
+    disableAnimation: {
+        true: {
+            link: string;
+            selectionIndicator: string;
+            icon: string;
+            label: string;
+        };
+        false: {
+            link: string;
+            selectionIndicator: string[];
+            icon: string;
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    list: string[];
+    item: string[];
+    link: string[];
+    selectionIndicator: string[];
+    icon: string[];
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+type BottomBarVariantProps = VariantProps<typeof bottomBar>;
+type BottomBarSlots = keyof ReturnType<typeof bottomBar>;
+type BottomBarReturnType = ReturnType<typeof bottomBar>;
+export { type BottomBarReturnType, type BottomBarSlots, type BottomBarVariantProps, bottomBar };

package/dist/components/bottom-bar.d.ts ADDED Viewed

@@ -0,0 +1,263 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+/**
+ * BottomBar **Tailwind Variants** component.
+ *
+ * @example
+ * ```tsx
+ * const {base, list, item, link, selectionIndicator, icon, label} = bottomBar();
+ *
+ * <nav className={base()}>
+ *   <ul className={list()}>
+ *     <li className={selectionIndicator()} role="presentation" />
+ *     <li className={item()}>
+ *       <a className={link()} data-selected="true">
+ *         <span className={icon()} />
+ *         <span className={label()}>Home</span>
+ *       </a>
+ *     </li>
+ *   </ul>
+ * </nav>
+ * ```
+ */
+declare const bottomBar: tailwind_variants.TVReturnType<{
+    position: {
+        fixed: {
+            base: string[];
+        };
+        sticky: {
+            base: string[];
+        };
+        static: {
+            base: string[];
+        };
+    };
+    color: {
+        default: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        primary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        secondary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        success: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        warning: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        danger: {
+            link: string;
+            selectionIndicator: string[];
+        };
+    };
+    variant: {
+        solid: {};
+        underlined: {
+            selectionIndicator: string[];
+        };
+        ghost: {
+            selectionIndicator: string[];
+        };
+    };
+    hideLabels: {
+        always: {
+            label: string;
+        };
+        selected: {
+            label: string[];
+        };
+        never: {};
+    };
+    disableAnimation: {
+        true: {
+            link: string;
+            selectionIndicator: string;
+            icon: string;
+            label: string;
+        };
+        false: {
+            link: string;
+            selectionIndicator: string[];
+            icon: string;
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    list: string[];
+    item: string[];
+    link: string[];
+    selectionIndicator: string[];
+    icon: string[];
+    label: string[];
+}, undefined, {
+    position: {
+        fixed: {
+            base: string[];
+        };
+        sticky: {
+            base: string[];
+        };
+        static: {
+            base: string[];
+        };
+    };
+    color: {
+        default: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        primary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        secondary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        success: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        warning: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        danger: {
+            link: string;
+            selectionIndicator: string[];
+        };
+    };
+    variant: {
+        solid: {};
+        underlined: {
+            selectionIndicator: string[];
+        };
+        ghost: {
+            selectionIndicator: string[];
+        };
+    };
+    hideLabels: {
+        always: {
+            label: string;
+        };
+        selected: {
+            label: string[];
+        };
+        never: {};
+    };
+    disableAnimation: {
+        true: {
+            link: string;
+            selectionIndicator: string;
+            icon: string;
+            label: string;
+        };
+        false: {
+            link: string;
+            selectionIndicator: string[];
+            icon: string;
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    list: string[];
+    item: string[];
+    link: string[];
+    selectionIndicator: string[];
+    icon: string[];
+    label: string[];
+}, tailwind_variants.TVReturnType<{
+    position: {
+        fixed: {
+            base: string[];
+        };
+        sticky: {
+            base: string[];
+        };
+        static: {
+            base: string[];
+        };
+    };
+    color: {
+        default: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        primary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        secondary: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        success: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        warning: {
+            link: string;
+            selectionIndicator: string[];
+        };
+        danger: {
+            link: string;
+            selectionIndicator: string[];
+        };
+    };
+    variant: {
+        solid: {};
+        underlined: {
+            selectionIndicator: string[];
+        };
+        ghost: {
+            selectionIndicator: string[];
+        };
+    };
+    hideLabels: {
+        always: {
+            label: string;
+        };
+        selected: {
+            label: string[];
+        };
+        never: {};
+    };
+    disableAnimation: {
+        true: {
+            link: string;
+            selectionIndicator: string;
+            icon: string;
+            label: string;
+        };
+        false: {
+            link: string;
+            selectionIndicator: string[];
+            icon: string;
+            label: string;
+        };
+    };
+}, {
+    base: string[];
+    list: string[];
+    item: string[];
+    link: string[];
+    selectionIndicator: string[];
+    icon: string[];
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+type BottomBarVariantProps = VariantProps<typeof bottomBar>;
+type BottomBarSlots = keyof ReturnType<typeof bottomBar>;
+type BottomBarReturnType = ReturnType<typeof bottomBar>;
+export { type BottomBarReturnType, type BottomBarSlots, type BottomBarVariantProps, bottomBar };