@m4l/components 5.0.0 → 5.0.2

package/react-spinners-TpKN9lZg.js

@@ -1,123 +0,0 @@
-import * as React from "react";
-var cssUnit = {
-  cm: true,
-  mm: true,
-  in: true,
-  px: true,
-  pt: true,
-  pc: true,
-  em: true,
-  ex: true,
-  ch: true,
-  rem: true,
-  vw: true,
-  vh: true,
-  vmin: true,
-  vmax: true,
-  "%": true
-};
-function parseLengthAndUnit(size) {
-  if (typeof size === "number") {
-    return {
-      value: size,
-      unit: "px"
-    };
-  }
-  var value;
-  var valueString = (size.match(/^[0-9.]*/) || "").toString();
-  if (valueString.includes(".")) {
-    value = parseFloat(valueString);
-  } else {
-    value = parseInt(valueString, 10);
-  }
-  var unit = (size.match(/[^0-9]*$/) || "").toString();
-  if (cssUnit[unit]) {
-    return {
-      value,
-      unit
-    };
-  }
-  console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
-  return {
-    value,
-    unit: "px"
-  };
-}
-var createAnimation = function(loaderName, frames, suffix) {
-  var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
-  if (typeof window == "undefined" || !window.document) {
-    return animationName;
-  }
-  var styleEl = document.createElement("style");
-  document.head.appendChild(styleEl);
-  var styleSheet = styleEl.sheet;
-  var keyFrames = "\n    @keyframes ".concat(animationName, " {\n      ").concat(frames, "\n    }\n  ");
-  if (styleSheet) {
-    styleSheet.insertRule(keyFrames, 0);
-  }
-  return animationName;
-};
-var __assign = function() {
-  __assign = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-        t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-var __rest = function(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-        t[p[i]] = s[p[i]];
-    }
-  return t;
-};
-var distance = [1, 3, 5];
-var propagate = [
-  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(-").concat(distance[2], "rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-0"),
-  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-1"),
-  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    75% {transform: translateX(-").concat(distance[0], "rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-2"),
-  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    75% {transform: translateX(").concat(distance[0], "rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-3"),
-  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-4"),
-  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[2], "rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-5")
-];
-function PropagateLoader(_a) {
-  var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 15 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
-  var _g = parseLengthAndUnit(size), value = _g.value, unit = _g.unit;
-  var wrapper = __assign({ display: "inherit", position: "relative" }, cssOverride);
-  var style = function(i) {
-    return {
-      position: "absolute",
-      fontSize: "".concat(value / 3).concat(unit),
-      width: "".concat(value).concat(unit),
-      height: "".concat(value).concat(unit),
-      background: color,
-      borderRadius: "50%",
-      animation: "".concat(propagate[i], " ").concat(1.5 / speedMultiplier, "s infinite"),
-      animationFillMode: "forwards"
-    };
-  };
-  if (!loading) {
-    return null;
-  }
-  return React.createElement(
-    "span",
-    __assign({ style: wrapper }, additionalprops),
-    React.createElement("span", { style: style(0) }),
-    React.createElement("span", { style: style(1) }),
-    React.createElement("span", { style: style(2) }),
-    React.createElement("span", { style: style(3) }),
-    React.createElement("span", { style: style(4) }),
-    React.createElement("span", { style: style(5) })
-  );
-}
-export {
-  PropagateLoader as P
-};

package/react-splitter-layout-C-JTsNGs.js

@@ -1,158 +0,0 @@
-import { g as getDefaultExportFromCjs } from "./commonjs-BfYxJMv3.js";
-import require$$1 from "prop-types";
-import React__default from "react";
-var lib = { exports: {} };
-(function(module, exports) {
-  !function(e, t) {
-    module.exports = t(require$$1, React__default);
-  }(window, function(e, t) {
-    return function(e2) {
-      var t2 = {};
-      function n(o) {
-        if (t2[o]) return t2[o].exports;
-        var r = t2[o] = { i: o, l: false, exports: {} };
-        return e2[o].call(r.exports, r, r.exports, n), r.l = true, r.exports;
-      }
-      return n.m = e2, n.c = t2, n.d = function(e3, t3, o) {
-        n.o(e3, t3) || Object.defineProperty(e3, t3, { enumerable: true, get: o });
-      }, n.r = function(e3) {
-        "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e3, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e3, "__esModule", { value: true });
-      }, n.t = function(e3, t3) {
-        if (1 & t3 && (e3 = n(e3)), 8 & t3) return e3;
-        if (4 & t3 && "object" == typeof e3 && e3 && e3.__esModule) return e3;
-        var o = /* @__PURE__ */ Object.create(null);
-        if (n.r(o), Object.defineProperty(o, "default", { enumerable: true, value: e3 }), 2 & t3 && "string" != typeof e3) for (var r in e3) n.d(o, r, function(t4) {
-          return e3[t4];
-        }.bind(null, r));
-        return o;
-      }, n.n = function(e3) {
-        var t3 = e3 && e3.__esModule ? function() {
-          return e3.default;
-        } : function() {
-          return e3;
-        };
-        return n.d(t3, "a", t3), t3;
-      }, n.o = function(e3, t3) {
-        return Object.prototype.hasOwnProperty.call(e3, t3);
-      }, n.p = "", n(n.s = 2);
-    }([function(t2, n) {
-      t2.exports = e;
-    }, function(e2, n) {
-      e2.exports = t;
-    }, function(e2, t2, n) {
-      e2.exports = n(3);
-    }, function(e2, t2, n) {
-      n.r(t2);
-      var o = n(1), r = n.n(o), i = n(0), a = n.n(i);
-      function s(e3) {
-        var t3 = e3.size || 0, n2 = e3.percentage ? "%" : "px", o2 = "layout-pane", i2 = {};
-        return e3.primary ? o2 += " layout-pane-primary" : e3.vertical ? i2.height = "".concat(t3).concat(n2) : i2.width = "".concat(t3).concat(n2), r.a.createElement("div", { className: o2, style: i2 }, e3.children);
-      }
-      s.propTypes = { vertical: a.a.bool, primary: a.a.bool, size: a.a.number, percentage: a.a.bool, children: a.a.oneOfType([a.a.arrayOf(a.a.node), a.a.node]) }, s.defaultProps = { vertical: false, primary: false, size: 0, percentage: false, children: [] };
-      var c = s;
-      function l(e3) {
-        return (l = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e4) {
-          return typeof e4;
-        } : function(e4) {
-          return e4 && "function" == typeof Symbol && e4.constructor === Symbol && e4 !== Symbol.prototype ? "symbol" : typeof e4;
-        })(e3);
-      }
-      function u(e3, t3) {
-        for (var n2 = 0; n2 < t3.length; n2++) {
-          var o2 = t3[n2];
-          o2.enumerable = o2.enumerable || false, o2.configurable = true, "value" in o2 && (o2.writable = true), Object.defineProperty(e3, o2.key, o2);
-        }
-      }
-      function p(e3) {
-        return (p = Object.setPrototypeOf ? Object.getPrototypeOf : function(e4) {
-          return e4.__proto__ || Object.getPrototypeOf(e4);
-        })(e3);
-      }
-      function d(e3, t3) {
-        return (d = Object.setPrototypeOf || function(e4, t4) {
-          return e4.__proto__ = t4, e4;
-        })(e3, t3);
-      }
-      function h(e3) {
-        if (void 0 === e3) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e3;
-      }
-      function f() {
-        if (document.body.createTextRange) {
-          var e3 = document.body.createTextRange();
-          e3.collapse(), e3.select();
-        } else window.getSelection ? window.getSelection().empty ? window.getSelection().empty() : window.getSelection().removeAllRanges && window.getSelection().removeAllRanges() : document.selection && document.selection.empty();
-      }
-      var y = function(e3) {
-        function t3(e4) {
-          var n3, o3, r2;
-          return function(e5, t4) {
-            if (!(e5 instanceof t4)) throw new TypeError("Cannot call a class as a function");
-          }(this, t3), o3 = this, (n3 = !(r2 = p(t3).call(this, e4)) || "object" !== l(r2) && "function" != typeof r2 ? h(o3) : r2).handleResize = n3.handleResize.bind(h(h(n3))), n3.handleMouseMove = n3.handleMouseMove.bind(h(h(n3))), n3.handleMouseUp = n3.handleMouseUp.bind(h(h(n3))), n3.handleTouchMove = n3.handleTouchMove.bind(h(h(n3))), n3.handleSplitterMouseDown = n3.handleSplitterMouseDown.bind(h(h(n3))), n3.state = { secondaryPaneSize: 0, resizing: false }, n3;
-        }
-        var n2, o2;
-        return function(e4, t4) {
-          if ("function" != typeof t4 && null !== t4) throw new TypeError("Super expression must either be null or a function");
-          e4.prototype = Object.create(t4 && t4.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t4 && d(e4, t4);
-        }(t3, r.a.Component), n2 = t3, (o2 = [{ key: "componentDidMount", value: function() {
-          var e4;
-          if (window.addEventListener("resize", this.handleResize), document.addEventListener("mouseup", this.handleMouseUp), document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("touchend", this.handleMouseUp), document.addEventListener("touchmove", this.handleTouchMove), void 0 !== this.props.secondaryInitialSize) e4 = this.props.secondaryInitialSize;
-          else {
-            var t4, n3 = this.container.getBoundingClientRect();
-            t4 = this.splitter ? this.splitter.getBoundingClientRect() : { width: 4, height: 4 }, e4 = this.getSecondaryPaneSize(n3, t4, { left: n3.left + (n3.width - t4.width) / 2, top: n3.top + (n3.height - t4.height) / 2 }, false);
-          }
-          this.setState({ secondaryPaneSize: e4 });
-        } }, { key: "componentDidUpdate", value: function(e4, t4) {
-          t4.secondaryPaneSize !== this.state.secondaryPaneSize && this.props.onSecondaryPaneSizeChange && this.props.onSecondaryPaneSizeChange(this.state.secondaryPaneSize), t4.resizing !== this.state.resizing && (this.state.resizing ? this.props.onDragStart && this.props.onDragStart() : this.props.onDragEnd && this.props.onDragEnd());
-        } }, { key: "componentWillUnmount", value: function() {
-          window.removeEventListener("resize", this.handleResize), document.removeEventListener("mouseup", this.handleMouseUp), document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("touchend", this.handleMouseUp), document.removeEventListener("touchmove", this.handleTouchMove);
-        } }, { key: "getSecondaryPaneSize", value: function(e4, t4, n3, o3) {
-          var r2, i2, a2, s2;
-          this.props.vertical ? (r2 = e4.height, i2 = t4.height, a2 = n3.top - e4.top) : (r2 = e4.width, i2 = t4.width, a2 = n3.left - e4.left), o3 && (a2 -= i2 / 2), a2 < 0 ? a2 = 0 : a2 > r2 - i2 && (a2 = r2 - i2);
-          var c2 = r2 - i2 - (s2 = 1 === this.props.primaryIndex ? a2 : r2 - i2 - a2);
-          return this.props.percentage && (s2 = 100 * s2 / r2, c2 = 100 * c2 / r2, i2 = 100 * i2 / r2, r2 = 100), c2 < this.props.primaryMinSize ? s2 = Math.max(s2 - (this.props.primaryMinSize - c2), 0) : s2 < this.props.secondaryMinSize && (s2 = Math.min(r2 - i2 - this.props.primaryMinSize, this.props.secondaryMinSize)), s2;
-        } }, { key: "handleResize", value: function() {
-          if (this.splitter && !this.props.percentage) {
-            var e4 = this.container.getBoundingClientRect(), t4 = this.splitter.getBoundingClientRect(), n3 = this.getSecondaryPaneSize(e4, t4, { left: t4.left, top: t4.top }, false);
-            this.setState({ secondaryPaneSize: n3 });
-          }
-        } }, { key: "handleMouseMove", value: function(e4) {
-          if (this.state.resizing) {
-            var t4 = this.container.getBoundingClientRect(), n3 = this.splitter.getBoundingClientRect(), o3 = this.getSecondaryPaneSize(t4, n3, { left: e4.clientX, top: e4.clientY }, true);
-            f(), this.setState({ secondaryPaneSize: o3 });
-          }
-        } }, { key: "handleTouchMove", value: function(e4) {
-          this.handleMouseMove(e4.changedTouches[0]);
-        } }, { key: "handleSplitterMouseDown", value: function() {
-          f(), this.setState({ resizing: true });
-        } }, { key: "handleMouseUp", value: function() {
-          this.setState(function(e4) {
-            return e4.resizing ? { resizing: false } : null;
-          });
-        } }, { key: "render", value: function() {
-          var e4 = this, t4 = "splitter-layout";
-          this.props.customClassName && (t4 += " ".concat(this.props.customClassName)), this.props.vertical && (t4 += " splitter-layout-vertical"), this.state.resizing && (t4 += " layout-changing");
-          var n3 = r.a.Children.toArray(this.props.children).slice(0, 2);
-          0 === n3.length && n3.push(r.a.createElement("div", null));
-          for (var o3 = [], i2 = 0 !== this.props.primaryIndex && 1 !== this.props.primaryIndex ? 0 : this.props.primaryIndex, a2 = 0; a2 < n3.length; ++a2) {
-            var s2 = true, l2 = null;
-            n3.length > 1 && a2 !== i2 && (s2 = false, l2 = this.state.secondaryPaneSize), o3.push(r.a.createElement(c, { vertical: this.props.vertical, percentage: this.props.percentage, primary: s2, size: l2 }, n3[a2]));
-          }
-          return r.a.createElement("div", { className: t4, ref: function(t5) {
-            e4.container = t5;
-          } }, o3[0], o3.length > 1 && r.a.createElement("div", { role: "separator", className: "layout-splitter", ref: function(t5) {
-            e4.splitter = t5;
-          }, onMouseDown: this.handleSplitterMouseDown, onTouchStart: this.handleSplitterMouseDown }), o3.length > 1 && o3[1]);
-        } }]) && u(n2.prototype, o2), t3;
-      }();
-      y.propTypes = { customClassName: a.a.string, vertical: a.a.bool, percentage: a.a.bool, primaryIndex: a.a.number, primaryMinSize: a.a.number, secondaryInitialSize: a.a.number, secondaryMinSize: a.a.number, onDragStart: a.a.func, onDragEnd: a.a.func, onSecondaryPaneSizeChange: a.a.func, children: a.a.arrayOf(a.a.node) }, y.defaultProps = { customClassName: "", vertical: false, percentage: false, primaryIndex: 0, primaryMinSize: 0, secondaryInitialSize: void 0, secondaryMinSize: 0, onDragStart: null, onDragEnd: null, onSecondaryPaneSizeChange: null, children: [] };
-      var m = y;
-      t2.default = m;
-    }]);
-  });
-})(lib);
-var libExports = lib.exports;
-const SplitterLayout = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
-export {
-  SplitterLayout as S
-};

package/styles/DragResizeWindow.styles-DN3i-6id.js

@@ -1,34 +0,0 @@
-const CONTAINER_QUERY_NAME = "window_root";
-const dragResizeWindowStyles = {
-  root: ({ theme, ownerState }) => ({
-    containerName: CONTAINER_QUERY_NAME,
-    containerType: "inline-size",
-    position: "absolute",
-    left: "0px",
-    top: "0px",
-    width: "0px",
-    height: "0px",
-    backgroundColor: theme.vars.palette.background.default,
-    prop2: 1,
-    ...ownerState?.hidden ? {
-      visibility: "hidden",
-      pointerEvents: "none"
-    } : {}
-  }),
-  iconResizeFormatterRoot: () => ({
-    containerName: CONTAINER_QUERY_NAME,
-    containerType: "inline-size",
-    position: "absolute",
-    left: "0px",
-    top: "0px",
-    width: "0px",
-    height: "0px",
-    backgroundColor: "gray",
-    prop2: 1,
-    cursor: "default"
-    // zIndex: ownerState.baseZindex || 0,
-  })
-};
-export {
-  dragResizeWindowStyles as d
-};

package/styles/DragResizeWindow.styles.d.ts

@@ -1,2 +0,0 @@
-import type { DragResizeWindowStyles } from '../components/DragResizeWindow/types';
-export declare const dragResizeWindowStyles: DragResizeWindowStyles;

package/styles/DynamicFilter.styles-D8LjTKKv.js

@@ -1,319 +0,0 @@
-import { alpha } from "@mui/material";
-import { c as containerQuery } from "../utils/containerQuery--I7HldoT.js";
-const CONTAINER_QUERY_NAME = "dynamic";
-const dynamicFilterStyles = {
-  root: {
-    containerName: CONTAINER_QUERY_NAME,
-    containerType: "inline-size",
-    width: "100%",
-    height: "auto",
-    padding: 0
-  },
-  innerContainer: ({ theme, ownerState }) => ({
-    display: "grid",
-    gridTemplateColumns: "auto 1fr auto",
-    gridTemplateAreas: '"input-filter applied-filters actions-filter"',
-    alignItems: "center",
-    justifyContent: "flex-start",
-    width: "100%",
-    height: "fit-content",
-    border: "1px solid",
-    borderRadius: "4px",
-    borderColor: theme.vars.palette.border?.primary,
-    background: theme.vars.palette.background.default,
-    [containerQuery(theme.breakpoints, CONTAINER_QUERY_NAME)]: {
-      minHeight: "auto",
-      height: "auto",
-      gridTemplateColumns: "1fr auto",
-      gridTemplateAreas: `"input-filter  actions-filter"
-                          "applied-filters applied-filters"`
-    },
-    "&:focus-within": {
-      borderColor: !ownerState.isValid ? theme.vars.palette.error.main : theme.vars.palette.primary?.focus
-    },
-    ...ownerState.isValid === false ? {
-      borderColor: theme.vars.palette.error.main
-    } : {}
-  }),
-  inputFilter: ({ theme }) => ({
-    gridArea: "input-filter",
-    display: "flex",
-    flexDirection: "row",
-    gap: "8px",
-    padding: "4px 6px 4px 4px",
-    height: "100%",
-    maxWidth: "135px",
-    width: "100%",
-    alignItems: "center",
-    borderTopLeftRadius: "4px",
-    borderBottomLeftRadius: "4px",
-    borderRight: "1px solid",
-    borderColor: theme.vars.palette.border?.primary,
-    [containerQuery(theme.breakpoints, CONTAINER_QUERY_NAME)]: {
-      height: "32px",
-      width: "100%",
-      maxWidth: "100%",
-      borderRight: "none"
-    },
-    [theme.breakpoints.down("sm")]: {
-      height: "44px",
-      justifyContent: "center"
-    }
-  }),
-  inputFilterInput: ({ theme }) => ({
-    ...theme.typography.body,
-    background: theme.vars.palette.background.default,
-    color: theme.vars.palette.text.secondary,
-    border: "1px solid",
-    borderColor: "transparent",
-    padding: "4px 8px",
-    width: "100%",
-    height: "100%",
-    "&::placeholder": {
-      color: theme.vars.palette.text.secondary
-    },
-    "&:focus-visible": {
-      color: theme.vars.palette.text.secondary,
-      border: "1px solid",
-      borderColor: theme.vars.palette.primary?.activeOpacity,
-      background: theme.vars.palette.primary?.activeOpacity,
-      BorderRadius: "2px",
-      outline: "none!important"
-    },
-    "&:hover": {
-      borderColor: theme.vars.palette.primary?.toneOpacity,
-      background: theme.vars.palette.background?.hover
-    }
-  }),
-  inputFilterIcon: {
-    visibility: "visible"
-  },
-  appliedFilters: ({ theme }) => ({
-    gridArea: "applied-filters",
-    width: "100%",
-    height: "fit-content",
-    paddingLeft: theme.spacing(1),
-    borderLeft: "none",
-    margin: "0px",
-    padding: "0px 4px",
-    [containerQuery(theme.breakpoints, CONTAINER_QUERY_NAME)]: {
-      height: "auto",
-      padding: "4px",
-      display: "flex",
-      borderTop: "1px solid ",
-      borderColor: theme.vars.palette.border?.secondary,
-      "&:has(div[class*=appliedFilterInnerContainer]:empty), &:empty": {
-        display: "none"
-      }
-    }
-  }),
-  appliedFilterInnerContainer: ({ theme }) => ({
-    padding: "2px",
-    gap: "4px",
-    height: "fit-content",
-    display: "flex",
-    flexWrap: "nowrap",
-    width: "100%",
-    justifyContent: "flex-start",
-    alignItems: "center",
-    [containerQuery(theme.breakpoints, CONTAINER_QUERY_NAME)]: {
-      height: "32px",
-      padding: 0,
-      margin: 0,
-      border: 0
-    },
-    [theme.breakpoints.down("sm")]: {
-      padding: 0,
-      height: "44px"
-    }
-  }),
-  appliedFilterChip: ({ theme }) => ({
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    overflow: "visible",
-    width: "auto",
-    height: "24px",
-    minHeight: theme.spacing(3),
-    paddingLeft: theme.spacing(1),
-    borderColor: alpha(`${theme.colorSchemes.finalTheme.palette.divider}`, 0.1),
-    border: "none",
-    borderRadius: "4px",
-    backgroundColor: theme.vars.palette.background?.surface,
-    color: theme.vars.palette.text.secondary,
-    ...theme.typography.body,
-    [theme.breakpoints.down("sm")]: {
-      height: "fit-content"
-    }
-  }),
-  appliedFilterChipIcon: {
-    visibility: "visible"
-  },
-  appliedFilterChipInfo: ({ theme }) => ({
-    ...theme.typography.body2,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    width: "auto",
-    height: "100%",
-    marginRight: theme.spacing(1),
-    marginLeft: theme.spacing(1),
-    whiteSpace: "nowrap",
-    border: "none",
-    backgroundColor: "transparent"
-  }),
-  appliedFilterChipInfoFieldName: ({ theme }) => ({
-    ...theme.typography.subtitle2,
-    color: theme.vars.palette.text.secondary
-  }),
-  appliedFilterChipInfoOperator: ({ theme }) => ({
-    ...theme.typography.body2,
-    marginLeft: theme.spacing(1.5),
-    fontStyle: "italic",
-    color: theme.vars.palette.text.secondary
-  }),
-  appliedFilterChipInfoOperands: ({ theme }) => ({
-    ...theme.typography.body2,
-    marginLeft: theme.spacing(1.5),
-    color: theme.vars.palette.text.secondary
-  }),
-  appliedFilterChipRemoveButton: {
-    visibility: "visible"
-  },
-  actions: ({ theme }) => ({
-    gridArea: "actions-filter",
-    display: "flex",
-    flexDirection: "row",
-    gap: "8px",
-    padding: "4px",
-    height: "100%",
-    alignItems: "center",
-    borderTopRightRadius: "4px",
-    borderBottomRightRadius: "4px",
-    borderLeft: "1px solid",
-    borderColor: theme.vars.palette.border?.primary
-  }),
-  actionsSkeletonButton: {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    width: "24px",
-    height: "24px"
-  },
-  actionsClearButton: {
-    visibility: "visible"
-  },
-  actionsSubmitButton: ({ theme, ownerState }) => ({
-    ...ownerState.isValid === false ? { border: `1px dashed ${theme.vars.palette.error.main}` } : {
-      visibility: "visible"
-    }
-  }),
-  popoverMenu: ({ theme }) => ({
-    "& .MuiPaper-root": {
-      display: "flex",
-      flexDirection: "column",
-      padding: "8px !important",
-      gap: "4px",
-      borderRadius: "6px",
-      [theme.breakpoints.down("md")]: {
-        gap: "4px"
-      },
-      "& .M4LPopover-arrowStyle": {
-        display: "none"
-      }
-    }
-  }),
-  popoverMenuItem: ({ theme }) => ({
-    paddingLeft: "4px",
-    paddingRight: "4px",
-    borderRadius: "4px",
-    "&:hover": {
-      ...theme.typography.body,
-      color: theme.vars.palette.primary?.hover,
-      background: theme.vars.palette.background?.surface,
-      borderRadius: "4px",
-      padding: "4px 12px 4px 8px"
-    }
-  }),
-  popoverMenuItemLabel: ({ theme }) => ({
-    ...theme.typography.body,
-    color: theme.vars.palette.text.primary
-  }),
-  popoverMenuItemIcon: {
-    visibility: "visible"
-  },
-  popoverFilter: ({ theme }) => ({
-    width: "auto",
-    "& .MuiPaper-root": {
-      padding: "0 !important",
-      minWidth: "220px",
-      maxWidth: "100%",
-      minHeight: "auto",
-      boxShadow: theme.vars.customShadows?.z3,
-      "& .M4LPopover-arrowStyle": {
-        display: "none"
-      },
-      "& .M4LRHFormProvider-root": {
-        gap: "0px",
-        width: "max-content",
-        minWidth: "220px",
-        maxWidth: "420px",
-        height: "fit-content"
-      }
-    }
-  }),
-  popoverFilterHeader: ({ theme }) => ({
-    backgroundColor: theme.vars.palette.background?.surface,
-    display: "flex",
-    alignItems: "center",
-    gap: "8px",
-    padding: "4px 4px 4px 8px",
-    borderTopLeftRadius: "4px",
-    borderTopRightRadius: "4px",
-    borderBottom: "0px",
-    height: "28px",
-    [theme.breakpoints.down("sm")]: {
-      height: "36px"
-    }
-  }),
-  popoverFilterHeaderIcon: {
-    visibility: "visible"
-  },
-  popoverFilterHeaderTitle: ({ theme }) => ({
-    ...theme.typography.paragraphDens,
-    color: theme.vars.palette.text.primary
-  }),
-  popoverFilterContainerFields: ({ theme }) => ({
-    height: "fit-content",
-    "& > div": {
-      display: "flex",
-      height: "auto",
-      flexDirection: "column",
-      padding: "12px 12px 0 12px",
-      gap: "8px",
-      [theme.breakpoints.down("sm")]: {
-        padding: "16px 16px 0 16px",
-        gap: "12px"
-      }
-    }
-  }),
-  popoverFilterActions: ({ theme }) => ({
-    display: "flex",
-    flexDirection: "row",
-    gap: "16px",
-    padding: "16px 12px 12px 12px !important",
-    [theme.breakpoints.down("sm")]: {
-      padding: "24px 16px 16px 16px !important"
-    },
-    "& > .M4LButton-root": {
-      height: "24px",
-      minHeight: "24px",
-      [theme.breakpoints.down("sm")]: {
-        height: "36px"
-      }
-    }
-  })
-};
-export {
-  dynamicFilterStyles as d
-};

package/styles/DynamicFilter.styles.d.ts

@@ -1,2 +0,0 @@
-import type { DynamicFilterStyles } from '../components/DynamicFilter/types';
-export declare const dynamicFilterStyles: DynamicFilterStyles;

package/styles/DynamicSort.styles.d.ts

@@ -1,2 +0,0 @@
-import { DynamicSortStyles } from '../components/DynamicSort/types';
-export declare const dynamicSortStyles: DynamicSortStyles;