@sytechui/theme 2.4.26

package/dist/plugin.mjs

@@ -0,0 +1,30 @@
+import {
+  heroui
+} from "./chunk-HJWFZEER.mjs";
+import "./chunk-JGY6VQQQ.mjs";
+import "./chunk-D2XMP2NC.mjs";
+import "./chunk-7V3PIXOO.mjs";
+import "./chunk-WH6SPIFG.mjs";
+import "./chunk-RUIUXVZ4.mjs";
+import "./chunk-GSRZWDGA.mjs";
+import "./chunk-WQEDQHKX.mjs";
+import "./chunk-GMH4QQZS.mjs";
+import "./chunk-JC3ABGTC.mjs";
+import "./chunk-5ICJA2GK.mjs";
+import "./chunk-M63AFAHO.mjs";
+import "./chunk-NTTT6BHX.mjs";
+import "./chunk-DCEG5LGX.mjs";
+import "./chunk-L2OL7R23.mjs";
+import "./chunk-YZYGFPNK.mjs";
+import "./chunk-JUEOCLA3.mjs";
+import "./chunk-3LKKH4AR.mjs";
+import "./chunk-GHZ36ATJ.mjs";
+import "./chunk-T3GWIVAM.mjs";
+import "./chunk-OR5PUD24.mjs";
+import "./chunk-HUBDRSA4.mjs";
+import "./chunk-KXPLHLA6.mjs";
+import "./chunk-AWXUGVFR.mjs";
+import "./chunk-MPVWW3DX.mjs";
+export {
+  heroui
+};

package/dist/types.d.mts

@@ -0,0 +1,138 @@
+import { ThemeColors } from './colors/types.mjs';
+
+type DefaultThemeType = "light" | "dark";
+type BaseThemeUnit = {
+    small?: string;
+    medium?: string;
+    large?: string;
+};
+type FontThemeUnit = BaseThemeUnit & {
+    tiny?: string;
+};
+interface LayoutTheme {
+    /**
+     * The default font size applied across the components.
+     *
+     * @default
+     * {
+     *    tiny: "0.75rem",
+     *    small: "0.875rem",
+     *    medium: "1rem",
+     *    large: "1.125rem",
+     *    DEFAULT: "1rem",
+     * }
+     */
+    fontSize?: FontThemeUnit;
+    /**
+     * The default line height applied across the components.
+     *
+     * @default
+     * {
+     *    tiny: "1rem",
+     *    small: "1.25rem",
+     *    medium: "1.5rem",
+     *    large: "1.75rem",
+     *    DEFAULT: "1.5rem",
+     * }
+     */
+    lineHeight?: FontThemeUnit;
+    /**
+     * The default radius applied across the components.
+     * we recommend to use `rem` units.
+     *
+     * @default
+     * {
+     *   small: "0.25rem",
+     *   medium: "0.5rem",
+     *   large: "0.75rem",
+     * }
+     */
+    radius?: BaseThemeUnit;
+    /**
+     * A number between 0 and 1 that is applied as opacity-[value] when the component is disabled.
+     *
+     * format: ".[value]"
+     *
+     * @default .5
+     */
+    disabledOpacity?: string | number;
+    /**
+     * A number between 0 and 1 that is applied as opacity-[value] when the component is hovered.
+     *
+     * format: ".[value]"
+     *
+     * @default .8
+     */
+    hoverOpacity?: string | number;
+    /**
+     * The default height applied to the divider component.
+     * we recommend to use `px` units.
+     *
+     * @default 1px
+     */
+    dividerWeight?: string;
+    /**
+     * The border width applied across the components.
+     * @default
+     * {
+     *    small: "1px",
+     *    medium: "2px",
+     *    large: "3px",
+     * }
+     *
+     */
+    borderWidth?: BaseThemeUnit;
+    /**
+     * The box shadow applied across the components.
+     *
+     * @default
+     * {
+     *   small: 0px 0px 5px 0px rgb(0 0 0 / 0.01), 0px 2px 10px 0px rgb(0 0 0 / 0.06),
+     *   medium: 0px 0px 15px 0px rgb(0 0 0 / 0.02), 0px 2px 30px 0px rgb(0 0 0 / 0.08),
+     *   large: 0px 0px 30px 0px rgb(0 0 0 / 0.03), 0px 30px 60px 0px rgb(0 0 0 / 0.12),
+     * }
+     */
+    boxShadow?: BaseThemeUnit;
+}
+type ConfigTheme = {
+    extend?: "light" | "dark";
+    layout?: LayoutTheme;
+    colors?: Partial<ThemeColors>;
+};
+type ConfigThemes = Record<string, ConfigTheme>;
+/**
+ * The HeroUI config.
+ * @see https://heroui.com/docs/customization/customize-theme
+ */
+type HeroUIPluginConfig = {
+    /**
+     * The prefix for the css variables.
+     * @default "heroui"
+     */
+    prefix?: string;
+    /**
+     * If true, the common heroui colors (e.g. "blue", "green", "purple") will not be extended on the theme.
+     * @default false
+     */
+    addCommonColors?: boolean;
+    /**
+     * Common layout definitions. These definitions are applied to all themes.
+     */
+    layout?: LayoutTheme;
+    /**
+     * The theme definitions.
+     */
+    themes?: ConfigThemes;
+    /**
+     * The default theme to use.
+     * @default "light"
+     */
+    defaultTheme?: DefaultThemeType;
+    /**
+     * The default theme to extend.
+     * @default "light"
+     */
+    defaultExtendTheme?: DefaultThemeType;
+};
+
+export type { BaseThemeUnit, ConfigTheme, ConfigThemes, DefaultThemeType, FontThemeUnit, HeroUIPluginConfig, LayoutTheme };

package/dist/types.d.ts

@@ -0,0 +1,138 @@
+import { ThemeColors } from './colors/types.js';
+
+type DefaultThemeType = "light" | "dark";
+type BaseThemeUnit = {
+    small?: string;
+    medium?: string;
+    large?: string;
+};
+type FontThemeUnit = BaseThemeUnit & {
+    tiny?: string;
+};
+interface LayoutTheme {
+    /**
+     * The default font size applied across the components.
+     *
+     * @default
+     * {
+     *    tiny: "0.75rem",
+     *    small: "0.875rem",
+     *    medium: "1rem",
+     *    large: "1.125rem",
+     *    DEFAULT: "1rem",
+     * }
+     */
+    fontSize?: FontThemeUnit;
+    /**
+     * The default line height applied across the components.
+     *
+     * @default
+     * {
+     *    tiny: "1rem",
+     *    small: "1.25rem",
+     *    medium: "1.5rem",
+     *    large: "1.75rem",
+     *    DEFAULT: "1.5rem",
+     * }
+     */
+    lineHeight?: FontThemeUnit;
+    /**
+     * The default radius applied across the components.
+     * we recommend to use `rem` units.
+     *
+     * @default
+     * {
+     *   small: "0.25rem",
+     *   medium: "0.5rem",
+     *   large: "0.75rem",
+     * }
+     */
+    radius?: BaseThemeUnit;
+    /**
+     * A number between 0 and 1 that is applied as opacity-[value] when the component is disabled.
+     *
+     * format: ".[value]"
+     *
+     * @default .5
+     */
+    disabledOpacity?: string | number;
+    /**
+     * A number between 0 and 1 that is applied as opacity-[value] when the component is hovered.
+     *
+     * format: ".[value]"
+     *
+     * @default .8
+     */
+    hoverOpacity?: string | number;
+    /**
+     * The default height applied to the divider component.
+     * we recommend to use `px` units.
+     *
+     * @default 1px
+     */
+    dividerWeight?: string;
+    /**
+     * The border width applied across the components.
+     * @default
+     * {
+     *    small: "1px",
+     *    medium: "2px",
+     *    large: "3px",
+     * }
+     *
+     */
+    borderWidth?: BaseThemeUnit;
+    /**
+     * The box shadow applied across the components.
+     *
+     * @default
+     * {
+     *   small: 0px 0px 5px 0px rgb(0 0 0 / 0.01), 0px 2px 10px 0px rgb(0 0 0 / 0.06),
+     *   medium: 0px 0px 15px 0px rgb(0 0 0 / 0.02), 0px 2px 30px 0px rgb(0 0 0 / 0.08),
+     *   large: 0px 0px 30px 0px rgb(0 0 0 / 0.03), 0px 30px 60px 0px rgb(0 0 0 / 0.12),
+     * }
+     */
+    boxShadow?: BaseThemeUnit;
+}
+type ConfigTheme = {
+    extend?: "light" | "dark";
+    layout?: LayoutTheme;
+    colors?: Partial<ThemeColors>;
+};
+type ConfigThemes = Record<string, ConfigTheme>;
+/**
+ * The HeroUI config.
+ * @see https://heroui.com/docs/customization/customize-theme
+ */
+type HeroUIPluginConfig = {
+    /**
+     * The prefix for the css variables.
+     * @default "heroui"
+     */
+    prefix?: string;
+    /**
+     * If true, the common heroui colors (e.g. "blue", "green", "purple") will not be extended on the theme.
+     * @default false
+     */
+    addCommonColors?: boolean;
+    /**
+     * Common layout definitions. These definitions are applied to all themes.
+     */
+    layout?: LayoutTheme;
+    /**
+     * The theme definitions.
+     */
+    themes?: ConfigThemes;
+    /**
+     * The default theme to use.
+     * @default "light"
+     */
+    defaultTheme?: DefaultThemeType;
+    /**
+     * The default theme to extend.
+     * @default "light"
+     */
+    defaultExtendTheme?: DefaultThemeType;
+};
+
+export type { BaseThemeUnit, ConfigTheme, ConfigThemes, DefaultThemeType, FontThemeUnit, HeroUIPluginConfig, LayoutTheme };

package/dist/types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/types.mjs

@@ -0,0 +1 @@
+import "./chunk-WBQAMGXK.mjs";

package/dist/utilities/animation.d.mts

@@ -0,0 +1,16 @@
+declare const _default: {
+    /** Animation Utilities */
+    ".spinner-bar-animation": {
+        animation: string;
+        "animation-delay": string;
+        transform: string;
+    };
+    ".spinner-dot-animation": {
+        "animation-delay": string;
+    };
+    ".spinner-dot-blink-animation": {
+        "animation-delay": string;
+    };
+};
+
+export { _default as default };

package/dist/utilities/animation.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    /** Animation Utilities */
+    ".spinner-bar-animation": {
+        animation: string;
+        "animation-delay": string;
+        transform: string;
+    };
+    ".spinner-dot-animation": {
+        "animation-delay": string;
+    };
+    ".spinner-dot-blink-animation": {
+        "animation-delay": string;
+    };
+};
+
+export { _default as default };

package/dist/utilities/animation.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utilities/animation.ts
+var animation_exports = {};
+__export(animation_exports, {
+  default: () => animation_default
+});
+module.exports = __toCommonJS(animation_exports);
+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))"
+  }
+};

package/dist/utilities/animation.mjs

@@ -0,0 +1,6 @@
+import {
+  animation_default
+} from "../chunk-AWXUGVFR.mjs";
+export {
+  animation_default as default
+};

package/dist/utilities/custom.d.mts

@@ -0,0 +1,27 @@
+declare const _default: {
+    /**
+     * Custom utilities
+     */
+    ".leading-inherit": {
+        "line-height": string;
+    };
+    ".bg-img-inherit": {
+        "background-image": string;
+    };
+    ".bg-clip-inherit": {
+        "background-clip": string;
+    };
+    ".text-fill-inherit": {
+        "-webkit-text-fill-color": string;
+    };
+    ".tap-highlight-transparent": {
+        "-webkit-tap-highlight-color": string;
+    };
+    ".input-search-cancel-button-none": {
+        "&::-webkit-search-cancel-button": {
+            "-webkit-appearance": string;
+        };
+    };
+};
+
+export { _default as default };

package/dist/utilities/custom.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    /**
+     * Custom utilities
+     */
+    ".leading-inherit": {
+        "line-height": string;
+    };
+    ".bg-img-inherit": {
+        "background-image": string;
+    };
+    ".bg-clip-inherit": {
+        "background-clip": string;
+    };
+    ".text-fill-inherit": {
+        "-webkit-text-fill-color": string;
+    };
+    ".tap-highlight-transparent": {
+        "-webkit-tap-highlight-color": string;
+    };
+    ".input-search-cancel-button-none": {
+        "&::-webkit-search-cancel-button": {
+            "-webkit-appearance": string;
+        };
+    };
+};
+
+export { _default as default };

package/dist/utilities/custom.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utilities/custom.ts
+var custom_exports = {};
+__export(custom_exports, {
+  default: () => custom_default
+});
+module.exports = __toCommonJS(custom_exports);
+var custom_default = {
+  /**
+   * Custom utilities
+   */
+  ".leading-inherit": {
+    "line-height": "inherit"
+  },
+  ".bg-img-inherit": {
+    "background-image": "inherit"
+  },
+  ".bg-clip-inherit": {
+    "background-clip": "inherit"
+  },
+  ".text-fill-inherit": {
+    "-webkit-text-fill-color": "inherit"
+  },
+  ".tap-highlight-transparent": {
+    "-webkit-tap-highlight-color": "transparent"
+  },
+  ".input-search-cancel-button-none": {
+    "&::-webkit-search-cancel-button": {
+      "-webkit-appearance": "none"
+    }
+  }
+};

package/dist/utilities/custom.mjs

@@ -0,0 +1,6 @@
+import {
+  custom_default
+} from "../chunk-MPVWW3DX.mjs";
+export {
+  custom_default as default
+};

package/dist/utilities/index.d.mts

@@ -0,0 +1,115 @@
+declare const utilities: {
+    ".spinner-bar-animation": {
+        animation: string;
+        "animation-delay": string;
+        transform: string;
+    };
+    ".spinner-dot-animation": {
+        "animation-delay": string;
+    };
+    ".spinner-dot-blink-animation": {
+        "animation-delay": string;
+    };
+    ".text-tiny": {
+        "font-size": string;
+        "line-height": string;
+    };
+    ".text-small": {
+        "font-size": string;
+        "line-height": string;
+    };
+    ".text-medium": {
+        "font-size": string;
+        "line-height": string;
+    };
+    ".text-large": {
+        "font-size": string;
+        "line-height": string;
+    };
+    ".scrollbar-hide": {
+        "-ms-overflow-style": string;
+        "scrollbar-width": string;
+        "&::-webkit-scrollbar": {
+            display: string;
+        };
+    };
+    ".scrollbar-default": {
+        "-ms-overflow-style": string;
+        "scrollbar-width": string;
+        "&::-webkit-scrollbar": {
+            display: string;
+        };
+    };
+    ".transition-background": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-colors-opacity": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-width": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-height": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-size": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-left": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-transform-opacity": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-transform-background": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-transform-colors": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".transition-transform-colors-opacity": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
+    ".leading-inherit": {
+        "line-height": string;
+    };
+    ".bg-img-inherit": {
+        "background-image": string;
+    };
+    ".bg-clip-inherit": {
+        "background-clip": string;
+    };
+    ".text-fill-inherit": {
+        "-webkit-text-fill-color": string;
+    };
+    ".tap-highlight-transparent": {
+        "-webkit-tap-highlight-color": string;
+    };
+    ".input-search-cancel-button-none": {
+        "&::-webkit-search-cancel-button": {
+            "-webkit-appearance": string;
+        };
+    };
+};
+
+export { utilities };