mimir-ui-kit 1.21.0 → 1.21.2

package/dist/components/DatePicker/DatePicker.js

@@ -1,92 +1,44 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-import { memo, forwardRef, useState, useEffect } from "react";
-import { DatePickerModal } from "./DatePickerModal.js";
-import { MonthPickerModal } from "./MonthPickerModal.js";
-import { c as cls } from "../../styles.module-BZXDqssF.js";
-import { YearPickerModal } from "./YearPickerModal.js";
+import { memo, forwardRef, useState } from "react";
+import { c as cls, D as DatePickerModal } from "../../DatePickerModal-BM0BgzTb.js";
 import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
 import { I as Input } from "../../Input-6mudFqTb.js";
-import { EInputVariant } from "../Input/constants.js";
 const DatePicker = memo(
   forwardRef(
-    ({
-      size,
-      value,
-      onChangeValue,
-      name,
-      before,
-      type = "days",
-      error,
-      variant,
-      disabled = false,
-      ...props
-    }, ref) => {
+    ({ size, value, onChangeValue, name, before, ...props }, ref) => {
       const [isActive, setActive] = useState(false);
-      const [pickerType, setType] = useState(type);
       const [date, setDate] = useState(
         value ? new Date(value) : /* @__PURE__ */ new Date()
       );
-      const [isError, setError] = useState(error);
-      useEffect(() => {
-        setError(error);
-      }, [error]);
       useClickOutside({
         isActive,
-        setActive: (e) => {
-          setActive(e);
-          setType(type);
-        },
+        setActive,
         className: cls["calendar-block"]
       });
       const onOpen = () => {
-        if (!disabled) setActive(true);
+        setActive(true);
       };
       const onDate = (d) => {
-        if (pickerType === "years") {
-          if (type === "years") {
-            setActive(false);
-            setType(type);
-          } else {
-            setType("months");
-          }
-        }
-        if (pickerType === "months") {
-          if (type === "months") {
-            setActive(false);
-            setType(type);
-          } else {
-            setType("days");
-          }
-        }
         setDate(d);
         onChangeValue == null ? void 0 : onChangeValue({ value: d, name });
       };
       const wrapperClassNames = classNames(cls.wrapper, isActive && cls.active);
-      return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, "data-disabled": disabled, children: [
-        /* @__PURE__ */ jsx(
-          "div",
+      return /* @__PURE__ */ jsxs("div", { className: wrapperClassNames, children: [
+        /* @__PURE__ */ jsx("div", { className: cls["date-wrapper"], onClick: onOpen, children: /* @__PURE__ */ jsx(
+          Input,
           {
-            "data-error": isError,
-            className: cls["date-wrapper"],
-            onClick: onOpen,
-            children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                ref,
-                className: cls.input,
-                wrapperClassName: cls["input-wrapper"],
-                size,
-                type: "text",
-                variant: isError ? EInputVariant.Error : variant,
-                value: formating.Date(date, "dd.mm.yy"),
-                ...props
-              }
-            )
+            ref,
+            className: cls.input,
+            wrapperClassName: cls["input-wrapper"],
+            size,
+            type: "text",
+            value: formating.Date(date, "dd.mm.yy"),
+            ...props
           }
-        ),
+        ) }),
         /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx(
           Button,
           {
@@ -98,34 +50,13 @@ const DatePicker = memo(
             iconName: isActive ? "DropdownArrowUp16px" : "DropdownArrowBottom16px"
           }
         ) }),
-        pickerType === "days" && isActive && /* @__PURE__ */ jsx(
+        isActive && /* @__PURE__ */ jsx(
           DatePickerModal,
           {
             onChangeValue: onDate,
             date,
             setActive,
-            before: typeof before === "string" ? new Date(before) : before,
-            onType: setType
-          }
-        ),
-        pickerType === "months" && isActive && /* @__PURE__ */ jsx(
-          MonthPickerModal,
-          {
-            onChangeValue: onDate,
-            date,
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before,
-            onType: setType
-          }
-        ),
-        pickerType === "years" && isActive && /* @__PURE__ */ jsx(
-          YearPickerModal,
-          {
-            onChangeValue: onDate,
-            date,
-            setActive,
-            before: typeof before === "string" ? new Date(before) : before,
-            onType: setType
+            before: typeof before === "string" ? new Date(before) : before
           }
         )
       ] });

package/dist/components/DatePicker/DatePickerModal.d.ts

@@ -3,7 +3,6 @@ type DatePickerModal = {
     onChangeValue: (d: Date) => void;
     setActive: (s: boolean) => void;
     before?: Date;
-    onType?: (s: 'days' | 'months' | 'years') => void;
 };
-export declare function DatePickerModal({ date, onChangeValue, setActive, before, onType }: DatePickerModal): import("react/jsx-runtime").JSX.Element;
+export declare function DatePickerModal({ date, onChangeValue, setActive, before }: DatePickerModal): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DatePicker/DatePickerModal.js

@@ -1,184 +1,9 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { useRef, useState, useEffect } from "react";
-import { week } from "./constants.js";
-import { c as cls } from "../../styles.module-BZXDqssF.js";
-import { Icon } from "../../icons/Icon.js";
-import { formating } from "../../utils/index.js";
-import { Button } from "../Button/Button.js";
-function DatePickerModal({
-  date,
-  onChangeValue,
-  setActive,
-  before,
-  onType
-}) {
-  const field = useRef(null);
-  const _current = new Date(date);
-  const _selecte = new Date(date);
-  const current = {
-    y: _current.getFullYear(),
-    d: _current.getDate(),
-    m: _current.getMonth() + 1
-  };
-  const selecte = {
-    y: _selecte.getFullYear(),
-    d: _selecte.getDate(),
-    m: _selecte.getMonth() + 1
-  };
-  const countWorkDays = 4;
-  const [month, setMonth] = useState({ y: selecte.y, m: selecte.m });
-  const blockWidth = 368;
-  useEffect(() => {
-    var _a, _b, _c, _d;
-    const windowHeight = window.innerHeight;
-    const windowWidth = window.innerWidth;
-    if (field.current !== null) {
-      const inputWidth = ((_b = (_a = field == null ? void 0 : field.current) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.offsetWidth) || 0;
-      const inputHeight = (_d = (_c = field == null ? void 0 : field.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.offsetHeight;
-      const inputPosition = field.current.getBoundingClientRect();
-      const calendarSize = field.current.offsetHeight;
-      if (windowHeight < inputPosition.y + calendarSize) {
-        field.current.style.top = -calendarSize + "px";
-      } else {
-        field.current.style.top = inputHeight + "px";
-      }
-      if (windowWidth < inputPosition.x + blockWidth) {
-        field.current.style.left = inputWidth - blockWidth + "px";
-      }
-      field.current.style.opacity = "1";
-    }
-  }, [month]);
-  const countPrevDays = (e) => {
-    let dayOfWeek = e.getDay();
-    if (dayOfWeek === 0) dayOfWeek = 7;
-    return dayOfWeek - 1;
-  };
-  const currentMonthIndex = month.m - 1;
-  const currentMonthFull = new Date(month.y, currentMonthIndex);
-  const days = [];
-  const prevDays = () => {
-    const prevMonth = new Date(currentMonthFull);
-    prevMonth.setDate(prevMonth.getDate() - 1);
-    const lastDayPrevMohth = prevMonth.getDate();
-    const prevList = [];
-    for (let i = 0; i < countPrevDays(currentMonthFull); i++) {
-      prevList.push(lastDayPrevMohth - i);
-    }
-    prevList.reverse();
-    return prevList;
-  };
-  const prevDaysArray = prevDays();
-  while (currentMonthFull.getMonth() === currentMonthIndex) {
-    days.push(currentMonthFull.getDate());
-    currentMonthFull.setDate(currentMonthFull.getDate() + 1);
-  }
-  const nextDays = () => {
-    const totalViewDays = 42;
-    const daysCount = totalViewDays - (prevDaysArray.length + days.length);
-    const nextList = [];
-    for (let i = 1; i <= daysCount; i++) {
-      nextList.push(i);
-    }
-    return nextList;
-  };
-  const nextDaysArray = nextDays();
-  const update = (m, y) => {
-    y = m > 12 ? y + 1 : m < 1 ? y - 1 : y;
-    m = m > 12 ? 1 : m < 1 ? 12 : m;
-    return { y, m };
-  };
-  const onExit = () => {
-    setActive(false);
-  };
-  const next = () => {
-    setMonth(update(month.m + 1, month.y));
-  };
-  const prev = () => {
-    setMonth(update(month.m - 1, month.y));
-  };
-  const isBefore = (activeDate) => {
-    if (before) {
-      const beforeDate = before.getTime();
-      if (beforeDate > activeDate) return true;
-    }
-    return false;
-  };
-  const send = (searchDate) => {
-    if (isBefore(
-      (/* @__PURE__ */ new Date(
-        `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, searchDate)}`
-      )).getTime()
-    ))
-      return;
-    onChangeValue(
-      /* @__PURE__ */ new Date(
-        `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, searchDate)}`
-      )
-    );
-    onExit();
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: [cls["calendar-block"]].join(" "), ref: field, children: [
-    /* @__PURE__ */ jsxs("div", { className: cls["h"], children: [
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          isIconButton: true,
-          iconName: "DropdownArrowLeft16px",
-          onClick: prev,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: cls["d"], onClick: () => onType == null ? void 0 : onType("months"), children: [
-        formating.Month(month.m).name,
-        "’",
-        month.y.toString().slice(-2),
-        /* @__PURE__ */ jsx(Icon, { iconName: "DropdownArrowBottom16px" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          isIconButton: true,
-          iconName: "DropdownArrowRight16px",
-          onClick: next,
-          variant: "secondary-gray",
-          size: "l"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: cls["b"], children: [
-      week.map((i, s) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: `${s > countWorkDays ? [cls["m"], cls["orange"]].join(" ") : cls["m"]}`,
-          children: i
-        },
-        `v${s}`
-      )),
-      prevDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key)),
-      days.map((i, s) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: isBefore(
-            (/* @__PURE__ */ new Date(
-              `${month.y}-${formating.Number(2, month.m)}-${formating.Number(2, i)}`
-            )).getTime()
-          ) ? cls["m"] : cls["a"],
-          children: i !== 0 ? /* @__PURE__ */ jsx(
-            "b",
-            {
-              className: current.y === month.y && current.m === month.m && current.d === i ? cls["current"] : "",
-              onClick: () => send(i),
-              children: i
-            }
-          ) : /* @__PURE__ */ jsx("p", {})
-        },
-        s
-      )),
-      nextDaysArray.map((el, key) => /* @__PURE__ */ jsx("div", { className: cls["m"], children: el }, key))
-    ] })
-  ] }) });
-}
+import "react/jsx-runtime";
+import "react";
+import "./constants.js";
+import { D } from "../../DatePickerModal-BM0BgzTb.js";
+import "../../utils/index.js";
+import "../Button/Button.js";
 export {
-  DatePickerModal
+  D as DatePickerModal
 };

package/dist/components/DatePicker/constants.d.ts

@@ -4,4 +4,3 @@ export declare enum EDatePickerBeforeDate {
     CurrentDate3 = "2024-07-11"
 }
 export declare const week: string[];
-export declare const months: string[];

package/dist/components/DatePicker/constants.js

@@ -5,22 +5,7 @@ var EDatePickerBeforeDate = /* @__PURE__ */ ((EDatePickerBeforeDate2) => {
   return EDatePickerBeforeDate2;
 })(EDatePickerBeforeDate || {});
 const week = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"];
-const months = [
-  "Январь",
-  "Февраль",
-  "Март",
-  "Апрель",
-  "Май",
-  "Июнь",
-  "Июль",
-  "Август",
-  "Сентябрь",
-  "Октябрь",
-  "Ноябрь",
-  "Декабрь"
-];
 export {
   EDatePickerBeforeDate,
-  months,
   week
 };

package/dist/components/Drawer/Drawer.d.ts

@@ -14,10 +14,6 @@ type TProps = {
      * Настраиваемый паддинг для body, что бы избежать скачка контента при overflow: hidden
      */
     paddingRight?: number;
-    /**
-     * Дополнительная высота для учета нижнего сайдбара
-     */
-    additionalHeight?: number;
     /**
      * Функция закрытия шторки
      */
@@ -26,6 +22,18 @@ type TProps = {
      * Дополнительный класс для родительской обертки.
      */
     className?: string;
+    /**
+     * Флаг отвечающий за загрузку
+     */
+    isLoading?: boolean;
+    /**
+     * Флаг делающий шапку sticky
+     */
+    stickyHeader?: boolean;
+    /**
+     * Флаг отвечающий за высоту шторки в положении `bottom`
+     */
+    fullBottomHeight?: boolean;
     /**
      * Позиция шторки.
      */
@@ -40,5 +48,5 @@ type TProps = {
 /**
  * Компонент шторки, который может выезжать слева, справа или внизу.
  */
-export declare const Drawer: ({ isOpen, onClose, title, className, position, paddingRight, additionalHeight, footer, children }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Drawer: ({ isOpen, onClose, title, className, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Drawer/Drawer.js

@@ -1,43 +1,48 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { EDrawerPosition } from "./constants.js";
 import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
 import { useLockBodyScroll } from "../../hooks/useLockBodyScroll/useLockBodyScroll.js";
+import { useResizeObserver } from "../../hooks/useResizeObserver/useResizeObserver.js";
 import { Button } from "../Button/Button.js";
 import { EButtonVariantDefault, EButtonSize } from "../Button/constants.js";
+import { Loader } from "../Loader/Loader.js";
 import { Portal } from "../Portal/Portal.js";
-import '../../assets/Drawer.css';const drawer = "_drawer_geqni_3";
-const content = "_content_geqni_17";
-const header = "_header_geqni_31";
-const title = "_title_geqni_39";
-const space = "_space_geqni_53";
-const inner = "_inner_geqni_64";
-const button = "_button_geqni_67";
-const footer = "_footer_geqni_72";
-const left = "_left_geqni_85";
-const right = "_right_geqni_89";
-const full = "_full_geqni_93";
-const bottom = "_bottom_geqni_103";
-const opened = "_opened_geqni_112";
-const overlay = "_overlay_geqni_168";
+import '../../assets/Drawer.css';const drawer = "_drawer_1y1lk_3";
+const content = "_content_1y1lk_27";
+const header = "_header_1y1lk_45";
+const title = "_title_1y1lk_59";
+const space = "_space_1y1lk_73";
+const inner = "_inner_1y1lk_84";
+const button = "_button_1y1lk_87";
+const footer = "_footer_1y1lk_92";
+const left = "_left_1y1lk_105";
+const right = "_right_1y1lk_109";
+const full = "_full_1y1lk_113";
+const bottom = "_bottom_1y1lk_123";
+const opened = "_opened_1y1lk_139";
+const overlay = "_overlay_1y1lk_195";
 const cls = {
   drawer,
   content,
+  "is-loading": "_is-loading_1y1lk_41",
   header,
+  "sticky-header": "_sticky-header_1y1lk_53",
   title,
   space,
   inner,
   button,
   footer,
-  "footer-button": "_footer-button_geqni_81",
+  "footer-button": "_footer-button_1y1lk_101",
   left,
   right,
   full,
   bottom,
+  "full-bottom-height": "_full-bottom-height_1y1lk_133",
   opened,
-  "is-closing": "_is-closing_geqni_131",
+  "is-closing": "_is-closing_1y1lk_158",
   overlay
 };
 const ANIMATION_DELAY = 300;
@@ -46,9 +51,11 @@ const Drawer = ({
   onClose,
   title: title2,
   className,
+  isLoading = false,
+  stickyHeader,
+  fullBottomHeight = false,
   position = EDrawerPosition.RIGHT,
   paddingRight = 8,
-  additionalHeight = 0,
   footer: footer2,
   children
 }) => {
@@ -56,9 +63,10 @@ const Drawer = ({
   const [isMounted, setIsMounted] = useState(false);
   const [isBodyScrollLocked, setIsBodyScrollLocked] = useState(false);
   const timerRef = useRef();
-  const contentRef = useRef(null);
-  const isBottomPosition = position === EDrawerPosition.BOTTOM;
   const isMobile = useMediaQuery(EMediaQuery.XS1);
+  const { ref } = useResizeObserver({
+    enabled: position === EDrawerPosition.BOTTOM
+  });
   useLockBodyScroll({
     on: isBodyScrollLocked,
     paddingRight
@@ -95,7 +103,9 @@ const Drawer = ({
   }, [isOpen, handleKeyDown]);
   const mods = {
     [cls.opened]: isMounted,
-    [cls["is-closing"]]: isClosing
+    [cls["is-closing"]]: isClosing,
+    [cls["full-bottom-height"]]: fullBottomHeight,
+    [cls["is-loading"]]: isLoading
   };
   if (!isOpen) {
     return null;
@@ -106,37 +116,51 @@ const Drawer = ({
       {
         "aria-hidden": !isOpen,
         role: "dialog",
-        style: {
-          minHeight: isBottomPosition && contentRef.current ? contentRef.current.offsetHeight + additionalHeight : void 0
-        },
         className: classNames(cls.drawer, cls[position], mods, className),
-        children: /* @__PURE__ */ jsxs("section", { className: classNames(cls.content, cls[position]), children: [
-          /* @__PURE__ */ jsxs("header", { className: cls.header, children: [
-            /* @__PURE__ */ jsx("h2", { className: cls.title, children: title2 }),
-            /* @__PURE__ */ jsx("div", { className: cls.space, children: /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: EButtonVariantDefault.SecondaryWhite,
-                isIconButton: true,
-                size: isMobile ? EButtonSize.S : EButtonSize.M,
-                iconName: "Close16px",
-                onClick: handleClose,
-                className: cls.button
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { ref: contentRef, className: cls.inner, children }),
-          /* @__PURE__ */ jsx("footer", { className: cls.footer, children: typeof footer2 === "function" ? footer2({ handleClose }) : footer2 || /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: isMobile ? EButtonSize.M : EButtonSize.XXL,
-              full: isMobile,
-              onClick: handleClose,
-              className: cls["footer-button"],
-              children: "Закрыть"
-            }
-          ) })
-        ] })
+        children: /* @__PURE__ */ jsx(
+          "section",
+          {
+            ref,
+            className: classNames(cls.content, cls[position], {
+              [cls["is-loading"]]: Boolean(isLoading)
+            }),
+            children: isLoading ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs(
+                "header",
+                {
+                  className: classNames(cls.header, {
+                    [cls["sticky-header"]]: stickyHeader
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsx("h2", { className: cls.title, children: title2 }),
+                    /* @__PURE__ */ jsx("div", { className: cls.space, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: EButtonVariantDefault.SecondaryWhite,
+                        isIconButton: true,
+                        size: isMobile ? EButtonSize.S : EButtonSize.M,
+                        iconName: "Close16px",
+                        onClick: handleClose,
+                        className: cls.button
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { className: cls.inner, children }),
+              /* @__PURE__ */ jsx("footer", { className: cls.footer, children: typeof footer2 === "function" ? footer2({ handleClose }) : footer2 || /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: isMobile ? EButtonSize.M : EButtonSize.XXL,
+                  full: isMobile,
+                  onClick: handleClose,
+                  className: cls["footer-button"],
+                  children: "Закрыть"
+                }
+              ) })
+            ] })
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx("div", { className: classNames(cls.overlay, mods), onClick: handleClose })

package/dist/components/TextArea/TextArea.js

@@ -7,18 +7,18 @@ import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
 import { c as cls } from "../../Input-6mudFqTb.js";
 import { EInputVariant } from "../Input/constants.js";
-import '../../assets/TextArea.css';const textarea = "_textarea_mbbjz_2";
-const label = "_label_mbbjz_11";
-const s = "_s_mbbjz_35";
-const m = "_m_mbbjz_43";
-const l = "_l_mbbjz_11";
+import '../../assets/TextArea.css';const textarea = "_textarea_191db_2";
+const label = "_label_191db_11";
+const s = "_s_191db_36";
+const m = "_m_191db_44";
+const l = "_l_191db_11";
 const textareaCls = {
-  "textarea-wrapper": "_textarea-wrapper_mbbjz_2",
+  "textarea-wrapper": "_textarea-wrapper_191db_2",
   textarea,
-  "has-label": "_has-label_mbbjz_8",
+  "has-label": "_has-label_191db_8",
   label,
-  "has-left-slot": "_has-left-slot_mbbjz_24",
-  "active-label": "_active-label_mbbjz_27",
+  "has-left-slot": "_has-left-slot_191db_25",
+  "active-label": "_active-label_191db_28",
   s,
   m,
   l

package/dist/components/Uploader/Uploader.js

@@ -23,7 +23,7 @@ const MIME = {
 };
 const filesTyps = ["jpeg", "jpg", "png", "tiff", "gif"];
 const generateId = (min, max) => {
-  return Math.round(Math.random() * (max - min) + min);
+  return Math.random() * (max - min) + min;
 };
 const Uploader = forwardRef(
   (props, ref) => {

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { Button, EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonVariantOutline, type TButtonProps } from './Button';
+export { Button, EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonVariantOutline, EButtonVariantBorderless, type TButtonProps } from './Button';
 export { Input, EInputSize, EInputVariant } from './Input';
 export type { TInputProps, TSize, TVariant } from './Input';
 export { TextArea } from './TextArea';

package/dist/components/index.js

@@ -1,5 +1,5 @@
 import { Button } from "./Button/Button.js";
-import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./Button/constants.js";
+import { EButtonForm, EButtonSize, EButtonVariantBorderless, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./Button/constants.js";
 import { I } from "../Input-6mudFqTb.js";
 import { EInputSize, EInputVariant } from "./Input/constants.js";
 import { TextArea } from "./TextArea/TextArea.js";
@@ -53,6 +53,7 @@ export {
   EAccordionSize,
   EButtonForm,
   EButtonSize,
+  EButtonVariantBorderless,
   EButtonVariantDefault,
   EButtonVariantOutline,
   EButtonVariantRound,

package/dist/hooks/index.d.ts

@@ -4,3 +4,4 @@ export { useInterval } from './useInterval';
 export { useTimer } from './useTimer';
 export { useCopyToClipboard } from './useCopyToClipboard';
 export { useMergeRefs } from './useMergeRefs';
+export { useResizeObserver } from './useResizeObserver';