@sberbusiness/triplex-next 0.1.8 → 0.10.0

package/components/LoaderScreen/LoaderScreen.js

@@ -0,0 +1,28 @@
+import { jsx as r } from "react/jsx-runtime";
+import { LoaderSmall as s } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as i } from "../Loader/LoaderSmall/enum.js";
+import { LoaderMiddle as n } from "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { c as p } from "../../chunks/vendor-BlJo2ILB.js";
+import { EComponentSize as t } from "../../enums/EComponentSize.js";
+const S = "loaderScreen__ddc881c2", B = "loaderSmallBackdrop__07bbc3be", k = "loaderMiddleBackdrop__0c8bb011", e = {
+  loaderScreen: S,
+  loaderSmallBackdrop: B,
+  loaderMiddleBackdrop: k
+}, M = ({
+  className: o,
+  size: a = t.MD,
+  type: d,
+  theme: l = i.BRAND,
+  ...c
+}) => {
+  const m = p(o, e.loaderScreen, {
+    [e.loaderSmallBackdrop]: d === "small",
+    [e.loaderMiddleBackdrop]: d === "middle"
+  });
+  return /* @__PURE__ */ r("div", { className: m, ...c, children: d === "small" ? /* @__PURE__ */ r(s, { size: a, theme: l }) : /* @__PURE__ */ r("div", { className: e.loaderMiddleBackground, children: /* @__PURE__ */ r(n, {}) }) });
+};
+M.displayName = "LoaderScreen";
+export {
+  M as LoaderScreen
+};
+//# sourceMappingURL=LoaderScreen.js.map

package/components/LoaderScreen/index.js

@@ -0,0 +1,5 @@
+import { LoaderScreen as o } from "./LoaderScreen.js";
+export {
+  o as LoaderScreen
+};
+//# sourceMappingURL=index.js.map

package/components/Marker/Marker.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as p } from "../../chunks/vendor-BlJo2ILB.js";
+import { a as s, s as i } from "../../chunks/utils-DTmo2xHF.js";
+import { EComponentSize as c } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+import "./enums.js";
+const n = l(s), M = ({
+  className: a,
+  status: r,
+  size: o = c.MD,
+  ...m
+}) => {
+  const e = p(s.marker, n[o], i[r], a);
+  return /* @__PURE__ */ t("div", { className: e, ...m });
+};
+M.displayName = "Marker";
+export {
+  M as Marker
+};
+//# sourceMappingURL=Marker.js.map

package/components/Marker/enums.js

@@ -0,0 +1,5 @@
+var R = /* @__PURE__ */ ((n) => (n.SUCCESS = "success", n.ERROR = "error", n.WARNING = "warning", n.WAITING = "waiting", n))(R || {});
+export {
+  R as EMarkerStatus
+};
+//# sourceMappingURL=enums.js.map

package/components/Marker/index.js

@@ -0,0 +1,7 @@
+import { Marker as o } from "./Marker.js";
+import { EMarkerStatus as a } from "./enums.js";
+export {
+  a as EMarkerStatus,
+  o as Marker
+};
+//# sourceMappingURL=index.js.map

package/components/Marker/utils.js

@@ -0,0 +1,6 @@
+import "./enums.js";
+import { s as t } from "../../chunks/utils-DTmo2xHF.js";
+export {
+  t as statusToClassNameMap
+};
+//# sourceMappingURL=utils.js.map

package/components/MarkerStatus/MarkerStatus.js

@@ -0,0 +1,40 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Marker as f } from "../Marker/Marker.js";
+import { c as d } from "../../chunks/vendor-BlJo2ILB.js";
+import { s as k } from "../../chunks/utils-DTmo2xHF.js";
+import "../Typography/Title.js";
+import { Text as i } from "../Typography/Text.js";
+import { Caption as _ } from "../Typography/Caption.js";
+import { ETextSize as n, EFontType as c, ECaptionSize as M } from "../Typography/enums.js";
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as N } from "../../utils/classNameMaps.js";
+const x = "markerStatus__aace59a4", T = "contentContainer__d89aa033", u = "md__1e742c8f", z = "markerContainer__3369ca20", E = "lg__3391f2ff", r = {
+  markerStatus: x,
+  contentContainer: T,
+  md: u,
+  markerContainer: z,
+  lg: E
+}, h = {
+  [e.MD]: n.B4,
+  [e.LG]: n.B3
+}, D = N(r), G = ({
+  children: p,
+  className: l,
+  description: o,
+  status: m,
+  size: a = e.MD,
+  ...C
+}) => {
+  const S = d(r.markerStatus, D[a], k[m], l);
+  return /* @__PURE__ */ s("div", { className: S, "data-tx": "0.10.0", ...C, children: [
+    /* @__PURE__ */ t("div", { className: r.markerContainer, children: /* @__PURE__ */ t(f, { status: m, size: a }) }),
+    /* @__PURE__ */ s("div", { className: r.contentContainer, children: [
+      /* @__PURE__ */ t(i, { size: h[a], children: p }),
+      o && (a === e.MD ? /* @__PURE__ */ t(_, { size: M.C1, type: c.SECONDARY, children: o }) : /* @__PURE__ */ t(i, { size: n.B4, type: c.SECONDARY, children: o }))
+    ] })
+  ] });
+};
+export {
+  G as MarkerStatus
+};
+//# sourceMappingURL=MarkerStatus.js.map

package/components/MarkerStatus/index.js

@@ -0,0 +1,5 @@
+import { MarkerStatus as a } from "./MarkerStatus.js";
+export {
+  a as MarkerStatus
+};
+//# sourceMappingURL=index.js.map

package/components/ModalWindow/ModalWindow.js

@@ -0,0 +1,99 @@
+import { jsxs as d, Fragment as L, jsx as t } from "react/jsx-runtime";
+import $, { useState as k, useRef as B, useEffect as f } from "react";
+import { Portal as F } from "../Portal/Portal.js";
+import { c as N, C as j, F as D } from "../../chunks/vendor-BlJo2ILB.js";
+import { ModalWindowViewManager as q } from "./components/ModalWindowViewManager.js";
+import { useToken as A } from "../ThemeProvider/useToken.js";
+import { s as n } from "../../chunks/ModalWindow.module-BJWhs2p-.js";
+import { EComponentSize as V } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as G } from "../../utils/classNameMaps.js";
+const l = "ufs-modal-window", H = 300, i = ["modal-open", "no-hash-overflow-hidden"], I = G(n), J = $.forwardRef((w, a) => {
+  const {
+    isOpen: r,
+    children: C,
+    containerClassName: h,
+    focusTrapProps: s,
+    onExited: c,
+    closeButton: v,
+    size: y = V.MD,
+    className: M,
+    topPosition: x = 100,
+    ...E
+  } = w, W = { "--modal-window-top": `${x}px` }, [b, m] = k(!1), o = B(null), { scopeClassName: O } = A();
+  f(() => () => {
+    u(), p();
+  }, []), f(() => {
+    r && (S(), m(!0));
+  }, [r]);
+  const S = () => {
+    let e = document.querySelector(`#${l}-wrapper`);
+    e || (e = document.createElement("div"), e.setAttribute("id", `${l}-wrapper`), document.body.appendChild(e)), o.current = document.createElement("div"), o.current.className = `${l}-portal-node`, e && e.appendChild(o.current);
+  }, u = () => {
+    var e;
+    o.current && ((e = o.current.parentNode) == null || e.removeChild(o.current));
+  }, p = () => {
+    const e = document.body.classList;
+    e.contains(i[0]) && e.remove(...i);
+  }, T = () => {
+    const e = document.body.classList;
+    e.contains(i[0]) || e.add(...i);
+  }, P = () => {
+    u(), p(), m(!1), c && c();
+  }, R = (e) => {
+    typeof a == "function" ? a(e) : a && (a.current = e);
+  };
+  if (!b || !o.current) return null;
+  const g = N(O, n.modalWindowContainer, h), z = N(n.modalWindow, I[y], M);
+  return /* @__PURE__ */ d(L, { children: [
+    /* @__PURE__ */ t(F, { container: o.current, children: /* @__PURE__ */ t(
+      j,
+      {
+        in: r,
+        timeout: H,
+        classNames: "global-modalWindowTransition",
+        appear: !0,
+        enter: !0,
+        exit: !0,
+        onEnter: T,
+        onExited: P,
+        mountOnEnter: !0,
+        unmountOnExit: !0,
+        children: /* @__PURE__ */ t(
+          D,
+          {
+            active: r,
+            ...s,
+            focusTrapOptions: {
+              clickOutsideDeactivates: !0,
+              preventScroll: !0,
+              ...s == null ? void 0 : s.focusTrapOptions
+            },
+            children: /* @__PURE__ */ d("div", { className: g, style: W, children: [
+              /* @__PURE__ */ t("div", { className: n.modalWindowBackdrop }),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  role: "dialog",
+                  "aria-modal": "true",
+                  ...E,
+                  ref: R,
+                  className: z,
+                  children: /* @__PURE__ */ d("div", { className: n.modalWindowContentWrapper, children: [
+                    C,
+                    v
+                  ] })
+                }
+              )
+            ] })
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ t(q, {})
+  ] });
+});
+J.displayName = "ModalWindow";
+export {
+  J as ModalWindow
+};
+//# sourceMappingURL=ModalWindow.js.map

package/components/ModalWindow/components/ModalWindowBody.js

@@ -0,0 +1,21 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Island as n } from "../../Island/Island.js";
+import { EComponentSize as t } from "../../../enums/EComponentSize.js";
+import { EIslandType as r } from "../../Island/enums.js";
+const a = "modalWindowBody__54d09679", l = {
+  modalWindowBody: a
+}, w = ({ children: o, className: d, ...m }) => /* @__PURE__ */ s(
+  n,
+  {
+    className: i(l.modalWindowBody, d),
+    type: r.TYPE_1,
+    size: t.MD,
+    ...m,
+    children: o
+  }
+);
+export {
+  w as ModalWindowBody
+};
+//# sourceMappingURL=ModalWindowBody.js.map

package/components/ModalWindow/components/ModalWindowClose.js

@@ -0,0 +1,29 @@
+import { jsx as o } from "react/jsx-runtime";
+import { TriggerClickOnKeyDownEvent as r } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
+import { EVENT_KEY_CODES as m } from "../../../utils/keyboard.js";
+import { useRef as n } from "react";
+import { Button as i } from "../../Button/Button.js";
+import { CrossStrokeSrvIcon20 as l } from "@sberbusiness/icons-next";
+import { EComponentSize as s } from "../../../enums/EComponentSize.js";
+import { EButtonTheme as d } from "../../Button/enums.js";
+const a = "modalWindowClose__651a3517", C = {
+  modalWindowClose: a
+}, p = (t) => {
+  const e = n(null);
+  return /* @__PURE__ */ o("div", { className: C.modalWindowClose, children: /* @__PURE__ */ o(r, { eventKeyCode: m.ESCAPE, targetRef: e, children: /* @__PURE__ */ o(
+    i,
+    {
+      title: "Закрыть",
+      ref: e,
+      icon: /* @__PURE__ */ o(l, { paletteIndex: 0 }),
+      ...t,
+      size: s.MD,
+      theme: d.SECONDARY
+    }
+  ) }) });
+};
+p.displayName = "ModalWindowClose";
+export {
+  p as ModalWindowClose
+};
+//# sourceMappingURL=ModalWindowClose.js.map

package/components/ModalWindow/components/ModalWindowContent.js

@@ -0,0 +1,19 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { c as d } from "../../../chunks/vendor-BlJo2ILB.js";
+import { LoaderScreen as i } from "../../LoaderScreen/LoaderScreen.js";
+import { s as o } from "../../../chunks/ModalWindow.module-BJWhs2p-.js";
+import { Page as l } from "../../Page/Page.js";
+const W = ({
+  isLoading: e,
+  className: m,
+  loadingTitle: a,
+  children: n,
+  ...s
+}) => /* @__PURE__ */ t("div", { className: d(o.modalWindowContent, m, { [o.isLoading]: !!e }), ...s, children: [
+  /* @__PURE__ */ r(l, { className: o.modalWindowContentPage, children: n }),
+  e && /* @__PURE__ */ r(i, { className: o.modalWindowLoaderScreen, type: "middle", children: a })
+] });
+export {
+  W as ModalWindowContent
+};
+//# sourceMappingURL=ModalWindowContent.js.map

package/components/ModalWindow/components/ModalWindowFooter.js

@@ -0,0 +1,10 @@
+import { jsx as i } from "react/jsx-runtime";
+import { FooterPage as o } from "../../Page/components/FooterPage.js";
+import { EFooterPageType as p } from "../../Page/components/enums.js";
+const r = ({ children: e, ...t }) => /* @__PURE__ */ i(o, { ...t, type: p.FIRST, children: e });
+r.Description = o.Description;
+r.displayName = "ModalWindowFooter";
+export {
+  r as ModalWindowFooter
+};
+//# sourceMappingURL=ModalWindowFooter.js.map

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -0,0 +1,13 @@
+import { jsx as m } from "react/jsx-runtime";
+import { HeaderPage as e } from "../../Page/components/HeaderPage.js";
+import { EHeaderPageType as i } from "../../Page/components/enums.js";
+import { c as l } from "../../../chunks/vendor-BlJo2ILB.js";
+const t = "modalWindowHeader__b6bffb92", s = {
+  modalWindowHeader: t
+}, o = ({ className: a, children: d, ...r }) => /* @__PURE__ */ m(e, { className: l(s.modalWindowHeader, a), ...r, type: i.FIRST, children: d });
+o.Title = e.Title;
+o.displayName = "ModalWindowHeader";
+export {
+  o as ModalWindowHeader
+};
+//# sourceMappingURL=ModalWindowHeader.js.map

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -0,0 +1,45 @@
+import { jsx as i, jsxs as m } from "react/jsx-runtime";
+import { useState as r, useRef as u, useEffect as h, useLayoutEffect as p } from "react";
+import { u as g, i as W, h as a } from "../../../chunks/vendor-BlJo2ILB.js";
+import { Portal as M } from "../../Portal/Portal.js";
+import { s as R } from "../../../chunks/ModalWindow.module-BJWhs2p-.js";
+const s = "modalWindowViewManagerNodeId", z = () => {
+  const [d, c] = r(), [t, l] = r(), o = u(null), n = () => {
+    if (o.current) {
+      const e = o.current.getBoundingClientRect();
+      W(
+        a(t, ["top", "left", "width", "height"]),
+        a(e, ["top", "left", "width", "height"])
+      ) || l(e);
+    }
+  }, w = () => {
+    let e = document.querySelector(`#${s}`);
+    e || (e = document.createElement("div"), e.setAttribute("id", s), document.body.appendChild(e)), c(e);
+  };
+  h(() => {
+    w();
+  }, []), p(() => {
+    n();
+  });
+  const { ref: f } = g({
+    handleWidth: !0,
+    onResize: n,
+    refreshMode: "debounce",
+    refreshRate: 100
+  });
+  return d ? /* @__PURE__ */ i(M, { container: d, children: /* @__PURE__ */ m("div", { ref: o, style: { height: "100%" }, children: [
+    /* @__PURE__ */ i("div", { ref: f, className: R.modalWindowResizeWrapper }),
+    t && /* @__PURE__ */ i("style", { children: `
+                            :root {
+                                --modalWindow-screen-left: ${t.x >= 0 ? t.x : 0}px;
+                                --modalWindow-screen-width: ${t.width}px;
+                                --modalWindow-screen-top: ${t.height}px;
+                            }
+                        ` })
+  ] }) }) : null;
+};
+export {
+  z as ModalWindowViewManager,
+  s as modalWindowViewManagerNodeId
+};
+//# sourceMappingURL=ModalWindowViewManager.js.map

package/components/ModalWindow/index.js

@@ -0,0 +1,17 @@
+import { ModalWindow as d } from "./ModalWindow.js";
+import { ModalWindowBody as a } from "./components/ModalWindowBody.js";
+import { ModalWindowClose as t } from "./components/ModalWindowClose.js";
+import { ModalWindowContent as l } from "./components/ModalWindowContent.js";
+import { ModalWindowFooter as M } from "./components/ModalWindowFooter.js";
+import { ModalWindowHeader as m } from "./components/ModalWindowHeader.js";
+import { ModalWindowViewManager as x } from "./components/ModalWindowViewManager.js";
+export {
+  d as ModalWindow,
+  a as ModalWindowBody,
+  t as ModalWindowClose,
+  l as ModalWindowContent,
+  M as ModalWindowFooter,
+  m as ModalWindowHeader,
+  x as ModalWindowViewManager
+};
+//# sourceMappingURL=index.js.map

package/components/MonthYearField/MonthYearField.js

@@ -0,0 +1,66 @@
+import { jsx as a } from "react/jsx-runtime";
+import M, { useState as T, useEffect as v } from "react";
+import { DatePickerExtended as y } from "../DatePickerExtended/DatePickerExtended.js";
+import { dateFormatYYYYMMDD as C, globalLimitRange as F } from "../../consts/DateConst.js";
+import { MonthYearPickerUtils as l } from "./utils.js";
+import { DropdownMobileInput as S } from "../Dropdown/mobile/DropdownMobileInput.js";
+import { ECalendarPickType as V } from "../Calendar/enums.js";
+import { MonthYearFieldContext as w } from "./MonthYearFieldContext.js";
+import { MonthYearFieldTarget as x } from "./MonthYearFieldTarget.js";
+const R = M.forwardRef((s, m) => {
+  const {
+    size: c,
+    status: u,
+    value: n,
+    label: d,
+    placeholder: i,
+    format: r = C,
+    limitRange: t = F,
+    onChange: p,
+    targetProps: g,
+    ...f
+  } = s, [o, P] = T(l.getPickerValues(n, r, t));
+  v(() => {
+    const e = l.getPickerValues(n, r, t);
+    e.inputString !== o.inputString && P(e);
+  }, [n, r, t]);
+  const h = () => {
+    const { inputProps: e, ...D } = g || {};
+    return /* @__PURE__ */ a(w.Provider, { value: { onChange: p }, children: /* @__PURE__ */ a(
+      x,
+      {
+        size: c,
+        status: u,
+        label: d,
+        inputProps: {
+          value: o.inputString,
+          placeholder: i,
+          readOnly: !0,
+          ...e
+        },
+        ...D
+      }
+    ) });
+  }, k = () => /* @__PURE__ */ a(S, { value: o.inputString, placeholder: i, readOnly: !0 }), Y = (e) => {
+    p(e.format(r));
+  };
+  return /* @__PURE__ */ a(
+    y,
+    {
+      renderTarget: h,
+      renderDropdownHeaderTarget: k,
+      pickedDate: o.calendarDate,
+      pickType: V.monthYearPick,
+      format: r,
+      limitRange: t,
+      onDateChange: Y,
+      ...f,
+      ref: m
+    }
+  );
+});
+R.displayName = "MonthYearField";
+export {
+  R as MonthYearField
+};
+//# sourceMappingURL=MonthYearField.js.map

package/components/MonthYearField/MonthYearFieldContext.js

@@ -0,0 +1,9 @@
+import t from "react";
+const o = t.createContext({
+  onChange: () => {
+  }
+});
+export {
+  o as MonthYearFieldContext
+};
+//# sourceMappingURL=MonthYearFieldContext.js.map

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -0,0 +1,59 @@
+import { jsx as t, jsxs as E } from "react/jsx-runtime";
+import M, { useContext as p } from "react";
+import { CalendarStrokeSrvIcon20 as s, CalendarStrokeSrvIcon16 as w } from "@sberbusiness/icons-next";
+import { TextField as y } from "../TextField/TextField.js";
+import { DatePickerExtendedContext as P } from "../DatePickerExtended/DatePickerExtendedContext.js";
+import { MonthYearFieldContext as T } from "./MonthYearFieldContext.js";
+import { EFormFieldStatus as g } from "../FormField/enums.js";
+import { FormFieldClear as B } from "../FormField/components/FormFieldClear.js";
+import { EComponentSize as r } from "../../enums/EComponentSize.js";
+import { ButtonIcon as K } from "../Button/ButtonIcon.js";
+import { isKey as C } from "../../utils/keyboard.js";
+const O = {
+  [r.SM]: /* @__PURE__ */ t(w, { paletteIndex: 5 }),
+  [r.MD]: /* @__PURE__ */ t(s, { paletteIndex: 5 }),
+  [r.LG]: /* @__PURE__ */ t(s, { paletteIndex: 5 })
+}, H = ({
+  size: d = r.MD,
+  postfix: l,
+  inputProps: f,
+  ...c
+}) => {
+  const { dropdownOpen: e, setDropdownOpen: n } = p(P), { onChange: x } = p(T), { status: u } = c, { onKeyDown: i, onClick: a, ...I } = f, m = u === g.DISABLED, h = (o) => {
+    n(!e), a == null || a(o);
+  }, k = (o) => {
+    C(o.code, "ENTER") ? n(!e) : C(o.code, "SPACE") && (o.preventDefault(), n(!e)), i == null || i(o);
+  }, D = () => n(!e), S = () => x(""), F = () => /* @__PURE__ */ E(M.Fragment, { children: [
+    /* @__PURE__ */ t(B, { onClick: S }),
+    /* @__PURE__ */ t(
+      K,
+      {
+        role: "presentation",
+        tabIndex: -1,
+        active: e,
+        disabled: m,
+        onClick: D,
+        children: O[d]
+      }
+    )
+  ] });
+  return /* @__PURE__ */ t(
+    y,
+    {
+      size: d,
+      inputProps: {
+        readOnly: !0,
+        disabled: m,
+        onClick: h,
+        onKeyDown: k,
+        ...I
+      },
+      postfix: l !== void 0 ? l : F(),
+      ...c
+    }
+  );
+};
+export {
+  H as MonthYearFieldTarget
+};
+//# sourceMappingURL=MonthYearFieldTarget.js.map

package/components/MonthYearField/constants.js

@@ -0,0 +1,5 @@
+const t = "MMM YYYY";
+export {
+  t as inputMonthYearFormat
+};
+//# sourceMappingURL=constants.js.map

package/components/MonthYearField/index.js

@@ -0,0 +1,5 @@
+import { MonthYearField as r } from "./MonthYearField.js";
+export {
+  r as MonthYearField
+};
+//# sourceMappingURL=index.js.map

package/components/MonthYearField/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/MonthYearField/utils.js

@@ -0,0 +1,22 @@
+import { j as i } from "../../chunks/vendor-BlJo2ILB.js";
+import { inputMonthYearFormat as l } from "./constants.js";
+const n = {
+  /** Получить значения пикера. */
+  getPickerValues: (t, a, r) => {
+    if (t.length === 0)
+      return { calendarDate: null, inputString: "" };
+    const e = n.getCalendarDate(t, a, r);
+    return e === null ? { calendarDate: null, inputString: "" } : { calendarDate: e, inputString: e.format(l) };
+  },
+  /** Получить календарную дату. */
+  getCalendarDate: (t, a, r) => {
+    const e = i(t, a, !0);
+    return !e.isValid() || !n.isAvailableDate(e, t, r) ? null : e;
+  },
+  /** Является ли дата доступной. */
+  isAvailableDate: (t, a, r) => !(t.isBefore(r.dateFrom, "day") || t.isAfter(r.dateTo, "day"))
+};
+export {
+  n as MonthYearPickerUtils
+};
+//# sourceMappingURL=utils.js.map

package/components/MultiselectField/MultiselectField.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import m from "react";
+import { SelectExtendedField as d } from "../SelectExtendedField/SelectExtendedField.js";
+import "../SelectExtendedField/components/SelectExtendedFieldDropdown.js";
+import { SelectExtendedFieldTarget as p } from "../SelectExtendedField/components/SelectExtendedFieldTarget.js";
+import { MultiselectFieldContext as n } from "./MultiselectFieldContext.js";
+import { MultiselectFieldDropdown as c } from "./components/MultiselectFieldDropdown.js";
+import { EComponentSize as f } from "../../enums/EComponentSize.js";
+const s = Object.assign(
+  m.forwardRef(
+    ({ children: t, className: r, size: o = f.MD, ...i }, l) => /* @__PURE__ */ e(n.Provider, { value: { size: o }, children: /* @__PURE__ */ e(d, { className: r, ref: l, ...i, children: t }) })
+  ),
+  {
+    Dropdown: c,
+    Target: p
+  }
+);
+s.displayName = "MultiselectField";
+export {
+  s as MultiselectField
+};
+//# sourceMappingURL=MultiselectField.js.map

package/components/MultiselectField/MultiselectFieldContext.js

@@ -0,0 +1,10 @@
+import t from "react";
+import { EComponentSize as e } from "../../enums/EComponentSize.js";
+const o = {
+  size: e.MD
+}, l = t.createContext(o);
+export {
+  l as MultiselectFieldContext,
+  o as initialMultiselectFieldContext
+};
+//# sourceMappingURL=MultiselectFieldContext.js.map