@apia/theme 0.1.0 → 0.1.3

package/dist/index.js

@@ -1,3275 +1 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { ThemeProvider as ThemeProvider$1, Box } from 'theme-ui';
-import { useState, createContext, useRef, Suspense } from 'react';
-import { cloneDeep, merge } from 'lodash';
-import { getValueByPath, EventEmitter, useMount, setValueByPath } from '@apia/util';
-import tinycolor from 'tinycolor2';
-import { focusOutline as focusOutline$1 } from '@apia/theme';
-
-function responsive$1(values) {
-  var _a;
-  const returnArray = [];
-  const max = 6;
-  for (let i = 0; i <= max; i++)
-    returnArray[i + 1] = (_a = values[i]) != null ? _a : null;
-  if (values.print)
-    returnArray[0] = values.print;
-  else {
-    for (let i = 5; i >= 0; i--) {
-      if (values[i] !== void 0)
-        returnArray[0] = values[i];
-    }
-  }
-  return returnArray;
-}
-function spacing(index) {
-  var _a;
-  return (_a = defaultPalette.spacing(index)) != null ? _a : index;
-}
-const smallButton = {
-  py: 2,
-  px: 4,
-  fontSize: "0.9em"
-};
-const focusOutline = {
-  outlineColor: "outlineColor",
-  outlineWidth: "3px",
-  outlineStyle: "solid",
-  outlineOffset: "-3px"
-};
-function getVariant(variant) {
-  return { variant, "data-variant": variant };
-}
-
-const opacity = {
-  light: "#009",
-  dark: "#fff"
-};
-const disabled = "#ccc";
-const spacingArray = Array(50).fill(1).map((_, i) => {
-  return responsive$1({
-    0: Math.ceil(i / 2.5),
-    1: Math.ceil(i / 2.1),
-    2: Math.ceil(i / 1.7),
-    3: Math.ceil(i / 1.3),
-    4: i
-  });
-});
-const defaultPalette = {
-  action: {
-    disabled,
-    disabledOpacity: 0.6,
-    active: opacity,
-    activeOpacity: 0.4,
-    focus: opacity,
-    focusOpacity: 0.2,
-    hover: opacity,
-    hoverOpacity: 0.3,
-    readonly: disabled,
-    readonlyOpacity: 0.4,
-    selected: opacity.light,
-    selectedOpacity: 0.6
-  },
-  background: {
-    default: "#f4f4f4",
-    overlay: "rgba(0, 0, 0, 0.2)",
-    paper: "white"
-  },
-  border: {
-    article: "#cacaca",
-    field: "#444",
-    section: "#aaa"
-  },
-  common: {
-    black: "black",
-    white: "white"
-  },
-  info: {
-    main: "#fff"
-  },
-  primary: {
-    main: "#00496c"
-  },
-  secondary: {
-    main: "#6c757d"
-  },
-  spacing: (index) => {
-    return spacingArray[index];
-  },
-  text: {
-    accent: "#609",
-    disabled: "#555",
-    icon: "white",
-    link: "#00496c",
-    primary: "#4a4a4a",
-    secondary: "white",
-    title: "#00496c"
-  },
-  error: {
-    main: "#db7678",
-    light: "#fff2f4"
-  },
-  success: {
-    main: "#8bde8b",
-    light: "#e7ffd9"
-  },
-  warning: {
-    main: "#f8f588",
-    light: "#fffdd9"
-  },
-  darkenRatio: 15,
-  lightenRatio: 35,
-  responsive: responsive$1,
-  queryColumnsMultiplier: 2
-};
-
-var __defProp$n = Object.defineProperty;
-var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
-var __hasOwnProp$n = Object.prototype.hasOwnProperty;
-var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$n = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$n.call(b, prop))
-      __defNormalProp$n(a, prop, b[prop]);
-  if (__getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(b)) {
-      if (__propIsEnum$n.call(b, prop))
-        __defNormalProp$n(a, prop, b[prop]);
-    }
-  return a;
-};
-function buildColorsObject(definition) {
-  return __spreadValues$n(__spreadValues$n({}, definition), definition.borderColor ? {
-    borderLeftColor: definition.borderColor,
-    borderRightColor: definition.borderColor,
-    borderBottomColor: definition.borderColor,
-    borderTopColor: definition.borderColor
-  } : void 0);
-}
-
-var __defProp$m = Object.defineProperty;
-var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
-var __hasOwnProp$m = Object.prototype.hasOwnProperty;
-var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$m = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$m.call(b, prop))
-      __defNormalProp$m(a, prop, b[prop]);
-  if (__getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(b)) {
-      if (__propIsEnum$m.call(b, prop))
-        __defNormalProp$m(a, prop, b[prop]);
-    }
-  return a;
-};
-const getColorState = (definition, state) => {
-  var _a, _b, _c, _d;
-  if (state === "default")
-    return buildColorsObject(definition);
-  const palette = getPalette();
-  const opacity = palette.action[`${state}Opacity`];
-  const actualState = state === "checked" ? "selected" : state;
-  definition = Object.fromEntries(
-    Object.entries(definition).map(([name, value]) => {
-      if ([
-        "backgroundColor",
-        "borderColor",
-        "borderLeftColor",
-        "borderRightColor",
-        "borderBottomColor",
-        "borderTopColor",
-        "color"
-      ].includes(name) && (value != null ? value : "").startsWith("palette"))
-        value = getValueByPath(
-          palette,
-          value.slice("palette.".length)
-        );
-      return [name, value];
-    })
-  );
-  const calculatedBackgroundColor = tinycolor.mix(
-    (_a = definition.backgroundColor) != null ? _a : "",
-    tinycolor((_b = definition.backgroundColor) != null ? _b : "").isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
-    100 * opacity
-  ).toRgbString();
-  return buildColorsObject(__spreadValues$m(__spreadValues$m({}, definition.backgroundColor ? {
-    backgroundColor: state === "checked" ? (_c = definition.backgroundColor) != null ? _c : "" : calculatedBackgroundColor,
-    color: state === "checked" ? tinycolor.mix(
-      tinycolor((_d = definition.color) != null ? _d : "black"),
-      tinycolor(palette.action.selected.dark),
-      100 * palette.action.selectedOpacity
-    ).toRgbString() : window.currentPalette.getContrastText(
-      calculatedBackgroundColor
-    )
-  } : null), definition.borderColor ? {
-    borderColor: tinycolor.mix(
-      definition.borderColor,
-      tinycolor(definition.borderColor).isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
-      100 * opacity
-    ).toRgbString()
-  } : null));
-};
-
-const applyStatesGetColor = (definition, states) => {
-  const newStates = (states == null ? void 0 : states.default) !== false ? cloneDeep(definition) : {};
-  if ((states == null ? void 0 : states.active) !== false) {
-    newStates.active = getColorState(definition, "active");
-  }
-  if ((states == null ? void 0 : states.disabled) !== false) {
-    newStates.disabled = getColorState(definition, "disabled");
-  }
-  if ((states == null ? void 0 : states.focus) !== false) {
-    newStates.focus = getColorState(definition, "focus");
-  }
-  if ((states == null ? void 0 : states.hover) !== false) {
-    newStates.hover = getColorState(definition, "hover");
-  }
-  if ((states == null ? void 0 : states.readonly) !== false) {
-    newStates.readonly = getColorState(definition, "readonly");
-  }
-  if ((states == null ? void 0 : states.selected) !== false) {
-    newStates.selected = getColorState(definition, "selected");
-  }
-  if ((states == null ? void 0 : states.checked) !== false) {
-    newStates.checked = getColorState(definition, "checked");
-  }
-  return newStates;
-};
-
-function applyStates(properties, states) {
-  properties.forEach((def) => {
-    Object.entries(def).forEach(([key, value]) => {
-      if (typeof value === "string")
-        return;
-      const definition = value;
-      if (!definition.active)
-        definition.active = {};
-      if (!definition.checked)
-        definition.checked = {};
-      if (!definition.focus)
-        definition.focus = {};
-      if (!definition.disabled)
-        definition.disabled = {};
-      if (!definition.hover)
-        definition.hover = {};
-      if (!definition.selected)
-        definition.selected = {};
-      const newDefinition = applyStatesGetColor(definition, states);
-      def[key] = merge(newDefinition, definition);
-    });
-  });
-}
-
-function isColorDefinition(value) {
-  return !!value && typeof value === "object" && "main" in value;
-}
-
-function defaultLighten(color, ratio) {
-  return tinycolor(color).lighten(ratio != null ? ratio : 20).toRgbString();
-}
-function defaultDarken(color, ratio) {
-  return tinycolor(color).darken(ratio != null ? ratio : 20).toRgbString();
-}
-function defaultGetContrastText(color) {
-  const current = tinycolor(color);
-  return tinycolor.readability("white", current) < tinycolor.readability("black", current) ? "black" : "white";
-}
-
-const buildStateObject = (props, state) => {
-  switch (state) {
-    case "active":
-      return {
-        "&:active": props,
-        "input[role]:active ~ &": props,
-        "input[role]:active ~ & path": props
-      };
-    case "checked":
-      return {
-        "&:checked": props,
-        "input[role]:checked ~ &": props,
-        "input[role]:checked ~ & path": props
-      };
-    case "disabled":
-      return {
-        "&:disabled": props,
-        "input[role]:disabled ~ &": props,
-        "input[role]:disabled ~ & path": props
-      };
-    case "focus": {
-      const focusObject = merge({}, focusOutline, props);
-      return {
-        "&:focus": focusObject,
-        "input[role]:focus ~ &": focusObject
-      };
-    }
-    case "hover": {
-      return {
-        '&:hover:not([readonly], :disabled,[aria-selected="true"],:active)': props,
-        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"])': props,
-        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"]) path': props
-      };
-    }
-    case "readonly":
-      return {
-        "&[readonly]": props,
-        "input[role][readonly] ~ &": props,
-        "input[role][readonly] ~ & path": props,
-        "&.readonly input ~ &, &.readOnly input ~ &": props,
-        "&.readonly input ~ & path, &.readOnly input ~ & path": props,
-        "&.readonly, &.readOnly": props
-      };
-    case "selected":
-      return {
-        "&:selected": props,
-        "input[role]:selected ~ &": props,
-        "input[role]:selected ~ & path": props,
-        '&[aria-selected="true"]': props
-      };
-    default:
-      return props;
-  }
-};
-
-function getColorsByPath(path, options) {
-  return merge(
-    buildColorsObject({
-      color: `${path}.color`,
-      backgroundColor: `${path}.backgroundColor`,
-      borderColor: `${path}.borderColor`
-    }),
-    options == null ? void 0 : options.mergeObject
-  );
-}
-
-var __defProp$l = Object.defineProperty;
-var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
-var __hasOwnProp$l = Object.prototype.hasOwnProperty;
-var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$l = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$l.call(b, prop))
-      __defNormalProp$l(a, prop, b[prop]);
-  if (__getOwnPropSymbols$l)
-    for (var prop of __getOwnPropSymbols$l(b)) {
-      if (__propIsEnum$l.call(b, prop))
-        __defNormalProp$l(a, prop, b[prop]);
-    }
-  return a;
-};
-function getColorsAndStatesByPath(path, options) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const active = getColorsByPath(`${path}.active`, options);
-  const checked = getColorsByPath(`${path}.checked`, options);
-  const disabled = __spreadValues$l({
-    cursor: "not-allowed"
-  }, getColorsByPath(`${path}.disabled`, options));
-  const hover = getColorsByPath(`${path}.hover`, options);
-  const focus = ((_a = options == null ? void 0 : options.states) == null ? void 0 : _a.focus) !== false ? getColorsByPath(`${path}.focus`, options) : {};
-  const readonly = __spreadValues$l({
-    cursor: "notAllowed"
-  }, getColorsByPath(`${path}.readonly`, options));
-  const selected = getColorsByPath(`${path}.selected`, options);
-  return merge(
-    __spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l(__spreadValues$l({}, ((_b = options == null ? void 0 : options.states) == null ? void 0 : _b.default) !== false ? getColorsByPath(path, options) : null), ((_c = options == null ? void 0 : options.states) == null ? void 0 : _c.checked) !== false ? buildStateObject(checked, "checked") : null), buildStateObject(focus, "focus")), ((_d = options == null ? void 0 : options.states) == null ? void 0 : _d.hover) !== false ? buildStateObject(hover, "hover") : null), ((_e = options == null ? void 0 : options.states) == null ? void 0 : _e.selected) !== false ? buildStateObject(selected, "selected") : null), ((_f = options == null ? void 0 : options.states) == null ? void 0 : _f.active) !== false ? buildStateObject(active, "active") : null), ((_g = options == null ? void 0 : options.states) == null ? void 0 : _g.disabled) !== false ? buildStateObject(disabled, "disabled") : null), ((_h = options == null ? void 0 : options.states) == null ? void 0 : _h.readonly) !== false ? buildStateObject(readonly, "readonly") : null),
-    options == null ? void 0 : options.mergeObject
-  );
-}
-
-var __defProp$k = Object.defineProperty;
-var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
-var __hasOwnProp$k = Object.prototype.hasOwnProperty;
-var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$k = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$k.call(b, prop))
-      __defNormalProp$k(a, prop, b[prop]);
-  if (__getOwnPropSymbols$k)
-    for (var prop of __getOwnPropSymbols$k(b)) {
-      if (__propIsEnum$k.call(b, prop))
-        __defNormalProp$k(a, prop, b[prop]);
-    }
-  return a;
-};
-const getColorStates = (definition, states) => {
-  return __spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k(__spreadValues$k({}, (states == null ? void 0 : states.default) !== false ? definition : null), (states == null ? void 0 : states.checked) !== false ? buildStateObject(getColorState(definition, "checked"), "checked") : null), buildStateObject(getColorState(definition, "focus"), "focus")), (states == null ? void 0 : states.selected) !== false ? buildStateObject(getColorState(definition, "selected"), "selected") : null), (states == null ? void 0 : states.hover) !== false ? buildStateObject(getColorState(definition, "hover"), "hover") : null), (states == null ? void 0 : states.active) !== false ? buildStateObject(getColorState(definition, "active"), "active") : null), (states == null ? void 0 : states.disabled) !== false ? buildStateObject(getColorState(definition, "disabled"), "disabled") : null), (states == null ? void 0 : states.readonly) !== false ? buildStateObject(getColorState(definition, "readonly"), "readonly") : null);
-};
-
-const getOneColorState = (color, state) => {
-  if (state === "default")
-    return color;
-  const actualState = state === "checked" ? "selected" : state;
-  const palette = getPalette();
-  const opacity = palette.action[`${state}Opacity`];
-  return tinycolor.mix(
-    color,
-    tinycolor(color).isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
-    100 * opacity
-  ).toRgbString();
-};
-
-function parsePalette(palette) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const newPalette = cloneDeep(palette);
-  newPalette.lightenColor = (_a = palette.lightenColor) != null ? _a : (color, ratio) => {
-    return defaultLighten(color, ratio != null ? ratio : palette.lightenRatio);
-  };
-  newPalette.darkenColor = (_b = palette.darkenColor) != null ? _b : (color, ratio) => {
-    return defaultDarken(color, ratio != null ? ratio : palette.darkenRatio);
-  };
-  newPalette.getContrastText = (_c = palette.getContrastText) != null ? _c : defaultGetContrastText;
-  Object.entries(palette).forEach(([key, value]) => {
-    var _a2, _b2, _c2;
-    const castedValue = value;
-    if (isColorDefinition(castedValue)) {
-      newPalette[key] = {
-        main: castedValue.main,
-        light: (_a2 = castedValue.light) != null ? _a2 : newPalette.lightenColor(castedValue.main),
-        dark: (_b2 = castedValue.dark) != null ? _b2 : newPalette.darkenColor(castedValue.main),
-        contrastText: (_c2 = castedValue.contrastText) != null ? _c2 : newPalette.getContrastText(castedValue.main)
-      };
-    } else {
-      newPalette[key] = value;
-    }
-  });
-  newPalette.border.article = (_d = newPalette.border.article) != null ? _d : newPalette.secondary.main;
-  newPalette.border.field = (_e = newPalette.border.field) != null ? _e : newPalette.text.primary;
-  newPalette.border.section = (_f = newPalette.border.section) != null ? _f : newPalette.primary.main;
-  function parseAction(action) {
-    var _a2, _b2;
-    if (typeof action === "string")
-      return {
-        dark: action,
-        light: action
-      };
-    return {
-      dark: (_a2 = action.dark) != null ? _a2 : action.light,
-      light: (_b2 = action.light) != null ? _b2 : action.dark
-    };
-  }
-  newPalette.action.active = parseAction(newPalette.action.active);
-  newPalette.action.disabled = parseAction(newPalette.action.disabled);
-  newPalette.action.focus = parseAction(newPalette.action.focus);
-  newPalette.action.hover = parseAction(newPalette.action.hover);
-  newPalette.action.readonly = parseAction(newPalette.action.readonly);
-  newPalette.action.selected = parseAction(newPalette.action.selected);
-  newPalette.buildStateObject = buildStateObject;
-  newPalette.getColor = getOneColorState;
-  newPalette.getStatesForColors = applyStatesGetColor;
-  newPalette.getOneState = getColorState;
-  newPalette.getStatesFromDefinition = getColorStates;
-  newPalette.getStatesFromPath = getColorsAndStatesByPath;
-  newPalette.gray = (_g = newPalette.gray) != null ? _g : {};
-  for (let i = 1; i <= 18; i++) {
-    const index = Math.round((255 - 255 / 18) / 18 * i);
-    newPalette.gray[i * 50] = (_h = newPalette.gray[i * 50]) != null ? _h : `rgb(${index},${index},${index})`;
-  }
-  return newPalette;
-}
-
-const schemas = {
-  ocean: ["#008E1B", "#009155", "#009187", "#008EB1", "#006872", "#2F4858"],
-  sunset: ["#ae76de", "#D65DB1", "#FF6F91", "#FF9671", "#FFC75F", "#F9F871"],
-  red: ["#dc143c", "#ff2400", "#800020", "#b22222", "#e52b50", "#ff7f50"],
-  orange: ["#F76E11", "#FF9F45", "#FFBC80", "#FC4F4F", "#eb9605", "#964000"],
-  green: ["#a4de02", "#76ba1b", "#4c9a2a", "#acdf87", "#68bb59", "#1e5631"],
-  blue: ["#7ad6f4", "#45bdee", "#28a7ea", "#006cbb", "#034698", "#032f64"],
-  violet: ["#80007e", "#a02d9c", "#c37ecd", "#9e5fb8", "#7f3e98", "#4c197f"],
-  turquoise: ["#0ddbcc", "#43ebff", "#19ceeb", "#28acea", "#388ee9", "#3d76e0"],
-  yellow: ["#fff700", "#ffff9f", "#fef54f", "#f9e231", "#f6c616", "#eab200"],
-  grey: ["#b1b5ba", "#d2d5d6", "#dee0e0", "#bdbdbb", "#9fa19c", "#686e67"]
-};
-
-var __defProp$j = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
-var __hasOwnProp$j = Object.prototype.hasOwnProperty;
-var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$j = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$j.call(b, prop))
-      __defNormalProp$j(a, prop, b[prop]);
-  if (__getOwnPropSymbols$j)
-    for (var prop of __getOwnPropSymbols$j(b)) {
-      if (__propIsEnum$j.call(b, prop))
-        __defNormalProp$j(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-const darkBlue = "#004085";
-const lightBlue = "#cce5ff";
-const white = "white";
-function getSelectedColors() {
-  const palette = getPalette();
-  return palette.getStatesFromDefinition(
-    {
-      backgroundColor: palette.background.paper,
-      color: palette.text.primary
-    },
-    {
-      active: false,
-      checked: false,
-      default: false,
-      disabled: false,
-      focus: false,
-      readonly: false
-    }
-  );
-}
-function getPalette(arg) {
-  const shouldReparsePalette = arg === true;
-  const customPalette = typeof arg !== "boolean" ? arg : void 0;
-  if (window.currentPalette && !shouldReparsePalette)
-    return window.currentPalette;
-  window.currentPalette = parsePalette(
-    merge(
-      defaultPalette,
-      window.defaultPalette,
-      customPalette != null ? customPalette : window.customPalette
-    )
-  );
-  return window.currentPalette;
-}
-function getThemeColorsObject() {
-  var _a;
-  const palette = cloneDeep((_a = window.currentPalette) != null ? _a : getPalette());
-  const colors = {
-    palette: __spreadProps$a(__spreadValues$j({}, palette), {
-      lightenColor: void 0,
-      darkenColor: void 0,
-      getContrastText: void 0,
-      buildStateObject: void 0,
-      getColor: void 0,
-      getOneState: void 0,
-      getStatesForColors: void 0,
-      getStatesFromDefinition: void 0,
-      getStatesFromPath: void 0
-    }),
-    accordion: {
-      borderColor: palette.border.section
-    },
-    buttons: {
-      accordion: {
-        backgroundColor: palette.primary.main,
-        borderColor: palette.border.section,
-        color: palette.primary.contrastText
-      },
-      accordionPrimary: {
-        backgroundColor: palette.primary.main,
-        borderColor: palette.border.section,
-        color: palette.primary.contrastText
-      },
-      close: __spreadProps$a(__spreadValues$j({}, applyStatesGetColor({
-        color: palette.text.primary,
-        backgroundColor: palette.background.paper
-      })), {
-        backgroundColor: "transparent"
-      }),
-      collapsibleAsidePanelTitle: {
-        color: palette.text.primary
-      },
-      deletableInputButton: {
-        backgroundColor: "transparent",
-        color: palette.secondary.main,
-        active: {
-          color: palette.darkenColor(palette.secondary.main, 40)
-        },
-        disabled: {
-          color: palette.secondary.main
-        },
-        focus: {
-          color: palette.darkenColor(palette.secondary.main, 20)
-        },
-        hover: {
-          color: palette.darkenColor(palette.secondary.main, 20)
-        }
-      },
-      icon: {
-        backgroundColor: palette.secondary.main,
-        color: palette.secondary.contrastText,
-        hover: {
-          color: palette.secondary.contrastText
-        },
-        focus: {
-          color: palette.secondary.contrastText
-        }
-      },
-      iconAlert: {
-        backgroundColor: "transparent",
-        color: "#e5c200",
-        active: {
-          backgroundColor: "transparent",
-          color: tinycolor("#e5c200").darken(10).toRgbString()
-        },
-        focus: {
-          backgroundColor: "transparent",
-          color: tinycolor("#e5c200").darken(5).toRgbString()
-        },
-        hover: {
-          backgroundColor: "transparent",
-          color: tinycolor("#e5c200").darken(5).toRgbString()
-        }
-      },
-      iconPrimary: {
-        backgroundColor: palette.primary.main,
-        color: palette.primary.contrastText,
-        active: {
-          color: palette.primary.contrastText
-        },
-        focus: {
-          color: palette.primary.contrastText
-        },
-        hover: {
-          color: palette.primary.contrastText
-        }
-      },
-      iconToggled: {
-        backgroundColor: palette.primary.main,
-        color: palette.primary.contrastText,
-        active: {
-          color: palette.primary.contrastText
-        },
-        focus: {
-          color: palette.common.white
-        },
-        hover: {
-          color: palette.common.white
-        }
-      },
-      iconOutline: {
-        backgroundColor: palette.background.paper,
-        color: palette.primary.main,
-        borderColor: palette.border.article
-      },
-      link: {
-        backgroundColor: "transparent",
-        color: palette.text.primary,
-        borderColor: "transparent",
-        active: {
-          color: palette.text.primary
-        },
-        focus: {
-          color: palette.text.primary
-        },
-        hover: {
-          color: palette.text.primary
-        }
-      },
-      openTab: {
-        backgroundColor: palette.primary.main,
-        color: palette.primary.contrastText,
-        borderColor: palette.primary.dark
-      },
-      outline: {
-        backgroundColor: palette.background.paper,
-        color: palette.getContrastText(palette.background.paper),
-        borderColor: palette.primary.main
-      },
-      outlineDanger: {
-        backgroundColor: palette.background.paper,
-        color: palette.primary.main,
-        borderColor: palette.primary.main,
-        active: {
-          borderColor: palette.darkenColor(
-            palette.error.dark,
-            palette.action.activeOpacity * 80
-          ),
-          backgroundColor: palette.darkenColor(
-            palette.error.dark,
-            palette.action.activeOpacity * 80
-          ),
-          color: palette.getContrastText(
-            palette.darkenColor(
-              palette.error.dark,
-              palette.action.activeOpacity * 80
-            )
-          )
-        },
-        focus: {
-          borderColor: palette.darkenColor(
-            palette.error.dark,
-            palette.action.activeOpacity * 60
-          ),
-          backgroundColor: palette.darkenColor(
-            palette.error.dark,
-            palette.action.activeOpacity * 60
-          ),
-          color: palette.getContrastText(
-            palette.darkenColor(
-              palette.error.dark,
-              palette.action.activeOpacity * 60
-            )
-          )
-        },
-        hover: {
-          borderColor: palette.darkenColor(
-            palette.error.dark,
-            palette.action.activeOpacity * 70
-          ),
-          backgroundColor: palette.darkenColor(
-            palette.error.dark,
-            palette.action.activeOpacity * 70
-          ),
-          color: palette.getContrastText(
-            palette.darkenColor(
-              palette.error.dark,
-              palette.action.activeOpacity * 70
-            )
-          )
-        }
-      },
-      outlineWarning: {
-        backgroundColor: palette.background.paper,
-        color: palette.text.primary,
-        borderColor: palette.primary.main,
-        active: {
-          borderColor: palette.warning.main,
-          backgroundColor: palette.warning.main,
-          color: palette.warning.contrastText
-        },
-        focus: {
-          borderColor: palette.warning.main,
-          backgroundColor: palette.warning.main,
-          color: palette.warning.contrastText
-        },
-        hover: {
-          borderColor: palette.warning.main,
-          backgroundColor: palette.warning.main,
-          color: palette.warning.contrastText
-        }
-      },
-      primary: {
-        backgroundColor: palette.primary.main,
-        color: palette.primary.contrastText,
-        borderColor: palette.primary.main
-      },
-      secondary: {
-        backgroundColor: palette.secondary.main,
-        color: palette.secondary.contrastText,
-        borderColor: palette.secondary.main
-      },
-      tab: {
-        backgroundColor: palette.background.paper,
-        color: palette.getContrastText(palette.background.paper),
-        borderColor: palette.border.article
-      },
-      toggleIcon: {
-        color: palette.secondary.contrastText,
-        backgroundColor: palette.secondary.main,
-        borderColor: palette.border.field,
-        danger: {
-          backgroundColor: palette.error.main,
-          borderColor: palette.border.field,
-          color: palette.error.contrastText
-        },
-        toggled: {
-          backgroundColor: palette.primary.main,
-          borderColor: palette.border.field,
-          color: palette.primary.contrastText
-        }
-      },
-      transparentIcon: {
-        backgroundColor: "transparent",
-        color: palette.text.primary,
-        hover: {
-          color: palette.primary.main
-        },
-        focus: {
-          color: palette.primary.main
-        }
-      }
-    },
-    dropzone: {
-      backgroundColor: palette.background.paper,
-      borderColor: palette.border.section,
-      color: palette.background.default
-    },
-    form: {
-      backgroundColor: palette.background.paper,
-      fields: {
-        backgroundColor: palette.background.paper,
-        color: palette.text.primary,
-        borderColor: palette.border.field
-      },
-      radio: {
-        backgroundColor: "transparent",
-        color: tinycolor(window.currentPalette.text.primary).lighten(15).toRgbString(),
-        borderColor: palette.text.primary,
-        active: {
-          backgroundColor: "transparent",
-          color: tinycolor(window.currentPalette.text.primary).lighten(0).toRgbString()
-        },
-        checked: {
-          backgroundColor: "red",
-          color: tinycolor(window.currentPalette.text.primary).lighten(15).toRgbString()
-        },
-        disabled: {
-          backgroundColor: "transparent",
-          color: tinycolor(window.currentPalette.text.primary).lighten(55).toRgbString()
-        },
-        hover: {
-          backgroundColor: "transparent",
-          color: tinycolor(window.currentPalette.text.primary).lighten(7).toRgbString()
-        },
-        readonly: {
-          color: tinycolor(window.currentPalette.text.primary).lighten(38).toRgbString(),
-          backgroundColor: "transparent"
-        }
-      }
-    },
-    modal: {
-      borderColor: palette.border.section,
-      backgroundColor: palette.background.paper
-    },
-    notifications: {
-      error: {
-        backgroundColor: palette.error.light,
-        color: palette.getContrastText(palette.error.light),
-        borderColor: palette.error.main
-      },
-      success: {
-        backgroundColor: palette.success.light,
-        color: palette.getContrastText(palette.success.light),
-        borderColor: palette.success.main
-      },
-      warning: {
-        backgroundColor: palette.warning.light,
-        color: palette.getContrastText(palette.warning.light),
-        borderColor: palette.warning.main
-      }
-    },
-    pagination: {
-      color: palette.primary.contrastText,
-      backgroundColor: palette.primary.main
-    },
-    printView: {
-      main: {
-        backgroundColor: palette.background.default,
-        page: {
-          backgroundColor: palette.background.paper,
-          borderColor: palette.border.article
-        }
-      },
-      list: {
-        table: {
-          borderColor: palette.border.section
-        },
-        th: { backgroundColor: "#eee" },
-        cell: {
-          borderColor: palette.border.article
-        }
-      }
-    },
-    schemas,
-    scrollbars: {
-      bar: {
-        color: palette.secondary.main,
-        backgroundColor: palette.background.default,
-        hover: {
-          backgroundColor: palette.lightenColor(palette.background.default, 10),
-          color: palette.lightenColor(palette.secondary.main, 10)
-        },
-        active: {
-          backgroundColor: palette.lightenColor(palette.background.default, 10),
-          color: palette.lightenColor(palette.secondary.main, 20)
-        }
-      }
-    },
-    tab: {
-      backgroundColor: palette.background.paper,
-      borderColor: palette.border.section
-    },
-    topBar: {
-      backgroundColor: palette.primary.main
-    },
-    // Default ThemeUI colors
-    accent: palette.text.accent,
-    background: palette.background.default,
-    iconWarning: "rgb(246 222 87)",
-    muted: palette.text.disabled,
-    primary: palette.primary.main,
-    secondary: palette.secondary.main,
-    text: palette.text.primary,
-    warning: palette.warning.main,
-    danger: palette.error.main,
-    link: palette.text.accent,
-    success: palette.success.main,
-    title: palette.text.title,
-    // Meaningful colors
-    lightBorder: "hsl(0, 12%, 85%)",
-    outlineColor: palette.lightenColor(palette.primary.main, 20),
-    // Custom Apia colors
-    baseGrey: "#dfdfdf",
-    darkBorder: "hsl(247, 98%, 10%)",
-    darkBlue,
-    disabled: "#efefef",
-    favorite: "#e5c200",
-    filtersRowBackground: white,
-    formBackground: white,
-    grey: "#777",
-    gridRowHighlight: "#e1f3ff",
-    highlightButton: "hsl(61, 100%, 91%)",
-    lightBlue,
-    oddRow: "#f0f5ff",
-    paginationBackground: "hsl(229deg, 75%, 90%)",
-    readOnlyText: "#737373",
-    required: "darkred",
-    scrollbarBack: "rgb(206, 206, 206)",
-    scrollbarFront: "rgb(156, 156, 156)",
-    sysExceptionNotificationBg: "#f8d7da",
-    sysMessageNotificationBg: "#fff3cd",
-    tabBackground: "white",
-    treeRuler: "#ccc",
-    white,
-    priorityNone: "gray",
-    priorityLow: palette.success.main,
-    priorityNormal: "rgb(255 211 34)",
-    priorityHigh: "rgb(255 150 0)",
-    priorityUrgent: "red",
-    // modes: {
-    //   dark: {
-    //     // TODO: dark-mode uhhhhhhh!!!
-    //     //text: '#fff',
-    //   },
-    // },
-    charts: {
-      front: darkBlue
-    }
-  };
-  applyStates([
-    colors == null ? void 0 : colors.buttons,
-    colors == null ? void 0 : colors.form
-  ]);
-  return colors;
-}
-
-var __defProp$i = Object.defineProperty;
-var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
-var __hasOwnProp$i = Object.prototype.hasOwnProperty;
-var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$i = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$i.call(b, prop))
-      __defNormalProp$i(a, prop, b[prop]);
-  if (__getOwnPropSymbols$i)
-    for (var prop of __getOwnPropSymbols$i(b)) {
-      if (__propIsEnum$i.call(b, prop))
-        __defNormalProp$i(a, prop, b[prop]);
-    }
-  return a;
-};
-const alerts = {
-  primary: {
-    border: "1px solid",
-    borderLeft: "12px solid",
-    borderRadius: "alerts",
-    display: "flex",
-    flexDirection: "column",
-    fontWeight: "normal",
-    maxHeight: "60vh",
-    overflow: "auto",
-    p: 0,
-    "&:focus": {
-      outline: "none"
-    },
-    ".notification__header": {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      position: "sticky",
-      top: 0,
-      width: "100%",
-      p: spacing(5)
-    },
-    ".notification__title": {
-      fontSize: 18,
-      fontWeight: "bold",
-      color: "palette.text.primary",
-      display: "flex",
-      gap: spacing(5),
-      alignItems: "center"
-    },
-    ".notification__closeButton": {
-      flexShrink: 0
-    },
-    ".notification__body": {
-      alignItems: "center",
-      display: "flex",
-      flexDirection: "row",
-      gap: spacing(5),
-      width: "100%",
-      p: spacing(5)
-    },
-    ".notification__header ~ .notification__body": {
-      pt: 0
-    },
-    ".notification__content": {
-      display: "flex",
-      alignItems: "stretch",
-      flexDirection: "column",
-      gap: spacing(5),
-      width: "100%"
-    },
-    ".notification__icon": {
-      flexShrink: 0,
-      height: "iconMd",
-      svg: {
-        height: "iconMd",
-        width: "iconMd"
-      }
-    },
-    ".notification__message": {
-      display: "flex",
-      flexDirection: "column",
-      fontWeight: "normal",
-      gap: spacing(3),
-      width: "100%",
-      wordBreak: "break-word"
-    },
-    ".notification__trace": {
-      maxWidth: "100%",
-      overflow: "hidden",
-      maxHeight: "30vh",
-      flexShrink: 0,
-      backgroundColor: "rgba(10,10,10,0.02)",
-      pt: spacing(5),
-      ".notification__traceLabel": {
-        pl: spacing(5)
-      },
-      ".notification__traceText": {
-        fontWeight: "normal",
-        p: spacing(5),
-        maxHeight: "30vh",
-        overflow: "auto",
-        maxWidth: "100%",
-        position: "relative"
-      }
-    },
-    "&:focus .notification__closeButton": focusOutline
-  },
-  warning: {
-    variant: "alerts.primary",
-    "&, & .notification__header": __spreadValues$i({}, getColorsByPath("notifications.warning"))
-  },
-  danger: {
-    variant: "alerts.primary",
-    "&, & .notification__header": __spreadValues$i({}, getColorsByPath("notifications.error"))
-  },
-  success: {
-    variant: "alerts.primary",
-    "&, & .notification__header": __spreadValues$i({}, getColorsByPath("notifications.success"))
-  }
-};
-
-var __defProp$h = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
-var __hasOwnProp$h = Object.prototype.hasOwnProperty;
-var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$h = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$h.call(b, prop))
-      __defNormalProp$h(a, prop, b[prop]);
-  if (__getOwnPropSymbols$h)
-    for (var prop of __getOwnPropSymbols$h(b)) {
-      if (__propIsEnum$h.call(b, prop))
-        __defNormalProp$h(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-const buttons = {
-  inherit: {
-    color: "inherit",
-    background: "inherit",
-    border: "none",
-    borderRadius: 0,
-    font: "inherit",
-    cursor: "pointer",
-    padding: 0,
-    margin: 0
-  },
-  collapsibleAsidePanelTitle: __spreadValues$h({
-    variant: "buttons.inherit",
-    display: "flex",
-    justifyContent: "space-between",
-    alignItems: "center",
-    width: "100%"
-  }, getColorsAndStatesByPath("buttons.collapsibleAsidePanelTitle")),
-  primary: __spreadProps$9(__spreadValues$h({
-    borderWidth: "2px",
-    borderStyle: "solid",
-    variant: "text.default",
-    py: responsive$1({ 0: 3, 4: 4 }),
-    px: responsive$1({ 0: 5, 4: 6 }),
-    display: "inline-block",
-    width: responsive$1({ 0: "100%", 1: "auto" }),
-    cursor: "pointer",
-    borderRadius: "buttons",
-    fontWeight: "normal",
-    userSelect: "none",
-    transition: "background-color 300ms ease-out, color 300ms ease-out",
-    wordBreak: "keep-all"
-  }, getColorsAndStatesByPath("buttons.primary")), {
-    "&:focus, &:focus-visible": {
-      outlineColor: "#00daff"
-    }
-  }),
-  "primary-sm": __spreadValues$h({
-    variant: "buttons.primary",
-    "&:focus, &:focus-visible": {}
-  }, smallButton),
-  secondary: __spreadValues$h({
-    variant: "buttons.primary",
-    "&:focus, &:focus-visible": {},
-    borderWidth: "0px",
-    borderStyle: "solid"
-  }, getColorsAndStatesByPath("buttons.secondary")),
-  "secondary-sm": __spreadValues$h({
-    variant: "buttons.secondary"
-  }, smallButton),
-  "light-secondary": __spreadValues$h({
-    variant: "buttons.secondary"
-  }, getColorsAndStatesByPath("buttons.lightSecondary")),
-  danger: __spreadValues$h({
-    variant: "buttons.primary",
-    "&:focus, &:focus-visible": {}
-  }, getColorsAndStatesByPath("buttons.danger")),
-  "danger-sm": __spreadValues$h({
-    variant: "buttons.danger"
-  }, smallButton),
-  warning: __spreadValues$h({
-    variant: "buttons.primary",
-    "&:focus, &:focus-visible": {}
-  }, getColorsAndStatesByPath("buttons.warning")),
-  "warning-sm": __spreadValues$h({
-    variant: "buttons.warning"
-  }, smallButton),
-  close: __spreadValues$h({
-    cursor: "pointer",
-    ml: "auto",
-    mr: "2",
-    borderRadius: "buttons"
-  }, getColorsAndStatesByPath("buttons.close")),
-  accordion: {
-    variant: "buttons.primary",
-    "&:focus, &:focus-visible": {},
-    cursor: "pointer",
-    m: spacing(0),
-    py: responsive$1({ 0: 3, 4: 4 }),
-    px: responsive$1({ 0: 5, 4: 6 }),
-    width: "100%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    borderRadius: "buttons",
-    textAlign: "left",
-    fontFamily: "heading",
-    fontSize: "text.default",
-    textDecoration: "none",
-    textTransform: "none",
-    fontWeight: "bold",
-    border: "none",
-    transition: "background-color 300ms ease-out, color 300ms ease-out",
-    userSelect: "text",
-    "&, *": getColorsAndStatesByPath("buttons.accordion")
-  },
-  "accordion-primary": __spreadValues$h({
-    variant: "buttons.accordion",
-    border: "none"
-  }, getColorsAndStatesByPath("buttons.accordionPrimary")),
-  icon: __spreadProps$9(__spreadValues$h({
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    p: spacing(0),
-    m: spacing(0),
-    bg: "secondary",
-    cursor: "pointer",
-    transition: "background-color 300ms ease-out, color 300ms ease-out",
-    borderRadius: "buttons",
-    border: "none"
-  }, getColorsAndStatesByPath("buttons.icon")), {
-    svg: {
-      width: "auto",
-      height: "20px",
-      display: "block"
-    },
-    "&.isToggled": __spreadValues$h({}, getColorsAndStatesByPath("buttons.iconToggled"))
-  }),
-  "icon-primary": __spreadValues$h({
-    variant: "buttons.icon"
-  }, getColorsAndStatesByPath("buttons.iconPrimary")),
-  "icon-outline": __spreadValues$h({
-    variant: "buttons.icon",
-    bg: "white",
-    border: "1px solid"
-  }, getColorsAndStatesByPath("buttons.iconOutline")),
-  "icon-outline-danger": __spreadValues$h({
-    variant: "buttons.icon",
-    bg: "white",
-    border: "1px solid"
-  }, getColorsAndStatesByPath("buttons.outlineDanger")),
-  "icon-only": __spreadValues$h({
-    variant: "buttons.icon"
-  }, getColorsAndStatesByPath("buttons.iconOnly")),
-  link: __spreadValues$h({
-    variant: "inherit",
-    width: "auto",
-    border: "none",
-    textDecoration: "underline",
-    px: 2,
-    py: 1,
-    borderRadius: "buttons",
-    cursor: "pointer",
-    textTransform: "none",
-    transition: "background-color 300ms ease-out, color 300ms ease-out"
-  }, getColorsAndStatesByPath("buttons.link")),
-  "link-sm": __spreadValues$h({
-    variant: "buttons.link"
-  }, smallButton),
-  outline: __spreadValues$h({
-    variant: "buttons.primary",
-    borderWidth: "2px",
-    borderStyle: "solid",
-    borderRadius: "buttons",
-    "&:focus, &:focus-visible": {}
-  }, getColorsAndStatesByPath("buttons.outline")),
-  "outline-sm": __spreadValues$h({
-    variant: "buttons.outline"
-  }, smallButton),
-  "transparent-sm": __spreadValues$h({
-    variant: "buttons.outline",
-    "&:focus, &:focus-visible": {},
-    bg: "transparent",
-    color: "inherit",
-    border: "none",
-    font: "inherit",
-    textTransform: "inherit"
-  }, smallButton),
-  "outline-danger": __spreadValues$h({
-    variant: "buttons.outline",
-    "&:focus, &:focus-visible": {}
-  }, getColorsAndStatesByPath("buttons.outlineDanger")),
-  "outline-danger-sm": __spreadValues$h({
-    variant: "buttons.outline-danger"
-  }, smallButton),
-  "outline-warning": __spreadValues$h({
-    variant: "buttons.outline",
-    "&:focus, &:focus-visible": {}
-  }, getColorsAndStatesByPath("buttons.outlineWarning")),
-  "outline-warning-sm": __spreadValues$h({
-    variant: "buttons.outline-warning"
-  }, smallButton),
-  "outline-extended": {
-    variant: "buttons.outline",
-    gridColumnStart: 1,
-    gridColumnEnd: 3,
-    width: "100%"
-  },
-  "outline-danger-extended": {
-    variant: "buttons.outline-danger",
-    gridColumnStart: 1,
-    gridColumnEnd: 3,
-    width: "100%"
-  },
-  "primary-extended": {
-    variant: "buttons.primary",
-    "&:focus, &:focus-visible": {},
-    gridColumnStart: 1,
-    gridColumnEnd: 3,
-    width: "100%"
-  },
-  query: {
-    extended: {
-      variant: "buttons.outline",
-      "&:focus, &:focus-visible": {},
-      gridColumnStart: 1,
-      gridColumnEnd: 3
-    }
-  },
-  tableAccordion: __spreadValues$h({
-    variant: "buttons.accordion",
-    fontSize: "text.default",
-    p: spacing(3),
-    wordBreak: "keep-all",
-    a: {
-      color: "background"
-    }
-  }, getColorsAndStatesByPath("buttons.tableAccordion")),
-  tableHeader: __spreadValues$h({
-    variant: "buttons.tableAccordion",
-    alignItems: "center",
-    justifyContent: "center",
-    height: "100%",
-    border: "none",
-    svg: {
-      ml: spacing(2)
-    }
-  }, getColorsAndStatesByPath("buttons.tableHeader"))
-};
-
-var __defProp$g = Object.defineProperty;
-var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
-var __hasOwnProp$g = Object.prototype.hasOwnProperty;
-var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$g = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$g.call(b, prop))
-      __defNormalProp$g(a, prop, b[prop]);
-  if (__getOwnPropSymbols$g)
-    for (var prop of __getOwnPropSymbols$g(b)) {
-      if (__propIsEnum$g.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
-    }
-  return a;
-};
-const customCheckbox = __spreadValues$g({
-  display: "inline-flex",
-  borderRadius: "default",
-  flexBasis: "32px",
-  flexShrink: 0,
-  width: "32px",
-  height: "32px",
-  alignItems: "center",
-  justifyContent: "center",
-  p: "3px",
-  border: "1px solid",
-  svg: {
-    width: "20px"
-  }
-}, getColorsAndStatesByPath("form.fields", {
-  states: {
-    active: false,
-    hover: false,
-    focus: false
-  }
-}));
-
-var __defProp$f = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$f = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$f.call(b, prop))
-      __defNormalProp$f(a, prop, b[prop]);
-  if (__getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(b)) {
-      if (__propIsEnum$f.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-const checkbox = __spreadProps$8(__spreadValues$f({
-  borderRadius: "default"
-}, getColorsAndStatesByPath("form.fields", {
-  states: {
-    active: false,
-    focus: false,
-    hover: false
-  }
-})), {
-  backgroundColor: "unset",
-  alignItems: "center",
-  "&.nativeCheckbox": {
-    appearance: "none",
-    width: "25px",
-    height: "25px",
-    border: "solid 1px #cccccc",
-    marginRight: "8px",
-    position: "relative",
-    cursor: "pointer",
-    "&:checked::before": {
-      content: '"\u2713"',
-      color: "palette.text.primary",
-      position: "absolute",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      fontSize: "larger",
-      fontWeight: "bolder",
-      borderRadius: "5px",
-      cursor: "pointer"
-    },
-    "&:indeterminate::before": {
-      content: '"-"',
-      color: "palette.text.primary",
-      position: "absolute",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      top: "-1px",
-      left: 0,
-      right: 0,
-      bottom: 0,
-      fontSize: "xx-large",
-      fontWeight: "600",
-      borderRadius: "5px",
-      cursor: "pointer"
-    }
-  }
-});
-
-var __defProp$e = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
-var __hasOwnProp$e = Object.prototype.hasOwnProperty;
-var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$e = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$e.call(b, prop))
-      __defNormalProp$e(a, prop, b[prop]);
-  if (__getOwnPropSymbols$e)
-    for (var prop of __getOwnPropSymbols$e(b)) {
-      if (__propIsEnum$e.call(b, prop))
-        __defNormalProp$e(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-const dateInput = __spreadProps$7(__spreadValues$e({
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "stretch",
-  justifyContent: "stretch",
-  gap: spacing(2),
-  width: "100%",
-  "&.readOnly": {
-    input: {
-      color: "Text.fields",
-      bg: "Background.fields"
-    }
-  },
-  ".iconInput": {
-    width: "100%",
-    position: "relative"
-  },
-  'input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]), input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]) path, .delete_date_button': __spreadValues$e({
-    position: "absolute",
-    right: "59px",
-    padding: 0,
-    top: "calc(50% - 10px)",
-    margin: 0,
-    marginRight: 0,
-    borderRadius: "100%",
-    width: "20px",
-    height: "20px"
-  }, getColorsAndStatesByPath("buttons.icon-outline")),
-  input: {
-    flexShrink: 1
-  },
-  "& > div": {
-    display: "flex",
-    gap: spacing(2),
-    flexShrink: 0,
-    width: "auto",
-    maxWidth: "100%",
-    minWidth: 0,
-    button: {
-      width: "45px",
-      flexShrink: 0
-    }
-  }
-}, getColorsAndStatesByPath("form.fields", {
-  states: {
-    hover: false,
-    active: false,
-    focus: false
-  }
-})), {
-  backgroundColor: void 0
-});
-
-var __defProp$d = Object.defineProperty;
-var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
-var __hasOwnProp$d = Object.prototype.hasOwnProperty;
-var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$d = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$d.call(b, prop))
-      __defNormalProp$d(a, prop, b[prop]);
-  if (__getOwnPropSymbols$d)
-    for (var prop of __getOwnPropSymbols$d(b)) {
-      if (__propIsEnum$d.call(b, prop))
-        __defNormalProp$d(a, prop, b[prop]);
-    }
-  return a;
-};
-const iconInput = {
-  display: "flex",
-  gap: spacing(1),
-  justifyContent: "stretch",
-  alignItems: "center",
-  "&.readOnly": {
-    input: __spreadValues$d({}, getColorsByPath("form.fields"))
-  },
-  input: {
-    height: "50px",
-    width: "100%"
-  },
-  button: {
-    display: "flex",
-    width: "45px",
-    flexShrink: 0,
-    height: "50px"
-  }
-};
-
-var __defProp$c = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
-var __hasOwnProp$c = Object.prototype.hasOwnProperty;
-var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$c = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$c.call(b, prop))
-      __defNormalProp$c(a, prop, b[prop]);
-  if (__getOwnPropSymbols$c)
-    for (var prop of __getOwnPropSymbols$c(b)) {
-      if (__propIsEnum$c.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-const input = __spreadProps$6(__spreadValues$c({
-  variant: "text.default",
-  border: "1px solid",
-  borderRadius: "default",
-  padding: responsive$1({ 0: 3, 3: 4 }),
-  "::placeholder": {
-    color: "#b0b0b0"
-  }
-}, getColorsAndStatesByPath("form.fields", {
-  states: {
-    active: false,
-    hover: false,
-    focus: false
-  }
-})), {
-  material: {
-    input: {
-      borderLeft: "none",
-      borderRight: "none",
-      borderTop: "none",
-      borderBottomColor: "palette.border.section",
-      "& + .input__underline": {
-        transform: "scale(1)"
-      },
-      "&:focus": {
-        outline: "none",
-        "~::after": {
-          animationName: "growHorizontal",
-          animationDuration: "150ms",
-          animationTimingFunction: "ease-out",
-          content: '""',
-          display: "block",
-          height: "0",
-          outlineColor: "palette.primary.main",
-          outlineStyle: "solid",
-          outlineWidth: "1.5px",
-          outlineOffset: 0,
-          position: "fixed",
-          transformOrigin: "center center",
-          width: "100%"
-        }
-      }
-    }
-  }
-});
-
-const label = {
-  variant: "text.default",
-  alignItems: "center",
-  width: "auto",
-  textTransform: "none",
-  cursor: "pointer",
-  "&:not(.radio-label)": {
-    fontWeight: "bold"
-  },
-  "&.required": {
-    position: "relative",
-    "&::before": {
-      color: "danger",
-      position: "absolute",
-      content: '"*"',
-      top: 0,
-      left: "-10px"
-    }
-  },
-  "&:last-of-type": {
-    "input, textarea, select": {
-      mb: spacing(0)
-    }
-  }
-};
-
-var __defProp$b = Object.defineProperty;
-var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
-var __hasOwnProp$b = Object.prototype.hasOwnProperty;
-var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$b = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$b.call(b, prop))
-      __defNormalProp$b(a, prop, b[prop]);
-  if (__getOwnPropSymbols$b)
-    for (var prop of __getOwnPropSymbols$b(b)) {
-      if (__propIsEnum$b.call(b, prop))
-        __defNormalProp$b(a, prop, b[prop]);
-    }
-  return a;
-};
-const radio = __spreadValues$b({
-  width: "32px",
-  height: "32px",
-  input: {
-    height: "32px !important"
-  }
-}, getColorsAndStatesByPath("form.radio"));
-
-var __defProp$a = Object.defineProperty;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
-    }
-  return a;
-};
-const select = __spreadValues$a({
-  variant: "text.default",
-  display: "inline-block",
-  fontFamily: "body",
-  p: spacing(4),
-  pr: 7,
-  borderRadius: "default",
-  width: "100%",
-  maxWidth: "100%"
-}, getColorsAndStatesByPath("form.fields", {
-  states: {
-    active: false,
-    hover: false,
-    focus: false
-  }
-}));
-
-var __defProp$9 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-const selectMultiple = __spreadValues$9({
-  variant: "text.default",
-  height: "100%",
-  padding: "4px",
-  borderRadius: "default",
-  border: "1px solid",
-  width: "100%",
-  transition: "background-color 100ms ease-out, color 100ms ease-out",
-  overflow: "auto",
-  option: __spreadProps$5(__spreadValues$9({
-    padding: 2
-  }, getSelectedColors()), {
-    "&:checked": {
-      backgroundColor: window.currentPalette.getColor(
-        window.currentPalette.background.paper,
-        "selected"
-      ),
-      color: window.currentPalette.getContrastText(
-        window.currentPalette.getColor(
-          window.currentPalette.background.paper,
-          "selected"
-        )
-      )
-    }
-  }),
-  "+ svg": {
-    display: "none"
-  }
-}, getColorsAndStatesByPath("form.fields", {
-  states: {
-    active: false,
-    hover: false,
-    focus: false
-  }
-}));
-
-const Switch = {
-  "+ span": {
-    fontSize: 14,
-    fontWeight: "normal",
-    wordBreak: "break-all"
-  },
-  backgroundColor: "form.fields.checked.borderColor"
-};
-
-const textarea = {
-  "&, & textarea": {
-    height: "100%",
-    minHeight: "130px",
-    resize: "vertical"
-  },
-  textarea: {
-    variant: "forms.input"
-  }
-};
-
-var __defProp$8 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-const deletableInput = {
-  border: "1px solid",
-  borderColor: "palette.border.field",
-  display: "inline-block",
-  position: "relative",
-  pr: "45px",
-  ".deletableInput__input": {
-    border: "none"
-  },
-  ".deletableInput__deleteButton": __spreadValues$8({
-    height: "100%",
-    outlineOffset: "-2px",
-    position: "absolute",
-    right: 0,
-    top: 0,
-    width: "45px"
-  }, getColorsAndStatesByPath("buttons.deletableInputButton")),
-  "&:focus-within:not(.asMaterial)": __spreadProps$4(__spreadValues$8({}, focusOutline), {
-    ".deletableInput__input:focus": {
-      outline: "none"
-    },
-    ".deletableInput__deleteButton:focus": {
-      outline: "none"
-    }
-  }),
-  "&.asMaterial": {
-    borderLeft: "none",
-    borderRight: "none",
-    borderTop: "none",
-    borderBottomColor: "palette.border.section",
-    "& + .input__underline": {
-      transform: "scale(1)"
-    },
-    ".deletableInput__input:focus": {
-      outline: "none",
-      "~.input__underline::after": {
-        animationName: "growHorizontal",
-        animationDuration: "150ms",
-        animationTimingFunction: "ease-out",
-        content: '""',
-        display: "block",
-        height: "0",
-        outlineColor: "palette.primary.main",
-        outlineStyle: "solid",
-        outlineWidth: "1.5px",
-        outlineOffset: 0,
-        position: "absolute",
-        transformOrigin: "center center",
-        left: 0,
-        right: 0
-      }
-    }
-  }
-};
-
-const forms$1 = () => {
-  return {
-    checkbox,
-    customCheckbox,
-    dateInput,
-    deletableInput,
-    iconInput,
-    input,
-    label,
-    radio,
-    select,
-    selectMultiple,
-    switch: Switch,
-    textarea,
-    /* PREPEND HERE */
-    'input[type="date"]': {
-      variant: "forms.input"
-    }
-  };
-};
-
-const overlay = {
-  overlay: {
-    position: "fixed",
-    overflow: "hidden",
-    top: "0",
-    right: "0",
-    bottom: "0",
-    left: "0",
-    width: "100vw",
-    height: "100vh",
-    display: "flex",
-    justifyContent: "center",
-    padding: "1.5em 1.5em",
-    alignItems: "center",
-    backgroundColor: `palette.background.overlay`,
-    zIndex: "modal",
-    "&:not(.screenLock) .modal-enter-done": {
-      boxShadow: "modals"
-    }
-  }
-};
-
-const apiaApi = {
-  margin: "auto",
-  display: "flex",
-  flexDirection: "column",
-  wordBreak: "break-word",
-  overflow: "hidden",
-  width: "100%",
-  ".handler__form": {
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden",
-    gap: spacing(6),
-    ".toggleAccordionElement": {
-      position: "sticky",
-      top: 0
-    },
-    ".handler__form__elements": {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "stretch",
-      overflowY: "auto",
-      maxHeight: "60vh",
-      gap: spacing(3),
-      pr: spacing(3)
-    },
-    ".handler__form__elements__section__content": {
-      display: "flex",
-      flexDirection: "column",
-      wordBreak: "break-word",
-      background: "palette.background.paper",
-      p: 0,
-      gap: spacing(3)
-    },
-    ".content .handler__form__elements__section__content": {
-      border: "1px solid",
-      borderColor: "palette.border.section",
-      borderTop: "none",
-      p: spacing(6)
-    },
-    ".handler__form__buttons": {
-      display: "flex",
-      flexDirection: "row",
-      justifyContent: "center",
-      p: 0,
-      gap: "0px",
-      textAlign: "center"
-    },
-    ".radio": {
-      display: "flex",
-      flexDirection: "column",
-      flexWrap: "wrap",
-      listStyle: "none",
-      variant: "layout.execution.form.fields.radio"
-    },
-    ".handler__checkbox, .handler__radio": {
-      "label span": {
-        fontWeight: "normal"
-      }
-    },
-    ".checkbox": {
-      flexDirection: "row-reverse",
-      alignItems: "center",
-      justifyContent: "start",
-      gap: spacing(4),
-      ".semicolon": {
-        display: "none"
-      },
-      input: {
-        width: "100%"
-      }
-    },
-    ".handler__hidden": {
-      display: "none"
-    },
-    "label.select > div": {
-      width: "100%"
-    },
-    ".spacer": {
-      height: spacing(7)
-    }
-  },
-  ".progressBox": {
-    p: spacing(5),
-    pt: spacing(0)
-  }
-  /* PREPEND HERE */
-};
-
-var __defProp$7 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-const modals = __spreadProps$3(__spreadValues$7({
-  apiaApi
-}, overlay), {
-  main: __spreadValues$7({
-    zIndex: "modal",
-    display: "flex",
-    flexDirection: "column",
-    p: spacing(6),
-    alignItems: "center",
-    justifyItems: "center",
-    maxHeight: "100vh",
-    maxWidth: "calc(100vw - 10px)",
-    resize: "both",
-    overflow: "auto",
-    border: "1px solid",
-    gap: spacing(5),
-    "&>div": {
-      overflow: "hidden",
-      flexGrow: 0,
-      flexShrink: 0,
-      p: "3px",
-      width: "100%"
-    },
-    "&>div.modal__header": {
-      alignItems: responsive$1({ 0: "end", 4: "center" }),
-      flexShrink: 0,
-      overflow: "visible",
-      ".modal__headerBar": {
-        display: "flex",
-        flexDirection: "row",
-        gap: spacing(3)
-      }
-    },
-    "&>div.modal__content, &>div.modal__content>form": {
-      overflow: "auto",
-      width: "100%",
-      flexBasis: "100%",
-      flexShrink: 1,
-      display: "flex",
-      justifyContent: "stretch",
-      alignItems: "stretch"
-    }
-  }, getColorsByPath("modal")),
-  finder: {
-    variant: "layout.common.modals.main",
-    height: responsive$1({ 0: "100vh", 3: "80vh" }),
-    width: responsive$1({ 0: "95vw", 3: "80vw", 4: "70vw" }),
-    ".modal__content": {
-      p: spacing(2),
-      overflow: "hidden",
-      ".confirm__content": {
-        overflow: "hidden",
-        ".finder__content": {
-          display: "flex",
-          alignItems: "stretch"
-        },
-        ".selection__keyHandler": {
-          overflow: "hidden",
-          height: "100%",
-          ".responsiveTable__wrapper": {
-            height: "100%",
-            border: "1px solid",
-            borderColor: "palette.border.article",
-            backgroundColor: "palette.gray.900"
-          }
-        }
-      }
-    }
-  },
-  sm: {
-    variant: "layout.common.modals.main",
-    maxWidth: "min(350px, calc(100vw - 10px))"
-  },
-  md: {
-    variant: "layout.common.modals.main",
-    maxWidth: "min(500px, calc(100vw - 10px))"
-  },
-  "md-fixed": {
-    variant: "layout.common.modals.main",
-    width: "min(500px, calc(100vw - 10px))"
-  },
-  lg: {
-    variant: "layout.common.modals.main",
-    maxWidth: "min(640px, calc(100vw - 10px))"
-  },
-  "lg-fixed": {
-    variant: "layout.common.modals.main",
-    maxWidth: "640px",
-    height: "60vh"
-  },
-  xl: {
-    variant: "layout.common.modals.main",
-    maxWidth: "min(730px, calc(100vw - 10px))"
-  },
-  "xl-fixed": {
-    variant: "layout.common.modals.main",
-    width: responsive$1({ 0: "95vw", 2: "60vw" }),
-    height: responsive$1({ 0: "95vh", 2: "80vh" })
-  },
-  xxl: {
-    variant: "layout.common.modals.main",
-    width: responsive$1({ 0: "95vw", 2: "80vw" }),
-    maxHeight: responsive$1({ 0: "95vh", 2: "80vh" })
-  },
-  xxxl: {
-    variant: "layout.common.modals.main",
-    width: responsive$1({ 0: "95vw", 2: "95vw" }),
-    maxHeight: responsive$1({ 0: "95vh", 2: "95vh" })
-  },
-  "xxxl-fixed": {
-    variant: "layout.common.modals.main",
-    width: responsive$1({ 0: "95vw", 2: "95vw" }),
-    height: responsive$1({ 0: "95vh", 2: "95vh" })
-  },
-  flex: {
-    variant: "layout.common.modals.main",
-    maxWidth: "95vw",
-    maxHeight: "95vh",
-    ".modal__content": {
-      p: spacing(2),
-      overflow: "auto"
-    }
-  },
-  cal: {
-    variant: "layout.common.modals.sm",
-    width: "350px",
-    ".react-calendar": {
-      backgroundColor: "palette.background.paper",
-      button: __spreadProps$3(__spreadValues$7({}, getColorsAndStatesByPath("form.fields")), {
-        "&.react-calendar__tile--active": __spreadValues$7({}, getColorsAndStatesByPath("buttons.primary"))
-      })
-    }
-  },
-  editGrid: {
-    variant: "layout.common.modals.main",
-    width: "root",
-    maxHeight: "90vh"
-  }
-  /* PREPEND HERE */
-});
-
-var __defProp$6 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-function getSelectionStyles() {
-  return {
-    'td[data-focused="false"], th[data-focused="false"]': {
-      "*:focus-visible, &:focus, &:focus-visible": {
-        outline: "none"
-      },
-      "*:focus": __spreadValues$6({}, focusOutline$1)
-    },
-    '[data-focused="true"]:not(.row__separator__cell)': {
-      '&:not([data-editionmode="true"])': {
-        "&:focus, & > *:focus, *:focus-visible": __spreadProps$2(__spreadValues$6({}, focusOutline$1), {
-          "&.cell__download__document": {
-            outlineOffset: 0
-          }
-        })
-      },
-      '&[data-editionmode="true"]': {
-        "&:focus, *:focus, *:focus-visible": __spreadProps$2(__spreadValues$6({}, focusOutline$1), {
-          outlineStyle: "dotted",
-          outlineWidth: "6px",
-          outlineOffset: "-4px"
-        })
-      }
-    },
-    '[data-focused="true"].row__separator__cell': {
-      backgroundColor: "palette.secondary.main",
-      outline: "none"
-    }
-  };
-}
-
-var __defProp$5 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-const primary$1 = __spreadProps$1(__spreadValues$5({
-  variant: "colors.tables.primary",
-  backgroundColor: "palette.background.paper",
-  borderCollapse: "separate",
-  borderSpacing: 0,
-  tableLayout: "fixed",
-  thead: __spreadProps$1(__spreadValues$5({}, getColorsByPath("tables.primary.thead")), {
-    zIndex: 1,
-    position: "sticky",
-    insetBlockStart: 0,
-    backgroundColor: "palette.background.paper",
-    "tr:not(.filtersRow):not(.responsiveTable__filters__row)": {
-      "th, td": {
-        variant: "buttons.primary",
-        py: responsive$1({ 0: 3, 4: 4 }),
-        px: responsive$1({ 0: 3, 4: 4 }),
-        width: "breakWidth",
-        backgroundColor: "palette.primary.main",
-        borderColor: "palette.primary.dark",
-        borderRadius: 0,
-        borderStyle: "solid",
-        borderWidth: "1px",
-        display: "table-cell",
-        verticalAlign: "center",
-        wordBreak: "break-word",
-        "&:last-of-type:not(td)": {
-          maxWidth: "100%",
-          width: "100%"
-        },
-        ".headButton__label": {
-          textAlign: "left"
-        },
-        ".headButton__resizer": {
-          width: "20px",
-          cursor: "ew-resize",
-          zIndex: 1e3,
-          position: "absolute",
-          right: "-10px",
-          height: "100%"
-        },
-        "&:last-of-type .headButton__resizer": {
-          right: "0px"
-        },
-        "&.additionalColumn": {
-          minWidth: "50px",
-          maxWidth: "50px",
-          width: "50px",
-          p: 0,
-          textAlign: "center",
-          verticalAlign: "center"
-        },
-        ".headButton__container": {
-          width: "100%",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: 3,
-          svg: {
-            flexShrink: 0
-          }
-        },
-        "&>div": {
-          color: "palette.primary.contrastText",
-          svg: {
-            color: "palette.text.primary"
-          }
-        },
-        "&:not(:last-of-type)": {
-          "&>div": {
-            borderRightWidth: "1px"
-          }
-        }
-      },
-      "th.requiredFilterColumn": {
-        borderLeft: "4px solid !important",
-        borderLeftColor: "#dc3545 !important"
-        // TODO USAR PALETTE
-      }
-    },
-    "tr.filtersRow, tr.responsiveTable__filters__row": {
-      backgroundColor: "palette.background.paper",
-      borderBottomWidth: "1px",
-      borderBottomStyle: "solid",
-      borderBottomColor: "palette.border.row",
-      "th.noFilter": {
-        background: "transparent"
-      },
-      td: {
-        "input:not([disabled]), select:not([disabled])": {
-          border: "1px solid white"
-        },
-        background: "transparent",
-        border: "1px solid",
-        borderColor: "palette.gray.800",
-        p: 0
-      },
-      transition: "height 0.3s",
-      "&.hidden": {
-        height: "0",
-        overflow: "hidden",
-        p: spacing(0),
-        border: "none",
-        "& *": {
-          height: "0",
-          overflow: "hidden",
-          fontSize: 0,
-          lineHeight: 0,
-          p: spacing(0),
-          border: "none"
-        }
-      }
-    }
-  }),
-  tbody: {
-    tr: __spreadProps$1(__spreadValues$5({
-      borderBottomWidth: "1px",
-      borderBottomStyle: "solid",
-      "&.non-selectable": {
-        cursor: "not-allowed"
-      },
-      "&.hidden": {
-        display: "none"
-      },
-      "&.locked": {
-        background: "palette.gray.900"
-      }
-    }, getSelectedColors()), {
-      "&.draggingRow": {
-        outline: "3px dotted",
-        outlineColor: "palette.primary.main",
-        outlineOffset: "-3px",
-        "*": {
-          outline: "none !important"
-        }
-      },
-      borderColor: "palette.gray.800",
-      ".rowStatesList": {
-        display: "flex",
-        gap: spacing(3),
-        alignItems: "center",
-        svg: {
-          width: "smallIcon",
-          height: "smallIcon",
-          cursor: "pointer"
-        }
-      },
-      td: {
-        verticalAlign: "top",
-        wordBreak: "break-word",
-        border: "1px solid",
-        borderColor: "palette.gray.900",
-        "&.stickyColumn": {
-          position: "sticky",
-          left: 0,
-          backgroundColor: "palette.background.paper"
-        },
-        ".moreInformationButton": {
-          width: "30px",
-          height: "30px",
-          padding: "3px",
-          border: "none",
-          background: "transparent"
-        }
-      }
-    }),
-    td: {
-      p: spacing(3)
-    },
-    ".responsiveTable__additionalInfoContainer": {
-      display: "grid",
-      gridTemplateColumns: responsive$1({
-        0: "repeat(2, 1fr)",
-        5: "repeat(4, 1fr)"
-      }),
-      columnGap: 3,
-      rowGap: 2
-    },
-    ".responsiveTable__additionalInfoContainer .responsiveTable__additionalInfoItem.separator": {
-      gridColumnStart: "1",
-      gridColumnEnd: "5",
-      borderBottom: "1px solid",
-      borderBottomColor: "palette.gray.700",
-      height: "auto"
-    }
-  },
-  ".row__separator__cell": {
-    backgroundColor: "palette.secondary.light"
-  },
-  ".pro_inst_warn_date": {
-    backgroundColor: "palette.warning.light"
-  },
-  ".pro_inst_overdue_date": {
-    backgroundColor: "palette.error.light"
-  },
-  ".pro_ele_inst_warn_date": {
-    backgroundColor: "palette.warning.light"
-  },
-  ".pro_ele_inst_overdue_date": {
-    backgroundColor: "palette.error.light"
-  },
-  ".pro_inst_warn_date__row": {},
-  ".pro_inst_overdue_date__row": {},
-  ".pro_ele_inst_warn_date__row": {},
-  ".pro_ele_inst_overdue_date__row": {},
-  ".priority": {
-    textAlign: "center"
-  },
-  ".editionMode": {
-    border: "3px solid",
-    borderColor: "palette.primary.main",
-    borderWidth: "1.5px",
-    borderStyle: "dotted"
-  },
-  ".stateCell": {
-    width: "50px",
-    maxWidth: "50px",
-    minWidth: "50px",
-    textAlign: "center",
-    verticalAlign: "middle"
-  }
-}, getSelectionStyles()), {
-  ".no__registers": {
-    py: 6
-  },
-  ".requiredFilter__Marker": {
-    color: "red",
-    paddingX: "5px"
-  },
-  ".requiredFilter__Column": {
-    fontWeight: "bold"
-  },
-  "&.dataGrid__printTable": {
-    m: 2,
-    border: "1px solid",
-    borderColor: "palette.border.article"
-  },
-  ".bold": {
-    fontWeight: "bold"
-  },
-  ".light": {
-    color: "#6a6a6a"
-  },
-  ".additionalInfo__cell, .stateCell": {
-    verticalAlign: "middle"
-  }
-});
-
-const information = {
-  width: "100%",
-  border: "1px solid",
-  borderColor: "primary",
-  borderCollapse: "collapse",
-  thead: {
-    tr: {
-      th: {
-        bg: "primary",
-        color: "white",
-        textAlign: "center",
-        fontWeight: "bold",
-        p: spacing(4)
-      }
-    }
-  },
-  tbody: {
-    tr: {
-      "td,th": {
-        borderColor: "muted",
-        p: spacing(4)
-      },
-      "&:not(tr:last-of-type)": {
-        "td,th": {
-          borderBottom: "1px solid"
-        }
-      },
-      "td:not(td:last-child),th:not(th:last-child)": {
-        borderRight: "1px solid"
-      },
-      th: {
-        textAlign: "left",
-        whiteSpace: "nowrap",
-        minWidth: "min-content",
-        width: 0
-      }
-    }
-  }
-};
-
-const accordion = {
-  display: "flex",
-  flexDirection: "column",
-  gap: spacing(2),
-  ".responsiveTable__accordionElement__toggler": {
-    variant: "buttons.outline",
-    borderWidth: "1px",
-    display: "flex",
-    gap: spacing(3),
-    alignItems: "stretch",
-    width: "100%",
-    px: 4,
-    py: 3,
-    "&:hover h3": {
-      color: "palette.primary.contrastText"
-    },
-    ".accordionElement__toggler__checkbox": {
-      flexShrink: 0,
-      m: spacing(2)
-    },
-    ".accordionElement__toggler__button": {
-      flexGrow: 100,
-      display: "flex",
-      justifyContent: "space-between",
-      py: 2,
-      pr: spacing(2),
-      alignItems: "center",
-      ".accordionElement__toggler__label": {
-        flexGrow: 100,
-        m: spacing(0),
-        textAlign: "left",
-        fontSize: 16
-      },
-      ".accordionElement__toggler__expandIcon": {
-        flexShrink: 0,
-        svg: {
-          width: "32px"
-        }
-      }
-    }
-  },
-  ".responsiveTable__accordionElement__content": {
-    "& > div": {
-      backgroundColor: "palette.background.paper",
-      transition: "padding-bottom 300ms, padding-top 300ms",
-      px: 5
-    },
-    "&.rah-static--height-zero": {
-      "& > div": { py: 0 }
-    },
-    "&.rah-static--height-auto, &.rah-animating--down": {
-      "& > div": { py: 5 }
-    },
-    ".pro_inst_warn_date": {
-      color: "priorityNormal"
-      // backgroundColor: 'priorityNormal',
-    },
-    ".pro_inst_overdue_date": {
-      color: "priorityUrgent"
-      // backgroundColor: 'priorityUrgent',
-    },
-    ".pro_ele_inst_warn_date": {
-      color: "priorityNormal"
-      // backgroundColor: 'priorityNormal',
-    },
-    ".pro_ele_inst_overdue_date": {
-      color: "priorityUrgent"
-      // backgroundColor: 'priorityUrgent',
-    },
-    ".pro_inst_warn_date__row": {
-      // color: 'priorityNormal',
-      // backgroundColor: 'priorityNormal',
-    },
-    ".pro_inst_overdue_date__row": {
-      // color: 'priorityUrgent',
-      backgroundColor: "priorityUrgent"
-    },
-    ".pro_ele_inst_warn_date__row": {
-      // color: 'priorityNormal',
-      // backgroundColor: 'priorityNormal',
-    },
-    ".pro_ele_inst_overdue_date__row": {
-      // color: 'priorityUrgent',
-      // backgroundColor: 'priorityUrgent',
-    },
-    ".priority_container": { display: "flex", alignItems: "center" },
-    ".priority": { display: "flex" }
-  }
-};
-
-const print = {
-  border: "2px solid",
-  borderColor: "printView.list.table.borderColor",
-  "td, th": {
-    p: 3,
-    textAlign: "left"
-  }
-};
-
-const responsive = {
-  maxHeight: "100%",
-  overflow: "auto",
-  position: "relative",
-  table: {
-    width: "100%"
-  },
-  "&.isLoading": {
-    overflow: "hidden"
-  },
-  ".responsiveTable__isLoading": {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    background: tinycolor(window.currentPalette.background.paper).setAlpha(0.7).toRgbString(),
-    zIndex: 1,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  ".cell__download__document": {
-    display: "flex",
-    gap: 3,
-    alignItems: "center",
-    justifyContent: "start",
-    "&, *": {
-      color: "palette.primary.main"
-    },
-    svg: {
-      flexShrink: 0
-    }
-  }
-  /* PREPEND HERE */
-};
-
-const tables = {
-  accordion,
-  information,
-  primary: primary$1,
-  print,
-  responsive
-  /* PREPEND HERE */
-};
-
-const captcha = {
-  display: "flex",
-  flexDirection: "column",
-  gap: spacing(2),
-  ".captcha__imageContainer": {
-    border: "1px solid",
-    borderColor: "palette.border.field",
-    p: spacing(4)
-  },
-  ".captcha__inputContainer": {
-    display: "flex",
-    gap: spacing(2),
-    justifyContent: "stretch",
-    input: {
-      flexGrow: 1,
-      width: "100%"
-    },
-    ".captcha__buttons": {
-      width: "24px",
-      flexDirection: "column",
-      display: "flex",
-      gap: spacing(2),
-      flexShrink: 0,
-      button: {
-        width: "24px",
-        height: "24px",
-        p: "5px",
-        variant: "buttons.icon-outline",
-        svg: {
-          color: "palette.text.primary",
-          height: "16px",
-          width: "16px"
-        }
-      }
-    }
-  }
-};
-
-const forms = {
-  captcha
-  /* PREPEND HERE */
-};
-
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
-    }
-  return a;
-};
-const primary = {
-  /* PREPEND HERE */
-  position: "relative",
-  '[role="tree"]:focus': {
-    outline: "none",
-    ".focus": focusOutline
-  },
-  ul: {
-    listStyle: "none",
-    p: 0
-  },
-  ".tree__searchLabelBox": {
-    alignItems: "center",
-    borderRadius: "2px",
-    display: "flex",
-    float: "right",
-    gap: spacing(3),
-    justifyContent: "center",
-    position: "sticky",
-    right: "4px",
-    top: "4px",
-    transform: "translateX(0)",
-    width: "100%",
-    zIndex: "stickyElements",
-    ".tree__loading": {
-      position: "fixed",
-      top: 0,
-      right: "4px",
-      height: "iconmd",
-      width: "iconmd",
-      background: "palette.background.paper"
-    },
-    button: {
-      cursor: "pointer"
-    }
-  },
-  ".tree__searchLabel": __spreadValues$4({
-    alignItems: "center",
-    display: "flex",
-    gap: spacing(3),
-    justifyContent: "center",
-    position: "fixed",
-    p: "2px 5px",
-    right: 0,
-    top: 0
-  }, getColorState(
-    { backgroundColor: "palette.background.paper" },
-    "selected"
-  )),
-  '[role="treeitem"]': {
-    '&[aria-expanded="false"] ul': {
-      display: "none"
-    },
-    '&[aria-selected="true"] > .tree__nodeItemLabel': getColorState(
-      { backgroundColor: "palette.background.paper" },
-      "selected"
-    ),
-    background: "transparent"
-  },
-  ".tree__nodeItemLabel": {
-    display: "flex",
-    flexWrap: "nowrap",
-    gap: 3,
-    alignItems: "center",
-    "& > *:not(.tree__nodeItemLabelRenderer)": {
-      flexShrink: 0,
-      textAlign: "left"
-    },
-    "&:hover": getColorState(
-      { backgroundColor: "palette.background.paper" },
-      "hover"
-    )
-  },
-  ".spacer": {
-    borderLeft: "1px solid",
-    borderLeftColor: "palette.border.section",
-    width: "20px",
-    alignSelf: "stretch"
-  }
-};
-
-const trees = {
-  primary
-};
-
-const common = {
-  forms,
-  modals,
-  tables,
-  trees
-  /* PREPEND HERE */
-};
-
-const layout = {
-  common
-  /* PREPEND HERE */
-};
-
-const transitions = {
-  "@keyframes growHorizontal": {
-    from: { transform: "scaleX(0)" },
-    to: { transform: "scaleY(100%)" }
-  },
-  ".mainMenu__animate": {
-    transition: "transform 150ms, opacity 150ms",
-    transform: "translateX(-1000px)",
-    opacity: 0
-  },
-  ".mainMenu-enter,\n.mainMenu-appear": {
-    transform: "translateX(-1000px)",
-    opacity: 0
-  },
-  ".mainMenu-enter-active,\n.mainMenu-appear-active": {
-    transform: "translateX(0)",
-    opacity: 1
-  },
-  ".mainMenu-enter-done,\n.mainMenu-appear-done": {
-    transform: "translateX(0)",
-    opacity: 1
-  },
-  ".mainMenu-exit": { opacity: 0 },
-  ".mainMenu-exit-done": { transform: "translateX(-1000px)", opacity: 0 },
-  ".mainMenu-exit-active": { transform: "translateX(-1000px)", opacity: 1 },
-  ".hamburguerMenu": { display: "none" },
-  ".hamburguerMenu-enter,\n.hamburguerMenu-appear": {
-    display: "block",
-    transform: "scale(0.7)",
-    opacity: 0
-  },
-  ".hamburguerMenu-enter-active,\n.hamburguerMenu-appear-active": {
-    transform: "translateX(0)",
-    transition: "opacity 150ms, transform 150ms",
-    transformOrigin: "right top",
-    opacity: 1
-  },
-  ".hamburguerMenu-enter-done,\n.hamburguerMenu-appear-done": {
-    display: "block"
-  },
-  ".hamburguerMenu-exit": {
-    display: "block",
-    transform: "scale(1)",
-    opacity: 1
-  },
-  ".hamburguerMenu-exit-active": {
-    transform: "scale(0.7) translateX(0)",
-    transition: "opacity 150ms, transform 150ms",
-    display: "block",
-    opacity: 0,
-    transformOrigin: "right top"
-  },
-  ".hamburguerMenu-exit-done": { display: "none" },
-  ".modal-enter,\n.modal-appear": { opacity: 0, transform: "scale(0.8)" },
-  ".modal-enter-active,\n.modal-appear-active": {
-    opacity: 1,
-    transform: "translateX(0)",
-    transition: "opacity 150ms, transform 150ms",
-    transitionDelay: "0"
-  },
-  ".modal-exit": { opacity: 0 },
-  ".modal-exit-done": { opacity: 0, display: "none" },
-  ".modal-exit-active": {
-    opacity: 0,
-    transform: "scale(100)",
-    transition: "opacity 150ms, transform 150ms",
-    transitionDelay: "0"
-  },
-  ".overlayAnimation-enter .overlayAnimation:not(.not-released),\n.overlayAnimation-appear .overlayAnimation:not(.not-released)": {
-    opacity: 0
-  },
-  ".overlayAnimation-enter-active .overlayAnimation:not(.not-released),\n.overlayAnimation-appear-active .overlayAnimation:not(.not-released)": {
-    opacity: 1,
-    transition: "opacity 150ms"
-  },
-  ".overlayAnimation-exit": { opacity: 1 },
-  ".overlayAnimation-exit-active": { opacity: 0, transition: "opacity 150ms" },
-  ".fromRight-enter,\n.fromRight-appear": { transform: "translateX(550px)" },
-  ".fromRight-enter-active,\n.fromRight-appear-active": {
-    transition: "transform 150ms",
-    transform: "translateX(0)"
-  },
-  ".fromRight-exit": { transform: "translateX(0)" },
-  ".fromRight-exit-active": {
-    transition: "transform 150ms",
-    transform: "translateX(550px)"
-  },
-  ".notification-enter,\n.notification-appear": {
-    opacity: 0,
-    transform: "scale(0.8)"
-  },
-  ".notification-enter-active,\n.notification-appear-active": {
-    opacity: 1,
-    transform: "translateX(0)",
-    transition: "opacity 150ms, transform 150ms",
-    transitionDelay: "0"
-  },
-  ".notification-exit": { opacity: 1 },
-  ".notification-exit-active": {
-    opacity: 0,
-    transform: "scale(0.8)",
-    transition: "opacity 150ms, transform 150ms",
-    transitionDelay: "0"
-  },
-  ".schedulerStage-enter,\n.schedulerStage-appear": {
-    opacity: 0,
-    transform: "scale(0.8)"
-  },
-  ".schedulerStage-enter-active,\n.schedulerStage-appear-active": {
-    opacity: 1,
-    transform: "translateX(0)",
-    transition: "opacity 150ms, transform 150ms",
-    transitionDelay: "0"
-  },
-  ".schedulerStage-exit": { opacity: 1 },
-  ".schedulerStage-exit-active": {
-    opacity: 0,
-    transform: "scale(0.8)",
-    transition: "opacity 150ms, transform 150ms",
-    transitionDelay: "0"
-  }
-};
-
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
-    }
-  return a;
-};
-const root = __spreadValues$3({
-  "*": {
-    fontFamily: "body",
-    fontWeight: "body",
-    fontSize: "100%",
-    code: {
-      fontFamily: "monospace"
-    },
-    "&:focus": focusOutline
-  },
-  body: {
-    minHeight: "100vh"
-  },
-  h1: {
-    fontSize: responsive$1({ 0: 26, 3: 32 })
-  },
-  h2: {
-    fontSize: responsive$1({ 0: 22, 3: 28 })
-  },
-  h3: {
-    fontSize: responsive$1({ 0: 19, 3: 25 })
-  },
-  h4: {
-    fontSize: responsive$1({ 0: 18, 3: 22 })
-  },
-  h5: {
-    fontSize: responsive$1({ 0: 18, 3: 22 })
-  },
-  h6: {
-    fontSize: responsive$1({ 0: 17, 3: 17 })
-  },
-  "h1,h2,h3,h4,h5,h6": {
-    letterSpacing: "heading",
-    lineHeight: "heading",
-    variant: "text.title"
-  },
-  "*:not(h1, h2, h3, h4, h5, h6, code)": {
-    fontFamily: "body",
-    fontSize: 16,
-    fontWeight: "body",
-    letterSpacing: "body",
-    lineHeight: "body"
-  },
-  ".section": {
-    border: "2px solid green",
-    "&.apia_section_row": {
-      display: "flex",
-      flexDirection: "row"
-    },
-    ".panel": {
-      width: "fit-content",
-      height: "100%"
-    }
-  },
-  ".top": {
-    display: "flex"
-  },
-  ".bottom": {
-    display: "block",
-    width: "100%"
-  },
-  ".planelContainer": {
-    overflowAnchor: "none"
-  },
-  ".minimap": {
-    background: "#00000015",
-    border: "1px solid #00000025",
-    position: "fixed",
-    bottom: "10px",
-    right: "10px",
-    "& > *": {
-      background: "#00000015",
-      position: "absolute"
-    },
-    ".dragging": {
-      background: "#55000015"
-    },
-    ".windowFrame": {
-      background: "#00005515",
-      border: "1px solid #00005525",
-      position: "absolute",
-      zIndex: 1
-    }
-  },
-  "abbr.required": {
-    color: "danger",
-    textDecoration: "none"
-  },
-  '[aria-selected="true"], .selected': __spreadValues$3({}, getPalette().getOneState(
-    { backgroundColor: getPalette().primary.main },
-    "selected"
-  ))
-}, transitions);
-
-const text = {
-  default: {
-    color: "palette.text.primary",
-    fontFamily: "body",
-    fontWeight: "body",
-    fontSize: 16,
-    m: spacing(0),
-    width: "100%"
-  },
-  title: {
-    letterSpacing: "heading",
-    wordBreak: "normal",
-    color: "title",
-    fontFamily: "heading",
-    lineHeight: "heading",
-    fontWeight: "heading"
-  }
-};
-
-const baseTheme = {
-  alerts,
-  breakpoints: ["0px", "250px", "500px", "700px", "1000px", "1260px", "1580px"],
-  buttons,
-  colors: getThemeColorsObject(),
-  fonts: {
-    body: "Arial",
-    heading: "inherit",
-    monospace: "Menlo, monospace"
-  },
-  fontSizes: Array(60).fill(1).map((_, i) => {
-    return i;
-  }),
-  forms: forms$1(),
-  layout,
-  lineHeights: {
-    body: 1.5,
-    heading: 1.125
-  },
-  letterSpacings: {
-    body: "0.01em",
-    heading: "-0.015em"
-  },
-  radii: {
-    alerts: 0,
-    buttons: 0,
-    default: 0
-  },
-  shadows: {
-    modals: "",
-    tabs: ""
-  },
-  space: [0, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 80, 96, 112, 128],
-  sizes: {
-    // Layout
-    applicationMenu: "350px",
-    floatingNotifications: "min(550px, calc(100vw - 30px))",
-    root: "992px",
-    mainImage: "64px",
-    twoColumns: "calc(992px + 350px)",
-    twoColumnsCentered: "calc(992px + 350px + 16px)",
-    // Icons
-    iconxs: "12px",
-    iconsm: "16px",
-    iconmd: "22px",
-    iconlg: "32px",
-    iconxl: "48px"
-  },
-  styles: {
-    root
-  },
-  text,
-  zIndices: {
-    stickyElements: 600,
-    menu: 1e3,
-    maximizedTables: 1100,
-    modal: 1200,
-    tooltip: 1400,
-    notifications: 1600,
-    contextMenu: 1800
-  },
-  useRootStyles: true
-};
-
-const makeTheme = (t) => {
-  return t;
-};
-let declaredStyles = {};
-new class MainThemeEmitter extends EventEmitter {
-}();
-function getMainTheme(customTheme) {
-  return makeTheme(
-    merge(baseTheme, { layout: declaredStyles }, customTheme != null ? customTheme : {})
-  );
-}
-
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
-    }
-  return a;
-};
-const injectedStyles = {};
-const mainThemeEmitter = new class MainThemeEmitter extends EventEmitter {
-}();
-function handleNewStyles(ev) {
-  injectedStyles[ev.path] = ev.styles;
-}
-mainThemeEmitter.on("newStyles", handleNewStyles);
-function useMainTheme(customTheme) {
-  const [theme, setTheme] = useState(getMainTheme(customTheme));
-  useMount(() => {
-    setTheme((current) => {
-      mainThemeEmitter.off("newStyles", handleNewStyles);
-      let initialTheme = __spreadValues$2({}, current);
-      Object.entries(injectedStyles).forEach(([path, styles]) => {
-        const newStyles = setValueByPath({}, path, styles);
-        initialTheme = merge(initialTheme, newStyles);
-      });
-      return initialTheme;
-    });
-    return mainThemeEmitter.on("newStyles", (ev) => {
-      const newStyles = setValueByPath({}, ev.path, ev.styles);
-      setTheme((current) => merge(__spreadValues$2({}, current), newStyles));
-    });
-  });
-  return theme;
-}
-
-let timeout = -1;
-function logTheme(theme) {
-  clearTimeout(timeout);
-  timeout = setTimeout(() => {
-    console.info({ theme });
-  }, 100);
-}
-const ThemeProviderContext = createContext({});
-const ThemeProvider = ({ children, customTheme }) => {
-  const theme = useMainTheme(customTheme);
-  logTheme(theme);
-  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { value: theme, children: /* @__PURE__ */ jsx(ThemeProvider$1, { theme, children }) });
-};
-
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-function getColorsByDefinition(definition, options) {
-  return merge(
-    buildColorsObject(__spreadValues$1(__spreadValues$1(__spreadValues$1({}, definition.color ? { color: definition.color } : null), definition.backgroundColor ? { backgroundColor: definition.backgroundColor } : null), definition.borderColor ? {
-      borderColor: definition.borderColor
-    } : null)),
-    options == null ? void 0 : options.mergeObject
-  );
-}
-
-function getColorsAndStatesByDefinition(definition, options) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const active = getColorState(definition, "active");
-  const checked = getColorState(definition, "checked");
-  const disabled = getColorState(definition, "disabled");
-  const focus = ((_a = options == null ? void 0 : options.states) == null ? void 0 : _a.focus) ? getColorState(definition, "focus") : {};
-  const hover = getColorState(definition, "hover");
-  const readonly = getColorState(definition, "readonly");
-  const selected = getColorState(definition, "selected");
-  return merge(
-    ((_b = options == null ? void 0 : options.states) == null ? void 0 : _b.default) !== false ? getColorsByDefinition(definition) : null,
-    ((_c = options == null ? void 0 : options.states) == null ? void 0 : _c.checked) !== false ? buildStateObject(checked, "checked") : {},
-    ((_d = options == null ? void 0 : options.states) == null ? void 0 : _d.focus) !== false ? buildStateObject(focus, "focus") : {},
-    ((_e = options == null ? void 0 : options.states) == null ? void 0 : _e.hover) !== false ? buildStateObject(hover, "hover") : {},
-    ((_f = options == null ? void 0 : options.states) == null ? void 0 : _f.active) !== false ? buildStateObject(active, "active") : {},
-    ((_g = options == null ? void 0 : options.states) == null ? void 0 : _g.selected) !== false ? buildStateObject(selected, "selected") : {},
-    ((_h = options == null ? void 0 : options.states) == null ? void 0 : _h.disabled) !== false ? buildStateObject(disabled, "disabled") : {},
-    ((_i = options == null ? void 0 : options.states) == null ? void 0 : _i.readonly) !== false ? buildStateObject(readonly, "readonly") : {},
-    options == null ? void 0 : options.mergeObject
-  );
-}
-
-const CustomThemeProvider = ({
-  children,
-  customTheme
-}) => {
-  const theme = getMainTheme(customTheme);
-  return /* @__PURE__ */ jsx(ThemeProvider$1, { theme, children });
-};
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-function makeStyledComponent(displayName, stylesPath, styles, Component, unwraped = false) {
-  const theme = setValueByPath({}, stylesPath, styles);
-  return Object.assign(
-    (props) => {
-      const avoidFirstRender = useRef(0);
-      if (unwraped) {
-        return /* @__PURE__ */ jsx(CustomThemeProvider, { customTheme: theme, children: /* @__PURE__ */ jsx(NoThemePrevent, { avoidFirstRender, children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(Component, __spreadValues({}, props)) }) }) });
-      }
-      return /* @__PURE__ */ jsx(CustomThemeProvider, { customTheme: theme, children: /* @__PURE__ */ jsx(NoThemePrevent, { avoidFirstRender, children: /* @__PURE__ */ jsx(Box, __spreadProps(__spreadValues({ className: "variant__holder" }, getVariant(stylesPath)), { children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(Component, __spreadValues({}, props)) }) })) }) });
-    },
-    { displayName }
-  );
-}
-const NoThemePrevent = ({
-  avoidFirstRender,
-  children
-}) => {
-  avoidFirstRender.current++;
-  if (avoidFirstRender.current <= 1)
-    return null;
-  return /* @__PURE__ */ jsx(Fragment, { children });
-};
-
-function injectStyles(par1, par2) {
-  const path = typeof par1 === "string" ? par1 : "";
-  const styles = typeof par1 === "string" ? par2 : par1;
-  mainThemeEmitter.emit("newStyles", { path, styles });
-}
-
-export { ThemeProvider, ThemeProviderContext, applyStatesGetColor, focusOutline, getColorState, getColorStates, getColorsAndStatesByDefinition, getColorsAndStatesByPath, getColorsByDefinition, getColorsByPath, getOneColorState, getPalette, getVariant, injectStyles, makeStyledComponent, responsive$1 as responsive, smallButton, spacing, useMainTheme };
-//# sourceMappingURL=index.js.map
+import{jsx as x,Fragment as So}from"react/jsx-runtime";import{ThemeProvider as U,Box as J}from"theme-ui";import{useRef as Po,Suspense as K,useState as To,createContext as Io}from"react";import{cloneDeep as z,merge as O}from"lodash";import{getValueByPath as Ro,setValueByPath as M,EventEmitter as Q,useMount as Bo}from"@apia/util";import f from"tinycolor2";import{focusOutline as L}from"@apia/theme";function c(o){var e;const r=[];for(let i=0;i<=6;i++)r[i+1]=(e=o[i])!=null?e:null;if(o.print)r[0]=o.print;else for(let i=5;i>=0;i--)o[i]!==void 0&&(r[0]=o[i]);return r}function t(o){var e;return(e=Z.spacing(o))!=null?e:o}const C={py:2,px:4,fontSize:"0.9em"},j={outlineColor:"outlineColor",outlineWidth:"3px",outlineStyle:"solid",outlineOffset:"-3px"};function H(o){return{variant:o,"data-variant":o}}const D={dark:"#cce5ff",light:"#557"},Wo=Array(50).fill(1).map((o,e)=>c({0:Math.ceil(e/2.5),1:Math.ceil(e/2.1),2:Math.ceil(e/1.7),3:Math.ceil(e/1.3),4:e})),Z={action:{disabled:"#d9d9d9",disabledOpacity:1,active:D,activeOpacity:.45,focus:D,focusOpacity:.05,hover:D,hoverOpacity:.1,readonly:D,readonlyOpacity:.4,selected:"rgb(204 214 222)",selectedOpacity:1},background:{default:"#f4f4f4",overlay:"rgba(0, 0, 0, 0.2)",paper:"white"},border:{article:"#cacaca",field:"#444",section:"#aaa"},common:{black:"black",white:"white"},info:{main:"#fff"},primary:{main:"#00496c"},secondary:{main:"#6c757d"},spacing:o=>Wo[o],text:{accent:"#609",disabled:"#555",icon:"white",link:"#00496c",primary:"#4a4a4a",secondary:"white",title:"#00496c"},error:{main:"#db7678",light:"#fff2f4"},success:{main:"#8bde8b",light:"#e7ffd9"},warning:{main:"#f8f588",light:"#fffdd9"},darkenRatio:15,lightenRatio:35,responsive:c,queryColumnsMultiplier:2};var Do=Object.defineProperty,ee=Object.getOwnPropertySymbols,Eo=Object.prototype.hasOwnProperty,Ao=Object.prototype.propertyIsEnumerable,oe=(o,e,r)=>e in o?Do(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,re=(o,e)=>{for(var r in e||(e={}))Eo.call(e,r)&&oe(o,r,e[r]);if(ee)for(var r of ee(e))Ao.call(e,r)&&oe(o,r,e[r]);return o};function I(o){return re(re({},o),o.borderColor?{borderLeftColor:o.borderColor,borderRightColor:o.borderColor,borderBottomColor:o.borderColor,borderTopColor:o.borderColor}:void 0)}var Fo=Object.defineProperty,te=Object.getOwnPropertySymbols,zo=Object.prototype.hasOwnProperty,Mo=Object.prototype.propertyIsEnumerable,ae=(o,e,r)=>e in o?Fo(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,ne=(o,e)=>{for(var r in e||(e={}))zo.call(e,r)&&ae(o,r,e[r]);if(te)for(var r of te(e))Mo.call(e,r)&&ae(o,r,e[r]);return o};const p=(o,e)=>{var r,i,u,l;if(e==="default")return I(o);const b=R(),y=b.action[`${e}Opacity`],w=e==="checked"?"selected":e;o=Object.fromEntries(Object.entries(o).map(([v,s])=>(["backgroundColor","borderColor","borderLeftColor","borderRightColor","borderBottomColor","borderTopColor","color"].includes(v)&&(s??"").startsWith("palette")&&(s=Ro(b,s.slice(8))),[v,s])));const a=f.mix((r=o.backgroundColor)!=null?r:"",f((i=o.backgroundColor)!=null?i:"").isLight()?b.action[w].light:b.action[w].dark,100*y).toRgbString();return I(ne(ne({},o.backgroundColor?{backgroundColor:e==="checked"?(u=o.backgroundColor)!=null?u:"":a,color:e==="checked"?f.mix(f((l=o.color)!=null?l:"black"),f(b.action.selected.dark),100*b.action.selectedOpacity).toRgbString():window.currentPalette.getContrastText(a)}:null),o.borderColor?{borderColor:f.mix(o.borderColor,f(o.borderColor).isLight()?b.action[w].light:b.action[w].dark,100*y).toRgbString()}:null))},E=(o,e)=>{const r=e?.default!==!1?z(o):{};return e?.active!==!1&&(r.active=p(o,"active")),e?.disabled!==!1&&(r.disabled=p(o,"disabled")),e?.focus!==!1&&(r.focus=p(o,"focus")),e?.hover!==!1&&(r.hover=p(o,"hover")),e?.readonly!==!1&&(r.readonly=p(o,"readonly")),e?.selected!==!1&&(r.selected=p(o,"selected")),e?.checked!==!1&&(r.checked=p(o,"checked")),r};function ie(o,e){o.forEach(r=>{Object.entries(r).forEach(([i,u])=>{if(typeof u=="string")return;const l=u;if(typeof l!="string"&&!l.preventParse){l.active||(l.active={}),l.checked||(l.checked={}),l.focus||(l.focus={}),l.disabled||(l.disabled={}),l.hover||(l.hover={}),l.selected||(l.selected={});const b=E(l,e);r[i]=O(b,l)}})})}function Lo(o){return!!o&&typeof o=="object"&&"main"in o}function Ho(o,e){return f(o).lighten(e??20).toRgbString()}function Xo(o,e){return f(o).darken(e??20).toRgbString()}function qo(o){const e=f(o);return f.readability("white",e)<f.readability("black",e)?"black":"white"}const m=(o,e)=>{switch(e){case"active":return{"&:active":o,"input[role]:active ~ &":o,"input[role]:active ~ & path":o};case"checked":return{"&:checked":o,"input[role]:checked ~ &":o,"input[role]:checked ~ & path":o};case"disabled":return{"&:disabled":o,"input[role]:disabled ~ &":o,"input[role]:disabled ~ & path":o};case"focus":{const r=O({},j,o);return{"&:focus":r,"input[role]:focus ~ &":r}}case"hover":return{'&:hover:not([readonly], :disabled,[aria-selected="true"],:active)':o,'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"])':o,'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"]) path':o};case"readonly":return{"&[readonly]":o,"input[role][readonly] ~ &":o,"input[role][readonly] ~ & path":o,"&.readonly input ~ &, &.readOnly input ~ &":o,"&.readonly input ~ & path, &.readOnly input ~ & path":o,"&.readonly, &.readOnly":o};case"selected":return{"&:selected":o,"input[role]:selected ~ &":o,"input[role]:selected ~ & path":o,'&[aria-selected="true"]':o};default:return o}};function h(o,e){return O(I({color:`${o}.color`,backgroundColor:`${o}.backgroundColor`,borderColor:`${o}.borderColor`}),e?.mergeObject)}var Go=Object.defineProperty,le=Object.getOwnPropertySymbols,No=Object.prototype.hasOwnProperty,Vo=Object.prototype.propertyIsEnumerable,ce=(o,e,r)=>e in o?Go(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,$=(o,e)=>{for(var r in e||(e={}))No.call(e,r)&&ce(o,r,e[r]);if(le)for(var r of le(e))Vo.call(e,r)&&ce(o,r,e[r]);return o};function n(o,e){var r,i,u,l,b,y,w,a;const v=h(`${o}.active`,e),s=h(`${o}.checked`,e),g=$({cursor:"not-allowed"},h(`${o}.disabled`,e)),_=h(`${o}.hover`,e),P=((r=e?.states)==null?void 0:r.focus)!==!1?h(`${o}.focus`,e):{},T=$({cursor:"notAllowed"},h(`${o}.readonly`,e)),k=h(`${o}.selected`,e);return O($($($($($($($($({},((i=e?.states)==null?void 0:i.default)!==!1?h(o,e):null),((u=e?.states)==null?void 0:u.checked)!==!1?m(s,"checked"):null),m(P,"focus")),((l=e?.states)==null?void 0:l.hover)!==!1?m(_,"hover"):null),((b=e?.states)==null?void 0:b.selected)!==!1?m(k,"selected"):null),((y=e?.states)==null?void 0:y.active)!==!1?m(v,"active"):null),((w=e?.states)==null?void 0:w.disabled)!==!1?m(g,"disabled"):null),((a=e?.states)==null?void 0:a.readonly)!==!1?m(T,"readonly"):null),e?.mergeObject)}var Yo=Object.defineProperty,de=Object.getOwnPropertySymbols,Uo=Object.prototype.hasOwnProperty,Jo=Object.prototype.propertyIsEnumerable,se=(o,e,r)=>e in o?Yo(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,S=(o,e)=>{for(var r in e||(e={}))Uo.call(e,r)&&se(o,r,e[r]);if(de)for(var r of de(e))Jo.call(e,r)&&se(o,r,e[r]);return o};const pe=(o,e)=>S(S(S(S(S(S(S(S({},e?.default!==!1?o:null),e?.checked!==!1?m(p(o,"checked"),"checked"):null),m(p(o,"focus"),"focus")),e?.selected!==!1?m(p(o,"selected"),"selected"):null),e?.hover!==!1?m(p(o,"hover"),"hover"):null),e?.active!==!1?m(p(o,"active"),"active"):null),e?.disabled!==!1?m(p(o,"disabled"),"disabled"):null),e?.readonly!==!1?m(p(o,"readonly"),"readonly"):null),ue=(o,e)=>{if(e==="default")return o;const r=e==="checked"?"selected":e,i=R(),u=i.action[`${e}Opacity`];return f.mix(o,f(o).isLight()?i.action[r].light:i.action[r].dark,100*u).toRgbString()};function be(o){var e,r,i,u,l,b,y,w;const a=z(o);a.lightenColor=(e=o.lightenColor)!=null?e:(s,g)=>Ho(s,g??o.lightenRatio),a.darkenColor=(r=o.darkenColor)!=null?r:(s,g)=>Xo(s,g??o.darkenRatio),a.getContrastText=(i=o.getContrastText)!=null?i:qo,Object.entries(o).forEach(([s,g])=>{var _,P,T;const k=g;Lo(k)?a[s]={main:k.main,light:(_=k.light)!=null?_:a.lightenColor(k.main),dark:(P=k.dark)!=null?P:a.darkenColor(k.main),contrastText:(T=k.contrastText)!=null?T:a.getContrastText(k.main)}:a[s]=g}),a.border.article=(u=a.border.article)!=null?u:a.secondary.main,a.border.field=(l=a.border.field)!=null?l:a.text.primary,a.border.section=(b=a.border.section)!=null?b:a.primary.main;function v(s){var g,_;return typeof s=="string"?{dark:s,light:s}:{dark:(g=s.dark)!=null?g:s.light,light:(_=s.light)!=null?_:s.dark}}a.action.active=v(a.action.active),a.action.disabled=v(a.action.disabled),a.action.focus=v(a.action.focus),a.action.hover=v(a.action.hover),a.action.readonly=v(a.action.readonly),a.action.selected=v(a.action.selected),a.buildStateObject=m,a.getColor=ue,a.getStatesForColors=E,a.getOneState=p,a.getStatesFromDefinition=pe,a.getStatesFromPath=n,a.gray=(y=a.gray)!=null?y:{};for(let s=1;s<=18;s++){const g=Math.round(13.37962962962963*s);a.gray[s*50]=(w=a.gray[s*50])!=null?w:`rgb(${g},${g},${g})`}return a}var Ko=Object.defineProperty,fe=Object.getOwnPropertySymbols,Qo=Object.prototype.hasOwnProperty,Zo=Object.prototype.propertyIsEnumerable,me=(o,e,r)=>e in o?Ko(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,X=(o,e)=>{for(var r in e||(e={}))Qo.call(e,r)&&me(o,r,e[r]);if(fe)for(var r of fe(e))Zo.call(e,r)&&me(o,r,e[r]);return o};function ge(o,e){return O(I(X(X(X({},o.color?{color:o.color}:null),o.backgroundColor?{backgroundColor:o.backgroundColor}:null),o.borderColor?{borderColor:o.borderColor}:null)),e?.mergeObject)}function er(o,e){var r,i,u,l,b,y,w,a,v;const s=p(o,"active"),g=p(o,"checked"),_=p(o,"disabled"),P=(r=e?.states)!=null&&r.focus?p(o,"focus"):{},T=p(o,"hover"),k=p(o,"readonly"),jo=p(o,"selected");return O(((i=e?.states)==null?void 0:i.default)!==!1?ge(o):null,((u=e?.states)==null?void 0:u.checked)!==!1?m(g,"checked"):{},((l=e?.states)==null?void 0:l.focus)!==!1?m(P,"focus"):{},((b=e?.states)==null?void 0:b.hover)!==!1?m(T,"hover"):{},((y=e?.states)==null?void 0:y.active)!==!1?m(s,"active"):{},((w=e?.states)==null?void 0:w.selected)!==!1?m(jo,"selected"):{},((a=e?.states)==null?void 0:a.disabled)!==!1?m(_,"disabled"):{},((v=e?.states)==null?void 0:v.readonly)!==!1?m(k,"readonly"):{},e?.mergeObject)}const or={ocean:["#008E1B","#009155","#009187","#008EB1","#006872","#2F4858"],sunset:["#ae76de","#D65DB1","#FF6F91","#FF9671","#FFC75F","#F9F871"],red:["#dc143c","#ff2400","#800020","#b22222","#e52b50","#ff7f50"],orange:["#F76E11","#FF9F45","#FFBC80","#FC4F4F","#eb9605","#964000"],green:["#a4de02","#76ba1b","#4c9a2a","#acdf87","#68bb59","#1e5631"],blue:["#7ad6f4","#45bdee","#28a7ea","#006cbb","#034698","#032f64"],violet:["#80007e","#a02d9c","#c37ecd","#9e5fb8","#7f3e98","#4c197f"],turquoise:["#0ddbcc","#43ebff","#19ceeb","#28acea","#388ee9","#3d76e0"],yellow:["#fff700","#ffff9f","#fef54f","#f9e231","#f6c616","#eab200"],grey:["#b1b5ba","#d2d5d6","#dee0e0","#bdbdbb","#9fa19c","#686e67"]},rr=()=>{const o=window.currentPalette;return{datagrid:{borderColor:o.background.paper,header:{backgroundColor:o.background.default,color:o.text.primary,borderColor:o.background.default},body:{preventParse:!0,backgroundColor:o.background.paper,evenRowsBackgroundColor:o.darkenColor(o.background.paper,3),color:o.text.primary,borderColor:o.gray[800],selectedRows:{borderColor:o.gray[800],backgroundColor:o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor,color:o.getContrastText(o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor)}}},pagination:{backgroundColor:o.primary.main,icons:{backgroundColor:o.primary.main,borderColor:o.primary.main,color:o.primary.contrastText},pagesBox:{preventParse:!0,backgroundColor:o.background.paper,borderColor:o.border.field,color:o.text.primary}},primaryTable:{borderColor:o.background.paper,header:{backgroundColor:o.primary.main,color:o.primary.contrastText,borderColor:o.primary.main},body:{preventParse:!0,backgroundColor:o.background.paper,evenRowsBackgroundColor:o.darkenColor(o.background.paper,3),color:o.text.primary,borderColor:o.gray[800],selectedRows:{borderColor:o.gray[800],backgroundColor:o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor,color:o.getContrastText(o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor)}}},secondaryTable:{borderColor:o.background.paper,header:{backgroundColor:o.background.default,color:o.text.primary,borderColor:o.background.default},body:{preventParse:!0,backgroundColor:o.background.paper,evenRowsBackgroundColor:o.darkenColor(o.background.paper,3),color:o.text.primary,borderColor:o.gray[800],selectedRows:{borderColor:o.gray[800],backgroundColor:o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor,color:o.getContrastText(o.getOneState({backgroundColor:o.background.paper},"selected").backgroundColor)}}}}};var tr=Object.defineProperty,ar=Object.defineProperties,nr=Object.getOwnPropertyDescriptors,ye=Object.getOwnPropertySymbols,ir=Object.prototype.hasOwnProperty,lr=Object.prototype.propertyIsEnumerable,he=(o,e,r)=>e in o?tr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,ve=(o,e)=>{for(var r in e||(e={}))ir.call(e,r)&&he(o,r,e[r]);if(ye)for(var r of ye(e))lr.call(e,r)&&he(o,r,e[r]);return o},xe=(o,e)=>ar(o,nr(e));const we="#004085",cr="#cce5ff",q="white";function ke(){const o=R();return o.getStatesFromDefinition({backgroundColor:o.background.paper,color:o.text.primary},{active:!1,checked:!1,default:!1,disabled:!1,focus:!1,readonly:!1})}function R(o){const e=o===!0,r=typeof o!="boolean"?o:void 0;return window.currentPalette&&!e||(window.currentPalette=be(O(Z,window.defaultPalette,r??window.customPalette))),window.currentPalette}function dr(){var o;const e=z((o=window.currentPalette)!=null?o:R()),r={palette:xe(ve({},e),{lightenColor:void 0,darkenColor:void 0,getContrastText:void 0,buildStateObject:void 0,getColor:void 0,getOneState:void 0,getStatesForColors:void 0,getStatesFromDefinition:void 0,getStatesFromPath:void 0}),accordion:{borderColor:e.border.section},buttons:{accordion:{backgroundColor:e.primary.main,borderColor:e.border.section,color:e.primary.contrastText},accordionPrimary:{backgroundColor:e.primary.main,borderColor:e.border.section,color:e.primary.contrastText},close:xe(ve({},E({color:e.text.primary,backgroundColor:e.background.paper})),{backgroundColor:"transparent"}),collapsibleAsidePanelTitle:{color:e.text.primary},deletableInputButton:{backgroundColor:"transparent",color:e.secondary.main,active:{color:e.darkenColor(e.secondary.main,40)},disabled:{color:e.secondary.main},focus:{color:e.darkenColor(e.secondary.main,20)},hover:{color:e.darkenColor(e.secondary.main,20)}},icon:{backgroundColor:e.secondary.main,color:e.text.icon,hover:{color:e.secondary.contrastText},focus:{color:e.secondary.contrastText}},iconAlert:{backgroundColor:"transparent",color:e.text.icon,active:{backgroundColor:"transparent",color:f("#e5c200").darken(10).toRgbString()},focus:{backgroundColor:"transparent",color:f("#e5c200").darken(5).toRgbString()},hover:{backgroundColor:"transparent",color:f("#e5c200").darken(5).toRgbString()}},iconPrimary:{backgroundColor:e.primary.main,color:e.primary.contrastText,active:{color:e.primary.contrastText},focus:{color:e.primary.contrastText},hover:{color:e.primary.contrastText},disabled:{color:e.gray[500]}},iconToggled:{backgroundColor:e.primary.main,color:e.primary.contrastText,active:{color:e.primary.contrastText},focus:{color:e.common.white},hover:{color:e.common.white}},iconOutline:{backgroundColor:e.background.paper,color:e.primary.main,borderColor:e.border.article},imagePreview:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.border.article},link:{backgroundColor:"transparent",color:e.text.primary,borderColor:"transparent",active:{color:e.text.primary},focus:{color:e.text.primary},hover:{color:e.text.primary}},openTab:{backgroundColor:e.primary.main,color:e.primary.contrastText,borderColor:e.primary.dark},outline:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.primary.main},outlineDanger:{backgroundColor:e.background.paper,color:e.primary.main,borderColor:e.primary.main,active:{borderColor:e.darkenColor(e.error.dark,e.action.activeOpacity*80),backgroundColor:e.darkenColor(e.error.dark,e.action.activeOpacity*80),color:e.getContrastText(e.darkenColor(e.error.dark,e.action.activeOpacity*80))},focus:{borderColor:e.darkenColor(e.error.dark,e.action.activeOpacity*60),backgroundColor:e.darkenColor(e.error.dark,e.action.activeOpacity*60),color:e.getContrastText(e.darkenColor(e.error.dark,e.action.activeOpacity*60))},hover:{borderColor:e.darkenColor(e.error.dark,e.action.activeOpacity*70),backgroundColor:e.darkenColor(e.error.dark,e.action.activeOpacity*70),color:e.getContrastText(e.darkenColor(e.error.dark,e.action.activeOpacity*70))}},outlineWarning:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.primary.main,active:{borderColor:e.warning.main,backgroundColor:e.warning.main,color:e.warning.contrastText},focus:{borderColor:e.warning.main,backgroundColor:e.warning.main,color:e.warning.contrastText},hover:{borderColor:e.warning.main,backgroundColor:e.warning.main,color:e.warning.contrastText}},paper:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.background.paper},primary:{backgroundColor:e.primary.main,color:e.primary.contrastText,borderColor:e.primary.main},secondary:{backgroundColor:e.secondary.main,color:e.secondary.contrastText,borderColor:e.secondary.main},tab:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.border.article},toggleIcon:{color:e.secondary.contrastText,backgroundColor:e.secondary.main,borderColor:e.border.field,danger:{backgroundColor:e.error.main,borderColor:e.border.field,color:e.error.contrastText},toggled:{backgroundColor:e.primary.main,borderColor:e.border.field,color:e.primary.contrastText}},transparentIcon:{backgroundColor:"transparent",color:e.text.primary,hover:{color:e.primary.main},focus:{color:e.primary.main}}},components:rr(),dropzone:{backgroundColor:e.background.paper,borderColor:e.border.section,color:e.background.default},form:{backgroundColor:e.background.paper,fields:{backgroundColor:e.background.paper,color:e.text.primary,borderColor:e.border.field},radio:{backgroundColor:"transparent",color:f(window.currentPalette.text.primary).lighten(15).toRgbString(),borderColor:e.text.primary,active:{backgroundColor:"transparent",color:f(window.currentPalette.text.primary).lighten(0).toRgbString()},checked:{backgroundColor:"red",color:f(window.currentPalette.text.primary).lighten(15).toRgbString()},disabled:{backgroundColor:"transparent",color:f(window.currentPalette.text.primary).lighten(55).toRgbString()},hover:{backgroundColor:"transparent",color:f(window.currentPalette.text.primary).lighten(7).toRgbString()},readonly:{color:f(window.currentPalette.text.primary).lighten(38).toRgbString(),backgroundColor:"transparent"}}},modal:{borderColor:e.border.section,backgroundColor:e.background.paper},notifications:{error:{backgroundColor:e.error.light,color:e.getContrastText(e.error.light),borderColor:e.error.main},success:{backgroundColor:e.success.light,color:e.getContrastText(e.success.light),borderColor:e.success.main},warning:{backgroundColor:e.warning.light,color:e.getContrastText(e.warning.light),borderColor:e.warning.main}},pagination:{color:e.primary.contrastText,backgroundColor:e.primary.main},printView:{main:{backgroundColor:e.background.default,page:{backgroundColor:e.background.paper,borderColor:e.border.article}},list:{table:{borderColor:e.border.section},th:{backgroundColor:"#eee"},cell:{borderColor:e.border.article}}},schemas:or,scrollbars:{bar:{color:e.secondary.main,backgroundColor:e.background.default,hover:{backgroundColor:e.lightenColor(e.background.default,10),color:e.lightenColor(e.secondary.main,10)},active:{backgroundColor:e.lightenColor(e.background.default,10),color:e.lightenColor(e.secondary.main,20)}}},tab:{backgroundColor:e.background.paper,borderColor:e.border.section},topBar:{backgroundColor:e.primary.main},accent:e.text.accent,background:e.background.default,iconWarning:"rgb(246 222 87)",muted:e.text.disabled,primary:e.primary.main,secondary:e.secondary.main,text:e.text.primary,warning:e.warning.main,danger:e.error.main,link:e.text.accent,success:e.success.main,title:e.text.title,selected:e.getOneState({backgroundColor:e.background.paper},"selected").backgroundColor,lightBorder:"hsl(0, 12%, 85%)",outlineColor:"#00a8f6",touchedBorderColor:"orange",baseGrey:"#dfdfdf",darkBorder:"hsl(247, 98%, 10%)",darkBlue:we,disabled:"#efefef",favorite:"#e5c200",filtersRowBackground:q,formBackground:q,grey:"#777",gridRowHighlight:"#e1f3ff",highlightButton:"hsl(61, 100%, 91%)",lightBlue:cr,oddRow:"#f0f5ff",paginationBackground:"hsl(229deg, 75%, 90%)",readOnlyText:"#737373",required:"darkred",scrollbarBack:"rgb(206, 206, 206)",scrollbarFront:"rgb(156, 156, 156)",sysExceptionNotificationBg:"#f8d7da",sysMessageNotificationBg:"#fff3cd",tabBackground:"white",treeRuler:"#ccc",white:q,priorityNone:"gray",priorityLow:e.success.main,priorityNormal:"rgb(255 211 34)",priorityHigh:"rgb(255 150 0)",priorityUrgent:"red",charts:{front:we}};return ie([r?.buttons,r?.form]),r}var sr=Object.defineProperty,Ce=Object.getOwnPropertySymbols,pr=Object.prototype.hasOwnProperty,ur=Object.prototype.propertyIsEnumerable,Oe=(o,e,r)=>e in o?sr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,G=(o,e)=>{for(var r in e||(e={}))pr.call(e,r)&&Oe(o,r,e[r]);if(Ce)for(var r of Ce(e))ur.call(e,r)&&Oe(o,r,e[r]);return o};const br={primary:{border:"1px solid",borderLeft:"12px solid",borderRadius:"alerts",display:"flex",flexDirection:"column",fontWeight:"normal",maxHeight:"60vh",overflow:"auto",p:0,"&:focus":{outline:"none"},".notification__header":{display:"flex",alignItems:"center",justifyContent:"space-between",position:"sticky",top:0,width:"100%",p:t(5)},".notification__title":{fontSize:18,fontWeight:"bold",color:"palette.text.primary",display:"flex",gap:t(5),alignItems:"center"},".notification__closeButton":{flexShrink:0},".notification__body":{alignItems:"center",display:"flex",flexDirection:"row",gap:t(5),width:"100%",p:t(5)},".notification__header ~ .notification__body":{pt:0},".notification__content":{display:"flex",alignItems:"stretch",flexDirection:"column",gap:t(5),width:"100%"},".notification__icon":{flexShrink:0,height:"iconMd",svg:{height:"iconMd",width:"iconMd"}},".notification__message":{display:"flex",flexDirection:"column",fontWeight:"normal",gap:t(3),width:"100%",wordBreak:"break-word"},".notification__trace":{maxWidth:"100%",overflow:"hidden",maxHeight:"30vh",flexShrink:0,backgroundColor:"rgba(10,10,10,0.02)",pt:t(5),".notification__traceLabel":{pl:t(5),display:"flex",gap:2},".notification__traceText":{fontWeight:"normal",p:t(5),maxHeight:"30vh",overflow:"auto",maxWidth:"100%",position:"relative"}},"&:focus .notification__closeButton":j},warning:{variant:"alerts.primary","&, & .notification__header":G({},h("notifications.warning"))},danger:{variant:"alerts.primary","&, & .notification__header":G({},h("notifications.error"))},success:{variant:"alerts.primary","&, & .notification__header":G({},h("notifications.success"))}};var fr=Object.defineProperty,mr=Object.defineProperties,gr=Object.getOwnPropertyDescriptors,$e=Object.getOwnPropertySymbols,yr=Object.prototype.hasOwnProperty,hr=Object.prototype.propertyIsEnumerable,_e=(o,e,r)=>e in o?fr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,d=(o,e)=>{for(var r in e||(e={}))yr.call(e,r)&&_e(o,r,e[r]);if($e)for(var r of $e(e))hr.call(e,r)&&_e(o,r,e[r]);return o},je=(o,e)=>mr(o,gr(e));const vr={inherit:{color:"inherit",background:"inherit",border:"none",borderRadius:0,font:"inherit",cursor:"pointer",padding:0,margin:0},collapsibleAsidePanelTitle:d({variant:"buttons.inherit",display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%"},n("buttons.collapsibleAsidePanelTitle")),primary:je(d({borderWidth:"2px",borderStyle:"solid",variant:"text.default",py:c({0:3,4:4}),px:c({0:5,4:6}),display:"inline-block",width:c({0:"100%",1:"auto"}),cursor:"pointer",borderRadius:"buttons",fontWeight:"normal",userSelect:"none",transition:"background-color 300ms ease-out, color 300ms ease-out",wordBreak:"keep-all"},n("buttons.primary")),{"&:focus, &:focus-visible":{outlineColor:"#00daff"}}),"primary-sm":d({variant:"buttons.primary","&:focus, &:focus-visible":{}},C),secondary:d({variant:"buttons.primary","&:focus, &:focus-visible":{},borderWidth:"0px",borderStyle:"solid"},n("buttons.secondary")),"secondary-sm":d({variant:"buttons.secondary"},C),"light-secondary":d({variant:"buttons.secondary"},n("buttons.lightSecondary")),danger:d({variant:"buttons.primary","&:focus, &:focus-visible":{}},n("buttons.danger")),"danger-sm":d({variant:"buttons.danger"},C),warning:d({variant:"buttons.primary","&:focus, &:focus-visible":{}},n("buttons.warning")),"warning-sm":d({variant:"buttons.warning"},C),close:d({cursor:"pointer",ml:"auto",mr:"2",borderRadius:"buttons"},n("buttons.close")),accordion:{variant:"buttons.primary","&:focus, &:focus-visible":{},cursor:"pointer",m:t(0),py:c({0:3,4:4}),px:c({0:5,4:6}),width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",borderRadius:"buttons",textAlign:"left",fontFamily:"heading",fontSize:"text.default",textDecoration:"none",textTransform:"none",fontWeight:"bold",border:"none",transition:"background-color 300ms ease-out, color 300ms ease-out",userSelect:"text","&, *":n("buttons.accordion"),"h3.toggleAccordionElementLabel":{variant:"text.default",color:"inherit",margin:0,wordBreak:"break-word"}},"accordion-primary":d({variant:"buttons.accordion",border:"none"},n("buttons.accordionPrimary")),icon:je(d({display:"flex",justifyContent:"center",alignItems:"center",p:t(0),m:t(0),bg:"secondary",cursor:"pointer",transition:"background-color 300ms ease-out, color 300ms ease-out",borderRadius:"buttons",border:"none"},n("buttons.icon")),{svg:{width:"auto",height:"20px",display:"block"},"&.isToggled":d({},n("buttons.iconToggled"))}),"icon-primary":d({variant:"buttons.icon"},n("buttons.iconPrimary")),"icon-outline":d({variant:"buttons.icon",bg:"white",border:"1px solid"},n("buttons.iconOutline")),"icon-outline-danger":d({variant:"buttons.icon",bg:"white",border:"1px solid"},n("buttons.outlineDanger")),"icon-only":d({variant:"buttons.icon"},n("buttons.iconOnly")),link:d({variant:"inherit",width:"auto",border:"none",textDecoration:"underline",px:2,py:1,borderRadius:"buttons",cursor:"pointer",textTransform:"none",transition:"background-color 300ms ease-out, color 300ms ease-out"},n("buttons.link")),"link-sm":d({variant:"buttons.link"},C),outline:d({variant:"buttons.primary",borderWidth:"2px",borderStyle:"solid",borderRadius:"buttons","&:focus, &:focus-visible":{}},n("buttons.outline",{states:{active:!1,checked:!1,disabled:!1,focus:!1,hover:!1,readonly:!1,selected:!1}})),"outline-sm":d({variant:"buttons.outline"},C),"transparent-sm":d({variant:"buttons.outline","&:focus, &:focus-visible":{},bg:"transparent",color:"inherit",border:"none",font:"inherit",textTransform:"inherit"},C),"outline-danger":d({variant:"buttons.outline","&:focus, &:focus-visible":{}},n("buttons.outlineDanger")),"outline-danger-sm":d({variant:"buttons.outline-danger"},C),"outline-warning":d({variant:"buttons.outline","&:focus, &:focus-visible":{}},n("buttons.outlineWarning")),"outline-warning-sm":d({variant:"buttons.outline-warning"},C),"outline-extended":{variant:"buttons.outline",gridColumnStart:1,gridColumnEnd:3,width:"100%"},"outline-danger-extended":{variant:"buttons.outline-danger",gridColumnStart:1,gridColumnEnd:3,width:"100%"},"primary-extended":{variant:"buttons.primary","&:focus, &:focus-visible":{},gridColumnStart:1,gridColumnEnd:3,width:"100%"},query:{extended:{variant:"buttons.outline","&:focus, &:focus-visible":{},gridColumnStart:1,gridColumnEnd:3}},tableAccordion:d({variant:"buttons.accordion",fontSize:"text.default",p:t(3),wordBreak:"keep-all",a:{color:"background"}},n("buttons.tableAccordion")),tableHeader:d({variant:"buttons.tableAccordion",alignItems:"center",justifyContent:"center",height:"100%",border:"none",svg:{ml:t(2)}},n("buttons.tableHeader")),paper:d({variant:"buttons.primary",borderWidth:"2px",borderStyle:"solid",borderRadius:"buttons"},n("buttons.paper")),"paper-sm":d(d({variant:"buttons.primary",borderWidth:"2px",borderStyle:"solid",borderRadius:"buttons"},n("buttons.paper")),C)};var xr=Object.defineProperty,Se=Object.getOwnPropertySymbols,wr=Object.prototype.hasOwnProperty,kr=Object.prototype.propertyIsEnumerable,Pe=(o,e,r)=>e in o?xr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Cr=(o,e)=>{for(var r in e||(e={}))wr.call(e,r)&&Pe(o,r,e[r]);if(Se)for(var r of Se(e))kr.call(e,r)&&Pe(o,r,e[r]);return o};const Or=Cr({display:"inline-flex",borderRadius:"default",flexBasis:"32px",flexShrink:0,width:"32px",height:"32px",alignItems:"center",justifyContent:"center",p:"3px",border:"1px solid",svg:{width:"20px"}},n("form.fields",{states:{active:!1,hover:!1,focus:!1}}));var $r=Object.defineProperty,_r=Object.defineProperties,jr=Object.getOwnPropertyDescriptors,Te=Object.getOwnPropertySymbols,Sr=Object.prototype.hasOwnProperty,Pr=Object.prototype.propertyIsEnumerable,Ie=(o,e,r)=>e in o?$r(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Tr=(o,e)=>{for(var r in e||(e={}))Sr.call(e,r)&&Ie(o,r,e[r]);if(Te)for(var r of Te(e))Pr.call(e,r)&&Ie(o,r,e[r]);return o},Ir=(o,e)=>_r(o,jr(e));const Rr=Ir(Tr({borderRadius:"default"},n("form.fields",{states:{active:!1,focus:!1,hover:!1}})),{backgroundColor:"unset",alignItems:"center","&.nativeCheckbox":{appearance:"none",width:"25px",height:"25px",border:"solid 1px #cccccc",marginRight:"8px",position:"relative",cursor:"pointer","&:checked::before":{content:'"\u2713"',color:"palette.text.primary",position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:0,left:0,right:0,bottom:0,fontSize:"larger",fontWeight:"bolder",borderRadius:"5px",cursor:"pointer"},"&:indeterminate::before":{content:'"-"',color:"palette.text.primary",position:"absolute",display:"flex",alignItems:"center",justifyContent:"center",top:"-1px",left:0,right:0,bottom:0,fontSize:"xx-large",fontWeight:"600",borderRadius:"5px",cursor:"pointer"}}});var Br=Object.defineProperty,Wr=Object.defineProperties,Dr=Object.getOwnPropertyDescriptors,Re=Object.getOwnPropertySymbols,Er=Object.prototype.hasOwnProperty,Ar=Object.prototype.propertyIsEnumerable,Be=(o,e,r)=>e in o?Br(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,We=(o,e)=>{for(var r in e||(e={}))Er.call(e,r)&&Be(o,r,e[r]);if(Re)for(var r of Re(e))Ar.call(e,r)&&Be(o,r,e[r]);return o},Fr=(o,e)=>Wr(o,Dr(e));const zr=Fr(We({display:"flex",flexDirection:"column",alignItems:"stretch",justifyContent:"stretch",gap:t(2),width:"100%","&.readOnly":{input:{color:"Text.fields",bg:"Background.fields"}},".iconInput":{width:"100%",position:"relative"},'input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]), input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]) path, .delete_date_button':We({position:"absolute",right:"59px",padding:0,top:"calc(50% - 10px)",margin:0,marginRight:0,borderRadius:"100%",width:"20px",height:"20px"},n("buttons.icon-outline")),input:{flexShrink:1},"& > div":{display:"flex",gap:t(2),flexShrink:0,width:"auto",maxWidth:"100%",minWidth:0,button:{width:"45px",flexShrink:0}}},n("form.fields",{states:{hover:!1,active:!1,focus:!1}})),{backgroundColor:void 0});var Mr=Object.defineProperty,De=Object.getOwnPropertySymbols,Lr=Object.prototype.hasOwnProperty,Hr=Object.prototype.propertyIsEnumerable,Ee=(o,e,r)=>e in o?Mr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Xr=(o,e)=>{for(var r in e||(e={}))Lr.call(e,r)&&Ee(o,r,e[r]);if(De)for(var r of De(e))Hr.call(e,r)&&Ee(o,r,e[r]);return o};const qr={display:"flex",gap:t(1),justifyContent:"stretch",alignItems:"center","&.readOnly":{input:Xr({},h("form.fields"))},input:{height:"50px",width:"100%"},button:{display:"flex",width:"45px",flexShrink:0,height:"50px"}};var Gr=Object.defineProperty,Nr=Object.defineProperties,Vr=Object.getOwnPropertyDescriptors,Ae=Object.getOwnPropertySymbols,Yr=Object.prototype.hasOwnProperty,Ur=Object.prototype.propertyIsEnumerable,Fe=(o,e,r)=>e in o?Gr(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Jr=(o,e)=>{for(var r in e||(e={}))Yr.call(e,r)&&Fe(o,r,e[r]);if(Ae)for(var r of Ae(e))Ur.call(e,r)&&Fe(o,r,e[r]);return o},Kr=(o,e)=>Nr(o,Vr(e));const Qr=Kr(Jr({variant:"text.default",border:"1px solid",borderRadius:"default",padding:c({0:3,3:4}),"::placeholder":{color:"#b0b0b0"}},n("form.fields",{states:{active:!1,hover:!1,focus:!1}})),{material:{input:{borderLeft:"none",borderRight:"none",borderTop:"none",borderBottomColor:"palette.border.section","& + .input__underline":{transform:"scale(1)"},"&:focus":{outline:"none","~::after":{animationName:"growHorizontal",animationDuration:"150ms",animationTimingFunction:"ease-out",content:'""',display:"block",height:"0",outlineColor:"palette.primary.main",outlineStyle:"solid",outlineWidth:"1.5px",outlineOffset:0,position:"fixed",transformOrigin:"center center",width:"100%"}}}}}),Zr={variant:"text.default",alignItems:"center",width:"auto",textTransform:"none",cursor:"pointer","&:not(.radio-label)":{fontWeight:"bold"},"&.required":{position:"relative","&::before":{color:"danger",position:"absolute",content:'"*"',top:0,left:"-10px"}},"&:last-of-type":{"input, textarea, select":{mb:t(0)}}};var et=Object.defineProperty,ze=Object.getOwnPropertySymbols,ot=Object.prototype.hasOwnProperty,rt=Object.prototype.propertyIsEnumerable,Me=(o,e,r)=>e in o?et(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,tt=(o,e)=>{for(var r in e||(e={}))ot.call(e,r)&&Me(o,r,e[r]);if(ze)for(var r of ze(e))rt.call(e,r)&&Me(o,r,e[r]);return o};const at=tt({width:"32px",height:"32px",input:{height:"32px !important"}},n("form.radio"));var nt=Object.defineProperty,Le=Object.getOwnPropertySymbols,it=Object.prototype.hasOwnProperty,lt=Object.prototype.propertyIsEnumerable,He=(o,e,r)=>e in o?nt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,ct=(o,e)=>{for(var r in e||(e={}))it.call(e,r)&&He(o,r,e[r]);if(Le)for(var r of Le(e))lt.call(e,r)&&He(o,r,e[r]);return o};const dt=ct({variant:"text.default",display:"inline-block",fontFamily:"body",p:t(4),pr:7,borderRadius:"default",width:"100%",maxWidth:"100%"},n("form.fields",{states:{active:!1,hover:!1,focus:!1}}));var st=Object.defineProperty,pt=Object.defineProperties,ut=Object.getOwnPropertyDescriptors,Xe=Object.getOwnPropertySymbols,bt=Object.prototype.hasOwnProperty,ft=Object.prototype.propertyIsEnumerable,qe=(o,e,r)=>e in o?st(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ge=(o,e)=>{for(var r in e||(e={}))bt.call(e,r)&&qe(o,r,e[r]);if(Xe)for(var r of Xe(e))ft.call(e,r)&&qe(o,r,e[r]);return o},mt=(o,e)=>pt(o,ut(e));const gt=Ge({variant:"text.default",height:"100%",padding:"4px",borderRadius:"default",border:"1px solid",width:"100%",transition:"background-color 100ms ease-out, color 100ms ease-out",overflow:"auto",option:mt(Ge({padding:2},ke()),{"&:checked":{backgroundColor:window.currentPalette.getColor(window.currentPalette.background.paper,"selected"),color:window.currentPalette.getContrastText(window.currentPalette.getColor(window.currentPalette.background.paper,"selected"))}}),"+ svg":{display:"none"}},n("form.fields",{states:{active:!1,hover:!1,focus:!1}})),yt={"+ span":{fontSize:14,fontWeight:"normal",wordBreak:"break-all"},backgroundColor:"form.fields.checked.borderColor"},ht={"&, & textarea":{height:"100%",minHeight:"130px",resize:"vertical"},textarea:{variant:"forms.input"}};var vt=Object.defineProperty,xt=Object.defineProperties,wt=Object.getOwnPropertyDescriptors,Ne=Object.getOwnPropertySymbols,kt=Object.prototype.hasOwnProperty,Ct=Object.prototype.propertyIsEnumerable,Ve=(o,e,r)=>e in o?vt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ye=(o,e)=>{for(var r in e||(e={}))kt.call(e,r)&&Ve(o,r,e[r]);if(Ne)for(var r of Ne(e))Ct.call(e,r)&&Ve(o,r,e[r]);return o},Ot=(o,e)=>xt(o,wt(e));const $t={border:"1px solid",borderColor:"palette.border.field",display:"inline-block",position:"relative",pr:"45px",".deletableInput__input":{border:"none"},".deletableInput__deleteButton":Ye({height:"100%",outlineOffset:"-2px",position:"absolute",right:0,top:0,width:"45px"},n("buttons.deletableInputButton")),"&:focus-within:not(.asMaterial)":Ot(Ye({},j),{".deletableInput__input:focus":{outline:"none"},".deletableInput__deleteButton:focus":{outline:"none"}}),"&.asMaterial":{borderLeft:"none",borderRight:"none",borderTop:"none",borderBottomColor:"palette.border.section","& + .input__underline":{transform:"scale(1)"},".deletableInput__input:focus":{outline:"none","~.input__underline::after":{animationName:"growHorizontal",animationDuration:"150ms",animationTimingFunction:"ease-out",content:'""',display:"block",height:"0",outlineColor:"palette.primary.main",outlineStyle:"solid",outlineWidth:"1.5px",outlineOffset:0,position:"absolute",transformOrigin:"center center",left:0,right:0}}}},_t=()=>({checkbox:Rr,customCheckbox:Or,dateInput:zr,deletableInput:$t,iconInput:qr,input:Qr,label:Zr,radio:at,select:dt,selectMultiple:gt,switch:yt,textarea:ht,'input[type="date"]':{variant:"forms.input"}}),jt={overlay:{position:"fixed",overflow:"hidden",top:"0",right:"0",bottom:"0",left:"0",width:"100vw",height:"100vh",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"palette.background.overlay",zIndex:"modal","&:not(.screenLock) .modal-enter-done":{boxShadow:"modals"}}},St={margin:"auto",display:"flex",flexDirection:"column",wordBreak:"break-word",overflow:"hidden",width:"100%",".handler__form":{display:"flex",flexDirection:"column",overflow:"hidden",gap:t(6),".toggleAccordionElement":{position:"sticky",top:0},".handler__form__elements":{display:"flex",flexDirection:"column",alignItems:"stretch",overflowY:"auto",maxHeight:"60vh",gap:t(3),pr:t(3)},".handler__form__elements__section__content":{display:"flex",flexDirection:"column",wordBreak:"break-word",background:"palette.background.paper",p:0,gap:t(3)},".content .handler__form__elements__section__content":{border:"1px solid",borderColor:"palette.border.section",borderTop:"none",p:t(6)},".handler__form__buttons":{display:"flex",flexDirection:"row",justifyContent:"center",p:0,gap:"0px",textAlign:"center"},".radio":{display:"flex",flexDirection:"column",flexWrap:"wrap",listStyle:"none",variant:"layout.execution.form.fields.radio"},".handler__checkbox, .handler__radio":{"label span":{fontWeight:"normal"}},".checkbox":{flexDirection:"row-reverse",alignItems:"center",justifyContent:"start",gap:t(4),".semicolon":{display:"none"},input:{width:"100%"}},".handler__hidden":{display:"none"},"label.select > div":{width:"100%"},".spacer":{height:t(7)}},".progressBox":{p:t(5),pt:t(0)}};var Pt=Object.defineProperty,Tt=Object.defineProperties,It=Object.getOwnPropertyDescriptors,Ue=Object.getOwnPropertySymbols,Rt=Object.prototype.hasOwnProperty,Bt=Object.prototype.propertyIsEnumerable,Je=(o,e,r)=>e in o?Pt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,A=(o,e)=>{for(var r in e||(e={}))Rt.call(e,r)&&Je(o,r,e[r]);if(Ue)for(var r of Ue(e))Bt.call(e,r)&&Je(o,r,e[r]);return o},Ke=(o,e)=>Tt(o,It(e));const Wt=Ke(A({apiaApi:St},jt),{main:A({zIndex:"modal",display:"flex",flexDirection:"column",p:t(6),alignItems:"center",justifyItems:"center",maxHeight:"100vh",maxWidth:"calc(100vw - 10px)",resize:"both",overflow:"auto",border:"1px solid",gap:t(5),"&>div":{overflow:"hidden",flexGrow:0,flexShrink:0,p:"3px",width:"100%"},"&>div.modal__header":{alignItems:c({0:"end",4:"center"}),flexShrink:0,overflow:"visible",".modal__headerBar":{display:"flex",flexDirection:"row",alignItems:"center",gap:t(3)}},"&>div.modal__content, &>div.modal__content>form":{overflow:"auto",width:"100%",flexBasis:"100%",flexShrink:1,display:"flex",justifyContent:"stretch",alignItems:"stretch"}},h("modal")),finder:{variant:"layout.common.modals.main",height:c({0:"100vh",3:"80vh"}),width:c({0:"95vw",3:"80vw",4:"70vw"}),".modal__content":{p:t(2),overflow:"hidden",".confirm__content":{overflow:"hidden",".finder__content":{display:"flex",alignItems:"stretch"},".selection__keyHandler":{overflow:"hidden",height:"100%",".responsiveTable__wrapper":{height:"100%",border:"1px solid",borderColor:"palette.border.article",backgroundColor:"palette.gray.900"}}}}},sm:{variant:"layout.common.modals.main",maxWidth:"min(350px, calc(100vw - 10px))"},md:{variant:"layout.common.modals.main",maxWidth:"min(500px, calc(100vw - 10px))"},"md-fixed":{variant:"layout.common.modals.main",width:"min(500px, calc(100vw - 10px))",maxHeight:c({0:"95vh",2:"80vh"})},lg:{variant:"layout.common.modals.main",maxWidth:"min(640px, calc(100vw - 10px))"},"lg-fixed":{variant:"layout.common.modals.main",width:"640px",height:"60vh"},xl:{variant:"layout.common.modals.main",maxWidth:"min(730px, calc(100vw - 10px))"},"xl-fixed":{variant:"layout.common.modals.main",width:c({0:"95vw",2:"60vw"}),height:c({0:"95vh",2:"80vh"})},xxl:{variant:"layout.common.modals.main",width:c({0:"95vw",2:"80vw"}),maxHeight:c({0:"95vh",2:"80vh"})},"xxl-fixed":{variant:"layout.common.modals.main",width:c({0:"95vw",2:"80vw"}),height:c({0:"95vh",2:"80vh"})},xxxl:{variant:"layout.common.modals.main",width:c({0:"95vw",2:"95vw"}),maxHeight:c({0:"95vh",2:"95vh"})},"xxxl-fixed":{variant:"layout.common.modals.main",width:c({0:"95vw",2:"95vw"}),height:c({0:"95vh",2:"95vh"})},flex:{variant:"layout.common.modals.main",maxWidth:"95vw",maxHeight:"95vh",".modal__content":{p:t(2),overflow:"auto"}},cal:{variant:"layout.common.modals.sm",width:"350px",".react-calendar":{backgroundColor:"palette.background.paper",button:Ke(A({},n("form.fields")),{"&.react-calendar__tile--active":A({},n("buttons.primary"))})}},editGrid:{variant:"layout.common.modals.main",width:"root",maxHeight:"90vh"}});var Dt=Object.defineProperty,Et=Object.defineProperties,At=Object.getOwnPropertyDescriptors,Qe=Object.getOwnPropertySymbols,Ft=Object.prototype.hasOwnProperty,zt=Object.prototype.propertyIsEnumerable,Ze=(o,e,r)=>e in o?Dt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,N=(o,e)=>{for(var r in e||(e={}))Ft.call(e,r)&&Ze(o,r,e[r]);if(Qe)for(var r of Qe(e))zt.call(e,r)&&Ze(o,r,e[r]);return o},eo=(o,e)=>Et(o,At(e));function Mt(){return{'td[data-focused="false"], th[data-focused="false"]':{"*:focus-visible, &:focus, &:focus-visible":{outline:"none"},"*:focus":N({},L)},'[data-focused="true"]:not(.row__separator__cell)':{'&:not([data-editionmode="true"])':{"&:focus, & > *:focus, *:focus-visible":eo(N({},L),{"&.cell__download__document":{outlineOffset:0}})},'&[data-editionmode="true"]':{"&:focus, *:focus, *:focus-visible":eo(N({},L),{outlineStyle:"dotted",outlineWidth:"6px",outlineOffset:"-4px"})}},'[data-focused="true"].row__separator__cell':{backgroundColor:"palette.secondary.main",outline:"none"}}}const oo=({children:o,customTheme:e})=>{const r=go(e);return x(U,{theme:r,children:o})};var Lt=Object.defineProperty,Ht=Object.defineProperties,Xt=Object.getOwnPropertyDescriptors,ro=Object.getOwnPropertySymbols,qt=Object.prototype.hasOwnProperty,Gt=Object.prototype.propertyIsEnumerable,to=(o,e,r)=>e in o?Lt(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,V=(o,e)=>{for(var r in e||(e={}))qt.call(e,r)&&to(o,r,e[r]);if(ro)for(var r of ro(e))Gt.call(e,r)&&to(o,r,e[r]);return o},Nt=(o,e)=>Ht(o,Xt(e));function Vt(o,e,r,i,u=!1){const l=M({},e,r);return Object.assign(b=>{const y=Po(0);return u?x(oo,{customTheme:l,children:x(ao,{avoidFirstRender:y,children:x(K,{children:x(i,V({},b))})})}):x(oo,{customTheme:l,children:x(ao,{avoidFirstRender:y,children:x(J,Nt(V({className:"variant__holder"},H(e)),{children:x(K,{children:x(i,V({},b))})}))})})},{displayName:o})}const ao=({avoidFirstRender:o,children:e})=>(o.current++,o.current<=1?null:x(So,{children:e}));function Yt(o,e){const r=typeof o=="string"?o:"",i=typeof o=="string"?e:o;F.emit("newStyles",{path:r,styles:i})}var Ut=Object.defineProperty,Jt=Object.defineProperties,Kt=Object.getOwnPropertyDescriptors,no=Object.getOwnPropertySymbols,Qt=Object.prototype.hasOwnProperty,Zt=Object.prototype.propertyIsEnumerable,io=(o,e,r)=>e in o?Ut(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,B=(o,e)=>{for(var r in e||(e={}))Qt.call(e,r)&&io(o,r,e[r]);if(no)for(var r of no(e))Zt.call(e,r)&&io(o,r,e[r]);return o},W=(o,e)=>Jt(o,Kt(e));const ea=W(B({variant:"colors.tables.primary",backgroundColor:"components.primaryTable.body.backgroundColor",border:"1px solid",borderColor:"components.primaryTable.borderColor",borderCollapse:"separate",borderSpacing:0,tableLayout:"fixed",thead:W(B({},h("tables.primary.thead")),{zIndex:1,position:"sticky",insetBlockStart:0,"tr:not(.filtersRow):not(.responsiveTable__filters__row)":{"th, td":W(B({variant:"buttons.primary",py:c({0:3,4:4}),px:c({0:3,4:4}),width:"breakWidth",borderRadius:0,borderStyle:"solid",borderWidth:"1px",display:"table-cell",verticalAlign:"center",wordBreak:"break-word",'&[role="presentation"]':{display:"none"}},n("components.primaryTable.header")),{"& *":{color:"inherit"},"&:last-of-type:not(td)":{maxWidth:"100%",width:"100%"},".headButton__label":{textAlign:"left"},".headButton__resizer":{width:"20px",cursor:"ew-resize",zIndex:1e3,position:"absolute",right:"-10px",height:"100%"},"&:last-of-type .headButton__resizer":{right:"0px"},"&.additionalColumn":{minWidth:"50px",maxWidth:"50px",width:"50px",p:0,textAlign:"center",verticalAlign:"center"},".headButton__container":{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:3,svg:{flexShrink:0}},"&>div":{color:"components.primaryTable.header.color",svg:{color:"components.primaryTable.body.color"}},"&:not(:last-of-type)":{"&>div":{borderRightWidth:"1px"}}}),"th.requiredFilterColumn":{borderLeft:"4px solid !important",borderLeftColor:"palette.error.main !important"}},"tr.filtersRow, tr.responsiveTable__filters__row":{backgroundColor:"components.primaryTable.body.backgroundColor","th.noFilter":{background:"transparent"},"td.requiredFilter__Border":{borderLeftStyle:"solid !important",borderLeftWidth:"4px !important",borderLeftColor:"palette.error.main"},td:{"input:not([disabled]), select:not([disabled])":{border:"1px solid white"},background:"transparent",border:"1px solid",borderColor:"components.primaryTable.body.borderColor",p:0},transition:"height 0.3s","&.hidden":{height:"0",overflow:"hidden",p:t(0),border:"none","& *":{height:"0",overflow:"hidden",fontSize:0,lineHeight:0,p:t(0),border:"none"}}}}),tbody:{tr:W(B(W(B({borderBottomWidth:"1px",borderBottomStyle:"solid"},n("components.primaryTable.body",{states:{disabled:!1,readonly:!1,active:!1,hover:!1,checked:!1,focus:!1,selected:!1}})),{"&:nth-of-type(2n)":{backgroundColor:"components.primaryTable.body.evenRowsBackgroundColor"},"&.non-selectable":{cursor:"not-allowed"},"&.hidden":{display:"none"},"&.locked":{background:"palette.gray.900",td:{borderColor:"palette.gray.850"}}}),ke()),{"&.draggingRow":{outline:"3px dotted",outlineColor:"components.primaryTable.header.borderColor",outlineOffset:"-3px","*":{outline:"none !important"}},borderColor:"components.primaryTable.body.borderColor",".rowStatesList":{display:"flex",gap:t(3),alignItems:"center",svg:{width:"smallIcon",height:"smallIcon",cursor:"pointer"}},td:{verticalAlign:"top",wordBreak:"break-word",border:"1px solid",borderColor:"components.primaryTable.body.borderColor","&.stickyColumn":{position:"sticky",left:0,backgroundColor:"components.primaryTable.body.backgroundColor"},".moreInformationButton":{width:"30px",height:"30px",padding:"3px",border:"none",background:"transparent"}}}),td:{p:t(3)},".responsiveTable__additionalInfoContainer":{display:"grid",gridTemplateColumns:c({0:"repeat(2, 1fr)",5:"repeat(4, 1fr)"}),columnGap:3,rowGap:2},".responsiveTable__additionalInfoContainer .responsiveTable__additionalInfoItem.separator":{gridColumnStart:"1",gridColumnEnd:"5",borderBottom:"1px solid",borderBottomColor:"palette.gray.700",height:"auto"}},".editionMode":{border:"3px solid",borderColor:"components.primaryTable.header.borderColor",borderWidth:"1.5px",borderStyle:"dotted"},".stateCell":{width:"50px",maxWidth:"50px",minWidth:"50px",textAlign:"center",verticalAlign:"middle"}},Mt()),{".no__registers":{py:6,minWidth:"200px"},".requiredFilter__Column":{fontWeight:"bold"},".bold":{fontWeight:"bold"},".light":{color:"#6a6a6a"},".additionalInfo__cell, .stateCell":{verticalAlign:"middle"}}),oa={width:"100%",border:"1px solid",borderColor:"primary",borderCollapse:"collapse",thead:{tr:{th:{bg:"primary",color:"white",textAlign:"center",fontWeight:"bold",p:t(4)}}},tbody:{tr:{"td,th":{borderColor:"muted",p:t(4)},"&:not(tr:last-of-type)":{"td,th":{borderBottom:"1px solid"}},"td:not(td:last-child),th:not(th:last-child)":{borderRight:"1px solid"},th:{textAlign:"left",whiteSpace:"nowrap",minWidth:"min-content",width:0}}}},ra={display:"flex",flexDirection:"column",gap:t(2),".responsiveTable__accordionElement__toggler":{variant:"buttons.outline",borderWidth:"1px",display:"flex",gap:t(3),alignItems:"stretch",width:"100%",px:4,py:3,"&:hover h3":{color:"palette.primary.contrastText"},".accordionElement__toggler__checkbox":{flexShrink:0,m:t(2)},".accordionElement__toggler__button":{flexGrow:100,display:"flex",justifyContent:"space-between",py:2,pr:t(2),alignItems:"center",".accordionElement__toggler__label":{flexGrow:100,m:t(0),textAlign:"left",fontSize:16},".accordionElement__toggler__expandIcon":{flexShrink:0,svg:{width:"32px"}}}},".responsiveTable__accordionElement__content":{"& > div":{backgroundColor:"palette.background.paper",transition:"padding-bottom 300ms, padding-top 300ms",px:5},"&.rah-static--height-zero":{"& > div":{py:0}},"&.rah-static--height-auto, &.rah-animating--down":{"& > div":{py:5}},".priority_container":{display:"flex",alignItems:"center"},".priority":{display:"flex"}}},ta={border:"2px solid",borderColor:"printView.list.table.borderColor","td, th":{p:3,textAlign:"left"}},aa={maxHeight:"100%",overflow:"auto",position:"relative",table:{width:"100%"},"&.isLoading":{overflow:"hidden"},".responsiveTable__isLoading":{position:"absolute",top:0,left:0,right:0,bottom:0,background:f(window.currentPalette.background.paper).setAlpha(.7).toRgbString(),zIndex:1,display:"flex",alignItems:"center",justifyContent:"center"},".cell__download__document":{display:"flex",gap:3,alignItems:"center",justifyContent:"start","&, *":{color:"palette.primary.main"},svg:{flexShrink:0}}};var na=Object.defineProperty,lo=Object.getOwnPropertySymbols,ia=Object.prototype.hasOwnProperty,la=Object.prototype.propertyIsEnumerable,co=(o,e,r)=>e in o?na(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,so=(o,e)=>{for(var r in e||(e={}))ia.call(e,r)&&co(o,r,e[r]);if(lo)for(var r of lo(e))la.call(e,r)&&co(o,r,e[r]);return o};const ca={variant:"layout.common.tables.primary",borderColor:"components.secondaryTable.borderColor","& thead":{"tr:not(.filtersRow):not(.responsiveTable__filters__row)":{"& th, & td":()=>so({},n("components.secondaryTable.header"))}},"& tbody":{tr:so({"&:nth-of-type(2n)":{backgroundColor:"components.secondaryTable.body.evenRowsBackgroundColor"},td:{borderColor:"components.secondaryTable.body.borderColor"},'&[aria-selected="true"]':{backgroundColor:"components.secondaryTable.body.selectedRows.backgroundColor","& td":{borderColor:"components.secondaryTable.body.selectedRows.borderColor"},color:"components.secondaryTable.body.selectedRows.color"},borderBottomWidth:"1px",borderBottomStyle:"solid"},n("components.secondaryTable.body",{states:{disabled:!1,readonly:!1,active:!1,hover:!1,checked:!1,focus:!1,selected:!1}}))}},da={accordion:ra,information:oa,primary:ea,print:ta,responsive:aa,secondary:ca},sa={display:"flex",flexDirection:"column",gap:t(2),".captcha__imageContainer":{border:"1px solid",borderColor:"palette.border.field",p:t(4)},".captcha__inputContainer":{display:"flex",gap:t(2),justifyContent:"stretch",input:{flexGrow:1,width:"100%"},".captcha__buttons":{width:"24px",flexDirection:"column",display:"flex",gap:t(2),flexShrink:0,button:{width:"24px",height:"24px",p:"5px",variant:"buttons.icon-outline",svg:{color:"palette.text.primary",height:"16px",width:"16px"}}}}},pa={captcha:sa};var ua=Object.defineProperty,po=Object.getOwnPropertySymbols,ba=Object.prototype.hasOwnProperty,fa=Object.prototype.propertyIsEnumerable,uo=(o,e,r)=>e in o?ua(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,ma=(o,e)=>{for(var r in e||(e={}))ba.call(e,r)&&uo(o,r,e[r]);if(po)for(var r of po(e))fa.call(e,r)&&uo(o,r,e[r]);return o};const ga={position:"relative",'[role="tree"]:focus':{outline:"none",".focus":j},ul:{listStyle:"none",p:0},".tree__searchLabelBox":{alignItems:"center",borderRadius:"2px",display:"flex",float:"right",gap:t(3),justifyContent:"center",position:"sticky",right:"4px",top:"4px",transform:"translateX(0)",width:"100%",zIndex:"stickyElements",".tree__loading":{position:"fixed",top:0,right:"4px",height:"iconMd",width:"iconMd",background:"palette.background.paper"},button:{cursor:"pointer"}},".tree__searchLabel":ma({alignItems:"center",display:"flex",gap:t(3),justifyContent:"center",position:"fixed",p:"2px 5px",right:0,top:0},p({backgroundColor:"palette.background.paper"},"selected")),'[role="treeitem"]':{'&[aria-expanded="false"] ul':{display:"none"},'&[aria-selected="true"] > .tree__nodeItemLabel':p({backgroundColor:"palette.background.paper"},"selected"),background:"transparent"},".tree__nodeItemLabel":{display:"flex",flexWrap:"nowrap",gap:3,alignItems:"center",wordBreak:"break-all",".button__content":{textAlign:"left"},"& > *:not(.tree__nodeItemLabelRenderer)":{flexShrink:0,textAlign:"left"},"&:hover":p({backgroundColor:"palette.background.paper"},"hover")},".spacer":{borderLeft:"1px solid",borderLeftColor:"palette.border.section",width:"20px",alignSelf:"stretch"}},ya={primary:ga},ha={forms:pa,modals:Wt,tables:da,trees:ya},va={"@keyframes growHorizontal":{from:{transform:"scaleX(0)"},to:{transform:"scaleY(100%)"}},".hamburguerMenu":{display:"none"},".hamburguerMenu-enter,\n.hamburguerMenu-appear":{display:"block",transform:"scale(0.7)",opacity:0},".hamburguerMenu-enter-active,\n.hamburguerMenu-appear-active":{transform:"translateX(0)",transition:"opacity 150ms, transform 150ms",transformOrigin:"right top",opacity:1},".hamburguerMenu-enter-done,\n.hamburguerMenu-appear-done":{display:"block"},".hamburguerMenu-exit":{display:"block",transform:"scale(1)",opacity:1},".hamburguerMenu-exit-active":{transform:"scale(0.7) translateX(0)",transition:"opacity 150ms, transform 150ms",display:"block",opacity:0,transformOrigin:"right top"},".hamburguerMenu-exit-done":{display:"none"},".modal-enter,\n.modal-appear":{opacity:0,transform:"scale(0.8)"},".modal-enter-active,\n.modal-appear-active":{opacity:1,transform:"translateX(0)",transition:"opacity 150ms, transform 150ms",transitionDelay:"0"},".modal-exit":{opacity:0},".modal-exit-done":{opacity:0,display:"none"},".modal-exit-active":{opacity:0,transform:"scale(100)",transition:"opacity 150ms, transform 150ms",transitionDelay:"0"},".overlayAnimation-enter .overlayAnimation:not(.not-released),\n.overlayAnimation-appear .overlayAnimation:not(.not-released)":{opacity:0},".overlayAnimation-enter-active .overlayAnimation:not(.not-released),\n.overlayAnimation-appear-active .overlayAnimation:not(.not-released)":{opacity:1,transition:"opacity 150ms"},".overlayAnimation-exit":{opacity:1},".overlayAnimation-exit-active":{opacity:0,transition:"opacity 150ms"},".fromRight-enter,\n.fromRight-appear":{transform:"translateX(550px)"},".fromRight-enter-active,\n.fromRight-appear-active":{transition:"transform 150ms",transform:"translateX(0)"},".fromRight-exit":{transform:"translateX(0)"},".fromRight-exit-active":{transition:"transform 150ms",transform:"translateX(550px)"},".notification-enter,\n.notification-appear":{opacity:0,transform:"scale(0.8)"},".notification-enter-active,\n.notification-appear-active":{opacity:1,transform:"translateX(0)",transition:"opacity 150ms, transform 150ms",transitionDelay:"0"},".notification-exit":{opacity:1},".notification-exit-active":{opacity:0,transform:"scale(0.8)",transition:"opacity 150ms, transform 150ms",transitionDelay:"0"}};var xa=Object.defineProperty,bo=Object.getOwnPropertySymbols,wa=Object.prototype.hasOwnProperty,ka=Object.prototype.propertyIsEnumerable,fo=(o,e,r)=>e in o?xa(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Y=(o,e)=>{for(var r in e||(e={}))wa.call(e,r)&&fo(o,r,e[r]);if(bo)for(var r of bo(e))ka.call(e,r)&&fo(o,r,e[r]);return o};const mo=Y({"*":{fontFamily:"body",fontWeight:"body",code:{fontFamily:"monospace"},"&:focus":j},body:{minHeight:"100vh"},h1:{fontSize:c({0:26,3:32})},h2:{fontSize:c({0:22,3:28})},h3:{fontSize:c({0:19,3:25})},h4:{fontSize:c({0:18,3:22})},h5:{fontSize:c({0:18,3:22})},h6:{fontSize:c({0:17,3:17})},"h1,h2,h3,h4,h5,h6":{letterSpacing:"heading",lineHeight:"heading",variant:"text.title"},"*:not(h1, h2, h3, h4, h5, h6, code)":{fontFamily:"body",fontSize:16,fontWeight:"body",letterSpacing:"body",lineHeight:"body"},a:{textDecoration:"underline"},"textarea,a":{transition:"color 200ms ease-out",":focus":Y({},j),":focus-visible":Y({},j)},"*:focus":j,ul:{listStyle:"none",listStyleType:"none",margin:0,padding:0},abbr:{"&.required":{textDecoration:"none",border:"none",mx:1,alignSelf:"baseline",fontWeight:"bold",color:"danger"}},table:{borderCollapse:"separate",borderSpacing:0},"& label":{display:"flex","& > span":{mb:t(1),fontWeight:"bold"},"&.required":{position:"relative","&::before":{color:"danger",position:"absolute",content:'"*"',top:0,left:"-10px"},"*:invalid":{borderColor:"danger"}}},".bold":{fontWeight:"bold"}},va),Ca={common:ha,root:mo},Oa={default:{color:"palette.text.primary",fontFamily:"body",fontWeight:"body",fontSize:16,m:t(0),width:"100%"},title:{letterSpacing:"heading",wordBreak:"normal",color:"title",fontFamily:"heading",lineHeight:"heading",fontWeight:"heading"}},$a={alerts:br,breakpoints:["0px","250px","500px","700px","1000px","1260px","1580px"],buttons:vr,colors:dr(),fonts:{body:"Arial",heading:"inherit",monospace:"Menlo, monospace"},fontSizes:Array(60).fill(1).map((o,e)=>e),forms:_t(),layout:Ca,lineHeights:{body:1.5,heading:1.125},letterSpacings:{body:"0.01em",heading:"-0.015em"},radii:{alerts:0,buttons:0,default:0},shadows:{modals:"",tabs:""},space:[0,2,4,8,12,16,24,32,40,48,64,80,96,112,128],sizes:{applicationMenu:"350px",floatingNotifications:"min(550px, calc(100vw - 30px))",root:"992px",mainImage:"64px",twoColumns:"calc(992px + 350px)",twoColumnsCentered:"calc(992px + 350px + 16px)",iconXs:"12px",iconSm:"16px",iconMd:"22px",iconLg:"32px",iconXl:"48px"},text:Oa,zIndices:{stickyElements:600,menu:1e3,maximizedTables:1100,modal:1200,tooltip:1400,notifications:1600,contextMenu:1800},styles:{root:mo},useRootStyles:!0},_a=o=>o;let ja={};new class extends Q{};function go(o){return _a(O($a,{layout:ja},o??{}))}var Sa=Object.defineProperty,yo=Object.getOwnPropertySymbols,Pa=Object.prototype.hasOwnProperty,Ta=Object.prototype.propertyIsEnumerable,ho=(o,e,r)=>e in o?Sa(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,vo=(o,e)=>{for(var r in e||(e={}))Pa.call(e,r)&&ho(o,r,e[r]);if(yo)for(var r of yo(e))Ta.call(e,r)&&ho(o,r,e[r]);return o};const xo={},F=new class extends Q{};function wo(o){xo[o.path]=o.styles}F.on("newStyles",wo);function ko(o){const[e,r]=To(go(o));return Bo(()=>(r(i=>{F.off("newStyles",wo);let u=vo({},i);return Object.entries(xo).forEach(([l,b])=>{const y=M({},l,b);u=O(u,y)}),u}),F.on("newStyles",i=>{const u=M({},i.path,i.styles);r(l=>O(vo({},l),u))}))),e}var Ia=Object.defineProperty,Ra=Object.defineProperties,Ba=Object.getOwnPropertyDescriptors,Co=Object.getOwnPropertySymbols,Wa=Object.prototype.hasOwnProperty,Da=Object.prototype.propertyIsEnumerable,Oo=(o,e,r)=>e in o?Ia(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Ea=(o,e)=>{for(var r in e||(e={}))Wa.call(e,r)&&Oo(o,r,e[r]);if(Co)for(var r of Co(e))Da.call(e,r)&&Oo(o,r,e[r]);return o},Aa=(o,e)=>Ra(o,Ba(e));let $o=-1;function Fa(o){clearTimeout($o),$o=setTimeout(()=>{console.info({theme:o})},100)}const _o=Io({}),za=({children:o,customTheme:e})=>{const r=ko(e);return Fa(r),x(_o.Provider,{value:r,children:x(U,{theme:r,children:x(J,Aa(Ea({},H("layout.root")),{children:o}))})})};export{za as ThemeProvider,_o as ThemeProviderContext,ie as applyStates,E as applyStatesGetColor,I as buildColorsObject,j as focusOutline,p as getColorState,pe as getColorStates,er as getColorsAndStatesByDefinition,n as getColorsAndStatesByPath,ge as getColorsByDefinition,h as getColorsByPath,ue as getOneColorState,R as getPalette,H as getVariant,Yt as injectStyles,Vt as makeStyledComponent,be as parsePalette,c as responsive,C as smallButton,t as spacing,ko as useMainTheme};