@zelelo/iskra-ui 0.1.0 → 0.2.0

package/dist/index.js

@@ -251,7 +251,7 @@ var Alert = ({
   return /* @__PURE__ */ jsxs2("div", { className: classes, role: "alert", ...props, children: [
     /* @__PURE__ */ jsxs2("div", { className: Alert_default.content, children: [
       title && /* @__PURE__ */ jsx7("div", { className: Alert_default.title, children: title }),
-      title && /* @__PURE__ */ jsx7("div", { className: Alert_default.description, children })
+      children && /* @__PURE__ */ jsx7("div", { className: Alert_default.description, children })
     ] }),
     closable && /* @__PURE__ */ jsx7(
       "button",
@@ -389,28 +389,122 @@ var Checkbox = forwardRef2(
 );
 Checkbox.displayName = "Checkbox";
 
+// src/components/Divider/Divider.tsx
+import "react";
+
+// src/components/Divider/Divider.module.css
+var Divider_default = {
+  divider: "Divider_divider",
+  horizontal: "Divider_horizontal",
+  vertical: "Divider_vertical",
+  withLabel: "Divider_withLabel",
+  label: "Divider_label",
+  start: "Divider_start",
+  end: "Divider_end"
+};
+
+// src/components/Divider/Divider.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Divider = ({
+  orientation = "horizontal",
+  decorative = false,
+  thickness,
+  labelPosition = "center",
+  className,
+  style,
+  children,
+  ...props
+}) => {
+  const hasLabel = Boolean(children) && orientation === "horizontal";
+  const classes = cx(
+    Divider_default.divider,
+    Divider_default[orientation],
+    hasLabel && Divider_default.withLabel,
+    hasLabel && Divider_default[labelPosition],
+    className
+  );
+  return /* @__PURE__ */ jsx11(
+    "div",
+    {
+      className: classes,
+      style: { ...style, "--divider-thickness": toCss(thickness) },
+      role: hasLabel ? void 0 : decorative ? "none" : "separator",
+      "aria-orientation": !decorative && orientation === "vertical" ? "vertical" : void 0,
+      ...props,
+      children: hasLabel && /* @__PURE__ */ jsx11("span", { className: Divider_default.label, children })
+    }
+  );
+};
+Divider.displayName = "Divider";
+
 // src/components/Input/Input.tsx
-import { forwardRef as forwardRef3, useId as useId3 } from "react";
+import { forwardRef as forwardRef3 } from "react";
+
+// src/components/FormField/FormField.tsx
+import { useId as useId3 } from "react";
+
+// src/components/FormField/FormField.module.css
+var FormField_default = {
+  sm: "FormField_sm",
+  md: "FormField_md",
+  lg: "FormField_lg",
+  root: "FormField_root",
+  label: "FormField_label",
+  required: "FormField_required",
+  box: "FormField_box",
+  disabled: "FormField_disabled",
+  invalid: "FormField_invalid",
+  message: "FormField_message",
+  error: "FormField_error"
+};
+
+// src/components/FormField/FormField.tsx
+import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+var FormField = ({
+  id,
+  label,
+  hint,
+  error,
+  required,
+  disabled,
+  size = "md",
+  className,
+  "aria-describedby": ariaDescribedBy,
+  children
+}) => {
+  const autoId = useId3();
+  const controlId = id ?? autoId;
+  const hasError = Boolean(error);
+  const message = hasError ? error : hint;
+  const messageId = message ? `${controlId}-message` : void 0;
+  const describedBy = [ariaDescribedBy, messageId].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs4("div", { className: cx(FormField_default.root, FormField_default[size], className), children: [
+    label && /* @__PURE__ */ jsxs4("label", { htmlFor: controlId, className: FormField_default.label, children: [
+      label,
+      required && /* @__PURE__ */ jsx12("span", { className: FormField_default.required, "aria-hidden": "true", children: " *" })
+    ] }),
+    children({
+      controlProps: {
+        id: controlId,
+        "aria-describedby": describedBy,
+        "aria-invalid": hasError || void 0
+      },
+      boxClassName: cx(FormField_default.box, hasError && FormField_default.invalid, disabled && FormField_default.disabled)
+    }),
+    message && /* @__PURE__ */ jsx12("p", { id: messageId, className: cx(FormField_default.message, hasError && FormField_default.error), children: message })
+  ] });
+};
+FormField.displayName = "FormField";
 
 // src/components/Input/Input.module.css
 var Input_default = {
-  sm: "Input_sm",
-  md: "Input_md",
-  lg: "Input_lg",
-  root: "Input_root",
-  label: "Input_label",
-  required: "Input_required",
-  field: "Input_field",
-  disabled: "Input_disabled",
-  invalid: "Input_invalid",
+  box: "Input_box",
   input: "Input_input",
-  icon: "Input_icon",
-  message: "Input_message",
-  error: "Input_error"
+  icon: "Input_icon"
 };
 
 // src/components/Input/Input.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var Input = forwardRef3(
   ({
     size = "md",
@@ -425,39 +519,35 @@ var Input = forwardRef3(
     disabled,
     "aria-describedby": ariaDescribedBy,
     ...props
-  }, ref) => {
-    const autoId = useId3();
-    const inputId = id ?? autoId;
-    const hasError = Boolean(error);
-    const message = hasError ? error : hint;
-    const messageId = message ? `${inputId}-message` : void 0;
-    const describeBy = [ariaDescribedBy, messageId].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ jsxs4("div", { className: cx(Input_default.root, Input_default[size], className), children: [
-      label && /* @__PURE__ */ jsxs4("label", { htmlFor: inputId, className: Input_default.label, children: [
-        label,
-        " ",
-        required && /* @__PURE__ */ jsx11("span", { className: Input_default.required, "aria-hidden": "true", children: " *" })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: cx(Input_default.field, hasError && Input_default.invalid, disabled && Input_default.disabled), children: [
-        startIcon && /* @__PURE__ */ jsx11("span", { className: Input_default.icon, children: startIcon }),
-        /* @__PURE__ */ jsx11(
+  }, ref) => /* @__PURE__ */ jsx13(
+    FormField,
+    {
+      id,
+      size,
+      label,
+      hint,
+      error,
+      required,
+      disabled,
+      className,
+      "aria-describedby": ariaDescribedBy,
+      children: ({ controlProps, boxClassName }) => /* @__PURE__ */ jsxs5("div", { className: cx(boxClassName, Input_default.box), children: [
+        startIcon && /* @__PURE__ */ jsx13("span", { className: Input_default.icon, children: startIcon }),
+        /* @__PURE__ */ jsx13(
           "input",
           {
             ref,
-            id: inputId,
+            ...controlProps,
             required,
             disabled,
-            "aria-invalid": hasError || void 0,
-            "aria-describedby": describeBy,
             className: Input_default.input,
             ...props
           }
         ),
-        endIcon && /* @__PURE__ */ jsx11("span", { className: Input_default.icon, children: endIcon })
-      ] }),
-      message && /* @__PURE__ */ jsx11("p", { id: messageId, className: cx(Input_default.message, hasError && Input_default.error), children: message })
-    ] });
-  }
+        endIcon && /* @__PURE__ */ jsx13("span", { className: Input_default.icon, children: endIcon })
+      ] })
+    }
+  )
 );
 Input.displayName = "Input";
 
@@ -481,7 +571,7 @@ var Modal_default = {
 };
 
 // src/components/Modal/Modal.tsx
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var Modal = ({
   open,
   onClose,
@@ -504,7 +594,7 @@ var Modal = ({
   return (
     // Escape у <dialog> уже закрывает модалку с клавиатуры
     // oxlint-disable-next-line jsx-a11y/click-events-have-key-events jsx-a11y/no-noninteractive-element-interactions
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx14(
       "dialog",
       {
         ref,
@@ -513,13 +603,13 @@ var Modal = ({
         "aria-labelledby": title ? titleId : void 0,
         onClose,
         onClick: (e) => e.target === e.currentTarget && close(),
-        children: /* @__PURE__ */ jsxs5("div", { className: Modal_default.content, children: [
-          title && /* @__PURE__ */ jsxs5("header", { className: Modal_default.header, children: [
-            /* @__PURE__ */ jsx12("h2", { id: titleId, className: Modal_default.title, children: title }),
-            /* @__PURE__ */ jsx12("button", { type: "button", className: Modal_default.close, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: close, children: "\xD7" })
+        children: /* @__PURE__ */ jsxs6("div", { className: Modal_default.content, children: [
+          title && /* @__PURE__ */ jsxs6("header", { className: Modal_default.header, children: [
+            /* @__PURE__ */ jsx14("h2", { id: titleId, className: Modal_default.title, children: title }),
+            /* @__PURE__ */ jsx14("button", { type: "button", className: Modal_default.close, "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: close, children: "\xD7" })
           ] }),
-          /* @__PURE__ */ jsx12("div", { className: Modal_default.body, children }),
-          footer && /* @__PURE__ */ jsx12("footer", { className: Modal_default.footer, children: footer })
+          /* @__PURE__ */ jsx14("div", { className: Modal_default.body, children }),
+          footer && /* @__PURE__ */ jsx14("footer", { className: Modal_default.footer, children: footer })
         ] })
       }
     )
@@ -527,6 +617,56 @@ var Modal = ({
 };
 Modal.displayName = "Modal";
 
+// src/components/ProgressBar/ProgressBar.module.css
+var ProgressBar_default = {
+  progress: "ProgressBar_progress",
+  sm: "ProgressBar_sm",
+  md: "ProgressBar_md",
+  lg: "ProgressBar_lg",
+  success: "ProgressBar_success",
+  danger: "ProgressBar_danger",
+  fill: "ProgressBar_fill",
+  indeterminate: "ProgressBar_indeterminate"
+};
+
+// src/components/ProgressBar/ProgressBar.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+var ProgressBar = ({
+  value,
+  max = 100,
+  size = "md",
+  variant = "accent",
+  className,
+  style,
+  ...props
+}) => {
+  const isIndenterminate = value === void 0;
+  const safeMax = max > 0 ? max : 100;
+  const clamped = isIndenterminate ? 0 : Math.min(Math.max(value, 0), safeMax);
+  const percent = clamped / safeMax * 100;
+  const classes = cx(
+    ProgressBar_default.progress,
+    ProgressBar_default[size],
+    ProgressBar_default[variant],
+    isIndenterminate && ProgressBar_default.indeterminate,
+    className
+  );
+  return /* @__PURE__ */ jsx15(
+    "div",
+    {
+      className: classes,
+      style: { ...style, "--progress-offset": `${percent - 100}%` },
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": safeMax,
+      "aria-valuenow": isIndenterminate ? void 0 : clamped,
+      ...props,
+      children: /* @__PURE__ */ jsx15("div", { className: ProgressBar_default.fill })
+    }
+  );
+};
+ProgressBar.displayName = "ProgressBar";
+
 // src/components/Radio/Radio.tsx
 import { forwardRef as forwardRef4, useContext as useContext3, useId as useId5 } from "react";
 
@@ -549,7 +689,7 @@ var Radio_default = {
 };
 
 // src/components/Radio/Radio.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
 var Radio = forwardRef4(
   ({
     size = "md",
@@ -580,7 +720,7 @@ var Radio = forwardRef4(
       onChange?.(event);
       group?.onChange(event.target.value);
     };
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs7(
       "div",
       {
         className: cx(
@@ -591,8 +731,8 @@ var Radio = forwardRef4(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs6("label", { className: Radio_default.label, children: [
-            /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsxs7("label", { className: Radio_default.label, children: [
+            /* @__PURE__ */ jsx16(
               "input",
               {
                 ref,
@@ -610,9 +750,9 @@ var Radio = forwardRef4(
               }
             ),
             label,
-            required && !group && /* @__PURE__ */ jsx13("span", { className: Radio_default.required, "aria-hidden": "true", children: " *" })
+            required && !group && /* @__PURE__ */ jsx16("span", { className: Radio_default.required, "aria-hidden": "true", children: " *" })
           ] }),
-          hasError && /* @__PURE__ */ jsx13("p", { id: messageId, className: Radio_default.error, children: error })
+          hasError && /* @__PURE__ */ jsx16("p", { id: messageId, className: Radio_default.error, children: error })
         ]
       }
     );
@@ -625,7 +765,7 @@ import { useId as useId7 } from "react";
 
 // src/components/RadioGroup/RadioGroupProvider/RadioGroupProvider.tsx
 import { useId as useId6, useState as useState3 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var RadioGroupProvider = ({
   name,
   value: controlledValue,
@@ -646,7 +786,7 @@ var RadioGroupProvider = ({
     }
     onChange?.(newValue);
   };
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx17(
     RadioGroupContext.Provider,
     {
       value: {
@@ -672,7 +812,7 @@ var RadioGroup_default = {
 };
 
 // src/components/RadioGroup/RadioGroup.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
 var RadioGroup = ({
   value,
   defaultValue,
@@ -689,7 +829,7 @@ var RadioGroup = ({
   const labelId = useId7();
   const messageId = useId7();
   const hasError = Boolean(error);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx18(
     RadioGroupProvider,
     {
       name,
@@ -698,7 +838,7 @@ var RadioGroup = ({
       onChange,
       disabled,
       required,
-      children: /* @__PURE__ */ jsxs7(
+      children: /* @__PURE__ */ jsxs8(
         "div",
         {
           className: cx(RadioGroup_default.root, disabled && RadioGroup_default.disabled, className),
@@ -709,12 +849,12 @@ var RadioGroup = ({
           "aria-required": required || void 0,
           ...props,
           children: [
-            label && /* @__PURE__ */ jsxs7("div", { id: labelId, className: RadioGroup_default.groupLabel, children: [
+            label && /* @__PURE__ */ jsxs8("div", { id: labelId, className: RadioGroup_default.groupLabel, children: [
               label,
-              required && /* @__PURE__ */ jsx15("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
+              required && /* @__PURE__ */ jsx18("span", { className: RadioGroup_default.required, "aria-hidden": "true", children: " *" })
             ] }),
-            /* @__PURE__ */ jsx15("div", { className: RadioGroup_default.options, children }),
-            hasError && /* @__PURE__ */ jsx15("p", { id: messageId, className: RadioGroup_default.error, children: error })
+            /* @__PURE__ */ jsx18("div", { className: RadioGroup_default.options, children }),
+            hasError && /* @__PURE__ */ jsx18("p", { id: messageId, className: RadioGroup_default.error, children: error })
           ]
         }
       )
@@ -737,7 +877,7 @@ var Skeleton_default = {
 };
 
 // src/components/Skeleton/Skeleton.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var Skeleton = ({
   variant = "text",
   width,
@@ -761,14 +901,14 @@ var Skeleton = ({
     borderRadius: toCss(radius)
   };
   if (variant === "text" && lines > 1) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx19(
       "span",
       {
         className: cx(Skeleton_default.lines, className),
         style: { width: sizeStyle.width, ...style },
         "aria-hidden": "true",
         ...props,
-        children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx16(
+        children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx19(
           "span",
           {
             className: baseClasses,
@@ -779,14 +919,14 @@ var Skeleton = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "span",
     {
       className: cx(baseClasses, children != null && Skeleton_default.withChildren, className),
       style: { ...sizeStyle, ...style },
       "aria-hidden": "true",
       ...props,
-      children: children != null && /* @__PURE__ */ jsx16("span", { className: Skeleton_default.hidden, children })
+      children: children != null && /* @__PURE__ */ jsx19("span", { className: Skeleton_default.hidden, children })
     }
   );
 };
@@ -816,7 +956,7 @@ var Spinner_default = {
 };
 
 // src/components/Spinner/Spinner.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var Spinner = ({
   variant = "circle",
   size = "md",
@@ -827,7 +967,7 @@ var Spinner = ({
   ...props
 }) => {
   const { items } = SPINNER_VARIANTS[variant];
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       role: "status",
@@ -835,7 +975,7 @@ var Spinner = ({
       className: cx(Spinner_default.spinner, Spinner_default[variant], Spinner_default[size], className),
       style: { ...style, ...color && { color } },
       ...props,
-      children: Array.from({ length: items }, (_, i) => /* @__PURE__ */ jsx17("span", { className: Spinner_default.item, style: { "--i": i } }, i))
+      children: Array.from({ length: items }, (_, i) => /* @__PURE__ */ jsx20("span", { className: Spinner_default.item, style: { "--i": i } }, i))
     }
   );
 };
@@ -857,10 +997,10 @@ var Switch_default = {
 };
 
 // src/components/Switch/Switch.tsx
-import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
 var Switch = forwardRef5(
-  ({ size = "md", label, className, disabled, ...props }, ref) => /* @__PURE__ */ jsxs8("label", { className: cx(Switch_default.root, Switch_default[size], disabled && Switch_default.disabled, className), children: [
-    /* @__PURE__ */ jsx18(
+  ({ size = "md", label, className, disabled, ...props }, ref) => /* @__PURE__ */ jsxs9("label", { className: cx(Switch_default.root, Switch_default[size], disabled && Switch_default.disabled, className), children: [
+    /* @__PURE__ */ jsx21(
       "input",
       {
         ref,
@@ -872,8 +1012,8 @@ var Switch = forwardRef5(
         ...props
       }
     ),
-    /* @__PURE__ */ jsx18("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx18("span", { className: Switch_default.thumb }) }),
-    label && /* @__PURE__ */ jsx18("span", { className: Switch_default.label, children: label })
+    /* @__PURE__ */ jsx21("span", { className: Switch_default.track, "aria-hidden": "true", children: /* @__PURE__ */ jsx21("span", { className: Switch_default.thumb }) }),
+    label && /* @__PURE__ */ jsx21("span", { className: Switch_default.label, children: label })
   ] })
 );
 
@@ -889,7 +1029,7 @@ var Tabs_default = {
 };
 
 // src/components/Tabs/Tabs.tsx
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
 var Tabs = ({ items, defaultValue, onChange, className }) => {
   const [active, setActive] = useState4(() => {
     const isSelectable = items.some((item) => item.value === defaultValue && !item.disabled);
@@ -927,10 +1067,10 @@ var Tabs = ({ items, defaultValue, onChange, className }) => {
     tabRefs.current[next]?.focus();
     select(items[next].value);
   };
-  return /* @__PURE__ */ jsxs9("div", { className: cx(Tabs_default.tabs, className), children: [
-    /* @__PURE__ */ jsx19("div", { role: "tablist", className: Tabs_default.list, children: items.map((item, index) => {
+  return /* @__PURE__ */ jsxs10("div", { className: cx(Tabs_default.tabs, className), children: [
+    /* @__PURE__ */ jsx22("div", { role: "tablist", className: Tabs_default.list, children: items.map((item, index) => {
       const selected = index === activeIndex;
-      return /* @__PURE__ */ jsx19(
+      return /* @__PURE__ */ jsx22(
         "button",
         {
           ref: (el) => {
@@ -951,7 +1091,7 @@ var Tabs = ({ items, defaultValue, onChange, className }) => {
         item.value
       );
     }) }),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx22(
       "div",
       {
         role: "tabpanel",
@@ -964,6 +1104,61 @@ var Tabs = ({ items, defaultValue, onChange, className }) => {
     )
   ] });
 };
+Tabs.displayName = "Tabs";
+
+// src/components/Textarea/Textarea.tsx
+import { forwardRef as forwardRef6 } from "react";
+
+// src/components/Textarea/Textarea.module.css
+var Textarea_default = {
+  textarea: "Textarea_textarea",
+  resizeNone: "Textarea_resizeNone"
+};
+
+// src/components/Textarea/Textarea.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Textarea = forwardRef6(
+  ({
+    size = "md",
+    label,
+    hint,
+    error,
+    resize = "vertical",
+    rows = 3,
+    className,
+    id,
+    required,
+    disabled,
+    "aria-describedby": ariaDescribedBy,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx23(
+    FormField,
+    {
+      id,
+      size,
+      label,
+      hint,
+      error,
+      required,
+      disabled,
+      className,
+      "aria-describedby": ariaDescribedBy,
+      children: ({ controlProps, boxClassName }) => /* @__PURE__ */ jsx23(
+        "textarea",
+        {
+          ref,
+          ...controlProps,
+          rows,
+          required,
+          disabled,
+          className: cx(boxClassName, Textarea_default.textarea, resize === "none" && Textarea_default.resizeNone),
+          ...props
+        }
+      )
+    }
+  )
+);
+Textarea.displayName = "Textarea";
 
 // src/components/Toast/Toast.tsx
 import { useCallback, useEffect as useEffect3, useRef as useRef4, useState as useState5 } from "react";
@@ -983,7 +1178,7 @@ var Toast_default = {
 };
 
 // src/components/Toast/Toast.tsx
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 var Toast = ({
   variant = "info",
   title,
@@ -1039,7 +1234,7 @@ var Toast = ({
     return null;
   }
   const classes = cx(Toast_default.toast, Toast_default[variant], className);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: classes,
@@ -1047,11 +1242,11 @@ var Toast = ({
       onMouseLeave: handleMouseLeave,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: Toast_default.content, role: "status", "aria-live": "polite", children: [
-          title && /* @__PURE__ */ jsx20("div", { className: Toast_default.title, children: title }),
-          children && /* @__PURE__ */ jsx20("div", { className: Toast_default.description, children })
+        /* @__PURE__ */ jsxs11("div", { className: Toast_default.content, role: "status", "aria-live": "polite", children: [
+          title && /* @__PURE__ */ jsx24("div", { className: Toast_default.title, children: title }),
+          children && /* @__PURE__ */ jsx24("div", { className: Toast_default.description, children })
         ] }),
-        closable && /* @__PURE__ */ jsx20(
+        closable && /* @__PURE__ */ jsx24(
           "button",
           {
             type: "button",
@@ -1065,7 +1260,7 @@ var Toast = ({
     }
   );
 };
-Toast.displayName = "Button";
+Toast.displayName = "Toast";
 
 // src/components/Toast/ToastProvider/ToastProvider.tsx
 import { createContext as createContext3, useCallback as useCallback2, useMemo, useState as useState6 } from "react";
@@ -1083,7 +1278,7 @@ var ToastContainer_default = {
 };
 
 // src/components/Toast/ToastProvider/ToastProvider.tsx
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
 var idCounter = 0;
 var nextId = () => `toast-${Date.now()}-${idCounter++}`;
 var ToastContext = createContext3(null);
@@ -1103,10 +1298,10 @@ var ToastProvider = ({
   const value = useMemo(() => {
     return { show, close };
   }, [show, close]);
-  return /* @__PURE__ */ jsxs11(ToastContext.Provider, { value, children: [
+  return /* @__PURE__ */ jsxs12(ToastContext.Provider, { value, children: [
     children,
     typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx21("div", { className: cx(ToastContainer_default.container, ToastContainer_default[position]), children: toasts.map(({ id, description, ...rest }) => /* @__PURE__ */ jsx21(Toast, { ...rest, onClose: () => close(id), children: description }, id)) }),
+      /* @__PURE__ */ jsx25("div", { className: cx(ToastContainer_default.container, ToastContainer_default[position]), children: toasts.map(({ id, description, ...rest }) => /* @__PURE__ */ jsx25(Toast, { ...rest, onClose: () => close(id), children: description }, id)) }),
       document.body
     )
   ] });
@@ -1153,7 +1348,7 @@ var Tooltip_default = {
 };
 
 // src/components/Tooltip/Tooltip.tsx
-import { Fragment, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var Tooltip = ({
   content,
   children,
@@ -1187,10 +1382,10 @@ var Tooltip = ({
       ...children.props,
       ref: mergedRef
     })
-  ) : /* @__PURE__ */ jsx22("span", { ref: refs.setReference, ...getReferenceProps(), children });
-  return /* @__PURE__ */ jsxs12(Fragment, { children: [
+  ) : /* @__PURE__ */ jsx26("span", { ref: refs.setReference, ...getReferenceProps(), children });
+  return /* @__PURE__ */ jsxs13(Fragment, { children: [
     child,
-    open && /* @__PURE__ */ jsxs12(
+    open && /* @__PURE__ */ jsxs13(
       "div",
       {
         ref: refs.setFloating,
@@ -1200,7 +1395,7 @@ var Tooltip = ({
         ...getFloatingProps(props),
         children: [
           content,
-          /* @__PURE__ */ jsx22("div", { className: Tooltip_default.arrow })
+          /* @__PURE__ */ jsx26("div", { className: Tooltip_default.arrow })
         ]
       }
     )
@@ -1215,14 +1410,17 @@ export {
   Badge,
   Button,
   Checkbox,
+  Divider,
   Input,
   Modal,
+  ProgressBar,
   Radio,
   RadioGroup,
   Skeleton,
   Spinner,
   Switch,
   Tabs,
+  Textarea,
   Toast,
   ToastProvider,
   Tooltip,