mimir-ui-kit 1.43.28 → 1.44.1

package/dist/components/DatePicker/DatePicker.js

@@ -1,52 +1,54 @@
-import { jsxs as Z, jsx as D } from "react/jsx-runtime";
-import { c as G } from "../../index-DIxK0V-G.js";
-import { memo as dt, forwardRef as Dt, useState as b, useEffect as H } from "react";
-import { months as $, MAX_DAY as wt, MAX_MONTH as kt, DATE_LENGTH as Nt } from "./constants.js";
-import { DatePickerModal as ut } from "./DatePickerModal.js";
-import { MonthPickerModal as ht } from "./MonthPickerModal.js";
-import { c as y } from "../../styles.module-Cuqm31CO.js";
-import { formatDatePart as z } from "./utils.js";
-import { YearPickerModal as Mt } from "./YearPickerModal.js";
-import { useClickOutside as gt } from "../../hooks/useClickOutside/useClickOutside.js";
-import { Icon as C } from "../../icons/Icon.js";
+import { jsxs as z, jsx as D } from "react/jsx-runtime";
+import { c as H } from "../../index-DIxK0V-G.js";
+import { memo as kt, forwardRef as Nt, useState as $, useEffect as j } from "react";
+import { months as A, EDatePickerBorderRadius as C, MAX_DAY as ut, MAX_MONTH as ht, DATE_LENGTH as Mt } from "./constants.js";
+import { DatePickerModal as gt } from "./DatePickerModal.js";
+import { MonthPickerModal as Tt } from "./MonthPickerModal.js";
+import { c as l } from "../../styles.module-B3lX7mJq.js";
+import { formatDatePart as R } from "./utils.js";
+import { YearPickerModal as $t } from "./YearPickerModal.js";
+import { useClickOutside as bt } from "../../hooks/useClickOutside/useClickOutside.js";
+import { Icon as B } from "../../icons/Icon.js";
 import { formating as p } from "../../utils/index.js";
-import { I as Tt } from "../../Input-BU_6U1CW.js";
-import { EInputStatus as bt, EInputSize as R } from "../Input/constants.js";
-const $t = dt(
-  Dt(
+import { I as At } from "../../Input-IzZ6B9kw.js";
+import { EInputStatus as Pt, EInputSize as V } from "../Input/constants.js";
+const St = kt(
+  Nt(
     ({
-      size: j,
+      size: v,
       value: k,
       onChangeValue: a,
       name: w,
       before: h,
       type: n = "days",
       dateFormat: N = "full",
-      error: v,
+      error: _,
       onError: M,
       onBlur: m,
       validateImmediately: L,
-      variant: B,
-      disabled: _ = !1,
-      editable: A = !1,
+      variant: tt,
+      disabled: O = !1,
+      editable: b = !1,
       openOnInput: W = !0,
-      sendIntermediateValues: V = !1,
+      sendIntermediateValues: et = !1,
       disableFuture: q = !1,
-      disablePast: E = !1,
-      disabledDate: O,
+      disablePast: J = !1,
+      disabledDate: U,
       validRange: o,
-      ...S
-    }, tt) => {
-      const [Y, d] = b(!1), [U, l] = b(n), [f, g] = b(
+      borderRadius: X = C.All,
+      full: st,
+      ...P
+    }, rt) => {
+      const [S, d] = $(!1), [E, y] = $(n), [f, g] = $(
         () => k && !isNaN(new Date(k).getTime()) ? new Date(k) : void 0
-      ), [I, X] = b(v), [et, P] = b(""), [st, T] = b();
-      S.status = !!I && bt.Error || S.status, H(() => {
-        X(v);
-      }, [v]), H(() => {
+      ), [Y, F] = $(_), [at, I] = $(""), [ct, T] = $();
+      P.status = !!Y && Pt.Error || P.status, j(() => {
+        F(_);
+      }, [_]), j(() => {
         g(
           k && !isNaN(new Date(k).getTime()) ? new Date(k) : void 0
         );
-      }, [k]), H(() => {
+      }, [k]), j(() => {
         if (f && typeof f != "string" && !isNaN(f == null ? void 0 : f.getTime())) {
           let t = "";
           switch (N) {
@@ -55,7 +57,7 @@ const $t = dt(
               break;
             }
             case "month": {
-              const s = $[f.getMonth()], e = f.getFullYear();
+              const s = A[f.getMonth()], e = f.getFullYear();
               t = `${s} ${e}`;
               break;
             }
@@ -68,23 +70,23 @@ const $t = dt(
               break;
             }
           }
-          P(t);
+          I(t);
         } else
-          P("");
+          I("");
       }, [f, N]);
-      const J = k && new Date(k).getTime;
-      H(() => {
-        L && (J ? (X(!1), M == null || M({ name: w, active: !1 })) : (X(!0), M == null || M({ name: w, active: !0 })));
-      }, [L, w, J]), gt({
-        isActive: Y,
+      const K = k && new Date(k).getTime;
+      j(() => {
+        L && (K ? (F(!1), M == null || M({ name: w, active: !1 })) : (F(!0), M == null || M({ name: w, active: !0 })));
+      }, [L, w, K]), bt({
+        isActive: S,
         setActive: (t) => {
-          d(t), l(n), t || T(void 0);
+          d(t), y(n), t || T(void 0);
         },
-        className: y["calendar-block"]
+        className: l["calendar-block"]
       });
-      const rt = () => {
-        !_ && (W || !A) && d(!0);
-      }, K = (t) => {
+      const it = () => {
+        !O && (W || !b) && d(!0);
+      }, Q = (t) => {
         const s = t.getTime();
         if (t.setHours(0, 0, 0, 0), h && (typeof h == "string" ? new Date(h) : h).getTime() > s)
           return !1;
@@ -92,11 +94,11 @@ const $t = dt(
           const e = /* @__PURE__ */ new Date();
           if (e.setHours(0, 0, 0, 0), t.getTime() > e.getTime()) return !1;
         }
-        if (E) {
+        if (J) {
           const e = /* @__PURE__ */ new Date();
           if (e.setHours(0, 0, 0, 0), s < e.getTime()) return !1;
         }
-        if (O && O(t)) return !1;
+        if (U && U(t)) return !1;
         if (o) {
           let e;
           typeof o[0] == "string" ? e = [
@@ -110,7 +112,7 @@ const $t = dt(
           if (c.setHours(0, 0, 0, 0), u.setHours(23, 59, 59, 999), t < c || t > u) return !1;
         }
         return !0;
-      }, at = (t) => {
+      }, ot = (t) => {
         if (!isNaN(t.getTime())) {
           g(t), T(void 0);
           let e = "";
@@ -120,7 +122,7 @@ const $t = dt(
               break;
             }
             case "month": {
-              const i = $[t.getMonth()], r = t.getFullYear();
+              const i = A[t.getMonth()], r = t.getFullYear();
               e = `${i} ${r}`;
               break;
             }
@@ -138,7 +140,7 @@ const $t = dt(
             name: w
           });
         }
-        U === "years" && (n === "years" ? (d(!1), l(n)) : l("months")), U === "months" && (n === "months" ? (d(!1), l(n)) : l("days")), g(t);
+        E === "years" && (n === "years" ? (d(!1), y(n)) : y("months")), E === "months" && (n === "months" ? (d(!1), y(n)) : y("days")), g(t);
         let s = "";
         switch (N) {
           case "year": {
@@ -146,7 +148,7 @@ const $t = dt(
             break;
           }
           case "month": {
-            const e = $[t.getMonth()], i = t.getFullYear();
+            const e = A[t.getMonth()], i = t.getFullYear();
             s = `${e} ${i}`;
             break;
           }
@@ -163,9 +165,9 @@ const $t = dt(
           value: s,
           name: w
         }), m == null || m(s);
-      }, ct = (t) => {
+      }, mt = (t) => {
         const s = f || /* @__PURE__ */ new Date(), e = s.getDate(), i = s.getMonth() + 1, r = new Date(t, i - 1, e);
-        if (r.getFullYear() === t && r.getMonth() === i - 1 && r.getDate() === e && K(r)) {
+        if (r.getFullYear() === t && r.getMonth() === i - 1 && r.getDate() === e && Q(r)) {
           g(r), T(void 0);
           let c = "";
           switch (N) {
@@ -174,7 +176,7 @@ const $t = dt(
               break;
             }
             case "month": {
-              c = `${$[i - 1]} ${t}`;
+              c = `${A[i - 1]} ${t}`;
               break;
             }
             case "full": {
@@ -190,15 +192,15 @@ const $t = dt(
             value: c,
             name: w
           }), m == null || m(c), n === "years") {
-            d(!1), l(n);
+            d(!1), y(n);
             return;
           }
         } else
           T(new Date(t, i - 1, 1));
-        n === "years" ? (d(!1), l(n)) : l("months");
-      }, it = (t, s) => {
+        n === "years" ? (d(!1), y(n)) : y("months");
+      }, ft = (t, s) => {
         const i = (f || /* @__PURE__ */ new Date()).getDate(), r = new Date(t, s - 1, i);
-        if (r.getFullYear() === t && r.getMonth() === s - 1 && r.getDate() === i && K(r)) {
+        if (r.getFullYear() === t && r.getMonth() === s - 1 && r.getDate() === i && Q(r)) {
           g(r), T(void 0);
           let c = "";
           switch (N) {
@@ -207,7 +209,7 @@ const $t = dt(
               break;
             }
             case "month": {
-              c = `${$[s - 1]} ${t}`;
+              c = `${A[s - 1]} ${t}`;
               break;
             }
             case "full": {
@@ -223,31 +225,31 @@ const $t = dt(
             value: c,
             name: w
           }), m == null || m(c), n === "months") {
-            d(!1), l(n);
+            d(!1), y(n);
             return;
           }
         } else
           T(new Date(t, s - 1, 1));
-        n === "months" ? (d(!1), l(n)) : l("days");
-      }, ot = (t) => {
-        if (A) {
+        n === "months" ? (d(!1), y(n)) : y("days");
+      }, nt = (t) => {
+        if (b) {
           const s = t.target.value.replace(/[^\d]/g, "");
           if (s.length === 0)
-            P(""), a == null || a({ value: "", name: w }), m == null || m("");
+            I(""), a == null || a({ value: "", name: w }), m == null || m("");
           else {
             const [e, i, r] = [
-              z(s.substring(0, 2), wt),
-              z(s.substring(2, 4), kt),
+              R(s.substring(0, 2), ut),
+              R(s.substring(2, 4), ht),
               s.substring(4, 8)
             ], c = [e, i, r].filter(Boolean).join("/");
-            if (P(c), V) {
+            if (I(c), et) {
               const u = r ? `${r}-${i || "00"}-${e || "00"}` : [e, i, r].filter(Boolean).join("-");
               a == null || a({
                 value: u,
                 name: w
               });
             }
-            if (c.length === Nt) {
+            if (c.length === Mt) {
               const u = parseInt(r), x = /* @__PURE__ */ new Date(
                 `${u}-${i.padStart(2, "0")}-${e.padStart(2, "0")}`
               );
@@ -258,96 +260,109 @@ const $t = dt(
             }
           }
         }
-      }, mt = G(y.wrapper, Y && y.active), ft = G(y.input, y.inputBorderControl);
-      let Q;
+      }, lt = H(
+        l.wrapper,
+        S && !b && l.active
+      ), yt = H(l.input, l.inputBorderControl);
+      let Z;
       if (o) {
         let t, s;
-        typeof o[0] == "string" ? t = new Date(o[0]) : t = o[0], typeof o[1] == "string" ? s = new Date(o[1]) : s = o[1], Q = [t, s];
+        typeof o[0] == "string" ? t = new Date(o[0]) : t = o[0], typeof o[1] == "string" ? s = new Date(o[1]) : s = o[1], Z = [t, s];
       }
-      const F = {
-        onChangeValue: at,
-        date: st || f || /* @__PURE__ */ new Date(),
+      const G = {
+        onChangeValue: ot,
+        date: ct || f || /* @__PURE__ */ new Date(),
         selectedDate: f,
         before: typeof h == "string" ? new Date(h) : h,
-        onChangeType: l,
+        onChangeType: y,
         setIsActive: d,
         disableFuture: q,
-        disablePast: E,
-        disabledDate: O,
-        validRange: Q,
+        disablePast: J,
+        disabledDate: U,
+        validRange: Z,
         dateFormat: N
-      }, nt = {
-        ...F,
-        onChangeMonth: it,
+      }, pt = {
+        ...G,
+        onChangeMonth: ft,
         dateFormat: N
-      }, lt = {
-        ...F,
-        onChangeYear: ct
-      }, yt = (() => {
-        switch (U) {
+      }, dt = {
+        ...G,
+        onChangeYear: mt
+      }, Dt = (() => {
+        switch (E) {
           case "months":
-            return () => /* @__PURE__ */ D(ht, { ...nt });
+            return () => /* @__PURE__ */ D(Tt, { ...pt });
           case "years":
-            return () => /* @__PURE__ */ D(Mt, { ...lt });
+            return () => /* @__PURE__ */ D($t, { ...dt });
           default:
-            return () => /* @__PURE__ */ D(ut, { ...F });
+            return () => /* @__PURE__ */ D(gt, { ...G });
         }
-      })(), pt = ({ isActive: t }) => /* @__PURE__ */ D("button", { onClick: (e) => {
-        e.stopPropagation(), _ || d(!t);
-      }, className: y["icon-button"], children: t ? /* @__PURE__ */ D(
-        C,
+      })(), wt = ({ isActive: t }) => /* @__PURE__ */ D("button", { onClick: (e) => {
+        e.stopPropagation(), O || d(!t);
+      }, className: l["icon-button"], children: t ? /* @__PURE__ */ D(
+        B,
         {
-          iconName: j === R.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
+          iconName: v === V.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
         }
       ) : /* @__PURE__ */ D(
-        C,
+        B,
         {
-          iconName: j === R.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
+          iconName: v === V.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
         }
       ) });
-      return /* @__PURE__ */ Z("div", { className: y["input-field-group-datePicker"], children: [
-        /* @__PURE__ */ Z("div", { className: mt, "data-disabled": _, children: [
-          /* @__PURE__ */ D(
-            "div",
-            {
-              role: "button",
-              "data-status": S.status,
-              className: G(y["date-wrapper"], {
-                [y.editable]: A
-              }),
-              onClick: rt,
-              children: /* @__PURE__ */ D(
-                Tt,
+      return /* @__PURE__ */ z(
+        "div",
+        {
+          className: H(l["input-field-group-datePicker"], {
+            [l.full]: st
+          }),
+          children: [
+            /* @__PURE__ */ z("div", { className: lt, "data-disabled": O, children: [
+              /* @__PURE__ */ D(
+                "div",
                 {
-                  ref: tt,
-                  className: ft,
-                  wrapperClassName: y["input-wrapper"],
-                  size: j,
-                  type: "text",
-                  variant: B,
-                  value: et,
-                  onChange: ot,
-                  rightAddon: {
-                    addonType: "react-node",
-                    addonContent: /* @__PURE__ */ D(pt, { isActive: Y })
-                  },
-                  rightSlotClassName: y["right-slot"],
-                  onFocus: () => {
-                    W && !A && d(!0);
-                  },
-                  ...S
+                  role: "button",
+                  "data-status": P.status,
+                  className: H(l["date-wrapper"], {
+                    [l.editable]: b,
+                    [l[`border-radius-${X}`]]: X !== C.All
+                  }),
+                  onClick: it,
+                  children: /* @__PURE__ */ D(
+                    At,
+                    {
+                      ref: rt,
+                      className: yt,
+                      wrapperClassName: l["input-wrapper"],
+                      size: v,
+                      type: "text",
+                      variant: tt,
+                      value: at,
+                      onChange: nt,
+                      rightAddon: {
+                        addonType: "react-node",
+                        addonContent: /* @__PURE__ */ D(wt, { isActive: S })
+                      },
+                      rightSlotClassName: l["right-slot"],
+                      onFocus: () => {
+                        W && !b && d(!0);
+                      },
+                      borderRadius: X,
+                      ...P
+                    }
+                  )
                 }
-              )
-            }
-          ),
-          Y && /* @__PURE__ */ D(yt, {})
-        ] }),
-        I && typeof I == "string" && /* @__PURE__ */ D("div", { className: y.textError, children: I })
-      ] });
+              ),
+              S && /* @__PURE__ */ D(Dt, {})
+            ] }),
+            Y && typeof Y == "string" && /* @__PURE__ */ D("div", { className: l.textError, children: Y })
+          ]
+        }
+      );
     }
   )
 );
-$t.displayName = "DatePicker";
+St.displayName = "DatePicker";
 export {
-  $t as DatePicker
+  St as DatePicker
 };

package/dist/components/DatePicker/DatePickerModal.js

@@ -3,7 +3,7 @@ import { c as A } from "../../index-DIxK0V-G.js";
 import { useState as U } from "react";
 import { week as V, COUNT_WORK_DAYS as W } from "./constants.js";
 import { useDatePickerPosition as E } from "./hooks.js";
-import { c as n } from "../../styles.module-Cuqm31CO.js";
+import { c as n } from "../../styles.module-B3lX7mJq.js";
 import { getUpdateDate as B } from "./utils.js";
 import { Icon as K } from "../../icons/Icon.js";
 import { formating as m } from "../../utils/index.js";

package/dist/components/DatePicker/MonthPickerModal.js

@@ -3,7 +3,7 @@ import { c as _ } from "../../index-DIxK0V-G.js";
 import { useState as C } from "react";
 import { months as L } from "./constants.js";
 import { useDatePickerPosition as b } from "./hooks.js";
-import { c } from "../../styles.module-Cuqm31CO.js";
+import { c } from "../../styles.module-B3lX7mJq.js";
 import { Icon as q } from "../../icons/Icon.js";
 import { formating as P } from "../../utils/index.js";
 import { Button as A } from "../Button/Button.js";

package/dist/components/DatePicker/YearPickerModal.js

@@ -2,7 +2,7 @@ import { jsxs as b, jsx as c } from "react/jsx-runtime";
 import { c as $ } from "../../index-DIxK0V-G.js";
 import { useState as j } from "react";
 import { useDatePickerPosition as z } from "./hooks.js";
-import { c as n } from "../../styles.module-Cuqm31CO.js";
+import { c as n } from "../../styles.module-B3lX7mJq.js";
 import { formating as F } from "../../utils/index.js";
 import { Button as P } from "../Button/Button.js";
 const p = 15, I = 7, W = ({

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

@@ -10,6 +10,12 @@ export declare enum EDatePickerValue {
     CurrentDate = "20240510",
     CurrentDate3 = "2024-09-10"
 }
+export declare enum EDatePickerBorderRadius {
+    All = "all",
+    Left = "left",
+    Right = "right",
+    None = "none"
+}
 export declare const BLOCK_WIDTH = 368;
 export declare const COUNT_WORK_DAYS = 4;
 export declare const MAX_DAY = 31;

package/dist/components/DatePicker/constants.js

@@ -1,5 +1,5 @@
-var n = /* @__PURE__ */ ((t) => (t.CurrentDate1 = "2024-08-01", t.CurrentDate2 = "2024-07-01", t.CurrentDate3 = "1995-07-11", t))(n || {});
-const s = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
+var t = /* @__PURE__ */ ((n) => (n.CurrentDate1 = "2024-08-01", n.CurrentDate2 = "2024-07-01", n.CurrentDate3 = "1995-07-11", n))(t || {});
+const _ = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
   "Январь",
   "Февраль",
   "Март",
@@ -13,17 +13,18 @@ const s = ["пн", "вт", "ср", "чт", "пт", "сб", "вс"], o = [
   "Ноябрь",
   "Декабрь"
 ];
-var r = /* @__PURE__ */ ((t) => (t.CurrentDate1 = "", t.CurrentDate = "20240510", t.CurrentDate3 = "2024-09-10", t))(r || {});
-const C = 368, _ = 4, u = 31, A = 12, T = 10, D = 500;
+var r = /* @__PURE__ */ ((n) => (n.CurrentDate1 = "", n.CurrentDate = "20240510", n.CurrentDate3 = "2024-09-10", n))(r || {}), C = /* @__PURE__ */ ((n) => (n.All = "all", n.Left = "left", n.Right = "right", n.None = "none", n))(C || {});
+const A = 368, s = 4, T = 31, M = 12, O = 10, u = 500;
 export {
-  C as BLOCK_WIDTH,
-  _ as COUNT_WORK_DAYS,
-  T as DATE_LENGTH,
-  n as EDatePickerBeforeDate,
+  A as BLOCK_WIDTH,
+  s as COUNT_WORK_DAYS,
+  O as DATE_LENGTH,
+  t as EDatePickerBeforeDate,
+  C as EDatePickerBorderRadius,
   r as EDatePickerValue,
-  u as MAX_DAY,
-  D as MAX_MOBILE_WIDTH,
-  A as MAX_MONTH,
+  T as MAX_DAY,
+  u as MAX_MOBILE_WIDTH,
+  M as MAX_MONTH,
   o as months,
-  s as week
+  _ as week
 };

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

@@ -1,2 +1,3 @@
 export { DatePicker } from './DatePicker';
 export type { TProps as TDatePickerProps, TDatePickerValue } from './DatePicker';
+export { EDatePickerBorderRadius } from './constants';

package/dist/components/DatePicker/index.js

@@ -1,4 +1,6 @@
 import { DatePicker as o } from "./DatePicker.js";
+import { EDatePickerBorderRadius as a } from "./constants.js";
 export {
-  o as DatePicker
+  o as DatePicker,
+  a as EDatePickerBorderRadius
 };

package/dist/components/DropdownSelect/DropdownSelect.d.ts

@@ -0,0 +1,3 @@
+import { TDropdownSelectProps } from './types';
+
+export declare const DropdownSelect: import('react').ForwardRefExoticComponent<TDropdownSelectProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -0,0 +1,115 @@
+import { jsx as s, jsxs as d, Fragment as D } from "react/jsx-runtime";
+import { c as a } from "../../index-DIxK0V-G.js";
+import { forwardRef as b } from "react";
+import { EDropdownSelectSize as y } from "./constants.js";
+import { Icon as f } from "../../icons/Icon.js";
+import { H as S, U as C, K as k, W as U } from "../../combobox-fIVOzEhl.js";
+import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disabled_ow9jf_268", A = "_trigger_ow9jf_273", H = "_options_ow9jf_313", K = "_option_ow9jf_313", W = "_focused_ow9jf_356", B = "_s_ow9jf_381", E = "_m_ow9jf_390", F = "_l_ow9jf_399", e = {
+  "dropdown-select": "_dropdown-select_ow9jf_261",
+  full: V,
+  disabled: z,
+  trigger: A,
+  "trigger-text": "_trigger-text_ow9jf_302",
+  options: H,
+  option: K,
+  focused: W,
+  "option-content": "_option-content_ow9jf_360",
+  "option-check": "_option-check_ow9jf_372",
+  s: B,
+  m: E,
+  l: F
+}, I = b(
+  (p, _) => {
+    const {
+      value: t,
+      onChange: n,
+      options: m,
+      placeholder: w = "Выберите значение",
+      disabled: i = !1,
+      className: g,
+      triggerClassName: u,
+      optionsClassName: j,
+      optionClassName: N,
+      full: c = !1,
+      size: l = y.M
+    } = p, h = (o) => {
+      n == null || n(o);
+    }, x = (o) => o ? o.displayValue ? o.displayValue : typeof o.name == "string" ? o.name : typeof o.value == "string" ? o.value : String(o.id) : "";
+    return /* @__PURE__ */ s(
+      S,
+      {
+        as: "div",
+        ref: _,
+        value: t,
+        onChange: h,
+        disabled: i,
+        className: a(
+          e["dropdown-select"],
+          e[l],
+          {
+            [e.full]: c,
+            [e.disabled]: i
+          },
+          g
+        ),
+        children: ({ open: o }) => /* @__PURE__ */ d(D, { children: [
+          /* @__PURE__ */ d(
+            C,
+            {
+              className: a(
+                e.trigger,
+                e[l],
+                {
+                  [e.full]: c,
+                  [e.disabled]: i
+                },
+                u
+              ),
+              "data-testid": "dropdown-select-trigger",
+              children: [
+                /* @__PURE__ */ s("span", { className: a(e["trigger-text"]), children: t ? x(t) : w }),
+                /* @__PURE__ */ s(
+                  f,
+                  {
+                    iconName: o ? "DropdownArrowUp16px" : "DropdownArrowBottom16px"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ s(
+            k,
+            {
+              className: a(e.options, e[l], j),
+              "data-testid": "dropdown-select-options",
+              children: m.map((r) => /* @__PURE__ */ d(
+                U,
+                {
+                  value: r,
+                  className: ({ focus: v }) => a(
+                    e.option,
+                    e[l],
+                    {
+                      [e.focused]: v
+                    },
+                    N
+                  ),
+                  "data-testid": `dropdown-select-option-${r.id}`,
+                  children: [
+                    /* @__PURE__ */ s("div", { className: e["option-content"], children: r.name }),
+                    t && t.id === r.id && /* @__PURE__ */ s("div", { className: e["option-check"], children: /* @__PURE__ */ s(f, { iconName: "Done16px" }) })
+                  ]
+                },
+                r.id
+              ))
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+I.displayName = "DropdownSelect";
+export {
+  I as DropdownSelect
+};