@vitus-labs/unistyle 1.2.1 → 1.2.3-alpha.56

package/lib/index.d.ts

@@ -1,430 +1,567 @@
-import { config } from '@vitus-labs/core';
-import { context } from '@vitus-labs/core';
-import type { CSSProperties } from 'react';
-import type { FC } from 'react';
-import type { ReactNode } from 'react';
-
-export declare const ALIGN_CONTENT_DIRECTION: {
-    inline: string;
-    reverseInline: string;
-    rows: string;
-    reverseRows: string;
-};
-
-export declare const ALIGN_CONTENT_MAP_X: {
-    readonly center: string;
-    readonly spaceBetween: string;
-    readonly spaceAround: string;
-    readonly block: string;
-    readonly left: "flex-start";
-    readonly right: "flex-end";
-};
-
-export declare const ALIGN_CONTENT_MAP_Y: {
-    readonly center: string;
-    readonly spaceBetween: string;
-    readonly spaceAround: string;
-    readonly block: string;
-    readonly top: "flex-start";
-    readonly bottom: "flex-end";
-};
-
-export declare type AlignContent = ({ direction, alignX, alignY, }: {
-    direction: AlignContentDirectionKeys;
-    alignX: AlignContentAlignXKeys;
-    alignY: AlignContentAlignYKeys;
-}) => ReturnType<typeof config.css> | null;
-
-export declare const alignContent: AlignContent;
-
-export declare type AlignContentAlignXKeys = keyof typeof ALIGN_CONTENT_MAP_X;
-
-export declare type AlignContentAlignYKeys = keyof typeof ALIGN_CONTENT_MAP_Y;
-
-export declare type AlignContentDirectionKeys = keyof typeof ALIGN_CONTENT_DIRECTION;
-
-declare type BorderColor = Color | Defaults;
-
-declare type BorderImageRepeat = 'stretch' | 'repeat' | 'round' | 'space' | Defaults;
-
-declare type BorderStyle = 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | Defaults;
-
-export declare type Breakpoints = typeof breakpoints;
-
-export declare const breakpoints: {
-    readonly rootSize: 16;
-    readonly breakpoints: {
-        readonly xs: 0;
-        readonly sm: 576;
-        readonly md: 768;
-        readonly lg: 992;
-        readonly xl: 1200;
-        readonly xxl: 1440;
-    };
-};
-
-export declare type BrowserColors = 'black' | 'silver' | 'gray' | 'white' | 'maroon' | 'red' | 'purple' | 'fuchsia' | 'green' | 'lime' | 'olive' | 'yellow' | 'navy' | 'blue' | 'teal' | 'aqua' | 'orange' | 'aliceblue' | 'antiquewhite' | 'aquamarine' | 'azure' | 'beige' | 'bisque' | 'blanchedalmond' | 'blueviolet' | 'brown' | 'burlywood' | 'cadetblue' | 'chartreuse' | 'chocolate' | 'coral' | 'cornflowerblue' | 'cornsilk' | 'crimson' | 'cyan' | 'darkblue' | 'darkcyan' | 'darkgoldenrod' | 'darkgray' | 'darkgreen' | 'darkgrey' | 'darkkhaki' | 'darkmagenta' | 'darkolivegreen' | 'darkorange' | 'darkorchid' | 'darkred' | 'darksalmon' | 'darkseagreen' | 'darkslateblue' | 'darkslategray' | 'darkslategrey' | 'darkturquoise' | 'darkviolet' | 'deeppink' | 'deepskyblue' | 'dimgray' | 'dimgrey' | 'dodgerblue' | 'firebrick' | 'floralwhite' | 'forestgreen' | 'gainsboro' | 'ghostwhite' | 'gold' | 'goldenrod' | 'greenyellow' | 'grey' | 'honeydew' | 'hotpink' | 'indianred' | 'indigo' | 'ivory' | 'khaki' | 'lavender' | 'lavenderblush' | 'lawngreen' | 'lemonchiffon' | 'lightblue' | 'lightcoral' | 'lightcyan' | 'lightgoldenrodyellow' | 'lightgray' | 'lightgreen' | 'lightgrey' | 'lightpink' | 'lightsalmon' | 'lightseagreen' | 'lightskyblue' | 'lightslategray' | 'lightslategrey' | 'lightsteelblue' | 'lightyellow' | 'limegreen' | 'linen' | 'magenta' | 'mediumaquamarine' | 'mediumblue' | 'mediumorchid' | 'mediumpurple' | 'mediumseagreen' | 'mediumslateblue' | 'mediumspringgreen' | 'mediumturquoise' | 'mediumvioletred' | 'midnightblue' | 'mintcream' | 'mistyrose' | 'moccasin' | 'navajowhite' | 'oldlace' | 'olivedrab' | 'orangered' | 'orchid' | 'palegoldenrod' | 'palegreen' | 'paleturquoise' | 'palevioletred' | 'papayawhip' | 'peachpuff' | 'peru' | 'pink' | 'plum' | 'powderblue' | 'rosybrown' | 'royalblue' | 'saddlebrown' | 'salmon' | 'sandybrown' | 'seagreen' | 'seashell' | 'sienna' | 'skyblue' | 'slateblue' | 'slategray' | 'slategrey' | 'snow' | 'springgreen' | 'steelblue' | 'tan' | 'thistle' | 'tomato' | 'turquoise' | 'violet' | 'wheat' | 'whitesmoke' | 'yellowgreen' | 'rebeccapurple';
-
-export declare type Color = `#${string | number}` | 'currentColor' | 'transparent' | `rgb(${number}, ${number}, ${number})` | `rgb(${number},${number},${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | `rgba(${number},${number},${number},${number})` | `hsl(${number}, ${number}%, ${number}%)` | `hsl(${number},${number}%,${number}%)` | `hsla(${number}, ${number}%, ${number}%, ${number})` | `hsla(${number},${number}%,${number}%,${number})` | BrowserColors | Defaults;
-
-export { context }
-
-export declare type CreateMediaQueries = <B extends {}, R extends number, C extends (...args: any) => any>(props: {
-    breakpoints: B;
-    rootSize: R;
-    css: C;
-}) => Record<keyof B, ReturnType<C>>;
-
-export declare const createMediaQueries: CreateMediaQueries;
-
-declare type Css = typeof config.css;
-
-declare type CssUnits = 'px' | 'rem' | '%' | 'em' | 'ex' | 'cm' | 'mm' | 'in' | 'pt' | 'pc' | 'ch' | 'vh' | 'vw' | 'vmin' | 'vmax';
-
-declare type Cursor = 'alias' | 'all-scroll' | 'auto' | 'cell' | 'context-menu' | 'col-resize' | 'copy' | 'crosshair' | 'default' | 'e-resize' | 'ew-resize' | 'grab' | 'grabbing' | 'help' | 'move' | 'n-resize' | 'ne-resize' | 'nesw-resize' | 'ns-resize' | 'nw-resize' | 'nwse-resize' | 'no-drop' | 'none' | 'not-allowed' | 'pointer' | 'progress' | 'row-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'text' | 'URL' | 'vertical-text' | 'w-resize' | 'wait' | 'zoom-in' | 'zoom-out' | Defaults;
-
-declare type CustomTheme = Record<string, Record<string, unknown> | number | string | boolean>;
-
-export declare type Defaults = 'initial' | 'inherit';
-
-export declare type ExtendCss = (styles: ((css: typeof config.css) => ReturnType<typeof css>) | string | null | undefined) => string | ReturnType<typeof config.css>;
-
-export declare const extendCss: ExtendCss;
-
-declare type FontSize = 'medium' | 'xx-small' | 'x-small' | 'small' | 'large' | 'x-large' | 'xx-large' | 'smaller' | 'larger' | 'initial' | 'inherit' | PropertyValue;
-
-declare type Func<T> = (...args: any) => T;
-
-declare type GridProperty = 'auto' | number | `span ${number}`;
-
-declare type InnerTheme = {
-    [I in keyof ITheme]: ITheme[I] | null | undefined;
-};
-
-declare type ITheme = {
-    /**
-     * The [inset](https://developer.mozilla.org/en-US/docs/Web/CSS/inset)
-     * CSS property is a shorthand that corresponds to the top,
-     * right, bottom, and/or left properties. It has the same multi-value
-     * syntax of the margin shorthand.
-     */
-    inset: PropertyValue;
-    /**
-     * Custom Shorthand to set marginx on axes X
-     * The [inset](https://developer.mozilla.org/en-US/docs/Web/CSS/inset)
-     * CSS property is a shorthand that corresponds to the top,
-     * right, bottom, and/or left properties. It has the same multi-value
-     * syntax of the margin shorthand.
-     */
-    insetX: PropertyValue;
-    /**
-     * Custom Shorthand to set marginx on axes Y
-     * The [inset](https://developer.mozilla.org/en-US/docs/Web/CSS/inset)
-     * CSS property is a shorthand that corresponds to the top,
-     * right, bottom, and/or left properties. It has the same multi-value
-     * syntax of the margin shorthand.
-     */
-    insetY: PropertyValue;
-    /**
-     * The [top](https://developer.mozilla.org/en-US/docs/Web/CSS/top)
-     * CSS property participates in specifying the vertical position
-     * of a positioned element. It has no effect on non-positioned elements.
-     */
-    top: PropertyValue;
-    bottom: PropertyValue;
-    left: PropertyValue;
-    right: PropertyValue;
-    positionX: PropertyValue;
-    positionY: PropertyValue;
-    width: PropertyValue | Size;
-    height: PropertyValue | Size;
-    size: PropertyValue | Size;
-    minWidth: PropertyValue | Size;
-    minHeight: PropertyValue | Size;
-    minSize: PropertyValue | Size;
-    maxWidth: PropertyValue | Size;
-    maxHeight: PropertyValue | Size;
-    maxSize: PropertyValue | Size;
-    margin: PropertyValue;
-    marginTop: PropertyValue;
-    marginBottom: PropertyValue;
-    marginLeft: PropertyValue;
-    marginRight: PropertyValue;
-    marginX: PropertyValue;
-    marginY: PropertyValue;
-    padding: PropertyValue;
-    paddingTop: PropertyValue;
-    paddingBottom: PropertyValue;
-    paddingLeft: PropertyValue;
-    paddingRight: PropertyValue;
-    paddingX: PropertyValue;
-    paddingY: PropertyValue;
-    gap: PropertyValue;
-    alignContent: CSSProperties['alignContent'];
-    alignItems: CSSProperties['alignItems'];
-    alignSelf: CSSProperties['alignSelf'];
-    all: CSSProperties['all'];
-    animation: CSSProperties['animation'];
-    backfaceVisibility: CSSProperties['backfaceVisibility'];
-    background: string;
-    backgroundAttachment: CSSProperties['backgroundAttachment'];
-    backgroundClip: CSSProperties['backgroundClip'];
-    backgroundColor: Color;
-    backgroundImage: string | 'none' | Defaults;
-    backgroundOrigin: CSSProperties['backgroundOrigin'];
-    backgroundPosition: CSSProperties['backgroundPosition'];
-    backgroundRepeat: CSSProperties['backgroundRepeat'];
-    backgroundSize: 'auto' | PropertyValue | 'cover' | 'contain' | Defaults;
-    border: string;
-    borderTop: string;
-    borderBottom: string;
-    borderLeft: string;
-    borderRight: string;
-    borderWidth: PropertyValue;
-    borderWidthX: PropertyValue;
-    borderWidthY: PropertyValue;
-    borderWidthTop: PropertyValue;
-    borderWidthBottom: PropertyValue;
-    borderWidthLeft: PropertyValue;
-    borderWidthRight: PropertyValue;
-    borderStyle: BorderStyle;
-    borderStyleX: BorderStyle;
-    borderStyleY: BorderStyle;
-    borderStyleTop: BorderStyle;
-    borderStyleBottom: BorderStyle;
-    borderStyleLeft: BorderStyle;
-    borderStyleRight: BorderStyle;
-    borderColor: BorderColor;
-    borderColorX: BorderColor;
-    borderColorY: BorderColor;
-    borderColorTop: BorderColor;
-    borderColorBottom: BorderColor;
-    borderColorLeft: BorderColor;
-    borderColorRight: BorderColor;
-    borderCollapse: 'separate' | 'collapse' | Defaults;
-    borderImage: string;
-    borderImageOutset: string;
-    borderImageRepeat: `${BorderImageRepeat}` | `${BorderImageRepeat} ${BorderImageRepeat}`;
-    borderImageSlice: PropertyValue;
-    borderImageSource: string;
-    borderImageWidth: string;
-    borderSpacing: string;
-    borderRadius: PropertyValue;
-    borderRadiusTopLeft: PropertyValue;
-    borderRadiusLeft: PropertyValue;
-    borderRadiusTop: PropertyValue;
-    borderRadiusTopRight: PropertyValue;
-    borderRadiusRight: PropertyValue;
-    borderRadiusBottomLeft: PropertyValue;
-    borderRadiusBottom: PropertyValue;
-    borderRadiusBottomRight: PropertyValue;
-    boxShadow: CSSProperties['boxShadow'];
-    boxSizing: CSSProperties['boxSizing'];
-    captionSide: CSSProperties['captionSide'];
-    clear: CSSProperties['clear'];
-    clip: CSSProperties['clip'];
-    clipPath: CSSProperties['clipPath'];
-    color: Color;
-    content: CSSProperties['content'];
-    contentVisibility: CSSProperties['contentVisibility'];
-    counterIncrement: CSSProperties['counterIncrement'];
-    counterReset: CSSProperties['counterReset'];
-    cursor: Cursor;
-    direction: CSSProperties['direction'];
-    display: CSSProperties['display'];
-    emptyCells: CSSProperties['emptyCells'];
-    filter: CSSProperties['filter'];
-    flex: CSSProperties['flex'];
-    flexBasis: CSSProperties['flexBasis'];
-    flexDirection: CSSProperties['flexDirection'];
-    flexFlow: CSSProperties['flexFlow'];
-    flexGrow: CSSProperties['flexGrow'];
-    flexShrink: CSSProperties['flexShrink'];
-    flexWrap: CSSProperties['flexWrap'];
-    float: CSSProperties['float'];
-    font: CSSProperties['font'];
-    fontFamily: CSSProperties['fontFamily'];
-    fontSize: FontSize;
-    fontSizeAdjust: CSSProperties['fontSizeAdjust'];
-    fontStretch: CSSProperties['fontStretch'];
-    fontStyle: CSSProperties['fontStyle'];
-    fontVariant: CSSProperties['fontVariant'];
-    fontWeight: 'normal' | 'bold' | 'bolder' | 'lighter' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | Defaults;
-    gridArea: CSSProperties['gridArea'];
-    gridAutoColumns: CSSProperties['gridAutoColumns'];
-    gridAutoFlow: CSSProperties['gridAutoFlow'];
-    gridAutoRows: CSSProperties['gridAutoRows'];
-    gridColumn: number | `${'auto' | string | number} / ${GridProperty}`;
-    gridColumnEnd: GridProperty;
-    gridColumnGap: PropertyValue;
-    gridColumnStart: GridProperty;
-    gridGap: PropertyValue;
-    gridRow: number | `${'auto' | string | number} / ${GridProperty}`;
-    gridRowStart: GridProperty;
-    gridRowEnd: GridProperty;
-    gridRowGap: PropertyValue;
-    gridTemplate: CSSProperties['gridTemplate'];
-    gridTemplateAreas: CSSProperties['gridTemplateAreas'];
-    gridTemplateColumns: CSSProperties['gridTemplateColumns'];
-    gridTemplateRows: CSSProperties['gridTemplateRows'];
-    justifyContent: CSSProperties['justifyContent'];
-    justifyItems: CSSProperties['justifyItems'];
-    keyframe: any;
-    letterSpacing: CSSProperties['letterSpacing'];
-    lineHeight: CSSProperties['lineHeight'];
-    listStyle: CSSProperties['listStyle'];
-    listStyleImage: CSSProperties['listStyleImage'];
-    listStylePosition: CSSProperties['listStylePosition'];
-    listStyleType: ListStyleType;
-    objectFit: CSSProperties['objectFit'];
-    objectPosition: CSSProperties['objectPosition'];
-    opacity: CSSProperties['opacity'];
-    order: CSSProperties['order'];
-    outline: CSSProperties['outline'];
-    outlineColor: CSSProperties['outlineColor'];
-    outlineOffset: CSSProperties['outlineOffset'];
-    outlineStyle: CSSProperties['outlineStyle'];
-    outlineWidth: CSSProperties['outlineWidth'];
-    overflow: CSSProperties['overflow'];
-    overflowWrap: CSSProperties['overflowWrap'];
-    overflowX: CSSProperties['overflowX'];
-    overflowY: CSSProperties['overflowY'];
-    perspective: CSSProperties['perspective'];
-    perspectiveOrigin: CSSProperties['perspectiveOrigin'];
-    pointerEvents: CSSProperties['pointerEvents'];
-    position: CSSProperties['position'];
-    quotes: CSSProperties['quotes'];
-    resize: CSSProperties['resize'];
-    tabSize: CSSProperties['tabSize'];
-    tableLayout: CSSProperties['tableLayout'];
-    textAlign: CSSProperties['textAlign'];
-    textAlignLast: CSSProperties['textAlignLast'];
-    textDecoration: CSSProperties['textDecoration'];
-    textDecorationColor: CSSProperties['textDecorationColor'];
-    textDecorationLine: CSSProperties['textDecorationLine'];
-    textDecorationStyle: CSSProperties['textDecorationStyle'];
-    textIndent: CSSProperties['textIndent'];
-    textJustify: CSSProperties['textJustify'];
-    textOverflow: CSSProperties['textOverflow'];
-    textShadow: CSSProperties['textShadow'];
-    textTransform: CSSProperties['textTransform'];
-    transform: CSSProperties['transform'];
-    transformOrigin: CSSProperties['transformOrigin'];
-    transformStyle: CSSProperties['transformStyle'];
-    transition: CSSProperties['transition'];
-    transitionDelay: CSSProperties['transitionDelay'];
-    transitionDuration: CSSProperties['transitionDuration'];
-    transitionProperty: CSSProperties['transitionProperty'];
-    transitionTimingFunction: CSSProperties['transitionTimingFunction'] | `cubic-bezier(${number},${number},${number},${number})` | `cubic-bezier(${number}, ${number}, ${number}, ${number})`;
-    userSelect: CSSProperties['userSelect'];
-    verticalAlign: CSSProperties['verticalAlign'];
-    visibility: CSSProperties['visibility'];
-    whiteSpace: CSSProperties['whiteSpace'];
-    wordBreak: CSSProperties['wordBreak'];
-    wordWrap: CSSProperties['wordWrap'];
-    writingMode: CSSProperties['writingMode'];
-    zIndex: CSSProperties['zIndex'];
-    hideEmpty: boolean;
-    clearFix: boolean;
-    fullScreen: boolean;
-    extendCss: ReturnType<typeof config.css> | string;
-};
-
-declare type ListStyleType = 'disc' | 'armenian' | 'circle' | 'cjk-ideographic' | 'decimal' | 'decimal-leading-zero' | 'georgian' | 'hebrew' | 'hiragana' | 'hiragana-iroha' | 'katakana' | 'katakana-iroha' | 'lower-alpha' | 'lower-greek' | 'lower-latin' | 'lower-roman' | 'none' | 'square' | 'upper-alpha' | 'upper-greek' | 'upper-latin' | 'upper-roman' | Defaults;
-
-export declare type MakeItResponsive = ({ theme, key, css, styles, normalize, }: {
-    theme?: CustomTheme;
-    key?: string;
-    css: any;
-    styles: MakeItResponsiveStyles;
-    normalize?: boolean;
-}) => ({ theme }: {
-    theme?: Theme_2;
-}) => any;
-
-export declare const makeItResponsive: MakeItResponsive;
-
-export declare type MakeItResponsiveStyles<T extends Partial<Record<string, any>> = any> = ({ theme, css, rootSize, globalTheme, }: {
-    theme: T;
-    css: Css;
-    rootSize?: number;
-    globalTheme?: Record<string, any>;
-}) => ReturnType<typeof css> | string | any;
-
-export declare type NormalizeTheme = ({ theme, breakpoints, }: {
-    theme: Record<string, unknown>;
-    breakpoints: string[];
-}) => Record<string, unknown>;
-
-export declare const normalizeTheme: NormalizeTheme;
-
-export declare type PropertyValue = UnitValue | 'auto' | Defaults | `calc(${string | number})`;
-
-export declare const Provider: FC<TProvider>;
-
-declare type Size = 'max-content' | 'min-content' | 'fit-content';
-
-export declare type SortBreakpoints = <T extends Record<string, number>>(breakpoints: T) => (keyof T)[];
-
-export declare const sortBreakpoints: SortBreakpoints;
-
-export declare type StripUnit = <V extends string | number, UR extends boolean = false>(value: V, unitReturn?: UR) => UR extends true ? [Value_2<V>, Unit<V>] : Value_2<V>;
-
-export declare const stripUnit: StripUnit;
-
-export declare type Styles = ({ theme, css, rootSize, }: {
-    theme: InnerTheme;
-    css: Css;
-    rootSize?: number;
-}) => ReturnType<typeof css>;
-
-export declare const styles: Styles;
-
-export declare type StylesTheme = {
-    [I in keyof ITheme]: ITheme[I] | Func<ITheme[I]> | null | undefined;
-};
-
-declare type Theme = {
-    rootSize: number;
-    breakpoints?: Record<string, number>;
-    __VITUS_LABS__?: never;
-} & Partial<Record<string, unknown>>;
-
-declare type Theme_2 = Partial<{
-    rootSize: number;
-    breakpoints: Record<string, number>;
-    __VITUS_LABS__: Partial<{
-        media: ReturnType<typeof createMediaQueries>;
-        sortedBreakpoints: ReturnType<typeof sortBreakpoints>;
-    }>;
-}> & CustomTheme;
-
-export declare type TProvider = {
-    theme: Theme;
-    children: ReactNode;
-} & Partial<Record<string, unknown>>;
-
-export declare type TransformTheme = ({ theme, breakpoints, }: {
-    theme: Record<string, unknown>;
-    breakpoints: string[];
-}) => any;
-
-export declare const transformTheme: TransformTheme;
-
-declare type Unit<V> = V extends string ? string : undefined;
-
-declare type Units = 'px' | 'rem' | 'em' | '%' | 'vh' | 'vw' | 'vmin' | 'vmax' | 'ex';
-
-export declare type UnitValue = number | `${number}${Units}`;
-
-export declare type Value = (param: string | number | null | undefined, rootSize?: number, outputUnit?: CssUnits) => string | number | null;
-
-export declare const value: Value;
-
-declare type Value_2<V> = V extends string ? number : V;
-
-export declare type Values = (values: unknown[], rootSize?: number, outputUnit?: Units) => string | number;
-
-export declare const values: Values;
-
-export { }
+import { config, context } from "@vitus-labs/core";
+import { CSSProperties, FC, ReactNode } from "react";
+
+//#region src/context.d.ts
+type Theme$2 = {
+  rootSize: number;
+  breakpoints?: Record<string, number>;
+  __VITUS_LABS__?: never;
+} & Partial<Record<string, unknown>>;
+type TProvider = {
+  theme: Theme$2;
+  children: ReactNode;
+} & Partial<Record<string, unknown>>;
+/**
+ * Unistyle Provider — wraps the core Provider and enriches the theme
+ * with pre-computed sorted breakpoints and media-query tagged-template
+ * helpers consumed by `makeItResponsive`.
+ */
+declare const Provider: FC<TProvider>;
+//#endregion
+//#region src/responsive/breakpoints.d.ts
+declare const breakpoints$1: {
+  readonly rootSize: 16;
+  readonly breakpoints: {
+    readonly xs: 0;
+    readonly sm: 576;
+    readonly md: 768;
+    readonly lg: 992;
+    readonly xl: 1200;
+    readonly xxl: 1440;
+  };
+};
+type Breakpoints = typeof breakpoints$1;
+//#endregion
+//#region src/responsive/createMediaQueries.d.ts
+type CreateMediaQueries = <B extends Record<string, number>, R extends number, C extends (...args: any) => any>(props: {
+  breakpoints: B;
+  rootSize: R;
+  css: C;
+}) => Record<keyof B, ReturnType<C>>;
+/**
+ * Builds a map of breakpoint-name → tagged-template function.
+ * The smallest breakpoint (value 0) gets no media wrapper.
+ * Others are wrapped in `@media (min-width: <em>)` — em units
+ * ensure correct behaviour when users change browser font size.
+ */
+declare const createMediaQueries: CreateMediaQueries;
+//#endregion
+//#region src/types.d.ts
+type Css = typeof config.css;
+type Defaults = 'initial' | 'inherit';
+type Units = 'px' | 'rem' | 'em' | '%' | 'vh' | 'vw' | 'vmin' | 'vmax' | 'ex';
+type UnitValue = number | `${number}${Units}`;
+type PropertyValue = UnitValue | 'auto' | Defaults | `calc(${string | number})`;
+type Size = 'max-content' | 'min-content' | 'fit-content';
+type Color = `#${string | number}` | 'currentColor' | 'transparent' | `rgb(${number}, ${number}, ${number})` | `rgb(${number},${number},${number})` | `rgba(${number}, ${number}, ${number}, ${number})` | `rgba(${number},${number},${number},${number})` | `hsl(${number}, ${number}%, ${number}%)` | `hsl(${number},${number}%,${number}%)` | `hsla(${number}, ${number}%, ${number}%, ${number})` | `hsla(${number},${number}%,${number}%,${number})` | BrowserColors | Defaults;
+type BrowserColors = 'black' | 'silver' | 'gray' | 'white' | 'maroon' | 'red' | 'purple' | 'fuchsia' | 'green' | 'lime' | 'olive' | 'yellow' | 'navy' | 'blue' | 'teal' | 'aqua' | 'orange' | 'aliceblue' | 'antiquewhite' | 'aquamarine' | 'azure' | 'beige' | 'bisque' | 'blanchedalmond' | 'blueviolet' | 'brown' | 'burlywood' | 'cadetblue' | 'chartreuse' | 'chocolate' | 'coral' | 'cornflowerblue' | 'cornsilk' | 'crimson' | 'cyan' | 'darkblue' | 'darkcyan' | 'darkgoldenrod' | 'darkgray' | 'darkgreen' | 'darkgrey' | 'darkkhaki' | 'darkmagenta' | 'darkolivegreen' | 'darkorange' | 'darkorchid' | 'darkred' | 'darksalmon' | 'darkseagreen' | 'darkslateblue' | 'darkslategray' | 'darkslategrey' | 'darkturquoise' | 'darkviolet' | 'deeppink' | 'deepskyblue' | 'dimgray' | 'dimgrey' | 'dodgerblue' | 'firebrick' | 'floralwhite' | 'forestgreen' | 'gainsboro' | 'ghostwhite' | 'gold' | 'goldenrod' | 'greenyellow' | 'grey' | 'honeydew' | 'hotpink' | 'indianred' | 'indigo' | 'ivory' | 'khaki' | 'lavender' | 'lavenderblush' | 'lawngreen' | 'lemonchiffon' | 'lightblue' | 'lightcoral' | 'lightcyan' | 'lightgoldenrodyellow' | 'lightgray' | 'lightgreen' | 'lightgrey' | 'lightpink' | 'lightsalmon' | 'lightseagreen' | 'lightskyblue' | 'lightslategray' | 'lightslategrey' | 'lightsteelblue' | 'lightyellow' | 'limegreen' | 'linen' | 'magenta' | 'mediumaquamarine' | 'mediumblue' | 'mediumorchid' | 'mediumpurple' | 'mediumseagreen' | 'mediumslateblue' | 'mediumspringgreen' | 'mediumturquoise' | 'mediumvioletred' | 'midnightblue' | 'mintcream' | 'mistyrose' | 'moccasin' | 'navajowhite' | 'oldlace' | 'olivedrab' | 'orangered' | 'orchid' | 'palegoldenrod' | 'palegreen' | 'paleturquoise' | 'palevioletred' | 'papayawhip' | 'peachpuff' | 'peru' | 'pink' | 'plum' | 'powderblue' | 'rosybrown' | 'royalblue' | 'saddlebrown' | 'salmon' | 'sandybrown' | 'seagreen' | 'seashell' | 'sienna' | 'skyblue' | 'slateblue' | 'slategray' | 'slategrey' | 'snow' | 'springgreen' | 'steelblue' | 'tan' | 'thistle' | 'tomato' | 'turquoise' | 'violet' | 'wheat' | 'whitesmoke' | 'yellowgreen' | 'rebeccapurple';
+//# sourceMappingURL=types.d.ts.map
+//#endregion
+//#region src/responsive/sortBreakpoints.d.ts
+type SortBreakpoints = <T extends Record<string, number>>(breakpoints: T) => (keyof T)[];
+/** Sorts breakpoint keys by their pixel value (ascending, mobile-first). */
+declare const sortBreakpoints: SortBreakpoints;
+//#endregion
+//#region src/responsive/makeItResponsive.d.ts
+type CustomTheme = Record<string, Record<string, unknown> | number | string | boolean>;
+type Theme$1 = Partial<{
+  rootSize: number;
+  breakpoints: Record<string, number>;
+  __VITUS_LABS__: Partial<{
+    media: ReturnType<typeof createMediaQueries>;
+    sortedBreakpoints: ReturnType<typeof sortBreakpoints>;
+  }>;
+}> & CustomTheme;
+type MakeItResponsiveStyles<T extends Partial<Record<string, any>> = any> = ({
+  theme,
+  css,
+  rootSize,
+  globalTheme
+}: {
+  theme: T;
+  css: Css;
+  rootSize?: number;
+  globalTheme?: Record<string, any>;
+}) => ReturnType<typeof css> | string | any;
+type MakeItResponsive = ({
+  theme,
+  key,
+  css,
+  styles,
+  normalize
+}: {
+  theme?: CustomTheme;
+  key?: string;
+  css: any;
+  styles: MakeItResponsiveStyles;
+  normalize?: boolean;
+}) => (props: {
+  theme?: Theme$1;
+  [key: string]: any;
+}) => any;
+/**
+ * Core responsive engine used by every styled component in the system.
+ *
+ * Returns a styled-components interpolation function that:
+ * 1. Reads the component's theme prop (via `key` or direct `theme`)
+ * 2. Without breakpoints → renders plain CSS
+ * 3. With breakpoints → normalizes, transforms (property-per-breakpoint →
+ *    breakpoint-per-property), optimizes (deduplicates identical breakpoints),
+ *    and wraps each breakpoint's styles in the appropriate `@media` query.
+ */
+declare const makeItResponsive: MakeItResponsive;
+//#endregion
+//#region src/responsive/normalizeTheme.d.ts
+type NormalizeTheme = ({
+  theme,
+  breakpoints
+}: {
+  theme: Record<string, unknown>;
+  breakpoints: string[];
+}) => Record<string, unknown>;
+/**
+ * Expands each theme property into a full breakpoint map so every
+ * breakpoint has a value. Arrays fill by index (last value carries forward),
+ * objects inherit from the previous breakpoint, scalars repeat for all.
+ * Skipped entirely when no property is array/object (fast path).
+ */
+declare const normalizeTheme: NormalizeTheme;
+//#endregion
+//#region src/responsive/transformTheme.d.ts
+type TransformTheme = ({
+  theme,
+  breakpoints
+}: {
+  theme: Record<string, unknown>;
+  breakpoints: string[];
+}) => any;
+/**
+ * Pivots the theme from property-centric to breakpoint-centric layout.
+ * Input:  `{ fontSize: { xs: 12, md: 15 }, color: 'red' }`
+ * Output: `{ xs: { fontSize: 12, color: 'red' }, md: { fontSize: 15 } }`
+ * Supports three input shapes per property: scalar, array (positional), or object (keyed).
+ */
+declare const transformTheme: TransformTheme;
+//#endregion
+//#region src/styles/alignContent.d.ts
+type AlignContentDirectionKeys = keyof typeof ALIGN_CONTENT_DIRECTION;
+type AlignContentAlignXKeys = keyof typeof ALIGN_CONTENT_MAP_X;
+type AlignContentAlignYKeys = keyof typeof ALIGN_CONTENT_MAP_Y;
+declare const ALIGN_CONTENT_MAP_X: {
+  readonly center: string;
+  readonly spaceBetween: string;
+  readonly spaceAround: string;
+  readonly block: string;
+  readonly left: "flex-start";
+  readonly right: "flex-end";
+};
+declare const ALIGN_CONTENT_MAP_Y: {
+  readonly center: string;
+  readonly spaceBetween: string;
+  readonly spaceAround: string;
+  readonly block: string;
+  readonly top: "flex-start";
+  readonly bottom: "flex-end";
+};
+declare const ALIGN_CONTENT_DIRECTION: {
+  inline: string;
+  reverseInline: string;
+  rows: string;
+  reverseRows: string;
+};
+type AlignContent = ({
+  direction,
+  alignX,
+  alignY
+}: {
+  direction: AlignContentDirectionKeys;
+  alignX: AlignContentAlignXKeys;
+  alignY: AlignContentAlignYKeys;
+}) => ReturnType<typeof config.css> | null;
+/**
+ * Converts semantic direction/alignX/alignY values into `flex-direction`,
+ * `align-items`, and `justify-content`. For inline directions (row) the
+ * X/Y axes are swapped so that `alignX` always controls the horizontal axis.
+ */
+declare const alignContent: AlignContent;
+//#endregion
+//#region src/styles/extendCss.d.ts
+type ExtendCss = (styles: ((css: typeof config.css) => ReturnType<typeof css>) | string | null | undefined) => string | ReturnType<typeof config.css>;
+/**
+ * Evaluates an `extendCss` value — either a callback receiving `css`
+ * or a raw CSS string. Returns empty string for null/undefined.
+ */
+declare const extendCss: ExtendCss;
+//#endregion
+//#region src/styles/styles/types.d.ts
+type Func<T> = (...args: any) => T;
+type BorderColor = Color | Defaults;
+type BorderImageRepeat = 'stretch' | 'repeat' | 'round' | 'space' | Defaults;
+type GridProperty = 'auto' | number | `span ${number}`;
+type BorderStyle = 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | Defaults;
+type FontSize = 'medium' | 'xx-small' | 'x-small' | 'small' | 'large' | 'x-large' | 'xx-large' | 'smaller' | 'larger' | 'initial' | 'inherit' | PropertyValue;
+type ListStyleType = 'disc' | 'armenian' | 'circle' | 'cjk-ideographic' | 'decimal' | 'decimal-leading-zero' | 'georgian' | 'hebrew' | 'hiragana' | 'hiragana-iroha' | 'katakana' | 'katakana-iroha' | 'lower-alpha' | 'lower-greek' | 'lower-latin' | 'lower-roman' | 'none' | 'square' | 'upper-alpha' | 'upper-greek' | 'upper-latin' | 'upper-roman' | Defaults;
+type Cursor = 'alias' | 'all-scroll' | 'auto' | 'cell' | 'context-menu' | 'col-resize' | 'copy' | 'crosshair' | 'default' | 'e-resize' | 'ew-resize' | 'grab' | 'grabbing' | 'help' | 'move' | 'n-resize' | 'ne-resize' | 'nesw-resize' | 'ns-resize' | 'nw-resize' | 'nwse-resize' | 'no-drop' | 'none' | 'not-allowed' | 'pointer' | 'progress' | 'row-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'text' | 'URL' | 'vertical-text' | 'w-resize' | 'wait' | 'zoom-in' | 'zoom-out' | Defaults;
+type ITheme = {
+  inset: PropertyValue;
+  insetX: PropertyValue;
+  insetY: PropertyValue;
+  top: PropertyValue;
+  bottom: PropertyValue;
+  left: PropertyValue;
+  right: PropertyValue;
+  width: PropertyValue | Size;
+  height: PropertyValue | Size;
+  size: PropertyValue | Size;
+  minWidth: PropertyValue | Size;
+  minHeight: PropertyValue | Size;
+  minSize: PropertyValue | Size;
+  maxWidth: PropertyValue | Size;
+  maxHeight: PropertyValue | Size;
+  maxSize: PropertyValue | Size;
+  aspectRatio: CSSProperties['aspectRatio'];
+  margin: PropertyValue;
+  marginTop: PropertyValue;
+  marginBottom: PropertyValue;
+  marginLeft: PropertyValue;
+  marginRight: PropertyValue;
+  marginX: PropertyValue;
+  marginY: PropertyValue;
+  padding: PropertyValue;
+  paddingTop: PropertyValue;
+  paddingBottom: PropertyValue;
+  paddingLeft: PropertyValue;
+  paddingRight: PropertyValue;
+  paddingX: PropertyValue;
+  paddingY: PropertyValue;
+  gap: PropertyValue;
+  alignContent: CSSProperties['alignContent'];
+  alignItems: CSSProperties['alignItems'];
+  alignSelf: CSSProperties['alignSelf'];
+  all: CSSProperties['all'];
+  display: CSSProperties['display'];
+  position: CSSProperties['position'];
+  boxSizing: CSSProperties['boxSizing'];
+  float: CSSProperties['float'];
+  contain: CSSProperties['contain'];
+  containerType: CSSProperties['containerType'];
+  containerName: CSSProperties['containerName'];
+  container: CSSProperties['container'];
+  flex: CSSProperties['flex'];
+  flexBasis: CSSProperties['flexBasis'];
+  flexDirection: CSSProperties['flexDirection'];
+  flexFlow: CSSProperties['flexFlow'];
+  flexGrow: CSSProperties['flexGrow'];
+  flexShrink: CSSProperties['flexShrink'];
+  flexWrap: CSSProperties['flexWrap'];
+  justifyContent: CSSProperties['justifyContent'];
+  justifyItems: CSSProperties['justifyItems'];
+  justifySelf: CSSProperties['justifySelf'];
+  placeItems: CSSProperties['placeItems'];
+  placeContent: CSSProperties['placeContent'];
+  placeSelf: CSSProperties['placeSelf'];
+  rowGap: PropertyValue;
+  columnGap: PropertyValue;
+  grid: CSSProperties['grid'];
+  gridArea: CSSProperties['gridArea'];
+  gridAutoColumns: CSSProperties['gridAutoColumns'];
+  gridAutoFlow: CSSProperties['gridAutoFlow'];
+  gridAutoRows: CSSProperties['gridAutoRows'];
+  gridColumn: number | `${'auto' | string | number} / ${GridProperty}`;
+  gridColumnEnd: GridProperty;
+  gridColumnGap: PropertyValue;
+  gridColumnStart: GridProperty;
+  gridGap: PropertyValue;
+  gridRow: number | `${'auto' | string | number} / ${GridProperty}`;
+  gridRowStart: GridProperty;
+  gridRowEnd: GridProperty;
+  gridRowGap: PropertyValue;
+  gridTemplate: CSSProperties['gridTemplate'];
+  gridTemplateAreas: CSSProperties['gridTemplateAreas'];
+  gridTemplateColumns: CSSProperties['gridTemplateColumns'];
+  gridTemplateRows: CSSProperties['gridTemplateRows'];
+  objectFit: CSSProperties['objectFit'];
+  objectPosition: CSSProperties['objectPosition'];
+  order: CSSProperties['order'];
+  opacity: CSSProperties['opacity'];
+  resize: CSSProperties['resize'];
+  verticalAlign: CSSProperties['verticalAlign'];
+  lineHeight: CSSProperties['lineHeight'];
+  font: CSSProperties['font'];
+  fontFamily: CSSProperties['fontFamily'];
+  fontSize: FontSize;
+  fontSizeAdjust: CSSProperties['fontSizeAdjust'];
+  fontStretch: CSSProperties['fontStretch'];
+  fontStyle: CSSProperties['fontStyle'];
+  fontVariant: CSSProperties['fontVariant'];
+  fontWeight: 'normal' | 'bold' | 'bolder' | 'lighter' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | Defaults;
+  fontKerning: CSSProperties['fontKerning'];
+  fontFeatureSettings: CSSProperties['fontFeatureSettings'];
+  fontVariationSettings: CSSProperties['fontVariationSettings'];
+  fontOpticalSizing: CSSProperties['fontOpticalSizing'];
+  textAlign: CSSProperties['textAlign'];
+  textAlignLast: CSSProperties['textAlignLast'];
+  textTransform: CSSProperties['textTransform'];
+  textDecoration: CSSProperties['textDecoration'];
+  textDecorationColor: CSSProperties['textDecorationColor'];
+  textDecorationLine: CSSProperties['textDecorationLine'];
+  textDecorationStyle: CSSProperties['textDecorationStyle'];
+  textDecorationThickness: CSSProperties['textDecorationThickness'];
+  textUnderlineOffset: CSSProperties['textUnderlineOffset'];
+  textEmphasis: CSSProperties['textEmphasis'];
+  textEmphasisColor: CSSProperties['textEmphasisColor'];
+  textEmphasisStyle: CSSProperties['textEmphasisStyle'];
+  letterSpacing: CSSProperties['letterSpacing'];
+  wordSpacing: CSSProperties['wordSpacing'];
+  textIndent: CSSProperties['textIndent'];
+  textJustify: CSSProperties['textJustify'];
+  textOverflow: CSSProperties['textOverflow'];
+  textShadow: CSSProperties['textShadow'];
+  textWrap: CSSProperties['textWrap'];
+  textRendering: CSSProperties['textRendering'];
+  whiteSpace: CSSProperties['whiteSpace'];
+  wordBreak: CSSProperties['wordBreak'];
+  wordWrap: CSSProperties['wordWrap'];
+  writingMode: CSSProperties['writingMode'];
+  direction: CSSProperties['direction'];
+  hyphens: CSSProperties['hyphens'];
+  listStyle: CSSProperties['listStyle'];
+  listStyleImage: CSSProperties['listStyleImage'];
+  listStylePosition: CSSProperties['listStylePosition'];
+  listStyleType: ListStyleType;
+  color: Color;
+  background: string;
+  backgroundColor: Color;
+  backgroundImage: string | 'none' | Defaults;
+  backgroundAttachment: CSSProperties['backgroundAttachment'];
+  backgroundClip: CSSProperties['backgroundClip'];
+  backgroundOrigin: CSSProperties['backgroundOrigin'];
+  backgroundPosition: CSSProperties['backgroundPosition'];
+  backgroundRepeat: CSSProperties['backgroundRepeat'];
+  backgroundSize: 'auto' | PropertyValue | 'cover' | 'contain' | Defaults;
+  border: string;
+  borderTop: string;
+  borderBottom: string;
+  borderLeft: string;
+  borderRight: string;
+  borderWidth: PropertyValue;
+  borderWidthX: PropertyValue;
+  borderWidthY: PropertyValue;
+  borderWidthTop: PropertyValue;
+  borderWidthBottom: PropertyValue;
+  borderWidthLeft: PropertyValue;
+  borderWidthRight: PropertyValue;
+  borderStyle: BorderStyle;
+  borderStyleX: BorderStyle;
+  borderStyleY: BorderStyle;
+  borderStyleTop: BorderStyle;
+  borderStyleBottom: BorderStyle;
+  borderStyleLeft: BorderStyle;
+  borderStyleRight: BorderStyle;
+  borderColor: BorderColor;
+  borderColorX: BorderColor;
+  borderColorY: BorderColor;
+  borderColorTop: BorderColor;
+  borderColorBottom: BorderColor;
+  borderColorLeft: BorderColor;
+  borderColorRight: BorderColor;
+  borderCollapse: 'separate' | 'collapse' | Defaults;
+  borderImage: string;
+  borderImageOutset: string;
+  borderImageRepeat: `${BorderImageRepeat}` | `${BorderImageRepeat} ${BorderImageRepeat}`;
+  borderImageSlice: PropertyValue;
+  borderImageSource: string;
+  borderImageWidth: string;
+  borderSpacing: string;
+  borderRadius: PropertyValue;
+  borderRadiusTopLeft: PropertyValue;
+  borderRadiusLeft: PropertyValue;
+  borderRadiusTop: PropertyValue;
+  borderRadiusTopRight: PropertyValue;
+  borderRadiusRight: PropertyValue;
+  borderRadiusBottomLeft: PropertyValue;
+  borderRadiusBottom: PropertyValue;
+  borderRadiusBottomRight: PropertyValue;
+  backfaceVisibility: CSSProperties['backfaceVisibility'];
+  boxShadow: CSSProperties['boxShadow'];
+  filter: CSSProperties['filter'];
+  backdropFilter: CSSProperties['backdropFilter'];
+  mixBlendMode: CSSProperties['mixBlendMode'];
+  backgroundBlendMode: CSSProperties['backgroundBlendMode'];
+  isolation: CSSProperties['isolation'];
+  outline: CSSProperties['outline'];
+  outlineColor: CSSProperties['outlineColor'];
+  outlineOffset: CSSProperties['outlineOffset'];
+  outlineStyle: CSSProperties['outlineStyle'];
+  outlineWidth: CSSProperties['outlineWidth'];
+  animation: CSSProperties['animation'];
+  keyframe: any;
+  animationName: CSSProperties['animationName'];
+  animationDuration: CSSProperties['animationDuration'];
+  animationTimingFunction: CSSProperties['animationTimingFunction'];
+  animationDelay: CSSProperties['animationDelay'];
+  animationIterationCount: CSSProperties['animationIterationCount'];
+  animationDirection: CSSProperties['animationDirection'];
+  animationFillMode: CSSProperties['animationFillMode'];
+  animationPlayState: CSSProperties['animationPlayState'];
+  transition: CSSProperties['transition'];
+  transitionDelay: CSSProperties['transitionDelay'];
+  transitionDuration: CSSProperties['transitionDuration'];
+  transitionProperty: CSSProperties['transitionProperty'];
+  transitionTimingFunction: CSSProperties['transitionTimingFunction'] | `cubic-bezier(${number},${number},${number},${number})` | `cubic-bezier(${number}, ${number}, ${number}, ${number})`;
+  transform: CSSProperties['transform'];
+  transformOrigin: CSSProperties['transformOrigin'];
+  transformStyle: CSSProperties['transformStyle'];
+  translate: CSSProperties['translate'];
+  rotate: CSSProperties['rotate'];
+  scale: CSSProperties['scale'];
+  willChange: CSSProperties['willChange'];
+  scrollBehavior: CSSProperties['scrollBehavior'];
+  scrollSnapType: CSSProperties['scrollSnapType'];
+  scrollSnapAlign: CSSProperties['scrollSnapAlign'];
+  scrollSnapStop: CSSProperties['scrollSnapStop'];
+  scrollMargin: CSSProperties['scrollMargin'];
+  scrollPadding: CSSProperties['scrollPadding'];
+  overscrollBehavior: CSSProperties['overscrollBehavior'];
+  overscrollBehaviorX: CSSProperties['overscrollBehaviorX'];
+  overscrollBehaviorY: CSSProperties['overscrollBehaviorY'];
+  cursor: Cursor;
+  pointerEvents: CSSProperties['pointerEvents'];
+  userSelect: CSSProperties['userSelect'];
+  touchAction: CSSProperties['touchAction'];
+  scrollbarWidth: CSSProperties['scrollbarWidth'];
+  scrollbarColor: CSSProperties['scrollbarColor'];
+  scrollbarGutter: CSSProperties['scrollbarGutter'];
+  caretColor: CSSProperties['caretColor'];
+  accentColor: CSSProperties['accentColor'];
+  colorScheme: CSSProperties['colorScheme'];
+  inlineSize: PropertyValue | Size;
+  blockSize: PropertyValue | Size;
+  minInlineSize: PropertyValue | Size;
+  minBlockSize: PropertyValue | Size;
+  maxInlineSize: PropertyValue | Size;
+  maxBlockSize: PropertyValue | Size;
+  marginInline: PropertyValue;
+  marginInlineStart: PropertyValue;
+  marginInlineEnd: PropertyValue;
+  marginBlock: PropertyValue;
+  marginBlockStart: PropertyValue;
+  marginBlockEnd: PropertyValue;
+  paddingInline: PropertyValue;
+  paddingInlineStart: PropertyValue;
+  paddingInlineEnd: PropertyValue;
+  paddingBlock: PropertyValue;
+  paddingBlockStart: PropertyValue;
+  paddingBlockEnd: PropertyValue;
+  borderInline: string;
+  borderBlock: string;
+  borderInlineStart: string;
+  borderInlineEnd: string;
+  borderBlockStart: string;
+  borderBlockEnd: string;
+  insetInline: PropertyValue;
+  insetInlineStart: PropertyValue;
+  insetInlineEnd: PropertyValue;
+  insetBlock: PropertyValue;
+  insetBlockStart: PropertyValue;
+  insetBlockEnd: PropertyValue;
+  captionSide: CSSProperties['captionSide'];
+  clear: CSSProperties['clear'];
+  clip: CSSProperties['clip'];
+  clipPath: CSSProperties['clipPath'];
+  content: CSSProperties['content'];
+  contentVisibility: CSSProperties['contentVisibility'];
+  counterIncrement: CSSProperties['counterIncrement'];
+  counterReset: CSSProperties['counterReset'];
+  emptyCells: CSSProperties['emptyCells'];
+  zIndex: CSSProperties['zIndex'];
+  overflow: CSSProperties['overflow'];
+  overflowWrap: CSSProperties['overflowWrap'];
+  overflowX: CSSProperties['overflowX'];
+  overflowY: CSSProperties['overflowY'];
+  perspective: CSSProperties['perspective'];
+  perspectiveOrigin: CSSProperties['perspectiveOrigin'];
+  quotes: CSSProperties['quotes'];
+  tabSize: CSSProperties['tabSize'];
+  tableLayout: CSSProperties['tableLayout'];
+  visibility: CSSProperties['visibility'];
+  appearance: CSSProperties['appearance'];
+  imageRendering: CSSProperties['imageRendering'];
+  maskImage: CSSProperties['maskImage'];
+  maskSize: CSSProperties['maskSize'];
+  maskPosition: CSSProperties['maskPosition'];
+  maskRepeat: CSSProperties['maskRepeat'];
+  shapeOutside: CSSProperties['shapeOutside'];
+  shapeMargin: CSSProperties['shapeMargin'];
+  shapeImageThreshold: CSSProperties['shapeImageThreshold'];
+  columnCount: CSSProperties['columnCount'];
+  columnWidth: CSSProperties['columnWidth'];
+  columnRule: CSSProperties['columnRule'];
+  columns: CSSProperties['columns'];
+  breakBefore: CSSProperties['breakBefore'];
+  breakAfter: CSSProperties['breakAfter'];
+  breakInside: CSSProperties['breakInside'];
+  orphans: CSSProperties['orphans'];
+  widows: CSSProperties['widows'];
+  printColorAdjust: CSSProperties['printColorAdjust'];
+  hideEmpty: boolean;
+  clearFix: boolean;
+  fullScreen: boolean;
+  extendCss: ReturnType<typeof config.css> | string;
+};
+type InnerTheme = { [I in keyof ITheme]: ITheme[I] | null | undefined };
+type Theme = { [I in keyof ITheme]: ITheme[I] | Func<ITheme[I]> | null | undefined };
+//# sourceMappingURL=types.d.ts.map
+//#endregion
+//#region src/styles/styles/index.d.ts
+type Styles = ({
+  theme,
+  css,
+  rootSize
+}: {
+  theme: InnerTheme;
+  css: Css;
+  rootSize?: number;
+}) => ReturnType<typeof css>;
+/**
+ * Data-driven style processor. Iterates the `propertyMap` descriptors
+ * and delegates each to `processDescriptor`, which maps theme values
+ * to CSS strings. The result is a single `css` tagged-template literal
+ * containing all non-null property outputs.
+ */
+declare const styles$1: Styles;
+//#endregion
+//#region src/units/stripUnit.d.ts
+type Value$1<V> = V extends string ? number : V;
+type Unit<V> = V extends string ? string : undefined;
+type StripUnit = <V extends string | number, UR extends boolean = false>(value: V, unitReturn?: UR) => UR extends true ? [Value$1<V>, Unit<V>] : Value$1<V>;
+/**
+ * Strips the CSS unit suffix from a value.
+ * With `unitReturn=true`, returns a `[number, unit]` tuple.
+ * Otherwise returns just the numeric part.
+ * Non-string inputs are passed through unchanged.
+ */
+declare const stripUnit: StripUnit;
+//#endregion
+//#region src/units/value.d.ts
+type CssUnits = 'px' | 'rem' | '%' | 'em' | 'ex' | 'cm' | 'mm' | 'in' | 'pt' | 'pc' | 'ch' | 'vh' | 'vw' | 'vmin' | 'vmax';
+type Value = (param: string | number | null | undefined, rootSize?: number, outputUnit?: CssUnits) => string | number | null;
+/**
+ * Converts a raw numeric value to a CSS string with appropriate units.
+ * - Numbers without a unit are divided by `rootSize` and output as rem (web) or px (native).
+ * - Values that already carry a unit are returned as-is, unless converting px→rem.
+ * - Zero is always returned unitless.
+ */
+declare const value: Value;
+//#endregion
+//#region src/units/values.d.ts
+type Values = (values: unknown[], rootSize?: number, outputUnit?: Units) => string | number | null;
+/**
+ * Picks the first non-null value from the array, converts it via `value()`,
+ * and returns the result. If the picked value is itself an array, each item
+ * is converted and joined with spaces (e.g. for shorthand properties).
+ */
+declare const values: Values;
+//#endregion
+export { ALIGN_CONTENT_DIRECTION, ALIGN_CONTENT_MAP_X, ALIGN_CONTENT_MAP_Y, type AlignContent, type AlignContentAlignXKeys, type AlignContentAlignYKeys, type AlignContentDirectionKeys, type Breakpoints, type BrowserColors, type Color, type CreateMediaQueries, type Defaults, type ExtendCss, type MakeItResponsive, type MakeItResponsiveStyles, type NormalizeTheme, type PropertyValue, Provider, type SortBreakpoints, type StripUnit, type Styles, type Theme as StylesTheme, type TProvider, type TransformTheme, type UnitValue, type Value, type Values, alignContent, breakpoints$1 as breakpoints, context, createMediaQueries, extendCss, makeItResponsive, normalizeTheme, sortBreakpoints, stripUnit, styles$1 as styles, transformTheme, value, values };
+//# sourceMappingURL=index.d.d.ts.map