@sberbusiness/triplex-next 1.4.0 → 1.5.0

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -1,24 +1,24 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { useState as z, useRef as T, useCallback as o } from "react";
-import { useSuggestContext as b } from "../../../Suggest/SuggestContext.js";
-import { FormField as k } from "../../../FormField/FormField.js";
+import { useSuggestContext as k } from "../../../Suggest/SuggestContext.js";
+import { FormField as B } from "../../../FormField/FormField.js";
 import "../../../FormField/components/FormFieldDescription.js";
 import "../../../FormField/components/FormFieldCounter.js";
-import { FormFieldLabel as B } from "../../../FormField/components/FormFieldLabel.js";
-import { FormFieldClear as D } from "../../../FormField/components/FormFieldClear.js";
+import { FormFieldLabel as D } from "../../../FormField/components/FormFieldLabel.js";
+import { FormFieldClear as L } from "../../../FormField/components/FormFieldClear.js";
 import "../../../FormField/components/FormFieldTarget.js";
-import { F as L } from "../../../../chunks/FormFieldInput-CO7yZP0Q.js";
+import { F as M } from "../../../../chunks/FormFieldInput-BSxKZxcq.js";
 import "../../../FormField/components/FormFieldMaskedInput.js";
-import { FormFieldPostfix as M } from "../../../FormField/components/FormFieldPostfix.js";
+import { FormFieldPostfix as O } from "../../../FormField/components/FormFieldPostfix.js";
 import "../../../FormField/components/FormFieldPrefix.js";
 import "../../../FormField/components/FormFieldTextarea.js";
 import { EComponentSize as a } from "../../../../enums/EComponentSize.js";
 import { Tooltip as n } from "../../../Tooltip/Tooltip.js";
-import { ETooltipSize as O } from "../../../Tooltip/enums.js";
-import { LoaderSmall as R } from "../../../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as W } from "../../../Loader/LoaderSmall/enum.js";
+import { ETooltipSize as R } from "../../../Tooltip/enums.js";
+import { LoaderSmall as W } from "../../../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as b } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const E = "chipSuggestInputWrapper__7c7828be", j = {
+const E = "chipSuggestInputWrapper__17a5e9ae", j = {
   chipSuggestInputWrapper: E
 }, oe = ({ children: m }) => {
   const {
@@ -31,7 +31,7 @@ const E = "chipSuggestInputWrapper__7c7828be", j = {
     tooltipOpen: h,
     clearInputOnFocus: p,
     onFilter: e
-  } = b(), [F, l] = z(!1), s = T(null), S = o(() => e(""), [e]), I = o(
+  } = k(), [F, l] = z(!1), s = T(null), S = o(() => e(""), [e]), I = o(
     (v) => {
       e(v.target.value);
     },
@@ -39,12 +39,12 @@ const E = "chipSuggestInputWrapper__7c7828be", j = {
   ), C = o(() => {
     l(!0), r.length !== 0 && p === !0 && e("");
   }, [r.length, p, e]), x = o(() => l(!1), []);
-  return /* @__PURE__ */ i(k, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
-    /* @__PURE__ */ t(B, { children: m }),
+  return /* @__PURE__ */ i(B, { className: j.chipSuggestInputWrapper, size: a.SM, children: [
+    /* @__PURE__ */ t(D, { children: m }),
     /* @__PURE__ */ i(
       n,
       {
-        size: O.SM,
+        size: R.SM,
         isOpen: !!h && F,
         toggle: () => {
         },
@@ -53,7 +53,7 @@ const E = "chipSuggestInputWrapper__7c7828be", j = {
         children: [
           /* @__PURE__ */ t(n.Body, { children: c }),
           /* @__PURE__ */ t(n.Target, { children: /* @__PURE__ */ t(
-            L,
+            M,
             {
               value: r,
               placeholder: u,
@@ -69,9 +69,9 @@ const E = "chipSuggestInputWrapper__7c7828be", j = {
         ]
       }
     ),
-    /* @__PURE__ */ i(M, { children: [
-      /* @__PURE__ */ t(D, { onClick: S }),
-      f && /* @__PURE__ */ t(R, { theme: W.BRAND, size: a.SM })
+    /* @__PURE__ */ i(O, { children: [
+      /* @__PURE__ */ t(L, { onClick: S }),
+      f && /* @__PURE__ */ t(W, { theme: b.BRAND, size: a.SM })
     ] })
   ] });
 };

package/components/Chip/index.js

@@ -1,11 +1,12 @@
-import { C as p } from "../../chunks/Chip-G6cGXuGj.js";
+import { C as p } from "../../chunks/Chip-DpSJGyYK.js";
 import { ChipClearButton as e } from "./ChipClearButton.js";
 import { ChipDropdownArrow as i } from "./ChipDropdownArrow.js";
 import { ChipIcon as h } from "./ChipIcon.js";
 import { ChipOptions as x } from "./ChipOptions.js";
 import { ChipSelect as n } from "./ChipSelect.js";
-import { ChipSuggestTarget as a } from "./ChipSuggest/ChipSuggestTarget.js";
-import { ChipSuggest as S } from "./ChipSuggest/ChipSuggest.js";
+import { ChipSort as S } from "./ChipSort.js";
+import { ChipSuggestTarget as u } from "./ChipSuggest/ChipSuggestTarget.js";
+import { ChipSuggest as l } from "./ChipSuggest/ChipSuggest.js";
 export {
   p as Chip,
   e as ChipClearButton,
@@ -13,7 +14,8 @@ export {
   h as ChipIcon,
   x as ChipOptions,
   n as ChipSelect,
-  S as ChipSuggest,
-  a as ChipSuggestTarget
+  S as ChipSort,
+  l as ChipSuggest,
+  u as ChipSuggestTarget
 };
 //# sourceMappingURL=index.js.map

package/components/ChipGroup/ChipGroup.js

@@ -1,26 +1,26 @@
-import { jsx as a } from "react/jsx-runtime";
-import c from "react";
-import { c as p } from "../../chunks/vendor-Ba_pyhza.js";
-import { EComponentSize as r } from "../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as d } from "../../utils/classNameMaps.js";
-const l = "chipGroup__ef0f45cc", _ = "oneLine__d1aacdf2", f = "multiLine__c5a61413", u = "lg__9fd49b9d", L = "md__488dd898", h = "sm__05bd5a1b", o = {
-  chipGroup: l,
-  oneLine: _,
-  multiLine: f,
-  lg: u,
+import { jsx as p } from "react/jsx-runtime";
+import r from "react";
+import { c as a } from "../../chunks/vendor-9KVE23Ri.js";
+import { EComponentSize as c } from "../../enums/EComponentSize.js";
+import { createSizeToClassNameMap as l } from "../../utils/classNameMaps.js";
+const _ = "chipGroup__faf213e2", f = "oneLine__b610e1f0", u = "multiLine__55065827", d = "lg__3a33ddc1", L = "md__7971433f", h = "sm__a61118d1", o = {
+  chipGroup: _,
+  oneLine: f,
+  multiLine: u,
+  lg: d,
   md: L,
   sm: h
-}, G = d(o), C = c.forwardRef(
-  ({ children: i, className: t, oneLine: e, size: m = r.MD, ...s }, n) => /* @__PURE__ */ a(
+}, G = l(o), C = r.forwardRef(
+  ({ children: i, className: t, oneLine: e, size: m = c.MD, ...s }, n) => /* @__PURE__ */ p(
     "div",
     {
-      className: p(o.chipGroup, G[m], t, {
+      className: a(o.chipGroup, G[m], t, {
         [o.multiLine]: !e,
         [o.oneLine]: !!e
       }),
       ...s,
       ref: n,
-      "data-tx": "1.4.0",
+      "data-tx": "1.5.0",
       children: i
     }
   )

package/components/Col/Col.js

@@ -1,156 +1,156 @@
 import { jsx as v } from "react/jsx-runtime";
-import { c as j } from "../../chunks/vendor-Ba_pyhza.js";
+import { c as j } from "../../chunks/vendor-9KVE23Ri.js";
 const A = {
-  "col-1": "col-1__840b11d6",
-  "col-2": "col-2__42e76c4d",
-  "col-3": "col-3__eac316e0",
-  "col-4": "col-4__26e16a56",
-  "col-5": "col-5__c48916d4",
-  "col-6": "col-6__1da8fe88",
-  "col-7": "col-7__edcd84c1",
-  "col-8": "col-8__4ae9eb7f",
-  "col-9": "col-9__272db6c3",
-  "col-10": "col-10__83f092b2",
-  "col-11": "col-11__9a35eefc",
-  "col-12": "col-12__ae5f3af2",
-  "offset-0": "offset-0__f18eee6f",
-  "offset-1": "offset-1__e227c950",
-  "offset-2": "offset-2__c2d8d0fb",
-  "offset-3": "offset-3__3b7d4db6",
-  "offset-4": "offset-4__9cfb72da",
-  "offset-5": "offset-5__0ab9708d",
-  "offset-6": "offset-6__e8c26d23",
-  "offset-7": "offset-7__f03487fe",
-  "offset-8": "offset-8__13cf2bcf",
-  "offset-9": "offset-9__58589603",
-  "offset-10": "offset-10__dc26af03",
-  "offset-11": "offset-11__e4f68e39",
-  "d-none": "d-none__8c7ab4d8",
-  "d-block": "d-block__236eb3b8",
-  "col-sm-1": "col-sm-1__234f970d",
-  "col-sm-2": "col-sm-2__3d505435",
-  "col-sm-3": "col-sm-3__24d19057",
-  "col-sm-4": "col-sm-4__e2bf4747",
-  "col-sm-5": "col-sm-5__8acbf0e2",
-  "col-sm-6": "col-sm-6__de9b5a0c",
-  "col-sm-7": "col-sm-7__a013a8c9",
-  "col-sm-8": "col-sm-8__e2af247f",
-  "col-sm-9": "col-sm-9__34dd8382",
-  "col-sm-10": "col-sm-10__d196bb59",
-  "col-sm-11": "col-sm-11__5e6bdb87",
-  "col-sm-12": "col-sm-12__db92bd9a",
-  "offset-sm-0": "offset-sm-0__54745404",
-  "offset-sm-1": "offset-sm-1__19064341",
-  "offset-sm-2": "offset-sm-2__c2984acd",
-  "offset-sm-3": "offset-sm-3__cf775219",
-  "offset-sm-4": "offset-sm-4__c5a71e09",
-  "offset-sm-5": "offset-sm-5__d195b750",
-  "offset-sm-6": "offset-sm-6__2f5fa19c",
-  "offset-sm-7": "offset-sm-7__f560a254",
-  "offset-sm-8": "offset-sm-8__6f0de97d",
-  "offset-sm-9": "offset-sm-9__d3150c81",
-  "offset-sm-10": "offset-sm-10__88644433",
-  "offset-sm-11": "offset-sm-11__e58467db",
-  "d-none-sm": "d-none-sm__bb6fe3f6",
-  "d-block-sm": "d-block-sm__82e24c18",
-  "col-md-1": "col-md-1__862cac00",
-  "col-md-2": "col-md-2__a47f557f",
-  "col-md-3": "col-md-3__7c9bf7c4",
-  "col-md-4": "col-md-4__25308f95",
-  "col-md-5": "col-md-5__aff747a5",
-  "col-md-6": "col-md-6__411c2684",
-  "col-md-7": "col-md-7__56a84ba0",
-  "col-md-8": "col-md-8__30ea878d",
-  "col-md-9": "col-md-9__387718fb",
-  "col-md-10": "col-md-10__75b4f9db",
-  "col-md-11": "col-md-11__fcd8c9b8",
-  "col-md-12": "col-md-12__0bbc913c",
-  "offset-md-0": "offset-md-0__6af5106b",
-  "offset-md-1": "offset-md-1__519600da",
-  "offset-md-2": "offset-md-2__566c30e8",
-  "offset-md-3": "offset-md-3__0112f1e8",
-  "offset-md-4": "offset-md-4__dfd7a2cb",
-  "offset-md-5": "offset-md-5__6d47de32",
-  "offset-md-6": "offset-md-6__8326b109",
-  "offset-md-7": "offset-md-7__95e57c01",
-  "offset-md-8": "offset-md-8__a45ae394",
-  "offset-md-9": "offset-md-9__127bd226",
-  "offset-md-10": "offset-md-10__06ad9a57",
-  "offset-md-11": "offset-md-11__297dffee",
-  "d-none-md": "d-none-md__050e7ece",
-  "d-block-md": "d-block-md__15a87a3e",
-  "col-lg-1": "col-lg-1__d02d024f",
-  "col-lg-2": "col-lg-2__f10fd9ab",
-  "col-lg-3": "col-lg-3__761509fe",
-  "col-lg-4": "col-lg-4__3232976f",
-  "col-lg-5": "col-lg-5__f207f7dc",
-  "col-lg-6": "col-lg-6__7ae0e83a",
-  "col-lg-7": "col-lg-7__e0971854",
-  "col-lg-8": "col-lg-8__48f75a7c",
-  "col-lg-9": "col-lg-9__3a32f8a8",
-  "col-lg-10": "col-lg-10__9e5e23ed",
-  "col-lg-11": "col-lg-11__b4d36669",
-  "col-lg-12": "col-lg-12__03a406bf",
-  "offset-lg-0": "offset-lg-0__9f776d06",
-  "offset-lg-1": "offset-lg-1__ccc71661",
-  "offset-lg-2": "offset-lg-2__3a07902c",
-  "offset-lg-3": "offset-lg-3__4d96e97a",
-  "offset-lg-4": "offset-lg-4__b493d9ca",
-  "offset-lg-5": "offset-lg-5__9b09c70f",
-  "offset-lg-6": "offset-lg-6__8361aac7",
-  "offset-lg-7": "offset-lg-7__57143664",
-  "offset-lg-8": "offset-lg-8__6c459daf",
-  "offset-lg-9": "offset-lg-9__16563d06",
-  "offset-lg-10": "offset-lg-10__e9f8b9c8",
-  "offset-lg-11": "offset-lg-11__9ccb1de6",
-  "d-none-lg": "d-none-lg__6b6a1201",
-  "d-block-lg": "d-block-lg__160a28d9",
-  "col-xl-1": "col-xl-1__0961dd75",
-  "col-xl-2": "col-xl-2__30c5db9d",
-  "col-xl-3": "col-xl-3__cb4bd642",
-  "col-xl-4": "col-xl-4__4404f9ab",
-  "col-xl-5": "col-xl-5__e97df39d",
-  "col-xl-6": "col-xl-6__93cff378",
-  "col-xl-7": "col-xl-7__82a7792b",
-  "col-xl-8": "col-xl-8__8cad0e01",
-  "col-xl-9": "col-xl-9__8c2897a1",
-  "col-xl-10": "col-xl-10__b726cc88",
-  "col-xl-11": "col-xl-11__4cedb772",
-  "col-xl-12": "col-xl-12__d9ab6ba6",
-  "offset-xl-0": "offset-xl-0__6a11e48b",
-  "offset-xl-1": "offset-xl-1__bba46f05",
-  "offset-xl-2": "offset-xl-2__a4a0e9ae",
-  "offset-xl-3": "offset-xl-3__af01612a",
-  "offset-xl-4": "offset-xl-4__438fbad3",
-  "offset-xl-5": "offset-xl-5__a6d47c4e",
-  "offset-xl-6": "offset-xl-6__be8279ce",
-  "offset-xl-7": "offset-xl-7__d795b8c2",
-  "offset-xl-8": "offset-xl-8__a4a4dcd3",
-  "offset-xl-9": "offset-xl-9__42885d54",
-  "offset-xl-10": "offset-xl-10__063cd47a",
-  "offset-xl-11": "offset-xl-11__96b6be76",
-  "d-none-xl": "d-none-xl__78ac179c",
-  "d-block-xl": "d-block-xl__73d2004d"
+  "col-1": "col-1__48cf9dfa",
+  "col-2": "col-2__0a33b1aa",
+  "col-3": "col-3__d0110ce1",
+  "col-4": "col-4__9b01a9d4",
+  "col-5": "col-5__4097ab24",
+  "col-6": "col-6__53e773da",
+  "col-7": "col-7__11dc90d1",
+  "col-8": "col-8__f82f1a81",
+  "col-9": "col-9__61fa562c",
+  "col-10": "col-10__cd604e5b",
+  "col-11": "col-11__ac1fe6aa",
+  "col-12": "col-12__c7492958",
+  "offset-0": "offset-0__e00cb61f",
+  "offset-1": "offset-1__dd64351e",
+  "offset-2": "offset-2__485d90f6",
+  "offset-3": "offset-3__4e9c5c53",
+  "offset-4": "offset-4__bd266f8d",
+  "offset-5": "offset-5__d9a5ae36",
+  "offset-6": "offset-6__d26e2065",
+  "offset-7": "offset-7__2169268f",
+  "offset-8": "offset-8__c6479f10",
+  "offset-9": "offset-9__0b94b77b",
+  "offset-10": "offset-10__a21f0c88",
+  "offset-11": "offset-11__184acef9",
+  "d-none": "d-none__86a7f1e0",
+  "d-block": "d-block__6ad1ba41",
+  "col-sm-1": "col-sm-1__e1aad753",
+  "col-sm-2": "col-sm-2__e7aeff62",
+  "col-sm-3": "col-sm-3__5902aa0c",
+  "col-sm-4": "col-sm-4__71a0fc3f",
+  "col-sm-5": "col-sm-5__8fe026a5",
+  "col-sm-6": "col-sm-6__6868adbf",
+  "col-sm-7": "col-sm-7__3e9c555d",
+  "col-sm-8": "col-sm-8__5cbb0fab",
+  "col-sm-9": "col-sm-9__7da58212",
+  "col-sm-10": "col-sm-10__521c8060",
+  "col-sm-11": "col-sm-11__2cdf80a6",
+  "col-sm-12": "col-sm-12__707c4fb3",
+  "offset-sm-0": "offset-sm-0__939ed54b",
+  "offset-sm-1": "offset-sm-1__bdfd1658",
+  "offset-sm-2": "offset-sm-2__b8d7b3b5",
+  "offset-sm-3": "offset-sm-3__f0ffc3f4",
+  "offset-sm-4": "offset-sm-4__12144ac1",
+  "offset-sm-5": "offset-sm-5__3b992c53",
+  "offset-sm-6": "offset-sm-6__f827df83",
+  "offset-sm-7": "offset-sm-7__60a97b8b",
+  "offset-sm-8": "offset-sm-8__2fcd3e67",
+  "offset-sm-9": "offset-sm-9__8a3cd38c",
+  "offset-sm-10": "offset-sm-10__b99fef09",
+  "offset-sm-11": "offset-sm-11__98b03892",
+  "d-none-sm": "d-none-sm__ffa55cc8",
+  "d-block-sm": "d-block-sm__fe3f13a7",
+  "col-md-1": "col-md-1__e78a1244",
+  "col-md-2": "col-md-2__b07d6467",
+  "col-md-3": "col-md-3__0d98e8c0",
+  "col-md-4": "col-md-4__4607b538",
+  "col-md-5": "col-md-5__62cea6b3",
+  "col-md-6": "col-md-6__2f5c743c",
+  "col-md-7": "col-md-7__3456b2e7",
+  "col-md-8": "col-md-8__e68628f6",
+  "col-md-9": "col-md-9__144d09fe",
+  "col-md-10": "col-md-10__a098be7d",
+  "col-md-11": "col-md-11__53d13671",
+  "col-md-12": "col-md-12__7bd56a24",
+  "offset-md-0": "offset-md-0__6912651b",
+  "offset-md-1": "offset-md-1__18f914de",
+  "offset-md-2": "offset-md-2__f3107e21",
+  "offset-md-3": "offset-md-3__128f4180",
+  "offset-md-4": "offset-md-4__f48f518c",
+  "offset-md-5": "offset-md-5__7610a32b",
+  "offset-md-6": "offset-md-6__51a3902b",
+  "offset-md-7": "offset-md-7__1f563872",
+  "offset-md-8": "offset-md-8__fa4661f4",
+  "offset-md-9": "offset-md-9__38604a55",
+  "offset-md-10": "offset-md-10__05c06283",
+  "offset-md-11": "offset-md-11__e020648e",
+  "d-none-md": "d-none-md__76c194ad",
+  "d-block-md": "d-block-md__8bd15de5",
+  "col-lg-1": "col-lg-1__3580e499",
+  "col-lg-2": "col-lg-2__25435638",
+  "col-lg-3": "col-lg-3__ec107f5d",
+  "col-lg-4": "col-lg-4__420c0421",
+  "col-lg-5": "col-lg-5__f052f459",
+  "col-lg-6": "col-lg-6__241db276",
+  "col-lg-7": "col-lg-7__b2de2e63",
+  "col-lg-8": "col-lg-8__fa8d9d4a",
+  "col-lg-9": "col-lg-9__4e5ff813",
+  "col-lg-10": "col-lg-10__4ebb568a",
+  "col-lg-11": "col-lg-11__af2e1d68",
+  "col-lg-12": "col-lg-12__ea20ee48",
+  "offset-lg-0": "offset-lg-0__359f0f12",
+  "offset-lg-1": "offset-lg-1__4e908598",
+  "offset-lg-2": "offset-lg-2__6144561e",
+  "offset-lg-3": "offset-lg-3__dca1da7b",
+  "offset-lg-4": "offset-lg-4__25af98fb",
+  "offset-lg-5": "offset-lg-5__1dd91443",
+  "offset-lg-6": "offset-lg-6__c1c49091",
+  "offset-lg-7": "offset-lg-7__5064e2a8",
+  "offset-lg-8": "offset-lg-8__c37b3296",
+  "offset-lg-9": "offset-lg-9__68cb457b",
+  "offset-lg-10": "offset-lg-10__fe11e118",
+  "offset-lg-11": "offset-lg-11__5c269306",
+  "d-none-lg": "d-none-lg__6235fb1e",
+  "d-block-lg": "d-block-lg__a5e8f3bc",
+  "col-xl-1": "col-xl-1__4591b154",
+  "col-xl-2": "col-xl-2__67235ebc",
+  "col-xl-3": "col-xl-3__9dfe8def",
+  "col-xl-4": "col-xl-4__ea81a295",
+  "col-xl-5": "col-xl-5__18ce804f",
+  "col-xl-6": "col-xl-6__b26f3c4f",
+  "col-xl-7": "col-xl-7__7e28bfe2",
+  "col-xl-8": "col-xl-8__cce0e105",
+  "col-xl-9": "col-xl-9__5eb6ae6a",
+  "col-xl-10": "col-xl-10__18a3f6e2",
+  "col-xl-11": "col-xl-11__d2000721",
+  "col-xl-12": "col-xl-12__1eb8f86a",
+  "offset-xl-0": "offset-xl-0__9495f33c",
+  "offset-xl-1": "offset-xl-1__e35502de",
+  "offset-xl-2": "offset-xl-2__a52d08f4",
+  "offset-xl-3": "offset-xl-3__01376223",
+  "offset-xl-4": "offset-xl-4__a51b954c",
+  "offset-xl-5": "offset-xl-5__2b00f5a1",
+  "offset-xl-6": "offset-xl-6__cefe1286",
+  "offset-xl-7": "offset-xl-7__091129af",
+  "offset-xl-8": "offset-xl-8__77825453",
+  "offset-xl-9": "offset-xl-9__f08ada2b",
+  "offset-xl-10": "offset-xl-10__23e5ed16",
+  "offset-xl-11": "offset-xl-11__36a31127",
+  "d-none-xl": "d-none-xl__237de44c",
+  "d-block-xl": "d-block-xl__51f072bf"
 };
 function _({
-  block: d,
-  hidden: t,
+  block: t,
+  hidden: d,
   offset: l,
   prefix: o,
   size: e
 }) {
-  const f = [], c = o ? `${o}-` : "", s = o ? `-${o}` : "";
-  return d === !0 && f.push(`d-block${s}`), t === !0 && f.push(`d-none${s}`), l !== void 0 && f.push(`offset-${c}${l}`), e && f.push(`col-${c}${e}`), f;
+  const f = [], s = o ? `${o}-` : "", c = o ? `-${o}` : "";
+  return t === !0 && f.push(`d-block${c}`), d === !0 && f.push(`d-none${c}`), l !== void 0 && f.push(`offset-${s}${l}`), e && f.push(`col-${s}${e}`), f;
 }
 const B = ({
-  children: d,
-  className: t,
+  children: t,
+  className: d,
   hidden: l,
   hiddenSm: o,
   hiddenMd: e,
   hiddenLg: f,
-  hiddenXl: c,
-  block: s,
+  hiddenXl: s,
+  block: c,
   blockSm: m,
   blockMd: a,
   blockLg: b,
@@ -168,13 +168,13 @@ const B = ({
   ...C
 }) => {
   const y = [
-    ..._({ block: s, hidden: l, offset: p, size: g }),
+    ..._({ block: c, hidden: l, offset: p, size: g }),
     ..._({ block: m, hidden: o, offset: u, prefix: "sm", size: n }),
     ..._({ block: a, hidden: e, offset: h, prefix: "md", size: i }),
     ..._({ block: b, hidden: f, offset: $, prefix: "lg", size: r }),
-    ..._({ block: x, hidden: c, offset: N, prefix: "xl", size: k })
+    ..._({ block: x, hidden: s, offset: N, prefix: "xl", size: k })
   ].map((z) => A[z]).filter(Boolean);
-  return /* @__PURE__ */ v("div", { ...C, className: j(t, ...y), children: d });
+  return /* @__PURE__ */ v("div", { ...C, className: j(d, ...y), children: t });
 };
 B.displayName = "Col";
 export {

package/components/CollapsableTree/components/CollapsableTreeNode.js

@@ -5,11 +5,11 @@ import { jsx as h } from "react/jsx-runtime";
 import C from "react";
 import { TreeView as g } from "../../TreeView/TreeView.js";
 import { AccordionBase as u } from "../../AccordionBase/protected/AccordionBase.js";
-import { c as y } from "../../../chunks/vendor-Ba_pyhza.js";
-const T = "collapsableTreeNodeContent__b5393f54", b = {
+import { c as y } from "../../../chunks/vendor-9KVE23Ri.js";
+const T = "collapsableTreeNodeContent__e8080e93", B = {
   collapsableTreeNodeContent: T
 };
-class B extends C.Component {
+class b extends C.Component {
   constructor() {
     super(...arguments);
     i(this, "state", {
@@ -60,7 +60,7 @@ class B extends C.Component {
       return /* @__PURE__ */ h(
         u,
         {
-          expandAnimationClassName: y(b.collapsableTreeNodeContent, {
+          expandAnimationClassName: y(B.collapsableTreeNodeContent, {
             collapsed: !a
           }),
           renderBody: this.renderBody(d),
@@ -72,8 +72,8 @@ class B extends C.Component {
     } });
   }
 }
-i(B, "displayName", "CollapsableTreeNode");
+i(b, "displayName", "CollapsableTreeNode");
 export {
-  B as CollapsableTreeNode
+  b as CollapsableTreeNode
 };
 //# sourceMappingURL=CollapsableTreeNode.js.map

package/components/DateField/DateField.js

@@ -0,0 +1,135 @@
+import { jsx as n, jsxs as J } from "react/jsx-runtime";
+import K, { useState as Q, useRef as l, useEffect as W } from "react";
+import { h as y } from "../../chunks/vendor-9KVE23Ri.js";
+import { DatePickerExtended as X } from "../DatePickerExtended/DatePickerExtended.js";
+import { dateFormatYYYYMMDD as Z, globalLimitRange as $ } from "../../consts/DateConst.js";
+import { DateFieldUtils as m } from "./utils.js";
+import { DateFieldTarget as ee } from "./DateFieldTarget.js";
+import { inputDateFormat as b } from "./constants.js";
+import { Tooltip as S } from "../Tooltip/Tooltip.js";
+import { ETooltipSize as te } from "../Tooltip/enums.js";
+import { MobileView as re } from "../MobileView/MobileView.js";
+import { DropdownMobileMaskedInput as T } from "../Dropdown/mobile/DropdownMobileMaskedInput.js";
+import { DateFieldContext as ae } from "./DateFieldContext.js";
+import "../FormField/FormFieldContext.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../../chunks/FormFieldInput-BSxKZxcq.js";
+import { FormFieldMaskedInput as ne } from "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTextarea.js";
+const ie = K.forwardRef((x, p) => {
+  const {
+    size: I,
+    status: E,
+    value: s,
+    label: O,
+    placeholderMask: P,
+    "aria-label": Y,
+    "aria-labelledby": z,
+    format: a = Z,
+    limitRange: i = $,
+    disabledDays: o,
+    onChange: c,
+    onDropdownOpen: f,
+    onDropdownClose: g,
+    invalidDateHint: L,
+    targetProps: j,
+    ...A
+  } = x, [r, h] = Q(
+    m.getPickerValues(s, a, i, o)
+  ), R = l(null), d = l(r), C = l(!1), F = l(!1), D = l(!1), u = l(!1);
+  W(() => {
+    const e = m.getPickerValues(s, a, i, o);
+    e.inputString !== r.inputString && h(e), d.current = e;
+  }, [s, a, i, o]);
+  const B = (e) => {
+    R.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+  }, H = () => {
+    const { maskedInputProps: e, ...t } = j || {}, { onChange: k, ...G } = e || {};
+    return /* @__PURE__ */ n(ae.Provider, { value: { inputFocusedRef: C, onChange: c, triggerChangeFromInput: w }, children: /* @__PURE__ */ n(
+      ee,
+      {
+        size: I,
+        status: E,
+        label: O,
+        maskedInputProps: {
+          value: r.inputString,
+          mask: ne.presets.masks.date,
+          placeholderMask: P,
+          "aria-label": Y,
+          "aria-labelledby": z,
+          onChange: (v) => {
+            V(v), k == null || k(v);
+          },
+          ...G
+        },
+        ...t
+      }
+    ) });
+  }, _ = () => /* @__PURE__ */ n(
+    T,
+    {
+      value: r.inputString,
+      mask: T.presets.masks.date,
+      placeholderMask: P,
+      onChange: V,
+      autoFocus: !0
+    }
+  ), V = (e) => {
+    let t = null;
+    e.target.value.length === b.length ? (t = y(e.target.value, b, !0), (!t.isValid() || !m.isAvailableDate(t, t.format(a), i, o)) && (t = null), u.current = !t) : u.current = !1, h({ calendarDate: t, inputString: e.target.value });
+  }, w = () => {
+    if (r.inputString.length === 0 && s.length !== 0)
+      return c(r.inputString);
+    const e = y(r.inputString, b, !0);
+    if (e.isValid()) {
+      const t = e.format(a);
+      if (t === s)
+        return;
+      if (m.isAvailableDate(e, t, i, o))
+        return c(t);
+    }
+    r.inputString !== d.current.inputString && (u.current = !1, h(d.current));
+  }, N = () => {
+    F.current = !0, f == null || f();
+  }, U = () => {
+    F.current = !1, D.current ? D.current = !1 : !C.current && r.inputString !== d.current.inputString && w(), g == null || g();
+  }, q = (e) => {
+    D.current = !0, u.current = !1, c(e.format(a));
+  }, M = () => /* @__PURE__ */ n(
+    X,
+    {
+      renderTarget: H,
+      renderDropdownHeaderTarget: _,
+      pickedDate: r.calendarDate,
+      format: a,
+      limitRange: i,
+      disabledDays: o,
+      onDropdownOpen: N,
+      onDropdownClose: U,
+      onDateChange: q,
+      ...A,
+      ref: B
+    }
+  );
+  return /* @__PURE__ */ n(
+    re,
+    {
+      fallback: /* @__PURE__ */ J(S, { targetRef: R, size: te.SM, isOpen: u.current, children: [
+        /* @__PURE__ */ n(S.Body, { children: L }),
+        /* @__PURE__ */ n(S.Target, { children: M() })
+      ] }),
+      children: M()
+    }
+  );
+});
+ie.displayName = "DatePicker";
+export {
+  ie as DateField
+};
+//# sourceMappingURL=DateField.js.map

package/components/DateField/DateFieldContext.js

@@ -0,0 +1,12 @@
+import e from "react";
+const n = e.createContext({
+  inputFocusedRef: { current: null },
+  onChange: () => {
+  },
+  triggerChangeFromInput: () => {
+  }
+});
+export {
+  n as DateFieldContext
+};
+//# sourceMappingURL=DateFieldContext.js.map