@xanui/core 1.1.5 → 1.1.7

package/index.d.ts

@@ -1,629 +1,19 @@
-import * as React$1 from 'react';
-import React__default, { ReactElement } from 'react';
-import * as CSS from 'csstype';
-import * as oncss from 'oncss';
-import { classNamesTypes } from 'pretty-class';
-
-type ObjectType = {
-    [key: string]: any;
-};
-type ThemeColorItem = {
-    primary: string;
-    secondary: string;
-    text: string;
-    alpha: string;
-    template: {
-        outline: {
-            bgcolor: string;
-            color: string;
-            border: number;
-            borderColor: string;
-            hover: {
-                bgcolor: string;
-                color: string;
-            };
-        };
-        fill: {
-            bgcolor: string;
-            color: string;
-            hover: {
-                bgcolor: string;
-                color: string;
-            };
-        };
-        text: {
-            bgcolor: string;
-            color: string;
-            hover: {
-                bgcolor: string;
-                color: string;
-            };
-        };
-        alpha: {
-            bgcolor: string;
-            color: string;
-            hover: {
-                bgcolor: string;
-                color: string;
-            };
-        };
-    };
-};
-type ThemeTypographyItem = {
-    fontSize: number;
-    lineHeight: number;
-    fontWeight: number;
-};
-type ThemeColor = {
-    background: Omit<ThemeColorItem, "text">;
-    text: Omit<ThemeColorItem, "text" | "alpha" | "template">;
-    divider: string;
-    brand: ThemeColorItem;
-    accent: ThemeColorItem;
-    success: ThemeColorItem;
-    info: ThemeColorItem;
-    warning: ThemeColorItem;
-    danger: ThemeColorItem;
-};
-type ThemeTypographyType = {
-    fontFamily: string;
-    h1: ThemeTypographyItem;
-    h2: ThemeTypographyItem;
-    h3: ThemeTypographyItem;
-    h4: ThemeTypographyItem;
-    h5: ThemeTypographyItem;
-    h6: ThemeTypographyItem;
-    text: ThemeTypographyItem;
-    button: ThemeTypographyItem;
-    small: ThemeTypographyItem;
-};
-interface ThemeOptions {
-    name: string;
-    rtl: boolean;
-    globalStyle: GlobalCSS;
-    breakpoints: {
-        [key in BreakpointKeys]: number;
-    };
-    shadow: string[];
-    interfaces: {
-        [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P;
-    };
-    colors: ThemeColor;
-    typography: ThemeTypographyType;
-}
-type ThemeColorItemInput = Partial<Omit<ThemeColorItem, "alpha">>;
-type ThemeTypographyItemInput = Partial<ThemeTypographyItem>;
-type ThemeColorInput = {
-    background?: Omit<ThemeColorItemInput, "text">;
-    text?: Omit<ThemeColorItemInput, "text">;
-    divider?: string;
-    brand?: ThemeColorItemInput;
-    accent?: ThemeColorItemInput;
-    success?: ThemeColorItemInput;
-    info?: ThemeColorItemInput;
-    warning?: ThemeColorItemInput;
-    danger?: ThemeColorItemInput;
-};
-type ThemeTypographyInputType = {
-    fontFamily?: string;
-    h1?: ThemeTypographyItemInput;
-    h2?: ThemeTypographyItemInput;
-    h3?: ThemeTypographyItemInput;
-    h4?: ThemeTypographyItemInput;
-    h5?: ThemeTypographyItemInput;
-    h6?: ThemeTypographyItemInput;
-    text?: ThemeTypographyItemInput;
-    button?: ThemeTypographyItemInput;
-    small?: ThemeTypographyItemInput;
-};
-interface ThemeOptionInput {
-    rtl?: boolean;
-    globalStyle?: GlobalCSS;
-    interfaces?: {
-        [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P;
-    };
-    colors?: ThemeColorInput;
-    typography?: ThemeTypographyInputType;
-}
-type TypographyRefTypes = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "text" | "button" | "small";
-type ColorsRefTypes = "text" | "text.primary" | "text.secondary" | "background" | "background.primary" | "background.secondary" | "background.alpha" | "brand" | "brand.primary" | "brand.secondary" | "brand.alpha" | "brand.text" | "accent" | "accent.primary" | "accent.secondary" | "accent.alpha" | "accent.text" | "info" | "info.primary" | "info.secondary" | "info.alpha" | "info.text" | "success" | "success.primary" | "success.secondary" | "success.alpha" | "success.text" | "warning" | "warning.primary" | "warning.secondary" | "warning.alpha" | "warning.text" | "danger" | "danger.primary" | "danger.secondary" | "danger.alpha" | "danger.text";
-
-type FN = (theme: ThemeOptions) => string | number;
-type CSSBreakpointType = {
-    [key in BreakpointKeys]: string | number;
-};
-type CSSValueType<T extends keyof CSS.Properties> = CSS.Properties[T] | Partial<CSSBreakpointType> | number;
-type Aliases = {
-    bgcolor?: CSSValueType<'background'> | ColorsRefTypes;
-    bgimage?: CSSValueType<'backgroundImage'>;
-    bg?: CSSValueType<'background'> | ColorsRefTypes;
-    p?: CSSValueType<'padding'>;
-    pt?: CSSValueType<'padding'>;
-    pr?: CSSValueType<'padding'>;
-    pb?: CSSValueType<'padding'>;
-    pl?: CSSValueType<'padding'>;
-    px?: CSSValueType<'padding'>;
-    py?: CSSValueType<'margin'>;
-    m?: CSSValueType<'margin'>;
-    mt?: CSSValueType<'margin'>;
-    mr?: CSSValueType<'margin'>;
-    mb?: CSSValueType<'margin'>;
-    ml?: CSSValueType<'margin'>;
-    mx?: CSSValueType<'margin'>;
-    my?: CSSValueType<'margin'>;
-    size?: CSSValueType<'width'>;
-    spacing?: Partial<CSSBreakpointType> | number;
-    radius?: CSSValueType<'borderRadius'> | number;
-    borderRadius?: CSSValueType<'borderRadius'> | number;
-    shadow?: CSSValueType<'boxShadow'> | number;
-    flexBox?: boolean;
-    flexRow?: boolean;
-    flexColumn?: boolean;
-    flexWraped?: boolean;
-    direction?: "row" | "column" | CSSValueType<'direction'>;
-    gap?: CSSValueType<'gap'>;
-    color?: CSSValueType<'color'> | ColorsRefTypes;
-    width?: CSSValueType<'width'> | BreakpointKeys;
-    height?: CSSValueType<'height'>;
-    borderColor?: CSSValueType<'backgroundColor'> | ColorsRefTypes;
-    fontFamily?: CSSValueType<"fontFamily"> | "default";
-    fontSize?: CSSValueType<"fontSize"> | TypographyRefTypes;
-    minWidth?: CSSValueType<"minWidth"> | BreakpointKeys;
-    maxWidth?: CSSValueType<"maxWidth"> | BreakpointKeys;
-    minHeight?: CSSValueType<"minHeight">;
-    maxHeight?: CSSValueType<"maxHeight">;
-};
-type BreakpointKeys = "xs" | "sm" | "md" | "lg" | "xl";
-type CSSProps = oncss.CSSProps<Aliases, BreakpointKeys>;
-type CSSOptionProps = oncss.CSSOptionProps<Aliases, BreakpointKeys>;
-type GlobalCSS = {
-    [key: string]: oncss.CSSPropsWithoutGlobal<Aliases, BreakpointKeys>;
-};
-
-type TagComponentType = keyof React.JSX.IntrinsicElements | React.ComponentType<any>;
-type TagProps<T extends TagComponentType = 'div'> = Omit<React.HTMLProps<T>, 'width' | 'height'> & {
-    component?: T;
-    children?: React.ReactNode;
-    ref?: any;
-} & CSSPropAsAttr;
-type TagPropsRoot<T extends TagComponentType = 'div'> = TagProps<T> & {
-    sxr?: CSSProps;
-};
-interface TagCSSProperties {
-    alignContent: CSSValueType<"alignContent">;
-    alignItems: CSSValueType<"alignItems">;
-    alignSelf: CSSValueType<"alignSelf">;
-    animation: CSSValueType<"animation">;
-    animationComposition: CSSValueType<"animationComposition">;
-    animationDelay: CSSValueType<"animationDelay">;
-    animationDirection: CSSValueType<"animationDirection">;
-    animationDuration: CSSValueType<"animationDuration">;
-    animationFillMode: CSSValueType<"animationFillMode">;
-    animationIterationCount: CSSValueType<"animationIterationCount">;
-    animationName: CSSValueType<"animationName">;
-    animationTimingFunction: CSSValueType<"animationTimingFunction">;
-    backdropFilter: CSSValueType<"backdropFilter">;
-    background: CSSValueType<"background"> | ColorsRefTypes;
-    backgroundAttachment: CSSValueType<"backgroundAttachment">;
-    backgroundColor: CSSValueType<"backgroundColor"> | ColorsRefTypes;
-    backgroundImage: CSSValueType<"backgroundImage">;
-    backgroundOrigin: CSSValueType<"backgroundOrigin">;
-    backgroundPosition: CSSValueType<"backgroundPosition">;
-    backgroundRepeat: CSSValueType<"backgroundRepeat">;
-    backgroundSize: CSSValueType<"backgroundSize">;
-    border: CSSValueType<"border">;
-    borderBottom: CSSValueType<"borderBottom">;
-    borderBottomColor: CSSValueType<"borderBottomColor"> | ColorsRefTypes;
-    borderBottomStyle: CSSValueType<"borderBottomStyle">;
-    borderBottomWidth: CSSValueType<"borderBottomWidth">;
-    borderColor: CSS.Properties['borderColor'] | ColorsRefTypes;
-    borderImage: CSSValueType<"borderImage">;
-    borderLeft: CSSValueType<"borderLeft">;
-    borderLeftColor: CSSValueType<"borderLeftColor"> | ColorsRefTypes;
-    borderLeftStyle: CSSValueType<"borderLeftStyle">;
-    borderLeftWidth: CSSValueType<"borderLeftWidth">;
-    borderRadius: CSSValueType<"borderRadius">;
-    borderRight: CSSValueType<"borderRight">;
-    borderRightColor: CSSValueType<"borderRightColor"> | ColorsRefTypes;
-    borderRightStyle: CSSValueType<"borderRightStyle">;
-    borderRightWidth: CSSValueType<"borderRightWidth">;
-    borderStyle: CSSValueType<"borderStyle">;
-    borderTop: CSSValueType<"borderTop">;
-    borderTopColor: CSSValueType<"borderTopColor"> | ColorsRefTypes;
-    borderTopLeftRadius: CSSValueType<"borderTopLeftRadius">;
-    borderTopRightRadius: CSSValueType<"borderTopRightRadius">;
-    borderTopStyle: CSSValueType<"borderTopStyle">;
-    borderTopWidth: CSSValueType<"borderTopWidth">;
-    borderWidth: CSSValueType<"borderWidth">;
-    bottom: CSSValueType<"bottom">;
-    boxShadow: CSSValueType<"boxShadow"> | number;
-    boxSizing: CSSValueType<"boxSizing">;
-    cursor: CSSValueType<"cursor">;
-    color: CSS.Properties['color'] | ColorsRefTypes;
-    display: CSSValueType<"display">;
-    direction: "row" | "column" | CSSValueType<"direction">;
-    filter: CSSValueType<"filter">;
-    flex: CSSValueType<"flex">;
-    flexBasis: CSSValueType<"flexBasis">;
-    flexDirection: CSSValueType<"flexDirection">;
-    flexFlow: CSSValueType<"flexFlow">;
-    flexGrow: CSSValueType<"flexGrow">;
-    flexShrink: CSSValueType<"flexShrink">;
-    flexWrap: CSSValueType<"flexWrap">;
-    float: CSSValueType<"float">;
-    fontFamily: CSSValueType<"fontFamily"> | "default";
-    fontSize: CSSValueType<"fontSize"> | TypographyRefTypes;
-    fontStyle: CSSValueType<"fontStyle">;
-    fontWeight: CSSValueType<"fontWeight"> | TypographyRefTypes;
-    font: CSSValueType<"font"> | TypographyRefTypes;
-    gap: CSSValueType<"gap">;
-    grid: CSSValueType<"grid">;
-    gridArea: CSSValueType<"gridArea">;
-    gridAutoColumns: CSSValueType<"gridAutoColumns">;
-    gridAutoFlow: CSSValueType<"gridAutoFlow">;
-    gridAutoRows: CSSValueType<"gridAutoRows">;
-    gridColumn: CSSValueType<"gridColumn">;
-    gridColumnEnd: CSSValueType<"gridColumnEnd">;
-    gridColumnGap: CSSValueType<"gridColumnGap">;
-    gridColumnStart: CSSValueType<"gridColumnStart">;
-    gridGap: CSSValueType<"gridGap">;
-    gridRow: CSSValueType<"gridRow">;
-    gridRowEnd: CSSValueType<"gridRowEnd">;
-    gridRowGap: CSSValueType<"gridRowGap">;
-    gridRowStart: CSSValueType<"gridRowStart">;
-    gridTemplate: CSSValueType<"gridTemplate">;
-    gridTemplateAreas: CSSValueType<"gridTemplateAreas">;
-    gridTemplateColumns: CSSValueType<"gridTemplateColumns">;
-    gridTemplateRows: CSSValueType<"gridTemplateRows">;
-    height: CSSValueType<"height">;
-    justifyContent: CSSValueType<"justifyContent">;
-    justifyItems: CSSValueType<"justifyItems">;
-    justifySelf: CSSValueType<"justifySelf">;
-    left: CSSValueType<"left">;
-    letterSpacing: CSSValueType<"letterSpacing">;
-    lineBreak: CSSValueType<"lineBreak">;
-    lineHeight: CSSValueType<"lineHeight"> | TypographyRefTypes;
-    listStyle: CSSValueType<"listStyle">;
-    margin: CSSValueType<"margin">;
-    marginBlock: CSSValueType<"marginBlock">;
-    marginBlockEnd: CSSValueType<"marginBlockEnd">;
-    marginBlockStart: CSSValueType<"marginBlockStart">;
-    marginBottom: CSSValueType<"marginBottom">;
-    marginInline: CSSValueType<"marginInline">;
-    marginInlineEnd: CSSValueType<"marginInlineEnd">;
-    marginInlineStart: CSSValueType<"marginInlineStart">;
-    marginLeft: CSSValueType<"marginLeft">;
-    marginRight: CSSValueType<"marginRight">;
-    marginTop: CSSValueType<"marginTop">;
-    maxHeight: CSSValueType<"maxHeight">;
-    maxWidth: CSSValueType<"maxWidth"> | BreakpointKeys;
-    minHeight: CSSValueType<"minHeight">;
-    minWidth: CSSValueType<"minWidth"> | BreakpointKeys;
-    objectFit: CSSValueType<"objectFit">;
-    objectPosition: CSSValueType<"objectPosition">;
-    opacity: CSSValueType<"opacity">;
-    order: CSSValueType<"order">;
-    outline: CSSValueType<"outline">;
-    overflow: CSSValueType<"overflow">;
-    overflowX: CSSValueType<"overflowX">;
-    overflowY: CSSValueType<"overflowY">;
-    padding: CSSValueType<"padding">;
-    paddingBlock: CSSValueType<"paddingBlock">;
-    paddingBlockEnd: CSSValueType<"paddingBlockEnd">;
-    paddingBlockStart: CSSValueType<"paddingBlockStart">;
-    paddingBottom: CSSValueType<"paddingBottom">;
-    paddingInline: CSSValueType<"paddingInline">;
-    paddingInlineEnd: CSSValueType<"paddingInlineEnd">;
-    paddingInlineStart: CSSValueType<"paddingInlineStart">;
-    paddingLeft: CSSValueType<"paddingLeft">;
-    paddingRight: CSSValueType<"paddingRight">;
-    paddingTop: CSSValueType<"paddingTop">;
-    perspective: CSSValueType<"perspective">;
-    perspectiveOrigin: CSSValueType<"perspectiveOrigin">;
-    pointerEvents: CSSValueType<"pointerEvents">;
-    position: CSSValueType<"position">;
-    right: CSSValueType<"right">;
-    textAlign: CSSValueType<"textAlign">;
-    textDecoration: CSSValueType<"textDecoration">;
-    textShadow: CSSValueType<"textShadow">;
-    textTransform: CSSValueType<"textTransform">;
-    top: CSSValueType<"top">;
-    transform: CSSValueType<"transform">;
-    transformOrigin: CSSValueType<"transformOrigin">;
-    transformStyle: CSSValueType<"transformStyle">;
-    transition: CSSValueType<"transition">;
-    transitionDelay: CSSValueType<"transitionDelay">;
-    transitionDuration: CSSValueType<"transitionDuration">;
-    transitionProperty: CSSValueType<"transitionProperty">;
-    transitionTimingFunction: CSSValueType<"transitionTimingFunction">;
-    translate: CSSValueType<"translate">;
-    userSelect: CSSValueType<"userSelect">;
-    verticalAlign: CSSValueType<"verticalAlign">;
-    visibility: CSSValueType<"visibility">;
-    whiteSpace: CSSValueType<"whiteSpace">;
-    width: CSSValueType<"width"> | BreakpointKeys;
-    wordBreak: CSSValueType<"wordBreak">;
-    wordSpacing: CSSValueType<"wordSpacing">;
-    wordWrap: CSSValueType<"wordWrap">;
-    zIndex: CSSValueType<"zIndex">;
-}
-type CSSPropAsAttr = Partial<TagCSSProperties> & Aliases & {
-    baseClass?: string;
-    sx?: CSSProps;
-    hover?: CSSProps;
-    disabled?: boolean;
-    classNames?: classNamesTypes;
-};
-
-declare const Tag: React$1.ForwardRefExoticComponent<Omit<TagPropsRoot<TagComponentType>, "ref"> & React$1.RefAttributes<any>>;
-
-declare const useTagProps: <T extends TagComponentType = "div">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>) => TagProps<T>;
-
-declare const animationEases: {
-    easeInOut: string;
-    easeOut: string;
-    easeIn: string;
-    sharp: string;
-    linear: string;
-    easeBounceOut: string;
-};
-interface UseAnimationProps {
-    delay?: number;
-    duration?: number;
-    from: CSSProps;
-    to: CSSProps;
-    ease?: keyof typeof animationEases;
-}
-declare const useAnimation: ({ from, to, delay, ease, duration }: UseAnimationProps) => string;
-
-type ColorTemplateColors = "default" | "brand" | "accent" | "info" | "success" | "warning" | "danger";
-type ColorTemplateType = "fill" | "outline" | "text" | "alpha";
-declare const useColorTemplate: (color: ColorTemplateColors, type: ColorTemplateType) => any;
-
-declare const useBreakpoint: () => {
-    value: BreakpointKeys;
-    is: (key: BreakpointKeys) => boolean;
-    isDown: (key: BreakpointKeys) => boolean;
-    isUp: (key: BreakpointKeys) => boolean;
-    isOrDown: (key: BreakpointKeys) => boolean;
-    isOrUp: (key: BreakpointKeys) => boolean;
-};
-
-type useBreakpointPropsType<P> = P | {
-    [key in BreakpointKeys]?: P;
-};
-declare const useBreakpoinProps: <P extends object>(props: useBreakpointPropsType<P>) => useBreakpointPropsType<P>;
-
-declare const ServerStyleTags: () => React$1.JSX.Element[];
-
-declare const isWindow: () => Window | void;
-
-declare const useInterface: <P extends object>(name: string, userPorps: P, defaultProps: P) => (P | ThemeOptions)[];
-
-declare const slideDown: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-    };
-    to: {
-        transform: string;
-    };
-};
-declare const slideUp: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-    };
-    to: {
-        transform: string;
-    };
-};
-declare const slideRight: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-    };
-    to: {
-        transform: string;
-    };
-};
-declare const slideLeft: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-    };
-    to: {
-        transform: string;
-    };
-};
-declare const fade: (_arg: TransitionElementProps) => {
-    from: {
-        opacity: number;
-    };
-    to: {
-        opacity: number;
-    };
-};
-declare const fadeDown: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-        opacity: number;
-    };
-    to: {
-        transform: string;
-        opacity: number;
-    };
-};
-declare const fadeUp: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-        opacity: number;
-    };
-    to: {
-        transform: string;
-        opacity: number;
-    };
-};
-declare const fadeRight: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-        opacity: number;
-    };
-    to: {
-        transform: string;
-        opacity: number;
-    };
-};
-declare const fadeLeft: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-        opacity: number;
-    };
-    to: {
-        transform: string;
-        opacity: number;
-    };
-};
-declare const grow: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-        opacity: number;
-    };
-    to: {
-        transform: string;
-        opacity: number;
-    };
-};
-declare const zoom: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-        opacity: number;
-    };
-    to: {
-        transform: string;
-        opacity: number;
-    };
-};
-declare const zoomOver: (_arg: TransitionElementProps) => {
-    from: {
-        transform: string;
-        opacity: number;
-    };
-    to: {
-        transform: string;
-        opacity: number;
-    };
-};
-declare const collapsVerticle: (_arg: TransitionElementProps) => {
-    from: {
-        height: string;
-        overflow: string;
-    };
-    to: {
-        height: string;
-        overflow: string;
-    };
-};
-declare const collapsHorizental: (_arg: TransitionElementProps) => {
-    from: {
-        width: string;
-        overflow: string;
-    };
-    to: {
-        width: string;
-        overflow: string;
-    };
-};
-
-declare const variants_collapsHorizental: typeof collapsHorizental;
-declare const variants_collapsVerticle: typeof collapsVerticle;
-declare const variants_fade: typeof fade;
-declare const variants_fadeDown: typeof fadeDown;
-declare const variants_fadeLeft: typeof fadeLeft;
-declare const variants_fadeRight: typeof fadeRight;
-declare const variants_fadeUp: typeof fadeUp;
-declare const variants_grow: typeof grow;
-declare const variants_slideDown: typeof slideDown;
-declare const variants_slideLeft: typeof slideLeft;
-declare const variants_slideRight: typeof slideRight;
-declare const variants_slideUp: typeof slideUp;
-declare const variants_zoom: typeof zoom;
-declare const variants_zoomOver: typeof zoomOver;
-declare namespace variants {
-  export {
-    variants_collapsHorizental as collapsHorizental,
-    variants_collapsVerticle as collapsVerticle,
-    variants_fade as fade,
-    variants_fadeDown as fadeDown,
-    variants_fadeLeft as fadeLeft,
-    variants_fadeRight as fadeRight,
-    variants_fadeUp as fadeUp,
-    variants_grow as grow,
-    variants_slideDown as slideDown,
-    variants_slideLeft as slideLeft,
-    variants_slideRight as slideRight,
-    variants_slideUp as slideUp,
-    variants_zoom as zoom,
-    variants_zoomOver as zoomOver,
-  };
-}
-
-type TransitionVariantTypes = keyof typeof variants;
-type TransitionElementProps = {
-    height: number;
-    width: number;
-    rect: DOMRect | null;
-};
-type TransitionState = "open" | "opened" | "close" | "closed";
-type TransitionProps = {
-    children: ReactElement;
-    open: boolean;
-    variant: {
-        from: CSSProps;
-        to: CSSProps;
-    } | TransitionVariantTypes;
-    ease?: string;
-    easing?: keyof typeof animationEases;
-    duration?: number;
-    delay?: number;
-    disableInitialTransition?: boolean;
-    onOpen?: () => void;
-    onOpened?: () => void;
-    onClose?: () => void;
-    onClosed?: () => void;
-    onState?: (state: TransitionState) => void;
-};
-declare const Transition: ({ children, open, ...props }: TransitionProps) => React__default.JSX.Element;
-
-declare const getValue: (prop: any, value: string | number, _css: CSSProps) => any;
-
-declare const getProps: (prop: string, value: string, _css: CSSProps) => any;
-
-declare const breakpoints: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-declare const css: (props: CSSProps, options?: CSSOptionProps) => oncss.CSSFactoryType;
-declare const adjustColor: (hex: string, factor: number) => string;
-declare const adjustTextContrast: (color: string) => "#111111" | "#FFFFFF";
-declare const alpha: (color: string, opacity?: number) => string;
-
-type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {
-    theme: string;
-    resetCss?: boolean;
-    scrollbarCss?: boolean;
-    isRootProvider?: boolean;
-    renderIsRoot?: React$1.ReactElement;
-};
-declare const ThemeProvider: ({ children, theme, resetCss, scrollbarCss, isRootProvider, renderIsRoot, ...props }: ThemeProviderProps) => React$1.JSX.Element;
-
-declare const createThemeSwitcher: (defaultTheme: string, store?: "session" | "local") => () => {
-    name: string;
-    theme: ThemeOptions | undefined;
-    change: (theme: string) => void;
-};
-
-declare const getTheme: (theme: string) => ThemeOptions | undefined;
-declare const useTheme: () => ThemeOptions;
-
-export { ServerStyleTags, Tag, ThemeProvider, Transition, adjustColor, adjustTextContrast, alpha, animationEases, breakpoints, createThemeSwitcher, css, getProps, getTheme, getValue, isWindow, useAnimation, useBreakpoint, useBreakpoinProps as useBreakpointProps, useColorTemplate, useInterface, useTagProps, useTheme };
-export type { Aliases, BreakpointKeys, CSSBreakpointType, CSSOptionProps, CSSPropAsAttr, CSSProps, CSSValueType, ColorTemplateColors, ColorTemplateType, ColorsRefTypes, FN, GlobalCSS, ObjectType, TagComponentType, TagProps, TagPropsRoot, ThemeColor, ThemeColorInput, ThemeColorItem, ThemeColorItemInput, ThemeOptionInput, ThemeOptions, ThemeProviderProps, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TransitionElementProps, TransitionProps, TransitionState, TransitionVariantTypes, TypographyRefTypes, UseAnimationProps, useBreakpointPropsType };
+export { default as Tag } from './Tag/index.js';
+export { default as useTagProps } from './Tag/useTagProps.js';
+export { UseAnimationProps, animationEases, default as useAnimation } from './useAnimation.js';
+export { ColorTemplateColors, ColorTemplateType, default as useColorTemplate } from './useColorTemplate.js';
+export { default as useBreakpoint } from './breakpoint/useBreakpoint.js';
+export { default as useBreakpointProps, useBreakpointPropsType } from './breakpoint/useBreakpointProps.js';
+export { default as ServerStyleTags } from './ServerStyleTags.js';
+export { default as isWindow } from './isWindow.js';
+export { default as useInterface } from './useInterface.js';
+export { default as Transition, TransitionElementProps, TransitionProps, TransitionState, TransitionVariantTypes } from './Transition/index.js';
+export { adjustColor, adjustTextContrast, alpha, breakpoints, css } from './css/index.js';
+export { default as ThemeProvider, ThemeProviderProps } from './theme/ThemeProvider.js';
+export { default as createThemeSwitcher } from './theme/createThemeSwitcher.js';
+export { getTheme, useTheme } from './theme/core.js';
+export { Aliases, BreakpointKeys, CSSBreakpointType, CSSOptionProps, CSSProps, CSSValueType, FN, GlobalCSS } from './css/types.js';
+export { CSSPropAsAttr, TagCSSProperties, TagComponentType, TagProps, TagPropsRoot } from './Tag/types.js';
+export { ColorsRefTypes, ObjectType, ThemeColor, ThemeColorInput, ThemeColorItem, ThemeColorItemInput, ThemeOptionInput, ThemeOptions, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TypographyRefTypes } from './theme/types.js';
+export { default as getValue } from './css/getValue.js';
+export { default as getProps } from './css/getProps.js';

package/index.js

@@ -1 +1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index=require('./Tag/index.js'),useTagProps=require('./Tag/useTagProps.js'),useAnimation=require('./useAnimation.js'),useColorTemplate=require('./useColorTemplate.js'),useBreakpoint=require('./breakpoint/useBreakpoint.js'),useBreakpointProps=require('./breakpoint/useBreakpointProps.js'),ServerStyleTags=require('./ServerStyleTags.js'),isWindow=require('./isWindow.js'),useInterface=require('./useInterface.js'),index$1=require('./Transition/index.js'),index$2=require('./css/index.js');require('./theme/index.js');var getValue=require('./css/getValue.js'),getProps=require('./css/getProps.js'),ThemeProvider=require('./theme/ThemeProvider.js'),createThemeSwitcher=require('./theme/createThemeSwitcher.js'),core=require('./theme/core.js');exports.Tag=index;exports.useTagProps=useTagProps;exports.animationEases=useAnimation.animationEases;exports.useAnimation=useAnimation.default;exports.useColorTemplate=useColorTemplate;exports.useBreakpoint=useBreakpoint;exports.useBreakpointProps=useBreakpointProps;exports.ServerStyleTags=ServerStyleTags;exports.isWindow=isWindow;exports.useInterface=useInterface;exports.Transition=index$1;exports.adjustColor=index$2.adjustColor;exports.adjustTextContrast=index$2.adjustTextContrast;exports.alpha=index$2.alpha;exports.breakpoints=index$2.breakpoints;exports.css=index$2.css;exports.getValue=getValue;exports.getProps=getProps;exports.ThemeProvider=ThemeProvider;exports.createThemeSwitcher=createThemeSwitcher;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;//# sourceMappingURL=index.js.map
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index=require('./Tag/index.js'),useTagProps=require('./Tag/useTagProps.js'),useAnimation=require('./useAnimation.js'),useColorTemplate=require('./useColorTemplate.js'),useBreakpoint=require('./breakpoint/useBreakpoint.js'),useBreakpointProps=require('./breakpoint/useBreakpointProps.js'),ServerStyleTags=require('./ServerStyleTags.js'),isWindow=require('./isWindow.js'),useInterface=require('./useInterface.js'),index$1=require('./Transition/index.js'),index$2=require('./css/index.js');require('./theme/index.js');var getValue=require('./css/getValue.js'),getProps=require('./css/getProps.js'),ThemeProvider=require('./theme/ThemeProvider.js'),createThemeSwitcher=require('./theme/createThemeSwitcher.js'),core=require('./theme/core.js');exports.Tag=index.default;exports.useTagProps=useTagProps.default;exports.animationEases=useAnimation.animationEases;exports.useAnimation=useAnimation.default;exports.useColorTemplate=useColorTemplate.default;exports.useBreakpoint=useBreakpoint.default;exports.useBreakpointProps=useBreakpointProps.default;exports.ServerStyleTags=ServerStyleTags.default;exports.isWindow=isWindow.default;exports.useInterface=useInterface.default;exports.Transition=index$1.default;exports.adjustColor=index$2.adjustColor;exports.adjustTextContrast=index$2.adjustTextContrast;exports.alpha=index$2.alpha;exports.breakpoints=index$2.breakpoints;exports.css=index$2.css;exports.getValue=getValue.default;exports.getProps=getProps.default;exports.ThemeProvider=ThemeProvider.default;exports.createThemeSwitcher=createThemeSwitcher.default;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;//# sourceMappingURL=index.js.map

package/isWindow.d.ts

@@ -0,0 +1,3 @@
+declare const isWindow: () => Window | void;
+
+export { isWindow as default };

package/isWindow.js

@@ -1 +1 @@
-'use strict';const isWindow = () => typeof window !== 'undefined' ? window : undefined;module.exports=isWindow;//# sourceMappingURL=isWindow.js.map
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});const isWindow = () => typeof window !== 'undefined' ? window : undefined;exports.default=isWindow;//# sourceMappingURL=isWindow.js.map

package/isWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"isWindow.js","sources":["../src/isWindow.ts"],"sourcesContent":["\nconst isWindow = (): Window | void => typeof window !== 'undefined' ? window : undefined\nexport default isWindow"],"names":[],"mappings":"aACA,MAAM,QAAQ,GAAG,MAAqB,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,GAAG"}
+{"version":3,"file":"isWindow.js","sources":["../src/isWindow.ts"],"sourcesContent":["\nconst isWindow = (): Window | void => typeof window !== 'undefined' ? window : undefined\nexport default isWindow"],"names":[],"mappings":"sEACA,MAAM,QAAQ,GAAG,MAAqB,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,GAAG"}