@pandacss/config 0.0.2 → 0.3.0

package/node_modules/@pandacss/preset-base/dist/index.d.ts

@@ -0,0 +1,473 @@
+import * as _pandacss_types_dist_pattern from '@pandacss/types/dist/pattern';
+import * as _pandacss_types from '@pandacss/types';
+
+declare const preset: {
+    conditions: {
+        hover: string;
+        focus: string;
+        focusWithin: string;
+        focusVisible: string;
+        disabled: string;
+        active: string;
+        visited: string;
+        target: string;
+        readOnly: string;
+        readWrite: string;
+        empty: string;
+        checked: string;
+        enabled: string;
+        expanded: string;
+        highlighted: string;
+        before: string;
+        after: string;
+        firstLetter: string;
+        firstLine: string;
+        marker: string;
+        selection: string;
+        file: string;
+        backdrop: string;
+        first: string;
+        last: string;
+        only: string;
+        even: string;
+        odd: string;
+        firstOfType: string;
+        lastOfType: string;
+        onlyOfType: string;
+        peerFocus: string;
+        peerHover: string;
+        peerActive: string;
+        peerFocusWithin: string;
+        peerFocusVisible: string;
+        peerDisabled: string;
+        peerChecked: string;
+        peerInvalid: string;
+        peerExpanded: string;
+        peerPlaceholderShown: string;
+        groupFocus: string;
+        groupHover: string;
+        groupActive: string;
+        groupFocusWithin: string;
+        groupFocusVisible: string;
+        groupDisabled: string;
+        groupChecked: string;
+        groupExpanded: string;
+        groupInvalid: string;
+        indeterminate: string;
+        required: string;
+        valid: string;
+        invalid: string;
+        autofill: string;
+        inRange: string;
+        outOfRange: string;
+        placeholder: string;
+        placeholderShown: string;
+        pressed: string;
+        selected: string;
+        default: string;
+        optional: string;
+        open: string;
+        fullscreen: string;
+        loading: string;
+        currentPage: string;
+        currentStep: string;
+        motionReduce: string;
+        motionSafe: string;
+        print: string;
+        landscape: string;
+        portrait: string;
+        dark: string;
+        light: string;
+        osDark: string;
+        osLight: string;
+        highConstrast: string;
+        lessContrast: string;
+        moreContrast: string;
+        ltr: string;
+        rtl: string;
+        scrollbar: string;
+        scrollbarThumb: string;
+        scrollbarTrack: string;
+        horizontal: string;
+        vertical: string;
+    };
+    utilities: _pandacss_types.UtilityConfig;
+    patterns: {
+        box: {
+            properties: {};
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>;
+        };
+        flex: {
+            properties: {
+                align: {
+                    type: "property";
+                    value: "alignItems";
+                };
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+                direction: {
+                    type: "property";
+                    value: "flexDirection";
+                };
+                wrap: {
+                    type: "property";
+                    value: "flexWrap";
+                };
+                basis: {
+                    type: "property";
+                    value: "flexBasis";
+                };
+                grow: {
+                    type: "property";
+                    value: "flexGrow";
+                };
+                shrink: {
+                    type: "property";
+                    value: "flexShrink";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                flexDirection: any;
+                alignItems: any;
+                justifyContent: any;
+                flexWrap: any;
+                flexBasis: any;
+                flexGrow: any;
+                flexShrink: any;
+            };
+        };
+        stack: {
+            properties: {
+                align: {
+                    type: "property";
+                    value: "alignItems";
+                };
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+                direction: {
+                    type: "property";
+                    value: "flexDirection";
+                };
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                flexDirection: any;
+                alignItems: any;
+                justifyContent: any;
+                gap: any;
+            };
+        };
+        vstack: {
+            jsx: string;
+            properties: {
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                alignItems: "center";
+                justifyContent: any;
+                gap: any;
+                flexDirection: "column";
+            };
+        };
+        hstack: {
+            jsx: string;
+            properties: {
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                alignItems: "center";
+                justifyContent: any;
+                gap: any;
+                flexDirection: "row";
+            };
+        };
+        spacer: {
+            properties: {
+                size: {
+                    type: "token";
+                    value: "spacing";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                alignSelf: "stretch";
+                justifySelf: "stretch";
+                flex: any;
+            };
+        };
+        square: {
+            properties: {
+                size: {
+                    type: "property";
+                    value: "width";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                alignItems: "center";
+                justifyContent: "center";
+                flex: "0 0 auto";
+                width: any;
+                height: any;
+            };
+        };
+        circle: {
+            properties: {
+                size: {
+                    type: "property";
+                    value: "width";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                alignItems: "center";
+                justifyContent: "center";
+                flex: "0 0 auto";
+                width: any;
+                height: any;
+                borderRadius: "9999px";
+            };
+        };
+        center: {
+            properties: {
+                inline: {
+                    type: "boolean";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex" | "inline-flex";
+                alignItems: "center";
+                justifyContent: "center";
+            };
+        };
+        linkBox: {
+            properties: {};
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                position: "relative";
+                '& :where(a, abbr)': {
+                    position: "relative";
+                    zIndex: "1";
+                };
+            };
+        };
+        linkOverlay: {
+            jsxElement: string;
+            properties: {};
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                position: "static";
+                _before: any;
+            };
+        };
+        aspectRatio: {
+            properties: {
+                ratio: {
+                    type: "number";
+                };
+            };
+            blocklist: "aspectRatio"[];
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                aspectRatio: any;
+                overflow: "hidden";
+                display: "flex";
+                justifyContent: "center";
+                alignItems: "center";
+                '&>img, &>video': {
+                    width: "100%";
+                    height: "100%";
+                    objectFit: "cover";
+                };
+            };
+        };
+        grid: {
+            properties: {
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+                columnGap: {
+                    type: "property";
+                    value: "gap";
+                };
+                rowGap: {
+                    type: "property";
+                    value: "gap";
+                };
+                columns: {
+                    type: "number";
+                };
+                minChildWidth: {
+                    type: "token";
+                    value: "sizes";
+                    property: "width";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                display: "grid";
+                gridTemplateColumns: any;
+                gap: any;
+                columnGap: any;
+                rowGap: any;
+            };
+        };
+        gridItem: {
+            properties: {
+                colSpan: {
+                    type: "number";
+                };
+                rowSpan: {
+                    type: "number";
+                };
+                colStart: {
+                    type: "number";
+                };
+                rowStart: {
+                    type: "number";
+                };
+                colEnd: {
+                    type: "number";
+                };
+                rowEnd: {
+                    type: "number";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                gridColumn: any;
+                gridRow: any;
+                gridColumnEnd: any;
+                gridRowEnd: any;
+            };
+        };
+        wrap: {
+            properties: {
+                gap: {
+                    type: "property";
+                    value: "gap";
+                };
+                rowGap: {
+                    type: "property";
+                    value: "gap";
+                };
+                columnGap: {
+                    type: "property";
+                    value: "gap";
+                };
+                align: {
+                    type: "property";
+                    value: "alignItems";
+                };
+                justify: {
+                    type: "property";
+                    value: "justifyContent";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                display: "flex";
+                flexWrap: "wrap";
+                alignItems: any;
+                justifyContent: any;
+                gap: any;
+                columnGap: any;
+                rowGap: any;
+            };
+        };
+        container: {
+            properties: {};
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
+                position: "relative";
+                maxWidth: "8xl";
+                mx: string;
+                px: {
+                    base: string;
+                    md: string;
+                    lg: string;
+                };
+            };
+        };
+        divider: {
+            properties: {
+                orientation: {
+                    type: "enum";
+                    value: string[];
+                };
+                thickness: {
+                    type: "token";
+                    value: "sizes";
+                    property: "borderWidth";
+                };
+                color: {
+                    type: "token";
+                    value: "colors";
+                    property: "borderColor";
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                '--thickness': any;
+                width: any;
+                height: any;
+                borderInlineStartWidth: any;
+                borderInlineEndWidth: any;
+                borderColor: any;
+            };
+        };
+        float: {
+            properties: {
+                offsetX: {
+                    type: "token";
+                    value: "spacing";
+                    property: "left";
+                };
+                offsetY: {
+                    type: "token";
+                    value: "spacing";
+                    property: "top";
+                };
+                offset: {
+                    type: "token";
+                    value: "spacing";
+                    property: "top";
+                };
+                placement: {
+                    type: "enum";
+                    value: string[];
+                };
+            };
+            transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
+                display: "inline-flex";
+                justifyContent: "center";
+                alignItems: "center";
+                position: "absolute";
+                insetBlockStart: any;
+                insetBlockEnd: any;
+                insetInlineStart: any;
+                insetInlineEnd: any;
+                translate: any;
+            };
+        };
+    };
+};
+
+export { preset as default, preset };