@sytechui/theme 3.0.0 → 3.0.2

package/dist/utilities/scrollbar-hide.d.mts

@@ -1,59 +0,0 @@
-declare const scrollbarModes: {
-    '[data-scrollbar="thin"]': {
-        "--scrollbar-width": string;
-        "--scrollbar-color": string;
-        "--scrollbar-gutter": string;
-    };
-    '[data-scrollbar="default"]': {
-        "--scrollbar-width": string;
-        "--scrollbar-color": string;
-        "--scrollbar-gutter": string;
-    };
-    '[data-scrollbar="none"]': {
-        "--scrollbar-width": string;
-        "--scrollbar-color": string;
-        "--scrollbar-gutter": string;
-    };
-};
-declare const _default: {
-    /**
-     * Theme-aware scrollbar
-     */
-    ".scrollbar": {
-        "scrollbar-width": string;
-        "scrollbar-color": string;
-        "scrollbar-gutter": string;
-    };
-    ".scrollbar-thin": {
-        "scrollbar-width": string;
-        "scrollbar-color": string;
-        "scrollbar-gutter": string;
-    };
-    /**
-     * Scroll Hide
-     */
-    ".scrollbar-hide": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "&::-webkit-scrollbar": {
-            display: string;
-        };
-    };
-    ".scrollbar-default": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "scrollbar-color": string;
-        "scrollbar-gutter": string;
-        "&::-webkit-scrollbar": {
-            display: string;
-        };
-    };
-    ".scrollbar-none": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "scrollbar-color": string;
-        "scrollbar-gutter": string;
-    };
-};
-
-export { _default as default, scrollbarModes };

package/dist/utilities/scrollbar-hide.d.ts

@@ -1,59 +0,0 @@
-declare const scrollbarModes: {
-    '[data-scrollbar="thin"]': {
-        "--scrollbar-width": string;
-        "--scrollbar-color": string;
-        "--scrollbar-gutter": string;
-    };
-    '[data-scrollbar="default"]': {
-        "--scrollbar-width": string;
-        "--scrollbar-color": string;
-        "--scrollbar-gutter": string;
-    };
-    '[data-scrollbar="none"]': {
-        "--scrollbar-width": string;
-        "--scrollbar-color": string;
-        "--scrollbar-gutter": string;
-    };
-};
-declare const _default: {
-    /**
-     * Theme-aware scrollbar
-     */
-    ".scrollbar": {
-        "scrollbar-width": string;
-        "scrollbar-color": string;
-        "scrollbar-gutter": string;
-    };
-    ".scrollbar-thin": {
-        "scrollbar-width": string;
-        "scrollbar-color": string;
-        "scrollbar-gutter": string;
-    };
-    /**
-     * Scroll Hide
-     */
-    ".scrollbar-hide": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "&::-webkit-scrollbar": {
-            display: string;
-        };
-    };
-    ".scrollbar-default": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "scrollbar-color": string;
-        "scrollbar-gutter": string;
-        "&::-webkit-scrollbar": {
-            display: string;
-        };
-    };
-    ".scrollbar-none": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "scrollbar-color": string;
-        "scrollbar-gutter": string;
-    };
-};
-
-export { _default as default, scrollbarModes };

package/dist/utilities/shimmer-text.d.mts

@@ -1,42 +0,0 @@
-declare const _default: {
-    ".sytech-shimmer-text": {
-        color: string;
-        "--shimmer-angle": string;
-        "--shimmer-spread": string;
-        "--shimmer-iteration": string;
-        "--shimmer-direction": string;
-        "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
-            "background-image": string;
-            "background-repeat": string;
-            "background-size": string;
-            "background-position": string;
-            "background-clip": string;
-            "-webkit-background-clip": string;
-            "-webkit-text-fill-color": string;
-        };
-        "&:where([dir='rtl'], [dir='rtl'] *)": {
-            "--shimmer-direction": string;
-        };
-        "&.sytech-shimmer-text-reverse": {
-            "--shimmer-direction": string;
-        };
-        "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
-            "--shimmer-direction": string;
-        };
-        "@media (prefers-reduced-motion: reduce)": {
-            animation: string;
-            "background-image": string;
-            "-webkit-text-fill-color": string;
-        };
-    };
-    ".sytech-shimmer-text-once": {
-        "--shimmer-iteration": string;
-    };
-    ".sytech-shimmer-text-disabled": {
-        animation: string;
-        "background-image": string;
-        "-webkit-text-fill-color": string;
-    };
-};
-
-export { _default as default };

package/dist/utilities/shimmer-text.d.ts

@@ -1,42 +0,0 @@
-declare const _default: {
-    ".sytech-shimmer-text": {
-        color: string;
-        "--shimmer-angle": string;
-        "--shimmer-spread": string;
-        "--shimmer-iteration": string;
-        "--shimmer-direction": string;
-        "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
-            "background-image": string;
-            "background-repeat": string;
-            "background-size": string;
-            "background-position": string;
-            "background-clip": string;
-            "-webkit-background-clip": string;
-            "-webkit-text-fill-color": string;
-        };
-        "&:where([dir='rtl'], [dir='rtl'] *)": {
-            "--shimmer-direction": string;
-        };
-        "&.sytech-shimmer-text-reverse": {
-            "--shimmer-direction": string;
-        };
-        "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
-            "--shimmer-direction": string;
-        };
-        "@media (prefers-reduced-motion: reduce)": {
-            animation: string;
-            "background-image": string;
-            "-webkit-text-fill-color": string;
-        };
-    };
-    ".sytech-shimmer-text-once": {
-        "--shimmer-iteration": string;
-    };
-    ".sytech-shimmer-text-disabled": {
-        animation: string;
-        "background-image": string;
-        "-webkit-text-fill-color": string;
-    };
-};
-
-export { _default as default };

package/dist/utilities/text.d.mts

@@ -1,23 +0,0 @@
-declare const _default: {
-    /**
-     * Text utilities
-     */
-    ".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;
-    };
-};
-
-export { _default as default };

package/dist/utilities/text.d.ts

@@ -1,23 +0,0 @@
-declare const _default: {
-    /**
-     * Text utilities
-     */
-    ".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;
-    };
-};
-
-export { _default as default };

package/dist/utilities/transition.d.mts

@@ -1,58 +0,0 @@
-declare const DEFAULT_TRANSITION_DURATION = "250ms";
-declare const _default: {
-    /**
-     * Transition utilities
-     */
-    ".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;
-    };
-};
-
-export { DEFAULT_TRANSITION_DURATION, _default as default };

package/dist/utilities/transition.d.ts

@@ -1,58 +0,0 @@
-declare const DEFAULT_TRANSITION_DURATION = "250ms";
-declare const _default: {
-    /**
-     * Transition utilities
-     */
-    ".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;
-    };
-};
-
-export { DEFAULT_TRANSITION_DURATION, _default as default };

package/dist/utils/classes.d.mts

@@ -1,43 +0,0 @@
-/**
- * This is the base classNames for all elements.
- * Is meant to be used with the `addBase` method from tailwindcss.
- */
-declare const baseStyles: (prefix: string) => {
-    color: string;
-    backgroundColor: string;
-    "--scrollbar-thumb": string;
-    "--scrollbar-track": string;
-    "--scrollbar-gutter": string;
-    "--scrollbar-width": string;
-    "--scrollbar-color": string;
-    "--table-pinned-bg": string;
-    "--table-pinned-footer-bg": string;
-    "--table-pinned-shadow": string;
-};
-/**
- * focus classNames when the element is focused by keyboard.
- */
-declare const focusVisibleClasses: string[];
-declare const dataFocusVisibleClasses: string[];
-declare const groupDataFocusVisibleClasses: string[];
-declare const ringClasses: string[];
-/**
- * This classes centers the element by using absolute positioning.
- */
-declare const translateCenterClasses: string[];
-declare const absoluteFullClasses: string[];
-/**
- * This object defines CSS classes for collapsing adjacent variant borders.
- * It includes classes for different variants like default, primary, secondary, etc.
- */
-declare const collapseAdjacentVariantBorders: {
-    default: string[];
-    primary: string[];
-    secondary: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-};
-declare const hiddenInputClasses: string[];
-
-export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses };

package/dist/utils/classes.d.ts

@@ -1,43 +0,0 @@
-/**
- * This is the base classNames for all elements.
- * Is meant to be used with the `addBase` method from tailwindcss.
- */
-declare const baseStyles: (prefix: string) => {
-    color: string;
-    backgroundColor: string;
-    "--scrollbar-thumb": string;
-    "--scrollbar-track": string;
-    "--scrollbar-gutter": string;
-    "--scrollbar-width": string;
-    "--scrollbar-color": string;
-    "--table-pinned-bg": string;
-    "--table-pinned-footer-bg": string;
-    "--table-pinned-shadow": string;
-};
-/**
- * focus classNames when the element is focused by keyboard.
- */
-declare const focusVisibleClasses: string[];
-declare const dataFocusVisibleClasses: string[];
-declare const groupDataFocusVisibleClasses: string[];
-declare const ringClasses: string[];
-/**
- * This classes centers the element by using absolute positioning.
- */
-declare const translateCenterClasses: string[];
-declare const absoluteFullClasses: string[];
-/**
- * This object defines CSS classes for collapsing adjacent variant borders.
- * It includes classes for different variants like default, primary, secondary, etc.
- */
-declare const collapseAdjacentVariantBorders: {
-    default: string[];
-    primary: string[];
-    secondary: string[];
-    success: string[];
-    warning: string[];
-    danger: string[];
-};
-declare const hiddenInputClasses: string[];
-
-export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses };

package/dist/utils/cn.d.mts

@@ -1,13 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-
-type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
-type ClassDictionary = Record<string, any>;
-type ClassArray = ClassValue[];
-/**
- * We need to extend the tailwind merge to include HeroUI's custom classes.
- *
- * So we can use classes like `text-small` or `text-default-500` and override them.
- */
-declare function cn(...inputs: ClassValue[]): tailwind_variants.CnReturn;
-
-export { type ClassArray, type ClassDictionary, type ClassValue, cn };

package/dist/utils/cn.d.ts

@@ -1,13 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-
-type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
-type ClassDictionary = Record<string, any>;
-type ClassArray = ClassValue[];
-/**
- * We need to extend the tailwind merge to include HeroUI's custom classes.
- *
- * So we can use classes like `text-small` or `text-default-500` and override them.
- */
-declare function cn(...inputs: ClassValue[]): tailwind_variants.CnReturn;
-
-export { type ClassArray, type ClassDictionary, type ClassValue, cn };

package/dist/utils/index.d.mts

@@ -1,7 +0,0 @@
-export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses } from './classes.mjs';
-export { SlotsToClasses } from './types.mjs';
-export { colorVariants } from './variants.mjs';
-export { COMMON_UNITS, twMergeConfig } from './tw-merge-config.mjs';
-export { mergeClasses } from './merge-classes.mjs';
-export { cn } from './cn.mjs';
-import 'tailwind-variants';

package/dist/utils/index.d.ts

@@ -1,7 +0,0 @@
-export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses } from './classes.js';
-export { SlotsToClasses } from './types.js';
-export { colorVariants } from './variants.js';
-export { COMMON_UNITS, twMergeConfig } from './tw-merge-config.js';
-export { mergeClasses } from './merge-classes.js';
-export { cn } from './cn.js';
-import 'tailwind-variants';

package/dist/utils/merge-classes.d.mts

@@ -1,12 +0,0 @@
-import { SlotsToClasses } from './types.mjs';
-import 'tailwind-variants';
-
-/**
- * Merges two sets of class names for each slot in a component.
- * @param itemClasses - Base classes for each slot
- * @param itemPropsClasses - Additional classes from props for each slot
- * @returns A merged object containing the combined classes for each slot
- */
-declare const mergeClasses: <T extends SlotsToClasses<string>, P extends SlotsToClasses<string>>(itemClasses?: T, itemPropsClasses?: P) => T;
-
-export { mergeClasses };

package/dist/utils/merge-classes.d.ts

@@ -1,12 +0,0 @@
-import { SlotsToClasses } from './types.js';
-import 'tailwind-variants';
-
-/**
- * Merges two sets of class names for each slot in a component.
- * @param itemClasses - Base classes for each slot
- * @param itemPropsClasses - Additional classes from props for each slot
- * @returns A merged object containing the combined classes for each slot
- */
-declare const mergeClasses: <T extends SlotsToClasses<string>, P extends SlotsToClasses<string>>(itemClasses?: T, itemPropsClasses?: P) => T;
-
-export { mergeClasses };

package/dist/utils/object.d.mts

@@ -1,13 +0,0 @@
-declare function swapColorValues<T extends Object>(colors: T): {};
-declare function removeDefaultKeys<T extends Object>(obj: T): {};
-declare function flatten(target: any, opts: any): {};
-/**
- *
- * Flatten theme object and remove default keys
- *
- * @param obj theme object
- * @returns object with flattened keys
- */
-declare const flattenThemeObject: <TTarget>(obj: TTarget) => {};
-
-export { flatten, flattenThemeObject, removeDefaultKeys, swapColorValues };

package/dist/utils/object.d.ts

@@ -1,13 +0,0 @@
-declare function swapColorValues<T extends Object>(colors: T): {};
-declare function removeDefaultKeys<T extends Object>(obj: T): {};
-declare function flatten(target: any, opts: any): {};
-/**
- *
- * Flatten theme object and remove default keys
- *
- * @param obj theme object
- * @returns object with flattened keys
- */
-declare const flattenThemeObject: <TTarget>(obj: TTarget) => {};
-
-export { flatten, flattenThemeObject, removeDefaultKeys, swapColorValues };

package/dist/utils/theme.d.mts

@@ -1,9 +0,0 @@
-/**
- * Determines if the theme is a base theme
- *
- * @param theme string
- * @returns "light" | "dark
- */
-declare const isBaseTheme: (theme: string) => theme is "light" | "dark";
-
-export { isBaseTheme };

package/dist/utils/theme.d.ts

@@ -1,9 +0,0 @@
-/**
- * Determines if the theme is a base theme
- *
- * @param theme string
- * @returns "light" | "dark
- */
-declare const isBaseTheme: (theme: string) => theme is "light" | "dark";
-
-export { isBaseTheme };

package/dist/utils/tv.d.mts

@@ -1,5 +0,0 @@
-import { TV } from 'tailwind-variants';
-
-declare const tv: TV;
-
-export { tv };

package/dist/utils/tv.d.ts

@@ -1,5 +0,0 @@
-import { TV } from 'tailwind-variants';
-
-declare const tv: TV;
-
-export { tv };

package/dist/utils/tw-merge-config.d.mts

@@ -1,25 +0,0 @@
-declare const COMMON_UNITS: string[];
-declare const twMergeConfig: {
-    theme: {
-        spacing: string[];
-        radius: string[];
-    };
-    classGroups: {
-        shadow: {
-            shadow: string[];
-        }[];
-        opacity: {
-            opacity: string[];
-        }[];
-        "font-size": {
-            text: string[];
-        }[];
-        "border-w": {
-            border: string[];
-        }[];
-        "bg-image": string[];
-        transition: string[];
-    };
-};
-
-export { COMMON_UNITS, twMergeConfig };

package/dist/utils/tw-merge-config.d.ts

@@ -1,25 +0,0 @@
-declare const COMMON_UNITS: string[];
-declare const twMergeConfig: {
-    theme: {
-        spacing: string[];
-        radius: string[];
-    };
-    classGroups: {
-        shadow: {
-            shadow: string[];
-        }[];
-        opacity: {
-            opacity: string[];
-        }[];
-        "font-size": {
-            text: string[];
-        }[];
-        "border-w": {
-            border: string[];
-        }[];
-        "bg-image": string[];
-        transition: string[];
-    };
-};
-
-export { COMMON_UNITS, twMergeConfig };

package/dist/utils/types.d.mts

@@ -1,10 +0,0 @@
-import { ClassValue } from 'tailwind-variants';
-
-/**
- * This Typescript utility transform a list of slots into a list of {slot: classes}
- */
-type SlotsToClasses<S extends string> = {
-    [key in S]?: Exclude<ClassValue, 0n>;
-};
-
-export type { SlotsToClasses };

package/dist/utils/types.d.ts

@@ -1,10 +0,0 @@
-import { ClassValue } from 'tailwind-variants';
-
-/**
- * This Typescript utility transform a list of slots into a list of {slot: classes}
- */
-type SlotsToClasses<S extends string> = {
-    [key in S]?: Exclude<ClassValue, 0n>;
-};
-
-export type { SlotsToClasses };