@sytechui/theme 3.0.2 → 3.0.3

package/dist/components/breadcrumbs.d.ts

@@ -0,0 +1,379 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * BreadcrumbsItem wrapper **Tailwind Variants** component
+ *
+ * const { base, item, separator } = breadcrumbItem({...})
+ *
+ * @example
+ */
+declare const breadcrumbItem: tailwind_variants.TVReturnType<{
+    color: {
+        foreground: {
+            item: string;
+            separator: string;
+        };
+        primary: {
+            item: string;
+            separator: string;
+        };
+        secondary: {
+            item: string;
+            separator: string;
+        };
+        success: {
+            item: string;
+            separator: string;
+        };
+        warning: {
+            item: string;
+            separator: string;
+        };
+        danger: {
+            item: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+        };
+    };
+    underline: {
+        none: {
+            item: string;
+        };
+        hover: {
+            item: string;
+        };
+        always: {
+            item: string;
+        };
+        active: {
+            item: string;
+        };
+        focus: {
+            item: string;
+        };
+    };
+    isCurrent: {
+        true: {
+            item: string;
+        };
+        false: {
+            item: string[];
+        };
+    };
+    isDisabled: {
+        true: {
+            item: string;
+            separator: string;
+        };
+    };
+    disableAnimation: {
+        false: {
+            item: string;
+        };
+        true: {
+            item: string;
+        };
+    };
+}, {
+    base: string;
+    item: string[];
+    separator: string;
+}, undefined, {
+    color: {
+        foreground: {
+            item: string;
+            separator: string;
+        };
+        primary: {
+            item: string;
+            separator: string;
+        };
+        secondary: {
+            item: string;
+            separator: string;
+        };
+        success: {
+            item: string;
+            separator: string;
+        };
+        warning: {
+            item: string;
+            separator: string;
+        };
+        danger: {
+            item: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+        };
+    };
+    underline: {
+        none: {
+            item: string;
+        };
+        hover: {
+            item: string;
+        };
+        always: {
+            item: string;
+        };
+        active: {
+            item: string;
+        };
+        focus: {
+            item: string;
+        };
+    };
+    isCurrent: {
+        true: {
+            item: string;
+        };
+        false: {
+            item: string[];
+        };
+    };
+    isDisabled: {
+        true: {
+            item: string;
+            separator: string;
+        };
+    };
+    disableAnimation: {
+        false: {
+            item: string;
+        };
+        true: {
+            item: string;
+        };
+    };
+}, {
+    base: string;
+    item: string[];
+    separator: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        foreground: {
+            item: string;
+            separator: string;
+        };
+        primary: {
+            item: string;
+            separator: string;
+        };
+        secondary: {
+            item: string;
+            separator: string;
+        };
+        success: {
+            item: string;
+            separator: string;
+        };
+        warning: {
+            item: string;
+            separator: string;
+        };
+        danger: {
+            item: string;
+            separator: string;
+        };
+    };
+    size: {
+        sm: {
+            item: string;
+        };
+        md: {
+            item: string;
+        };
+        lg: {
+            item: string;
+        };
+    };
+    underline: {
+        none: {
+            item: string;
+        };
+        hover: {
+            item: string;
+        };
+        always: {
+            item: string;
+        };
+        active: {
+            item: string;
+        };
+        focus: {
+            item: string;
+        };
+    };
+    isCurrent: {
+        true: {
+            item: string;
+        };
+        false: {
+            item: string[];
+        };
+    };
+    isDisabled: {
+        true: {
+            item: string;
+            separator: string;
+        };
+    };
+    disableAnimation: {
+        false: {
+            item: string;
+        };
+        true: {
+            item: string;
+        };
+    };
+}, {
+    base: string;
+    item: string[];
+    separator: string;
+}, undefined, unknown, unknown, undefined>>;
+/**
+ * Breadcrumbs wrapper **Tailwind Variants** component
+ *
+ * const { base, list, ellipsis, separator } = breadcrumbs({...})
+ *
+ * @example
+ */
+declare const breadcrumbs: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+    };
+    radius: {
+        none: {
+            list: string;
+        };
+        sm: {
+            list: string;
+        };
+        md: {
+            list: string;
+        };
+        lg: {
+            list: string;
+        };
+        full: {
+            list: string;
+        };
+    };
+    variant: {
+        solid: {
+            list: string;
+        };
+        bordered: {
+            list: string;
+        };
+        light: {};
+    };
+}, {
+    base: string;
+    list: string;
+    ellipsis: string;
+    separator: string;
+}, undefined, {
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+    };
+    radius: {
+        none: {
+            list: string;
+        };
+        sm: {
+            list: string;
+        };
+        md: {
+            list: string;
+        };
+        lg: {
+            list: string;
+        };
+        full: {
+            list: string;
+        };
+    };
+    variant: {
+        solid: {
+            list: string;
+        };
+        bordered: {
+            list: string;
+        };
+        light: {};
+    };
+}, {
+    base: string;
+    list: string;
+    ellipsis: string;
+    separator: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+    };
+    radius: {
+        none: {
+            list: string;
+        };
+        sm: {
+            list: string;
+        };
+        md: {
+            list: string;
+        };
+        lg: {
+            list: string;
+        };
+        full: {
+            list: string;
+        };
+    };
+    variant: {
+        solid: {
+            list: string;
+        };
+        bordered: {
+            list: string;
+        };
+        light: {};
+    };
+}, {
+    base: string;
+    list: string;
+    ellipsis: string;
+    separator: string;
+}, undefined, unknown, unknown, undefined>>;
+type BreadcrumbsVariantProps = VariantProps<typeof breadcrumbs>;
+type BreadcrumbsSlots = keyof ReturnType<typeof breadcrumbs>;
+type BreadcrumbItemVariantProps = VariantProps<typeof breadcrumbItem>;
+type BreadcrumbItemSlots = keyof ReturnType<typeof breadcrumbItem>;
+
+export { type BreadcrumbItemSlots, type BreadcrumbItemVariantProps, type BreadcrumbsSlots, type BreadcrumbsVariantProps, breadcrumbItem, breadcrumbs };

package/dist/components/breadcrumbs.mjs

@@ -1,39 +1,39 @@
 import {
   breadcrumbItem,
   breadcrumbs
-} 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/button.d.mts

@@ -0,0 +1,188 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Button wrapper **Tailwind Variants** component
+ *
+ * const classNames = button({...})
+ *
+ * @example
+ * <button
+ *  className={classNames())}
+ *  data-pressed={true/false}
+ *  data-hover={true/false}
+ *  data-focus={true/false}
+ *  data-focus-visible={true/false}
+ * >
+ *   Button
+ * </button>
+ */
+declare const button: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: string;
+        bordered: string;
+        light: string;
+        flat: string;
+        faded: string;
+        shadow: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    isInGroup: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+        false: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], {
+    variant: {
+        solid: string;
+        bordered: string;
+        light: string;
+        flat: string;
+        faded: string;
+        shadow: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    isInGroup: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+        false: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: string;
+        bordered: string;
+        light: string;
+        flat: string;
+        faded: string;
+        shadow: string;
+        ghost: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        default: string;
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    radius: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        full: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    isDisabled: {
+        true: string;
+    };
+    isInGroup: {
+        true: string;
+    };
+    isIconOnly: {
+        true: string;
+        false: string;
+    };
+    disableAnimation: {
+        true: string;
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+/**
+ * ButtonGroup wrapper **Tailwind Variants** component
+ *
+ * const classNames = buttonGroup({...})
+ *
+ * @example
+ * <div role="group" className={classNames())}>
+ *   // button elements
+ * </div>
+ */
+declare const buttonGroup: tailwind_variants.TVReturnType<{
+    fullWidth: {
+        true: string;
+    };
+}, undefined, "inline-flex items-center justify-center h-auto", {
+    fullWidth: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    fullWidth: {
+        true: string;
+    };
+}, undefined, "inline-flex items-center justify-center h-auto", unknown, unknown, undefined>>;
+type ButtonGroupVariantProps = VariantProps<typeof buttonGroup>;
+type ButtonVariantProps = VariantProps<typeof button>;
+
+export { type ButtonGroupVariantProps, type ButtonVariantProps, button, buttonGroup };