@max-ts/kit 1.0.1 → 1.1.0

package/lib/index.mjs

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Accordion, Checkbox } from "@base-ui/react";
 import clsx_0, { clsx } from "clsx";
-import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, Calendar1, Check, CheckIcon, ChevronDown, ChevronLeft, ChevronRight, ChevronRightIcon, ChevronUp, CircleCheck, CircleIcon, Copy, Ellipsis as external_lucide_react_Ellipsis, EllipsisVertical, Info, MoreHorizontalIcon, OctagonAlert, PanelLeftClose, PanelLeftIcon, PanelLeftOpen, TriangleAlert, XIcon } from "lucide-react";
+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 { Avatar } from "@base-ui/react/avatar";
@@ -13,6 +13,7 @@ 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";
@@ -143,8 +144,8 @@ 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, ...props })=>/*#__PURE__*/ jsxs(Button, {
-        nativeButton: props.nativeButton ?? !props.render,
+const Button_Button = ({ className, variant = 'default', size = 'md', startAdornment, endAdornment, isLoading = false, fullWidth, children, nativeButton, ...props })=>/*#__PURE__*/ jsxs(Button, {
+        nativeButton: nativeButton ?? !props.render,
         className: clsx(buttonBase, buttonVariants[variant], buttonSizes[size], {
             [fullWidthStyle]: fullWidth,
             [loading]: isLoading
@@ -1068,8 +1069,283 @@ 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 positioner = 'style__1xy4jvu3';
+var styles_css_positioner = 'style__1xy4jvu3';
 const createHandle = Popover.createHandle;
 const Popover_Popover = ({ ...props })=>/*#__PURE__*/ jsx(Popover.Root, {
         "data-slot": "popover",
@@ -1085,7 +1361,7 @@ const Popover_Content = ({ className, align = 'center', alignOffset = 0, side =
             alignOffset: alignOffset,
             side: side,
             sideOffset: sideOffset,
-            className: positioner,
+            className: styles_css_positioner,
             children: /*#__PURE__*/ jsx(Popover.Popup, {
                 "data-slot": "popover-content",
                 className: clsx(Popover_styles_css_content, className),
@@ -1690,9 +1966,9 @@ var checkboxItem = 'style__1ib8wktd style__1ib8wkta';
 var DropdownMenu_styles_css_content = 'style__1ib8wkt7';
 var styles_css_icon = 'style__1ib8wkth';
 var DropdownMenu_styles_css_item = 'style__1ib8wkta';
-var itemIndicator = 'style__1ib8wktf';
-var styles_css_label = 'style__1ib8wkt9';
-var styles_css_positioner = 'style__1ib8wkt6';
+var styles_css_itemIndicator = 'style__1ib8wktf';
+var DropdownMenu_styles_css_label = 'style__1ib8wkt9';
+var DropdownMenu_styles_css_positioner = 'style__1ib8wkt6';
 var radioItem = 'style__1ib8wkte style__1ib8wkta';
 var DropdownMenu_styles_css_separator = 'style__1ib8wkti';
 var shortcut = 'style__1ib8wktj';
@@ -1724,7 +2000,7 @@ function DropdownMenu_Content({ align = 'start', alignOffset = 0, side = 'bottom
             alignOffset: alignOffset,
             side: side,
             sideOffset: sideOffset,
-            className: styles_css_positioner,
+            className: DropdownMenu_styles_css_positioner,
             children: /*#__PURE__*/ jsx(Menu.Popup, {
                 "data-slot": "dropdown-menu-content",
                 className: clsx(DropdownMenu_styles_css_content, className),
@@ -1739,11 +2015,11 @@ function DropdownMenu_Group({ ...props }) {
         ...props
     });
 }
-function Label({ className, inset, ...props }) {
+function DropdownMenu_Label({ className, inset, ...props }) {
     return /*#__PURE__*/ jsx(Menu.GroupLabel, {
         "data-slot": "dropdown-menu-label",
         "data-inset": inset ? '' : void 0,
-        className: clsx(styles_css_label, className),
+        className: clsx(DropdownMenu_styles_css_label, className),
         ...props
     });
 }
@@ -1796,7 +2072,7 @@ function CheckboxItem({ className, children, checked, inset, ...props }) {
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: itemIndicator,
+                className: styles_css_itemIndicator,
                 "data-slot": "dropdown-menu-checkbox-item-indicator",
                 children: /*#__PURE__*/ jsx(Menu.CheckboxItemIndicator, {
                     children: /*#__PURE__*/ jsx(CheckIcon, {
@@ -1822,7 +2098,7 @@ function RadioItem({ className, children, inset, ...props }) {
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: itemIndicator,
+                className: styles_css_itemIndicator,
                 "data-slot": "dropdown-menu-radio-item-indicator",
                 children: /*#__PURE__*/ jsx(Menu.RadioItemIndicator, {
                     children: /*#__PURE__*/ jsx(CheckIcon, {
@@ -1852,7 +2128,7 @@ DropdownMenu.Portal = DropdownMenu_Portal;
 DropdownMenu.Trigger = DropdownMenu_Trigger;
 DropdownMenu.Content = DropdownMenu_Content;
 DropdownMenu.Group = DropdownMenu_Group;
-DropdownMenu.Label = Label;
+DropdownMenu.Label = DropdownMenu_Label;
 DropdownMenu.Item = DropdownMenu_Item;
 DropdownMenu.Sub = Sub;
 DropdownMenu.SubTrigger = SubTrigger;
@@ -2113,7 +2389,7 @@ const ScrollToTopButton = ({ onClick, isVisible })=>/*#__PURE__*/ jsx(Button_But
         children: /*#__PURE__*/ jsx(ChevronUp, {})
     });
 var itemClass = 'style__1ezen7g1';
-var styles_css_list = 'style__1ezen7g0';
+var DataList_styles_css_list = 'style__1ezen7g0';
 const DataList = ({ data, keyId, className, itemContent, noDataPlaceholder, endOfScrollMsg, errorState, isLoading, isError, isEndReached, onRetry, onEndReached, ref })=>{
     const innerRef = useRef(null);
     const virtuoso = ref || innerRef;
@@ -2144,7 +2420,7 @@ const DataList = ({ data, keyId, className, itemContent, noDataPlaceholder, endO
         errorState: errorState,
         children: [
             /*#__PURE__*/ jsx(Virtuoso, {
-                className: clsx(styles_css_list, className),
+                className: clsx(DataList_styles_css_list, className),
                 style: {
                     height: '100%'
                 },
@@ -2180,24 +2456,24 @@ const DataList = ({ data, keyId, className, itemContent, noDataPlaceholder, endO
         ]
     });
 };
-var adornment = 'style__1blk89uc';
+var adornment = 'style__1blk89ua';
 var Input_styles_css_container = 'Input__1blk89u0';
-var styles_css_disabledClass = 'style__1blk89u6';
-var errorClass = 'style__1blk89u7';
+var styles_css_disabledClass = 'style__1blk89u4';
+var errorClass = 'style__1blk89u5';
 var fullWidthClass = 'style__1blk89u3';
-var input = 'style__1blk89u8';
+var styles_css_input = 'style__1blk89u6';
 var Input_styles_css_sizes = {
-    sm: 'sm__1blk89u9',
-    md: 'md__1blk89ua',
-    lg: 'lg__1blk89ub'
+    sm: 'sm__1blk89u7',
+    md: 'md__1blk89u8',
+    lg: 'lg__1blk89u9'
 };
 var Input_styles_css_variants = {
     outlined: 'outlined__1blk89u1',
     standard: 'standard__1blk89u2'
 };
-var withEndAdornment = 'style__1blk89ue';
-var withStartAdornment = 'style__1blk89ud';
-const Input = ({ error, variant = 'outlined', size = 'md', startAdornment, endAdornment, className, disabled, fullWidth, value, ref, ...props })=>/*#__PURE__*/ jsxs("div", {
+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", {
         className: clsx(Input_styles_css_container, Input_styles_css_variants[variant], {
             [errorClass]: error
         }, {
@@ -2211,7 +2487,7 @@ const Input = ({ error, variant = 'outlined', size = 'md', startAdornment, endAd
                 children: startAdornment
             }),
             /*#__PURE__*/ jsx("input", {
-                className: clsx(input, Input_styles_css_sizes[size], {
+                className: clsx(styles_css_input, Input_styles_css_sizes[size], {
                     [styles_css_disabledClass]: disabled,
                     [withStartAdornment]: Boolean(startAdornment),
                     [withEndAdornment]: Boolean(endAdornment)
@@ -2259,7 +2535,7 @@ const TextField = ({ label, helperText, className, disabled, fullWidth, ref, lab
                 className: clsx(labelClass, labelClassName),
                 children: label
             }),
-            /*#__PURE__*/ jsx(Input, {
+            /*#__PURE__*/ jsx(Input_Input, {
                 ref: ref,
                 disabled: disabled,
                 fullWidth: fullWidth,
@@ -2469,7 +2745,7 @@ const Value_useLogic_useLogic_useLogic = ({ canCopy, children, stub = '—' })=>
         direction
     };
 };
-const Value = (props)=>{
+const Value_Value = (props)=>{
     const { valueToRender, isDefaultValueRender, leader } = Value_useLogic_useLogic_useLogic(props);
     const { copyPosition = 'right', copyText, canCopy, children, stub, ...restProps } = props;
     if (isDefaultValueRender) return /*#__PURE__*/ jsx(Typography, {
@@ -2507,7 +2783,7 @@ const Description_Description = (props)=>{
     });
 };
 Description_Description.Name = Name;
-Description_Description.Value = Value;
+Description_Description.Value = Value_Value;
 var styles_css_closeButton = 'style__8bkmbe6';
 var closeText = 'style__8bkmbe7';
 var Dialog_styles_css_content = 'style__8bkmbe5';
@@ -2704,7 +2980,7 @@ var mediaVariants = {
 };
 var Empty_styles_css_root = 'style__e4li7y0';
 var Empty_styles_css_title = 'style__e4li7y5';
-function Empty({ className, ...props }) {
+function Empty_Empty({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
         "data-slot": "empty",
         className: clsx(Empty_styles_css_root, className),
@@ -2747,11 +3023,11 @@ function Empty_Content({ className, ...props }) {
         ...props
     });
 }
-Empty.Header = Empty_Header;
-Empty.Media = Empty_Media;
-Empty.Title = Empty_Title;
-Empty.Description = Empty_Description;
-Empty.Content = Empty_Content;
+Empty_Empty.Header = Empty_Header;
+Empty_Empty.Media = Empty_Media;
+Empty_Empty.Title = Empty_Title;
+Empty_Empty.Description = Empty_Description;
+Empty_Empty.Content = Empty_Content;
 var styles_css_arrow = 'style__a5l83v4';
 var arrowLeft = 'style__a5l83v5';
 var arrowRight = 'style__a5l83v6';
@@ -2865,12 +3141,12 @@ const Slot = ({ char, hasFakeCaret, isActive, ...props })=>/*#__PURE__*/ jsxs("d
 var InputOTP_styles_css_container = 'style__1iixe0l0';
 var InputOTP_styles_css_disabled = 'style__1iixe0l3';
 var styles_css_group = 'style__1iixe0l2';
-var styles_css_input = 'style__1iixe0l1';
+var InputOTP_styles_css_input = 'style__1iixe0l1';
 const InputOTP = ({ className, containerClassName, disabled, ...props })=>/*#__PURE__*/ jsx(OTPInput, {
         containerClassName: clsx(InputOTP_styles_css_container, {
             [InputOTP_styles_css_disabled]: disabled
         }, containerClassName),
-        className: clsx(styles_css_input, className),
+        className: clsx(InputOTP_styles_css_input, className),
         render: ({ slots })=>{
             if (slots.length % 2 !== 0) return /*#__PURE__*/ jsx("div", {
                 className: styles_css_group,
@@ -3170,73 +3446,25 @@ const Footer_Footer_Footer = (props)=>{
         children: children
     });
 };
-var styles_css_actionsClass = 'style__nvcxbd3';
-var breadcrumbsClass = 'Breadcrumbs__nvcxbd0';
-var buttonsClass = 'style__nvcxbd2';
-var Header_styles_css_rootClass = 'style__nvcxbd1';
-var subtitleClass = 'style__nvcxbd6';
-var subtitleContainerClass = 'style__nvcxbd7';
-var styles_css_titleClass = 'style__nvcxbd4';
-var titleContainerClass = 'style__nvcxbd5';
-const Header_Header_Header = (props)=>{
-    const { title, subtitle, breadcrumbs, actions, backButton, className } = props;
-    const { pinned, togglePinned } = useDashboard();
+var styles_css_actions = 'style__nvcxbd1';
+var Header_styles_css_content = 'style__nvcxbd2';
+var Header_styles_css_root = 'style__nvcxbd0';
+const Header_Header_Header = ({ actions, className, htmlTitle, children })=>{
     useEffect(()=>{
-        if ('string' == typeof title) document.title = title;
+        if (htmlTitle) document.title = htmlTitle;
     }, [
-        title
+        htmlTitle
     ]);
     return /*#__PURE__*/ jsxs("header", {
-        className: clsx(PAGE_HEADER_CLASSNAME, Header_styles_css_rootClass, className),
+        className: clsx(Header_styles_css_root, PAGE_HEADER_CLASSNAME, className),
         children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: buttonsClass,
-                children: [
-                    /*#__PURE__*/ jsx(Tooltip_Tooltip, {
-                        text: pinned ? 'Развернуть' : 'Свернуть',
-                        children: /*#__PURE__*/ jsx(Button_Button, {
-                            variant: "ghost",
-                            size: "icon",
-                            onClick: togglePinned,
-                            children: pinned ? /*#__PURE__*/ jsx(PanelLeftOpen, {}) : /*#__PURE__*/ jsx(PanelLeftClose, {})
-                        })
-                    }),
-                    backButton && /*#__PURE__*/ jsx(Tooltip_Tooltip, {
-                        text: "Назад",
-                        children: /*#__PURE__*/ jsx(Button_Button, {
-                            ...backButton,
-                            variant: "ghost",
-                            children: /*#__PURE__*/ jsx(ChevronLeft, {})
-                        })
-                    })
-                ]
-            }),
-            breadcrumbs && /*#__PURE__*/ jsx("div", {
-                className: breadcrumbsClass,
-                children: breadcrumbs
+            /*#__PURE__*/ jsx("div", {
+                className: Header_styles_css_content,
+                children: children
             }),
             /*#__PURE__*/ jsx("div", {
-                className: styles_css_actionsClass,
+                className: styles_css_actions,
                 children: actions
-            }),
-            'string' == typeof title ? /*#__PURE__*/ jsx(Typography, {
-                className: styles_css_titleClass,
-                component: "h1",
-                variant: "h3",
-                "aria-level": 1,
-                children: title
-            }) : /*#__PURE__*/ jsx("div", {
-                className: titleContainerClass,
-                children: title
-            }),
-            subtitle && 'string' == typeof subtitle && /*#__PURE__*/ jsx(Typography, {
-                className: subtitleClass,
-                "aria-level": 2,
-                children: subtitle
-            }),
-            subtitle && 'string' != typeof subtitle && /*#__PURE__*/ jsx("div", {
-                className: subtitleContainerClass,
-                children: subtitle
             })
         ]
     });
@@ -3537,7 +3765,7 @@ const RadioGroupItem = ({ className, label, ...props })=>/*#__PURE__*/ jsxs("div
             })
         ]
     });
-var control = 'style__h9oy581';
+var styles_css_control = 'style__h9oy581';
 var styles_css_range = 'style__h9oy583';
 var Slider_styles_css_root = 'style__h9oy580';
 var styles_css_thumb = 'style__h9oy584';
@@ -3574,7 +3802,7 @@ function Slider_Slider({ className, defaultValue, value, min = 0, max = 100, onV
         },
         ...props,
         children: /*#__PURE__*/ jsxs(Slider.Control, {
-            className: control,
+            className: styles_css_control,
             children: [
                 /*#__PURE__*/ jsx(Slider.Track, {
                     "data-slot": "slider-track",
@@ -4121,7 +4349,7 @@ function SidebarRoot({ side = 'left', variant = 'sidebar', collapsible = 'offcan
             ]
         })
     });
-    return /*#__PURE__*/ jsxs("div", {
+    return /*#__PURE__*/ jsxs("aside", {
         "data-state": state,
         "data-collapsible": 'collapsed' === state ? collapsible : void 0,
         "data-variant": variant,
@@ -4194,7 +4422,7 @@ function Inset({ className, ...props }) {
     });
 }
 function SidebarInput({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Input, {
+    return /*#__PURE__*/ jsx(Input_Input, {
         "data-slot": "sidebar-input",
         "data-sidebar": "input",
         className: clsx(Sidebar_styles_css_input, className),
@@ -4446,8 +4674,16 @@ const Tabs_Tabs = (props)=>/*#__PURE__*/ jsx(Tabs.Root, {
 Tabs_Tabs.Content = TabsContent;
 Tabs_Tabs.List = TabsList;
 Tabs_Tabs.Trigger = TabsTrigger;
+var Textarea_styles_css_textarea = 'style__1a927tn0';
+function Textarea_Textarea({ className, ...props }) {
+    return /*#__PURE__*/ jsx("textarea", {
+        "data-slot": "textarea",
+        className: clsx(Textarea_styles_css_textarea, className),
+        ...props
+    });
+}
 var toggleGroup_css_buttonClass = 'style__10hvn8a2';
-var toggleGroup_css_buttonsClass = 'style__10hvn8a1';
+var buttonsClass = 'style__10hvn8a1';
 var toggleGroup_css_containerClass = 'style__10hvn8a0';
 var toggleGroup_css_labelClass = 'style__10hvn8a3';
 const ToggleGroup = ({ value, onChange, options, size, className, label, multiple })=>{
@@ -4473,7 +4709,7 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
                 children: label
             }),
             /*#__PURE__*/ jsx("div", {
-                className: toggleGroup_css_buttonsClass,
+                className: buttonsClass,
                 children: options.map((option)=>/*#__PURE__*/ jsx(Tooltip_Tooltip, {
                         arrow: true,
                         text: option.title,
@@ -4492,4 +4728,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, 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, ImageCarousel, Image_Image as Image, Input, InputOTP, 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, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, colors, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, theme, transforms, useDashboard, useIsMobile, useOverflowed, useSidebar, variants, weights };
+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 };

package/lib/stories/Button.stories.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     title: string;
-    component: ({ className, variant, size, startAdornment, endAdornment, isLoading, fullWidth, children, ...props }: import("../components/index.ts").ButtonProps) => import("react").JSX.Element;
+    component: ({ className, variant, size, startAdornment, endAdornment, isLoading, fullWidth, children, nativeButton, ...props }: import("../components/index.ts").ButtonProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };