@max-ts/components 0.3.10 → 0.3.11

package/lib/components/Tag/styles.mjs

@@ -1,215 +0,0 @@
-import { Container as d } from "../Container/Container.mjs";
-import { TagStates as o, TagVariants as u, TagColors as l } from "./enums.mjs";
-import s 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 y 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/Chip/Chip.mjs";
-const f = {
-  small: "20px",
-  medium: "24px",
-  large: "32px"
-}, k = (r) => {
-  const { tagColor: e, variant: t } = r;
-  return t === u.CONTAINED ? "white" : {
-    [l.PRIMARY]: "primary",
-    [l.ERROR]: "error",
-    [l.GREY]: "grey",
-    [l.SUCCESS]: "success",
-    [l.WARNING]: "warning",
-    [l.DEFAULT]: "grey"
-  }[e || "default"];
-}, x = ({ theme: r, rounded: e }) => e ? "100px" : r.shape.small, w = ({
-  theme: r,
-  rounded: e
-}) => e ? "100px" : `0  ${r.shape.small}  ${r.shape.small} 0`, p = ({
-  theme: r,
-  customColor: e,
-  customVariant: t,
-  disabled: n
-}) => {
-  if (n)
-    return r.palette.grey[100];
-  if (t === "text")
-    return "transparent";
-  const a = {
-    contained: {
-      primary: r.palette.primary.main,
-      error: r.palette.red[800],
-      success: r.palette.green[800],
-      warning: r.palette.yellow[800],
-      grey: r.palette.grey[300],
-      default: r.palette.background.element
-    },
-    light: {
-      primary: r.palette.primary[100],
-      error: r.palette.red[100],
-      success: r.palette.green[100],
-      warning: r.palette.yellow[100],
-      grey: r.palette.grey[100],
-      default: r.palette.background.element
-    }
-  };
-  return t && e ? a[t][e] : !t && e ? a.contained[e] : r.palette.grey[300];
-}, i = ({
-  theme: r,
-  customColor: e,
-  customVariant: t,
-  disabled: n
-}) => {
-  if (n)
-    return r.palette.text.disabled;
-  if (t === "text")
-    return r.palette.grey[900];
-  const a = {
-    contained: {
-      primary: r.palette.primary.contrastText,
-      error: r.palette.error.contrastText,
-      success: r.palette.warning.contrastText,
-      warning: r.palette.success.contrastText,
-      default: r.palette.text.primary,
-      grey: r.palette.grey[900]
-    },
-    light: {
-      primary: r.palette.primary.main,
-      error: r.palette.red[800],
-      success: r.palette.green[800],
-      warning: r.palette.yellow[800],
-      default: r.palette.text.primary,
-      grey: r.palette.grey[900]
-    }
-  };
-  return !t && !e ? r.palette.grey[900] : !t && e !== "grey" ? r.palette.common.white : e ? t && e ? a[t][e] : r.palette.text.primary : a.contained.default;
-}, $ = ({
-  theme: r,
-  rounded: e,
-  customSize: t
-}) => {
-  if (e)
-    return r.spacing(0, 2);
-  switch (t) {
-    case "small":
-      return r.spacing(0, 1);
-    case "medium":
-    case "large":
-      return r.spacing(0, 2);
-  }
-}, g = ({
-  theme: r,
-  iconState: e,
-  customVariant: t,
-  customColor: n
-}) => {
-  const a = {
-    contained: {
-      primary: r.palette.primary[600],
-      error: r.palette.red[600],
-      success: r.palette.green[600],
-      warning: r.palette.yellow[600],
-      grey: r.palette.grey[100],
-      default: r.palette.grey[300]
-    },
-    light: {
-      primary: r.palette.primary[300],
-      error: r.palette.red[300],
-      success: r.palette.green[300],
-      warning: r.palette.yellow[300],
-      grey: r.palette.grey[300],
-      default: r.palette.grey[300]
-    }
-  };
-  if (e !== "default") {
-    if ((t === "contained" || t === "light") && n)
-      return a[t][n || "default"];
-    if (t === "text")
-      return a.light.grey;
-  }
-  return "transparent";
-}, c = ({
-  customVariant: r,
-  customColor: e,
-  theme: t
-}) => r === "contained" && e !== "grey" && e !== "default" ? t.palette.common.white : t.palette.grey[900], v = s(y, {
-  shouldForwardProp: (r) => r !== "customColor" && r !== "customVariant" && r !== "rounded" && r !== "customSize"
-})`
-  user-select: none;
-
-  height: ${({ customSize: r }) => f[r]};
-
-  font-size: 14px;
-
-  background-color: ${p};
-  border-radius: ${x};
-
-  &:hover {
-    color: ${i};
-
-    background-color: ${p};
-  }
-
-  &:active {
-    color: ${i};
-
-    background-color: ${p};
-  }
-
-  .MuiChip-label {
-    padding: ${$};
-
-    color: ${i};
-
-    &:hover {
-      color: ${i};
-    }
-
-    &:active {
-      color: ${i};
-    }
-  }
-
-  .MuiChip-deleteIcon {
-    width: 16px;
-    height: 16px;
-    margin: 0;
-
-    color: ${c};
-
-    background: ${(r) => g({ ...r, iconState: o.DEFAULT })};
-    border-radius: ${w};
-
-    &:hover {
-      color: ${c};
-
-      background: ${(r) => g({ ...r, iconState: o.HOVER })};
-    }
-
-    &:active {
-      color: ${c};
-
-      background: ${(r) => g({ ...r, iconState: o.ACTIVE })};
-    }
-  }
-
-  &.Mui-disabled {
-    opacity: 1;
-  }
-
-  .MuiChip-avatar {
-    width: 16px;
-    height: 16px;
-    margin: 2px;
-
-    color: ${i};
-  }
-
-  .MuiChip-icon {
-    width: 16px;
-    height: 16px;
-  }
-`, E = s(d)`
-  align-items: center;
-  justify-content: flex-start;
-`;
-export {
-  E as LabelContainer,
-  v as StyledTag,
-  k as getBadgeColor,
-  c as getDeleteIconColor
-};

package/lib/components/TagBadge/TagBadge.mjs

@@ -1,25 +0,0 @@
-import { j as m } from "../../_virtual/jsx-runtime.mjs";
-import { StyledBadge as g } from "./styles.mjs";
-import { getCheckableTagBadgeBgColor as i } from "./utils/getCheckableTagBadgeBgColor/getCheckableTagBadgeBgColor.mjs";
-const l = ({
-  color: r = "primary",
-  checked: o,
-  disabled: e,
-  checkedColor: t,
-  ...a
-}) => /* @__PURE__ */ m.jsx(
-  g,
-  {
-    withBorder: !1,
-    color: i({
-      disabled: e,
-      checked: o,
-      checkedColor: t,
-      color: r
-    }),
-    ...a
-  }
-);
-export {
-  l as TagBadge
-};

package/lib/components/TagBadge/styles.mjs

@@ -1,19 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import { Badge as t } from "../Badge/Badge.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 a = o(t)`
-  vertical-align: text-top;
-
-  &span.MuiBadge-badge {
-    position: static;
-    transform: none;
-
-    box-sizing: content-box;
-    height: 16px;
-  }
-`;
-export {
-  a as StyledBadge
-};

package/lib/components/TagBadge/utils/getCheckableTagBadgeBgColor/getCheckableTagBadgeBgColor.mjs

@@ -1,9 +0,0 @@
-const n = ({
-  disabled: e,
-  checked: r,
-  checkedColor: t,
-  color: g
-}) => e ? "grey" : r ? t || "white" : g;
-export {
-  n as getCheckableTagBadgeBgColor
-};

package/lib/components/TagsList/Tag/Tag.mjs

@@ -1,19 +0,0 @@
-import { j as i } from "../../../_virtual/jsx-runtime.mjs";
-import { StyledTag as n } from "./styles.mjs";
-import { useLogic as m } from "./useLogic/useLogic.mjs";
-const d = (o) => {
-  const { onMouseDown: s } = m(), { shrinks: r, isDisabled: t, ...e } = o;
-  return /* @__PURE__ */ i.jsx(
-    n,
-    {
-      $shrinks: r,
-      color: "grey",
-      disabled: t,
-      ...e,
-      onMouseDown: s
-    }
-  );
-};
-export {
-  d as Tag
-};

package/lib/components/TagsList/Tag/styles.mjs

@@ -1,20 +0,0 @@
-import "../../../_virtual/jsx-runtime.mjs";
-import "../../Button/styles.mjs";
-import "react";
-import { Tag as i } from "../../Tag/Tag.mjs";
-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";
-const n = r(i, {
-  shouldForwardProp: (o) => o !== "$shrinks"
-})`
-  min-width: ${({ $shrinks: o }) => o ? "30px" : "unset"};
-  max-width: 246px;
-
-  & {
-    .MuiBox-root {
-      display: inline;
-    }
-  }
-`;
-export {
-  n as StyledTag
-};

package/lib/components/TagsList/Tag/useLogic/useLogic.mjs

@@ -1,8 +0,0 @@
-const s = () => ({
-  onMouseDown: (o) => {
-    o.stopPropagation();
-  }
-});
-export {
-  s as useLogic
-};

package/lib/components/TagsList/TagsList.mjs

@@ -1,34 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { Tag as i } from "./Tag/Tag.mjs";
-import { Wrapper as j } from "./styles.mjs";
-import { useLogic as d } from "./useLogic/useLogic.mjs";
-import { getKey as u } from "./utils/getKey/getKey.mjs";
-const C = (s) => {
-  const { maxItems: e, tagsContainerRef: n, visibleOptions: g, getTagProps: p } = d(s), { className: l, data: t, keyId: c, isDisabled: o, onClick: a } = s;
-  return /* @__PURE__ */ r.jsxs(j, { className: l, ref: n, children: [
-    g?.map((m, f) => {
-      const x = p(m, f);
-      return /* @__PURE__ */ r.jsx(
-        i,
-        {
-          isDisabled: o,
-          onClick: a,
-          ...x
-        },
-        u(m, c)
-      );
-    }),
-    t && e < t.length && /* @__PURE__ */ r.jsx(
-      i,
-      {
-        isDisabled: o,
-        label: `+${t.length - e}`,
-        onClick: a
-      },
-      "more"
-    )
-  ] });
-};
-export {
-  C as TagsList
-};

package/lib/components/TagsList/styles.mjs

@@ -1,11 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-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 a = o("div")`
-  display: flex;
-  column-gap: ${({ theme: p }) => p.spacing(1)};
-`;
-export {
-  a as Wrapper
-};

package/lib/components/TagsList/useLogic/useLogic.mjs

@@ -1,69 +0,0 @@
-import { useState as R, useRef as p, useLayoutEffect as W, useEffect as v } from "react";
-import { getElementByText as I } from "../utils/getElementByText/getElementByText.mjs";
-const z = ({
-  data: t = [],
-  keyId: g,
-  getOptionLabel: u,
-  onChange: T
-}) => {
-  const [c, x] = R(1), h = p(!1), l = p(null), y = (e, o, s) => {
-    const i = u(t[0]);
-    document.body.appendChild(e);
-    let d = 0, n = 0;
-    for (let r = 1; r < t.length; r += 1) {
-      const f = e.firstChild?.cloneNode(
-        !0
-      ), b = u(t[r]), m = I(f, i);
-      if (!m)
-        throw new Error("Could not find text node");
-      m.textContent = b, e.appendChild(f);
-      const C = f.getBoundingClientRect().width + s;
-      if (d + C > o)
-        break;
-      n += 1, d += C;
-    }
-    return document.body.removeChild(e), n;
-  }, w = () => {
-    const e = l.current;
-    if (!e)
-      throw new Error("Tags container ref is not set");
-    const o = window.getComputedStyle(e), s = Number.parseInt(o.columnGap), i = e.firstElementChild?.getBoundingClientRect().width || 0, d = e.getBoundingClientRect().width - i, n = e.cloneNode(!0);
-    for (; n.lastElementChild && n.children.length > 1; )
-      n.removeChild(n.lastElementChild);
-    n.style.visibility = "hidden";
-    const r = y(n, d, s);
-    x(1 + r);
-  };
-  W(() => {
-    typeof window > "u" || !t || !t.length || (w(), h.current = !0);
-  }, [t]), v(() => {
-    if (typeof window > "u" || !t || !t.length)
-      return;
-    if (!l.current)
-      throw new Error("Tags container ref is not set");
-    const e = new ResizeObserver(() => {
-      if (h.current) {
-        h.current = !1;
-        return;
-      }
-      w();
-    });
-    return e.observe(l.current), () => e.disconnect();
-  }, [t]);
-  const E = (e, o) => {
-    const s = u(e), i = o === c - 1 && c <= t.length;
-    return { label: s, shrinks: i, onDelete: () => {
-      const n = t?.filter((r) => typeof r == "string" ? r !== e : r[g] !== e[g]);
-      T(n?.length ? n : []);
-    } };
-  }, a = t?.slice(0, c);
-  return {
-    maxItems: c,
-    visibleOptions: a,
-    tagsContainerRef: l,
-    getTagProps: E
-  };
-};
-export {
-  z as useLogic
-};

package/lib/components/TagsList/utils/getElementByText/getElementByText.mjs

@@ -1,13 +0,0 @@
-const i = (n, r) => {
-  if (n.innerHTML === r)
-    return n;
-  for (let e = 0; e < n.children.length; e += 1) {
-    const l = i(n.children[e], r);
-    if (l)
-      return l;
-  }
-  return null;
-};
-export {
-  i as getElementByText
-};

package/lib/components/TagsList/utils/getKey/getKey.mjs

@@ -1,9 +0,0 @@
-const n = (e, r) => {
-  if (typeof e == "string")
-    return e;
-  const t = e[r];
-  return typeof t == "number" ? t.toString() : t;
-};
-export {
-  n as getKey
-};

package/lib/components/TextArea/TextArea.mjs

@@ -1,6 +0,0 @@
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { TextField as o } from "../TextField/TextField.mjs";
-const x = ({ rows: t = 7, ...r }) => /* @__PURE__ */ e.jsx(o, { multiline: !0, rows: t, ...r });
-export {
-  x as TextArea
-};

package/lib/components/TextField/TextField.mjs

@@ -1,56 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { useMemo as u } from "react";
-import { FormHelperTextContent as a } from "../FormHelperText/FormHelperTextContent/FormHelperTextContent.mjs";
-import B 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/TextField/TextField.mjs";
-const H = ({
-  success: n,
-  error: o,
-  helperText: t,
-  fullWidth: m = !1,
-  startAdornment: l,
-  endAdornment: s,
-  inputProps: f,
-  InputProps: x,
-  maxLength: d,
-  trimmed: c = !0,
-  onBlur: j,
-  ...i
-}) => {
-  const g = u(() => {
-    if (n)
-      return "success";
-  }, [n]), F = u(() => n ? /* @__PURE__ */ r.jsx(a, { success: !0, children: t }) : o ? /* @__PURE__ */ r.jsx(a, { error: !0, children: t }) : t || /* @__PURE__ */ r.jsx(r.Fragment, {}), [t, n, o]), p = (e) => {
-    if (c) {
-      const h = e.target.value?.trim();
-      i.onChange?.({
-        ...e,
-        target: { ...e.target, value: h }
-      });
-    }
-    j?.(e);
-  };
-  return /* @__PURE__ */ r.jsx(
-    B,
-    {
-      variant: "outlined",
-      fullWidth: m,
-      error: o,
-      color: g,
-      helperText: F,
-      InputProps: {
-        startAdornment: l,
-        endAdornment: s,
-        ...x
-      },
-      inputProps: {
-        maxLength: d,
-        ...f
-      },
-      onBlur: p,
-      ...i
-    }
-  );
-};
-export {
-  H as TextField
-};

package/lib/components/ThemeProvider/ThemeProvider.mjs

@@ -1,13 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import m 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/ThemeProvider.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/CssBaseline/CssBaseline.mjs";
-const p = (e) => {
-  const { children: o, theme: s } = e;
-  return /* @__PURE__ */ r.jsxs(m, { theme: s, children: [
-    /* @__PURE__ */ r.jsx(t, {}),
-    o
-  ] });
-};
-export {
-  p as ThemeProvider
-};

package/lib/components/Tooltip/Tooltip.mjs

@@ -1,27 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { TooltipSizes as l } from "./constants.mjs";
-import { StyledTooltip as m, ContentWrapper as a } from "./styles.mjs";
-const j = (r) => {
-  const {
-    title: e,
-    placement: i = "top",
-    size: p = l.MEDIUM,
-    withoutContainer: n = !0,
-    children: t,
-    ...s
-  } = r;
-  return /* @__PURE__ */ o.jsx(
-    m,
-    {
-      title: e,
-      size: p,
-      placement: i,
-      arrow: !0,
-      ...s,
-      children: n ? t : /* @__PURE__ */ o.jsx(a, { children: t })
-    }
-  );
-};
-export {
-  j as Tooltip
-};

package/lib/components/Tooltip/constants.mjs

@@ -1,4 +0,0 @@
-var m = /* @__PURE__ */ ((r) => (r.MEDIUM = "medium", r.SMALL = "small", r))(m || {});
-export {
-  m as TooltipSizes
-};

package/lib/components/Tooltip/styles.mjs

@@ -1,50 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import { TooltipSizes as i } from "./constants.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/Tooltip/tooltipClasses.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 a 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/Tooltip/Tooltip.mjs";
-const $ = e(
-  ({ className: t, ...o }) => /* @__PURE__ */ r.jsx(a, { ...o, classes: { popper: t } })
-)`
-  & .${p.tooltip} {
-    margin: 0;
-
-    font-size: ${({ size: t, theme: o }) => t === i.SMALL ? o.typography.caption.fontSize : o.typography.body1.fontSize};
-    font-weight: ${({ theme: t }) => t.typography.fontWeightRegular};
-    line-height: ${({ size: t, theme: o }) => t === i.SMALL ? o.typography.caption.lineHeight : o.typography.body1.lineHeight};
-    white-space: pre-line;
-
-    background-color: ${({ theme: t }) => t.palette.grey[900]};
-    border-radius: ${({ theme: t }) => t.shape.small};
-  }
-
-  & .${p.arrow} {
-    font-size: ${({ theme: t }) => t.typography.caption.fontSize};
-    color: ${({ theme: t }) => t.palette.grey[900]};
-  }
-
-  &&[data-popper-placement*='top'] .${p.tooltip} {
-    margin-bottom: ${({ theme: t }) => t.spacing(2)};
-  }
-
-  &&[data-popper-placement*='bottom'] .${p.tooltip} {
-    margin-top: ${({ theme: t }) => t.spacing(2)};
-  }
-
-  &&[data-popper-placement*='left'] .${p.tooltip} {
-    margin-right: ${({ theme: t }) => t.spacing(2)};
-  }
-
-  &&[data-popper-placement*='right'] .${p.tooltip} {
-    margin-left: ${({ theme: t }) => t.spacing(2)};
-  }
-`, h = e("div")`
-  display: inherit;
-  flex-direction: inherit;
-`;
-export {
-  h as ContentWrapper,
-  $ as StyledTooltip
-};

package/lib/components/Typography/Typography.mjs

@@ -1,25 +0,0 @@
-import { j as e } from "../../_virtual/jsx-runtime.mjs";
-import { useTypographyColor as i } from "./hooks/useTypographyColor/useTypographyColor.mjs";
-import { TypographyWrapper as y } from "./styles.mjs";
-const m = (r) => {
-}, f = ({
-  children: r,
-  color: p,
-  colorIntensity: t = "800",
-  component: a,
-  ...o
-}) => {
-  const n = i({ color: p, colorIntensity: t });
-  return m(o.variant), /* @__PURE__ */ e.jsx(
-    y,
-    {
-      ...o,
-      component: a,
-      color: n,
-      children: r
-    }
-  );
-};
-export {
-  f as Typography
-};

package/lib/components/Typography/enums.mjs

@@ -1,4 +0,0 @@
-var n = /* @__PURE__ */ ((e) => (e.text = "text", e.secondary = "secondary", e.primary = "primary", e.error = "error", e.success = "success", e.warning = "warning", e.info = "info", e.textSecondary = "text.secondary", e.grey = "grey", e.red = "red", e.green = "green", e.yellow = "yellow", e))(n || {});
-export {
-  n as TypographyColors
-};

package/lib/components/Typography/hooks/useTypographyColor/useTypographyColor.mjs

@@ -1,24 +0,0 @@
-import { useMemo as p } from "react";
-import { TypographyColors as o } from "../../enums.mjs";
-import m 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";
-const c = ({
-  color: r,
-  colorIntensity: a = "800"
-}) => {
-  const e = m();
-  return p(() => {
-    const t = r && o[r];
-    if (t)
-      switch (t) {
-        case o.text:
-          return e.palette.text.primary;
-        case o.textSecondary:
-          return e.palette.text.secondary;
-        default:
-          return e.palette[t]?.[a] || t;
-      }
-  }, [r, a, e]);
-};
-export {
-  c as useTypographyColor
-};