@sytechui/theme 2.6.3 → 2.6.5

package/dist/colors/index.d.ts

@@ -1,109 +0,0 @@
-import { ThemeColors } from './types.js';
-export { BaseColors, ColorScale, SemanticBaseColors } from './types.js';
-export { commonColors } from './common.js';
-export { semanticColors } from './semantic.js';
-
-declare const colors: {
-    light: ThemeColors;
-    dark: ThemeColors;
-    white: string;
-    black: string;
-    blue: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    green: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    pink: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    purple: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    red: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    yellow: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    cyan: {
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    zinc: {
-        "50": string;
-        "100": string;
-        "200": string;
-        "300": string;
-        "400": string;
-        "500": string;
-        "600": string;
-        "700": string;
-        "800": string;
-        "900": string;
-    };
-};
-
-export { ThemeColors, colors };

package/dist/colors/pink.d.mts

@@ -1,14 +0,0 @@
-declare const pink: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-
-export { pink };

package/dist/colors/pink.d.ts

@@ -1,14 +0,0 @@
-declare const pink: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-
-export { pink };

package/dist/colors/purple.d.mts

@@ -1,14 +0,0 @@
-declare const purple: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-
-export { purple };

package/dist/colors/purple.d.ts

@@ -1,14 +0,0 @@
-declare const purple: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-
-export { purple };

package/dist/colors/red.d.mts

@@ -1,14 +0,0 @@
-declare const red: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-
-export { red };

package/dist/colors/red.d.ts

@@ -1,14 +0,0 @@
-declare const red: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-
-export { red };

package/dist/colors/semantic.d.mts

@@ -1,10 +0,0 @@
-import { ThemeColors } from './types.mjs';
-
-declare const themeColorsLight: ThemeColors;
-declare const themeColorsDark: ThemeColors;
-declare const semanticColors: {
-    light: ThemeColors;
-    dark: ThemeColors;
-};
-
-export { semanticColors, themeColorsDark, themeColorsLight };

package/dist/colors/semantic.d.ts

@@ -1,10 +0,0 @@
-import { ThemeColors } from './types.js';
-
-declare const themeColorsLight: ThemeColors;
-declare const themeColorsDark: ThemeColors;
-declare const semanticColors: {
-    light: ThemeColors;
-    dark: ThemeColors;
-};
-
-export { semanticColors, themeColorsDark, themeColorsLight };

package/dist/colors/types.d.mts

@@ -1,39 +0,0 @@
-type ColorScale = Partial<{
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-    foreground: string;
-    DEFAULT: string;
-}> | string;
-type BaseColors = {
-    background: ColorScale;
-    foreground: ColorScale;
-    divider: ColorScale;
-    overlay: ColorScale;
-    focus: ColorScale;
-    content1: ColorScale;
-    content2: ColorScale;
-    content3: ColorScale;
-    content4: ColorScale;
-};
-type ThemeColors = BaseColors & {
-    default: ColorScale;
-    primary: ColorScale;
-    secondary: ColorScale;
-    success: ColorScale;
-    warning: ColorScale;
-    danger: ColorScale;
-};
-type SemanticBaseColors = {
-    light: BaseColors;
-    dark: BaseColors;
-};
-
-export type { BaseColors, ColorScale, SemanticBaseColors, ThemeColors };

package/dist/colors/types.d.ts

@@ -1,39 +0,0 @@
-type ColorScale = Partial<{
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-    foreground: string;
-    DEFAULT: string;
-}> | string;
-type BaseColors = {
-    background: ColorScale;
-    foreground: ColorScale;
-    divider: ColorScale;
-    overlay: ColorScale;
-    focus: ColorScale;
-    content1: ColorScale;
-    content2: ColorScale;
-    content3: ColorScale;
-    content4: ColorScale;
-};
-type ThemeColors = BaseColors & {
-    default: ColorScale;
-    primary: ColorScale;
-    secondary: ColorScale;
-    success: ColorScale;
-    warning: ColorScale;
-    danger: ColorScale;
-};
-type SemanticBaseColors = {
-    light: BaseColors;
-    dark: BaseColors;
-};
-
-export type { BaseColors, ColorScale, SemanticBaseColors, ThemeColors };

package/dist/colors/yellow.d.mts

@@ -1,14 +0,0 @@
-declare const yellow: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-
-export { yellow };

package/dist/colors/yellow.d.ts

@@ -1,14 +0,0 @@
-declare const yellow: {
-    50: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-};
-
-export { yellow };

package/dist/colors/zinc.d.mts

@@ -1,14 +0,0 @@
-declare const zinc: {
-    "50": string;
-    "100": string;
-    "200": string;
-    "300": string;
-    "400": string;
-    "500": string;
-    "600": string;
-    "700": string;
-    "800": string;
-    "900": string;
-};
-
-export { zinc };

package/dist/colors/zinc.d.ts

@@ -1,14 +0,0 @@
-declare const zinc: {
-    "50": string;
-    "100": string;
-    "200": string;
-    "300": string;
-    "400": string;
-    "500": string;
-    "600": string;
-    "700": string;
-    "800": string;
-    "900": string;
-};
-
-export { zinc };

package/dist/colors.d.mts

@@ -1,4 +0,0 @@
-export { colors } from './colors/index.mjs';
-export { BaseColors, ColorScale, SemanticBaseColors, ThemeColors } from './colors/types.mjs';
-export { commonColors } from './colors/common.mjs';
-export { semanticColors } from './colors/semantic.mjs';

package/dist/colors.d.ts

@@ -1,4 +0,0 @@
-export { colors } from './colors/index.js';
-export { BaseColors, ColorScale, SemanticBaseColors, ThemeColors } from './colors/types.js';
-export { commonColors } from './colors/common.js';
-export { semanticColors } from './colors/semantic.js';

package/dist/components/accordion.d.mts

@@ -1,228 +0,0 @@
-import * as tailwind_variants from 'tailwind-variants';
-import { VariantProps } from 'tailwind-variants';
-
-/**
- * Accordion wrapper **Tailwind Variants** component
- *
- * const styles = accordion({...})
- *
- * @example
- * <div role="group" className={styles())}>
- *   // accordion elements
- * </div>
- */
-declare const accordion: tailwind_variants.TVReturnType<{
-    variant: {
-        light: string;
-        shadow: string;
-        bordered: string;
-        splitted: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-}, undefined, "px-2", {
-    variant: {
-        light: string;
-        shadow: string;
-        bordered: string;
-        splitted: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    variant: {
-        light: string;
-        shadow: string;
-        bordered: string;
-        splitted: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-}, undefined, "px-2", unknown, unknown, undefined>>;
-/**
- * AccordionItem wrapper **Tailwind Variants** component
- *
- * const {base, heading, indicator, trigger, startContent, title, subtitle, content } = accordionItem({...})
- *
- * @example
- * <div className={base())}>
- *   <div className={heading())}>
- *    <button className={trigger())}>
- *      <div className={startContent()}>
- *         // 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 accordionItem: tailwind_variants.TVReturnType<{
-    variant: {
-        splitted: {
-            base: string;
-        };
-    };
-    isCompact: {
-        true: {
-            trigger: string;
-            title: string;
-            subtitle: string;
-            indicator: string;
-            content: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    hideIndicator: {
-        true: {
-            indicator: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            content: string;
-        };
-        false: {
-            indicator: string;
-            trigger: string;
-        };
-    };
-    disableIndicatorAnimation: {
-        true: {
-            indicator: string;
-        };
-        false: {
-            indicator: string;
-        };
-    };
-}, {
-    base: string;
-    heading: string;
-    trigger: string[];
-    startContent: string;
-    indicator: string;
-    titleWrapper: string;
-    title: string;
-    subtitle: string;
-    content: string;
-}, undefined, {
-    variant: {
-        splitted: {
-            base: string;
-        };
-    };
-    isCompact: {
-        true: {
-            trigger: string;
-            title: string;
-            subtitle: string;
-            indicator: string;
-            content: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    hideIndicator: {
-        true: {
-            indicator: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            content: string;
-        };
-        false: {
-            indicator: string;
-            trigger: string;
-        };
-    };
-    disableIndicatorAnimation: {
-        true: {
-            indicator: string;
-        };
-        false: {
-            indicator: string;
-        };
-    };
-}, {
-    base: string;
-    heading: string;
-    trigger: string[];
-    startContent: string;
-    indicator: string;
-    titleWrapper: string;
-    title: string;
-    subtitle: string;
-    content: string;
-}, tailwind_variants.TVReturnType<{
-    variant: {
-        splitted: {
-            base: string;
-        };
-    };
-    isCompact: {
-        true: {
-            trigger: string;
-            title: string;
-            subtitle: string;
-            indicator: string;
-            content: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-        };
-    };
-    hideIndicator: {
-        true: {
-            indicator: string;
-        };
-    };
-    disableAnimation: {
-        true: {
-            content: string;
-        };
-        false: {
-            indicator: string;
-            trigger: string;
-        };
-    };
-    disableIndicatorAnimation: {
-        true: {
-            indicator: string;
-        };
-        false: {
-            indicator: string;
-        };
-    };
-}, {
-    base: string;
-    heading: string;
-    trigger: string[];
-    startContent: string;
-    indicator: string;
-    titleWrapper: string;
-    title: string;
-    subtitle: string;
-    content: string;
-}, undefined, unknown, unknown, undefined>>;
-type AccordionGroupVariantProps = VariantProps<typeof accordion>;
-type AccordionItemVariantProps = VariantProps<typeof accordionItem>;
-type AccordionItemSlots = keyof ReturnType<typeof accordionItem>;
-
-export { type AccordionGroupVariantProps, type AccordionItemSlots, type AccordionItemVariantProps, accordion, accordionItem };