@sytechui/theme 3.0.2 → 3.0.3

package/dist/components/link.d.mts

@@ -0,0 +1,107 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Link wrapper **Tailwind Variants** component
+ *
+ * @example
+ * <a className={link({ color: "secondary", isBlock: true })} href="#" />
+ */
+declare const link: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        foreground: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    underline: {
+        none: string;
+        hover: string;
+        always: string;
+        active: string;
+        focus: string;
+    };
+    isBlock: {
+        true: string[];
+        false: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+    };
+}, undefined, string[], {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        foreground: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    underline: {
+        none: string;
+        hover: string;
+        always: string;
+        active: string;
+        focus: string;
+    };
+    isBlock: {
+        true: string[];
+        false: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        foreground: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    underline: {
+        none: string;
+        hover: string;
+        always: string;
+        active: string;
+        focus: string;
+    };
+    isBlock: {
+        true: string[];
+        false: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+declare const linkAnchorClasses = "flex mx-1 text-current self-center";
+type LinkVariantProps = VariantProps<typeof link>;
+
+export { type LinkVariantProps, link, linkAnchorClasses };

package/dist/components/link.d.ts

@@ -0,0 +1,107 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Link wrapper **Tailwind Variants** component
+ *
+ * @example
+ * <a className={link({ color: "secondary", isBlock: true })} href="#" />
+ */
+declare const link: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        foreground: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    underline: {
+        none: string;
+        hover: string;
+        always: string;
+        active: string;
+        focus: string;
+    };
+    isBlock: {
+        true: string[];
+        false: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+    };
+}, undefined, string[], {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        foreground: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    underline: {
+        none: string;
+        hover: string;
+        always: string;
+        active: string;
+        focus: string;
+    };
+    isBlock: {
+        true: string[];
+        false: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        foreground: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    underline: {
+        none: string;
+        hover: string;
+        always: string;
+        active: string;
+        focus: string;
+    };
+    isBlock: {
+        true: string[];
+        false: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    disableAnimation: {
+        true: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+declare const linkAnchorClasses = "flex mx-1 text-current self-center";
+type LinkVariantProps = VariantProps<typeof link>;
+
+export { type LinkVariantProps, link, linkAnchorClasses };

package/dist/components/link.mjs

@@ -1,39 +1,39 @@
 import {
   link,
   linkAnchorClasses
-} 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/listbox.d.mts

@@ -0,0 +1,3 @@
+export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection } from './menu.mjs';
+import 'tailwind-variants';
+import 'tailwind-merge';

package/dist/components/listbox.d.ts

@@ -0,0 +1,3 @@
+export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection } from './menu.js';
+import 'tailwind-variants';
+import 'tailwind-merge';

package/dist/components/listbox.mjs

@@ -2,39 +2,39 @@ import {
   menu,
   menuItem,
   menuSection
-} 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/menu.d.mts

@@ -0,0 +1,324 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+/**
+ * Menu wrapper **Tailwind Variants** component
+ *
+ * const classNames = menu({...})
+
+ */
+declare const menu: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            list?: tailwind_merge.ClassNameValue;
+            emptyContent?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            list?: tailwind_merge.ClassNameValue;
+            emptyContent?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    list: string;
+    emptyContent: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            list?: tailwind_merge.ClassNameValue;
+            emptyContent?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    list: string;
+    emptyContent: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    list: string;
+    emptyContent: string[];
+}, undefined, unknown, unknown, undefined>>;
+/**
+ * MenuItem wrapper **Tailwind Variants** component
+ *
+ * const {base, heading, indicator, trigger, leftIndicator, title, subtitle, content } = menuItem({...})
+ *
+ * @example
+ * <div className={base())} data-focus-visible={boolean} data-hover={boolean}>
+ *   <div className={heading())}>
+ *    <button className={trigger())}>
+ *      <div className={leftIndicator()}>
+ *         // content
+ *      </div>
+ *      <div className={titleWrapper()}>
+ *        <h3 className={title())}>Title</h3>
+ *        <span className={subtitle())}>Subtitle</span>
+ *      </div>
+ *      <span className={indicator())}>Indicator</span>
+ *    </button>
+ *  </div>
+ *  <div className={content())}>Content</div>
+ * </div>
+ */
+declare const menuItem: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            base: string;
+        };
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        faded: {
+            base: string[];
+        };
+        flat: {
+            base: string;
+        };
+        shadow: {
+            base: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    showDivider: {
+        true: {
+            base: string[];
+        };
+        false: {};
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            base: string;
+        };
+    };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string;
+    title: string;
+    description: string[];
+    selectedIcon: string[];
+    shortcut: string[];
+}, undefined, {
+    variant: {
+        solid: {
+            base: string;
+        };
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        faded: {
+            base: string[];
+        };
+        flat: {
+            base: string;
+        };
+        shadow: {
+            base: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    showDivider: {
+        true: {
+            base: string[];
+        };
+        false: {};
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            base: string;
+        };
+    };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string;
+    title: string;
+    description: string[];
+    selectedIcon: string[];
+    shortcut: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {
+            base: string;
+        };
+        bordered: {
+            base: string;
+        };
+        light: {
+            base: string;
+        };
+        faded: {
+            base: string[];
+        };
+        flat: {
+            base: string;
+        };
+        shadow: {
+            base: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    showDivider: {
+        true: {
+            base: string[];
+        };
+        false: {};
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    disableAnimation: {
+        true: {};
+        false: {
+            base: string;
+        };
+    };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
+}, {
+    base: string[];
+    wrapper: string;
+    title: string;
+    description: string[];
+    selectedIcon: string[];
+    shortcut: string[];
+}, undefined, unknown, unknown, undefined>>;
+/**
+ * Menu section wrapper **Tailwind Variants** component
+ *
+ * const { base, section, heading } = menuSection({...})
+ *
+ * @example
+ * <div className={base()}>
+ *  <button className={trigger()} aria-expanded="true/false">your trigger</button>
+ *  <div className={section()}>
+ *    // menu content
+ *    <span className={arrow()} data-placement="top/bottom/left/right..." /> // arrow
+ *  </div>
+ * </div>
+ */
+declare const menuSection: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            divider?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            divider?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    heading: string;
+    group: string;
+    divider: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            divider?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            group?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    heading: string;
+    group: string;
+    divider: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    heading: string;
+    group: string;
+    divider: string;
+}, undefined, unknown, unknown, undefined>>;
+type MenuVariantProps = VariantProps<typeof menu>;
+type MenuSlots = keyof ReturnType<typeof menu>;
+type MenuSectionVariantProps = VariantProps<typeof menuSection>;
+type MenuSectionSlots = keyof ReturnType<typeof menuSection>;
+type MenuItemVariantProps = VariantProps<typeof menuItem>;
+type MenuItemSlots = keyof ReturnType<typeof menuItem>;
+
+export { type MenuItemSlots, type MenuItemVariantProps, type MenuSectionSlots, type MenuSectionVariantProps, type MenuSlots, type MenuVariantProps, menu, menuItem, menuSection };