@phpsoftbox/react-softbox 0.1.0

package/dist/components/Input/NumberInput.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import InputField from './Field';
+const normalize = (raw, allowNegative) => {
+    let next = raw.replace(/[^0-9,.-]/g, '');
+    if (!allowNegative) {
+        next = next.replace(/-/g, '');
+    }
+    else {
+        const hasMinus = next.startsWith('-');
+        next = next.replace(/-/g, '');
+        if (hasMinus) {
+            next = `-${next}`;
+        }
+    }
+    const parts = next.split(/[.,]/);
+    const integer = parts[0] ?? '';
+    const decimal = parts.slice(1).join('');
+    return { integer, decimal, negative: integer.startsWith('-') };
+};
+export default function NumberInput({ value, onChange, allowNegative = false, decimalSeparator = '.', decimalScale = 2, ...props }) {
+    const isControlled = value !== undefined;
+    const [internal, setInternal] = React.useState('');
+    const displayValue = React.useMemo(() => {
+        const source = isControlled ? String(value ?? '') : internal;
+        const { integer, decimal } = normalize(source, allowNegative);
+        const cleanInteger = integer.replace(/(?!^)-/g, '');
+        const slicedDecimal = decimalScale >= 0 ? decimal.slice(0, decimalScale) : decimal;
+        const base = `${cleanInteger}${slicedDecimal ? `${decimalSeparator}${slicedDecimal}` : ''}`;
+        return base;
+    }, [value, internal, allowNegative, decimalSeparator, decimalScale, isControlled]);
+    const handleChange = (event) => {
+        const raw = event.target.value;
+        const { integer, decimal } = normalize(raw, allowNegative);
+        const nextDecimal = decimalScale >= 0 ? decimal.slice(0, decimalScale) : decimal;
+        const normalized = `${integer.replace(/(?!^)-/g, '')}${nextDecimal ? `.${nextDecimal}` : ''}`;
+        if (!isControlled) {
+            setInternal(normalized);
+        }
+        onChange?.(normalized);
+    };
+    return (_jsx(InputField, { ...props, type: "text", inputMode: "decimal", value: displayValue, onChange: handleChange }));
+}
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/Input/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/Input/NumberInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/Radio/Radio.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+};
+export default function Radio({ id, label, description, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/Radio/Radio.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import styles from './Radio.module.css';
+export default function Radio({ id, label, description, className, ...props }) {
+    const inputId = id ?? React.useId();
+    const classes = [styles.radio, className].filter(Boolean).join(' ');
+    return (_jsxs("label", { className: classes, htmlFor: inputId, children: [_jsx("input", { id: inputId, type: "radio", className: styles.input, ...props }), _jsx("span", { className: styles.control, "aria-hidden": "true" }), _jsxs("span", { className: styles.texts, children: [label ? _jsx("span", { className: styles.label, children: label }) : null, description ? _jsx("span", { className: styles.description, children: description }) : null] })] }));
+}
+//# sourceMappingURL=Radio.js.map

package/dist/components/Input/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Input/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAS;IAClF,MAAM,OAAO,GAAG,EAAE,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpE,OAAO,CACL,iBAAO,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,aACzC,gBAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,KAAM,KAAK,GAAI,EACvE,eAAM,SAAS,EAAE,MAAM,CAAC,OAAO,iBAAc,MAAM,GAAG,EACtD,gBAAM,SAAS,EAAE,MAAM,CAAC,KAAK,aAC1B,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5D,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC1E,IACD,CACT,CAAC;AACJ,CAAC"}

package/dist/components/Input/Radio/Radio.module.css

@@ -0,0 +1,83 @@
+.radio {
+  display: inline-flex;
+  align-items: flex-start;
+  gap: 10px;
+  cursor: pointer;
+  color: var(--color-text);
+}
+
+.input {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.control {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  border: 1px solid rgba(30, 99, 233, 0.45);
+  background: var(--surface-input);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+
+.control::after {
+  content: '';
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--color-teal);
+  transform: scale(0);
+  transition: transform 0.2s ease;
+}
+
+.input:checked + .control {
+  border-color: rgba(20, 201, 214, 0.8);
+  box-shadow: 0 0 0 3px rgba(20, 201, 214, 0.2);
+}
+
+.input:checked + .control::after {
+  transform: scale(1);
+}
+
+.input:focus-visible + .control {
+  outline: none;
+  box-shadow: 0 0 0 3px rgba(20, 201, 214, 0.2);
+  border-color: rgba(20, 201, 214, 0.8);
+}
+
+.input:disabled + .control {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.input:disabled ~ .texts {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.texts {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.label {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.description {
+  font-size: 12px;
+  color: var(--color-muted);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .control,
+  .control::after {
+    transition: none;
+  }
+}

package/dist/components/Input/Select/Select.d.ts

@@ -0,0 +1,38 @@
+export type SelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+type RequestConfig = {
+    url: string;
+    method?: 'get' | 'post';
+    params?: Record<string, unknown>;
+    data?: Record<string, unknown>;
+    mapOptions?: (data: unknown) => SelectOption[];
+};
+type Props = {
+    label?: string;
+    id?: string;
+    name?: string;
+    options?: SelectOption[];
+    value?: string | string[];
+    defaultValue?: string | string[];
+    placeholder?: string;
+    multiple?: boolean;
+    searchable?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+    loadOptions?: (query: string) => Promise<SelectOption[]>;
+    request?: RequestConfig;
+    onAfterRequest?: (options: SelectOption[], query: string) => void;
+    placement?: 'auto' | 'down' | 'up';
+    disabled?: boolean;
+    floatLabel?: boolean;
+    className?: string;
+    onChange?: (value: string | string[], options: SelectOption[]) => void;
+};
+declare function Select({ label, id, name, options, value, defaultValue, placeholder, multiple, searchable, loadingText, emptyText, loadOptions, request, onAfterRequest, placement, disabled, floatLabel, className, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Select {
+    var supportsFloatLabel: boolean;
+}
+export default Select;

package/dist/components/Input/Select/Select.js

@@ -0,0 +1,200 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import axios from 'axios';
+import styles from './Select.module.css';
+import useDropdownPosition from '../../../hooks/useDropdownPosition';
+import { useFormFieldContext } from '../FormField/FormField';
+const defaultMapOptions = (data) => {
+    if (Array.isArray(data)) {
+        return data;
+    }
+    return [];
+};
+export default function Select({ label, id, name, options = [], value, defaultValue, placeholder = 'Выберите...', multiple = false, searchable = true, loadingText = 'Загрузка...', emptyText = 'Нет данных', loadOptions, request, onAfterRequest, placement = 'auto', disabled = false, floatLabel = false, className, onChange, }) {
+    const context = useFormFieldContext();
+    const [open, setOpen] = React.useState(false);
+    const [query, setQuery] = React.useState('');
+    const [loading, setLoading] = React.useState(false);
+    const isRemote = Boolean(loadOptions || request);
+    const [items, setItems] = React.useState(options);
+    const controlRef = React.useRef(null);
+    const { ref: dropdownRef, style: dropdownStyle } = useDropdownPosition(open, {
+        gap: 6,
+        align: 'left',
+        placement,
+        anchorRef: controlRef,
+    });
+    const containerRef = React.useRef(null);
+    const inputRef = React.useRef(null);
+    const generatedId = React.useId();
+    const labelId = React.useId();
+    const listId = React.useId();
+    const controlId = id ?? context?.fieldId ?? generatedId;
+    const hasLabel = Boolean(label);
+    const isControlled = value !== undefined;
+    const [internalValue, setInternalValue] = React.useState(defaultValue ?? (multiple ? [] : ''));
+    const selectedValues = React.useMemo(() => {
+        const raw = isControlled ? value : internalValue;
+        if (multiple) {
+            return Array.isArray(raw) ? raw : raw ? [raw] : [];
+        }
+        return Array.isArray(raw) ? raw[0] ?? '' : raw ?? '';
+    }, [value, internalValue, isControlled, multiple]);
+    React.useEffect(() => {
+        if (!isRemote) {
+            setItems(options);
+        }
+    }, [options, isRemote]);
+    React.useEffect(() => {
+        if (!open || !isRemote) {
+            return;
+        }
+        let active = true;
+        setLoading(true);
+        const timer = window.setTimeout(async () => {
+            try {
+                let next = [];
+                if (loadOptions) {
+                    next = await loadOptions(query);
+                }
+                else if (request) {
+                    const response = await axios({
+                        url: request.url,
+                        method: request.method ?? 'get',
+                        params: { ...request.params, q: query },
+                        data: request.data,
+                    });
+                    const mapper = request.mapOptions ?? defaultMapOptions;
+                    next = mapper(response.data);
+                }
+                if (active) {
+                    setItems(next);
+                    onAfterRequest?.(next, query);
+                }
+            }
+            catch {
+                if (active) {
+                    setItems([]);
+                    onAfterRequest?.([], query);
+                }
+            }
+            finally {
+                if (active) {
+                    setLoading(false);
+                }
+            }
+        }, 200);
+        return () => {
+            active = false;
+            window.clearTimeout(timer);
+        };
+    }, [open, query, isRemote, loadOptions, request]);
+    React.useEffect(() => {
+        const handleClick = (event) => {
+            if (!containerRef.current) {
+                return;
+            }
+            if (!containerRef.current.contains(event.target)) {
+                setOpen(false);
+            }
+        };
+        document.addEventListener('click', handleClick);
+        return () => document.removeEventListener('click', handleClick);
+    }, []);
+    React.useEffect(() => {
+        context?.registerField(controlId, name);
+    }, [context, controlId, name]);
+    if (process.env.NODE_ENV !== 'production') {
+        if (!id && !name) {
+            // eslint-disable-next-line no-console
+            console.warn('Input.Select: рекомендуется передавать id или name для связки с label.');
+        }
+    }
+    React.useEffect(() => {
+        if (open && searchable) {
+            inputRef.current?.focus();
+        }
+    }, [open, searchable]);
+    const optionMap = React.useMemo(() => {
+        return new Map(items.map((item) => [item.value, item]));
+    }, [items]);
+    const selectedList = React.useMemo(() => {
+        const values = multiple ? selectedValues : selectedValues ? [selectedValues] : [];
+        return values.map((val) => optionMap.get(val) ?? { value: val, label: val });
+    }, [selectedValues, optionMap, multiple]);
+    const hasValue = multiple ? selectedValues.length > 0 : Boolean(selectedValues);
+    const floatActive = floatLabel && (open || hasValue);
+    const displayedOptions = React.useMemo(() => {
+        if (isRemote) {
+            return items;
+        }
+        if (!query) {
+            return items;
+        }
+        const lowered = query.toLowerCase();
+        return items.filter((item) => item.label.toLowerCase().includes(lowered));
+    }, [items, query, isRemote]);
+    const updateValue = (next, nextOptions) => {
+        if (!isControlled) {
+            setInternalValue(next);
+        }
+        onChange?.(next, nextOptions);
+    };
+    const handleSelect = (option) => {
+        if (option.disabled) {
+            return;
+        }
+        if (multiple) {
+            const list = selectedValues;
+            const exists = list.includes(option.value);
+            const nextValues = exists ? list.filter((val) => val !== option.value) : [...list, option.value];
+            const nextOptions = exists
+                ? selectedList.filter((item) => item.value !== option.value)
+                : [...selectedList, option];
+            updateValue(nextValues, nextOptions);
+        }
+        else {
+            updateValue(option.value, [option]);
+            setOpen(false);
+        }
+    };
+    const handleRemove = (valueToRemove) => {
+        if (!multiple) {
+            return;
+        }
+        const list = selectedValues;
+        const nextValues = list.filter((val) => val !== valueToRemove);
+        const nextOptions = selectedList.filter((item) => item.value !== valueToRemove);
+        updateValue(nextValues, nextOptions);
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === 'Escape') {
+            setOpen(false);
+        }
+    };
+    return (_jsxs("div", { className: [styles.wrapper, className].filter(Boolean).join(' '), "data-open": open, "data-has-value": hasValue, "data-has-query": query.length > 0, "data-has-label": hasLabel, "data-float-label": floatLabel ? 'true' : undefined, "data-float-active": floatActive ? 'true' : undefined, ref: containerRef, onKeyDown: handleKeyDown, children: [label ? (_jsx("span", { id: labelId, className: styles.label, children: label })) : null, _jsxs("button", { type: "button", className: styles.control, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": listId, "aria-labelledby": label ? labelId : undefined, id: controlId, onClick: () => !disabled && setOpen((prev) => !prev), disabled: disabled, ref: controlRef, children: [_jsx("div", { className: styles.value, children: hasValue ? (multiple ? (selectedList.map((item) => (_jsxs("span", { className: styles.tag, children: [item.label, _jsx("span", { role: "button", tabIndex: 0, className: styles.remove, onClick: (event) => {
+                                        event.stopPropagation();
+                                        handleRemove(item.value);
+                                    }, onKeyDown: (event) => {
+                                        if (event.key === 'Enter' || event.key === ' ') {
+                                            event.preventDefault();
+                                            event.stopPropagation();
+                                            handleRemove(item.value);
+                                        }
+                                    }, "aria-label": `Удалить ${item.label}`, children: "\u00D7" })] }, item.value)))) : (_jsx("span", { children: selectedList[0]?.label }))) : (_jsx("span", { className: styles.placeholder, children: placeholder })) }), _jsx("span", { className: styles.chevron, "aria-hidden": "true" })] }), open ? (_jsxs("div", { className: styles.dropdown, ref: dropdownRef, style: dropdownStyle, children: [searchable ? (_jsx("input", { ref: inputRef, className: styles.search, placeholder: "\u041F\u043E\u0438\u0441\u043A...", value: query, onChange: (event) => setQuery(event.target.value) })) : null, _jsxs("div", { className: styles.list, role: "listbox", id: listId, children: [loading ? _jsx("div", { className: styles.status, children: loadingText }) : null, !loading && displayedOptions.length === 0 ? (_jsx("div", { className: styles.status, children: emptyText })) : null, !loading
+                                ? displayedOptions.map((option) => {
+                                    const selected = multiple
+                                        ? selectedValues.includes(option.value)
+                                        : selectedValues === option.value;
+                                    return (_jsxs("button", { type: "button", className: [
+                                            styles.option,
+                                            selected ? styles.optionSelected : null,
+                                            option.disabled ? styles.optionDisabled : null,
+                                        ]
+                                            .filter(Boolean)
+                                            .join(' '), role: "option", "aria-selected": selected, onClick: () => handleSelect(option), disabled: option.disabled, children: [_jsx("span", { children: option.label }), selected ? _jsx("span", { className: styles.check, children: "\u2713" }) : null] }, option.value));
+                                })
+                                : null] })] })) : null] }));
+}
+Select.supportsFloatLabel = true;
+//# sourceMappingURL=Select.js.map

package/dist/components/Input/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Input/Select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/components/Input/Select/Select.module.css

@@ -0,0 +1,194 @@
+.wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  width: 100%;
+}
+
+.label {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  font-size: 14px;
+  color: var(--color-muted-2);
+  pointer-events: none;
+  transition: transform 0.2s ease, color 0.2s ease;
+  background: transparent;
+  padding: 0 4px;
+}
+
+/*.wrapper[data-open="true"] .label,*/
+/*.wrapper[data-has-value="true"] .label,*/
+/*.wrapper[data-has-query="true"] .label {*/
+/*  transform: translateY(-12px);*/
+/*  color: var(--color-teal);*/
+/*}*/
+
+.wrapper .label {
+  transform: translateY(-8px);
+  color: var(--color-teal);
+}
+
+.wrapper[data-has-label="false"] .label {
+  display: none;
+}
+
+.control {
+  min-height: 48px;
+  width: 100%;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--color-line);
+  background: var(--surface-input);
+  color: var(--color-text);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 24px 12px 12px 12px;
+  cursor: pointer;
+}
+
+.wrapper[data-has-label="false"] .control {
+  padding: 12px 12px;
+  min-height: 44px;
+}
+
+.wrapper[data-float-label="true"] .control {
+  padding: 22px 12px 12px 12px;
+  min-height: 48px;
+}
+
+.wrapper:global(.rsb-group-item) .control {
+  border-radius: 0;
+}
+
+.control:focus-visible {
+  outline: none;
+  border-color: rgba(20, 201, 214, 0.8);
+  box-shadow: 0 0 0 3px rgba(20, 201, 214, 0.2);
+}
+
+.control:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.value {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex: 1;
+  min-width: 0;
+  flex-wrap: wrap;
+  padding: 4px 4px;
+}
+
+.placeholder {
+  color: var(--color-muted-2);
+  font-size: 14px;
+}
+
+.tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  border-radius: 10px;
+  background: var(--surface-pill);
+  border: 1px solid var(--color-line);
+  font-size: 12px;
+}
+
+.remove {
+  border: none;
+  background: transparent;
+  color: var(--color-muted);
+  cursor: pointer;
+}
+
+.chevron {
+  width: 8px;
+  height: 8px;
+  border-right: 2px solid currentColor;
+  border-bottom: 2px solid currentColor;
+  transform: rotate(45deg);
+  transition: transform 0.2s ease;
+}
+
+.wrapper[data-open="true"] .chevron {
+  transform: rotate(225deg);
+}
+
+.dropdown {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  min-width: 100%;
+  max-width: calc(100vw - 24px);
+  border-radius: var(--radius-md);
+  border: 1px solid var(--color-line);
+  background: var(--surface-panel);
+  box-shadow: var(--shadow-soft);
+  padding: 8px;
+  z-index: 15;
+}
+
+.search {
+  width: 100%;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--color-line);
+  background: var(--surface-input-muted);
+  color: var(--color-text);
+  padding: 16px 16px;
+  margin-bottom: 8px;
+}
+
+.list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  max-height: 220px;
+  overflow-y: auto;
+}
+
+.option {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: 10px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--color-text);
+  cursor: pointer;
+  text-align: left;
+}
+
+.option:hover {
+  border-color: rgba(79, 230, 163, 0.35);
+  background: rgba(79, 230, 163, 0.08);
+}
+
+.optionSelected {
+  border-color: rgba(20, 201, 214, 0.6);
+  color: var(--color-teal);
+  background: rgba(20, 201, 214, 0.12);
+}
+
+.optionDisabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.status {
+  padding: 10px;
+  color: var(--color-muted);
+  font-size: 13px;
+}
+
+.check {
+  font-size: 12px;
+  color: var(--color-mint);
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+    label?: React.ReactNode;
+};
+export default function Switch({ id, label, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/Switch/Switch.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import styles from './Switch.module.css';
+export default function Switch({ id, label, className, ...props }) {
+    const inputId = id ?? React.useId();
+    const classes = [styles.switch, className].filter(Boolean).join(' ');
+    return (_jsxs("label", { className: classes, htmlFor: inputId, children: [_jsx("input", { id: inputId, type: "checkbox", role: "switch", className: styles.input, ...props }), _jsx("span", { className: styles.track, "aria-hidden": "true", children: _jsx("span", { className: styles.thumb }) }), label ? _jsx("span", { className: styles.label, children: label }) : null] }));
+}
+//# sourceMappingURL=Switch.js.map

package/dist/components/Input/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/Input/Switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAMzC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAS;IACtE,MAAM,OAAO,GAAG,EAAE,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAErE,OAAO,CACL,iBAAO,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,aACzC,gBAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,KAAM,KAAK,GAAI,EACxF,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,iBAAc,MAAM,YAC/C,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI,GAC5B,EACN,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvD,CACT,CAAC;AACJ,CAAC"}