beacon-ui 3.1.4

package/dist/components/Menu.js

@@ -0,0 +1,252 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { UserPersonIcon, ChevronRightIcon, CloseIcon, MenuIcon, DownloadIcon } from "../icons";
+import { SwitchPreview } from "./SwitchPreview";
+const DEFAULT_MENU_ITEMS = [
+    { id: "1", label: "Menu Item #1" },
+    { id: "2", label: "Menu Item #2" },
+    { id: "3", label: "Menu Item #3" },
+    { id: "4", label: "Menu Item #4" },
+    { id: "5", label: "Menu Item #5" },
+];
+export function Menu({ variant = "desktop", showMenu = true, showButton = true, menuItems = DEFAULT_MENU_ITEMS, headerTitle = "Title", headerSubtitle = "Subtitle", showChevrons = true, theme, hue, }) {
+    const containerStyles = useMemo(() => {
+        const baseStyles = {
+            display: "flex",
+            flexDirection: "column",
+            backgroundColor: "var(--bg-page-primary)",
+            borderTop: "var(--border-width-25) solid var(--border-neutral-primary)",
+            borderRight: "var(--border-width-25) solid var(--border-neutral-primary)",
+            borderBottom: "var(--border-width-25) solid var(--border-neutral-primary)",
+            borderLeft: "var(--border-width-25) solid var(--border-neutral-primary)",
+            position: "relative",
+        };
+        if (variant === "desktop") {
+            return {
+                ...baseStyles,
+                width: "240px",
+                height: "600px",
+                borderLeft: "none",
+                borderTop: "none",
+                borderBottom: "none",
+                borderRight: "var(--border-width-25) solid var(--border-neutral-primary)",
+                padding: "var(--spacing-500) var(--spacing-400)",
+                gap: "var(--spacing-none)",
+            };
+        }
+        if (variant === "tablet-open" || variant === "tablet-closed") {
+            return {
+                ...baseStyles,
+                width: "430px",
+                borderTop: "none",
+                borderRight: "none",
+                borderBottom: "var(--border-width-25) solid var(--border-neutral-primary)",
+                borderLeft: "none",
+                padding: variant === "tablet-open" ? "var(--spacing-200) var(--spacing-400)" : "8px 0",
+                gap: "var(--spacing-none)",
+            };
+        }
+        if (variant === "mobile-open" || variant === "mobile-closed") {
+            return {
+                ...baseStyles,
+                width: "400px",
+                borderTop: "none",
+                borderRight: "none",
+                borderBottom: "var(--border-width-25) solid var(--border-neutral-primary)",
+                borderLeft: "none",
+                padding: variant === "mobile-open" ? "var(--spacing-200) var(--spacing-400)" : "var(--spacing-200) var(--spacing-none)",
+                gap: "var(--spacing-none)",
+            };
+        }
+        if (variant === "close-menu") {
+            return {
+                ...baseStyles,
+                width: "100%",
+                borderTop: "none",
+                borderRight: "none",
+                borderBottom: "var(--border-width-25) solid var(--border-neutral-primary)",
+                borderLeft: "none",
+                padding: "var(--spacing-200) var(--spacing-400)",
+                alignItems: "flex-end",
+                justifyContent: "center",
+            };
+        }
+        return baseStyles;
+    }, [variant]);
+    const headerStyles = useMemo(() => {
+        if (variant === "desktop") {
+            return {
+                display: "flex",
+                gap: "var(--spacing-200)",
+                alignItems: "center",
+                padding: "var(--spacing-200)",
+                borderRadius: "var(--corner-radius-100)",
+                width: "100%",
+            };
+        }
+        // For tablet/mobile, header is part of the main row
+        return {
+            display: "flex",
+            gap: "var(--spacing-200)",
+            alignItems: "center",
+            padding: "var(--spacing-200)",
+            borderRadius: "var(--corner-radius-100)",
+            flex: 1,
+        };
+    }, [variant]);
+    const avatarStyles = useMemo(() => {
+        return {
+            width: "48px",
+            height: "48px",
+            borderRadius: "var(--corner-radius-200)",
+            backgroundColor: "var(--bg-primary)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexShrink: 0,
+            overflow: "hidden",
+        };
+    }, []);
+    const menuItemStyles = useMemo(() => {
+        return {
+            display: "flex",
+            gap: "var(--spacing-200)",
+            alignItems: "center",
+            padding: "var(--spacing-200) var(--spacing-200)",
+            borderRadius: "var(--corner-radius-200)",
+            backgroundColor: "var(--bg-page-primary)",
+            width: "100%",
+        };
+    }, []);
+    const buttonStyles = useMemo(() => {
+        return {
+            display: "flex",
+            gap: "var(--spacing-200)",
+            alignItems: "center",
+            padding: "var(--spacing-200) var(--spacing-300)",
+            borderRadius: "var(--corner-radius-200)",
+            backgroundColor: "var(--bg-primary-tonal)",
+            color: "var(--fg-primary-on-tonal)",
+            fontFamily: "var(--font-secondary)",
+            fontSize: "var(--body-small-text-size)",
+            lineHeight: "var(--body-small-line-height)",
+            fontWeight: "var(--font-weight-secondary-medium)",
+            cursor: "pointer",
+            width: variant === "desktop" ? "100%" : "92px",
+        };
+    }, [variant]);
+    const footerStyles = useMemo(() => {
+        if (variant === "desktop") {
+            return {
+                display: "flex",
+                flexDirection: "column",
+                gap: "var(--spacing-400)",
+                alignItems: "flex-start",
+                justifyContent: "center",
+                padding: "var(--spacing-400) var(--spacing-400) var(--spacing-200)",
+                width: "100%",
+            };
+        }
+        // For tablet/mobile, footer is part of the main row
+        return {
+            display: "flex",
+            gap: "var(--spacing-300)",
+            alignItems: "center",
+            justifyContent: "flex-end",
+        };
+    }, [variant]);
+    const mainRowStyles = useMemo(() => {
+        if (variant === "desktop") {
+            return {};
+        }
+        // For tablet/mobile, combine header and footer in one row
+        return {
+            display: "flex",
+            alignItems: "center",
+            width: "100%",
+            gap: "var(--spacing-200)",
+        };
+    }, [variant]);
+    const iconButtonStyles = useMemo(() => {
+        return {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: 0,
+            borderRadius: "var(--corner-radius-full)",
+            width: "40px",
+            height: "40px",
+            cursor: "pointer",
+            backgroundColor: "transparent",
+            border: "none",
+            color: "var(--fg-neutral)",
+        };
+    }, []);
+    if (variant === "close-menu") {
+        return (_jsx("div", { style: containerStyles, children: _jsx("button", { style: iconButtonStyles, children: _jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "32px", height: "32px" }, children: _jsx(CloseIcon, { size: 32 }) }) }) }));
+    }
+    const isDesktop = variant === "desktop";
+    const isTabletOpen = variant === "tablet-open";
+    const isMobileOpen = variant === "mobile-open";
+    const isTabletClosed = variant === "tablet-closed";
+    const isMobileClosed = variant === "mobile-closed";
+    const showMenuItems = (isDesktop || isTabletOpen || isMobileOpen) && showMenu;
+    const showHeaderContent = isDesktop || isTabletOpen || isTabletClosed;
+    return (_jsxs("div", { style: containerStyles, children: [isDesktop ? (_jsx(_Fragment, { children: _jsxs("div", { style: headerStyles, children: [_jsx("div", { style: avatarStyles, children: _jsx("img", { src: "/images/avatars/avatar-female.png", alt: "User avatar", style: {
+                                    width: "100%",
+                                    height: "100%",
+                                    objectFit: "cover",
+                                    objectPosition: "center",
+                                } }) }), showHeaderContent && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--spacing-none)", flex: 1 }, children: [_jsx("p", { style: {
+                                        fontFamily: "var(--font-secondary)",
+                                        fontSize: "var(--body-small-text-size)",
+                                        lineHeight: "var(--body-small-line-height)",
+                                        fontWeight: "var(--font-weight-secondary-regular)",
+                                        color: "var(--fg-neutral)",
+                                        margin: 0,
+                                    }, children: headerTitle }), _jsx("p", { style: {
+                                        fontFamily: "var(--font-secondary)",
+                                        fontSize: "var(--body-regular-text-size)",
+                                        lineHeight: "var(--body-regular-line-height)",
+                                        fontWeight: "var(--font-weight-secondary-medium)",
+                                        color: "var(--fg-neutral)",
+                                        margin: 0,
+                                    }, children: headerSubtitle })] }))] }) })) : (
+            /* Tablet/Mobile: Header and Footer in single row */
+            _jsxs("div", { style: mainRowStyles, children: [_jsxs("div", { style: headerStyles, children: [_jsx("div", { style: avatarStyles, children: _jsx("img", { src: "/images/avatars/avatar-female.png", alt: "User avatar", style: {
+                                        width: "100%",
+                                        height: "100%",
+                                        objectFit: "cover",
+                                        objectPosition: "center",
+                                    } }) }), showHeaderContent && (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--spacing-none)", flex: 1 }, children: [_jsx("p", { style: {
+                                            fontFamily: "var(--font-secondary)",
+                                            fontSize: "var(--body-small-text-size)",
+                                            lineHeight: "var(--body-small-line-height)",
+                                            fontWeight: "var(--font-weight-secondary-regular)",
+                                            color: "var(--fg-neutral)",
+                                            margin: 0,
+                                        }, children: headerTitle }), _jsx("p", { style: {
+                                            fontFamily: "var(--font-secondary)",
+                                            fontSize: "var(--body-regular-text-size)",
+                                            lineHeight: "var(--body-regular-line-height)",
+                                            fontWeight: "var(--font-weight-secondary-medium)",
+                                            color: "var(--fg-neutral)",
+                                            margin: 0,
+                                        }, children: headerSubtitle })] }))] }), _jsxs("div", { style: footerStyles, children: [showButton && (_jsxs("div", { style: buttonStyles, children: [_jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "16px", height: "16px" }, children: _jsx(DownloadIcon, { size: 16 }) }), _jsx("span", { children: "Button" })] })), _jsx(SwitchPreview, { checked: theme === "dark", showIcons: true, theme: theme, hue: hue }), _jsx("button", { style: iconButtonStyles, children: _jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "32px", height: "32px" }, children: [(isTabletOpen || isMobileOpen) && _jsx(CloseIcon, { size: 32 }), (isTabletClosed || isMobileClosed) && _jsx(MenuIcon, { size: 32 })] }) })] })] })), showMenuItems && (_jsx("div", { style: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: "var(--spacing-200)",
+                    padding: isDesktop ? "var(--spacing-600) 0" : "var(--spacing-400) var(--spacing-200)",
+                    width: "100%",
+                    flex: isDesktop ? 1 : undefined,
+                }, children: menuItems.map((item) => (_jsxs("div", { style: menuItemStyles, children: [_jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "20px", height: "20px", flexShrink: 0, color: "var(--fg-neutral)" }, children: _jsx(UserPersonIcon, { size: 20 }) }), _jsx("p", { style: {
+                                fontFamily: "var(--font-secondary)",
+                                fontSize: "var(--body-small-text-size)",
+                                lineHeight: "var(--body-small-line-height)",
+                                fontWeight: "var(--font-weight-secondary-medium)",
+                                color: "var(--fg-neutral-secondary)",
+                                margin: 0,
+                                flex: 1,
+                            }, children: item.label }), showChevrons && (_jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "16px", height: "16px", flexShrink: 0, color: "var(--fg-neutral)" }, children: _jsx(ChevronRightIcon, { size: 16 }) }))] }, item.id))) })), isDesktop && (_jsxs(_Fragment, { children: [showButton && (_jsx("div", { style: { display: "flex", flexDirection: "column", gap: "var(--spacing-400)", padding: "var(--spacing-400)", width: "100%" }, children: _jsxs("div", { style: buttonStyles, children: [_jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "16px", height: "16px" }, children: _jsx(DownloadIcon, { size: 16 }) }), _jsx("span", { children: "Button" })] }) })), _jsx("div", { style: footerStyles, children: _jsx(SwitchPreview, { checked: theme === "dark", showIcons: true, theme: theme, hue: hue }) })] }))] }));
+}

package/dist/components/RadioButton.d.ts

@@ -0,0 +1,13 @@
+import type { Theme, HueVariant } from "../tokens/types";
+type RadioButtonStatus = "default" | "hovered" | "focused" | "pressed" | "disabled";
+interface RadioButtonProps {
+    selected?: boolean;
+    status?: RadioButtonStatus;
+    label?: string;
+    showLabel?: boolean;
+    theme?: Theme;
+    hue?: HueVariant;
+}
+export declare function RadioButton({ selected, status, label, showLabel, theme, hue, }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RadioButton.d.ts.map

package/dist/components/RadioButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../src/components/RadioButton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEzD,KAAK,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEpF,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,CAAC,EAAE,UAAU,CAAC;CAClB;AAID,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,MAAkB,EAClB,KAAsB,EACtB,SAAgB,EAChB,KAAK,EACL,GAAG,GACJ,EAAE,gBAAgB,2CAuJlB"}

package/dist/components/RadioButton.js

@@ -0,0 +1,140 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+const RADIO_SIZE = 20;
+export function RadioButton({ selected = false, status = "default", label = "Radio Button", showLabel = true, theme, hue, }) {
+    const disabled = status === "disabled";
+    const radioStyles = useMemo(() => {
+        const baseStyles = {
+            width: `${RADIO_SIZE}px`,
+            height: `${RADIO_SIZE}px`,
+            borderRadius: "var(--corner-radius-full)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexShrink: 0,
+            boxSizing: "border-box",
+            position: "relative",
+            transition: "border-color 0.15s ease, background-color 0.15s ease",
+        };
+        if (selected) {
+            // Selected state
+            if (disabled) {
+                return {
+                    ...baseStyles,
+                    borderWidth: "var(--border-width-150)",
+                    borderStyle: "solid",
+                    borderColor: "var(--border-primary-disabled)",
+                    backgroundColor: "transparent",
+                };
+            }
+            if (status === "hovered") {
+                return {
+                    ...baseStyles,
+                    borderWidth: "var(--border-width-150)",
+                    borderStyle: "solid",
+                    borderColor: "var(--border-primary-on-hover)",
+                    backgroundColor: "transparent",
+                };
+            }
+            if (status === "focused" || status === "pressed") {
+                return {
+                    ...baseStyles,
+                    borderWidth: "var(--border-width-150)",
+                    borderStyle: "solid",
+                    borderColor: "var(--border-primary-pressed)",
+                    backgroundColor: "transparent",
+                };
+            }
+            // Default selected
+            return {
+                ...baseStyles,
+                borderWidth: "var(--border-width-150)",
+                borderStyle: "solid",
+                borderColor: "var(--border-primary)",
+                backgroundColor: "transparent",
+            };
+        }
+        else {
+            // Unselected state
+            if (disabled) {
+                return {
+                    ...baseStyles,
+                    borderWidth: "var(--border-width-25)",
+                    borderStyle: "solid",
+                    borderColor: "var(--border-disabled)",
+                    backgroundColor: "transparent",
+                };
+            }
+            if (status === "hovered" || status === "focused" || status === "pressed") {
+                return {
+                    ...baseStyles,
+                    borderWidth: "var(--border-width-25)",
+                    borderStyle: "solid",
+                    borderColor: "var(--border-neutral-primary)",
+                    backgroundColor: "transparent",
+                };
+            }
+            // Default unselected
+            return {
+                ...baseStyles,
+                borderWidth: "var(--border-width-25)",
+                borderStyle: "solid",
+                borderColor: "var(--border-neutral-primary)",
+                backgroundColor: "transparent",
+            };
+        }
+    }, [selected, status, disabled]);
+    const labelStyles = useMemo(() => {
+        const baseStyles = {
+            fontFamily: "var(--font-secondary)",
+            fontSize: "var(--body-small-text-size)",
+            lineHeight: "var(--body-small-line-height)",
+            fontWeight: "var(--font-weight-secondary-medium)",
+            margin: 0,
+        };
+        if (disabled) {
+            return {
+                ...baseStyles,
+                color: "var(--fg-disabled)",
+            };
+        }
+        return {
+            ...baseStyles,
+            color: "var(--fg-neutral-secondary)",
+        };
+    }, [disabled]);
+    const focusRingStyles = useMemo(() => {
+        if (status !== "focused")
+            return null;
+        // Focus ring should be positioned outside the radio button
+        // The container is always 20px with box-sizing: border-box
+        // When selected: border is 6px (border-width-150), so the visual outer edge is at 20px
+        // When unselected: border is 1px (border-width-25), so the visual outer edge is at 20px
+        // The focus ring should be 4px outside the container edge, centered on the container
+        // Using explicit width/height and centering to ensure consistent alignment: 20px + 8px (4px on each side) = 28px
+        return {
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            transform: "translate(-50%, -50%)",
+            width: "28px",
+            height: "28px",
+            marginTop: "0",
+            marginLeft: "0",
+            borderRadius: "var(--corner-radius-full)",
+            borderWidth: "var(--border-width-25)",
+            borderStyle: "solid",
+            borderColor: selected
+                ? "var(--border-primary)"
+                : "var(--border-neutral-primary)",
+            pointerEvents: "none",
+        };
+    }, [status, selected]);
+    return (_jsxs("div", { style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "var(--spacing-200)",
+            position: "relative",
+        }, children: [_jsx("div", { style: radioStyles, children: focusRingStyles && _jsx("div", { style: focusRingStyles }) }), showLabel && label && _jsx("p", { style: labelStyles, children: label })] }));
+}

package/dist/components/Switch.d.ts

@@ -0,0 +1,11 @@
+interface SwitchProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    id?: string;
+    ariaLabel?: string;
+    showIcons?: boolean;
+}
+export declare function Switch({ checked, onChange, disabled, id, ariaLabel, showIcons, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAQA,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAe,EACf,QAAQ,EACR,QAAgB,EAChB,EAAE,EACF,SAAS,EACT,SAAiB,GAClB,EAAE,WAAW,2CAkGb"}

package/dist/components/Switch.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { SwitchPreview } from "./SwitchPreview";
+import { useThemeSafe } from "../providers/ThemeProvider";
+export function Switch({ checked = false, onChange, disabled = false, id, ariaLabel, showIcons = false, }) {
+    const themeContext = useThemeSafe();
+    const theme = themeContext?.theme;
+    const hue = themeContext?.hue;
+    const [status, setStatus] = useState("default");
+    const handleClick = useCallback(() => {
+        if (!disabled && onChange) {
+            onChange(!checked);
+        }
+    }, [checked, disabled, onChange]);
+    const handleKeyDown = useCallback((e) => {
+        if (disabled)
+            return;
+        if (e.key === " " || e.key === "Enter") {
+            e.preventDefault();
+            if (onChange) {
+                onChange(!checked);
+            }
+        }
+    }, [checked, disabled, onChange]);
+    const handleMouseEnter = useCallback(() => {
+        if (!disabled) {
+            setStatus("hovered");
+        }
+    }, [disabled]);
+    const handleMouseLeave = useCallback(() => {
+        if (!disabled) {
+            setStatus("default");
+        }
+    }, [disabled]);
+    const handleFocus = useCallback(() => {
+        if (!disabled) {
+            setStatus("focused");
+        }
+    }, [disabled]);
+    const handleBlur = useCallback(() => {
+        if (!disabled) {
+            setStatus("default");
+        }
+    }, [disabled]);
+    const handleMouseDown = useCallback(() => {
+        if (!disabled) {
+            setStatus("pressed");
+        }
+    }, [disabled]);
+    const handleMouseUp = useCallback(() => {
+        if (!disabled) {
+            setStatus("hovered");
+        }
+    }, [disabled]);
+    const currentStatus = disabled ? "disabled" : status;
+    return (_jsx("button", { type: "button", id: id, role: "switch", "aria-checked": checked, "aria-label": ariaLabel, "aria-disabled": disabled, disabled: disabled, onClick: handleClick, onKeyDown: handleKeyDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, style: {
+            border: "none",
+            background: "none",
+            padding: 0,
+            cursor: disabled ? "not-allowed" : "pointer",
+            outline: "none",
+        }, children: _jsx(SwitchPreview, { checked: checked, status: currentStatus, showIcons: showIcons, theme: theme, hue: hue }) }));
+}

package/dist/components/SwitchPreview.d.ts

@@ -0,0 +1,14 @@
+import type { Theme, HueVariant } from "../tokens/types";
+type SwitchStatus = "default" | "hovered" | "focused" | "pressed" | "disabled";
+interface SwitchPreviewProps {
+    checked?: boolean;
+    status?: SwitchStatus;
+    showIcons?: boolean;
+    label?: string;
+    showLabel?: boolean;
+    theme?: Theme;
+    hue?: HueVariant;
+}
+export declare function SwitchPreview({ checked, status, showIcons, label, showLabel, theme, hue, }: SwitchPreviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SwitchPreview.d.ts.map

package/dist/components/SwitchPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchPreview.d.ts","sourceRoot":"","sources":["../../src/components/SwitchPreview.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGzD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE/E,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,GAAG,CAAC,EAAE,UAAU,CAAC;CAClB;AAOD,wBAAgB,aAAa,CAAC,EAC5B,OAAe,EACf,MAAkB,EAClB,SAAiB,EACjB,KAAgB,EAChB,SAAiB,EACjB,KAAK,EACL,GAAG,GACJ,EAAE,kBAAkB,2CAqTpB"}