@max-ts/components 0.3.10 → 0.3.11

package/lib/components/SearchField/styles.mjs

@@ -1,37 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import { IconButton as r } from "../IconButton/IconButton.mjs";
-import { TextField as e } from "../TextField/TextField.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";
-import i from "../../node_modules/.pnpm/lucide-react@0.477.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/search.mjs";
-import l from "../../node_modules/.pnpm/lucide-react@0.477.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.mjs";
-const S = o(i)`
-  color: ${({ theme: t }) => t.palette.grey[600]};
-`, g = o(r, {
-  shouldForwardProp: (t) => !["$isActive"].includes(t.toString())
-})`
-  opacity: ${({ $isActive: t }) => t ? 1 : 0};
-
-  &:hover {
-    background-color: transparent;
-
-    svg {
-      stroke: ${({ theme: t }) => t.palette.grey[700]};
-    }
-  }
-`, h = o(e)`
-  & .MuiFormHelperText-root {
-    display: none;
-  }
-`, u = o(l)`
-  width: 16px;
-  height: 16px;
-  stroke: ${({ theme: t }) => t.palette.grey[500]};
-`;
-export {
-  u as StyledCloseFillSm,
-  g as StyledIconButton,
-  S as StyledSearchIcon,
-  h as StyledTextField
-};

package/lib/components/Select/Select.mjs

@@ -1,128 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { CircularProgress as T } from "../CircularProgress/CircularProgress.mjs";
-import { FormHelperText as L } from "../FormHelperText/FormHelperText.mjs";
-import "react";
-import "../FormHelperText/FormHelperTextContent/styles.mjs";
-import { MenuItem as P } from "../MenuItem/MenuItem.mjs";
-import { TagsList as R } from "../TagsList/TagsList.mjs";
-import { CLEAR_TEXT as h } from "./constants.mjs";
-import { StyledSelect as w, Placeholder as z, ProgressWrapper as D, EndAdornmentWrapper as H, StyledIconButton as C, StyledCloseFillSm as M } from "./styles.mjs";
-import { useLogic as N } from "./useLogic/useLogic.mjs";
-import U 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/FormControl/FormControl.mjs";
-import V 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/InputLabel/InputLabel.mjs";
-import W from "../../node_modules/.pnpm/lucide-react@0.477.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.mjs";
-import X from "../../node_modules/.pnpm/lucide-react@0.477.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-up.mjs";
-const _ = ({ onClick: m, disabled: e, ref: t }) => /* @__PURE__ */ r.jsx(
-  C,
-  {
-    disabled: e,
-    ref: t,
-    onClick: m,
-    variant: "text",
-    title: h,
-    "aria-label": h,
-    children: /* @__PURE__ */ r.jsx(M, {})
-  }
-);
-function mr({
-  required: m,
-  getOptionLabel: e = (i) => String(i),
-  placeholder: t,
-  helperText: d,
-  hideHelperText: v = !1,
-  loading: s,
-  success: y,
-  children: c,
-  disabled: l,
-  error: p,
-  label: u,
-  fullWidth: f,
-  onChange: n,
-  isShowClearButton: g,
-  ...x
-}) {
-  const {
-    isOpened: i,
-    isShowingClearButton: S,
-    isNoData: A,
-    onClearAll: E,
-    openSelect: a,
-    closeSelect: I,
-    resetButtonRef: k
-  } = N({
-    ...x,
-    children: c,
-    onChange: n,
-    isShowClearButton: g
-  }), B = (o) => {
-    if (Array.isArray(o) && o.length) {
-      const F = (j) => n?.(j ? {
-        target: {
-          value: j
-        }
-      } : {
-        target: {
-          value: []
-        }
-      }, void 0);
-      return /* @__PURE__ */ r.jsx(
-        R,
-        {
-          data: o,
-          keyId: "value",
-          getOptionLabel: e,
-          onChange: F,
-          onClick: a
-        }
-      );
-    }
-    return (Array.isArray(o) || typeof o == "string") && !o.length ? t : e(o);
-  };
-  return /* @__PURE__ */ r.jsxs(U, { error: p, fullWidth: f, children: [
-    u && /* @__PURE__ */ r.jsx(V, { htmlFor: "grouped-select", required: m, children: u }),
-    /* @__PURE__ */ r.jsxs(
-      w,
-      {
-        ...x,
-        open: i,
-        disabled: l,
-        onOpen: a,
-        onClose: I,
-        renderValue: B,
-        IconComponent: () => null,
-        displayEmpty: !0,
-        fullWidth: f,
-        onChange: n,
-        endAdornment: /* @__PURE__ */ r.jsxs(H, { children: [
-          S && /* @__PURE__ */ r.jsx(
-            _,
-            {
-              disabled: l,
-              ref: k,
-              onClick: E
-            }
-          ),
-          /* @__PURE__ */ r.jsx(
-            C,
-            {
-              variant: "text",
-              disabled: l,
-              onClick: a,
-              children: i ? /* @__PURE__ */ r.jsx(X, { size: 16 }) : /* @__PURE__ */ r.jsx(W, { size: 16 })
-            }
-          )
-        ] }),
-        children: [
-          /* @__PURE__ */ r.jsx(z, { value: "", children: t }),
-          s && /* @__PURE__ */ r.jsx(D, { children: /* @__PURE__ */ r.jsx(T, { color: "primary" }) }),
-          !s && c,
-          !s && A && /* @__PURE__ */ r.jsx(P, { disabled: !0, children: "Нет данных" })
-        ]
-      }
-    ),
-    !v && /* @__PURE__ */ r.jsx(L, { error: p, success: y, children: d })
-  ] });
-}
-export {
-  mr as Select
-};

package/lib/components/Select/constants.mjs

@@ -1,4 +0,0 @@
-const o = "Очистить";
-export {
-  o as CLEAR_TEXT
-};

package/lib/components/Select/styles.mjs

@@ -1,63 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import { IconButton as r } from "../IconButton/IconButton.mjs";
-import { MenuItem as o } from "../MenuItem/MenuItem.mjs";
-import e 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 i from "../../node_modules/.pnpm/lucide-react@0.477.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/circle-x.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/Select/selectClasses.mjs";
-import p 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/Select/Select.mjs";
-const y = e("div")`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  min-height: 64px;
-
-  .MuiCircularProgress-root {
-    margin-top: ${({ theme: t }) => t.spacing(5)};
-
-    color: ${({ theme: t }) => t.palette.grey[900]};
-  }
-`, x = e(o)`
-  display: none;
-`, u = e(r)`
-  padding: 0;
-  svg {
-    stroke: ${({ theme: t }) => t.palette.grey[600]};
-  }
-  &:hover {
-    background-color: transparent;
-    svg {
-      stroke: ${({ theme: t }) => t.palette.grey[700]};
-    }
-  }
-
-  ${({ theme: t }) => t.breakpoints.down("sm")} {
-    width: 32px;
-    height: 32px;
-  }
-`, $ = e(i)`
-  width: 16px;
-  height: 16px;
-  padding: 0;
-`, S = e("div", {
-  label: "EndAdornmentWrapper"
-})`
-  display: flex;
-  align-items: center;
-
-  margin-left: auto;
-`, v = e(p)`
-  .${n.select} {
-    padding-right: ${({ theme: t }) => t.spacing(2)} !important;
-  }
-`;
-export {
-  S as EndAdornmentWrapper,
-  x as Placeholder,
-  y as ProgressWrapper,
-  $ as StyledCloseFillSm,
-  u as StyledIconButton,
-  v as StyledSelect
-};

package/lib/components/Select/useLogic/useLogic.mjs

@@ -1,33 +0,0 @@
-import { useState as d, useRef as y, Children as A } from "react";
-function m({
-  value: t,
-  onChange: n,
-  children: o,
-  open: s,
-  defaultOpen: r,
-  multiple: c,
-  isShowClearButton: l = !0
-}) {
-  const [i, e] = d(
-    r || s || !1
-  ), a = y(null), u = () => e(!0), f = () => e(!1), g = () => {
-    const S = {
-      target: {
-        value: c ? [] : ""
-      }
-    };
-    n?.call({}, S);
-  }, p = l && !(!t || Array.isArray(t) && t.length === 0 || typeof t == "string" && t.length === 0), h = !A.count(o);
-  return {
-    isOpened: i,
-    isNoData: h,
-    isShowingClearButton: p,
-    resetButtonRef: a,
-    openSelect: u,
-    closeSelect: f,
-    onClearAll: g
-  };
-}
-export {
-  m as useLogic
-};

package/lib/components/Skeleton/Skeleton.mjs

@@ -1,6 +0,0 @@
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import { StyledSkeleton as e } from "./styles.mjs";
-const s = (o) => /* @__PURE__ */ t.jsx(e, { ...o });
-export {
-  s as Skeleton
-};

package/lib/components/Skeleton/styles.mjs

@@ -1,21 +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/Skeleton/skeletonClasses.mjs";
-import e 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/Skeleton/Skeleton.mjs";
-import { alpha as m } from "../../node_modules/.pnpm/@mui_system@6.4.6_@emotion_react@11.14.0_@types_react@19.0.10_react@19.0.0__@emotion_st_c5f7f174f9b5adeef9715dbb91d6998a/node_modules/@mui/system/esm/colorManipulator/colorManipulator.mjs";
-const u = e(t)`
-  background-color: ${({ theme: o }) => m(o.palette.grey[900], 0.12)};
-
-  &.${r.text} {
-    border-radius: ${({ theme: o }) => o.shape.medium};
-  }
-
-  &.${r.rounded} {
-    border-radius: ${({ theme: o }) => o.shape.medium};
-  }
-`;
-export {
-  u as StyledSkeleton
-};

package/lib/components/Slider/Slider.mjs

@@ -1,6 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { StyledSlider as i } from "./styles.mjs";
-const t = (r) => /* @__PURE__ */ o.jsx(i, { color: "primary", size: "small", ...r });
-export {
-  t as Slider
-};

package/lib/components/Slider/styles.mjs

@@ -1,35 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-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/Slider/sliderClasses.mjs";
-import e 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 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/Slider/Slider.mjs";
-const m = e(o)`
-  height: 5px;
-  padding: ${({ theme: r }) => r.spacing(0)};
-  .${t.thumb} {
-    background-color: ${({ theme: r }) => r.palette.background.default};
-    height: 13px;
-    width: 13px;
-    border: 2px solid ${({ theme: r }) => r.palette.primary.main};
-  }
-  .${t.rail} {
-    background-color: ${({ theme: r }) => r.palette.grey[300]};
-    height: 2px;
-    opacity: 1;
-  }
-  .${t.track} {
-    height: 2px;
-  }
-  .${t.root} {
-    height: 2px;
-  }
-  .${t.valueLabel} {
-    background-color: ${({ theme: r }) => r.palette.background.default};
-    border: 1px solid ${({ theme: r }) => r.palette.secondary.main};
-    color: ${({ theme: r }) => r.palette.secondary.main};
-  }
-`;
-export {
-  m as StyledSlider
-};

package/lib/components/Switch/Switch.mjs

@@ -1,9 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { forwardRef as m } from "react";
-import { StyledSwitch as i } from "./styles.mjs";
-const s = m(
-  (r, t) => /* @__PURE__ */ o.jsx(i, { ref: t, ...r })
-);
-export {
-  s as Switch
-};

package/lib/components/Switch/styles.mjs

@@ -1,21 +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/Switch/switchClasses.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";
-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/Switch/Switch.mjs";
-const c = o(i)`
-  .Mui-focusVisible {
-    border: 2px solid ${({ theme: t }) => t.palette.primary[400]};
-  }
-  ${`.${r.track}`}::before {
-    display: none;
-  }
-
-  ${`.${r.track}`}::after {
-    display: none;
-  }
-`;
-export {
-  c as StyledSwitch
-};

package/lib/components/Tab/Tab.mjs

@@ -1,6 +0,0 @@
-import { j as t } from "../../_virtual/jsx-runtime.mjs";
-import { StyledTab as r } from "./styles.mjs";
-const p = (o) => /* @__PURE__ */ t.jsx(r, { ...o });
-export {
-  p as Tab
-};

package/lib/components/Tab/styles.mjs

@@ -1,28 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-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/styles/styled.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/Tab/Tab.mjs";
-const l = t(i)`
-  min-height: 36px;
-  margin-right: ${({ theme: r }) => r.spacing(4)};
-  padding: 0;
-
-  line-height: 20px;
-  color: ${({ theme: r }) => r.palette.grey[900]};
-
-  &:last-child {
-    margin-right: 0;
-  }
-
-  &:hover {
-    color: ${({ theme: r }) => r.palette.primary[800]};
-  }
-
-  &:active {
-    color: ${({ theme: r }) => r.palette.primary[900]};
-  }
-`;
-export {
-  l as StyledTab
-};

package/lib/components/Tabs/Tabs.mjs

@@ -1,10 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { Container as t, Divider as m } from "./styles.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/Tabs/Tabs.mjs";
-const n = ({ nextFeatureFlags: s, ...o }) => s?.hasBottomDivider ? /* @__PURE__ */ r.jsxs(t, { children: [
-  /* @__PURE__ */ r.jsx(i, { ...o }),
-  /* @__PURE__ */ r.jsx(m, {})
-] }) : /* @__PURE__ */ r.jsx(i, { ...o });
-export {
-  n as Tabs
-};

package/lib/components/Tabs/styles.mjs

@@ -1,24 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-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/styles/styled.mjs";
-const l = t("div")`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-
-  width: 100%;
-`, n = t("div")`
-  position: relative;
-  z-index: -1;
-  bottom: 2px;
-
-  width: 100%;
-  height: 2px;
-
-  background-color: ${(i) => i.theme.palette.grey[200]};
-`;
-export {
-  l as Container,
-  n as Divider
-};

package/lib/components/Tag/Tag.mjs

@@ -1,56 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { forwardRef as c } from "react";
-import "../Button/styles.mjs";
-import { LabelContainer as f, getBadgeColor as l, StyledTag as g } from "./styles.mjs";
-import j 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/useTheme.mjs";
-import u from "../../node_modules/.pnpm/lucide-react@0.477.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.mjs";
-const R = c(
-  ({
-    color: r = "grey",
-    variant: t = "contained",
-    deleteIcon: e,
-    size: a = "small",
-    label: i,
-    startAddon: m,
-    endAddon: s,
-    ...n
-  }, p) => {
-    j();
-    const x = /* @__PURE__ */ o.jsxs(f, { children: [
-      m && /* @__PURE__ */ o.jsx(
-        m,
-        {
-          color: l({
-            variant: t,
-            tagColor: r
-          })
-        }
-      ),
-      i,
-      s && /* @__PURE__ */ o.jsx(
-        s,
-        {
-          color: l({
-            variant: t,
-            tagColor: r
-          })
-        }
-      )
-    ] });
-    return /* @__PURE__ */ o.jsx(
-      g,
-      {
-        ref: p,
-        customColor: r,
-        customVariant: t,
-        customSize: a,
-        label: x,
-        ...n,
-        deleteIcon: e || /* @__PURE__ */ o.jsx(u, {})
-      }
-    );
-  }
-);
-export {
-  R as Tag
-};

package/lib/components/Tag/enums.mjs

@@ -1,6 +0,0 @@
-var r = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.PRIMARY = "primary", e.ERROR = "error", e.GREY = "grey", e.SUCCESS = "success", e.WARNING = "warning", e))(r || {}), E = /* @__PURE__ */ ((e) => (e.CONTAINED = "contained", e.LIGHT = "light", e.TEXT = "text", e))(E || {}), R = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.HOVER = "hover", e.ACTIVE = "active", e))(R || {});
-export {
-  r as TagColors,
-  R as TagStates,
-  E as TagVariants
-};