fsk-design-system 1.13.2 → 1.14.0

package/dist/components/Alert/Alert.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "@emotion/react/jsx-runtime";
 import "@solar-icons/react";
 import { StyledAlert as t } from "./Alert.styles.js";
-import e from "../../icons/svgs/CloseOutline.svg.js";
-const n = (r) => /* @__PURE__ */ o(t, { closeIcon: /* @__PURE__ */ o(e, {}), ...r });
+import { Close as e } from "../../icons/custom/Close.js";
+const s = (r) => /* @__PURE__ */ o(t, { closeIcon: /* @__PURE__ */ o(e, {}), ...r });
 export {
-  n as Alert
+  s as Alert
 };

package/dist/components/Cascader/Cascader.form.js

@@ -1,18 +1,16 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { Form as a } from "antd";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Form as n } from "antd";
 import c from "react";
 import { Cascader as f } from "./Cascader.js";
-const u = c.forwardRef((r, o) => {
+import { isFormItemRequired as u } from "../Form/isFormItemRequired.js";
+const d = c.forwardRef((r, s) => {
   const {
-    status: t,
-    errors: s,
+    status: o,
+    errors: a,
     warnings: i
-  } = a.Item.useStatus(), n = s.join("; "), m = i.join("; ");
-  return /* @__PURE__ */ e(f, { ref: o, error: n || m, formControlStatus: n || t === "error" || m || t === "warning" ? t : void 0, ...r });
-}), S = (r) => {
-  var o;
-  return /* @__PURE__ */ e(a.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ e(u, { ...r.cascader, isRequired: (o = r.formItem) == null ? void 0 : o.required }) });
-};
+  } = n.Item.useStatus(), e = a.join("; "), m = i.join("; ");
+  return /* @__PURE__ */ t(f, { ref: s, error: e || m, formControlStatus: e || o === "error" || m || o === "warning" ? o : void 0, ...r });
+}), g = (r) => /* @__PURE__ */ t(n.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ t(d, { ...r.cascader, isRequired: u(r.formItem) }) });
 export {
-  S as FormCascader
+  g as FormCascader
 };

package/dist/components/DatePicker/DatePicker.form.js

@@ -1,22 +1,20 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import s from "react";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import c from "react";
 import { DatePicker as f } from "./DatePicker.js";
 import { FormRangePicker as u } from "./RangePicker.form.js";
-import { Form as m } from "../Form/Form.js";
-const d = s.forwardRef((r, t) => {
+import { Form as n } from "../Form/Form.js";
+import { isFormItemRequired as d } from "../Form/isFormItemRequired.js";
+const k = c.forwardRef((r, i) => {
   const {
     status: o,
     errors: a,
-    warnings: c
-  } = m.Item.useStatus(), n = a.join("; "), i = c.join("; ");
-  return /* @__PURE__ */ e(f, { ref: t, error: n || i, formControlStatus: n || o === "error" || i || o === "warning" ? o : void 0, ...r });
-}), k = (r) => {
-  var t;
-  return /* @__PURE__ */ e(m.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ e(d, { ...r.datePicker, isRequired: (t = r.formItem) == null ? void 0 : t.required }) });
-}, D = Object.assign(k, {
+    warnings: s
+  } = n.Item.useStatus(), e = a.join("; "), m = s.join("; ");
+  return /* @__PURE__ */ t(f, { ref: i, error: e || m, formControlStatus: e || o === "error" || m || o === "warning" ? o : void 0, ...r });
+}), P = (r) => /* @__PURE__ */ t(n.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ t(k, { ...r.datePicker, isRequired: d(r.formItem) }) }), w = Object.assign(P, {
   RangePicker: u
 });
 export {
-  D as FormDatePicker,
-  k as FormDatePickerMain
+  w as FormDatePicker,
+  P as FormDatePickerMain
 };

package/dist/components/DatePicker/RangePicker.form.js

@@ -1,18 +1,16 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
+import { jsx as o } from "@emotion/react/jsx-runtime";
 import f from "react";
 import { DatePicker as u } from "./DatePicker.js";
 import { Form as m } from "../Form/Form.js";
-const g = f.forwardRef((r, e) => {
+import { isFormItemRequired as g } from "../Form/isFormItemRequired.js";
+const R = f.forwardRef((r, i) => {
   const {
-    status: o,
+    status: e,
     errors: a,
-    warnings: c
-  } = m.Item.useStatus(), n = a.join("; "), i = c.join("; "), s = n || o === "error" || i || o === "warning" ? o : void 0;
-  return /* @__PURE__ */ t(u.RangePicker, { ref: e, error: n || i, formControlStatus: s, ...r });
-}), l = (r) => {
-  var e;
-  return /* @__PURE__ */ t(m.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ t(g, { ...r.rangePicker, isRequired: (e = r.formItem) == null ? void 0 : e.required }) });
-};
+    warnings: s
+  } = m.Item.useStatus(), t = a.join("; "), n = s.join("; "), c = t || e === "error" || n || e === "warning" ? e : void 0;
+  return /* @__PURE__ */ o(u.RangePicker, { ref: i, error: t || n, formControlStatus: c, ...r });
+}), w = (r) => /* @__PURE__ */ o(m.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ o(R, { ...r.rangePicker, isRequired: g(r.formItem) }) });
 export {
-  l as FormRangePicker
+  w as FormRangePicker
 };

package/dist/components/Drawer/Drawer.js

@@ -1,22 +1,22 @@
 import { jsx as m } from "@emotion/react/jsx-runtime";
 import { Drawer as d } from "antd";
 import f from "../../_virtual/index.js";
-import { useId as u } from "react";
+import { useId as w } from "react";
 import "@solar-icons/react";
-import { useMediaQuery as w } from "../../utils/useMediaQuery.js";
+import { useMediaQuery as u } from "../../utils/useMediaQuery.js";
 import { StyledDrawer as h } from "./Drawer.styles.js";
 import { useDrawerSwipeGesture as b } from "./useDrawerSwipeGesture.js";
-import D from "../../icons/svgs/CloseOutline.svg.js";
+import { Close as D } from "../../icons/custom/Close.js";
 const $ = (i) => {
   const {
     classNames: l,
     rootClassName: p = "",
     breakpoint: o = 1079,
-    placement: n = "right",
+    placement: c = "right",
     onClose: r,
     open: e = !1,
-    ...c
-  } = i, s = u(), t = o === null ? !1 : w(`(max-width: ${o}px)`), a = t ? "bottom" : n;
+    ...n
+  } = i, s = w(), t = o === null ? !1 : u(`(max-width: ${o}px)`), a = t ? "bottom" : c;
   return b({
     placement: a,
     open: e,
@@ -26,7 +26,7 @@ const $ = (i) => {
     "is-mobile": t
   }), classNames: l, closable: {
     closeIcon: /* @__PURE__ */ m(D, {})
-  }, placement: a, onClose: r, open: e, "data-drawer-id": s, width: "auto", height: "auto", ...c });
+  }, placement: a, onClose: r, open: e, "data-drawer-id": s, width: "auto", height: "auto", ...n });
 };
 export {
   $ as Drawer

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

@@ -1,2 +1,3 @@
 export { Form } from './Form';
+export { isFormItemRequired } from './isFormItemRequired';
 export type { FormProps, FormItemProps } from './Form.types';

package/dist/components/Form/isFormItemRequired.d.ts

@@ -0,0 +1,2 @@
+import { FormItemProps } from 'antd';
+export declare function isFormItemRequired(formItem?: FormItemProps): boolean;

package/dist/components/Form/isFormItemRequired.js

@@ -0,0 +1,7 @@
+function i(e) {
+  var r;
+  return e ? e.required ? !0 : !!((r = e.rules) != null && r.some((u) => typeof u == "object" && u.required)) : !1;
+}
+export {
+  i as isFormItemRequired
+};

package/dist/components/Form/isFormItemRequired.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Input/Input.OTP/Input.OTP.form.js

@@ -1,18 +1,16 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { Form as i } from "antd";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { Form as m } from "antd";
 import f from "react";
 import { InputOTP as a } from "./Input.OTP.js";
-const c = f.forwardRef((r, t) => {
+import { isFormItemRequired as c } from "../../Form/isFormItemRequired.js";
+const I = f.forwardRef((r, i) => {
   const {
-    status: o,
-    errors: u,
-    warnings: s
-  } = i.Item.useStatus(), e = u.join("; "), m = s.join("; ");
-  return /* @__PURE__ */ n(a, { ref: t, error: e || m, formControlStatus: e || o === "error" || m || o === "warning" ? o : void 0, ...r });
-}), S = (r) => {
-  var t;
-  return /* @__PURE__ */ n(i.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ n(c, { ...r.input, isRequired: (t = r.formItem) == null ? void 0 : t.required }) });
-};
+    status: t,
+    errors: s,
+    warnings: u
+  } = m.Item.useStatus(), n = s.join("; "), e = u.join("; ");
+  return /* @__PURE__ */ o(a, { ref: i, error: n || e, formControlStatus: n || t === "error" || e || t === "warning" ? t : void 0, ...r });
+}), g = (r) => /* @__PURE__ */ o(m.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ o(I, { ...r.input, isRequired: c(r.formItem) }) });
 export {
-  S as FormInputOTP
+  g as FormInputOTP
 };

package/dist/components/Input/Input.Password/Input.Password.form.js

@@ -1,18 +1,16 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { Form as m } from "antd";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Form as e } from "antd";
 import { forwardRef as a } from "react";
 import { InputPassword as f } from "./Input.Password.js";
-const d = a((r, o) => {
+import { isFormItemRequired as d } from "../../Form/isFormItemRequired.js";
+const I = a((r, s) => {
   const {
-    status: t,
+    status: o,
     errors: i,
     warnings: u
-  } = m.Item.useStatus(), e = i.join("; "), s = u.join("; ");
-  return /* @__PURE__ */ n(f, { ref: o, error: e || s, formControlStatus: e || t === "error" || s || t === "warning" ? t : void 0, ...r });
-}), S = (r) => {
-  var o;
-  return /* @__PURE__ */ n(m.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ n(d, { ...r.input, isRequired: (o = r.formItem) == null ? void 0 : o.required }) });
-};
+  } = e.Item.useStatus(), n = i.join("; "), m = u.join("; ");
+  return /* @__PURE__ */ t(f, { ref: s, error: n || m, formControlStatus: n || o === "error" || m || o === "warning" ? o : void 0, ...r });
+}), j = (r) => /* @__PURE__ */ t(e.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ t(I, { ...r.input, isRequired: d(r.formItem) }) });
 export {
-  S as FormInputPassword
+  j as FormInputPassword
 };

package/dist/components/Input/Input.form.js

@@ -1,23 +1,21 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { Form as s } from "antd";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Form as e } from "antd";
 import a from "react";
 import { Input as f } from "./Input.js";
 import { FormInputOTP as p } from "./Input.OTP/Input.OTP.form.js";
-import { FormInputPassword as c } from "./Input.Password/Input.Password.form.js";
-const I = a.forwardRef((r, o) => {
+import { FormInputPassword as I } from "./Input.Password/Input.Password.form.js";
+import { isFormItemRequired as c } from "../Form/isFormItemRequired.js";
+const d = a.forwardRef((r, s) => {
   const {
-    status: t,
+    status: o,
     errors: i,
     warnings: u
-  } = s.Item.useStatus(), m = i.join("; "), e = u.join("; ");
-  return /* @__PURE__ */ n(f, { ref: o, error: m || e, formControlStatus: m || t === "error" || e || t === "warning" ? t : void 0, ...r });
-}), d = (r) => {
-  var o;
-  return /* @__PURE__ */ n(s.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ n(I, { ...r.input, isRequired: (o = r.formItem) == null ? void 0 : o.required }) });
-}, C = Object.assign(d, {
-  Password: c,
+  } = e.Item.useStatus(), n = i.join("; "), m = u.join("; ");
+  return /* @__PURE__ */ t(f, { ref: s, error: n || m, formControlStatus: n || o === "error" || m || o === "warning" ? o : void 0, ...r });
+}), w = (r) => /* @__PURE__ */ t(e.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ t(d, { ...r.input, isRequired: c(r.formItem) }) }), O = Object.assign(w, {
+  Password: I,
   OTP: p
 });
 export {
-  C as FormInput
+  O as FormInput
 };

package/dist/components/InputNumber/InputNumber.form.js

@@ -1,18 +1,16 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
+import { jsx as o } from "@emotion/react/jsx-runtime";
 import f from "react";
 import { InputNumber as a } from "./InputNumber.js";
-import { Form as u } from "../Form/Form.js";
-const c = f.forwardRef((r, t) => {
+import { Form as n } from "../Form/Form.js";
+import { isFormItemRequired as c } from "../Form/isFormItemRequired.js";
+const I = f.forwardRef((r, u) => {
   const {
-    status: o,
+    status: t,
     errors: i,
     warnings: s
-  } = u.Item.useStatus(), n = i.join("; "), m = s.join("; ");
-  return /* @__PURE__ */ e(a, { ref: t, error: n || m, formControlStatus: n || o === "error" || m || o === "warning" ? o : void 0, ...r });
-}), S = (r) => {
-  var t;
-  return /* @__PURE__ */ e(u.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ e(c, { ...r.input, isRequired: (t = r.formItem) == null ? void 0 : t.required }) });
-};
+  } = n.Item.useStatus(), e = i.join("; "), m = s.join("; ");
+  return /* @__PURE__ */ o(a, { ref: u, error: e || m, formControlStatus: e || t === "error" || m || t === "warning" ? t : void 0, ...r });
+}), b = (r) => /* @__PURE__ */ o(n.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ o(I, { ...r.input, isRequired: c(r.formItem) }) });
 export {
-  S as FormInputNumber
+  b as FormInputNumber
 };

package/dist/components/Layout/Header/Support/Support.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as t, Fragment as h } from "@emotion/react/jsx-runtime";
 import "@solar-icons/react";
 import { StyledCollapse as d, Wrapper as u, Title as f, Item as c } from "./Support.styles.js";
-import o from "../../../../icons/svgs/TechnicalSupport.svg.js";
+import { TechnicalSupport as o } from "../../../../icons/custom/TechnicalSupport.js";
 import { Popover as N } from "../../../Popover/Popover.js";
-import { Button as g } from "../../../Button/Button.js";
-const j = (n) => {
+import { Button as b } from "../../../Button/Button.js";
+const k = (n) => {
   const {
     isMobile: l,
     support: r
@@ -16,7 +16,7 @@ const j = (n) => {
       /* @__PURE__ */ e("span", { children: "Тех. поддержка" })
     ] }),
     children: /* @__PURE__ */ e(p, { ...r })
-  }] }) : /* @__PURE__ */ e(u, { className: r.className, children: /* @__PURE__ */ e(N, { placement: "bottomRight", content: /* @__PURE__ */ e(p, { ...r }), children: /* @__PURE__ */ e(g, { className: "support-button", type: "link-secondary", size: "xs", icon: /* @__PURE__ */ e(o, {}), children: "Тех. поддержка" }) }) });
+  }] }) : /* @__PURE__ */ e(u, { className: r.className, children: /* @__PURE__ */ e(N, { placement: "bottomRight", content: /* @__PURE__ */ e(p, { ...r }), children: /* @__PURE__ */ e(b, { className: "support-button", type: "link-secondary", size: "xs", icon: /* @__PURE__ */ e(o, {}), children: "Тех. поддержка" }) }) });
 }, p = (n) => {
   const {
     className: l,
@@ -39,5 +39,5 @@ const j = (n) => {
   ] });
 };
 export {
-  j as Support
+  k as Support
 };

package/dist/components/Modal/Modal.js

@@ -2,13 +2,13 @@ import { jsx as o, jsxs as i, Fragment as m } from "@emotion/react/jsx-runtime";
 import { Modal as p } from "antd";
 import "@solar-icons/react";
 import { StyledModal as d } from "./Modal.styles.js";
-import u from "../../icons/svgs/CloseOutline.svg.js";
-import { Button as a } from "../Button/Button.js";
+import { Button as l } from "../Button/Button.js";
+import { Close as u } from "../../icons/custom/Close.js";
 const M = (t) => {
   const {
     rootClassName: e = "",
     cancelButtonProps: c,
-    okButtonProps: l,
+    okButtonProps: a,
     footer: r,
     ...n
   } = t, s = r !== void 0 ? r : /* @__PURE__ */ o(f, { ...t });
@@ -17,14 +17,14 @@ const M = (t) => {
   const {
     cancelButtonProps: e,
     okButtonProps: c,
-    cancelText: l,
+    cancelText: a,
     okText: r,
     onCancel: n,
     onOk: s
   } = t;
   return /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ o(a, { type: "extra-primary", size: "s", ...e, onClick: n, children: l ?? "Закрыть" }),
-    /* @__PURE__ */ o(a, { type: "main-primary", size: "s", ...c, onClick: s, children: r ?? "Ок" })
+    /* @__PURE__ */ o(l, { type: "extra-primary", size: "s", ...e, onClick: n, children: a ?? "Закрыть" }),
+    /* @__PURE__ */ o(l, { type: "main-primary", size: "s", ...c, onClick: s, children: r ?? "Ок" })
   ] });
 };
 export {

package/dist/components/PhoneInput/PhoneInput.form.js

@@ -1,18 +1,16 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 import f from "react";
 import { PhoneInput as a } from "./PhoneInput.js";
-import { Form as i } from "../Form/Form.js";
-const c = f.forwardRef((r, o) => {
+import { Form as m } from "../Form/Form.js";
+import { isFormItemRequired as c } from "../Form/isFormItemRequired.js";
+const I = f.forwardRef((r, i) => {
   const {
-    status: t,
-    errors: u,
-    warnings: s
-  } = i.Item.useStatus(), e = u.join("; "), m = s.join("; ");
-  return /* @__PURE__ */ n(a, { ref: o, error: e || m, formControlStatus: e || t === "error" || m || t === "warning" ? t : void 0, ...r });
-}), w = (r) => {
-  var o;
-  return /* @__PURE__ */ n(i.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ n(c, { ...r.input, isRequired: (o = r.formItem) == null ? void 0 : o.required }) });
-};
+    status: o,
+    errors: s,
+    warnings: u
+  } = m.Item.useStatus(), n = s.join("; "), e = u.join("; ");
+  return /* @__PURE__ */ t(a, { ref: i, error: n || e, formControlStatus: n || o === "error" || e || o === "warning" ? o : void 0, ...r });
+}), S = (r) => /* @__PURE__ */ t(m.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ t(I, { ...r.input, isRequired: c(r.formItem) }) });
 export {
-  w as FormPhoneInput
+  S as FormPhoneInput
 };

package/dist/components/Radio/Radio.form.js

@@ -1,36 +1,33 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { Form as s } from "antd";
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { Form as m } from "antd";
 import d from "react";
 import { Radio as f } from "./Radio.js";
-const l = d.forwardRef((r, o) => {
+import { isFormItemRequired as l } from "../Form/isFormItemRequired.js";
+const R = d.forwardRef((r, n) => {
   const {
-    children: n
+    children: s
   } = r, {
-    status: t,
-    errors: u,
-    warnings: a
-  } = s.Item.useStatus(), i = u.join("; "), m = a.join("; ");
-  return /* @__PURE__ */ e(f, { ref: o, error: i || m, formControlStatus: i || t === "error" || m || t === "warning" ? t : void 0, ...r, children: n });
-}), R = (r) => {
-  var o;
-  return /* @__PURE__ */ e(s.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ e(l, { ...r.radio, isRequired: (o = r.formItem) == null ? void 0 : o.required }) });
-}, w = d.forwardRef((r, o) => {
+    status: o,
+    errors: a,
+    warnings: u
+  } = m.Item.useStatus(), e = a.join("; "), i = u.join("; ");
+  return /* @__PURE__ */ t(f, { ref: n, error: e || i, formControlStatus: e || o === "error" || i || o === "warning" ? o : void 0, ...r, children: s });
+}), I = (r) => /* @__PURE__ */ t(m.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ t(R, { ...r.radio, isRequired: l(r.formItem) }) }), w = d.forwardRef((r, n) => {
   const {
-    children: n
+    children: s
   } = r, {
-    status: t,
-    errors: u,
-    warnings: a
-  } = s.Item.useStatus(), i = u.join("; "), m = a.join("; "), c = i || t === "error" || m || t === "warning" ? t : void 0;
-  return /* @__PURE__ */ e(f.Group, { ref: o, error: i || m, formControlStatus: c, ...r, children: n });
-}), I = (r) => {
-  var n;
+    status: o,
+    errors: a,
+    warnings: u
+  } = m.Item.useStatus(), e = a.join("; "), i = u.join("; "), c = e || o === "error" || i || o === "warning" ? o : void 0;
+  return /* @__PURE__ */ t(f.Group, { ref: n, error: e || i, formControlStatus: c, ...r, children: s });
+}), S = (r) => {
   const {
-    children: o
+    children: n
   } = r;
-  return /* @__PURE__ */ e(s.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ e(w, { ...r.radioGroup, isRequired: (n = r.formItem) == null ? void 0 : n.required, children: o }) });
+  return /* @__PURE__ */ t(m.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ t(w, { ...r.radioGroup, isRequired: l(r.formItem), children: n }) });
 };
-R.Group = I;
+I.Group = S;
 export {
-  R as FormRadio
+  I as FormRadio
 };

package/dist/components/Search/Search.form.js

@@ -1,18 +1,16 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 import c from "react";
 import { Search as f } from "./Search.js";
-import { Form as s } from "../Form/Form.js";
-const u = c.forwardRef((r, o) => {
+import { Form as n } from "../Form/Form.js";
+import { isFormItemRequired as u } from "../Form/isFormItemRequired.js";
+const S = c.forwardRef((r, i) => {
   const {
-    status: t,
-    errors: a,
-    warnings: i
-  } = s.Item.useStatus(), n = a.join("; "), m = i.join("; ");
-  return /* @__PURE__ */ e(f, { ref: o, error: n || m, formControlStatus: n || t === "error" || m || t === "warning" ? t : void 0, ...r });
-}), I = (r) => {
-  var o;
-  return /* @__PURE__ */ e(s.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ e(u, { ...r.search, isRequired: (o = r.formItem) == null ? void 0 : o.required }) });
-};
+    status: o,
+    errors: s,
+    warnings: a
+  } = n.Item.useStatus(), e = s.join("; "), m = a.join("; ");
+  return /* @__PURE__ */ t(f, { ref: i, error: e || m, formControlStatus: e || o === "error" || m || o === "warning" ? o : void 0, ...r });
+}), g = (r) => /* @__PURE__ */ t(n.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ t(S, { ...r.search, isRequired: u(r.formItem) }) });
 export {
-  I as FormSearch
+  g as FormSearch
 };

package/dist/components/Select/Select.form.js

@@ -1,18 +1,16 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
+import { jsx as o } from "@emotion/react/jsx-runtime";
 import f from "react";
 import { Select as u } from "./Select.js";
-import { Form as s } from "../Form/Form.js";
-const a = f.forwardRef((r, t) => {
+import { Form as n } from "../Form/Form.js";
+import { isFormItemRequired as a } from "../Form/isFormItemRequired.js";
+const l = f.forwardRef((r, i) => {
   const {
-    status: o,
-    errors: i,
+    status: t,
+    errors: s,
     warnings: c
-  } = s.Item.useStatus(), n = i.join("; "), m = c.join("; ");
-  return /* @__PURE__ */ e(u, { ref: t, error: n || m, formControlStatus: n || o === "error" || m || o === "warning" ? o : void 0, ...r });
-}), g = (r) => {
-  var t;
-  return /* @__PURE__ */ e(s.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ e(a, { ...r.select, isRequired: (t = r.formItem) == null ? void 0 : t.required }) });
-};
+  } = n.Item.useStatus(), e = s.join("; "), m = c.join("; ");
+  return /* @__PURE__ */ o(u, { ref: i, error: e || m, formControlStatus: e || t === "error" || m || t === "warning" ? t : void 0, ...r });
+}), j = (r) => /* @__PURE__ */ o(n.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ o(l, { ...r.select, isRequired: a(r.formItem) }) });
 export {
-  g as FormSelect
+  j as FormSelect
 };

package/dist/components/TextArea/TextArea.form.js

@@ -1,15 +1,16 @@
 import { jsx as o } from "@emotion/react/jsx-runtime";
 import f from "react";
 import { TextArea as u } from "./TextArea.js";
-import { Form as m } from "../Form/Form.js";
-const c = f.forwardRef((r, a) => {
+import { Form as n } from "../Form/Form.js";
+import { isFormItemRequired as c } from "../Form/isFormItemRequired.js";
+const d = f.forwardRef((r, i) => {
   const {
     status: t,
     errors: s,
-    warnings: i
-  } = m.Item.useStatus(), e = s.join("; "), n = i.join("; ");
-  return /* @__PURE__ */ o(u, { ref: a, error: e || n, formControlStatus: e || t === "error" || n || t === "warning" ? t : void 0, ...r });
-}), A = (r) => /* @__PURE__ */ o(m.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ o(c, { ...r.textArea }) });
+    warnings: a
+  } = n.Item.useStatus(), e = s.join("; "), m = a.join("; ");
+  return /* @__PURE__ */ o(u, { ref: i, error: e || m, formControlStatus: e || t === "error" || m || t === "warning" ? t : void 0, ...r });
+}), S = (r) => /* @__PURE__ */ o(n.Item, { noStyle: !0, ...r.formItem, children: /* @__PURE__ */ o(d, { ...r.textArea, isRequired: c(r.formItem) }) });
 export {
-  A as FormTextArea
+  S as FormTextArea
 };