pixelize-design-library 2.3.22 → 2.4.1-beta.2

package/dist/Theme/chakra/Slider.styles.d.ts

@@ -0,0 +1,31 @@
+import type { StyleFunctionProps } from "@chakra-ui/react";
+declare const $thumbBg: {
+    variable: string;
+    reference: string;
+};
+export declare const Slider: {
+    baseStyle?: (({ theme }: StyleFunctionProps) => {
+        thumb: {
+            [$thumbBg.variable]: any;
+            bg: string;
+        };
+    }) | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
+};
+export {};
+//# sourceMappingURL=Slider.styles.d.ts.map

package/dist/Theme/chakra/Slider.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Slider.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,QAAQ;;;CAA4B,CAAC;AAe3C,eAAO,MAAM,MAAM;6BAP4B,kBAAkB;;YAE7D,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAkF;;;;;;;;;;;;;;;;;;;;CAOvG,CAAC"}

package/dist/Theme/chakra/Slider.styles.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+const react_1 = require("@chakra-ui/react");
+const anatomy_1 = require("@chakra-ui/anatomy");
+const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.sliderAnatomy.keys);
+const $thumbBg = (0, react_1.cssVar)("slider-thumb-bg");
+/**
+ * Chakra's own Slider thumb baseStyle hardcodes `bg: "white"` with no `_dark` gate at all (unlike
+ * track/filledTrack, which at least have one Chakra's own colorMode never triggers here) — so
+ * every bare `<SliderThumb>` renders a literal white circle on the dark canvas regardless of mode,
+ * same bug class as Menu/Modal but without even the dead `_dark` branch.
+ */
+const baseStyle = definePartsStyle(({ theme }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        thumb: {
+            [$thumbBg.variable]: (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff",
+            bg: $thumbBg.reference,
+        },
+    });
+});
+exports.Slider = defineMultiStyleConfig({
+    baseStyle,
+});

package/dist/Theme/chakra/Switch.styles.d.ts

@@ -0,0 +1,31 @@
+import type { StyleFunctionProps } from "@chakra-ui/react";
+declare const $thumbBg: {
+    variable: string;
+    reference: string;
+};
+export declare const Switch: {
+    baseStyle?: (({ theme }: StyleFunctionProps) => {
+        thumb: {
+            [$thumbBg.variable]: any;
+            bg: string;
+        };
+    }) | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "label" | "track" | "thumb")[];
+        }>;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "label" | "track" | "thumb")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "label" | "track" | "thumb")[];
+};
+export {};
+//# sourceMappingURL=Switch.styles.d.ts.map

package/dist/Theme/chakra/Switch.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Switch.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,QAAQ;;;CAA4B,CAAC;AAc3C,eAAO,MAAM,MAAM;6BAP4B,kBAAkB;;YAE7D,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAkF;;;;;;;;;;;;;;;;;;;;CAOvG,CAAC"}

package/dist/Theme/chakra/Switch.styles.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+const react_1 = require("@chakra-ui/react");
+const anatomy_1 = require("@chakra-ui/anatomy");
+const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.switchAnatomy.keys);
+const $thumbBg = (0, react_1.cssVar)("switch-thumb-bg");
+/**
+ * Same bug as Slider's thumb: Chakra's own Switch thumb baseStyle hardcodes `bg: "white"` with no
+ * `_dark` gate at all, so every bare `<Switch>` renders a literal white knob on the dark canvas
+ * regardless of mode.
+ */
+const baseStyle = definePartsStyle(({ theme }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        thumb: {
+            [$thumbBg.variable]: (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff",
+            bg: $thumbBg.reference,
+        },
+    });
+});
+exports.Switch = defineMultiStyleConfig({
+    baseStyle,
+});

package/dist/Theme/chakra/Tabs.styles.d.ts

@@ -0,0 +1,43 @@
+import type { StyleFunctionProps } from "@chakra-ui/react";
+declare const $bg: {
+    variable: string;
+    reference: string;
+};
+declare const $border: {
+    variable: string;
+    reference: string;
+};
+export declare const Tabs: {
+    baseStyle?: import("@chakra-ui/react").PartsStyleInterpolation<{
+        keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
+    }> | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
+        }>;
+    } | undefined;
+    variants?: {
+        enclosed: ({ theme }: StyleFunctionProps) => {
+            tab: {
+                _selected: {
+                    [$border.variable]: any;
+                };
+            };
+        };
+        "enclosed-colored": ({ theme }: StyleFunctionProps) => {
+            tab: {
+                _selected: {
+                    [$bg.variable]: any;
+                };
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "enclosed" | "enclosed-colored" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
+};
+export {};
+//# sourceMappingURL=Tabs.styles.d.ts.map

package/dist/Theme/chakra/Tabs.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/Tabs.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAK3D,QAAA,MAAM,GAAG;;;CAAoB,CAAC;AAC9B,QAAA,MAAM,OAAO;;;CAA8B,CAAC;AAyB5C,eAAO,MAAM,IAAI;;;;;;;;;;8BAhBoC,kBAAkB;;;oBAGjE,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAkF;;;;wCAK9C,kBAAkB;;;oBAGxE,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAkF;;;;;;;;;;;CAUpG,CAAC"}

package/dist/Theme/chakra/Tabs.styles.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+const react_1 = require("@chakra-ui/react");
+const anatomy_1 = require("@chakra-ui/anatomy");
+const { defineMultiStyleConfig, definePartsStyle } = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.tabsAnatomy.keys);
+const $bg = (0, react_1.cssVar)("tabs-bg");
+const $border = (0, react_1.cssVar)("tabs-border-color");
+/**
+ * Same bug class as Menu/Modal/Popover: Chakra's own Tabs baseStyle hardcodes the selected tab's
+ * "cutout" color to `colors.white` outside `_dark` for two variants — `enclosed`'s selected border
+ * (meant to match the panel it sits against) and `enclosed-colored`'s selected background — both
+ * gated behind `_dark`, which this theme-swap app never triggers. Every selected `enclosed`/
+ * `enclosed-colored` tab renders a white seam/fill on the dark canvas.
+ */
+const variantEnclosed = definePartsStyle(({ theme }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        tab: {
+            _selected: {
+                [$border.variable]: (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff",
+            },
+        },
+    });
+});
+const variantEnclosedColored = definePartsStyle(({ theme }) => {
+    var _a, _b, _c, _d, _e, _f;
+    return ({
+        tab: {
+            _selected: {
+                [$bg.variable]: (_f = (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.backgroundColor) === null || _b === void 0 ? void 0 : _b.light) !== null && _c !== void 0 ? _c : (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e[50]) !== null && _f !== void 0 ? _f : "#fff",
+            },
+        },
+    });
+});
+exports.Tabs = defineMultiStyleConfig({
+    variants: {
+        enclosed: variantEnclosed,
+        "enclosed-colored": variantEnclosedColored,
+    },
+});

package/dist/Theme/chakra/common.web.d.ts

@@ -0,0 +1,171 @@
+/**
+ * Web (Chakra) assembly of the pure primitives. `config.cssVarPrefix` is a Chakra
+ * concern, which is why this assembly lives here and not in `tokens/`.
+ */
+declare const common: {
+    lineHeights: {
+        normal: string;
+        none: number;
+        shorter: number;
+        short: number;
+        base: number;
+        tall: number;
+        taller: string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    space: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    sizes: {
+        full: string;
+        screenW: string;
+        screenH: string;
+        max: string;
+        min: string;
+        "3xs": string;
+        "2xs": string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        container: {
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    breakpoints: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+    };
+    shadows: {
+        xs: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        outline: string;
+        inner: string;
+        none: string;
+        darkLg: string;
+    };
+    radii: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        full: string;
+    };
+    zIndices: {
+        hide: number;
+        auto: string;
+        base: number;
+        docked: number;
+        dropdown: number;
+        sticky: number;
+        banner: number;
+        overlay: number;
+        modal: number;
+        popover: number;
+        skipLink: number;
+        toast: number;
+        tooltip: number;
+    };
+    config: {
+        cssVarPrefix: string;
+    };
+};
+export default common;
+//# sourceMappingURL=common.web.d.ts.map

package/dist/Theme/chakra/common.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.web.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/common.web.ts"],"names":[],"mappings":"AAWA;;;GAGG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Theme/chakra/common.web.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const primitives_1 = require("../tokens/primitives");
+/**
+ * Web (Chakra) assembly of the pure primitives. `config.cssVarPrefix` is a Chakra
+ * concern, which is why this assembly lives here and not in `tokens/`.
+ */
+const common = {
+    lineHeights: primitives_1.lineHeights,
+    letterSpacings: primitives_1.letterSpacings,
+    space: primitives_1.space,
+    sizes: primitives_1.sizes,
+    breakpoints: primitives_1.breakpoints,
+    shadows: primitives_1.shadows,
+    radii: primitives_1.radii,
+    zIndices: primitives_1.zIndices,
+    config: {
+        cssVarPrefix: "ck",
+    },
+};
+exports.default = common;

package/dist/Theme/chakra/componentStyles.d.ts

@@ -0,0 +1,240 @@
+import { ComponentStyleConfig, StyleFunctionProps } from "@chakra-ui/react";
+export declare const componentStyles: {
+    Checkbox: ComponentStyleConfig;
+    Input: ComponentStyleConfig;
+    Button: ComponentStyleConfig;
+    Select: ComponentStyleConfig;
+    Tag: import("@chakra-ui/react").ComponentMultiStyleConfig;
+    Textarea: ComponentStyleConfig;
+    NumberInput: ComponentStyleConfig;
+    Badge: import("@chakra-ui/react").ComponentSingleStyleConfig;
+    FormError: import("@chakra-ui/react").ComponentSingleStyleConfig;
+    Drawer: {
+        baseStyle?: (({ theme }: StyleFunctionProps) => {
+            dialog: {
+                [x: string]: any;
+                bg: string;
+                color: any;
+            };
+        }) | undefined;
+        sizes?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
+            }>;
+        } | undefined;
+        variants?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
+            }>;
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: string | number | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
+    };
+    Menu: {
+        baseStyle?: (({ theme }: StyleFunctionProps) => {
+            list: {
+                [x: string]: any;
+                bg: string;
+                color: any;
+            };
+            item: {
+                bg: string;
+                _focus: {
+                    [x: string]: any;
+                    bg: string;
+                };
+                _hover: {
+                    [x: string]: any;
+                    bg: string;
+                };
+                _active: {
+                    [x: string]: any;
+                    bg: string;
+                };
+                _expanded: {
+                    [x: string]: any;
+                    bg: string;
+                };
+            };
+        }) | undefined;
+        sizes?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("button" | "list" | "icon" | "item" | "groupTitle" | "command" | "divider")[];
+            }>;
+        } | undefined;
+        variants?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("button" | "list" | "icon" | "item" | "groupTitle" | "command" | "divider")[];
+            }>;
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: string | number | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("button" | "list" | "icon" | "item" | "groupTitle" | "command" | "divider")[];
+    };
+    Modal: {
+        baseStyle?: (({ theme }: StyleFunctionProps) => {
+            dialog: {
+                [x: string]: any;
+                bg: string;
+                color: any;
+            };
+        }) | undefined;
+        sizes?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
+            }>;
+        } | undefined;
+        variants?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
+            }>;
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: string | number | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("overlay" | "body" | "dialog" | "footer" | "header" | "closeButton" | "dialogContainer")[];
+    };
+    Popover: {
+        baseStyle?: (({ theme }: StyleFunctionProps) => {
+            content: {
+                [x: string]: any;
+                bg: string;
+                color: any;
+            };
+        }) | undefined;
+        sizes?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("content" | "body" | "footer" | "header" | "closeButton" | "popper" | "arrow")[];
+            }>;
+        } | undefined;
+        variants?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("content" | "body" | "footer" | "header" | "closeButton" | "popper" | "arrow")[];
+            }>;
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: string | number | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("content" | "body" | "footer" | "header" | "closeButton" | "popper" | "arrow")[];
+    };
+    Slider: {
+        baseStyle?: (({ theme }: StyleFunctionProps) => {
+            thumb: {
+                [x: string]: any;
+                bg: string;
+            };
+        }) | undefined;
+        sizes?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
+            }>;
+        } | undefined;
+        variants?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
+            }>;
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: string | number | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("container" | "mark" | "track" | "filledTrack" | "thumb")[];
+    };
+    Switch: {
+        baseStyle?: (({ theme }: StyleFunctionProps) => {
+            thumb: {
+                [x: string]: any;
+                bg: string;
+            };
+        }) | undefined;
+        sizes?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("container" | "label" | "track" | "thumb")[];
+            }>;
+        } | undefined;
+        variants?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("container" | "label" | "track" | "thumb")[];
+            }>;
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: string | number | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("container" | "label" | "track" | "thumb")[];
+    };
+    Tabs: {
+        baseStyle?: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
+        }> | undefined;
+        sizes?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
+            }>;
+        } | undefined;
+        variants?: {
+            enclosed: ({ theme }: StyleFunctionProps) => {
+                tab: {
+                    _selected: {
+                        [x: string]: any;
+                    };
+                };
+            };
+            "enclosed-colored": ({ theme }: StyleFunctionProps) => {
+                tab: {
+                    _selected: {
+                        [x: string]: any;
+                    };
+                };
+            };
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: "enclosed" | "enclosed-colored" | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
+    };
+    Avatar: {
+        baseStyle?: (({ theme }: StyleFunctionProps) => {
+            badge: {
+                [x: string]: any;
+            };
+            container: {
+                [x: string]: any;
+            };
+        }) | undefined;
+        sizes?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("container" | "label" | "group" | "badge" | "excessLabel")[];
+            }>;
+        } | undefined;
+        variants?: {
+            [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+                keys: ("container" | "label" | "group" | "badge" | "excessLabel")[];
+            }>;
+        } | undefined;
+        defaultProps?: {
+            size?: string | number | undefined;
+            variant?: string | number | undefined;
+            colorScheme?: string | undefined;
+        } | undefined;
+        parts: ("container" | "label" | "group" | "badge" | "excessLabel")[];
+    };
+    Skeleton: import("@chakra-ui/react").ComponentSingleStyleConfig;
+    Tooltip: import("@chakra-ui/react").ComponentSingleStyleConfig;
+};
+//# sourceMappingURL=componentStyles.d.ts.map

package/dist/Theme/chakra/componentStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentStyles.d.ts","sourceRoot":"","sources":["../../../src/Theme/chakra/componentStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAU,MAAM,kBAAkB,CAAC;AA4HpF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoB3B,CAAC"}