@kommo-crm/crm-react-ui-kit 1.12.0 → 1.14.0

package/dist/{ContextMenu-DFahDlEy.mjs → ContextMenu-CsrSe_an.mjs}

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
-import { S as B, a as K } from "./index-aPaPKjUe.mjs";
+import { S as B, a as K } from "./index-SjVEUQPm.mjs";
 import { useContextMenu as j } from "./components/ContextMenu/hooks/useContextMenu/useContextMenu.js";
 import "react";
-import { C as H } from "./useContentPositioning-Dfjbylz5.mjs";
+import { C as H } from "./useContentPositioning-Dvz908Jg.mjs";
 import "./components/ContextMenu/components/Content/Content.utils.js";
 import "./components/ContextMenu/providers/LevelProvider/LevelProvider.js";
 import "./components/ContextMenu/providers/SubMenuProvider/SubMenuProvider.js";

package/dist/assets/Separator.css

@@ -1 +1 @@
-._separator_1k8lw_1{width:100%;height:1px;background-color:var(--crm-ui-kit-palette-border-default)}
+._separator_19to2_1{background-color:var(--crm-ui-kit-separator-color);border-radius:var(--crm-ui-kit-separator-border-radius);border:0;flex-shrink:0}._horizontal_19to2_8{width:100%;height:1px}._vertical_19to2_13{width:1px;height:100%;align-self:stretch}

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1454,7 +1454,7 @@ declare const ContextMenuRoot: ((props: ContextMenuRootProps) => React.JSX.Eleme
         shouldCloseRootMenuOnSelect?: boolean;
     } & React.RefAttributes<HTMLDivElement>>;
     ItemIndicator: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Separator: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<import('./components/Separator').SeparatorProps & React.RefAttributes<HTMLDivElement>>;
     ItemIcon: React.ForwardRefExoticComponent<import('./components/ItemIcon').ItemIconProps & React.RefAttributes<HTMLSpanElement>>;
 };
 export { ContextMenuRoot as ContextMenu };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,15 +1,15 @@
 import "react/jsx-runtime";
-import "../../index-aPaPKjUe.mjs";
+import "../../index-SjVEUQPm.mjs";
 import "./hooks/useContextMenu/useContextMenu.js";
 import "react";
-import "../../useContentPositioning-Dfjbylz5.mjs";
+import "../../useContentPositioning-Dvz908Jg.mjs";
 import "./components/Content/Content.utils.js";
 import "./providers/LevelProvider/LevelProvider.js";
 import "./providers/SubMenuProvider/SubMenuProvider.js";
 import "./hooks/useContextMenuKeyboardNavigation/useContextMenuKeyboardNavigation.js";
 import "./components/Trigger/Trigger.js";
 import "./components/Portal/Portal.js";
-import { C as b, a as c, D as d } from "../../ContextMenu-DFahDlEy.mjs";
+import { C as b, a as c, D as d } from "../../ContextMenu-CsrSe_an.mjs";
 import "./components/SubTrigger/SubTrigger.js";
 import "./components/SubContent/SubContent.js";
 import "./components/Arrow/Arrow.js";

package/dist/components/ContextMenu/components/Arrow/Arrow.js

@@ -1,6 +1,6 @@
 import { jsxs as n, Fragment as _, jsx as o } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { A as a } from "../../../../index-aPaPKjUe.mjs";
+import { A as a } from "../../../../index-SjVEUQPm.mjs";
 import { c as s } from "../../../../index-L8X2o7IH.mjs";
 import '../../../../assets/Arrow.css';const f = "_arrow_udm9h_1", i = "_arrow_border_udm9h_8", e = {
   arrow: f,

package/dist/components/ContextMenu/components/CheckboxItem/CheckboxItem.js

@@ -1,10 +1,10 @@
 import { jsx as Q } from "react/jsx-runtime";
 import { forwardRef as U, useId as V } from "react";
-import { C as W } from "../../../../index-aPaPKjUe.mjs";
+import { C as W } from "../../../../index-SjVEUQPm.mjs";
 import { c as X } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as Z } from "../../../../lib/utils.js";
 import { useLevelContext as $ } from "../../providers/LevelProvider/LevelProvider.js";
-import "../../../../useContentPositioning-Dfjbylz5.mjs";
+import "../../../../useContentPositioning-Dvz908Jg.mjs";
 import "../Content/Content.utils.js";
 import { useSubMenu as ee } from "../../hooks/useSubMenu/useSubMenu.js";
 import "../../providers/SubMenuProvider/SubMenuProvider.js";

package/dist/components/ContextMenu/components/Content/Content.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../../index-aPaPKjUe.mjs";
+import "../../../../index-SjVEUQPm.mjs";
 import "../../../../index-L8X2o7IH.mjs";
-import { C as d } from "../../../../useContentPositioning-Dfjbylz5.mjs";
+import { C as d } from "../../../../useContentPositioning-Dvz908Jg.mjs";
 import "../../../../lib/utils.js";
 import "../../../../lib/keyboard/index.js";
 import "../../providers/LevelProvider/LevelProvider.js";

package/dist/components/ContextMenu/components/Content/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../../../../useContentPositioning-Dfjbylz5.mjs";
+import { C as e } from "../../../../useContentPositioning-Dvz908Jg.mjs";
 import { Direction as i } from "./Content.enums.js";
 import { directionToSide as f } from "./Content.utils.js";
 export {

package/dist/components/ContextMenu/components/Group/Group.js

@@ -1,4 +1,4 @@
-import { G as o } from "../../../../index-aPaPKjUe.mjs";
+import { G as o } from "../../../../index-SjVEUQPm.mjs";
 const p = "ContextMenu.Group", r = o;
 r.displayName = p;
 export {

package/dist/components/ContextMenu/components/Item/Item.js

@@ -1,10 +1,10 @@
 import { jsx as E } from "react/jsx-runtime";
 import { forwardRef as Z, useId as $ } from "react";
-import { I as ee } from "../../../../index-aPaPKjUe.mjs";
+import { I as ee } from "../../../../index-SjVEUQPm.mjs";
 import { c as N } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as O } from "../../../../lib/utils.js";
 import { useLevelContext as ne } from "../../providers/LevelProvider/LevelProvider.js";
-import "../../../../useContentPositioning-Dfjbylz5.mjs";
+import "../../../../useContentPositioning-Dvz908Jg.mjs";
 import "../Content/Content.utils.js";
 import { useSubMenu as oe } from "../../hooks/useSubMenu/useSubMenu.js";
 import { useItemInnerFocus as te } from "../../hooks/useItemInnerFocus/useItemInnerFocus.js";

package/dist/components/ContextMenu/components/ItemIndicator/ItemIndicator.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { d as a } from "../../../../index-aPaPKjUe.mjs";
+import { d as a } from "../../../../index-SjVEUQPm.mjs";
 import { c as n } from "../../../../index-L8X2o7IH.mjs";
 import '../../../../assets/ItemIndicator.css';const s = "_item_indicator_3bhbf_1", d = {
   item_indicator: s

package/dist/components/ContextMenu/components/Label/Label.js

@@ -1,9 +1,9 @@
 import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { L as b } from "../../../../index-aPaPKjUe.mjs";
+import { L as b } from "../../../../index-SjVEUQPm.mjs";
 import { c as u } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as d } from "../../../../lib/utils.js";
-import "../../../../useContentPositioning-Dfjbylz5.mjs";
+import "../../../../useContentPositioning-Dvz908Jg.mjs";
 import "../Content/Content.utils.js";
 import { useSubMenu as L } from "../../hooks/useSubMenu/useSubMenu.js";
 import "../../providers/LevelProvider/LevelProvider.js";

package/dist/components/ContextMenu/components/Portal/Portal.js

@@ -1,4 +1,4 @@
-import { P as o } from "../../../../index-aPaPKjUe.mjs";
+import { P as o } from "../../../../index-SjVEUQPm.mjs";
 const t = "ContextMenu.Portal", a = o;
 a.displayName = t;
 export {

package/dist/components/ContextMenu/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { R as t } from "../../../../index-aPaPKjUe.mjs";
+import { R as t } from "../../../../index-SjVEUQPm.mjs";
 const s = "ContextMenu.RadioGroup", u = (a) => {
   const { onChange: o, ...e } = a;
   return /* @__PURE__ */ r(t, { ...e, onValueChange: (n) => {

package/dist/components/ContextMenu/components/RadioItem/RadioItem.js

@@ -1,10 +1,10 @@
 import { jsx as z } from "react/jsx-runtime";
 import { forwardRef as G, useId as J } from "react";
-import { e as Q } from "../../../../index-aPaPKjUe.mjs";
+import { e as Q } from "../../../../index-SjVEUQPm.mjs";
 import { c as U } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as V } from "../../../../lib/utils.js";
 import { useLevelContext as W } from "../../providers/LevelProvider/LevelProvider.js";
-import "../../../../useContentPositioning-Dfjbylz5.mjs";
+import "../../../../useContentPositioning-Dvz908Jg.mjs";
 import "../Content/Content.utils.js";
 import { useSubMenu as X } from "../../hooks/useSubMenu/useSubMenu.js";
 import "../../providers/SubMenuProvider/SubMenuProvider.js";

package/dist/components/ContextMenu/components/Separator/Separator.d.ts

@@ -1,3 +1,4 @@
 import { default as React } from 'react';
-export declare const Separator: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dropdown-menu').DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import { SeparatorProps } from './Separator.props';
+export declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Separator.d.ts.map

package/dist/components/ContextMenu/components/Separator/Separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,eAAO,MAAM,SAAS,8LAUpB,CAAC"}
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Separator/Separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMxD,eAAO,MAAM,SAAS,uFAWpB,CAAC"}

package/dist/components/ContextMenu/components/Separator/Separator.js

@@ -1,21 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { f as p } from "../../../../index-aPaPKjUe.mjs";
-import { c as m } from "../../../../index-L8X2o7IH.mjs";
-import '../../../../assets/Separator.css';const c = "_separator_1k8lw_1", n = {
-  separator: c
-}, f = "ContextMenu.Separator", i = e((r, a) => {
-  const { className: o, ...t } = r;
-  return /* @__PURE__ */ s(
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { Separator as p } from "../../../Separator/Separator.js";
+import { SeparatorSquaredDarkTheme as s } from "../../../Separator/Separator.themes.js";
+const S = "ContextMenu.Separator", f = m((r, o) => {
+  const { className: a, ...e } = r;
+  return /* @__PURE__ */ t(
     p,
     {
-      ref: a,
-      className: m(n.separator, o),
-      ...t
+      ref: o,
+      className: a,
+      theme: s,
+      ...e
     }
   );
 });
-i.displayName = f;
+f.displayName = S;
 export {
-  i as Separator
+  f as Separator
 };

package/dist/components/ContextMenu/components/Separator/Separator.props.d.ts

@@ -1,4 +1,4 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { Separator as RadixDropdownMenuSeparator } from '@radix-ui/react-dropdown-menu';
-export type SeparatorProps = ComponentPropsWithoutRef<typeof RadixDropdownMenuSeparator>;
+import { Separator } from '../../../Separator';
+export type SeparatorProps = Omit<ComponentPropsWithoutRef<typeof Separator>, 'theme'>;
 //# sourceMappingURL=Separator.props.d.ts.map

package/dist/components/ContextMenu/components/Separator/Separator.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Separator/Separator.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,IAAI,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAExF,MAAM,MAAM,cAAc,GAAG,wBAAwB,CACnD,OAAO,0BAA0B,CAClC,CAAC"}
+{"version":3,"file":"Separator.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/ContextMenu/components/Separator/Separator.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,OAAO,CACR,CAAC"}

package/dist/components/ContextMenu/components/Sub/Sub.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../../../index-aPaPKjUe.mjs";
+import "../../../../index-SjVEUQPm.mjs";
 import "../../ContextMenu.enums.js";
-import { S as a } from "../../../../ContextMenu-DFahDlEy.mjs";
+import { S as a } from "../../../../ContextMenu-CsrSe_an.mjs";
 import "./hooks/useContextMenuSub/useContextMenuSub.js";
 import "./Sub.context.js";
 export {

package/dist/components/ContextMenu/components/Sub/index.js

@@ -1,4 +1,4 @@
-import { S } from "../../../../ContextMenu-DFahDlEy.mjs";
+import { S } from "../../../../ContextMenu-CsrSe_an.mjs";
 export {
   S as Sub
 };

package/dist/components/ContextMenu/components/SubContent/SubContent.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as V, useState as Z, useRef as $ } from "react";
-import { c as ee } from "../../../../index-aPaPKjUe.mjs";
-import { u as te, a as ne, e as oe, b as se } from "../../../../useContentPositioning-Dfjbylz5.mjs";
+import { c as ee } from "../../../../index-SjVEUQPm.mjs";
+import { u as te, a as ne, e as oe, b as se } from "../../../../useContentPositioning-Dvz908Jg.mjs";
 import { c as ie } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as ue } from "../../../../lib/utils.js";
 import { useLevelContext as re, LevelProvider as ce } from "../../providers/LevelProvider/LevelProvider.js";

package/dist/components/ContextMenu/components/SubRoot/SubRoot.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as D } from "react/jsx-runtime";
-import { a as E } from "../../../../index-aPaPKjUe.mjs";
+import { a as E } from "../../../../index-SjVEUQPm.mjs";
 import { ContextMenuProvider as F } from "../../ContextMenu.context.js";
 import { ContextMenuMode as N } from "../../ContextMenu.enums.js";
 import { FocusBlocker as j } from "../FocusBlocker/FocusBlocker.js";

package/dist/components/ContextMenu/components/SubRoot/components/Content/Content.js

@@ -1,8 +1,8 @@
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as ce, useState as de, useRef as ue } from "react";
-import { g as me } from "../../../../../../index-aPaPKjUe.mjs";
+import { f as me } from "../../../../../../index-SjVEUQPm.mjs";
 import { c as fe } from "../../../../../../index-L8X2o7IH.mjs";
-import { u as pe, a as he, e as ge, b as Ce } from "../../../../../../useContentPositioning-Dfjbylz5.mjs";
+import { u as pe, a as he, e as Ce, b as ge } from "../../../../../../useContentPositioning-Dvz908Jg.mjs";
 import { mergeRefs as Ie } from "../../../../../../lib/utils.js";
 import { KeyboardKey as Oe } from "../../../../../../lib/keyboard/index.js";
 import { useLevelContext as ve, LevelProvider as Ae } from "../../../../providers/LevelProvider/LevelProvider.js";
@@ -17,10 +17,10 @@ import '../../../../../../assets/Content.css';const Me = "_content_f2h52_1", Pe
   const {
     style: b,
     className: E,
-    children: g,
+    children: C,
     alignOffset: N,
     arrowPadding: w = 5,
-    collisionBoundary: C,
+    collisionBoundary: g,
     direction: I = ye.DOWN_RIGHT,
     disableAutoPositioning: O = !1,
     disableRepositioning: F = !1,
@@ -59,12 +59,12 @@ import '../../../../../../assets/Content.css';const Me = "_content_f2h52_1", Pe
     disableAutoPositioning: O,
     triggerRef: j,
     contentRef: A,
-    collisionBoundary: C,
-    children: g,
+    collisionBoundary: g,
+    children: C,
     disableRepositioning: F
   }), V = he({
     opacity: P && (y === x.CLICK || R) ? 1 : 0,
-    config: y === x.CLICK ? { duration: 0 } : { duration: z, easing: ge.easeInOutCubic }
+    config: y === x.CLICK ? { duration: 0 } : { duration: z, easing: Ce.easeInOutCubic }
   }), Z = (e) => {
     m == null || m(e), n == null || n(e);
   }, $ = (e) => {
@@ -107,7 +107,7 @@ import '../../../../../../assets/Content.css';const Me = "_content_f2h52_1", Pe
       onChildAiming: G,
       level: M + 1,
       children: D && /* @__PURE__ */ p(
-        Ce.div,
+        ge.div,
         {
           style: {
             zIndex: Number.MAX_SAFE_INTEGER - 10,
@@ -123,7 +123,7 @@ import '../../../../../../assets/Content.css';const Me = "_content_f2h52_1", Pe
                 ...b || {},
                 pointerEvents: O || P ? "auto" : "none"
               },
-              collisionBoundary: C,
+              collisionBoundary: g,
               side: De[I],
               align: J,
               arrowPadding: w,
@@ -141,7 +141,7 @@ import '../../../../../../assets/Content.css';const Me = "_content_f2h52_1", Pe
               onPointerUp: re,
               "data-menu-level": M + 1,
               ...K,
-              children: g
+              children: C
             }
           )
         }

package/dist/components/ContextMenu/components/SubRoot/components/Trigger/Trigger.js

@@ -1,11 +1,11 @@
 import { jsx as b } from "react/jsx-runtime";
 import { forwardRef as B } from "react";
-import { T as w } from "../../../../../../index-aPaPKjUe.mjs";
+import { T as w } from "../../../../../../index-SjVEUQPm.mjs";
 import { c as y } from "../../../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as A } from "../../../../../../lib/utils.js";
 import { useContextMenuContext as S } from "../../../../ContextMenu.context.js";
 import { ContextMenuMode as j } from "../../../../ContextMenu.enums.js";
-import "../../../../../../useContentPositioning-Dfjbylz5.mjs";
+import "../../../../../../useContentPositioning-Dvz908Jg.mjs";
 import "../../../Content/Content.utils.js";
 import "../../../../providers/LevelProvider/LevelProvider.js";
 import "../../../../providers/SubMenuProvider/SubMenuProvider.js";

package/dist/components/ContextMenu/components/SubTrigger/SubTrigger.js

@@ -1,12 +1,12 @@
 import { jsx as w } from "react/jsx-runtime";
 import { forwardRef as W } from "react";
-import { b as j } from "../../../../index-aPaPKjUe.mjs";
+import { b as j } from "../../../../index-SjVEUQPm.mjs";
 import { c as G } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as V } from "../../../../lib/utils.js";
 import { KeyboardKey as t } from "../../../../lib/keyboard/index.js";
 import { useContextMenuSubContext as Y } from "../Sub/Sub.context.js";
 import { ContextMenuMode as d } from "../../ContextMenu.enums.js";
-import "../../../../useContentPositioning-Dfjbylz5.mjs";
+import "../../../../useContentPositioning-Dvz908Jg.mjs";
 import "../Content/Content.utils.js";
 import "../../providers/LevelProvider/LevelProvider.js";
 import "../../providers/SubMenuProvider/SubMenuProvider.js";

package/dist/components/ContextMenu/components/Trigger/Trigger.js

@@ -1,6 +1,6 @@
 import { jsx as L } from "react/jsx-runtime";
 import { forwardRef as w } from "react";
-import { T as y } from "../../../../index-aPaPKjUe.mjs";
+import { T as y } from "../../../../index-SjVEUQPm.mjs";
 import { c as I } from "../../../../index-L8X2o7IH.mjs";
 import { mergeRefs as K } from "../../../../lib/utils.js";
 import { KeyboardKey as a } from "../../../../lib/keyboard/index.js";

package/dist/components/ContextMenu/hooks/index.js

@@ -1,5 +1,5 @@
 import { useContextMenu as r } from "./useContextMenu/useContextMenu.js";
-import { u as n } from "../../../useContentPositioning-Dfjbylz5.mjs";
+import { u as n } from "../../../useContentPositioning-Dvz908Jg.mjs";
 import { useSubMenu as s } from "./useSubMenu/useSubMenu.js";
 import { useItemInnerFocus as m } from "./useItemInnerFocus/useItemInnerFocus.js";
 import { useContextMenuItemFocus as p } from "./useContextMenuItemFocus/useContextMenuItemFocus.js";

package/dist/components/ContextMenu/hooks/useContentPositioning/useContentPositioning.js

@@ -1,5 +1,5 @@
 import "react";
-import { u as n } from "../../../../useContentPositioning-Dfjbylz5.mjs";
+import { u as n } from "../../../../useContentPositioning-Dvz908Jg.mjs";
 import "../../components/Content/Content.enums.js";
 import "../../components/Content/Content.utils.js";
 export {

package/dist/components/ContextMenu/index.js

@@ -1,4 +1,4 @@
-import { C as t } from "../../ContextMenu-DFahDlEy.mjs";
+import { C as t } from "../../ContextMenu-CsrSe_an.mjs";
 export {
   t as ContextMenu
 };

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

@@ -1,11 +1,35 @@
-export type SelectItem = {
+import { ReactElement } from 'react';
+interface SelectItemBase {
     /**
      * Value of the element.
      */
     value: number | string;
+}
+export type SelectItem = (SelectItemBase & {
     /**
-     * Description of the element.
+     * Visual label shown in the list and in the trigger when the item is selected.
      */
     option: string;
-};
+    /**
+     * Native tooltip text shown on hover.
+     * Defaults to `option` when omitted.
+     */
+    title?: string;
+}) | (SelectItemBase & {
+    /**
+     * Visual label shown in the list and in the trigger when the item is selected.
+     */
+    option: ReactElement;
+    /**
+     * Native tooltip text shown on hover.
+     * Required because `option` is not a string and cannot be used as a fallback.
+     */
+    title: string;
+});
+/**
+ * Resolves the tooltip text for a `SelectItem`. Uses the explicit `title` when
+ * provided, otherwise falls back to `option` if it is a string.
+ */
+export declare const getSelectItemTitle: (item: SelectItem) => string | undefined;
+export {};
 //# sourceMappingURL=Select.types.d.ts.map

package/dist/components/Select/Select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,UAAU,cAAc;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,UAAU,GAClB,CAAC,cAAc,GAAG;IAChB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,GACF,CAAC,cAAc,GAAG;IAChB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IACrB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEP;;;GAGG;AACH,eAAO,MAAM,kBAAkB,SAAU,UAAU,KAAG,MAAM,GAAG,SAU9D,CAAC"}

package/dist/components/Select/Select.types.js

@@ -1 +1,9 @@
-
+const e = (t) => {
+  if (t.title)
+    return t.title;
+  if (typeof t.option == "string")
+    return t.option;
+};
+export {
+  e as getSelectItemTitle
+};

package/dist/components/Select/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAgB,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAM9E,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAM5C,eAAO,MAAM,MAAM,6FAiCjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAgB,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAO9E,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAM5C,eAAO,MAAM,MAAM,6FAyCjB,CAAC"}

package/dist/components/Select/components/Button/Button.js

@@ -1,28 +1,32 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as a, useRef as d, useCallback as g, useEffect as B } from "react";
-import { SelectButton as R } from "../../../SelectButton/SelectButton.js";
-import { mergeRefs as S } from "../../../../lib/utils.js";
-import { useSelectContext as x } from "../../Select.context.js";
-const n = "Select.Button", b = a((s, f) => {
-  const { theme: c, ...l } = s, { isDisabled: m, onOpen: t, isOpened: e, isInvalid: u } = x(n), o = d(null), i = g(() => {
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as g, useRef as S, useCallback as B, useEffect as R } from "react";
+import { SelectButton as v } from "../../../SelectButton/SelectButton.js";
+import { mergeRefs as x } from "../../../../lib/utils.js";
+import { useSelectContext as I } from "../../Select.context.js";
+import { getSelectItemTitle as T } from "../../Select.types.js";
+const s = "Select.Button", b = g((l, c) => {
+  const { theme: f, ...i } = l, { isDisabled: m, onOpen: t, isOpened: e, isInvalid: u, value: o } = I(s), r = S(null), p = B(() => {
     t(!e);
   }, [t]);
-  return B(() => () => {
-    var r;
-    e && ((r = o.current) == null || r.focus());
-  }, [e]), /* @__PURE__ */ p(
-    R,
+  R(() => () => {
+    var n;
+    e && ((n = r.current) == null || n.focus());
+  }, [e]);
+  const a = o ? T(o) : void 0;
+  return /* @__PURE__ */ d(
+    v,
     {
-      ref: S(o, f),
-      onToggle: i,
-      theme: c,
+      ref: x(r, c),
+      onToggle: p,
+      title: a,
+      theme: f,
       isDisabled: m,
       isInvalid: u,
-      ...l
+      ...i
     }
   );
 });
-b.displayName = n;
+b.displayName = s;
 export {
   b as Button
 };

package/dist/components/Select/components/Item/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAWnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAUzC,eAAO,MAAM,IAAI,iFA8Cf,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAYnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAUzC,eAAO,MAAM,IAAI,iFA8Df,CAAC"}

package/dist/components/Select/components/Item/Item.js

@@ -1,46 +1,56 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as b, useCallback as w } from "react";
-import { c as y } from "../../../../index-L8X2o7IH.mjs";
-import { useThemeClassName as S } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
-import { noop as k } from "../../../../utils/noop/noop.js";
-import { useSelectContext as g } from "../../Select.context.js";
-import A from "../Option/Option.js";
-import '../../../../assets/Item.css';const D = "_item_mywsb_1", H = "_selected_mywsb_24", j = "_hovered_mywsb_30", t = {
-  item: D,
-  selected: H,
-  hovered: j
-}, c = "Select.Item", E = b((i, l) => {
-  const { item: e, children: s, index: m, className: a, theme: d, ...h } = i, p = S(d), {
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as w, useCallback as y } from "react";
+import { c as g } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as k } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
+import { noop as A } from "../../../../utils/noop/noop.js";
+import { useSelectContext as D } from "../../Select.context.js";
+import { getSelectItemTitle as H } from "../../Select.types.js";
+import P from "../Option/Option.js";
+import '../../../../assets/Item.css';const T = "_item_mywsb_1", j = "_selected_mywsb_24", E = "_hovered_mywsb_30", s = {
+  item: T,
+  selected: j,
+  hovered: E
+}, c = "Select.Item", L = w((i, l) => {
+  const {
+    item: e,
+    children: t,
+    index: m,
+    className: a,
+    theme: d,
+    title: p,
+    ...h
+  } = i, v = k(d), {
     value: o,
-    onChange: n = k,
-    onHoveredIndexChange: v,
-    hoveredIndex: f
-  } = g(c), { option: _, value: u } = e, C = w(
-    (I) => {
-      I.preventDefault(), v(m), n(e);
+    onChange: r = A,
+    onHoveredIndexChange: f,
+    hoveredIndex: _
+  } = D(c), { option: u, value: C } = e, x = y(
+    (b) => {
+      b.preventDefault(), f(m), r(e);
     },
-    [n, e]
-  ), x = (o == null ? void 0 : o.value) === u, N = f === m;
-  return /* @__PURE__ */ r(
+    [r, e]
+  ), I = (o == null ? void 0 : o.value) === C, N = _ === m, S = p ?? (t ? void 0 : H(e));
+  return /* @__PURE__ */ n(
     "li",
     {
       ...h,
       ref: l,
-      className: y(
-        t.item,
+      title: S,
+      className: g(
+        s.item,
         {
-          [t.selected]: x,
-          [t.hovered]: N
+          [s.selected]: I,
+          [s.hovered]: N
         },
         a,
-        p
+        v
       ),
-      onClick: C,
-      children: s || /* @__PURE__ */ r(A, { children: _ })
+      onClick: x,
+      children: t || /* @__PURE__ */ n(P, { children: u })
     }
   );
 });
-E.displayName = c;
+L.displayName = c;
 export {
-  E as Item
+  L as Item
 };