@max-ts/components 0.3.10 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/components",
-  "version": "0.3.10",
+  "version": "0.4.0",
   "browser": "./src/index.ts",
   "main": "./lib/index.mjs",
   "module": "./lib/index.mjs",
@@ -20,31 +20,33 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@fontsource-variable/roboto": "^5.2.0",
-    "@mui/material": "^6.4.6",
-    "@mui/system": "^6.4.6",
+    "@fontsource-variable/roboto": "^5.2.5",
+    "@mui/material": "^6.4.7",
+    "@mui/system": "^6.4.7",
     "@react-input/mask": "^2.0.4",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.477.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.482.0",
     "react": "^19.0.0",
+    "react-day-picker": "^9.6.2",
     "react-dom": "^19.0.0",
     "react-use": "^17.6.0",
-    "remeda": "^2.21.0"
+    "remeda": "^2.21.2"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.5",
-    "@faker-js/faker": "^9.5.1",
-    "@storybook/addon-essentials": "^8.6.3",
-    "@storybook/addon-interactions": "^8.6.3",
-    "@storybook/addon-onboarding": "^8.6.3",
-    "@storybook/blocks": "^8.6.3",
-    "@storybook/builder-vite": "^8.6.3",
-    "@storybook/react": "^8.6.3",
-    "@storybook/react-vite": "^8.6.3",
-    "@storybook/test": "^8.6.3",
+    "@chromatic-com/storybook": "^3.2.6",
+    "@faker-js/faker": "^9.6.0",
+    "@storybook/addon-essentials": "^8.6.6",
+    "@storybook/addon-interactions": "^8.6.6",
+    "@storybook/addon-onboarding": "^8.6.6",
+    "@storybook/blocks": "^8.6.6",
+    "@storybook/builder-vite": "^8.6.6",
+    "@storybook/react": "^8.6.6",
+    "@storybook/react-vite": "^8.6.6",
+    "@storybook/test": "^8.6.6",
     "@types/react": "^19.0.10",
     "prop-types": "^15.8.1",
-    "storybook": "^8.6.3"
+    "storybook": "^8.6.6"
   },
   "scripts": {
     "build": "vite build",

package/lib/_virtual/_commonjsHelpers.mjs

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as getDefaultExportFromCjs
-};

package/lib/_virtual/hoist-non-react-statics.cjs.mjs

@@ -1,2 +0,0 @@
-import { __require as r } from "../node_modules/.pnpm/hoist-non-react-statics@3.3.2/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.mjs";
-r();

package/lib/_virtual/index.mjs

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.mjs";
-import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.mjs";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
-export {
-  s as default
-};

package/lib/_virtual/index2.mjs

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/.pnpm/react-is@19.0.0/node_modules/react-is/index.mjs";
-var a = /* @__PURE__ */ r();
-export {
-  a as r
-};

package/lib/_virtual/index3.mjs

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/lib/_virtual/index4.mjs

@@ -1,4 +0,0 @@
-var p = { exports: {} };
-export {
-  p as __module
-};

package/lib/_virtual/index5.mjs

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/lib/_virtual/jsx-runtime.mjs

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.mjs";
-var i = r();
-export {
-  i as j
-};

package/lib/_virtual/jsx-runtime2.mjs

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/lib/_virtual/react-is.development.mjs

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/lib/_virtual/react-is.development2.mjs

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/lib/_virtual/react-is.production.min.mjs

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/lib/_virtual/react-is.production.mjs

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/lib/_virtual/react-jsx-runtime.development.mjs

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/lib/_virtual/react-jsx-runtime.production.mjs

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/lib/components/Accordion/Accordion.mjs

@@ -1,35 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.mjs";
-import { forwardRef as j, useState as u, Fragment as C } from "react";
-import { Chevron as S } from "../Chevron/Chevron.mjs";
-import { Collapse as w } from "../Collapse/Collapse.mjs";
-import { Header as A, Summary as v, ChevronWrapper as y, ContentWrapper as W } from "./styles.mjs";
-const U = j(
-  ({ summary: e, startAdorment: t, isExpanded: o, onChange: n, children: p }, m) => {
-    const [s, f] = u(!1), i = typeof o == "boolean", l = i ? o : s, a = !!t, x = (c) => {
-      if (i)
-        n?.(!o, c);
-      else {
-        const d = !s;
-        f(d), n?.(d, c);
-      }
-    }, h = typeof e == "string" ? v : C;
-    return /* @__PURE__ */ r.jsxs("div", { ref: m, children: [
-      /* @__PURE__ */ r.jsxs(
-        A,
-        {
-          onClick: x,
-          withStartAdornment: a,
-          children: [
-            t,
-            /* @__PURE__ */ r.jsx(h, { children: e }),
-            /* @__PURE__ */ r.jsx(y, { children: /* @__PURE__ */ r.jsx(S, { isActive: l }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ r.jsx(w, { in: l, children: /* @__PURE__ */ r.jsx(W, { withStartAdorment: a, children: p }) })
-    ] });
-  }
-);
-export {
-  U as Accordion
-};

package/lib/components/Accordion/styles.mjs

@@ -1,28 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-import { Typography as i } from "../Typography/Typography.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/styles/styled.mjs";
-const m = p("header")`
-  cursor: pointer;
-
-  display: grid;
-  grid-column-gap: ${({ theme: r }) => r.spacing(2)};
-  grid-template-columns: ${({ withStartAdornment: r }) => r ? "24px 1fr 24px" : " 1fr 24px"};
-`, g = p("div")`
-  margin-left: ${({ theme: r, withStartAdorment: o }) => r.spacing(o ? 8 : 0)};
-  padding-top: ${({ theme: r }) => r.spacing(2)};
-`, s = p(i)`
-  align-self: center;
-`, c = p("div")`
-  overflow: hidden;
-
-  width: 24px;
-  height: 24px;
-`;
-export {
-  c as ChevronWrapper,
-  g as ContentWrapper,
-  m as Header,
-  s as Summary
-};

package/lib/components/ActionCell/ActionCell.mjs

@@ -1,40 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { MainAction as A } from "./MainAction/MainAction.mjs";
-import { SecondaryActions as p } from "./SecondaryAction/SecondaryActions.mjs";
-import { Wrapper as d } from "./styles.mjs";
-import { useLogic as C } from "./useLogic/useLogic.mjs";
-const e = {
-  mainAction: "top",
-  secondaryAction: "left"
-}, b = (i) => {
-  const {
-    isSecondaryActionsAvailable: s,
-    handleActionClick: n,
-    handleWrapperClick: r,
-    isDisabledAction: t
-  } = C(i), { actions: a } = i, { main: l = [], secondary: m = [] } = a;
-  return /* @__PURE__ */ o.jsxs(d, { onClick: r, children: [
-    l.map((c) => /* @__PURE__ */ o.jsx(
-      A,
-      {
-        tooltipPlacement: e.mainAction,
-        onActionClick: n,
-        action: c,
-        isDisabled: t
-      },
-      c.name
-    )),
-    s && /* @__PURE__ */ o.jsx(
-      p,
-      {
-        isDisabled: t,
-        actions: m,
-        tooltipPlacement: e.secondaryAction,
-        onActionClick: n
-      }
-    )
-  ] });
-};
-export {
-  b as ActionCell
-};

package/lib/components/ActionCell/MainAction/MainAction.mjs

@@ -1,139 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.mjs";
-import { createElement as w } from "react";
-import "../../Accordion/Accordion.mjs";
-import { IconDropdownButton as B } from "../../IconDropdownButton/IconDropdownButton.mjs";
-import { MenuItem as I } from "../../MenuItem/MenuItem.mjs";
-import "../styles.mjs";
-import "../../ActionGroup/MainActions/styles.mjs";
-import "../../ActionGroup/styles.mjs";
-import "../../Checkbox/Checkbox.mjs";
-import { Tooltip as s } from "../../Tooltip/Tooltip.mjs";
-import "../../Typography/styles.mjs";
-import "../../OverflowTypography/styles.mjs";
-import "../../Tag/Tag.mjs";
-import "../../FormHelperText/FormHelperTextContent/styles.mjs";
-import "../../Autocomplete/styles.mjs";
-import "../../Badge/styles.mjs";
-import { IconButton as g } from "../../IconButton/IconButton.mjs";
-import "../../BottomDrawer/styles.mjs";
-import "../../Button/styles.mjs";
-import "../../CheckboxField/styles.mjs";
-import "../../Chevron/styles.mjs";
-import "../../ConfigProvider/ConfigProvider.mjs";
-import "../../ConfirmAction/styles.mjs";
-import "../../Dialog/styles.mjs";
-import "../../DialogActions/styles.mjs";
-import "../../DialogContent/styles.mjs";
-import "../../DialogContentText/styles.mjs";
-import "../../ConfirmDialog/styles.mjs";
-import "../../Container/styles.mjs";
-import "../../ErrorBoundary/ErrorBoundary.mjs";
-import "../../Placeholder/Image/Image.mjs";
-import "../../Placeholder/styles.mjs";
-import "../../ContentState/styles.mjs";
-import "../../CopyTypography/styles.mjs";
-import "../../DataGrid/Cell/styles.mjs";
-import "../../DataGrid/Row/styles.mjs";
-import "../../DataGrid/Body/styles.mjs";
-import "../../DataGrid/HeadCell/styles.mjs";
-import "../../DataGrid/Head/styles.mjs";
-import "../../DataGrid/Loader/styles.mjs";
-import "../../DataGrid/styles.mjs";
-import "../../DataGridActionCell/styles.mjs";
-import "../../TagsList/Tag/styles.mjs";
-import "../../TagsList/styles.mjs";
-import "../../Select/styles.mjs";
-import "../../DataGridPagination/styles.mjs";
-import "../../Description/Description.mjs";
-import "../../DescriptionList/styles.mjs";
-import "../../DescriptionTooltip/styles.mjs";
-import "../../DialogHeader/styles.mjs";
-import "../../MenuList/styles.mjs";
-import "../../Filename/Filename.mjs";
-import "../../FormControlLabel/styles.mjs";
-import "../../FormLabel/styles.mjs";
-import "../../Link/Link.mjs";
-import "../../ListItem/styles.mjs";
-import "../../ListItemIcon/ListItemIcon.mjs";
-import "../../NavMenu/Item/ItemButton/styles.mjs";
-import "../../Radio/styles.mjs";
-import "../../RadioField/styles.mjs";
-import "../../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
-import "../../SearchField/SearchField.mjs";
-import "../../Skeleton/styles.mjs";
-import "../../Slider/styles.mjs";
-import "../../Switch/Switch.mjs";
-import "../../Tab/styles.mjs";
-import "../../Tabs/styles.mjs";
-import "../../TagBadge/styles.mjs";
-const So = ({
-  action: i,
-  onActionClick: m,
-  tooltipPlacement: r,
-  isDisabled: o
-}) => {
-  if ("actions" in i) {
-    const { icon: j, disabled: e, disabledReason: b, name: a, actions: k } = i;
-    return /* @__PURE__ */ t.jsx(
-      s,
-      {
-        title: b || a,
-        placement: r,
-        withoutContainer: !(o || e),
-        children: /* @__PURE__ */ t.jsx(
-          B,
-          {
-            icon: j,
-            variant: "text",
-            disabled: o || e,
-            children: k.map(
-              ({ name: c, onClick: C, ...R }) => /* @__PURE__ */ w(
-                I,
-                {
-                  ...R,
-                  key: c,
-                  tooltipPlacement: r,
-                  onClick: m(C)
-                },
-                c
-              )
-            )
-          }
-        )
-      },
-      a
-    );
-  }
-  const {
-    onClick: d,
-    name: p,
-    icon: l,
-    disabledReason: x,
-    disabled: n,
-    loading: u,
-    isBlockingOperation: v,
-    ...f
-  } = i, h = !u && (x || p);
-  return /* @__PURE__ */ t.jsx(
-    s,
-    {
-      title: h,
-      placement: r,
-      withoutContainer: !(o || n),
-      children: /* @__PURE__ */ t.jsx(
-        g,
-        {
-          disabled: o || n,
-          ...f,
-          variant: "text",
-          onClick: m(d),
-          children: l
-        }
-      )
-    },
-    p
-  );
-};
-export {
-  So as MainAction
-};

package/lib/components/ActionCell/SecondaryAction/SecondaryActions.mjs

@@ -1,34 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.mjs";
-import { createElement as p } from "react";
-import { IconDropdownButton as a } from "../../IconDropdownButton/IconDropdownButton.mjs";
-import { MenuItem as c } from "../../MenuItem/MenuItem.mjs";
-import l from "../../../node_modules/.pnpm/lucide-react@0.477.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.mjs";
-const k = ({
-  actions: e,
-  onActionClick: n,
-  tooltipPlacement: i,
-  isDisabled: m = !1
-}) => /* @__PURE__ */ t.jsx(
-  a,
-  {
-    icon: /* @__PURE__ */ t.jsx(l, {}),
-    variant: "text",
-    disabled: m,
-    children: e.map((o) => {
-      const { onClick: s, name: r } = o;
-      return /* @__PURE__ */ p(
-        c,
-        {
-          ...o,
-          key: r,
-          tooltipPlacement: i,
-          onClick: n(s)
-        },
-        r
-      );
-    })
-  }
-);
-export {
-  k as SecondaryActions
-};

package/lib/components/ActionCell/styles.mjs

@@ -1,11 +0,0 @@
-import "../../_virtual/jsx-runtime.mjs";
-import "../Button/styles.mjs";
-import "react";
-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 o = i("div")`
-  display: inline-flex;
-  align-items: center;
-`;
-export {
-  o as Wrapper
-};

package/lib/components/ActionCell/useLogic/useLogic.mjs

@@ -1,23 +0,0 @@
-import { useCallback as l } from "react";
-const p = ({
-  actions: s,
-  row: o
-}) => {
-  const { main: e, secondary: i } = s, a = e.some((n) => "actions" in n ? !1 : n?.isBlockingOperation && n?.loading), t = l(
-    (n) => () => {
-      n?.(o);
-    },
-    [o]
-  ), c = (n) => {
-    n.stopPropagation();
-  };
-  return {
-    isSecondaryActionsAvailable: i && i.length >= 1,
-    handleActionClick: t,
-    handleWrapperClick: c,
-    isDisabledAction: a
-  };
-};
-export {
-  p as useLogic
-};

package/lib/components/ActionGroup/ActionGroup.mjs

@@ -1,17 +0,0 @@
-import { j as o } from "../../_virtual/jsx-runtime.mjs";
-import { MainActions as a } from "./MainActions/MainActions.mjs";
-import { SecondaryActions as e } from "./SecondaryActions/SecondaryActions.mjs";
-import { SecondaryVisibleActions as m } from "./SecondaryVisibleActions/SecondaryVisibleActions.mjs";
-import { Wrapper as d } from "./styles.mjs";
-import { useLogic as p } from "./useLogic/useLogic.mjs";
-const u = (i) => {
-  const { disabledAction: s } = p(i), { main: r, secondary: t, secondaryVisible: n, className: c } = i;
-  return /* @__PURE__ */ o.jsxs(d, { className: c, children: [
-    t && /* @__PURE__ */ o.jsx(e, { isDisabled: s, actions: t }),
-    n && /* @__PURE__ */ o.jsx(m, { actions: n }),
-    r && /* @__PURE__ */ o.jsx(a, { isDisabled: s, actions: r })
-  ] });
-};
-export {
-  u as ActionGroup
-};

package/lib/components/ActionGroup/MainActions/MainActions.mjs

@@ -1,124 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.mjs";
-import "../../Accordion/Accordion.mjs";
-import "react";
-import "../../IconDropdownButton/IconDropdownButton.mjs";
-import { MenuItem as f } from "../../MenuItem/MenuItem.mjs";
-import "../../ActionCell/styles.mjs";
-import { StyledDropdownButton as B, StyledButton as O } from "./styles.mjs";
-import "../styles.mjs";
-import "../../Checkbox/Checkbox.mjs";
-import { Tooltip as s } from "../../Tooltip/Tooltip.mjs";
-import "../../Typography/styles.mjs";
-import "../../OverflowTypography/styles.mjs";
-import "../../Tag/Tag.mjs";
-import "../../FormHelperText/FormHelperTextContent/styles.mjs";
-import "../../Autocomplete/styles.mjs";
-import "../../Badge/styles.mjs";
-import "../../Button/styles.mjs";
-import "../../IconButton/styles.mjs";
-import "../../BottomDrawer/styles.mjs";
-import "../../CheckboxField/styles.mjs";
-import "../../Chevron/styles.mjs";
-import "../../ConfigProvider/ConfigProvider.mjs";
-import "../../ConfirmAction/styles.mjs";
-import "../../Dialog/styles.mjs";
-import "../../DialogActions/styles.mjs";
-import "../../DialogContent/styles.mjs";
-import "../../DialogContentText/styles.mjs";
-import "../../ConfirmDialog/styles.mjs";
-import "../../Container/styles.mjs";
-import "../../ErrorBoundary/ErrorBoundary.mjs";
-import "../../Placeholder/Image/Image.mjs";
-import "../../Placeholder/styles.mjs";
-import "../../ContentState/styles.mjs";
-import "../../CopyTypography/styles.mjs";
-import "../../DataGrid/Cell/styles.mjs";
-import "../../DataGrid/Row/styles.mjs";
-import "../../DataGrid/Body/styles.mjs";
-import "../../DataGrid/HeadCell/styles.mjs";
-import "../../DataGrid/Head/styles.mjs";
-import "../../DataGrid/Loader/styles.mjs";
-import "../../DataGrid/styles.mjs";
-import "../../DataGridActionCell/styles.mjs";
-import "../../TagsList/Tag/styles.mjs";
-import "../../TagsList/styles.mjs";
-import "../../Select/styles.mjs";
-import "../../DataGridPagination/styles.mjs";
-import "../../Description/Description.mjs";
-import "../../DescriptionList/styles.mjs";
-import "../../DescriptionTooltip/styles.mjs";
-import "../../DialogHeader/styles.mjs";
-import "../../MenuList/styles.mjs";
-import "../../Filename/Filename.mjs";
-import "../../FormControlLabel/styles.mjs";
-import "../../FormLabel/styles.mjs";
-import "../../Link/Link.mjs";
-import "../../ListItem/styles.mjs";
-import "../../ListItemIcon/ListItemIcon.mjs";
-import "../../NavMenu/Item/ItemButton/styles.mjs";
-import "../../Radio/styles.mjs";
-import "../../RadioField/styles.mjs";
-import "../../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
-import "../../SearchField/SearchField.mjs";
-import "../../Skeleton/styles.mjs";
-import "../../Slider/styles.mjs";
-import "../../Switch/Switch.mjs";
-import "../../Tab/styles.mjs";
-import "../../Tabs/styles.mjs";
-import "../../TagBadge/styles.mjs";
-const Gt = ({
-  actions: d,
-  isDisabled: o
-}) => /* @__PURE__ */ t.jsx(t.Fragment, { children: d.map((i) => {
-  if (Object.prototype.hasOwnProperty.call(i, "isNested")) {
-    const {
-      text: e,
-      isNested: w,
-      actions: x,
-      disabled: p,
-      disabledReason: u,
-      note: h,
-      isBlockingOperation: y,
-      ...j
-    } = i;
-    return /* @__PURE__ */ t.jsx(
-      s,
-      {
-        title: p ? u : h,
-        withoutContainer: !(o || p),
-        children: /* @__PURE__ */ t.jsx(
-          B,
-          {
-            ...j,
-            disabled: o || p,
-            name: e,
-            children: x.map(
-              ({ text: n, ...b }) => /* @__PURE__ */ t.jsx(f, { ...b, children: n }, n)
-            )
-          }
-        )
-      },
-      e
-    );
-  }
-  const {
-    text: m,
-    disabled: r,
-    disabledReason: a,
-    note: l,
-    isBlockingOperation: g,
-    ...c
-  } = i;
-  return /* @__PURE__ */ t.jsx(
-    s,
-    {
-      title: r ? a : l,
-      withoutContainer: !(o || r),
-      children: /* @__PURE__ */ t.jsx(O, { ...c, disabled: o || r, children: m })
-    },
-    m
-  );
-}) });
-export {
-  Gt as MainActions
-};

package/lib/components/ActionGroup/MainActions/styles.mjs

@@ -1,12 +0,0 @@
-import { Button as t } from "../../Button/Button.mjs";
-import { DropdownButton as r } from "../../DropdownButton/DropdownButton.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 p = o(t)`
-  flex-grow: 1;
-`, d = o(r)`
-  flex-grow: 1;
-`;
-export {
-  p as StyledButton,
-  d as StyledDropdownButton
-};