@max-ts/kit 1.1.1 → 1.3.0

package/lib/index.mjs

@@ -4,16 +4,16 @@ import clsx_0, { clsx } from "clsx";
 import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, Calendar1, Check, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronRight, ChevronRightIcon, ChevronUp, CircleCheck, CircleIcon, Copy, Ellipsis as external_lucide_react_Ellipsis, EllipsisVertical, Info, MoreHorizontalIcon, OctagonAlert, PanelLeftIcon, TriangleAlert, XIcon } from "lucide-react";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
 import { Button } from "@base-ui/react/button";
+import react, { createContext, createElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Combobox } from "@base-ui/react/combobox";
 import { Avatar } from "@base-ui/react/avatar";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { Separator as separator_Separator } from "@base-ui/react/separator";
 import { DayPicker } from "react-day-picker";
 import { ru } from "react-day-picker/locale";
-import react, { createContext, createElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import embla_carousel_react from "embla-carousel-react";
 import { Collapsible } from "@base-ui/react/collapsible";
-import { Combobox } from "@base-ui/react/combobox";
 import { Popover } from "@base-ui/react/popover";
 import { Tooltip } from "@base-ui/react/tooltip";
 import { Menu } from "@base-ui/react/menu";
@@ -127,11 +127,11 @@ Accordion_Accordion.Trigger = Trigger;
 Accordion_Accordion.Content = Accordion_Content;
 var buttonBase = 'style__1ersxw10';
 var buttonSizes = {
-    sm: 'sm__1ersxw19',
-    md: 'md__1ersxw1a',
-    lg: 'lg__1ersxw1b',
+    small: 'small__1ersxw19',
+    medium: 'medium__1ersxw1a',
+    large: 'large__1ersxw1b',
     icon: 'icon__1ersxw1c',
-    iconSm: 'iconSm__1ersxw1d'
+    iconSmall: 'iconSmall__1ersxw1d'
 };
 var buttonVariants = {
     default: 'default__1ersxw14',
@@ -144,7 +144,7 @@ var button_css_endAdornment = 'style__1ersxw1f';
 var fullWidthStyle = 'style__1ersxw13';
 var loading = 'style__1ersxw12';
 var button_css_startAdornment = 'style__1ersxw1e';
-const Button_Button = ({ className, variant = 'default', size = 'md', startAdornment, endAdornment, isLoading = false, fullWidth, children, nativeButton, ...props })=>/*#__PURE__*/ jsxs(Button, {
+const Button_Button = ({ className, variant = 'default', size = 'medium', startAdornment, endAdornment, isLoading = false, fullWidth, children, nativeButton, ...props })=>/*#__PURE__*/ jsxs(Button, {
         nativeButton: nativeButton ?? !props.render,
         className: clsx(buttonBase, buttonVariants[variant], buttonSizes[size], {
             [fullWidthStyle]: fullWidth,
@@ -190,7 +190,7 @@ function Overlay({ className, ...props }) {
         ...props
     });
 }
-function AlertDialog_Content({ className, size = 'default', ...props }) {
+function AlertDialog_Content({ className, size = 'medium', ...props }) {
     return /*#__PURE__*/ jsxs(Portal, {
         children: [
             /*#__PURE__*/ jsx(Overlay, {}),
@@ -245,7 +245,7 @@ function Action({ className, ...props }) {
         ...props
     });
 }
-function Cancel({ className, variant = 'outline', size = 'md', ...props }) {
+function Cancel({ className, variant = 'outline', size = 'medium', ...props }) {
     return /*#__PURE__*/ jsx(AlertDialog.Close, {
         "data-slot": "alert-dialog-cancel",
         className: className,
@@ -272,17 +272,485 @@ AlertDialog_AlertDialog.Title = Title;
 AlertDialog_AlertDialog.Description = Description;
 AlertDialog_AlertDialog.Action = Action;
 AlertDialog_AlertDialog.Cancel = Cancel;
+var addon = 'style__1rv6t1j1';
+var addonAlign = {
+    'inline-start': 'inline-start__1rv6t1j2',
+    'inline-end': 'inline-end__1rv6t1j3',
+    'block-start': 'block-start__1rv6t1j4',
+    'block-end': 'block-end__1rv6t1j5'
+};
+var styles_css_button = 'style__1rv6t1j6';
+var buttonSize = {
+    extraSmall: 'extraSmall__1rv6t1j7',
+    small: 'small__1rv6t1j8',
+    iconExtraSmall: 'iconExtraSmall__1rv6t1j9',
+    iconSmall: 'iconSmall__1rv6t1ja'
+};
+var control = 'style__1rv6t1jc';
+var input = 'style__1rv6t1jd';
+var styles_css_root = 'style__1rv6t1j0';
+var styles_css_text = 'style__1rv6t1jb';
+var styles_css_textarea = 'style__1rv6t1je';
+function InputGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "input-group",
+        className: clsx(styles_css_root, className),
+        ...props
+    });
+}
+function Addon({ className, align = 'inline-start', ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "input-group-addon",
+        "data-align": align,
+        className: clsx(addon, addonAlign[align], className),
+        ...props
+    });
+}
+function InputGroup_Button({ className, type = 'button', variant = 'ghost', size = 'extraSmall', ...props }) {
+    return /*#__PURE__*/ jsx(Button_Button, {
+        type: type,
+        "data-size": size,
+        variant: variant,
+        className: clsx(styles_css_button, buttonSize[size], className),
+        ...props
+    });
+}
+function Text({ className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        "data-slot": "input-group-text",
+        className: clsx(styles_css_text, className),
+        ...props
+    });
+}
+function Input({ className, ...props }) {
+    return /*#__PURE__*/ jsx("input", {
+        "data-slot": "input-group-control",
+        className: clsx(control, input, className),
+        ...props
+    });
+}
+function Textarea({ className, ...props }) {
+    return /*#__PURE__*/ jsx("textarea", {
+        "data-slot": "input-group-control",
+        className: clsx(control, styles_css_textarea, className),
+        ...props
+    });
+}
+InputGroup.Addon = Addon;
+InputGroup.Button = InputGroup_Button;
+InputGroup.Text = Text;
+InputGroup.Input = Input;
+InputGroup.Textarea = Textarea;
+var chip = 'style__1udu12rh';
+var chipRemove = 'style__1udu12rj';
+var chipRemoveButton = 'style__1udu12rk';
+var chipRemoveSize = {
+    iconExtraSmall: 'iconExtraSmall__1udu12rm'
+};
+var chipWithRemove = 'style__1udu12ri';
+var chips = 'style__1udu12rg';
+var chipsInput = 'style__1udu12rl';
+var clearIcon = 'style__1udu12r4';
+var Combobox_styles_css_content = 'style__1udu12r9';
+var controlButton = 'style__1udu12r5';
+var empty = 'style__1udu12re';
+var groupLabel = 'style__1udu12rd';
+var inputGroup = 'style__1udu12r6';
+var inputTrigger = 'style__1udu12r7';
+var Combobox_styles_css_item = 'style__1udu12rb';
+var itemIndicator = 'style__1udu12rc';
+var list = 'style__1udu12ra';
+var positioner = 'style__1udu12r8';
+var styles_css_separator = 'style__1udu12rf';
+var Combobox_styles_css_trigger = 'style__1udu12r2';
+var styles_css_triggerIcon = 'style__1udu12r3';
+function Combobox_Combobox(props) {
+    return /*#__PURE__*/ jsx(Combobox.Root, {
+        "data-slot": "combobox",
+        ...props
+    });
+}
+function Value(props) {
+    return /*#__PURE__*/ jsx(Combobox.Value, {
+        ...props
+    });
+}
+function Combobox_Trigger({ className, children, ...props }) {
+    return /*#__PURE__*/ jsxs(Combobox.Trigger, {
+        "data-slot": "combobox-trigger",
+        className: clsx(controlButton, Combobox_styles_css_trigger, className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ChevronDownIcon, {
+                className: styles_css_triggerIcon
+            })
+        ]
+    });
+}
+function Clear({ className, children, ...props }) {
+    return /*#__PURE__*/ jsx(Combobox.Clear, {
+        "data-slot": "combobox-clear",
+        className: clsx(controlButton, className),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(XIcon, {
+            className: clearIcon
+        })
+    });
+}
+function Combobox_Input({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
+    return /*#__PURE__*/ jsxs(Combobox.InputGroup, {
+        render: /*#__PURE__*/ jsx(InputGroup, {
+            className: clsx(inputGroup, className)
+        }),
+        children: [
+            /*#__PURE__*/ jsx(Combobox.Input, {
+                render: /*#__PURE__*/ jsx(InputGroup.Input, {
+                    disabled: disabled
+                }),
+                disabled: disabled,
+                ...props
+            }),
+            /*#__PURE__*/ jsxs(InputGroup.Addon, {
+                align: "inline-end",
+                children: [
+                    showTrigger && /*#__PURE__*/ jsx(Combobox_Trigger, {
+                        className: inputTrigger,
+                        disabled: disabled
+                    }),
+                    showClear && /*#__PURE__*/ jsx(Clear, {
+                        disabled: disabled
+                    })
+                ]
+            }),
+            children
+        ]
+    });
+}
+function Combobox_Content({ className, side = 'bottom', sideOffset = 8, align = 'start', alignOffset = 0, anchor, ...props }) {
+    return /*#__PURE__*/ jsx(Combobox.Portal, {
+        children: /*#__PURE__*/ jsx(Combobox.Positioner, {
+            side: side,
+            sideOffset: sideOffset,
+            align: align,
+            alignOffset: alignOffset,
+            anchor: anchor,
+            className: positioner,
+            children: /*#__PURE__*/ jsx(Combobox.Popup, {
+                "data-slot": "combobox-content",
+                "data-chips": anchor ? 'true' : void 0,
+                className: clsx(Combobox_styles_css_content, className),
+                ...props
+            })
+        })
+    });
+}
+function List({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Combobox.List, {
+        "data-slot": "combobox-list",
+        className: clsx(list, className),
+        ...props
+    });
+}
+function Combobox_Item({ className, children, ...props }) {
+    return /*#__PURE__*/ jsxs(Combobox.Item, {
+        "data-slot": "combobox-item",
+        className: clsx(Combobox_styles_css_item, className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(Combobox.ItemIndicator, {
+                className: itemIndicator,
+                children: /*#__PURE__*/ jsx(CheckIcon, {})
+            })
+        ]
+    });
+}
+function Group({ ...props }) {
+    return /*#__PURE__*/ jsx(Combobox.Group, {
+        "data-slot": "combobox-group",
+        ...props
+    });
+}
+function GroupLabel({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Combobox.GroupLabel, {
+        "data-slot": "combobox-group-label",
+        className: clsx(groupLabel, className),
+        ...props
+    });
+}
+function Collection(props) {
+    return /*#__PURE__*/ jsx(Combobox.Collection, {
+        ...props
+    });
+}
+function Empty({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Combobox.Empty, {
+        "data-slot": "combobox-empty",
+        className: clsx(empty, className),
+        ...props
+    });
+}
+function Separator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Combobox.Separator, {
+        "data-slot": "combobox-separator",
+        className: clsx(styles_css_separator, className),
+        ...props
+    });
+}
+function Chips({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Combobox.Chips, {
+        "data-slot": "combobox-chips",
+        className: clsx(chips, className),
+        ...props
+    });
+}
+function Chip({ className, children, showRemove = true, ...props }) {
+    return /*#__PURE__*/ jsxs(Combobox.Chip, {
+        "data-slot": "combobox-chip",
+        className: clsx(chip, {
+            [chipWithRemove]: showRemove
+        }, className),
+        ...props,
+        children: [
+            children,
+            showRemove && /*#__PURE__*/ jsx(Combobox.ChipRemove, {
+                className: clsx(chipRemove, chipRemoveButton, chipRemoveSize.iconExtraSmall),
+                "data-slot": "combobox-chip-remove",
+                children: /*#__PURE__*/ jsx(XIcon, {})
+            })
+        ]
+    });
+}
+function ChipsInput({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Combobox.Input, {
+        "data-slot": "combobox-chip-input",
+        className: clsx(chipsInput, className),
+        ...props
+    });
+}
+function useComboboxAnchor() {
+    return useRef(null);
+}
+Combobox_Combobox.Value = Value;
+Combobox_Combobox.Trigger = Combobox_Trigger;
+Combobox_Combobox.Clear = Clear;
+Combobox_Combobox.Input = Combobox_Input;
+Combobox_Combobox.Content = Combobox_Content;
+Combobox_Combobox.List = List;
+Combobox_Combobox.Item = Combobox_Item;
+Combobox_Combobox.Group = Group;
+Combobox_Combobox.GroupLabel = GroupLabel;
+Combobox_Combobox.Collection = Collection;
+Combobox_Combobox.Empty = Empty;
+Combobox_Combobox.Separator = Separator;
+Combobox_Combobox.Chips = Chips;
+Combobox_Combobox.Chip = Chip;
+Combobox_Combobox.ChipsInput = ChipsInput;
+var label_css_disabled = 'style__c31e141';
+var label_css_error = 'style__c31e142';
+var label_css_required = 'style__c31e143';
+var label_css_root = 'Label__c31e140';
+const Label = ({ className, disabled, error, ...props })=>/*#__PURE__*/ jsx("label", {
+        "data-slot": "label",
+        className: clsx(label_css_root, {
+            [label_css_disabled]: disabled,
+            [label_css_error]: error,
+            [label_css_required]: props.required
+        }, className),
+        ...props
+    });
+var alignments = {
+    left: 'left__1sba6zok',
+    center: 'center__1sba6zol',
+    right: 'right__1sba6zom',
+    justify: 'justify__1sba6zon'
+};
+var colors = {
+    primary: 'primary__1sba6zoc',
+    secondary: 'secondary__1sba6zod',
+    disabled: 'disabled__1sba6zoe',
+    success: 'success__1sba6zof',
+    error: 'error__1sba6zog',
+    warning: 'warning__1sba6zoh',
+    info: 'info__1sba6zoi',
+    muted: 'muted__1sba6zoj'
+};
+var decorations = {
+    none: 'none__1sba6zox',
+    underline: 'underline__1sba6zoy',
+    lineThrough: 'lineThrough__1sba6zoz'
+};
+var displays = {
+    block: 'block__1sba6zoo',
+    inline: 'inline__1sba6zop'
+};
+var gutterBottomClass = 'style__1sba6zo10';
+var transforms = {
+    lowercase: 'lowercase__1sba6zou',
+    uppercase: 'uppercase__1sba6zov',
+    capitalize: 'capitalize__1sba6zow'
+};
+var variants = {
+    h1: 'h1__1sba6zo0',
+    h2: 'h2__1sba6zo1',
+    h3: 'h3__1sba6zo2',
+    h4: 'h4__1sba6zo3',
+    h5: 'h5__1sba6zo4',
+    h6: 'h6__1sba6zo5',
+    subtitle1: 'subtitle1__1sba6zo6',
+    subtitle2: 'subtitle2__1sba6zo7',
+    body1: 'body1__1sba6zo8',
+    body2: 'body2__1sba6zo9',
+    caption: 'caption__1sba6zoa',
+    overline: 'overline__1sba6zob'
+};
+var weights = {
+    normal: 'normal__1sba6zoq',
+    medium: 'medium__1sba6zor',
+    semibold: 'semibold__1sba6zos',
+    bold: 'bold__1sba6zot'
+};
+const VARIANT_COMPONENT_MAP = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    h6: 'h6',
+    subtitle1: 'h6',
+    subtitle2: 'h6',
+    body1: 'p',
+    body2: 'p',
+    caption: 'span',
+    overline: 'span'
+};
+const Typography = ({ className, variant = 'body1', component, color = 'primary', align = 'left', display = 'inline', weight = 'normal', transform, decoration = 'none', gutterBottom, children, ...props })=>{
+    const Component = component || VARIANT_COMPONENT_MAP[variant || 'body1'];
+    return /*#__PURE__*/ jsx(Component, {
+        className: clsx(decorations[decoration], variants[variant], colors[color], weights[weight], transform && transforms[transform], displays[display], alignments[align], {
+            [gutterBottomClass]: gutterBottom
+        }, className),
+        ...props,
+        children: children
+    });
+};
+var styles_css_disabled = 'style__17arfox5';
+var styles_css_error = 'style__17arfox4';
+var styles_css_field = 'style__17arfox0';
+var styles_css_fullWidth = 'style__17arfox1';
+var styles_css_helperText = 'style__17arfox3';
+var styles_css_label = 'style__17arfox2';
+function defaultGetOptionLabel(option) {
+    return 'string' == typeof option ? option : String(option);
+}
+function Autocomplete(props) {
+    const { className, contentClassName, defaultValue, disabled = false, error = false, fullWidth = false, getOptionLabel = defaultGetOptionLabel, getOptionValue = getOptionLabel, helperText, id, inputClassName, isOptionEqualToValue, label, labelClassName, multiple, noOptionsText = 'No results found', onChange, options, placeholder, renderOption, required, style, value, ...rootProps } = props;
+    const generatedId = useId();
+    const inputId = id ?? (label ? generatedId : void 0);
+    const anchor = useComboboxAnchor();
+    const [innerValue, setInnerValue] = useState(defaultValue ?? (multiple ? [] : null));
+    const selectedValue = value ?? innerValue;
+    const invalid = error ? true : void 0;
+    const handleChange = (nextValue)=>{
+        if (void 0 === value) setInnerValue(nextValue);
+        if (multiple) return void onChange?.(Array.isArray(nextValue) ? nextValue : []);
+        onChange?.(nextValue);
+    };
+    const isEqual = isOptionEqualToValue ?? ((option, selectedOption)=>getOptionValue(option) === getOptionValue(selectedOption));
+    const renderItem = (option)=>/*#__PURE__*/ jsx(Combobox_Combobox.Item, {
+            value: option,
+            children: renderOption?.(option) ?? getOptionLabel(option)
+        }, getOptionValue(option));
+    return /*#__PURE__*/ jsxs("div", {
+        style: style,
+        className: clsx(styles_css_field, {
+            [styles_css_fullWidth]: fullWidth
+        }, className),
+        children: [
+            label && /*#__PURE__*/ jsx(Label, {
+                htmlFor: inputId,
+                disabled: disabled,
+                required: required,
+                error: error,
+                className: clsx(styles_css_label, labelClassName),
+                children: label
+            }),
+            /*#__PURE__*/ jsxs(Combobox_Combobox, {
+                ...rootProps,
+                disabled: disabled,
+                isItemEqualToValue: isEqual,
+                itemToStringLabel: getOptionLabel,
+                itemToStringValue: getOptionValue,
+                items: options,
+                multiple: multiple,
+                onValueChange: handleChange,
+                value: selectedValue,
+                children: [
+                    multiple ? /*#__PURE__*/ jsxs(Combobox_Combobox.Chips, {
+                        ref: anchor,
+                        className: clsx({
+                            [styles_css_fullWidth]: fullWidth
+                        }, inputClassName),
+                        children: [
+                            (Array.isArray(selectedValue) ? selectedValue : []).map((option)=>/*#__PURE__*/ jsx(Combobox_Combobox.Chip, {
+                                    children: getOptionLabel(option)
+                                }, getOptionValue(option))),
+                            /*#__PURE__*/ jsx(Combobox_Combobox.ChipsInput, {
+                                id: inputId,
+                                disabled: disabled,
+                                required: required,
+                                "aria-invalid": invalid,
+                                placeholder: Array.isArray(selectedValue) && selectedValue.length ? void 0 : placeholder
+                            })
+                        ]
+                    }) : /*#__PURE__*/ jsx(Combobox_Combobox.Input, {
+                        id: inputId,
+                        disabled: disabled,
+                        required: required,
+                        "aria-invalid": invalid,
+                        placeholder: placeholder,
+                        showClear: true,
+                        className: clsx({
+                            [styles_css_fullWidth]: fullWidth
+                        }, inputClassName)
+                    }),
+                    /*#__PURE__*/ jsxs(Combobox_Combobox.Content, {
+                        anchor: multiple ? anchor : void 0,
+                        className: contentClassName,
+                        children: [
+                            /*#__PURE__*/ jsx(Combobox_Combobox.Empty, {
+                                children: noOptionsText
+                            }),
+                            /*#__PURE__*/ jsx(Combobox_Combobox.List, {
+                                children: renderItem
+                            })
+                        ]
+                    })
+                ]
+            }),
+            helperText && /*#__PURE__*/ jsx(Typography, {
+                variant: "caption",
+                className: clsx(styles_css_helperText, {
+                    [styles_css_error]: error,
+                    [styles_css_disabled]: disabled
+                }),
+                children: helperText
+            })
+        ]
+    });
+}
 var badge = 'style__hhcrfl3';
 var fallback = 'style__hhcrfl2';
 var group = 'style__hhcrfl4';
 var groupCount = 'style__hhcrfl5';
 var styles_css_image = 'style__hhcrfl1';
-var styles_css_root = 'style__hhcrfl0';
-function Avatar_Avatar({ className, size = 'default', ...props }) {
+var Avatar_styles_css_root = 'style__hhcrfl0';
+function Avatar_Avatar({ className, size = 'medium', ...props }) {
     return /*#__PURE__*/ jsx(Avatar.Root, {
         "data-slot": "avatar",
         "data-size": size,
-        className: clsx(styles_css_root, className),
+        className: clsx(Avatar_styles_css_root, className),
         ...props
     });
 }
@@ -307,7 +775,7 @@ function Badge({ className, ...props }) {
         ...props
     });
 }
-function Group({ className, ...props }) {
+function Avatar_Group({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         "data-slot": "avatar-group",
         className: clsx(group, className),
@@ -324,7 +792,7 @@ function GroupCount({ className, ...props }) {
 Avatar_Avatar.Image = Image;
 Avatar_Avatar.Fallback = Fallback;
 Avatar_Avatar.Badge = Badge;
-Avatar_Avatar.Group = Group;
+Avatar_Avatar.Group = Avatar_Group;
 Avatar_Avatar.GroupCount = GroupCount;
 var badgeVariants = {
     default: 'default__1af895x1',
@@ -349,9 +817,9 @@ function Badge_Badge({ className, variant = 'default', render, ...props }) {
 var ellipsis = 'style__1dceszz5';
 var Breadcrumb_styles_css_item = 'style__1dceszz1';
 var styles_css_link = 'style__1dceszz2';
-var list = 'style__1dceszz0';
+var styles_css_list = 'style__1dceszz0';
 var page = 'style__1dceszz3';
-var styles_css_separator = 'style__1dceszz4';
+var Breadcrumb_styles_css_separator = 'style__1dceszz4';
 var visuallyHidden = 'style__1dceszz6';
 function Breadcrumb({ className, ...props }) {
     return /*#__PURE__*/ jsx("nav", {
@@ -361,10 +829,10 @@ function Breadcrumb({ className, ...props }) {
         ...props
     });
 }
-function List({ className, ...props }) {
+function Breadcrumb_List({ className, ...props }) {
     return /*#__PURE__*/ jsx("ol", {
         "data-slot": "breadcrumb-list",
-        className: clsx(list, className),
+        className: clsx(styles_css_list, className),
         ...props
     });
 }
@@ -395,12 +863,12 @@ function Page({ className, ...props }) {
         ...props
     });
 }
-function Separator({ children, className, ...props }) {
+function Breadcrumb_Separator({ children, className, ...props }) {
     return /*#__PURE__*/ jsx("li", {
         "data-slot": "breadcrumb-separator",
         role: "presentation",
         "aria-hidden": "true",
-        className: clsx(styles_css_separator, className),
+        className: clsx(Breadcrumb_styles_css_separator, className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {})
     });
@@ -421,15 +889,15 @@ function Ellipsis({ className, ...props }) {
         ]
     });
 }
-Breadcrumb.List = List;
+Breadcrumb.List = Breadcrumb_List;
 Breadcrumb.Item = Breadcrumb_Item;
 Breadcrumb.Link = Link;
 Breadcrumb.Page = Page;
-Breadcrumb.Separator = Separator;
+Breadcrumb.Separator = Breadcrumb_Separator;
 Breadcrumb.Ellipsis = Ellipsis;
 var ButtonGroup_styles_css_root = 'style__1mf3lgr0';
 var ButtonGroup_styles_css_separator = 'style__1mf3lgr2';
-var styles_css_text = 'style__1mf3lgr1';
+var ButtonGroup_styles_css_text = 'style__1mf3lgr1';
 function ButtonGroup({ className, orientation = 'horizontal', ...props }) {
     return /*#__PURE__*/ jsx("fieldset", {
         "data-slot": "button-group",
@@ -438,11 +906,11 @@ function ButtonGroup({ className, orientation = 'horizontal', ...props }) {
         ...props
     });
 }
-function Text({ className, render, ...props }) {
+function ButtonGroup_Text({ className, render, ...props }) {
     return useRender({
         defaultTagName: 'div',
         props: mergeProps({
-            className: clsx(styles_css_text, className)
+            className: clsx(ButtonGroup_styles_css_text, className)
         }, props),
         render,
         state: {
@@ -459,84 +927,9 @@ function ButtonGroup_Separator({ className, orientation = 'vertical', ...props }
         ...props
     });
 }
-ButtonGroup.Text = Text;
+ButtonGroup.Text = ButtonGroup_Text;
 ButtonGroup.Separator = ButtonGroup_Separator;
-var alignments = {
-    left: 'left__1sba6zok',
-    center: 'center__1sba6zol',
-    right: 'right__1sba6zom',
-    justify: 'justify__1sba6zon'
-};
-var colors = {
-    primary: 'primary__1sba6zoc',
-    secondary: 'secondary__1sba6zod',
-    disabled: 'disabled__1sba6zoe',
-    success: 'success__1sba6zof',
-    error: 'error__1sba6zog',
-    warning: 'warning__1sba6zoh',
-    info: 'info__1sba6zoi',
-    muted: 'muted__1sba6zoj'
-};
-var decorations = {
-    none: 'none__1sba6zox',
-    underline: 'underline__1sba6zoy',
-    lineThrough: 'lineThrough__1sba6zoz'
-};
-var displays = {
-    block: 'block__1sba6zoo',
-    inline: 'inline__1sba6zop'
-};
-var gutterBottomClass = 'style__1sba6zo10';
-var transforms = {
-    lowercase: 'lowercase__1sba6zou',
-    uppercase: 'uppercase__1sba6zov',
-    capitalize: 'capitalize__1sba6zow'
-};
-var variants = {
-    h1: 'h1__1sba6zo0',
-    h2: 'h2__1sba6zo1',
-    h3: 'h3__1sba6zo2',
-    h4: 'h4__1sba6zo3',
-    h5: 'h5__1sba6zo4',
-    h6: 'h6__1sba6zo5',
-    subtitle1: 'subtitle1__1sba6zo6',
-    subtitle2: 'subtitle2__1sba6zo7',
-    body1: 'body1__1sba6zo8',
-    body2: 'body2__1sba6zo9',
-    caption: 'caption__1sba6zoa',
-    overline: 'overline__1sba6zob'
-};
-var weights = {
-    normal: 'normal__1sba6zoq',
-    medium: 'medium__1sba6zor',
-    semibold: 'semibold__1sba6zos',
-    bold: 'bold__1sba6zot'
-};
-const VARIANT_COMPONENT_MAP = {
-    h1: 'h1',
-    h2: 'h2',
-    h3: 'h3',
-    h4: 'h4',
-    h5: 'h5',
-    h6: 'h6',
-    subtitle1: 'h6',
-    subtitle2: 'h6',
-    body1: 'p',
-    body2: 'p',
-    caption: 'span',
-    overline: 'span'
-};
-const Typography = ({ className, variant = 'body1', component, color = 'primary', align = 'left', display = 'inline', weight = 'normal', transform, decoration = 'none', gutterBottom, children, ...props })=>{
-    const Component = component || VARIANT_COMPONENT_MAP[variant || 'body1'];
-    return /*#__PURE__*/ jsx(Component, {
-        className: clsx(decorations[decoration], variants[variant], colors[color], weights[weight], transform && transforms[transform], displays[display], alignments[align], {
-            [gutterBottomClass]: gutterBottom
-        }, className),
-        ...props,
-        children: children
-    });
-};
-var styles_css_button = 'dayButton__hxs6pw0';
+var DayButton_styles_css_button = 'dayButton__hxs6pw0';
 var outside = 'outside__hxs6pw2';
 var today = 'today__hxs6pw1';
 const DayButton = (props)=>{
@@ -549,7 +942,7 @@ const DayButton = (props)=>{
     ]);
     return /*#__PURE__*/ jsx(Button_Button, {
         ref: ref,
-        className: clsx(styles_css_button, {
+        className: clsx(DayButton_styles_css_button, {
             [outside]: modifiers.outside,
             [today]: modifiers.today
         }, className),
@@ -1069,281 +1462,6 @@ function Collapsible_Content({ ...props }) {
 }
 Collapsible_Collapsible.Trigger = Collapsible_Trigger;
 Collapsible_Collapsible.Content = Collapsible_Content;
-var addon = 'style__1rv6t1j1';
-var addonAlign = {
-    'inline-start': 'inline-start__1rv6t1j2',
-    'inline-end': 'inline-end__1rv6t1j3',
-    'block-start': 'block-start__1rv6t1j4',
-    'block-end': 'block-end__1rv6t1j5'
-};
-var InputGroup_styles_css_button = 'style__1rv6t1j6';
-var buttonSize = {
-    xs: 'xs__1rv6t1j7',
-    sm: 'sm__1rv6t1j8',
-    'icon-xs': 'icon-xs__1rv6t1j9',
-    'icon-sm': 'icon-sm__1rv6t1ja'
-};
-var control = 'style__1rv6t1jc';
-var input = 'style__1rv6t1jd';
-var InputGroup_styles_css_root = 'style__1rv6t1j0';
-var InputGroup_styles_css_text = 'style__1rv6t1jb';
-var styles_css_textarea = 'style__1rv6t1je';
-function InputGroup({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "input-group",
-        className: clsx(InputGroup_styles_css_root, className),
-        ...props
-    });
-}
-function Addon({ className, align = 'inline-start', ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "input-group-addon",
-        "data-align": align,
-        className: clsx(addon, addonAlign[align], className),
-        ...props
-    });
-}
-function InputGroup_Button({ className, type = 'button', variant = 'ghost', size = 'xs', ...props }) {
-    return /*#__PURE__*/ jsx(Button_Button, {
-        type: type,
-        "data-size": size,
-        variant: variant,
-        className: clsx(InputGroup_styles_css_button, buttonSize[size], className),
-        ...props
-    });
-}
-function InputGroup_Text({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        "data-slot": "input-group-text",
-        className: clsx(InputGroup_styles_css_text, className),
-        ...props
-    });
-}
-function Input({ className, ...props }) {
-    return /*#__PURE__*/ jsx("input", {
-        "data-slot": "input-group-control",
-        className: clsx(control, input, className),
-        ...props
-    });
-}
-function Textarea({ className, ...props }) {
-    return /*#__PURE__*/ jsx("textarea", {
-        "data-slot": "input-group-control",
-        className: clsx(control, styles_css_textarea, className),
-        ...props
-    });
-}
-InputGroup.Addon = Addon;
-InputGroup.Button = InputGroup_Button;
-InputGroup.Text = InputGroup_Text;
-InputGroup.Input = Input;
-InputGroup.Textarea = Textarea;
-var chip = 'style__1udu12rh';
-var chipRemove = 'style__1udu12rj';
-var chipRemoveButton = 'style__1udu12rk';
-var chipRemoveSize = {
-    'icon-xs': 'icon-xs__1udu12rm'
-};
-var chipWithRemove = 'style__1udu12ri';
-var chips = 'style__1udu12rg';
-var chipsInput = 'style__1udu12rl';
-var clearIcon = 'style__1udu12r4';
-var Combobox_styles_css_content = 'style__1udu12r9';
-var controlButton = 'style__1udu12r5';
-var empty = 'style__1udu12re';
-var inputGroup = 'style__1udu12r6';
-var inputTrigger = 'style__1udu12r7';
-var Combobox_styles_css_item = 'style__1udu12rb';
-var itemIndicator = 'style__1udu12rc';
-var styles_css_label = 'style__1udu12rd';
-var styles_css_list = 'style__1udu12ra';
-var positioner = 'style__1udu12r8';
-var Combobox_styles_css_separator = 'style__1udu12rf';
-var Combobox_styles_css_trigger = 'style__1udu12r2';
-var styles_css_triggerIcon = 'style__1udu12r3';
-function Combobox_Combobox(props) {
-    return /*#__PURE__*/ jsx(Combobox.Root, {
-        "data-slot": "combobox",
-        ...props
-    });
-}
-function Value(props) {
-    return /*#__PURE__*/ jsx(Combobox.Value, {
-        ...props
-    });
-}
-function Combobox_Trigger({ className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(Combobox.Trigger, {
-        "data-slot": "combobox-trigger",
-        className: clsx(controlButton, Combobox_styles_css_trigger, className),
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(ChevronDownIcon, {
-                className: styles_css_triggerIcon
-            })
-        ]
-    });
-}
-function Clear({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Combobox.Clear, {
-        "data-slot": "combobox-clear",
-        className: clsx(controlButton, className),
-        ...props,
-        children: children ?? /*#__PURE__*/ jsx(XIcon, {
-            className: clearIcon
-        })
-    });
-}
-function Combobox_Input({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
-    return /*#__PURE__*/ jsxs(Combobox.InputGroup, {
-        render: /*#__PURE__*/ jsx(InputGroup, {
-            className: clsx(inputGroup, className)
-        }),
-        children: [
-            /*#__PURE__*/ jsx(Combobox.Input, {
-                render: /*#__PURE__*/ jsx(InputGroup.Input, {
-                    disabled: disabled
-                }),
-                disabled: disabled,
-                ...props
-            }),
-            /*#__PURE__*/ jsxs(InputGroup.Addon, {
-                align: "inline-end",
-                children: [
-                    showTrigger && /*#__PURE__*/ jsx(Combobox_Trigger, {
-                        className: inputTrigger,
-                        disabled: disabled
-                    }),
-                    showClear && /*#__PURE__*/ jsx(Clear, {
-                        disabled: disabled
-                    })
-                ]
-            }),
-            children
-        ]
-    });
-}
-function Combobox_Content({ className, side = 'bottom', sideOffset = 8, align = 'start', alignOffset = 0, anchor, ...props }) {
-    return /*#__PURE__*/ jsx(Combobox.Portal, {
-        children: /*#__PURE__*/ jsx(Combobox.Positioner, {
-            side: side,
-            sideOffset: sideOffset,
-            align: align,
-            alignOffset: alignOffset,
-            anchor: anchor,
-            className: positioner,
-            children: /*#__PURE__*/ jsx(Combobox.Popup, {
-                "data-slot": "combobox-content",
-                "data-chips": anchor ? 'true' : void 0,
-                className: clsx(Combobox_styles_css_content, className),
-                ...props
-            })
-        })
-    });
-}
-function Combobox_List({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Combobox.List, {
-        "data-slot": "combobox-list",
-        className: clsx(styles_css_list, className),
-        ...props
-    });
-}
-function Combobox_Item({ className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(Combobox.Item, {
-        "data-slot": "combobox-item",
-        className: clsx(Combobox_styles_css_item, className),
-        ...props,
-        children: [
-            children,
-            /*#__PURE__*/ jsx(Combobox.ItemIndicator, {
-                className: itemIndicator,
-                children: /*#__PURE__*/ jsx(CheckIcon, {})
-            })
-        ]
-    });
-}
-function Combobox_Group({ ...props }) {
-    return /*#__PURE__*/ jsx(Combobox.Group, {
-        "data-slot": "combobox-group",
-        ...props
-    });
-}
-function Label({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Combobox.GroupLabel, {
-        "data-slot": "combobox-label",
-        className: clsx(styles_css_label, className),
-        ...props
-    });
-}
-function Collection(props) {
-    return /*#__PURE__*/ jsx(Combobox.Collection, {
-        ...props
-    });
-}
-function Empty({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Combobox.Empty, {
-        "data-slot": "combobox-empty",
-        className: clsx(empty, className),
-        ...props
-    });
-}
-function Combobox_Separator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Combobox.Separator, {
-        "data-slot": "combobox-separator",
-        className: clsx(Combobox_styles_css_separator, className),
-        ...props
-    });
-}
-function Chips({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Combobox.Chips, {
-        "data-slot": "combobox-chips",
-        className: clsx(chips, className),
-        ...props
-    });
-}
-function Chip({ className, children, showRemove = true, ...props }) {
-    return /*#__PURE__*/ jsxs(Combobox.Chip, {
-        "data-slot": "combobox-chip",
-        className: clsx(chip, {
-            [chipWithRemove]: showRemove
-        }, className),
-        ...props,
-        children: [
-            children,
-            showRemove && /*#__PURE__*/ jsx(Combobox.ChipRemove, {
-                className: clsx(chipRemove, chipRemoveButton, chipRemoveSize["icon-xs"]),
-                "data-slot": "combobox-chip-remove",
-                children: /*#__PURE__*/ jsx(XIcon, {})
-            })
-        ]
-    });
-}
-function ChipsInput({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Combobox.Input, {
-        "data-slot": "combobox-chip-input",
-        className: clsx(chipsInput, className),
-        ...props
-    });
-}
-function useComboboxAnchor() {
-    return useRef(null);
-}
-Combobox_Combobox.Value = Value;
-Combobox_Combobox.Trigger = Combobox_Trigger;
-Combobox_Combobox.Clear = Clear;
-Combobox_Combobox.Input = Combobox_Input;
-Combobox_Combobox.Content = Combobox_Content;
-Combobox_Combobox.List = Combobox_List;
-Combobox_Combobox.Item = Combobox_Item;
-Combobox_Combobox.Group = Combobox_Group;
-Combobox_Combobox.Label = Label;
-Combobox_Combobox.Collection = Collection;
-Combobox_Combobox.Empty = Empty;
-Combobox_Combobox.Separator = Combobox_Separator;
-Combobox_Combobox.Chips = Chips;
-Combobox_Combobox.Chip = Chip;
-Combobox_Combobox.ChipsInput = ChipsInput;
 var Popover_styles_css_content = 'style__1xy4jvu2';
 var styles_css_positioner = 'style__1xy4jvu3';
 const createHandle = Popover.createHandle;
@@ -1384,7 +1502,7 @@ const ConfirmAction_useLogic_useLogic = ({ skipConfirm, onConfirm, confirmButton
     };
     const confirmButtonProps = {
         variant: externalConfirmButtonProps?.isAccented ? 'destructive' : 'default',
-        size: 'sm',
+        size: 'small',
         onClick: handleConfirm
     };
     const onActionComponentClick = ()=>{
@@ -1435,7 +1553,7 @@ const ConfirmAction = (props)=>{
                             className: actionsClass,
                             children: [
                                 /*#__PURE__*/ jsx(Button_Button, {
-                                    size: "sm",
+                                    size: "small",
                                     variant: "ghost",
                                     onClick: onCancel,
                                     children: "Отмена"
@@ -1453,53 +1571,53 @@ const ConfirmAction = (props)=>{
     });
 };
 var sizes = {
-    sm: 'sm__1o97kvm1',
-    md: 'md__1o97kvm2',
-    lg: 'lg__1o97kvm3'
+    small: 'small__1o97kvm1',
+    medium: 'medium__1o97kvm2',
+    large: 'large__1o97kvm3'
 };
 var Image_styles_css_wrapper = 'style__1o97kvm0';
 const Image_Image = (props)=>/*#__PURE__*/ jsx("img", {
         alt: props.alt,
         src: props.src,
-        className: clsx_0(Image_styles_css_wrapper, sizes[props.size || 'md'], props.className),
+        className: clsx_0(Image_styles_css_wrapper, sizes[props.size || 'medium'], props.className),
         width: props.width,
         height: props.height
     });
 const SIZE = {
-    sm: 'sm',
-    md: 'md',
-    lg: 'lg'
+    small: 'small',
+    medium: 'medium',
+    large: 'large'
 };
 const IMAGE_WIDTH = {
-    [SIZE.sm]: '239px',
-    [SIZE.md]: '323px',
-    [SIZE.lg]: '458px'
+    [SIZE.small]: '239px',
+    [SIZE.medium]: '323px',
+    [SIZE.large]: '458px'
 };
 const IMAGE_HEIGHT = {
-    [SIZE.sm]: '119px',
-    [SIZE.md]: '161px',
-    [SIZE.lg]: '229px'
+    [SIZE.small]: '119px',
+    [SIZE.medium]: '161px',
+    [SIZE.large]: '229px'
 };
 const MAX_INNER_WIDTH = {
-    [SIZE.sm]: '384px',
-    [SIZE.md]: '400px',
-    [SIZE.lg]: '460px'
+    [SIZE.small]: '384px',
+    [SIZE.medium]: '400px',
+    [SIZE.large]: '460px'
 };
 const TITLE_HEADER_LEVEL = {
-    [SIZE.sm]: 'subtitle1',
-    [SIZE.md]: 'h6',
-    [SIZE.lg]: 'h5'
+    [SIZE.small]: 'subtitle1',
+    [SIZE.medium]: 'h6',
+    [SIZE.large]: 'h5'
 };
 var descriptionClass = 'style__1nenzg05';
 var footerClass = 'style__1nenzg06';
 var innerContainer = 'style__1nenzg04';
 var styles_css_sizes = {
-    sm: 'sm__1nenzg01',
-    md: 'md__1nenzg02',
-    lg: 'lg__1nenzg03'
+    small: 'small__1nenzg01',
+    medium: 'medium__1nenzg02',
+    large: 'large__1nenzg03'
 };
 var Placeholder_styles_css_wrapper = 'style__1nenzg00';
-const Placeholder = ({ className, title, imgSrc, imgAlt, description, actions, size = 'sm', renderImage })=>{
+const Placeholder = ({ className, title, imgSrc, imgAlt, description, actions, size = 'small', renderImage })=>{
     const RenderImage = useMemo(()=>renderImage || Image_Image, [
         renderImage
     ]);
@@ -1912,7 +2030,7 @@ function Header_Header({ columns, height, sticky }) {
     });
 }
 var DataGrid_styles_css_container = 'style__1gqvluf0';
-var styles_css_disabled = 'style__1gqvluf3';
+var DataGrid_styles_css_disabled = 'style__1gqvluf3';
 var fullHeight = 'style__1gqvluf2';
 var styles_css_loading = 'style__1gqvluf4';
 var table = 'style__1gqvluf1';
@@ -1928,7 +2046,7 @@ function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, h
         children: [
             /*#__PURE__*/ jsxs("table", {
                 className: clsx(table, {
-                    [styles_css_disabled]: isDisabled,
+                    [DataGrid_styles_css_disabled]: isDisabled,
                     [styles_css_loading]: isLoading,
                     [fullHeight]: isFullHeight
                 }, className),
@@ -2208,7 +2326,7 @@ const MainAction = ({ action, onActionClick, isDisabled, tooltipPlacement })=>{
                             ...props,
                             key: nestedActionName,
                             render: /*#__PURE__*/ jsx(Button_Button, {
-                                size: "sm",
+                                size: "small",
                                 onClick: onActionClick(onClickNested),
                                 children: nestedActionName
                             })
@@ -2246,7 +2364,7 @@ const SecondaryActions = ({ actions, onActionClick, tooltipPlacement, isDisabled
                                 onClick: onActionClick(onClick),
                                 isLoading: isLoading,
                                 variant: "ghost",
-                                size: "sm",
+                                size: "small",
                                 fullWidth: true,
                                 children: name
                             })
@@ -2359,7 +2477,7 @@ const ErrorState = ({ onRetry })=>/*#__PURE__*/ jsxs("li", {
                 children: ERROR_MESSAGE
             }),
             /*#__PURE__*/ jsx(Button_Button, {
-                size: "sm",
+                size: "small",
                 onClick: onRetry,
                 children: "Попробовать снова"
             })
@@ -2463,9 +2581,9 @@ var errorClass = 'style__1blk89u5';
 var fullWidthClass = 'style__1blk89u3';
 var styles_css_input = 'style__1blk89u6';
 var Input_styles_css_sizes = {
-    sm: 'sm__1blk89u7',
-    md: 'md__1blk89u8',
-    lg: 'lg__1blk89u9'
+    small: 'small__1blk89u7',
+    medium: 'medium__1blk89u8',
+    large: 'large__1blk89u9'
 };
 var Input_styles_css_variants = {
     outlined: 'outlined__1blk89u1',
@@ -2473,7 +2591,7 @@ var Input_styles_css_variants = {
 };
 var withEndAdornment = 'style__1blk89uc';
 var withStartAdornment = 'style__1blk89ub';
-const Input_Input = ({ error, variant = 'outlined', size = 'md', startAdornment, endAdornment, className, disabled, fullWidth, value, ref, ...props })=>/*#__PURE__*/ jsxs("div", {
+const Input_Input = ({ error, variant = 'outlined', size = 'medium', startAdornment, endAdornment, className, disabled, fullWidth, value, ref, ...props })=>/*#__PURE__*/ jsxs("div", {
         className: clsx(Input_styles_css_container, Input_styles_css_variants[variant], {
             [errorClass]: error
         }, {
@@ -2503,19 +2621,6 @@ const Input_Input = ({ error, variant = 'outlined', size = 'md', startAdornment,
             })
         ]
     });
-var label_css_disabled = 'style__c31e141';
-var label_css_error = 'style__c31e142';
-var required = 'style__c31e143';
-var label_css_root = 'Label__c31e140';
-const Label_Label = ({ className, disabled, error, ...props })=>/*#__PURE__*/ jsx("label", {
-        "data-slot": "label",
-        className: clsx(label_css_root, {
-            [label_css_disabled]: disabled,
-            [label_css_error]: error,
-            [required]: props.required
-        }, className),
-        ...props
-    });
 var TextField_styles_css_container = 'style__kqu4y20';
 var TextField_styles_css_disabledClass = 'style__kqu4y23';
 var styles_css_errorClass = 'style__kqu4y24';
@@ -2527,7 +2632,7 @@ const TextField = ({ label, helperText, className, disabled, fullWidth, ref, lab
             [styles_css_fullWidthClass]: fullWidth
         }, className),
         children: [
-            label && /*#__PURE__*/ jsx(Label_Label, {
+            label && /*#__PURE__*/ jsx(Label, {
                 htmlFor: props.id || label,
                 disabled: disabled,
                 required: props.required,
@@ -2837,7 +2942,7 @@ function Dialog_Content({ className, children, showCloseButton = true, ...props
                         "data-slot": "dialog-close",
                         render: /*#__PURE__*/ jsx(Button_Button, {
                             variant: "ghost",
-                            size: "iconSm",
+                            size: "iconSmall",
                             className: styles_css_closeButton
                         }),
                         children: [
@@ -3772,7 +3877,7 @@ const RadioGroupItem = ({ className, label, ...props })=>/*#__PURE__*/ jsxs("div
                     })
                 })
             }),
-            /*#__PURE__*/ jsx(Label_Label, {
+            /*#__PURE__*/ jsx(Label, {
                 htmlFor: props.id || props.value,
                 "data-slot": "radio-group-label",
                 children: label
@@ -3839,9 +3944,9 @@ var activeClass = 'style__1pnwkko1';
 var RangeInput_styles_css_container = 'style__1pnwkko0';
 var inputClass = 'style__1pnwkko6';
 var RangeInput_styles_css_sizes = {
-    sm: 'sm__1pnwkko2',
-    md: 'md__1pnwkko3',
-    lg: 'lg__1pnwkko4'
+    small: 'small__1pnwkko2',
+    medium: 'medium__1pnwkko3',
+    large: 'large__1pnwkko4'
 };
 var sliderClass = 'style__1pnwkko7';
 var styles_css_textClass = 'style__1pnwkko5';
@@ -3894,7 +3999,7 @@ const RangeInput_useLogic_useLogic_useLogic = ({ min, max, maxValue, minValue, o
         onConfirm
     };
 };
-function RangeInput({ min, max, onChange, minValue, maxValue, width = 150, unit = '', size = 'md', className, isActive, minInputRef, maxInputRef }) {
+function RangeInput({ min, max, onChange, minValue, maxValue, width = 150, unit = '', size = 'medium', className, isActive, minInputRef, maxInputRef }) {
     const { onMinValueChange, onMaxValueChange, minVal, maxVal, onKeyDown, onValueChange, onConfirm, minId, maxId } = RangeInput_useLogic_useLogic_useLogic({
         min,
         max,
@@ -4003,9 +4108,9 @@ var Select_styles_css_positioner = 'style__5ilg7o7';
 var scrollButton = 'style__5ilg7o6';
 var Select_styles_css_separator = 'style__5ilg7od';
 var Select_styles_css_sizes = {
-    sm: 'sm__5ilg7o3',
-    md: 'md__5ilg7o4',
-    lg: 'lg__5ilg7o5'
+    small: 'small__5ilg7o3',
+    medium: 'medium__5ilg7o4',
+    large: 'large__5ilg7o5'
 };
 var Select_styles_css_trigger = 'style__5ilg7o2';
 var styles_css_viewport = 'style__5ilg7o9';
@@ -4017,7 +4122,7 @@ const Select_Select = ({ onValueChange, ...props })=>/*#__PURE__*/ jsx(Select.Ro
     });
 const SelectGroup = Select.Group;
 const SelectValue = Select.Value;
-const SelectTrigger = ({ className, children, size = 'md', ...props })=>/*#__PURE__*/ jsxs(Select.Trigger, {
+const SelectTrigger = ({ className, children, size = 'medium', ...props })=>/*#__PURE__*/ jsxs(Select.Trigger, {
         "data-slot": "select-trigger",
         className: clsx(Select_styles_css_trigger, Select_styles_css_sizes[size], className),
         ...props,
@@ -4150,7 +4255,7 @@ function Sheet_Content({ className, children, side = 'right', showCloseButton =
                         render: /*#__PURE__*/ jsx(Button_Button, {
                             variant: "ghost",
                             className: Sheet_styles_css_closeButton,
-                            size: "iconSm"
+                            size: "iconSmall"
                         }),
                         children: [
                             /*#__PURE__*/ jsx(XIcon, {}),
@@ -4211,7 +4316,7 @@ var gap = 'style__1xiua9n3';
 var Sidebar_styles_css_group = 'style__1xiua9ni';
 var groupAction = 'style__1xiua9nk';
 var groupContent = 'style__1xiua9nl';
-var groupLabel = 'style__1xiua9nj';
+var styles_css_groupLabel = 'style__1xiua9nj';
 var Sidebar_styles_css_header = 'style__1xiua9ne';
 var inner = 'style__1xiua9n6';
 var Sidebar_styles_css_input = 'style__1xiua9nd';
@@ -4221,9 +4326,9 @@ var menuAction = 'style__1xiua9nu';
 var menuBadge = 'style__1xiua9nv';
 var menuButton = 'style__1xiua9no';
 var menuButtonSizes = {
-    default: 'default__1xiua9nr',
-    sm: 'sm__1xiua9ns',
-    lg: 'lg__1xiua9nt'
+    medium: 'medium__1xiua9nr',
+    small: 'small__1xiua9ns',
+    large: 'large__1xiua9nt'
 };
 var menuButtonVariants = {
     default: 'default__1xiua9np',
@@ -4234,8 +4339,8 @@ var menuSkeleton = 'style__1xiua9nw';
 var menuSub = 'style__1xiua9n10';
 var menuSubButton = 'style__1xiua9n12';
 var menuSubButtonSizes = {
-    sm: 'sm__1xiua9n13',
-    md: 'md__1xiua9n14'
+    small: 'small__1xiua9n13',
+    medium: 'medium__1xiua9n14'
 };
 var menuSubItem = 'style__1xiua9n11';
 var mobileContent = 'style__1xiua9n7';
@@ -4484,14 +4589,14 @@ function Sidebar_Group({ className, ...props }) {
         ...props
     });
 }
-function GroupLabel({ className, render, ...props }) {
+function Sidebar_GroupLabel({ className, render, ...props }) {
     return useRender({
         defaultTagName: 'div',
         render,
         props: mergeProps({
             'data-slot': 'sidebar-group-label',
             'data-sidebar': 'group-label',
-            className: clsx(groupLabel, className)
+            className: clsx(styles_css_groupLabel, className)
         }, props)
     });
 }
@@ -4541,7 +4646,7 @@ function getTooltipProps(tooltip) {
         ...props
     };
 }
-function MenuButton({ isActive = false, variant = 'default', size = 'default', tooltip, className, render, ...props }) {
+function MenuButton({ isActive = false, variant = 'default', size = 'medium', tooltip, className, render, ...props }) {
     const { isMobile, state } = useSidebar();
     const button = useRender({
         defaultTagName: 'button',
@@ -4621,7 +4726,7 @@ function MenuSubItem({ className, ...props }) {
         ...props
     });
 }
-function MenuSubButton({ size = 'md', isActive = false, className, render, ...props }) {
+function MenuSubButton({ size = 'medium', isActive = false, className, render, ...props }) {
     return useRender({
         defaultTagName: 'a',
         render,
@@ -4645,7 +4750,7 @@ const Sidebar_Sidebar = Object.assign(SidebarRoot, {
     Separator: Sidebar_Separator,
     Content: Sidebar_Content,
     Group: Sidebar_Group,
-    GroupLabel: GroupLabel,
+    GroupLabel: Sidebar_GroupLabel,
     GroupAction: GroupAction,
     GroupContent: GroupContent,
     Menu: Sidebar_Menu,
@@ -4661,9 +4766,9 @@ const Sidebar_Sidebar = Object.assign(SidebarRoot, {
 var Tabs_styles_css_contentClass = 'style__hworoa5';
 var listClass = 'style__hworoa0';
 var Tabs_styles_css_sizes = {
-    sm: 'sm__hworoa2',
-    md: 'md__hworoa3',
-    lg: 'lg__hworoa4'
+    small: 'small__hworoa2',
+    medium: 'medium__hworoa3',
+    large: 'large__hworoa4'
 };
 var styles_css_triggerClass = 'style__hworoa1';
 const TabsContent = ({ className, ...props })=>/*#__PURE__*/ jsx(Tabs.Panel, {
@@ -4676,7 +4781,7 @@ const TabsList = ({ className, ...props })=>/*#__PURE__*/ jsx(Tabs.List, {
         className: clsx(listClass, className),
         ...props
     });
-const TabsTrigger = ({ className, size = 'md', ...props })=>/*#__PURE__*/ jsx(Tabs.Tab, {
+const TabsTrigger = ({ className, size = 'medium', ...props })=>/*#__PURE__*/ jsx(Tabs.Tab, {
         "data-slot": "tabs-trigger",
         className: clsx(styles_css_triggerClass, Tabs_styles_css_sizes[size], className),
         ...props
@@ -4718,7 +4823,7 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
     return /*#__PURE__*/ jsxs("div", {
         className: clsx(toggleGroup_css_containerClass, className),
         children: [
-            label && /*#__PURE__*/ jsx(Label_Label, {
+            label && /*#__PURE__*/ jsx(Label, {
                 className: toggleGroup_css_labelClass,
                 children: label
             }),
@@ -4742,4 +4847,4 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
         ]
     });
 };
-export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label_Label as Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, colors, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, variants, weights };
+export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, colors, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, variants, weights };