asma-ui-core 3.34.0 → 3.36.0

package/dist/table/shared-components/StyledMenuItem.js

@@ -1,21 +1,15 @@
-import t from "clsx";
-import { MenuItem as r } from "@mui/material";
-import { jsx as e } from "react/jsx-runtime";
-var m = (o) => /* @__PURE__ */ e(r, {
-  ...o,
-  classes: {
-    root: t("px-3 py-2.5", o.classes?.root),
-    ...o.classes
-  },
-  sx: {
-    "&.Mui-disabled": {
-      pointerEvents: "auto",
-      cursor: "not-allowed",
-      "&:hover": { backgroundColor: "transparent !important" }
-    },
-    ...o.sx
-  }
+import { cn as l } from "../helpers/cn.js";
+import { jsx as c } from "react/jsx-runtime";
+var s = ({ children: o, disabled: e, selected: r, className: t, classes: n, onClick: i, onMouseDown: m, onMouseUp: a }) => /* @__PURE__ */ c("li", {
+  role: "menuitem",
+  "aria-disabled": e ? !0 : void 0,
+  tabIndex: -1,
+  onClick: e ? void 0 : i,
+  onMouseDown: m,
+  onMouseUp: a,
+  className: l("flex items-center px-3 py-2.5 outline-none", e ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", r && "bg-gama-50", n?.root, t),
+  children: o
 });
 export {
-  m as StyledMenuItem
+  s as StyledMenuItem
 };

package/dist/table/shared-components/menu-item/index.js

@@ -1,23 +1,19 @@
-import { CheckIcon as r } from "../CheckIcon.js";
-import { MenuItem as e } from "@mui/material";
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
-var n = (o) => /* @__PURE__ */ t(e, {
-  classes: { root: "flex gap-x-1" },
-  sx: {
-    padding: "8px",
-    "&.Mui-selected": {
-      backgroundColor: "var(--colors-gama-50)",
-      "&:hover": { backgroundColor: "var(--colors-gama-50)" }
-    }
-  },
-  ...o,
-  children: [/* @__PURE__ */ a(r, {
+import { cn as n } from "../../helpers/cn.js";
+import { CheckIcon as i } from "../CheckIcon.js";
+import { jsx as m, jsxs as l } from "react/jsx-runtime";
+var p = ({ children: e, selected: r, disabled: o, className: t, onClick: a }) => /* @__PURE__ */ l("li", {
+  role: "menuitem",
+  "aria-disabled": o ? !0 : void 0,
+  tabIndex: -1,
+  onClick: o ? void 0 : a,
+  className: n("flex items-center gap-x-1 p-2 outline-none", o ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", r && "bg-gama-50 hover:bg-gama-50", t),
+  children: [/* @__PURE__ */ m(i, {
     width: 24,
     height: 24,
-    color: o.selected ? "var(--colors-gama-500)" : "transparent",
+    color: r ? "var(--colors-gama-500)" : "transparent",
     style: { transition: "color 0.2s ease" }
-  }), o.children]
+  }), e]
 });
 export {
-  n as StyledMenuItem
+  p as StyledMenuItem
 };

package/dist/table/shared-components/tooltip/index.js

@@ -1,29 +1,10 @@
-import { Tooltip as o } from "@mui/material";
+import { StyledTooltip as t } from "../../../components/data-display/tooltip/StyledTooltip.js";
 import { jsx as r } from "react/jsx-runtime";
-import p from "@mui/material/Fade";
-var m = (t) => /* @__PURE__ */ r(o, {
-  slots: { transition: p },
-  slotProps: {
-    transition: { timeout: 300 },
-    tooltip: { sx: {
-      borderRadius: "3px !important",
-      "& .MuiTooltip-arrow": { color: "#363E4A !important" },
-      color: "white !important",
-      boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.25) !important",
-      display: "flex !important",
-      padding: "4px 8px !important",
-      alignItems: "center !important",
-      fontSize: "12px !important",
-      lineHeight: "16px !important",
-      letterSpacing: " 0.24px !important",
-      bgcolor: "#363E4A !important",
-      wordBreak: "break-word !important"
-    } }
-  },
+var l = (o) => /* @__PURE__ */ r(t, {
   arrow: !0,
   placement: "top",
-  ...t
+  ...o
 });
 export {
-  m as StyledTooltip
+  l as StyledTooltip
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.34.0",
+    "version": "3.36.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",
@@ -60,6 +60,9 @@
         "storybook": "storybook dev -p 6006",
         "storybook:no-browser": "storybook dev -p 6006 --no-open",
         "build-storybook": "export NODE_OPTIONS=--max_old_space_size=6240 && storybook build",
+        "vrt": "bash scripts/vrt.sh check",
+        "vrt:accept": "bash scripts/vrt.sh accept",
+        "vrt:report": "playwright show-report",
         "test-storybook": "npx vitest --project=storybook",
         "changeset:pre-beta": "changeset pre enter beta",
         "changeset:pre-exit": "changeset pre exit",
@@ -72,31 +75,24 @@
         "node": ">=24 <25"
     },
     "dependencies": {
-        "@base-ui/react": "^1.5.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^8.0.0",
         "@dnd-kit/utilities": "^3.2.2",
-        "@react-input/mask": "^1.2.5",
+        "@floating-ui/react": "^0.27.19",
         "@tanstack/react-table": "^8.21.3",
         "@tanstack/react-virtual": "^3.13.21",
         "clsx": "^1.2.1",
         "date-fns": "^3.6.0",
-        "lodash-es": "^4.18.1",
-        "material-ui-popup-state": "^5.3.6",
         "notistack": "^3.0.2",
-        "react-day-picker": "^9.14.0",
-        "tailwind-merge": "^2.5.2"
+        "react-day-picker": "^9.14.0"
     },
     "devDependencies": {
         "@changesets/cli": "^2.26.2",
         "@chromatic-com/storybook": "^5.1.1",
-        "@emotion/react": "^11.11.1",
-        "@emotion/styled": "^11.11.0",
-        "@mui/material": "^9.0.1",
-        "@faker-js/faker": "^8.0.2",
-        "@tippyjs/react": "^4.2.6",
         "@eslint/js": "^9.39.2",
+        "@faker-js/faker": "^8.0.2",
+        "@playwright/test": "1.60.0",
         "@storybook/addon-a11y": "10.3.3",
         "@storybook/addon-docs": "10.3.3",
         "@storybook/addon-links": "10.3.3",
@@ -104,7 +100,7 @@
         "@storybook/addon-vitest": "10.3.3",
         "@storybook/react-vite": "10.3.3",
         "@storybook/test-runner": "^0.24.3",
-        "@types/lodash-es": "^4.17.7",
+        "@tippyjs/react": "^4.2.6",
         "@types/node": "^24.12.4",
         "@types/react": "^18.3.23",
         "@types/react-copy-to-clipboard": "^5.0.7",
@@ -143,9 +139,6 @@
         "vitest": "^4.0.16"
     },
     "peerDependencies": {
-        "@emotion/react": "^11.*",
-        "@emotion/styled": "^11.*",
-        "@mui/material": "^9.0.0",
         "react": "^18.0.0 || ^19.0.0",
         "react-dom": "^18.0.0 || ^19.0.0"
     },

package/dist/components/feedback/dialog/StyledDialogActions.module.js

@@ -1,8 +0,0 @@
-var t = {
-  "styled-dialog-actions-root": "_styled-dialog-actions-root_3l3r7_1",
-  "styled-dialog-actions": "_styled-dialog-actions_3l3r7_1",
-  "action-button-wrapper": "_action-button-wrapper_3l3r7_17"
-};
-export {
-  t as default
-};

package/dist/components/feedback/dialog/StyledDialogContent.module.js

@@ -1,4 +0,0 @@
-var t = { "styled-dialog-content": "_styled-dialog-content_d2vki_1" };
-export {
-  t as default
-};

package/dist/components/feedback/dialog/StyledDialogTitle.module.js

@@ -1,4 +0,0 @@
-var t = { "styled-dialog-title-root": "_styled-dialog-title-root_mcspk_1" };
-export {
-  t as default
-};

package/dist/components/inputs/checkbox/StyledCheckbox.js

@@ -1,20 +0,0 @@
-import { Checkbox as r } from "@mui/material";
-import { jsx as i } from "react/jsx-runtime";
-var c = ({ dataTest: t, ...o }) => /* @__PURE__ */ i(r, {
-  ...o,
-  "data-testid": t,
-  sx: {
-    ...o.sx,
-    "&.MuiCheckbox-root": { color: "var(--colors-delta-500) !important" },
-    "&.MuiCheckbox-root.Mui-checked": { color: "var(--colors-gama-500) !important" },
-    "&.MuiCheckbox-root.MuiCheckbox-indeterminate": { color: "var(--colors-gama-500) !important" },
-    "&.MuiCheckbox-root.Mui-disabled": { color: "var(--colors-delta-200) !important" },
-    "&.MuiCheckbox-root .PrivateSwitchBase-input": {
-      height: "100% !important",
-      width: "100% !important"
-    }
-  }
-});
-export {
-  c as StyledCheckbox
-};

package/dist/components/inputs/radio-button/StyledRadio.js

@@ -1,17 +0,0 @@
-import { Radio as r } from "@mui/material";
-import { jsx as a } from "react/jsx-runtime";
-var e = ({ dataTest: o, ...t }) => /* @__PURE__ */ a(r, {
-  ...t,
-  "data-testid": o,
-  sx: {
-    "&": { color: "var(--colors-delta-500)" },
-    "& input": {
-      height: "100% !important",
-      width: "100% !important"
-    },
-    "&.Mui-checked": { color: "var(--colors-gama-500)" }
-  }
-});
-export {
-  e as StyledRadio
-};

package/dist/datetime/shared-components/ExpandIcon.js

@@ -1,18 +0,0 @@
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-function i(r) {
-  return /* @__PURE__ */ t("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    ...r,
-    children: /* @__PURE__ */ t("path", {
-      fill: "currentColor",
-      d: "M12 14.95q-.2 0-.375-.062t-.325-.213l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213T12 14.95"
-    })
-  });
-}
-export {
-  i as ExpandIcon
-};

package/dist/datetime/shared-components/StyledFormControl.js

@@ -1,23 +0,0 @@
-import { FormControl as r } from "@mui/material";
-import { jsx as t } from "react/jsx-runtime";
-var l = (o) => /* @__PURE__ */ t(r, {
-  ...o,
-  sx: {
-    ...o.sx,
-    "& label.MuiInputLabel-shrink": {
-      background: "white !important",
-      color: "var(--colors-delta-500) !important"
-    },
-    "& label.MuiInputLabel-shrink.Mui-focused": {
-      background: "white !important",
-      color: "var(--colors-gama-500) !important"
-    },
-    "& label.MuiInputLabel-shrink.Mui-error.Mui-focused": {
-      background: "white !important",
-      color: "var(--colors-red-500) !important"
-    }
-  }
-});
-export {
-  l as StyledFormControl
-};

package/dist/datetime/shared-components/StyledInputField.js

@@ -1,47 +0,0 @@
-import { TextField as i } from "@mui/material";
-import { jsx as a } from "react/jsx-runtime";
-var d = ({ readOnly: o, disabled: t, dataTest: e, ...r }) => /* @__PURE__ */ a(i, {
-  ...r,
-  "data-test": e,
-  disabled: !!t || !!o,
-  type: r.type ?? "mui-input",
-  sx: {
-    "& input:-webkit-autofill, & .MuiInputBase-root:has(> input:-webkit-autofill)": { backgroundColor: "#e8f0fe !important" },
-    "& input": { backgroundColor: "transparent" },
-    "& .MuiInputBase-root": { backgroundColor: "transparent" },
-    "& .MuiInputBase-colorPrimary fieldset": { borderColor: "var(--colors-delta-500) !important" },
-    "& .MuiInputBase-colorPrimary.Mui-focused fieldset": { borderColor: "var(--colors-gama-500) !important" },
-    "& .MuiInputBase-colorPrimary.Mui-focused::after": { borderColor: "var(--colors-gama-500) !important" },
-    "& .MuiInputBase-colorPrimary:hover fieldset": {
-      borderColor: "var(--colors-gama-300) !important",
-      borderWidth: "2px !important"
-    },
-    "& .MuiInputBase-colorPrimary.Mui-disabled:hover fieldset": { borderWidth: "1px !important" },
-    "& .MuiInputBase-colorPrimary.Mui-focused:hover fieldset": { borderColor: "var(--colors-gama-500) !important" },
-    "& .MuiInputBase-colorPrimary.Mui-error fieldset": { borderColor: "var(--colors-error-500) !important" },
-    "& .MuiInputBase-colorPrimary.Mui-error:hover fieldset": { borderColor: "var(--colors-error-500) !important" },
-    "& .MuiFormHelperText-root": { fontSize: "14px" },
-    "& .MuiFormHelperText-root.Mui-error": {
-      color: "var(--colors-error-500) !important",
-      marginLeft: 0
-    },
-    "& .MuiInputBase-colorPrimary.Mui-disabled fieldset": { borderColor: "var(--colors-delta-300) !important" },
-    "& label.Mui-focused": { color: "var(--colors-gama-500) !important" },
-    "& label.Mui-focused.Mui-error": { color: "var(--colors-error-500) !important" },
-    "& label.Mui-disabled": { color: "var(--colors-delta-300) !important" },
-    "& .MuiOutlinedInput-input::placeholder": {
-      color: "#666666",
-      opacity: "100"
-    },
-    "& .MuiOutlinedInput-input.Mui-disabled": { WebkitTextFillColor: "var(--colors-delta-300) !important" },
-    ...o && {
-      "& .MuiOutlinedInput-input.Mui-disabled": { WebkitTextFillColor: "var(--colors-delta-800) !important" },
-      "& .MuiInputBase-colorPrimary.Mui-disabled": { backgroundColor: "var(--colors-delta-10) !important" },
-      "& .MuiInputBase-colorPrimary.Mui-disabled fieldset": { borderColor: "var(--colors-delta-200) !important" }
-    },
-    ...r.sx
-  }
-});
-export {
-  d as StyledInputField
-};

package/dist/datetime/shared-components/StyledSelect.js

@@ -1,47 +0,0 @@
-import { ExpandIcon as i } from "./ExpandIcon.js";
-import a from "clsx";
-import { Select as m } from "@mui/material";
-import { jsx as r } from "react/jsx-runtime";
-var p = ({ dataTest: t, ...o }) => /* @__PURE__ */ r(m, {
-  ...o,
-  "data-test": t,
-  value: o.value,
-  IconComponent: ({ className: e, ...n }) => /* @__PURE__ */ r(i, {
-    ...n,
-    width: 24,
-    height: 24,
-    className: a(e),
-    style: { marginTop: "-3.5px" }
-  }),
-  sx: {
-    ".MuiOutlinedInput-notchedOutline": { borderColor: "var(--colors-delta-500) !important" },
-    "&.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: "var(--colors-gama-500) !important" },
-    "&.Mui-error .MuiOutlinedInput-notchedOutline": { borderColor: "var(--colors-error-500) !important" },
-    "& .MuiInputBase-colorPrimary.Mui-error fieldset": { borderColor: "var(--colors-error-500) !important" },
-    "&.Mui-focused::after": { borderColor: "transparent" },
-    transition: "none",
-    "&::before": {
-      transition: "none",
-      borderBottom: "none"
-    },
-    "&::after": { transition: "none" },
-    "&:hover::before": {
-      transition: "none",
-      borderBottom: "none"
-    },
-    ".MuiPaper-root": {
-      transition: "none !important",
-      animation: "none !important"
-    },
-    ".MuiMenuItem-root": {
-      transition: "none !important",
-      animation: "none !important"
-    },
-    "&:hover:not(.Mui-disabled, .Mui-error)::before": { borderBottom: "none" },
-    "&:focus::before": { borderBottom: "none" },
-    ...o.sx
-  }
-});
-export {
-  p as StyledSelect
-};

package/dist/datetime/shared-components/StyledSelectItem.js

@@ -1,13 +0,0 @@
-import { MenuItem as e } from "@mui/material";
-import { jsx as o } from "react/jsx-runtime";
-var n = (r) => /* @__PURE__ */ o(e, {
-  ...r,
-  sx: {
-    "&.MuiMenuItem-root": { fontSize: "14px !important" },
-    "&.Mui-selected": { backgroundColor: "var(--colors-gama-50) !important" }
-  },
-  children: r.children
-});
-export {
-  n as StyledSelectItem
-};

package/dist/datetime/shared-components/StyledTooltip.js

@@ -1,32 +0,0 @@
-import { Fade as i, Tooltip as e } from "@mui/material";
-import { jsx as l } from "react/jsx-runtime";
-import { mergeSlotProps as t } from "@mui/material/utils";
-var a = {
-  borderRadius: "3px",
-  "& .MuiTooltip-arrow": { color: "#363E4A" },
-  color: "white",
-  boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.25)",
-  display: "flex",
-  padding: "4px 8px",
-  alignItems: "center",
-  fontSize: "12px",
-  lineHeight: "16px",
-  letterSpacing: "0.24px",
-  bgcolor: "#363E4A",
-  wordBreak: "break-word"
-}, d = (r) => {
-  const { slotProps: o, ...p } = r;
-  return /* @__PURE__ */ l(e, {
-    placement: "top",
-    ...p,
-    slots: { transition: i },
-    slotProps: {
-      ...o,
-      transition: t(o?.transition, { timeout: 300 }),
-      tooltip: t(o?.tooltip, { sx: a })
-    }
-  });
-};
-export {
-  d as StyledTooltip
-};

package/dist/src/components/inputs/checkbox/StyledCheckbox.d.ts

@@ -1,4 +0,0 @@
-import { CheckboxProps } from '@mui/material';
-export declare const StyledCheckbox: React.FC<CheckboxProps & {
-    dataTest: string;
-}>;

package/dist/src/components/inputs/radio-button/StyledRadio.d.ts

@@ -1,4 +0,0 @@
-import { RadioProps } from '@mui/material';
-export declare const StyledRadio: ({ dataTest, ...props }: RadioProps & {
-    dataTest: string;
-}) => JSX.Element;

package/dist/src/components/inputs/radio-button/StyledRadioGroup.d.ts

@@ -1,4 +0,0 @@
-import { RadioGroupProps } from '@mui/material';
-export declare const StyledRadioGroup: ({ dataTest, ...props }: RadioGroupProps & {
-    dataTest: string;
-}) => JSX.Element;

package/dist/src/components/inputs/switch/StyledSwitch.d.ts

@@ -1,5 +0,0 @@
-import { SwitchProps as _SwitchProps } from '@mui/material';
-export type SwitchProps = _SwitchProps;
-export declare const StyledSwitch: ({ dataTest, disabled, ...props }: Omit<SwitchProps, "size"> & {
-    dataTest: string;
-}) => JSX.Element;

package/dist/src/components/utils/accordion/StyledAccordion.d.ts

@@ -1,2 +0,0 @@
-import { AccordionProps } from '@mui/material';
-export declare const StyledAccordion: ({ className, ...props }: AccordionProps) => JSX.Element;

package/dist/src/components/utils/accordion/StyledAccordionDetails.d.ts

@@ -1,2 +0,0 @@
-import { AccordionDetailsProps } from '@mui/material';
-export declare const StyledAccordionDetails: (props: AccordionDetailsProps) => JSX.Element;

package/dist/src/components/utils/accordion/StyledAccordionSummary.d.ts

@@ -1,8 +0,0 @@
-import { AccordionSummaryProps } from '@mui/material';
-type StyledAccordionSummarySize = 'small' | 'large';
-interface StyledAccordionSummaryProps extends AccordionSummaryProps {
-    size?: StyledAccordionSummarySize;
-    expandChevronRight?: boolean;
-}
-export declare const StyledAccordionSummary: ({ size, expandChevronRight, className, sx, children, ...rest }: StyledAccordionSummaryProps) => JSX.Element;
-export {};