asma-ui-core 3.43.6 → 3.45.0

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

@@ -1,23 +1,22 @@
-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)" }
-    }
+import { cn as i } from "../../helpers/cn.js";
+import { CheckIcon as l } from "../CheckIcon.js";
+import { jsx as m, jsxs as s } from "react/jsx-runtime";
+var g = ({ children: n, selected: o, disabled: e, className: a, onClick: t }) => /* @__PURE__ */ s("li", {
+  role: "menuitem",
+  "aria-disabled": e ? !0 : void 0,
+  tabIndex: -1,
+  onClick: e ? void 0 : t,
+  onKeyDown: (r) => {
+    e || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), t?.(r));
   },
-  ...o,
-  children: [/* @__PURE__ */ a(r, {
+  className: i("flex items-center gap-x-1 p-2 text-base text-delta-700 outline-none", e ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", o && "bg-gama-50 hover:bg-gama-50", a),
+  children: [/* @__PURE__ */ m(l, {
     width: 24,
     height: 24,
-    color: o.selected ? "var(--colors-gama-500)" : "transparent",
+    color: o ? "var(--colors-gama-500)" : "transparent",
     style: { transition: "color 0.2s ease" }
-  }), o.children]
+  }), n]
 });
 export {
-  n as StyledMenuItem
+  g 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.43.6",
+    "version": "3.45.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",
@@ -61,6 +61,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",
@@ -73,39 +76,31 @@
         "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",
         "@storybook/addon-themes": "^10.3.3",
         "@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",
@@ -113,7 +108,6 @@
         "@vitejs/plugin-react": "^6.0.1",
         "@vitest/browser-playwright": "^4.0.16",
         "autoprefixer": "^10.4.27",
-        "axe-playwright": "^1.2.3",
         "chromatic": "^13.3.4",
         "eslint": "^9.39.2",
         "eslint-plugin-better-tailwindcss": "^3.8.0",
@@ -145,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/src/styles/components-colors/inputVariables.css

@@ -2,49 +2,51 @@
 [data-theme='fretex'],
 [data-theme='greenish'] {
     /* input Active */
-    --colors-input-active-placeholder-color: var(--colors-gray-500);
+    --colors-input-active-placeholder-color: var(--colors-delta-500);
     --colors-input-active-bg-color: #ffffff;
-    --colors-input-active-hover-bg-color: var(--colors-gray-10);
-    --colors-input-active-active-bg-color: var(--colors-gray-10);
-    --colors-input-active-focus-bg-color: var(--colors-gray-10);
+    --colors-input-active-hover-bg-color: var(--colors-delta-10);
+    --colors-input-active-active-bg-color: var(--colors-delta-10);
+    --colors-input-active-focus-bg-color: var(--colors-delta-10);
     --colors-input-active-disabled-bg-color: transparent;
-    --colors-input-active-text-color: var(--colors-gray-800);
-    --colors-input-active-hover-text-color: var(--colors-gray-800);
-    --colors-input-active-active-text-color: var(--colors-gray-800);
-    --colors-input-active-focus-text-color: var(--colors-gray-800);
-    --colors-input-active-disabled-text-color: var(--colors-gray-300);
-    --colors-input-active-outline-color: var(--colors-gray-500);
-    --colors-input-active-hover-outline-color: var(--colors-gray-800);
-    --colors-input-active-active-outline-color: var(--colors-gray-800);
-    --colors-input-active-focus-outline-color: var(--colors-gama-500);
-    --colors-input-active-disabled-outline-color: var(--colors-gray-300);
+    --colors-input-active-text-color: var(--colors-delta-800);
+    --colors-input-active-hover-text-color: var(--colors-delta-800);
+    --colors-input-active-active-text-color: var(--colors-delta-800);
+    --colors-input-active-focus-text-color: var(--colors-delta-800);
+    --colors-input-active-disabled-text-color: var(--colors-delta-300);
+    /* Figma Input field (node 15561-37391): enabled border delta-500 #7a899e; hover border/hover
+       gama-300 #60bdbd (2px); focus border/focus gama-400 #1ca1a1 (2px); disabled delta-300. */
+    --colors-input-active-outline-color: var(--colors-delta-500);
+    --colors-input-active-hover-outline-color: var(--colors-gama-300);
+    --colors-input-active-active-outline-color: var(--colors-gama-400);
+    --colors-input-active-focus-outline-color: var(--colors-gama-400);
+    --colors-input-active-disabled-outline-color: var(--colors-delta-300);
     --input-active-cursor: text;
     --input-active-hover-cursor: text;
     --input-active-active-cursor: text;
     --input-active-focus-cursor: text;
     --input-active-disabled-cursor: default;
     --input-active-outline-width: 1px;
-    --input-active-hover-outline-width: 1px;
-    --input-active-active-outline-width: 1px;
+    --input-active-hover-outline-width: 2px;
+    --input-active-active-outline-width: 2px;
     --input-active-focus-outline-width: 2px;
     --input-active-disabled-outline-width: 1px;
     /* Input Error */
-    --colors-input-error-placeholder-color: var(--colors-error-700);
+    --colors-input-error-placeholder-color: var(--colors-error-500);
     --colors-input-error-bg-color: var(--colors-error-100);
     --colors-input-error-hover-bg-color: var(--colors-error-100);
     --colors-input-error-active-bg-color: var(--colors-error-100);
     --colors-input-error-focus-bg-color: var(--colors-error-100);
     --colors-input-error-disabled-bg-color: var(--colors-error-100);
-    --colors-input-error-text-color: var(--colors-error-700);
-    --colors-input-error-hover-text-color: var(--colors-error-700);
-    --colors-input-error-active-text-color: var(--colors-error-700);
-    --colors-input-error-focus-text-color: var(--colors-error-700);
-    --colors-input-error-disabled-text-color: var(--colors-error-700);
-    --colors-input-error-outline-color: var(--colors-error-700);
-    --colors-input-error-hover-outline-color: var(--colors-error-700);
-    --colors-input-error-active-outline-color: var(--colors-error-700);
-    --colors-input-error-focus-outline-color: var(--colors-error-700);
-    --colors-input-error-disabled-outline-color: var(--colors-error-700);
+    --colors-input-error-text-color: var(--colors-error-500);
+    --colors-input-error-hover-text-color: var(--colors-error-500);
+    --colors-input-error-active-text-color: var(--colors-error-500);
+    --colors-input-error-focus-text-color: var(--colors-error-500);
+    --colors-input-error-disabled-text-color: var(--colors-error-500);
+    --colors-input-error-outline-color: var(--colors-error-500);
+    --colors-input-error-hover-outline-color: var(--colors-error-500);
+    --colors-input-error-active-outline-color: var(--colors-error-500);
+    --colors-input-error-focus-outline-color: var(--colors-error-500);
+    --colors-input-error-disabled-outline-color: var(--colors-error-500);
     --input-error-cursor: text;
     --input-error-hover-cursor: text;
     --input-error-active-cursor: text;
@@ -56,17 +58,17 @@
     --input-error-focus-outline-width: 2px;
     --input-error-disabled-outline-width: 1px;
     /* input notEditable */
-    --colors-input-notEditable-placeholder-color: var(--colors-gray-800);
-    --colors-input-notEditable-bg-color: var(--colors-gray-50);
-    --colors-input-notEditable-hover-bg-color: var(--colors-gray-50);
-    --colors-input-notEditable-active-bg-color: var(--colors-gray-50);
-    --colors-input-notEditable-focus-bg-color: var(--colors-gray-50);
-    --colors-input-notEditable-disabled-bg-color: var(--colors-gray-50);
-    --colors-input-notEditable-text-color: var(--colors-gray-800);
-    --colors-input-active-hover-text-color: var(--colors-gray-800);
-    --colors-input-notEditable-active-text-color: var(--colors-gray-800);
-    --colors-input-notEditable-focus-text-color: var(--colors-gray-800);
-    --colors-input-notEditable-disabled-text-color: var(--colors-gray-300);
+    --colors-input-notEditable-placeholder-color: var(--colors-delta-800);
+    --colors-input-notEditable-bg-color: var(--colors-delta-50);
+    --colors-input-notEditable-hover-bg-color: var(--colors-delta-50);
+    --colors-input-notEditable-active-bg-color: var(--colors-delta-50);
+    --colors-input-notEditable-focus-bg-color: var(--colors-delta-50);
+    --colors-input-notEditable-disabled-bg-color: var(--colors-delta-50);
+    --colors-input-notEditable-text-color: var(--colors-delta-800);
+    --colors-input-active-hover-text-color: var(--colors-delta-800);
+    --colors-input-notEditable-active-text-color: var(--colors-delta-800);
+    --colors-input-notEditable-focus-text-color: var(--colors-delta-800);
+    --colors-input-notEditable-disabled-text-color: var(--colors-delta-300);
     --input-notEditable-cursor: default;
     --input-notEditable-hover-cursor: default;
     --input-notEditable-active-cursor: default;
@@ -79,24 +81,24 @@
     --input-notEditable-disabled-outline-width: 0px;
     /* input disabled */
     --colors-input-disabled-disabled-outline-width: 1px;
-    --colors-input-disabled-disabled-outline-color: var(--colors-gray-300);
-    --colors-input-disabled-disabled-text-color: var(--colors-gray-300);
-    --colors-input-disabled-placeholder-color: var(--colors-gray-300);
+    --colors-input-disabled-disabled-outline-color: var(--colors-delta-300);
+    --colors-input-disabled-disabled-text-color: var(--colors-delta-300);
+    --colors-input-disabled-placeholder-color: var(--colors-delta-300);
     --colors-input-disabled-disabled-bg-color: #ffffff;
     --input-disabled-disabled-outline-width: 1px;
 
     /* input readOnly */
-    --colors-input-readOnly-placeholder-color: var(--colors-gray-800);
+    --colors-input-readOnly-placeholder-color: var(--colors-delta-800);
     --colors-input-readOnly-bg-color: transparent;
     --colors-input-readOnly-hover-bg-color: transparent;
     --colors-input-readOnly-active-bg-color: transparent;
     --colors-input-readOnly-focus-bg-color: transparent;
     --colors-input-readOnly-disabled-bg-color: transparent;
-    --colors-input-readOnly-text-color: var(--colors-gray-800);
-    --colors-input-active-hover-text-color: var(--colors-gray-800);
-    --colors-input-readOnly-active-text-color: var(--colors-gray-800);
-    --colors-input-readOnly-focus-text-color: var(--colors-gray-800);
-    --colors-input-readOnly-active-text-color: var(--colors-gray-300);
+    --colors-input-readOnly-text-color: var(--colors-delta-800);
+    --colors-input-active-hover-text-color: var(--colors-delta-800);
+    --colors-input-readOnly-active-text-color: var(--colors-delta-800);
+    --colors-input-readOnly-focus-text-color: var(--colors-delta-800);
+    --colors-input-readOnly-active-text-color: var(--colors-delta-300);
     --input-readOnly-cursor: text;
     --input-readOnly-hover-cursor: text;
     --input-readOnly-active-cursor: text;
@@ -108,15 +110,15 @@
     --input-readOnly-focus-outline-width: 0px;
     --input-readOnly-disabled-outline-width: 0px;
     /* input Label */
-    --colors-input-label-active-text-color: var(--colors-gray-800);
-    --colors-input-label-error-text-color: var(--colors-error-700);
-    --colors-input-label-disabled-text-color: var(--colors-gray-300);
-    --colors-input-label-notEditable-text-color: var(--colors-gray-800);
-    --colors-input-label-readOnly-text-color: var(--colors-gray-800);
+    --colors-input-label-active-text-color: var(--colors-delta-800);
+    --colors-input-label-error-text-color: var(--colors-error-500);
+    --colors-input-label-disabled-text-color: var(--colors-delta-300);
+    --colors-input-label-notEditable-text-color: var(--colors-delta-800);
+    --colors-input-label-readOnly-text-color: var(--colors-delta-800);
     /* input Description */
-    --colors-input-description-active-text-color: var(--colors-gray-600);
-    --colors-input-description-error-text-color: var(--colors-error-700);
-    --colors-input-description-disabled-text-color: var(--colors-gray-300);
-    --colors-input-description-notEditable-text-color: var(--colors-gray-600);
-    --colors-input-description-readOnly-text-color: var(--colors-gray-600);
+    --colors-input-description-active-text-color: var(--colors-delta-600);
+    --colors-input-description-error-text-color: var(--colors-error-500);
+    --colors-input-description-disabled-text-color: var(--colors-delta-300);
+    --colors-input-description-notEditable-text-color: var(--colors-delta-600);
+    --colors-input-description-readOnly-text-color: var(--colors-delta-600);
 }

package/src/styles/index.css

@@ -9,6 +9,44 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+    /*
+     * Native Popover API elements (our top-layer overlays: StyledPopover / StyledSelect /
+     * StyledSelectAutocomplete, and thus StyledMenu + the date-picker calendar) ship UA-default
+     * chrome — a solid border, 0.25em padding, `inset: 0` + `margin: auto`. Neutralise it so each
+     * component controls its own look (otherwise a popover that doesn't set a border shows the black
+     * UA outline — e.g. the calendar). `:where()` keeps 0 specificity, so any component class
+     * (border-delta-300, py-1, …) or inline style still wins. Prevents this class of regression for
+     * every current and future top-layer popover.
+     */
+    :where([popover]) {
+        margin: 0;
+        inset: auto;
+        border: 0;
+        padding: 0;
+        background: transparent;
+    }
+}
+
+/*
+ * Respect OS-level "reduce motion" (WCAG 2.3.3) across every component in one place instead of
+ * gating each `transition-*`/`animate-*` Tailwind class individually. Left unlayered (not
+ * `@tailwind utilities`) with `!important` — the standard technique for this rule (e.g. web.dev's
+ * "one rule to reduce motion") — so it wins over any Tailwind transition/animation/duration utility
+ * regardless of that utility's own layer/specificity. Near-zero (not `0s`/`none`) keeps
+ * `transitionend`/`animationend` still firing for any code awaiting them.
+ */
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+        scroll-behavior: auto !important;
+    }
+}
+
 @layer utilities {
     .border-solid {
         border-style: solid;

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/icons/arrow-expand/ArrowExpand.js

@@ -1,18 +0,0 @@
-import "react";
-import { jsx as r } from "react/jsx-runtime";
-function h(t) {
-  return /* @__PURE__ */ r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    ...t,
-    children: /* @__PURE__ */ r("path", {
-      fill: "currentColor",
-      d: "M10 21v-2H6.41l4.5-4.5l-1.41-1.41l-4.5 4.5V14H3v7zm4.5-10.09l4.5-4.5V10h2V3h-7v2h3.59l-4.5 4.5z"
-    })
-  });
-}
-export {
-  h as ArrowExpand
-};

package/dist/components/icons/arrow-expand/index.js

@@ -1 +0,0 @@
-export * from './ArrowExpand.js'

package/dist/components/icons/arrow-shrink/ArrowShrink.js

@@ -1,18 +0,0 @@
-import "react";
-import { jsx as r } from "react/jsx-runtime";
-function i(h) {
-  return /* @__PURE__ */ r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 24 24",
-    ...h,
-    children: /* @__PURE__ */ r("path", {
-      fill: "currentColor",
-      d: "M19.5 3.09L15 7.59V4h-2v7h7V9h-3.59l4.5-4.5zM4 13v2h3.59l-4.5 4.5l1.41 1.41l4.5-4.5V20h2v-7z"
-    })
-  });
-}
-export {
-  i as ArrowShrink
-};

package/dist/components/icons/arrow-shrink/index.js

@@ -1 +0,0 @@
-export * from './ArrowShrink.js'

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/components/date-picker/components/HelperTextWithTooltip.js

@@ -1,39 +0,0 @@
-import { cn as a } from "../../../helpers/cn.js";
-import { OutlineErrorRounded as s } from "../../../shared-components/OutlineErrorRounded.js";
-import { StyledTooltip as m } from "../../../shared-components/StyledTooltip.js";
-import "react";
-import { Fragment as d, jsx as r, jsxs as p } from "react/jsx-runtime";
-var b = ({ text: e, hasError: i }) => {
-  if (typeof e != "string") return /* @__PURE__ */ r(d, { children: e });
-  const t = i ? 35 : 40, o = e.length > t, n = o ? e.slice(0, t) + "…" : e, l = /* @__PURE__ */ p("div", {
-    className: "flex items-start gap-1",
-    children: [/* @__PURE__ */ r("div", {
-      className: a("flex", "transform-gpu transition-all duration-300 ease-in-out"),
-      children: i && /* @__PURE__ */ r(s, {
-        width: 20,
-        height: 20,
-        color: "var(--colors-error-500)"
-      })
-    }), /* @__PURE__ */ r("span", {
-      className: "flex-1 break-words pt-[2px] text-left leading-4",
-      style: {
-        display: "-webkit-box",
-        WebkitLineClamp: 2,
-        WebkitBoxOrient: "vertical",
-        overflow: "hidden",
-        maxHeight: 32,
-        fontFamily: "roboto, sans-serif"
-      },
-      children: n
-    })]
-  });
-  return o ? /* @__PURE__ */ r(m, {
-    title: e,
-    placement: "right",
-    arrow: !0,
-    children: /* @__PURE__ */ r("span", { children: l })
-  }) : l;
-};
-export {
-  b as HelperTextWithTooltip
-};

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
-};