@max-ts/components 0.3.10 → 0.4.0

package/lib/components/OverflowTypography/hooks/useOverflowed/useOverflowed.mjs

@@ -1,27 +0,0 @@
-import { useRef as h, useState as g, useLayoutEffect as v } from "react";
-import { useFirstMountState as d } from "../../../../node_modules/.pnpm/react-use@17.6.0_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/react-use/esm/useFirstMountState.mjs";
-import m from "../../../../node_modules/.pnpm/@mui_utils@6.4.6_@types_react@19.0.10_react@19.0.0/node_modules/@mui/utils/esm/debounce/debounce.mjs";
-const p = (s) => {
-  const c = h(null), t = s && typeof s != "function" ? s : c, [i, u] = g(!1), l = d(), n = ([
-    { target: e, contentRect: r }
-  ]) => {
-    const o = Math.round(r.height) < e.scrollHeight, f = e.scrollWidth > Math.round(r.width);
-    u(o || f);
-  };
-  return v(() => {
-    if (t?.current) {
-      const e = t.current, r = {
-        target: e,
-        contentRect: e.getBoundingClientRect()
-      };
-      if (!l) {
-        const o = new ResizeObserver(m(n, 500));
-        return o.observe(e), () => o.unobserve(e);
-      }
-      n([r]);
-    }
-  }, [t.current]), { isOverflowed: i, ref: t };
-};
-export {
-  p as useOverflowed
-};

package/lib/components/OverflowTypography/styles.mjs

@@ -1,33 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import { Typography as i } from "../Typography/Typography.mjs";
-import o from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/styles/styled.mjs";
-const n = o(i, {
-  shouldForwardProp: (t) => t !== "rowsCount" && t !== "hasMultipleRows"
-})`
-  /* stylelint-disable-next-line */
-  overflow: hidden;
-  /* stylelint-disable-next-line */
-  display: ${({ hasMultipleRows: t }) => t ? "-webkit-box" : ""};
-
-  max-width: 100%;
-
-  text-overflow: ellipsis;
-  white-space: ${({ hasMultipleRows: t }) => t ? "initial" : "nowrap"};
-  -webkit-box-orient: ${({ hasMultipleRows: t }) => t ? "vertical" : ""};
-  -webkit-line-clamp: ${({ rowsCount: t }) => t};
-`, a = o(i, {
-  shouldForwardProp: (t) => !["$align"].includes(t.toString())
-})`
-  display: flex;
-  justify-content: ${({ $align: t }) => t};
-
-  width: 100%;
-
-  white-space: nowrap;
-`;
-export {
-  n as StyledTypography,
-  a as Wrapper
-};

package/lib/components/OverflowTypography/useLogic/useLogic.mjs

@@ -1,19 +0,0 @@
-import { useOverflowed as s } from "../hooks/useOverflowed/useOverflowed.mjs";
-import { truncateString as f } from "../utils/truncateString/truncateString.mjs";
-const p = ({
-  children: r,
-  visibleLastSymbolsCount: e,
-  ref: n
-}) => {
-  const { ref: a, isOverflowed: t } = s(n), o = r && typeof r == "string", { firstPartLabel: c, secondPartLabel: i } = o && t && e ? f(e, r) : { firstPartLabel: "", secondPartLabel: "" };
-  return {
-    isTruncatedStringVisible: o && t && !!e,
-    isOverflowed: t,
-    ref: a,
-    firstPartLabel: c,
-    secondPartLabel: i
-  };
-};
-export {
-  p as useLogic
-};

package/lib/components/OverflowTypography/utils/truncateString/truncateString.mjs

@@ -1,7 +0,0 @@
-const n = (t, r) => {
-  const c = r.slice(0, -t), e = r.slice(-t);
-  return { firstPartLabel: c, secondPartLabel: e };
-};
-export {
-  n as truncateString
-};

package/lib/components/Pagination/Pagination.mjs

@@ -1,6 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import t from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/Pagination/Pagination.mjs";
-const a = ({ ...o }) => /* @__PURE__ */ r.jsx(t, { shape: "rounded", ...o });
-export {
-  a as Pagination
-};

package/lib/components/Paper/Paper.mjs

@@ -1,6 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import t from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/Paper/Paper.mjs";
-const m = (r) => /* @__PURE__ */ o.jsx(t, { ...r });
-export {
-  m as Paper
-};

package/lib/components/Placeholder/Image/Image.mjs

@@ -1,6 +0,0 @@
-import { Wrapper as t } from "./styles.mjs";
-const o = t, m = t.withComponent;
-export {
-  o as Image,
-  m as setDefaultImageStyles
-};

package/lib/components/Placeholder/Image/styles.mjs

@@ -1,27 +0,0 @@
-import "../../../_virtual/jsx-runtime.mjs";
-import "../../Button/styles.mjs";
-import "react";
-import { SIZE as a } from "../constants.mjs";
-import i from "../../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/styles/styled.mjs";
-const c = i("img", {
-  shouldForwardProp: (o) => o !== "size"
-})`
-  display: block;
-
-  width: ${({ width: o }) => o || "auto"};
-  max-width: 100%;
-  height: ${({ height: o }) => o || "auto"};
-  margin: auto auto
-    ${({ theme: o, size: t }) => t === a.Small ? o.spacing(4) : o.spacing(6)};
-
-  color: ${({ theme: o }) => o.palette.grey[900]};
-
-  object-fit: contain;
-
-  ${({ theme: o }) => o.breakpoints.down("sm")} {
-    margin: auto auto ${({ theme: o }) => o.spacing(8)};
-  }
-`;
-export {
-  c as Wrapper
-};

package/lib/components/Placeholder/Placeholder.mjs

@@ -1,42 +0,0 @@
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { useContext as x, useMemo as d } from "react";
-import { ConfigContext as h } from "../ConfigProvider/ConfigProvider.mjs";
-import { setDefaultImageStyles as i, Image as E } from "./Image/Image.mjs";
-import { IMAGE_HEIGHT as I, IMAGE_WIDTH as j, TITLE_HEADER_LEVEL as u } from "./constants.mjs";
-import { Wrapper as g, InnerContainer as T, Title as C, Description as D, Footer as H } from "./styles.mjs";
-const y = ({
-  className: l,
-  title: c,
-  imgSrc: n,
-  imgAlt: p,
-  description: s,
-  Actions: m,
-  size: o = "small",
-  imgWidth: a,
-  renderImage: r
-}) => {
-  const t = x(h).components?.placeholder?.defaultProps?.renderImage, f = d(
-    () => r && i(r) || t && i(t) || E,
-    [r, t]
-  );
-  return /* @__PURE__ */ e.jsxs(g, { $size: o, className: l, children: [
-    /* @__PURE__ */ e.jsxs(T, { $size: o, children: [
-      n && /* @__PURE__ */ e.jsx(
-        f,
-        {
-          src: n,
-          alt: p,
-          width: a || j[o],
-          height: a ? "auto" : I[o],
-          size: o
-        }
-      ),
-      /* @__PURE__ */ e.jsx(C, { $size: o, variant: u[o], children: c }),
-      s && /* @__PURE__ */ e.jsx(D, { $size: o, component: "div", variant: "body1", children: s })
-    ] }),
-    m && /* @__PURE__ */ e.jsx(H, { children: m })
-  ] });
-};
-export {
-  y as Placeholder
-};

package/lib/components/Placeholder/constants.mjs

@@ -1,28 +0,0 @@
-const e = {
-  Small: "small",
-  Medium: "medium",
-  Large: "large"
-}, l = {
-  [e.Small]: "239px",
-  [e.Medium]: "323px",
-  [e.Large]: "458px"
-}, m = {
-  [e.Small]: "119px",
-  [e.Medium]: "161px",
-  [e.Large]: "229px"
-}, a = {
-  [e.Small]: "384px",
-  [e.Medium]: "400px",
-  [e.Large]: "460px"
-}, p = {
-  [e.Small]: "h5",
-  [e.Medium]: "h4",
-  [e.Large]: "h3"
-};
-export {
-  m as IMAGE_HEIGHT,
-  l as IMAGE_WIDTH,
-  a as MAX_INNER_WIDTH,
-  e as SIZE,
-  p as TITLE_HEADER_LEVEL
-};

package/lib/components/Placeholder/styles.mjs

@@ -1,80 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import { Typography as i } from "../Typography/Typography.mjs";
-import { SIZE as r, MAX_INNER_WIDTH as a } from "./constants.mjs";
-import n from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/styles/styled.mjs";
-const e = (t) => t !== "$size", m = n("div", {
-  shouldForwardProp: e
-})`
-  display: flex;
-  flex-direction: column;
-  gap: ${({ theme: t, $size: o }) => o === r.Small ? t.spacing(4) : t.spacing(6)};
-  align-items: center;
-  justify-content: center;
-
-  width: 100%;
-  height: 100%;
-  padding: ${({ theme: t }) => t.spacing(4)};
-
-  background-color: ${({ theme: t }) => t.palette.background.paper};
-
-  ${({ theme: t }) => t.breakpoints.down("sm")} {
-    display: grid;
-    grid-template-columns: 100%;
-    grid-template-rows: 1fr max-content;
-    gap: ${({ theme: t }) => t.spacing(4)};
-  }
-`, y = n("div", {
-  shouldForwardProp: e
-})`
-  max-width: ${({ $size: t }) => a[t]};
-  margin: 0 auto;
-`, $ = n(i, {
-  shouldForwardProp: e
-})`
-  margin-bottom: ${({ theme: t, $size: o }) => o === r.Small ? t.spacing(2) : t.spacing(4)};
-
-  text-align: center;
-
-  ${({ theme: t }) => t.breakpoints.down("sm")} {
-    margin-bottom: ${({ theme: t }) => t.spacing(4)};
-
-    font-size: ${({ theme: t }) => t.typography.pxToRem(20)};
-    font-weight: ${({ theme: t }) => t.typography.fontWeightMedium};
-    color: ${({ theme: t }) => t.palette.text.secondary};
-  }
-`, f = n(i, {
-  shouldForwardProp: e
-})`
-  display: block;
-
-  font-size: ${({ $size: t, theme: o }) => t === r.Large ? o.typography.pxToRem(16) : o.typography.body1.fontSize};
-  text-align: center;
-
-  ${({ theme: t }) => t.breakpoints.down("sm")} {
-    font-size: ${({ theme: t }) => t.typography.body1.fontSize};
-    color: ${({ theme: t }) => t.palette.text.secondary};
-  }
-`, x = n("footer")`
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${({ theme: t }) => t.spacing(2)};
-  justify-content: center;
-
-  color: ${({ theme: t }) => t.palette.grey[900]};
-
-  ${({ theme: t }) => t.breakpoints.down("sm")} {
-    flex-direction: column;
-    gap: ${({ theme: t }) => t.spacing(3)};
-
-    margin-top: auto;
-  }
-`;
-export {
-  f as Description,
-  x as Footer,
-  y as InnerContainer,
-  $ as Title,
-  m as Wrapper
-};

package/lib/components/Popover/Popover.mjs

@@ -1,18 +0,0 @@
-import { j as m } from "../../_virtual/jsx-runtime.mjs";
-import { useViewportType as s } from "../../hooks/useViewportType/useViewportType.mjs";
-import "react";
-import { BottomDrawer as f } from "../BottomDrawer/BottomDrawer.mjs";
-import x from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/Popover/Popover.mjs";
-const w = ({
-  children: r,
-  onClose: o,
-  open: t,
-  title: p,
-  ...i
-}) => {
-  const { isMobile: e } = s();
-  return e ? /* @__PURE__ */ m.jsx(f, { title: p, onClose: o, open: t, children: r }) : /* @__PURE__ */ m.jsx(x, { open: t, onClose: o, ...i, children: r });
-};
-export {
-  w as Popover
-};

package/lib/components/ProgressBar/ProgressBar.mjs

@@ -1,16 +0,0 @@
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import o from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/LinearProgress/LinearProgress.mjs";
-const n = ({ className: r, value: t }) => {
-  const a = Math.max(0, Math.min(t, 100));
-  return /* @__PURE__ */ e.jsx(
-    o,
-    {
-      className: r,
-      variant: "determinate",
-      value: a
-    }
-  );
-};
-export {
-  n as ProgressBar
-};

package/lib/components/Radio/Icon/Icon.mjs

@@ -1,46 +0,0 @@
-import { j as c } from "../../../_virtual/jsx-runtime.mjs";
-import { DEFAULT_ICON_CLASSES as e, CHECKED_ICON_CLASSES as s } from "../constants.mjs";
-import i from "../../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/SvgIcon/SvgIcon.mjs";
-const n = ({ ...r }) => /* @__PURE__ */ c.jsxs(i, { viewBox: "0 0 24 24", ...r, children: [
-  /* @__PURE__ */ c.jsx(
-    "circle",
-    {
-      cx: "12",
-      cy: "12",
-      r: "10",
-      className: e.outerCircle
-    }
-  ),
-  /* @__PURE__ */ c.jsx(
-    "circle",
-    {
-      cx: "12",
-      cy: "12",
-      r: "8",
-      className: e.innerCircle
-    }
-  )
-] }), C = ({ ...r }) => /* @__PURE__ */ c.jsxs(i, { viewBox: "0 0 24 24", ...r, children: [
-  /* @__PURE__ */ c.jsx(
-    "circle",
-    {
-      cx: "12",
-      cy: "12",
-      r: "10",
-      className: s.outerCircle
-    }
-  ),
-  /* @__PURE__ */ c.jsx(
-    "circle",
-    {
-      cx: "12",
-      cy: "12",
-      r: "4",
-      className: s.innerCircle
-    }
-  )
-] });
-export {
-  C as CheckedCircleIcon,
-  n as DefaultIcon
-};

package/lib/components/Radio/Radio.mjs

@@ -1,11 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { DefaultIcon as i, CheckedCircleIcon as m } from "./Icon/Icon.mjs";
-import { StyledRadio as s } from "./styles.mjs";
-const n = ({
-  icon: r = /* @__PURE__ */ o.jsx(i, {}),
-  checkedIcon: t = /* @__PURE__ */ o.jsx(m, {}),
-  ...e
-}) => /* @__PURE__ */ o.jsx(s, { icon: r, checkedIcon: t, ...e });
-export {
-  n as Radio
-};

package/lib/components/Radio/constants.mjs

@@ -1,11 +0,0 @@
-const e = {
-  innerCircle: "RadioIcon-innerCircle",
-  outerCircle: "RadioIcon-outerCircle"
-}, r = {
-  innerCircle: "RadioCheckedIcon-innerCircle",
-  outerCircle: "RadioCheckedIcon-outerCircle"
-};
-export {
-  r as CHECKED_ICON_CLASSES,
-  e as DEFAULT_ICON_CLASSES
-};

package/lib/components/Radio/styles.mjs

@@ -1,69 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import { DEFAULT_ICON_CLASSES as r, CHECKED_ICON_CLASSES as t } from "./constants.mjs";
-import i from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/styles/styled.mjs";
-import l from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/Radio/Radio.mjs";
-import { css as a } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0/node_modules/@emotion/react/dist/emotion-react.browser.esm.mjs";
-const p = (e) => a`
-  &.MuiRadio-root:not(.Mui-disabled) {
-    color: ${e.palette.red[800]};
-
-    &:hover {
-      & > svg {
-        color: ${e.palette.red[700]};
-      }
-    }
-  }
-`, u = i(l, {
-  shouldForwardProp: (e) => e !== "isError"
-})`
-  padding: 5px;
-
-  color: ${({ theme: e }) => e.palette.grey[300]};
-
-  border-radius: unset;
-
-  & > svg > .${r.innerCircle} {
-    fill: ${({ theme: e }) => e.palette.common.white};
-  }
-
-  &:hover {
-    background: none;
-
-    & > svg > .${r.innerCircle} {
-      fill: ${({ theme: e }) => e.palette.grey[100]};
-    }
-  }
-
-  &.Mui-disabled:not(.Mui-checked) {
-    color: ${({ theme: e }) => e.palette.grey[200]};
-
-    & > svg > .${r.innerCircle} {
-      fill: ${({ theme: e }) => e.palette.grey[200]};
-    }
-  }
-
-  &.Mui-checked {
-    color: ${({ theme: e }) => e.palette.primary.main};
-
-    &:hover {
-      & > svg {
-        color: ${({ theme: e }) => e.palette.primary[700]};
-      }
-    }
-
-    &.Mui-disabled {
-      color: ${({ theme: e }) => e.palette.grey[400]};
-    }
-
-    & > svg > .${t.innerCircle} {
-      fill: ${({ theme: e }) => e.palette.common.white};
-    }
-  }
-
-  ${({ isError: e, theme: o }) => e && p(o)}
-`;
-export {
-  u as StyledRadio
-};

package/lib/components/RadioField/RadioField.mjs

@@ -1,33 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { Radio as p } from "../Radio/Radio.mjs";
-import { Tooltip as s } from "../Tooltip/Tooltip.mjs";
-import { StyledFormControlLabel as a } from "./styles.mjs";
-const d = ({
-  id: r,
-  disabled: t,
-  label: i,
-  isError: m,
-  disabledReason: e,
-  formControlLabelProps: l,
-  ...n
-}) => /* @__PURE__ */ o.jsx(
-  s,
-  {
-    title: t && e,
-    placement: "bottom-start",
-    withoutContainer: !1,
-    children: /* @__PURE__ */ o.jsx(
-      a,
-      {
-        ...l,
-        label: i,
-        control: /* @__PURE__ */ o.jsx(p, { ...n, isError: m }),
-        disabled: t
-      }
-    )
-  },
-  r
-);
-export {
-  d as RadioField
-};

package/lib/components/RadioField/styles.mjs

@@ -1,14 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import r from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/styles/styled.mjs";
-import t from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/FormControlLabel/FormControlLabel.mjs";
-const n = r(
-  t
-)`
-  margin-right: ${({ theme: o }) => o.spacing(6)};
-  margin-left: -7px;
-`;
-export {
-  n as StyledFormControlLabel
-};

package/lib/components/RadioGroup/RadioGroup.mjs

@@ -1,43 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { useId as a } from "react";
-import { FormControl as u } from "../FormControl/FormControl.mjs";
-import { FormLabel as x } from "../FormLabel/FormLabel.mjs";
-import { Tooltip as c } from "../Tooltip/Tooltip.mjs";
-import "./RadioGroupContext/RadioGroupContext.mjs";
-import { RadioGroupContextProvider as f } from "./RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.mjs";
-import h from "../../node_modules/.pnpm/@mui_material@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion__136ab401d202919bd655185ec974b9a4/node_modules/@mui/material/RadioGroup/RadioGroup.mjs";
-const E = (e) => {
-  const {
-    children: m,
-    groupLabel: o,
-    errorText: l,
-    isError: t,
-    required: p,
-    formControlProps: s,
-    row: d,
-    ...n
-  } = e, i = a();
-  return /* @__PURE__ */ r.jsx(
-    c,
-    {
-      title: t && l,
-      placement: "right-start",
-      followCursor: !0,
-      children: /* @__PURE__ */ r.jsxs(u, { ...s, children: [
-        o && /* @__PURE__ */ r.jsx(x, { id: i, required: p, children: o }),
-        /* @__PURE__ */ r.jsx(
-          h,
-          {
-            ...n,
-            "aria-labelledby": i,
-            row: d,
-            children: /* @__PURE__ */ r.jsx(f, { isError: t, children: m })
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  E as RadioGroup
-};

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContext.mjs

@@ -1,7 +0,0 @@
-import { createContext as o } from "react";
-const t = o({
-  isError: !1
-});
-export {
-  t as RadioGroupContext
-};

package/lib/components/RadioGroup/RadioGroupContext/RadioGroupContextProvider/RadioGroupContextProvider.mjs

@@ -1,6 +0,0 @@
-import { j as t } from "../../../../_virtual/jsx-runtime.mjs";
-import { RadioGroupContext as e } from "../RadioGroupContext.mjs";
-const x = ({ children: o, isError: r }) => /* @__PURE__ */ t.jsx(e.Provider, { value: { isError: r }, children: o });
-export {
-  x as RadioGroupContextProvider
-};

package/lib/components/RadioGroupField/RadioGroupField.mjs

@@ -1,13 +0,0 @@
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import { useContext as i } from "react";
-import { RadioField as m } from "../RadioField/RadioField.mjs";
-import "../FormLabel/styles.mjs";
-import "../Tooltip/styles.mjs";
-import { RadioGroupContext as p } from "../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
-const a = (o) => {
-  const { isError: r } = i(p);
-  return /* @__PURE__ */ t.jsx(m, { ...o, isError: r });
-};
-export {
-  a as RadioGroupField
-};

package/lib/components/SearchField/SearchField.mjs

@@ -1,60 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { forwardRef as j, useState as b, useRef as i } from "react";
-import { StyledTextField as y, StyledIconButton as A, StyledCloseFillSm as R, StyledSearchIcon as g } from "./styles.mjs";
-const B = j(
-  ({
-    margin: s = "none",
-    placeholder: d = "Поиск",
-    onChange: l,
-    disabled: u,
-    value: m,
-    defaultValue: f,
-    delay: p = 600,
-    ...v
-  }, x) => {
-    const [c, o] = b(`${f || m || ""}`), t = i(null), e = i(null), S = (n) => {
-      o(n.target.value), t.current && clearTimeout(t.current), t.current = setTimeout(() => {
-        l?.(n);
-      }, p);
-    }, h = () => {
-      o(""), e.current && (e.current.value = ""), t.current && clearTimeout(t.current);
-      const n = new InputEvent("input", {
-        bubbles: !0,
-        cancelable: !0
-      });
-      Object.defineProperty(n, "target", {
-        writable: !0,
-        value: e.current
-      }), l?.(n), e.current?.focus();
-    }, C = () => {
-      e.current?.focus();
-    }, a = !!c.length;
-    return /* @__PURE__ */ r.jsx(
-      y,
-      {
-        margin: s,
-        placeholder: d,
-        startAdornment: /* @__PURE__ */ r.jsx(g, { onClick: C }),
-        disabled: u,
-        endAdornment: /* @__PURE__ */ r.jsx(
-          A,
-          {
-            variant: "text",
-            onClick: h,
-            disabled: u || !a,
-            $isActive: a,
-            children: /* @__PURE__ */ r.jsx(R, {})
-          }
-        ),
-        onChange: S,
-        value: c,
-        ref: x,
-        inputRef: e,
-        ...v
-      }
-    );
-  }
-);
-export {
-  B as SearchField
-};