asma-ui-core 3.44.0 → 3.45.0

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.44.0",
+    "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
-};

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

@@ -1,2 +0,0 @@
-import { SVGProps } from 'react';
-export declare function ArrowExpand(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/components/icons/arrow-expand/index.d.ts

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

package/dist/src/components/icons/arrow-shrink/ArrowShrink.d.ts

@@ -1,2 +0,0 @@
-import { SVGProps } from 'react';
-export declare function ArrowShrink(props: SVGProps<SVGSVGElement>): JSX.Element;

package/dist/src/components/icons/arrow-shrink/index.d.ts

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