@sytechui/theme 2.4.26

package/dist/chunk-6GMZ2XIO.mjs

@@ -0,0 +1,241 @@
+import {
+  tv
+} from "./chunk-PGQDBCOS.mjs";
+
+// src/components/progress.ts
+var progress = tv(
+  {
+    slots: {
+      base: "flex flex-col gap-2 w-full",
+      label: "",
+      labelWrapper: "flex justify-between",
+      value: "",
+      track: "z-0 relative bg-default-300/50 overflow-hidden rtl:rotate-180",
+      indicator: "h-full"
+    },
+    variants: {
+      color: {
+        default: {
+          indicator: "bg-default-400"
+        },
+        primary: {
+          indicator: "bg-primary"
+        },
+        secondary: {
+          indicator: "bg-secondary"
+        },
+        success: {
+          indicator: "bg-success"
+        },
+        warning: {
+          indicator: "bg-warning"
+        },
+        danger: {
+          indicator: "bg-danger"
+        }
+      },
+      size: {
+        sm: {
+          label: "text-small",
+          value: "text-small",
+          track: "h-1"
+        },
+        md: {
+          label: "text-medium",
+          value: "text-medium",
+          track: "h-3"
+        },
+        lg: {
+          label: "text-large",
+          value: "text-large",
+          track: "h-5"
+        }
+      },
+      radius: {
+        none: {
+          track: "rounded-none",
+          indicator: "rounded-none"
+        },
+        sm: {
+          track: "rounded-small",
+          indicator: "rounded-small"
+        },
+        md: {
+          track: "rounded-medium",
+          indicator: "rounded-medium"
+        },
+        lg: {
+          track: "rounded-large",
+          indicator: "rounded-large"
+        },
+        full: {
+          track: "rounded-full",
+          indicator: "rounded-full"
+        }
+      },
+      isStriped: {
+        true: {
+          indicator: "bg-stripe-gradient-default bg-stripe-size"
+        }
+      },
+      isIndeterminate: {
+        true: {
+          indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
+        }
+      },
+      isDisabled: {
+        true: {
+          base: "opacity-disabled cursor-not-allowed"
+        }
+      },
+      disableAnimation: {
+        true: {},
+        false: {
+          indicator: "transition-transform !duration-500"
+        }
+      }
+    },
+    defaultVariants: {
+      color: "primary",
+      size: "md",
+      radius: "full",
+      isStriped: false,
+      isIndeterminate: false,
+      isDisabled: false
+    },
+    compoundVariants: [
+      // disableAnimation && !isIndeterminate
+      {
+        disableAnimation: true,
+        isIndeterminate: false,
+        class: {
+          indicator: "!transition-none motion-reduce:transition-none"
+        }
+      },
+      {
+        color: "primary",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-primary bg-stripe-size"
+        }
+      },
+      {
+        color: "secondary",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-secondary bg-stripe-size"
+        }
+      },
+      {
+        color: "success",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-success bg-stripe-size"
+        }
+      },
+      {
+        color: "warning",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-warning bg-stripe-size"
+        }
+      },
+      {
+        color: "danger",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-danger bg-stripe-size"
+        }
+      }
+    ]
+  },
+  {
+    twMerge: true
+  }
+);
+var circularProgress = tv({
+  slots: {
+    base: "flex flex-col justify-center gap-1 max-w-fit items-center",
+    label: "",
+    svgWrapper: "relative block",
+    svg: "z-0 relative overflow-hidden",
+    track: "h-full stroke-default-300/50",
+    indicator: "h-full stroke-current",
+    value: "absolute font-normal inset-0 flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      default: {
+        svg: "text-default-400"
+      },
+      primary: {
+        svg: "text-primary"
+      },
+      secondary: {
+        svg: "text-secondary"
+      },
+      success: {
+        svg: "text-success"
+      },
+      warning: {
+        svg: "text-warning"
+      },
+      danger: {
+        svg: "text-danger"
+      }
+    },
+    size: {
+      sm: {
+        svg: "w-8 h-8",
+        label: "text-small",
+        value: "text-[0.5rem]"
+      },
+      md: {
+        svg: "w-10 h-10",
+        label: "text-small",
+        value: "text-[0.55rem]"
+      },
+      lg: {
+        svg: "w-12 h-12",
+        label: "text-medium",
+        value: "text-[0.6rem]"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        svg: "animate-spinner-ease-spin"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        indicator: "transition-all !duration-500"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isDisabled: false
+  },
+  compoundVariants: [
+    // disableAnimation && !isIndeterminate
+    {
+      disableAnimation: true,
+      isIndeterminate: false,
+      class: {
+        svg: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
+
+export {
+  progress,
+  circularProgress
+};

package/dist/chunk-7V3PIXOO.mjs

@@ -0,0 +1,28 @@
+import {
+  scrollbar_hide_default
+} from "./chunk-WH6SPIFG.mjs";
+import {
+  text_default
+} from "./chunk-RUIUXVZ4.mjs";
+import {
+  transition_default
+} from "./chunk-GSRZWDGA.mjs";
+import {
+  animation_default
+} from "./chunk-AWXUGVFR.mjs";
+import {
+  custom_default
+} from "./chunk-MPVWW3DX.mjs";
+
+// src/utilities/index.ts
+var utilities = {
+  ...custom_default,
+  ...transition_default,
+  ...scrollbar_hide_default,
+  ...text_default,
+  ...animation_default
+};
+
+export {
+  utilities
+};

package/dist/chunk-A3QMPIR3.mjs

@@ -0,0 +1,12 @@
+import {
+  tv
+} from "./chunk-PGQDBCOS.mjs";
+
+// src/components/drip.ts
+var drip = tv({
+  base: ["absolute", "will-change-transform", "bg-current", "rounded-full", "animate-drip-expand"]
+});
+
+export {
+  drip
+};

package/dist/chunk-AWXUGVFR.mjs

@@ -0,0 +1,19 @@
+// src/utilities/animation.ts
+var animation_default = {
+  /** Animation Utilities */
+  ".spinner-bar-animation": {
+    animation: "fade-out 1.2s linear infinite",
+    "animation-delay": "calc(-1.2s + (0.1s * var(--bar-index)))",
+    transform: "rotate(calc(30deg * var(--bar-index))) translate(140%)"
+  },
+  ".spinner-dot-animation": {
+    "animation-delay": "calc(250ms * var(--dot-index))"
+  },
+  ".spinner-dot-blink-animation": {
+    "animation-delay": "calc(200ms * var(--dot-index))"
+  }
+};
+
+export {
+  animation_default
+};

package/dist/chunk-B3WML4XC.mjs

@@ -0,0 +1,37 @@
+import {
+  tv
+} from "./chunk-PGQDBCOS.mjs";
+
+// src/components/scroll-shadow.ts
+var verticalShadow = [
+  "data-[top-scroll=true]:[mask-image:linear-gradient(0deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
+  "data-[bottom-scroll=true]:[mask-image:linear-gradient(180deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
+  "data-[top-bottom-scroll=true]:[mask-image:linear-gradient(#000,#000,transparent_0,#000_var(--scroll-shadow-size),#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]"
+];
+var horizontalShadow = [
+  "data-[left-scroll=true]:[mask-image:linear-gradient(270deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
+  "data-[right-scroll=true]:[mask-image:linear-gradient(90deg,#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]",
+  "data-[left-right-scroll=true]:[mask-image:linear-gradient(to_right,#000,#000,transparent_0,#000_var(--scroll-shadow-size),#000_calc(100%_-_var(--scroll-shadow-size)),transparent)]"
+];
+var scrollShadow = tv({
+  base: [],
+  variants: {
+    orientation: {
+      vertical: ["overflow-y-auto", ...verticalShadow],
+      horizontal: ["overflow-x-auto", ...horizontalShadow],
+      both: ["overflow-auto", ...verticalShadow, ...horizontalShadow]
+    },
+    hideScrollBar: {
+      true: "scrollbar-hide",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical",
+    hideScrollBar: false
+  }
+});
+
+export {
+  scrollShadow
+};

package/dist/chunk-B5YWUSAH.mjs

@@ -0,0 +1,307 @@
+import {
+  tv
+} from "./chunk-PGQDBCOS.mjs";
+
+// src/components/spinner.ts
+var spinner = tv({
+  slots: {
+    base: "relative inline-flex flex-col gap-2 items-center justify-center",
+    wrapper: "relative flex",
+    label: "text-foreground dark:text-foreground-dark font-regular",
+    circle1: "absolute w-full h-full rounded-full",
+    circle2: "absolute w-full h-full rounded-full",
+    dots: "relative rounded-full mx-auto",
+    spinnerBars: [
+      "absolute",
+      "rounded-full",
+      "w-[25%]",
+      "h-[8%]",
+      "left-[calc(37.5%)]",
+      "top-[calc(46%)]",
+      "spinner-bar-animation"
+    ]
+  },
+  variants: {
+    size: {
+      sm: {
+        wrapper: "w-5 h-5",
+        circle1: "border-2",
+        circle2: "border-2",
+        dots: "size-1",
+        label: "text-small"
+      },
+      md: {
+        wrapper: "w-8 h-8",
+        circle1: "border-3",
+        circle2: "border-3",
+        dots: "size-1.5",
+        label: "text-medium"
+      },
+      lg: {
+        wrapper: "w-10 h-10",
+        circle1: "border-3",
+        circle2: "border-3",
+        dots: "size-2",
+        label: "text-large"
+      }
+    },
+    color: {
+      current: {
+        circle1: "border-b-current",
+        circle2: "border-b-current",
+        dots: "bg-current",
+        spinnerBars: "bg-current"
+      },
+      white: {
+        circle1: "border-b-white",
+        circle2: "border-b-white",
+        dots: "bg-white",
+        spinnerBars: "bg-white"
+      },
+      default: {
+        circle1: "border-b-default",
+        circle2: "border-b-default",
+        dots: "bg-default",
+        spinnerBars: "bg-default"
+      },
+      primary: {
+        circle1: "border-b-primary",
+        circle2: "border-b-primary",
+        dots: "bg-primary",
+        spinnerBars: "bg-primary"
+      },
+      secondary: {
+        circle1: "border-b-secondary",
+        circle2: "border-b-secondary",
+        dots: "bg-secondary",
+        spinnerBars: "bg-secondary"
+      },
+      success: {
+        circle1: "border-b-success",
+        circle2: "border-b-success",
+        dots: "bg-success",
+        spinnerBars: "bg-success"
+      },
+      warning: {
+        circle1: "border-b-warning",
+        circle2: "border-b-warning",
+        dots: "bg-warning",
+        spinnerBars: "bg-warning"
+      },
+      danger: {
+        circle1: "border-b-danger",
+        circle2: "border-b-danger",
+        dots: "bg-danger",
+        spinnerBars: "bg-danger"
+      }
+    },
+    labelColor: {
+      foreground: {
+        label: "text-foreground"
+      },
+      primary: {
+        label: "text-primary"
+      },
+      secondary: {
+        label: "text-secondary"
+      },
+      success: {
+        label: "text-success"
+      },
+      warning: {
+        label: "text-warning"
+      },
+      danger: {
+        label: "text-danger"
+      }
+    },
+    variant: {
+      default: {
+        circle1: [
+          "animate-spinner-ease-spin",
+          "border-solid",
+          "border-t-transparent",
+          "border-l-transparent",
+          "border-r-transparent"
+        ],
+        circle2: [
+          "opacity-75",
+          "animate-spinner-linear-spin",
+          "border-dotted",
+          "border-t-transparent",
+          "border-l-transparent",
+          "border-r-transparent"
+        ]
+      },
+      gradient: {
+        circle1: [
+          "border-0",
+          "bg-gradient-to-b",
+          "from-transparent",
+          "via-transparent",
+          "to-primary",
+          "animate-spinner-linear-spin",
+          "[animation-duration:1s]",
+          "[-webkit-mask:radial-gradient(closest-side,rgba(0,0,0,0.0)calc(100%-3px),rgba(0,0,0,1)calc(100%-3px))]"
+        ],
+        circle2: ["hidden"]
+      },
+      wave: {
+        wrapper: "translate-y-3/4",
+        dots: ["animate-sway", "spinner-dot-animation"]
+      },
+      dots: {
+        wrapper: "translate-y-2/4",
+        dots: ["animate-blink", "spinner-dot-blink-animation"]
+      },
+      spinner: {},
+      simple: {
+        wrapper: "text-foreground h-5 w-5 animate-spin",
+        circle1: "opacity-25",
+        circle2: "opacity-75"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "primary",
+    labelColor: "foreground",
+    variant: "default"
+  },
+  compoundVariants: [
+    { variant: "gradient", color: "current", class: { circle1: "to-current" } },
+    { variant: "gradient", color: "white", class: { circle1: "to-white" } },
+    { variant: "gradient", color: "default", class: { circle1: "to-default" } },
+    { variant: "gradient", color: "primary", class: { circle1: "to-primary" } },
+    { variant: "gradient", color: "secondary", class: { circle1: "to-secondary" } },
+    { variant: "gradient", color: "success", class: { circle1: "to-success" } },
+    { variant: "gradient", color: "warning", class: { circle1: "to-warning" } },
+    { variant: "gradient", color: "danger", class: { circle1: "to-danger" } },
+    {
+      variant: "wave",
+      size: "sm",
+      class: {
+        wrapper: "w-5 h-5"
+      }
+    },
+    {
+      variant: "wave",
+      size: "md",
+      class: {
+        wrapper: "w-8 h-8"
+      }
+    },
+    {
+      variant: "wave",
+      size: "lg",
+      class: {
+        wrapper: "w-12 h-12"
+      }
+    },
+    {
+      variant: "dots",
+      size: "sm",
+      class: {
+        wrapper: "w-5 h-5"
+      }
+    },
+    {
+      variant: "dots",
+      size: "md",
+      class: {
+        wrapper: "w-8 h-8"
+      }
+    },
+    {
+      variant: "dots",
+      size: "lg",
+      class: {
+        wrapper: "w-12 h-12"
+      }
+    },
+    // Simple variants
+    // Size
+    {
+      variant: "simple",
+      size: "sm",
+      class: {
+        wrapper: "w-5 h-5"
+      }
+    },
+    {
+      variant: "simple",
+      size: "md",
+      class: {
+        wrapper: "w-8 h-8"
+      }
+    },
+    {
+      variant: "simple",
+      size: "lg",
+      class: {
+        wrapper: "w-12 h-12"
+      }
+    },
+    // Color
+    {
+      variant: "simple",
+      color: "current",
+      class: {
+        wrapper: "text-current"
+      }
+    },
+    {
+      variant: "simple",
+      color: "white",
+      class: {
+        wrapper: "text-white"
+      }
+    },
+    {
+      variant: "simple",
+      color: "default",
+      class: {
+        wrapper: "text-default"
+      }
+    },
+    {
+      variant: "simple",
+      color: "primary",
+      class: {
+        wrapper: "text-primary"
+      }
+    },
+    {
+      variant: "simple",
+      color: "secondary",
+      class: {
+        wrapper: "text-secondary"
+      }
+    },
+    {
+      variant: "simple",
+      color: "success",
+      class: {
+        wrapper: "text-success"
+      }
+    },
+    {
+      variant: "simple",
+      color: "warning",
+      class: {
+        wrapper: "text-warning"
+      }
+    },
+    {
+      variant: "simple",
+      color: "danger",
+      class: {
+        wrapper: "text-danger"
+      }
+    }
+  ]
+});
+
+export {
+  spinner
+};

package/dist/chunk-D2XMP2NC.mjs

@@ -0,0 +1,6 @@
+// src/utils/theme.ts
+var isBaseTheme = (theme) => theme === "light" || theme === "dark";
+
+export {
+  isBaseTheme
+};

package/dist/chunk-DCEG5LGX.mjs

@@ -0,0 +1,17 @@
+// src/colors/pink.ts
+var pink = {
+  50: "#ffedfa",
+  100: "#ffdcf5",
+  200: "#ffb8eb",
+  300: "#ff95e1",
+  400: "#ff71d7",
+  500: "#ff4ecd",
+  600: "#cc3ea4",
+  700: "#992f7b",
+  800: "#661f52",
+  900: "#331029"
+};
+
+export {
+  pink
+};

package/dist/chunk-DKJNATV2.mjs

@@ -0,0 +1,13 @@
+import {
+  twMergeConfig
+} from "./chunk-HO2ILFC5.mjs";
+
+// src/utils/cn.ts
+import { cnMerge } from "tailwind-variants";
+function cn(...inputs) {
+  return cnMerge(...inputs)({ twMergeConfig });
+}
+
+export {
+  cn
+};

package/dist/chunk-EJLBCE3V.mjs

@@ -0,0 +1,12 @@
+import {
+  tv
+} from "./chunk-PGQDBCOS.mjs";
+
+// src/components/form.ts
+var form = tv({
+  base: "flex flex-col gap-2 items-start"
+});
+
+export {
+  form
+};