pixelize-design-library 2.3.25 → 2.3.26

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

@@ -1,43 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,41 +0,0 @@
-"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

@@ -1,171 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,21 +0,0 @@
-"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

@@ -1,240 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

package/dist/Theme/chakra/componentStyles.js

@@ -1,150 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentStyles = void 0;
-const react_1 = require("@chakra-ui/react");
-const Button_styles_1 = require("../../Components/Button/Button.styles");
-const Checkbox_styles_1 = require("../../Components/Checkbox/Checkbox.styles");
-const TextInput_styles_1 = require("../../Components/Input/TextInput.styles");
-const Select_styles_1 = require("../../Components/Select/Select.styles");
-const Tag_styles_1 = require("../../Components/Tag/Tag.styles");
-const InputTextArea_style_1 = require("../../Components/InputTextArea/InputTextArea.style");
-const NumberInput_styles_1 = require("../../Components/NumberInput/NumberInput.styles");
-const accentText_1 = require("../tokens/builders/accentText");
-const color_1 = require("../tokens/builders/color");
-const Drawer_styles_1 = require("./Drawer.styles");
-const Menu_styles_1 = require("./Menu.styles");
-const Modal_styles_1 = require("./Modal.styles");
-const Popover_styles_1 = require("./Popover.styles");
-const Slider_styles_1 = require("./Slider.styles");
-const Switch_styles_1 = require("./Switch.styles");
-const Tabs_styles_1 = require("./Tabs.styles");
-const Avatar_styles_1 = require("./Avatar.styles");
-// `colorScheme` accepts any Chakra scale, including built-ins we never themed (blackAlpha,
-// whiteAlpha) whose rungs are translucent `rgba(...)` strings, not opaque hex — our contrast
-// math (hexToRgb) throws on those on purpose (see color.ts). Guard so those scales fall back to
-// Chakra's own original fixed rung instead of computing contrast on a color it can't parse.
-const isHexColor = (color) => typeof color === "string" && /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(color);
-// Badge isn't its own component family (no Components/Badge/), so its style config lives here —
-// Chakra's stock `solid` variant hardcodes a white label on a variable fill, same AA gap Tag had.
-const Badge = {
-    variants: {
-        solid: ({ theme, colorScheme = "gray" }) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
-            const swatch = (_d = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a[colorScheme]) !== null && _b !== void 0 ? _b : (_c = theme.colors) === null || _c === void 0 ? void 0 : _c.gray) !== null && _d !== void 0 ? _d : {};
-            const bg = swatch === null || swatch === void 0 ? void 0 : swatch[500];
-            const white = (_f = (_e = theme.colors) === null || _e === void 0 ? void 0 : _e.white) !== null && _f !== void 0 ? _f : "#fff";
-            const black = (_h = (_g = theme.colors) === null || _g === void 0 ? void 0 : _g.black) !== null && _h !== void 0 ? _h : "#000";
-            return {
-                bg,
-                color: isHexColor(bg) ? (0, accentText_1.onFilled)(bg, white, black) : swatch === null || swatch === void 0 ? void 0 : swatch[800],
-            };
-        },
-        // Chakra's stock `subtle` picks its bg/color pair via `mode()`, keyed to Chakra's own
-        // colorMode — which this app never toggles (dark mode swaps the palette object instead), so
-        // it always takes the light-mode branch. Applied to our mode-reversed dark scales, that
-        // branch's fixed rung pair (100/800) measures 4.06 in dark mode, just under AA.
-        subtle: ({ theme, colorScheme = "gray" }) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            const swatch = (_d = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a[colorScheme]) !== null && _b !== void 0 ? _b : (_c = theme.colors) === null || _c === void 0 ? void 0 : _c.gray) !== null && _d !== void 0 ? _d : {};
-            const bg = (_e = swatch === null || swatch === void 0 ? void 0 : swatch[100]) !== null && _e !== void 0 ? _e : swatch === null || swatch === void 0 ? void 0 : swatch[50];
-            if (!isHexColor(bg))
-                return { bg, color: swatch === null || swatch === void 0 ? void 0 : swatch[800] };
-            // accentTextOnCanvas keeps brand hue by trying this scale's own rungs first, but some
-            // narrow-gamut hues (e.g. yellow) don't reach far enough at either end to clear AA against
-            // every bg they can land on in dark mode (measured 4.42 for a reversed-yellow badge) — its
-            // own doc admits it falls back to "the most extreme rung" rather than guaranteeing AA. Verify
-            // the candidate actually clears AA; if not, drop brand hue for the guaranteed white/black ink
-            // (onFilled is provably >=4.5 against any bg) rather than ship a near-miss.
-            const accent = (0, accentText_1.accentTextOnCanvas)(swatch, bg);
-            if ((0, color_1.contrastRatio)(accent, bg) >= 4.5)
-                return { bg, color: accent };
-            const white = (_g = (_f = theme.colors) === null || _f === void 0 ? void 0 : _f.white) !== null && _g !== void 0 ? _g : "#fff";
-            const black = (_j = (_h = theme.colors) === null || _h === void 0 ? void 0 : _h.black) !== null && _j !== void 0 ? _j : "#000";
-            return { bg, color: (0, accentText_1.onFilled)(bg, white, black) };
-        },
-    },
-    defaultProps: {
-        variant: "subtle",
-        colorScheme: "gray",
-    },
-};
-// Chakra's stock FormErrorMessage hardcodes `colors.red.500` (our own `red[500]`, since
-// `createBrandTheme` sets `theme.colors = palette`) — same AA gap as our own ErrorMessage/
-// ErrorComponent, fixed the same way rather than leaving Chakra's raw usage (e.g. FeedbackForm)
-// unfixed.
-const FormError = {
-    baseStyle: ({ theme }) => {
-        var _a, _b, _c, _d;
-        // `icon` (FormErrorIcon) shares the same AA gap as `text` — both must be fixed together or
-        // the icon stays on Chakra's raw `red.500`.
-        const color = (0, accentText_1.accentTextOnCanvas)((_a = theme.colors) === null || _a === void 0 ? void 0 : _a.red, (_d = (_c = (_b = theme.colors) === null || _b === void 0 ? void 0 : _b.backgroundColor) === null || _c === void 0 ? void 0 : _c.main) !== null && _d !== void 0 ? _d : "#ffffff");
-        return {
-            text: { color },
-            icon: { color },
-        };
-    },
-};
-const $tooltipBg = (0, react_1.cssVar)("tooltip-bg");
-const $tooltipFg = (0, react_1.cssVar)("tooltip-fg");
-/**
- * Chakra's own Tooltip baseStyle hardcodes `--tooltip-bg`/`--tooltip-fg` to `colors.gray.700`/
- * `colors.whiteAlpha.900` (gated behind `_dark`, which this theme-swap app never triggers — see
- * Menu.styles.ts / createBrandTheme's colorMode comment). Our reversed dark gray ramp makes
- * `gray.700` LIGHT (~L79), so every bare `<Tooltip>` renders a near-white bubble with near-white
- * text on the dark canvas — invisible. A tooltip floats over arbitrary content in either mode, so
- * unlike Menu/Modal/Drawer (which follow the canvas) it needs a FIXED high-contrast chip that
- * doesn't invert with the palette — `black`/`white` are exactly the two tokens `buildDarkPalette`
- * deliberately never remaps, so they stay a stable dark-bg/white-text pair in both modes.
- */
-const Tooltip = {
-    baseStyle: ({ theme }) => {
-        var _a, _b, _c, _d;
-        return ({
-            [$tooltipBg.variable]: (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.black) !== null && _b !== void 0 ? _b : "colors.gray.700",
-            [$tooltipFg.variable]: (_d = (_c = theme.colors) === null || _c === void 0 ? void 0 : _c.white) !== null && _d !== void 0 ? _d : "colors.whiteAlpha.900",
-        });
-    },
-};
-const $skeletonStart = (0, react_1.cssVar)("skeleton-start-color");
-const $skeletonEnd = (0, react_1.cssVar)("skeleton-end-color");
-/**
- * Chakra's own Skeleton baseStyle hardcodes `--skeleton-start-color`/`--skeleton-end-color` to
- * `colors.gray.100`/`colors.gray.400` the same `_dark`-gated way Menu/Popover did (Wave G/H), so
- * every bare `<Skeleton>` shimmers between two near-white tones on the dark canvas. Fixed at the
- * theme level rather than in `Skeletons.tsx`: Chakra's `Skeleton` only writes these vars from its
- * `startColor`/`endColor` PROPS when a caller actually passes them (`useToken` on an empty string
- * resolves to `undefined`, so the prop-driven `cssVarStyles` object stays empty) — an explicit
- * prop still wins via that mechanism, this only supplies the default the base style already owns.
- */
-const Skeleton = {
-    baseStyle: ({ theme }) => {
-        var _a, _b, _c, _d, _e, _f;
-        return ({
-            [$skeletonStart.variable]: (_c = (_b = (_a = theme.colors) === null || _a === void 0 ? void 0 : _a.gray) === null || _b === void 0 ? void 0 : _b[100]) !== null && _c !== void 0 ? _c : "colors.gray.100",
-            [$skeletonEnd.variable]: (_f = (_e = (_d = theme.colors) === null || _d === void 0 ? void 0 : _d.gray) === null || _e === void 0 ? void 0 : _e[300]) !== null && _f !== void 0 ? _f : "colors.gray.400",
-            background: $skeletonStart.reference,
-            borderColor: $skeletonEnd.reference,
-        });
-    },
-};
-exports.componentStyles = {
-    Checkbox: Checkbox_styles_1.Checkbox,
-    Input: TextInput_styles_1.Input,
-    Button: Button_styles_1.Button,
-    Select: Select_styles_1.Select,
-    Tag: Tag_styles_1.Tag,
-    Textarea: InputTextArea_style_1.Textarea,
-    NumberInput: NumberInput_styles_1.NumberInput,
-    Badge,
-    FormError,
-    Drawer: Drawer_styles_1.Drawer,
-    Menu: Menu_styles_1.Menu,
-    Modal: Modal_styles_1.Modal,
-    Popover: Popover_styles_1.Popover,
-    Slider: Slider_styles_1.Slider,
-    Switch: Switch_styles_1.Switch,
-    Tabs: Tabs_styles_1.Tabs,
-    Avatar: Avatar_styles_1.Avatar,
-    Skeleton,
-    Tooltip,
-};