@hitachivantara/uikit-react-core 6.8.1 → 6.9.0

package/dist/themes/pentaho.js

@@ -1,1178 +1,837 @@
-import { mergeTheme, pentaho as pentaho$1, theme, neutral, slate, blue, yellow, pink, violet, teal, orange } from "@hitachivantara/uikit-styles";
-const ld = (c1, c2) => `light-dark(${c1}, ${c2})`;
-const semaColors = ["positive", "warning", "negative", "info"];
-const avatarColors = {
-  blue: {
-    color: ld(theme.colors.primaryStrong, blue[300]),
-    backgroundColor: ld(theme.colors.primaryDimmed, blue[900])
-  },
-  orange: {
-    color: ld(orange[700], orange[200]),
-    backgroundColor: ld(orange[200], orange[900])
-  },
-  teal: {
-    color: ld(teal[800], teal[200]),
-    backgroundColor: ld(teal[200], teal[900])
-  },
-  violet: {
-    color: ld(violet[800], violet[200]),
-    backgroundColor: ld(violet[200], violet[900])
-  },
-  pink: {
-    color: ld(pink[900], pink[200]),
-    backgroundColor: ld(pink[200], pink[900])
-  },
-  yellow: {
-    color: ld(yellow[700], yellow[100]),
-    backgroundColor: ld(yellow[200], yellow[900])
-  },
-  neutral: {
-    color: ld(slate[400], slate[300]),
-    backgroundColor: ld(slate[200], slate[700])
-  }
+import { blue, mergeTheme, neutral, orange, pentaho, pink, slate, teal, theme, violet, yellow } from "@hitachivantara/uikit-styles";
+//#region src/themes/pentaho.ts
+/** light-dark alias */
+var ld = (c1, c2) => `light-dark(${c1}, ${c2})`;
+var semaColors = [
+	"positive",
+	"warning",
+	"negative",
+	"info"
+];
+var avatarColors = {
+	blue: {
+		color: ld(theme.colors.primaryStrong, blue[300]),
+		backgroundColor: ld(theme.colors.primaryDimmed, blue[900])
+	},
+	orange: {
+		color: ld(orange[700], orange[200]),
+		backgroundColor: ld(orange[200], orange[900])
+	},
+	teal: {
+		color: ld(teal[800], teal[200]),
+		backgroundColor: ld(teal[200], teal[900])
+	},
+	violet: {
+		color: ld(violet[800], violet[200]),
+		backgroundColor: ld(violet[200], violet[900])
+	},
+	pink: {
+		color: ld(pink[900], pink[200]),
+		backgroundColor: ld(pink[200], pink[900])
+	},
+	yellow: {
+		color: ld(yellow[700], yellow[100]),
+		backgroundColor: ld(yellow[200], yellow[900])
+	},
+	neutral: {
+		color: ld(slate[400], slate[300]),
+		backgroundColor: ld(slate[200], slate[700])
+	}
 };
-const notificationMap = {
-  success: "positive",
-  warning: "warning",
-  error: "negative",
-  default: "info",
-  info: "info",
-  accent: "accent"
+var notificationMap = {
+	success: "positive",
+	warning: "warning",
+	error: "negative",
+	default: "info",
+	info: "info",
+	accent: "accent"
 };
-const inputColors = {
-  bg: ld("#FFFFFF", "#020617")
+var inputColors = { bg: ld("#FFFFFF", "#020617") };
+var shadows = {
+	container: theme.colors.shadow,
+	elevated: `0 16px 16px 0 ${theme.alpha(slate[900], .1)}, 0 10px 10px 0 ${theme.alpha(slate[900], .08)}, 0 6px 6px 0 ${theme.alpha(slate[900], .06)}, 0 3px 3px 0 ${theme.alpha(slate[900], .04)}, 0 1px 1px 0 ${theme.alpha(slate[900], .02)}`,
+	modal: `0 32px 32px 0 ${theme.alpha(slate[900], .1)}, 0 20px 20px 0 ${theme.alpha(slate[900], .08)}, 0 12px 12px 0 ${theme.alpha(slate[900], .06)}, 0 5px 5px 0 ${theme.alpha(slate[900], .04)}, 0 1px 1px 0 ${theme.alpha(slate[900], .02)}`
 };
-const shadows = {
-  container: theme.colors.shadow,
-  elevated: `0 16px 16px 0 ${theme.alpha(slate[900], 0.1)}, 0 10px 10px 0 ${theme.alpha(slate[900], 0.08)}, 0 6px 6px 0 ${theme.alpha(slate[900], 0.06)}, 0 3px 3px 0 ${theme.alpha(slate[900], 0.04)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.02)}`,
-  modal: `0 32px 32px 0 ${theme.alpha(slate[900], 0.1)}, 0 20px 20px 0 ${theme.alpha(slate[900], 0.08)}, 0 12px 12px 0 ${theme.alpha(slate[900], 0.06)}, 0 5px 5px 0 ${theme.alpha(slate[900], 0.04)}, 0 1px 1px 0 ${theme.alpha(slate[900], 0.02)}`
+var popperStyles = {
+	margin: theme.spacing("xxs", 0),
+	backgroundColor: theme.colors.bgContainer,
+	border: `1px solid ${theme.colors.borderSubtle}`,
+	borderRadius: theme.radii.large,
+	boxShadow: shadows.container
 };
-const popperStyles = {
-  margin: theme.spacing("xxs", 0),
-  backgroundColor: theme.colors.bgContainer,
-  border: `1px solid ${theme.colors.borderSubtle}`,
-  borderRadius: theme.radii.large,
-  boxShadow: shadows.container
-};
-const pentaho = mergeTheme(pentaho$1, {
-  icons: {
-    viewBox: "0 0 256 256",
-    // Semantic icons
-    Success: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z",
-    Caution: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z",
-    Fail: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z",
-    Info: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z",
-    Start: "M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z",
-    Backwards: "M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z",
-    Forwards: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z",
-    End: "M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z",
-    Filters: "M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm106.18,74.58A8,8,0,0,0,144,136v58.66L112,216V136a8,8,0,0,0-2.16-5.47L40,56H216Z"
-  },
-  components: {
-    HvAvatar: {
-      color: "primaryStrong",
-      backgroundColor: "primaryDimmed",
-      classes: {
-        avatar: {
-          border: `1px solid ${theme.colors.bgContainerSecondary}`,
-          fontWeight: theme.fontWeights.semibold,
-          ...Object.entries(avatarColors).reduce(
-            (acc, [color, styles]) => {
-              acc[`&[data-color=${color}]`] = styles;
-              return acc;
-            },
-            {}
-          )
-        },
-        xs: { "--size": "24px", fontSize: theme.fontSizes.sm },
-        sm: { "--size": "24px", fontSize: theme.fontSizes.sm },
-        md: { "--size": "32px", fontSize: theme.fontSizes.base },
-        lg: { "--size": "48px", fontSize: theme.fontSizes.xl2 },
-        xl: { "--size": "64px", fontSize: theme.fontSizes.xl3 }
-      }
-    },
-    HvAvatarGroup: {
-      maxVisible: 4,
-      classes: {
-        root: {
-          // eslint-disable-next-line no-useless-spread
-          ...Object.values(avatarColors).reduce(
-            (acc, styles, i) => {
-              const key = `&>.HvAvatar-container:nth-of-type(${i + 1}) .HvAvatar-avatar`;
-              acc[key] = styles;
-              return acc;
-            },
-            {}
-          )
-        }
-      }
-    },
-    HvLoading: {
-      classes: {
-        loadingBar: {
-          borderRadius: 1
-        }
-      }
-    },
-    HvBadge: {
-      classes: {
-        badge: {
-          "--bg-color": theme.colors.textSubtle,
-          color: ld("white", "black"),
-          "&[data-color='textSubtle']:not(:empty)": {
-            color: theme.colors.textSubtle,
-            backgroundColor: theme.colors.bgPageSecondary
-          },
-          "&[data-color='primary']:not(:empty)": {
-            color: theme.colors.primary,
-            backgroundColor: theme.colors.primaryDimmed
-          }
-        }
-      }
-    },
-    HvBulkActions: {
-      semantic: false,
-      classes: {
-        root: {
-          borderRadius: theme.radii.round,
-          padding: theme.space.xs
-        }
-      }
-    },
-    HvCallout: {
-      classes: {
-        root: {
-          outline: "1px solid var(--icolor, currentcolor)"
-        },
-        ...Object.fromEntries(
-          Object.entries(notificationMap).map(([variant, color]) => [
-            variant,
-            {
-              backgroundColor: theme.mix(`${color}Dimmed`, 0.5, "dimmer"),
-              "--icolor": theme.colors[color],
-              "--title": theme.colors[`${color}Deep`]
-            }
-          ])
-        ),
-        message: {
-          "&&": {
-            color: theme.colors.text
-          }
-        },
-        messageIcon: {
-          alignSelf: "start"
-        },
-        messageTitle: {
-          color: "var(--title)"
-        },
-        actionClose: {
-          color: theme.colors.text
-        }
-      }
-    },
-    HvSnackbar: {
-      anchorOrigin: { vertical: "bottom", horizontal: "center" }
-    },
-    HvSnackbarProvider: {
-      anchorOrigin: { vertical: "bottom", horizontal: "center" }
-    },
-    HvBaseCheckBox: {
-      classes: {
-        root: {
-          borderRadius: theme.radii.base
-        }
-      }
-    },
-    HvCheckBoxIcon: {
-      classes: {
-        root: {
-          borderRadius: theme.radii.base
-        },
-        checked: {
-          "--bg-color": theme.colors.primary,
-          color: theme.colors.bgContainer
-        }
-      }
-    },
-    HvBaseRadio: {
-      classes: {
-        root: {
-          borderRadius: theme.radii.base
-        }
-      }
-    },
-    HvRadioIcon: {
-      classes: {
-        checked: {
-          "--bg-color": theme.colors.primary
-        }
-      }
-    },
-    HvBaseSwitch: {
-      classes: {
-        root: {
-          padding: theme.space.xxs,
-          borderRadius: theme.radii.full,
-          "&:hover": {
-            backgroundColor: theme.colors.bgHover
-          },
-          "& .HvBaseSwitch-switchBase": {
-            "& .HvBaseSwitch-thumb": {
-              borderColor: "transparent",
-              backgroundColor: "#FFFFFF",
-              left: -8,
-              top: -3,
-              width: 14,
-              height: 14
-            },
-            "+.HvBaseSwitch-track": {
-              backgroundColor: theme.colors.textDimmed,
-              border: "none",
-              width: 40,
-              height: 18
-            },
-            "&.HvBaseSwitch-checked": {
-              "+.HvBaseSwitch-track": {
-                backgroundColor: theme.colors.positive
-              },
-              "& .HvBaseSwitch-thumb": {
-                left: -2
-              }
-            },
-            "&.HvBaseSwitch-disabled": {
-              "& .HvBaseSwitch-thumb": {
-                borderColor: theme.colors.textDisabled
-              },
-              "+.HvBaseSwitch-track": {
-                backgroundColor: theme.colors.bgDisabled,
-                border: "none"
-              }
-            },
-            "&[data-size=medium]": {
-              "+.HvBaseSwitch-track": {
-                width: 48,
-                height: 24
-              },
-              "& .HvBaseSwitch-thumb": {
-                left: -5,
-                top: 0,
-                width: 16,
-                height: 16
-              },
-              "&.HvBaseSwitch-checked .HvBaseSwitch-thumb": {
-                left: 3,
-                top: 0
-              }
-            }
-          }
-        },
-        readOnly: {
-          ":hover": {
-            backgroundColor: "transparent"
-          },
-          "& .HvBaseSwitch-switchBase + .HvBaseSwitch-track": {
-            backgroundColor: theme.colors.border
-          },
-          "& .HvBaseSwitch-switchBase.HvBaseSwitch-checked + .HvBaseSwitch-track": {
-            backgroundColor: theme.mix("positive", 0.5, "dimmer")
-          }
-        }
-      }
-    },
-    HvSwitch: {
-      classes: {
-        container: {
-          borderRadius: theme.radii.full,
-          "&:hover": {
-            backgroundColor: theme.colors.bgHover
-          },
-          "& .HvBaseSwitch-root": {
-            "&:hover": {
-              backgroundColor: "transparent"
-            }
-          }
-        }
-      }
-    },
-    HvSection: {
-      classes: {
-        content: {
-          backgroundColor: theme.colors.bgContainer
-        },
-        header: {
-          padding: theme.spacing("xs", "sm"),
-          gap: theme.space.xs
-        }
-      }
-    },
-    HvSelect: {
-      classes: {
-        root: {
-          borderRadius: theme.radii.round,
-          "& .HvButton-subtle[data-color=text]": {
-            borderColor: theme.colors.textDimmed,
-            backgroundColor: inputColors.bg
-          }
-        },
-        select: {
-          borderRadius: theme.radii.round
-        }
-      }
-    },
-    HvTagsInput: {
-      classes: {
-        tagsList: {
-          backgroundColor: inputColors.bg,
-          padding: theme.space.xxs,
-          borderColor: theme.colors.textDimmed
-        },
-        singleLine: {
-          height: 32
-        },
-        disabled: {
-          "& .HvTagsInput-tagsList": {
-            backgroundColor: theme.colors.bgDisabled,
-            "&,:hover": {
-              borderColor: theme.colors.textDisabled
-            }
-          },
-          "& .HvTagsInput-tag": {
-            outlineColor: theme.colors.textDisabled
-          }
-        }
-      }
-    },
-    HvTag: {
-      showSelectIcon: false,
-      size: "sm",
-      classes: {
-        root: {
-          outline: `1px solid ${theme.colors.border}`,
-          outlineOffset: -1,
-          ":where(:not([data-color],.HvTag-disabled))": {
-            color: theme.colors.text,
-            "--tagColor": theme.colors.bgContainer
-          },
-          ":where([data-color]:not(.HvTag-disabled))": {
-            ":not([data-color$=_20],[data-color^=cat])": {
-              color: "var(--tagColor)",
-              backgroundColor: theme.mix("var(--tagColor)", "8%", "white"),
-              outlineColor: theme.mix("var(--tagColor)", "30%", "white"),
-              "&.HvTag-clickable:is(:hover,:focus-visible)": {
-                backgroundColor: theme.mix("var(--tagColor)", "20%", "white")
-              }
-            },
-            ...Object.fromEntries(
-              semaColors.map((color) => [
-                [`&[data-color=${color}]`],
-                {
-                  color: theme.colors[`${color}Strong`],
-                  backgroundColor: theme.colors[`${color}Dimmed`],
-                  outlineColor: theme.colors[`${color}Border`],
-                  "&.HvTag-clickable:has(:hover,:focus-visible)": {
-                    backgroundColor: theme.colors[`${color}Subtle`]
-                  }
-                }
-              ])
-            )
-          }
-        },
-        hasIcon: {
-          paddingLeft: theme.space.xs
-        },
-        xs: { borderRadius: theme.radii.base },
-        sm: { borderRadius: theme.radii.base },
-        md: { borderRadius: theme.radii.round },
-        label: {
-          paddingLeft: 8,
-          paddingRight: 8
-        },
-        deleteIcon: {
-          borderRadius: "inherit",
-          marginRight: 4
-        },
-        clickable: {
-          ":hover": {
-            backgroundColor: theme.colors.bgHover
-          }
-        },
-        selected: {
-          "&&": {
-            outlineColor: "currentcolor"
-          }
-        },
-        disabled: {
-          color: theme.colors.textDisabled,
-          outlineColor: "transparent",
-          "&,:hover": {
-            backgroundColor: theme.colors.bgDisabled
-          }
-        }
-      }
-    },
-    HvIconContainer: {
-      classes: {
-        root: {
-          padding: 0
-        },
-        xs: { fontSize: 16, padding: 0 },
-        sm: { fontSize: 20, padding: 2 },
-        md: { fontSize: 26, padding: 3 },
-        lg: { fontSize: 36, padding: 6 },
-        xl: { fontSize: 48, padding: 5 }
-      }
-    },
-    HvInlineEditor: {
-      classes: {
-        button: {
-          borderRadius: 2,
-          "&:focus": {
-            borderColor: theme.colors.text
-          }
-        },
-        inputRoot: {
-          borderRadius: 2
-        }
-      }
-    },
-    HvButtonBase: {
-      classes: {
-        root: {
-          borderRadius: theme.radii.base,
-          ":where(:not(.HvButtonBase-disabled))": {
-            ":hover": { backgroundColor: theme.colors.primaryDimmed },
-            ":active": { backgroundColor: theme.colors.primarySubtle }
-          }
-        }
-      }
-    },
-    HvButton: {
-      radius: "full",
-      classes: {
-        root: {
-          ":where(:not(.HvButton-disabled,.HvButton-contained))": {
-            "&[data-color=positive]": { color: theme.colors.positive },
-            "&[data-color=warning]": { color: theme.colors.warning },
-            "&[data-color=negative]": { color: theme.colors.negative },
-            ":hover": { backgroundColor: theme.colors.primaryDimmed },
-            ":active": { backgroundColor: theme.colors.primarySubtle }
-          }
-        },
-        contained: {
-          ":where(:not(.HvButton-disabled))": {
-            color: "#FFFFFF",
-            "&[data-color=primary]": {
-              backgroundColor: theme.colors.primary,
-              ":hover": { backgroundColor: theme.colors.primaryStrong },
-              ":active": { backgroundColor: theme.colors.primaryDeep }
-            },
-            "&[data-color=positive]": {
-              ":hover": { backgroundColor: theme.colors.positiveDeep },
-              ":active": { backgroundColor: theme.colors.positiveStrong }
-            },
-            "&[data-color=warning]": {
-              ":hover": { backgroundColor: theme.colors.warningDeep },
-              ":active": { backgroundColor: theme.colors.warningStrong }
-            },
-            "&[data-color=negative]": {
-              ":hover": { backgroundColor: theme.colors.negativeDeep },
-              ":active": { backgroundColor: theme.colors.negativeStrong }
-            }
-          }
-        },
-        subtle: {
-          borderColor: theme.alpha("currentcolor", 0.4),
-          ":where(:not(.HvButton-disabled))": {
-            "&[data-color=primary]": {
-              borderColor: theme.colors.primarySubtle,
-              backgroundColor: theme.colors.primaryDimmed
-            },
-            "&[data-color=secondary]": {
-              borderColor: theme.colors.border,
-              backgroundColor: theme.colors.bgPage
-            },
-            ":hover": {
-              backgroundColor: theme.colors.primaryDimmed
-            },
-            ":active": {
-              borderColor: "transparent",
-              backgroundColor: theme.colors.primarySubtle
-            },
-            "&[data-color=positive]": {
-              borderColor: theme.colors.positiveBorder,
-              backgroundColor: theme.colors.positiveDimmed,
-              ":hover": { backgroundColor: theme.colors.positiveSubtle },
-              ":active": {
-                backgroundColor: theme.colors.positiveBorder
-              }
-            },
-            "&[data-color=warning]": {
-              borderColor: theme.colors.warningBorder,
-              backgroundColor: theme.colors.warningDimmed,
-              ":hover": { backgroundColor: theme.colors.warningSubtle },
-              ":active": { backgroundColor: theme.colors.warningBorder }
-            },
-            "&[data-color=negative]": {
-              borderColor: theme.colors.negativeBorder,
-              backgroundColor: theme.colors.negativeDimmed,
-              ":hover": { backgroundColor: theme.colors.negativeSubtle },
-              ":active": {
-                backgroundColor: theme.colors.negativeBorder
-              }
-            }
-          }
-        },
-        ghost: {
-          ":where(:not(.HvButton-disabled))": {
-            "&[data-color=positive]": {
-              ":hover": { backgroundColor: theme.colors.positiveDimmed },
-              ":active": { backgroundColor: theme.colors.positiveSubtle }
-            },
-            "&[data-color=warning]": {
-              ":hover": { backgroundColor: theme.colors.warningDimmed },
-              ":active": { backgroundColor: theme.colors.warningSubtle }
-            },
-            "&[data-color=negative]": {
-              ":hover": { backgroundColor: theme.colors.negativeDimmed },
-              ":active": { backgroundColor: theme.colors.negativeSubtle }
-            }
-          }
-        },
-        disabled: {
-          color: theme.colors.textDisabled,
-          ":not(.HvButton-ghost)": {
-            borderColor: "transparent",
-            "&,:hover,:active": {
-              backgroundColor: theme.colors.bgDisabled
-            }
-          }
-        }
-      }
-    },
-    HvMultiButton: {
-      classes: {
-        multiple: {
-          borderRadius: theme.radii.full,
-          borderColor: theme.colors.border,
-          "& .HvMultiButton-button": {
-            borderColor: "inherit",
-            ...theme.typography.body,
-            "&.HvMultiButton-selected": {
-              color: theme.colors.primary,
-              backgroundColor: theme.colors.primaryDimmed
-            },
-            "&:not(.HvMultiButton-firstButton, .HvMultiButton-lastButton)": {
-              borderRadius: 0
-            }
-          }
-        },
-        vertical: {
-          borderRadius: theme.radii.large,
-          borderColor: theme.colors.border
-        }
-      }
-    },
-    HvDialog: {
-      classes: {
-        paper: {
-          borderRadius: theme.radii.large,
-          boxShadow: shadows.modal
-        },
-        statusBar: {
-          border: "none",
-          borderTopLeftRadius: theme.radii.large,
-          borderTopRightRadius: theme.radii.large
-        }
-      }
-    },
-    HvDialogActions: {
-      classes: {
-        root: {
-          borderTop: "none"
-        }
-      }
-    },
-    HvDropdownButton: {
-      classes: {
-        disabled: {
-          backgroundColor: theme.colors.bgDisabled,
-          borderColor: theme.colors.bgDisabled,
-          "&.HvButton-subtle": {
-            borderColor: theme.colors.bgDisabled,
-            "&,:hover": {
-              backgroundColor: theme.colors.bgDisabled
-            }
-          },
-          "&.HvButton-ghost": {
-            borderColor: theme.colors.bgDisabled,
-            "&,:hover": {
-              backgroundColor: theme.colors.bgDisabled
-            }
-          }
-        }
-      }
-    },
-    HvPagination: {
-      classes: {
-        icon: {
-          fontSize: 16
-        }
-      }
-    },
-    HvHeader: {
-      classes: {
-        root: {
-          borderBottom: `1px solid ${theme.colors.borderSubtle}`,
-          boxShadow: "none"
-        }
-      }
-    },
-    HvHeaderBrand: {
-      classes: {
-        separator: {
-          backgroundColor: theme.colors.border,
-          margin: theme.spacing(0, "md"),
-          height: 32
-        }
-      }
-    },
-    HvHeaderMenuBarBar: {
-      classes: {
-        active: {
-          boxShadow: "none",
-          borderBottom: `1px solid ${theme.colors.borderSubtle}`
-        },
-        list: {
-          "& li:hover > .HvHeader-MenuBar-hidden": {
-            boxShadow: "none",
-            borderBottom: `1px solid ${theme.colors.borderSubtle}`
-          },
-          "& li:focus-within > .HvHeader-MenuBar-hidden": {
-            boxShadow: "none",
-            borderBottom: `1px solid ${theme.colors.borderSubtle}`
-          }
-        }
-      }
-    },
-    HvVerticalNavigation: {
-      classes: {
-        root: {
-          width: 280,
-          color: theme.colors.textLight,
-          backgroundColor: slate[900],
-          boxShadow: `inset -1px 0 0 0 ${slate[500]}`,
-          "& > :not(nav:first-of-type)": {
-            borderTop: `1px solid ${slate[500]}`
-          },
-          "& > :only-child": {
-            padding: theme.space.sm,
-            "& .HvVerticalNavigationSlider-listContainer": { padding: 0 }
-          }
-        },
-        slider: {
-          "& > div:first-of-type": {
-            borderBottom: `1px solid ${slate[500]}`
-          }
-        }
-      }
-    },
-    HvVerticalNavigationAction: {
-      classes: {
-        action: {
-          borderRadius: theme.radii.round,
-          "&:hover, &:focus": {
-            backgroundColor: slate[700]
-          }
-        }
-      }
-    },
-    HvVerticalNavigationSlider: {
-      classes: {
-        root: {
-          minHeight: "32px",
-          borderLeft: "unset",
-          borderRadius: theme.radii.round,
-          "&.HvIsFocused": {
-            backgroundColor: slate[700]
-          },
-          "&.HvListItem-interactive:not(.HvListItem-disabled):not(.HvListItem-selected):hover": {
-            backgroundColor: slate[700]
-          }
-        },
-        listItemDisabled: {
-          color: neutral[500],
-          backgroundColor: neutral[800],
-          "& .HvListItem-startAdornment": { backgroundColor: "transparent" },
-          "& .HvListItem-endAdornment": { backgroundColor: "transparent" }
-        },
-        listItemSelected: {
-          background: blue[800],
-          borderLeft: "unset"
-        },
-        listItemFocus: {
-          background: slate[700]
-        },
-        listContainer: {
-          padding: theme.space.sm
-        }
-      }
-    },
-    HvVerticalNavigationTreeViewItem: {
-      classes: {
-        content: {
-          borderLeft: "unset",
-          borderRadius: theme.radii.round,
-          ".HvVerticalNavigationTreeViewItem-selected>&": {
-            background: blue[800],
-            borderLeft: "unset"
-          },
-          ":not(.HvVerticalNavigationTreeViewItem-disabled>&):not(.HvVerticalNavigationTreeViewItem-selected>&)": {
-            "&:hover, &:focus-visible, &.focus-visible": {
-              background: slate[700]
-            }
-          },
-          ".HvVerticalNavigationTreeViewItem-focused>&": {
-            background: slate[700]
-          }
-        },
-        disabled: {
-          "& .HvVerticalNavigationTreeViewItem-label": {
-            color: neutral[500]
-          },
-          "& .HvVerticalNavigationTreeViewItem-content": {
-            background: neutral[800]
-          }
-        },
-        icon: {
-          "& .HvAvatar-root": {
-            borderRadius: theme.radii.round
-          }
-        }
-      }
-    },
-    HvCard: {
-      classes: {
-        root: {
-          outlineColor: theme.colors.borderSubtle,
-          boxShadow: theme.colors.shadow,
-          "--rb": theme.radii.large,
-          // default non-semantic card
-          "&[data-color=sema0]": {
-            overflow: "hidden",
-            height: "fit-content",
-            "--rt": theme.radii.large,
-            "& .HvCard-semanticBar": {
-              display: "none"
-            }
-          },
-          "& .MuiCardContent-root:last-child": {
-            paddingBottom: 0
-          },
-          "& > :last-child:not(.HvCardMedia-root)": {
-            paddingBottom: theme.space.sm
-          },
-          "& .HvActionBar-root": {
-            borderTop: "none"
-          }
-        },
-        selectable: {
-          ":hover": {
-            outlineColor: theme.colors.primarySubtle,
-            backgroundColor: theme.colors.bgHover
-          }
-        },
-        selected: {
-          "&,&:hover,&:focus": {
-            outlineColor: theme.colors.primary
-          }
-        },
-        semanticBar: {
-          "--bar-height": "2px",
-          borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`
-        }
-      }
-    },
-    HvCardHeader: {
-      classes: {
-        root: {
-          flexDirection: "row-reverse",
-          // remove top padding from the next sibling
-          "&& + *": {
-            paddingTop: 0
-          }
-        },
-        subheader: {
-          color: theme.colors.textSubtle
-        },
-        action: {
-          alignSelf: "center"
-        }
-      }
-    },
-    HvCardContent: {
-      classes: {
-        content: {
-          paddingBottom: 0,
-          "&& + .HvCardMedia-root": {
-            paddingTop: theme.space.xs
-          }
-        }
-      }
-    },
-    HvFooter: {
-      name: "Pentaho"
-    },
-    HvTableCell: {
-      classes: {
-        root: {
-          borderColor: theme.colors.borderSubtle
-        }
-      }
-    },
-    HvTableHeader: {
-      classes: {
-        root: {
-          borderColor: theme.colors.borderSubtle
-        },
-        head: {
-          backgroundColor: theme.colors.bgPage
-        }
-      }
-    },
-    HvTabs: {
-      classes: {
-        floating: {
-          "& .HvTab-root": {
-            marginTop: 0,
-            zIndex: 1,
-            "&:is(.HvTab-selected)": {
-              borderColor: "transparent",
-              backgroundColor: "transparent"
-            },
-            "&:hover": {
-              borderRadius: theme.radii.full
-            },
-            "::after": {
-              display: "none"
-            }
-          },
-          "& .HvTabs-indicator": {
-            height: "100%",
-            backgroundColor: theme.colors.bgContainer,
-            border: `1px solid ${theme.colors.primary}`,
-            borderRadius: theme.radii.full
-          },
-          "& .HvTabs-flexContainer": {
-            display: "inline-flex",
-            backgroundColor: theme.colors.bgPageSecondary,
-            borderRadius: theme.radii.full,
-            marginLeft: 0
-          }
-        }
-      }
-    },
-    HvLabel: {
-      classes: {
-        root: {
-          "& span[aria-hidden]": {
-            color: theme.form.errorColor
-          }
-        }
-      }
-    },
-    HvBaseInput: {
-      classes: {
-        root: {
-          borderColor: theme.colors.textDimmed,
-          backgroundColor: inputColors.bg
-        },
-        disabled: {
-          backgroundColor: theme.colors.bgDisabled
-        }
-      }
-    },
-    HvInput: {
-      classes: {
-        label: {
-          "& span[aria-hidden]::before": {
-            content: '" "'
-          }
-        },
-        inputRoot: {
-          ":has([type=search])": {
-            borderRadius: theme.radii.full
-          }
-        },
-        suggestionsContainer: {
-          "&::before": {
-            backgroundColor: "transparent",
-            height: 0,
-            boxShadow: "none"
-          }
-        }
-      }
-    },
-    HvBaseDropdown: {
-      classes: {
-        header: {
-          borderColor: theme.colors.textDimmed,
-          backgroundColor: inputColors.bg
-        },
-        headerOpen: {
-          "&,:hover": {
-            borderColor: theme.colors.textDimmed
-          }
-        }
-      }
-    },
-    HvDropdownPanel: {
-      classes: {
-        panel: {
-          ...popperStyles
-        }
-      }
-    },
-    HvDropDownMenu: {
-      classes: {
-        root: {
-          "--r": "calc(var(--HvButton-height) / 2)"
-        },
-        open: {
-          "&[data-color=secondary]": {
-            borderColor: theme.colors.textDimmed
-          }
-        }
-      }
-    },
-    HvNumberInput: {
-      classes: {
-        root: {
-          ".HvBaseInput-disabled .HvInput-adornmentsBox": {
-            backgroundColor: theme.colors.bgDisabled
-          }
-        },
-        adornmentsBox: {
-          backgroundColor: theme.colors.bgContainer,
-          borderLeft: `1px solid ${theme.colors.border}`,
-          borderRadius: theme.radii.none
-        }
-      }
-    },
-    HvTooltip: {
-      classes: {
-        tooltip: {
-          padding: theme.spacing("xs", "sm"),
-          boxShadow: shadows.elevated
-        }
-      }
-    },
-    HvCalendarCell: {
-      classes: {
-        dateWrapper: {
-          width: 32,
-          height: 32
-        },
-        calendarDate: {
-          width: 32,
-          height: 32,
-          ...theme.typography.caption1,
-          borderRadius: theme.radii.full,
-          ":hover": {
-            borderRadius: theme.radii.full
-          }
-        },
-        calendarDateSelected: {
-          backgroundColor: theme.colors.primary,
-          color: theme.colors.dimmer,
-          ":hover": {
-            border: `1px solid ${theme.colors.primary}`,
-            color: theme.colors.text
-          }
-        },
-        cellContainer: {
-          "&:hover": {
-            backgroundColor: theme.colors.primaryDimmed,
-            borderRadius: theme.radii.full
-          },
-          ":has(> span.HvCalendarCell-calendarDateInSelectionRange):has(> span.HvCalendarCell-startBookend)": {
-            backgroundColor: theme.colors.bgPageSecondary,
-            borderTopLeftRadius: theme.radii.full,
-            borderBottomLeftRadius: theme.radii.full
-          },
-          ":has(> span.HvCalendarCell-calendarDateInSelectionRange):has(> span.HvCalendarCell-endBookend)": {
-            backgroundColor: theme.colors.bgPageSecondary,
-            borderTopRightRadius: theme.radii.full,
-            borderBottomRightRadius: theme.radii.full
-          }
-        },
-        calendarDateInSelectionRange: {
-          borderRadius: 0
-        },
-        startBookend: {
-          backgroundColor: theme.colors.primary,
-          color: theme.colors.dimmer,
-          borderRadius: theme.radii.full
-        },
-        endBookend: {
-          backgroundColor: theme.colors.primary,
-          color: theme.colors.dimmer,
-          borderRadius: theme.radii.full
-        }
-      }
-    },
-    HvSingleCalendar: {
-      classes: {
-        root: {
-          " .HvNavigation-text": {
-            ...theme.typography.captionLabel
-          },
-          " .HvNavigation-root": {
-            gap: 0
-          },
-          " .HvMonthSelector-calendarMonthlyGrid": {
-            gridTemplateColumns: "repeat(4, 1fr)"
-          },
-          " .HvMonthSelector-calendarMonthlyCell": {
-            borderRadius: theme.radii.full,
-            width: 48,
-            height: 48
-          },
-          " .HvMonthSelector-calendarMonthlyCellSelected": {
-            backgroundColor: theme.colors.primary,
-            color: theme.colors.dimmer,
-            ":hover": {
-              border: `1px solid ${theme.colors.primary}`,
-              color: theme.colors.text,
-              backgroundColor: theme.colors.primaryDimmed
-            }
-          }
-        },
-        calendarDay: {
-          width: 32,
-          height: 32,
-          ...theme.typography.caption2
-        },
-        weekdays: {
-          borderBottom: `1px solid ${theme.colors.borderSubtle}`,
-          marginBottom: theme.space.xs,
-          justifyContent: "center"
-        },
-        calendarGrid: {
-          justifyContent: "center",
-          gridTemplateColumns: "repeat(7, 32px)",
-          "& .HvSingleCalendar-cellsInRange": {
-            "& .HvSingleCalendar-startBookend": {
-              borderLeft: "none",
-              backgroundColor: theme.colors.primary,
-              color: theme.colors.dimmer
-            }
-          },
-          "&:hover .HvSingleCalendar-cellsInRange": {
-            "& .HvSingleCalendar-startBookend": {
-              borderLeft: "none",
-              backgroundColor: theme.colors.primary,
-              color: theme.colors.dimmer
-            }
-          },
-          "& .HvSingleCalendar-cellsInRange:hover": {
-            borderTopRightRadius: theme.radii.full,
-            borderBottomRightRadius: theme.radii.full,
-            "& .HvSingleCalendar-calendarDate": {
-              borderRight: "none",
-              backgroundColor: theme.colors.primary,
-              color: theme.colors.dimmer
-            }
-          }
-        },
-        cellsInRange: {
-          ":has(span.HvSingleCalendar-startBookend)": {
-            borderTopLeftRadius: theme.radii.full,
-            borderBottomLeftRadius: theme.radii.full
-          }
-        },
-        cellContainer: {
-          "&:hover": {
-            ":has(span.HvSingleCalendar-startBookend)": {
-              borderTopRightRadius: 0,
-              borderBottomRightRadius: 0
-            },
-            ":has(span.HvSingleCalendar-endBookend)": {
-              borderTopLeftRadius: 0,
-              borderBottomLeftRadius: 0
-            }
-          }
-        },
-        calendarDateInSelectionRange: {
-          ":hover:not( .HvSingleCalendar-endBookend):not( .HvSingleCalendar-startBookend)": {
-            borderRadius: 0
-          }
-        },
-        startBookend: {
-          borderLeft: "none",
-          borderTopLeftRadius: theme.radii.full,
-          borderBottomLeftRadius: theme.radii.full
-        },
-        endBookend: {
-          borderRight: "none",
-          borderTopRightRadius: theme.radii.full,
-          borderBottomRightRadius: theme.radii.full
-        }
-      }
-    },
-    HvBannerContent: {
-      classes: {
-        root: {
-          overflow: "hidden",
-          minHeight: "unset"
-        }
-      }
-    },
-    HvSnackbarContent: {
-      classes: {
-        root: {
-          width: 525,
-          minHeight: "unset",
-          boxShadow: theme.colors.shadow
-        },
-        messageText: {
-          paddingLeft: 0
-        },
-        iconVariant: {
-          alignSelf: "flex-start",
-          margin: theme.space.xxs,
-          marginRight: theme.space.sm
-        }
-      }
-    },
-    HvBreadCrumb: {
-      maxVisible: 5,
-      classes: {
-        currentPage: {
-          fontWeight: theme.fontWeights.semibold,
-          padding: `0 ${theme.space.xxs}`
-        },
-        separatorContainer: {
-          padding: `0 ${theme.space.xxs}`
-        },
-        link: {
-          height: 24,
-          display: "flex",
-          alignItems: "center",
-          padding: `0px ${theme.space.xxs}`,
-          fontWeight: theme.fontWeights.normal
-        }
-      },
-      separator: "/"
-    },
-    HvFilterGroupContent: {
-      classes: {
-        actions: {
-          flexDirection: "row-reverse"
-        }
-      }
-    }
-  }
+var pentaho$1 = mergeTheme(pentaho, {
+	icons: {
+		viewBox: "0 0 256 256",
+		Success: "M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z",
+		Caution: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z",
+		Fail: "M128,72a8,8,0,0,1,8,8v56a8,8,0,0,1-16,0V80A8,8,0,0,1,128,72ZM116,172a12,12,0,1,0,12-12A12,12,0,0,0,116,172Zm124-44a15.85,15.85,0,0,1-4.67,11.28l-96.05,96.06a16,16,0,0,1-22.56,0h0l-96-96.06a16,16,0,0,1,0-22.56l96.05-96.06a16,16,0,0,1,22.56,0l96.05,96.06A15.85,15.85,0,0,1,240,128Zm-16,0L128,32,32,128,128,224h0Z",
+		Info: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z",
+		Start: "M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z",
+		Backwards: "M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z",
+		Forwards: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z",
+		End: "M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z",
+		Filters: "M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm106.18,74.58A8,8,0,0,0,144,136v58.66L112,216V136a8,8,0,0,0-2.16-5.47L40,56H216Z"
+	},
+	components: {
+		HvAvatar: {
+			color: "primaryStrong",
+			backgroundColor: "primaryDimmed",
+			classes: {
+				avatar: {
+					border: `1px solid ${theme.colors.bgContainerSecondary}`,
+					fontWeight: theme.fontWeights.semibold,
+					...Object.entries(avatarColors).reduce((acc, [color, styles]) => {
+						acc[`&[data-color=${color}]`] = styles;
+						return acc;
+					}, {})
+				},
+				xs: {
+					"--size": "24px",
+					fontSize: theme.fontSizes.sm
+				},
+				sm: {
+					"--size": "24px",
+					fontSize: theme.fontSizes.sm
+				},
+				md: {
+					"--size": "32px",
+					fontSize: theme.fontSizes.base
+				},
+				lg: {
+					"--size": "48px",
+					fontSize: theme.fontSizes.xl2
+				},
+				xl: {
+					"--size": "64px",
+					fontSize: theme.fontSizes.xl3
+				}
+			}
+		},
+		HvAvatarGroup: {
+			maxVisible: 4,
+			classes: { root: { ...Object.values(avatarColors).reduce((acc, styles, i) => {
+				const key = `&>.HvAvatar-container:nth-of-type(${i + 1}) .HvAvatar-avatar`;
+				acc[key] = styles;
+				return acc;
+			}, {}) } }
+		},
+		HvLoading: { classes: { loadingBar: { borderRadius: 1 } } },
+		HvBadge: { classes: { badge: {
+			"--bg-color": theme.colors.textSubtle,
+			color: ld("white", "black"),
+			"&[data-color='textSubtle']:not(:empty)": {
+				color: theme.colors.textSubtle,
+				backgroundColor: theme.colors.bgPageSecondary
+			},
+			...Object.fromEntries([
+				"primary",
+				"positive",
+				"warning",
+				"negative"
+			].map((color) => [`&[data-color='${color}']:not(:empty)`, {
+				color: theme.colors[color],
+				backgroundColor: theme.colors[`${color}Dimmed`]
+			}]))
+		} } },
+		HvBulkActions: {
+			semantic: false,
+			classes: { root: {
+				borderRadius: theme.radii.round,
+				padding: theme.space.xs
+			} }
+		},
+		HvCallout: { classes: {
+			root: { outline: "1px solid var(--icolor, currentcolor)" },
+			...Object.fromEntries(Object.entries(notificationMap).map(([variant, color]) => [variant, {
+				backgroundColor: theme.mix(`${color}Dimmed`, .5, "dimmer"),
+				"--icolor": theme.colors[color],
+				"--title": theme.colors[`${color}Deep`]
+			}])),
+			message: { "&&": { color: theme.colors.text } },
+			messageIcon: { alignSelf: "start" },
+			messageTitle: { color: "var(--title)" },
+			actionClose: { color: theme.colors.text }
+		} },
+		HvSnackbar: { anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "center"
+		} },
+		HvSnackbarProvider: { anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "center"
+		} },
+		HvBaseCheckBox: { classes: { root: { borderRadius: theme.radii.base } } },
+		HvCheckBoxIcon: { classes: {
+			root: { borderRadius: theme.radii.base },
+			checked: {
+				"--bg-color": theme.colors.primary,
+				color: theme.colors.bgContainer
+			}
+		} },
+		HvBaseRadio: { classes: { root: { borderRadius: theme.radii.base } } },
+		HvRadioIcon: { classes: { checked: { "--bg-color": theme.colors.primary } } },
+		HvBaseSwitch: { classes: {
+			root: {
+				padding: theme.space.xxs,
+				borderRadius: theme.radii.full,
+				"&:hover": { backgroundColor: theme.colors.bgHover },
+				"& .HvBaseSwitch-switchBase": {
+					"& .HvBaseSwitch-thumb": {
+						borderColor: "transparent",
+						backgroundColor: "#FFFFFF",
+						left: -8,
+						top: -3,
+						width: 14,
+						height: 14
+					},
+					"+.HvBaseSwitch-track": {
+						backgroundColor: theme.colors.textDimmed,
+						border: "none",
+						width: 40,
+						height: 18
+					},
+					"&.HvBaseSwitch-checked": {
+						"+.HvBaseSwitch-track": { backgroundColor: theme.colors.positive },
+						"& .HvBaseSwitch-thumb": { left: -2 }
+					},
+					"&.HvBaseSwitch-disabled": {
+						"& .HvBaseSwitch-thumb": { borderColor: theme.colors.textDisabled },
+						"+.HvBaseSwitch-track": {
+							backgroundColor: theme.colors.bgDisabled,
+							border: "none"
+						}
+					},
+					"&[data-size=medium]": {
+						"+.HvBaseSwitch-track": {
+							width: 48,
+							height: 24
+						},
+						"& .HvBaseSwitch-thumb": {
+							left: -5,
+							top: 0,
+							width: 16,
+							height: 16
+						},
+						"&.HvBaseSwitch-checked .HvBaseSwitch-thumb": {
+							left: 3,
+							top: 0
+						}
+					}
+				}
+			},
+			readOnly: {
+				":hover": { backgroundColor: "transparent" },
+				"& .HvBaseSwitch-switchBase + .HvBaseSwitch-track": { backgroundColor: theme.colors.border },
+				"& .HvBaseSwitch-switchBase.HvBaseSwitch-checked + .HvBaseSwitch-track": { backgroundColor: theme.mix("positive", .5, "dimmer") }
+			}
+		} },
+		HvSwitch: { classes: { container: {
+			borderRadius: theme.radii.full,
+			"&:hover": { backgroundColor: theme.colors.bgHover },
+			"& .HvBaseSwitch-root": { "&:hover": { backgroundColor: "transparent" } }
+		} } },
+		HvSection: { classes: {
+			content: { backgroundColor: theme.colors.bgContainer },
+			header: {
+				padding: theme.spacing("xs", "sm"),
+				gap: theme.space.xs
+			}
+		} },
+		HvSelect: { classes: {
+			root: {
+				borderRadius: theme.radii.round,
+				"& .HvButton-subtle[data-color=text]": {
+					borderColor: theme.colors.textDimmed,
+					backgroundColor: inputColors.bg
+				}
+			},
+			select: { borderRadius: theme.radii.round }
+		} },
+		HvTagsInput: { classes: {
+			tagsList: {
+				backgroundColor: inputColors.bg,
+				padding: theme.space.xxs,
+				borderColor: theme.colors.textDimmed
+			},
+			singleLine: { height: 32 },
+			disabled: {
+				"& .HvTagsInput-tagsList": {
+					backgroundColor: theme.colors.bgDisabled,
+					"&,:hover": { borderColor: theme.colors.textDisabled }
+				},
+				"& .HvTagsInput-tag": { outlineColor: theme.colors.textDisabled }
+			}
+		} },
+		HvTag: {
+			showSelectIcon: false,
+			size: "sm",
+			classes: {
+				root: {
+					outline: `1px solid ${theme.colors.border}`,
+					outlineOffset: -1,
+					":where(:not([data-color],.HvTag-disabled))": {
+						color: theme.colors.text,
+						"--tagColor": theme.colors.bgContainer
+					},
+					":where([data-color]:not(.HvTag-disabled))": {
+						":not([data-color$=_20],[data-color^=cat])": {
+							color: "var(--tagColor)",
+							backgroundColor: theme.mix("var(--tagColor)", "8%", "white"),
+							outlineColor: theme.mix("var(--tagColor)", "30%", "white"),
+							"&.HvTag-clickable:is(:hover,:focus-visible)": { backgroundColor: theme.mix("var(--tagColor)", "20%", "white") }
+						},
+						...Object.fromEntries(semaColors.map((color) => [[`&[data-color=${color}]`], {
+							color: theme.colors[`${color}Strong`],
+							backgroundColor: theme.colors[`${color}Dimmed`],
+							outlineColor: theme.colors[`${color}Border`],
+							"&.HvTag-clickable:has(:hover,:focus-visible)": { backgroundColor: theme.colors[`${color}Subtle`] }
+						}]))
+					}
+				},
+				hasIcon: { paddingLeft: theme.space.xs },
+				xs: { borderRadius: theme.radii.base },
+				sm: { borderRadius: theme.radii.base },
+				md: { borderRadius: theme.radii.round },
+				label: {
+					paddingLeft: 8,
+					paddingRight: 8
+				},
+				deleteIcon: {
+					borderRadius: "inherit",
+					marginRight: 4
+				},
+				clickable: { ":hover": { backgroundColor: theme.colors.bgHover } },
+				selected: { "&&": { outlineColor: "currentcolor" } },
+				disabled: {
+					color: theme.colors.textDisabled,
+					outlineColor: "transparent",
+					"&,:hover": { backgroundColor: theme.colors.bgDisabled }
+				}
+			}
+		},
+		HvIconContainer: { classes: {
+			root: { padding: 0 },
+			xs: {
+				fontSize: 16,
+				padding: 0
+			},
+			sm: {
+				fontSize: 20,
+				padding: 2
+			},
+			md: {
+				fontSize: 26,
+				padding: 3
+			},
+			lg: {
+				fontSize: 36,
+				padding: 6
+			},
+			xl: {
+				fontSize: 48,
+				padding: 5
+			}
+		} },
+		HvInlineEditor: { classes: {
+			button: {
+				borderRadius: 2,
+				"&:focus": { borderColor: theme.colors.text }
+			},
+			inputRoot: { borderRadius: 2 }
+		} },
+		HvButtonBase: { classes: { root: {
+			borderRadius: theme.radii.base,
+			":where(:not(.HvButtonBase-disabled))": {
+				":hover": { backgroundColor: theme.colors.primaryDimmed },
+				":active": { backgroundColor: theme.colors.primarySubtle }
+			}
+		} } },
+		HvButton: {
+			radius: "full",
+			classes: {
+				root: { ":where(:not(.HvButton-disabled,.HvButton-contained))": {
+					"&[data-color=positive]": { color: theme.colors.positive },
+					"&[data-color=warning]": { color: theme.colors.warning },
+					"&[data-color=negative]": { color: theme.colors.negative },
+					":hover": { backgroundColor: theme.colors.primaryDimmed },
+					":active": { backgroundColor: theme.colors.primarySubtle }
+				} },
+				contained: { ":where(:not(.HvButton-disabled))": {
+					color: "#FFFFFF",
+					"&[data-color=primary]": {
+						backgroundColor: theme.colors.primary,
+						":hover": { backgroundColor: theme.colors.primaryStrong },
+						":active": { backgroundColor: theme.colors.primaryDeep }
+					},
+					"&[data-color=positive]": {
+						":hover": { backgroundColor: theme.colors.positiveDeep },
+						":active": { backgroundColor: theme.colors.positiveStrong }
+					},
+					"&[data-color=warning]": {
+						":hover": { backgroundColor: theme.colors.warningDeep },
+						":active": { backgroundColor: theme.colors.warningStrong }
+					},
+					"&[data-color=negative]": {
+						":hover": { backgroundColor: theme.colors.negativeDeep },
+						":active": { backgroundColor: theme.colors.negativeStrong }
+					}
+				} },
+				subtle: {
+					borderColor: theme.alpha("currentcolor", .4),
+					":where(:not(.HvButton-disabled))": {
+						"&[data-color=primary]": {
+							borderColor: theme.colors.primarySubtle,
+							backgroundColor: theme.colors.primaryDimmed
+						},
+						"&[data-color=secondary]": {
+							borderColor: theme.colors.border,
+							backgroundColor: theme.colors.bgPage
+						},
+						":hover": { backgroundColor: theme.colors.primaryDimmed },
+						":active": {
+							borderColor: "transparent",
+							backgroundColor: theme.colors.primarySubtle
+						},
+						"&[data-color=positive]": {
+							borderColor: theme.colors.positiveBorder,
+							backgroundColor: theme.colors.positiveDimmed,
+							":hover": { backgroundColor: theme.colors.positiveSubtle },
+							":active": { backgroundColor: theme.colors.positiveBorder }
+						},
+						"&[data-color=warning]": {
+							borderColor: theme.colors.warningBorder,
+							backgroundColor: theme.colors.warningDimmed,
+							":hover": { backgroundColor: theme.colors.warningSubtle },
+							":active": { backgroundColor: theme.colors.warningBorder }
+						},
+						"&[data-color=negative]": {
+							borderColor: theme.colors.negativeBorder,
+							backgroundColor: theme.colors.negativeDimmed,
+							":hover": { backgroundColor: theme.colors.negativeSubtle },
+							":active": { backgroundColor: theme.colors.negativeBorder }
+						}
+					}
+				},
+				ghost: { ":where(:not(.HvButton-disabled))": {
+					"&[data-color=positive]": {
+						":hover": { backgroundColor: theme.colors.positiveDimmed },
+						":active": { backgroundColor: theme.colors.positiveSubtle }
+					},
+					"&[data-color=warning]": {
+						":hover": { backgroundColor: theme.colors.warningDimmed },
+						":active": { backgroundColor: theme.colors.warningSubtle }
+					},
+					"&[data-color=negative]": {
+						":hover": { backgroundColor: theme.colors.negativeDimmed },
+						":active": { backgroundColor: theme.colors.negativeSubtle }
+					}
+				} },
+				disabled: {
+					color: theme.colors.textDisabled,
+					":not(.HvButton-ghost)": {
+						borderColor: "transparent",
+						"&,:hover,:active": { backgroundColor: theme.colors.bgDisabled }
+					}
+				}
+			}
+		},
+		HvMultiButton: { classes: {
+			multiple: {
+				borderRadius: theme.radii.full,
+				borderColor: theme.colors.border,
+				"& .HvMultiButton-button": {
+					borderColor: "inherit",
+					...theme.typography.body,
+					"&.HvMultiButton-selected": {
+						color: theme.colors.primary,
+						backgroundColor: theme.colors.primaryDimmed
+					},
+					"&:not(.HvMultiButton-firstButton, .HvMultiButton-lastButton)": { borderRadius: 0 }
+				}
+			},
+			vertical: {
+				borderRadius: theme.radii.large,
+				borderColor: theme.colors.border
+			}
+		} },
+		HvDialog: { classes: {
+			paper: {
+				borderRadius: theme.radii.large,
+				boxShadow: shadows.modal
+			},
+			statusBar: {
+				border: "none",
+				borderTopLeftRadius: theme.radii.large,
+				borderTopRightRadius: theme.radii.large
+			}
+		} },
+		HvDialogActions: { classes: { root: { borderTop: "none" } } },
+		HvDropdownButton: { classes: { disabled: {
+			backgroundColor: theme.colors.bgDisabled,
+			borderColor: theme.colors.bgDisabled,
+			"&.HvButton-subtle": {
+				borderColor: theme.colors.bgDisabled,
+				"&,:hover": { backgroundColor: theme.colors.bgDisabled }
+			},
+			"&.HvButton-ghost": {
+				borderColor: theme.colors.bgDisabled,
+				"&,:hover": { backgroundColor: theme.colors.bgDisabled }
+			}
+		} } },
+		HvPagination: { classes: { icon: { fontSize: 16 } } },
+		HvHeader: { classes: { root: {
+			borderBottom: `1px solid ${theme.colors.borderSubtle}`,
+			boxShadow: "none"
+		} } },
+		HvHeaderBrand: { classes: { separator: {
+			backgroundColor: theme.colors.border,
+			margin: theme.spacing(0, "md"),
+			height: 32
+		} } },
+		HvHeaderMenuBarBar: { classes: {
+			active: {
+				boxShadow: "none",
+				borderBottom: `1px solid ${theme.colors.borderSubtle}`
+			},
+			list: {
+				"& li:hover > .HvHeader-MenuBar-hidden": {
+					boxShadow: "none",
+					borderBottom: `1px solid ${theme.colors.borderSubtle}`
+				},
+				"& li:focus-within > .HvHeader-MenuBar-hidden": {
+					boxShadow: "none",
+					borderBottom: `1px solid ${theme.colors.borderSubtle}`
+				}
+			}
+		} },
+		HvVerticalNavigation: { classes: {
+			root: {
+				width: 280,
+				color: theme.colors.textLight,
+				backgroundColor: slate[900],
+				boxShadow: `inset -1px 0 0 0 ${slate[500]}`,
+				"& > :not(nav:first-of-type)": { borderTop: `1px solid ${slate[500]}` },
+				"& > :only-child": {
+					padding: theme.space.sm,
+					"& .HvVerticalNavigationSlider-listContainer": { padding: 0 }
+				}
+			},
+			slider: { "& > div:first-of-type": { borderBottom: `1px solid ${slate[500]}` } }
+		} },
+		HvVerticalNavigationAction: { classes: { action: {
+			borderRadius: theme.radii.round,
+			"&:hover, &:focus": { backgroundColor: slate[700] }
+		} } },
+		HvVerticalNavigationSlider: { classes: {
+			root: {
+				minHeight: "32px",
+				borderLeft: "unset",
+				borderRadius: theme.radii.round,
+				"&.HvIsFocused": { backgroundColor: slate[700] },
+				"&.HvListItem-interactive:not(.HvListItem-disabled):not(.HvListItem-selected):hover": { backgroundColor: slate[700] }
+			},
+			listItemDisabled: {
+				color: neutral[500],
+				backgroundColor: neutral[800],
+				"& .HvListItem-startAdornment": { backgroundColor: "transparent" },
+				"& .HvListItem-endAdornment": { backgroundColor: "transparent" }
+			},
+			listItemSelected: {
+				background: blue[800],
+				borderLeft: "unset"
+			},
+			listItemFocus: { background: slate[700] },
+			listContainer: { padding: theme.space.sm }
+		} },
+		HvVerticalNavigationTreeViewItem: { classes: {
+			content: {
+				borderLeft: "unset",
+				borderRadius: theme.radii.round,
+				".HvVerticalNavigationTreeViewItem-selected>&": {
+					background: blue[800],
+					borderLeft: "unset"
+				},
+				":not(.HvVerticalNavigationTreeViewItem-disabled>&):not(.HvVerticalNavigationTreeViewItem-selected>&)": { "&:hover, &:focus-visible, &.focus-visible": { background: slate[700] } },
+				".HvVerticalNavigationTreeViewItem-focused>&": { background: slate[700] }
+			},
+			disabled: {
+				"& .HvVerticalNavigationTreeViewItem-label": { color: neutral[500] },
+				"& .HvVerticalNavigationTreeViewItem-content": { background: neutral[800] }
+			},
+			icon: { "& .HvAvatar-root": { borderRadius: theme.radii.round } }
+		} },
+		HvCard: { classes: {
+			root: {
+				outlineColor: theme.colors.borderSubtle,
+				boxShadow: theme.colors.shadow,
+				"--rb": theme.radii.large,
+				"&[data-color=sema0]": {
+					overflow: "hidden",
+					height: "fit-content",
+					"--rt": theme.radii.large,
+					"& .HvCard-semanticBar": { display: "none" }
+				},
+				"& .MuiCardContent-root:last-child": { paddingBottom: 0 },
+				"& > :last-child:not(.HvCardMedia-root)": { paddingBottom: theme.space.sm },
+				"& .HvActionBar-root": { borderTop: "none" }
+			},
+			selectable: { ":hover": {
+				outlineColor: theme.colors.primarySubtle,
+				backgroundColor: theme.colors.bgHover
+			} },
+			selected: { "&,&:hover,&:focus": { outlineColor: theme.colors.primary } },
+			semanticBar: {
+				"--bar-height": "2px",
+				borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`
+			}
+		} },
+		HvCardHeader: { classes: {
+			root: {
+				flexDirection: "row-reverse",
+				"&& + *": { paddingTop: 0 }
+			},
+			subheader: { color: theme.colors.textSubtle },
+			action: { alignSelf: "center" }
+		} },
+		HvCardContent: { classes: { content: {
+			paddingBottom: 0,
+			"&& + .HvCardMedia-root": { paddingTop: theme.space.xs }
+		} } },
+		HvFooter: { name: "Pentaho" },
+		HvTableCell: { classes: { root: { borderColor: theme.colors.borderSubtle } } },
+		HvTableHeader: { classes: {
+			root: { borderColor: theme.colors.borderSubtle },
+			head: { backgroundColor: theme.colors.bgPage }
+		} },
+		HvTabs: { classes: { floating: {
+			"& .HvTab-root": {
+				marginTop: 0,
+				zIndex: 1,
+				"&:is(.HvTab-selected)": {
+					borderColor: "transparent",
+					backgroundColor: "transparent"
+				},
+				"&:hover": { borderRadius: theme.radii.full },
+				"::after": { display: "none" }
+			},
+			"& .HvTabs-indicator": {
+				height: "100%",
+				backgroundColor: theme.colors.bgContainer,
+				border: `1px solid ${theme.colors.primary}`,
+				borderRadius: theme.radii.full
+			},
+			"& .HvTabs-flexContainer": {
+				display: "inline-flex",
+				backgroundColor: theme.colors.bgPageSecondary,
+				borderRadius: theme.radii.full,
+				marginLeft: 0
+			}
+		} } },
+		HvLabel: { classes: { root: { "& span[aria-hidden]": { color: theme.form.errorColor } } } },
+		HvBaseInput: { classes: {
+			root: {
+				borderColor: theme.colors.textDimmed,
+				backgroundColor: inputColors.bg
+			},
+			disabled: { backgroundColor: theme.colors.bgDisabled }
+		} },
+		HvInput: { classes: {
+			label: { "& span[aria-hidden]::before": { content: "\" \"" } },
+			inputRoot: { ":has([type=search])": { borderRadius: theme.radii.full } },
+			suggestionsContainer: { "&::before": {
+				backgroundColor: "transparent",
+				height: 0,
+				boxShadow: "none"
+			} }
+		} },
+		HvBaseDropdown: { classes: {
+			header: {
+				borderColor: theme.colors.textDimmed,
+				backgroundColor: inputColors.bg
+			},
+			headerOpen: { "&,:hover": { borderColor: theme.colors.textDimmed } }
+		} },
+		HvDropdownPanel: { classes: { panel: { ...popperStyles } } },
+		HvDropDownMenu: { classes: {
+			root: { "--r": "calc(var(--HvButton-height) / 2)" },
+			open: { "&[data-color=secondary]": { borderColor: theme.colors.textDimmed } }
+		} },
+		HvNumberInput: { classes: {
+			root: { ".HvBaseInput-disabled .HvInput-adornmentsBox": { backgroundColor: theme.colors.bgDisabled } },
+			adornmentsBox: {
+				backgroundColor: theme.colors.bgContainer,
+				borderLeft: `1px solid ${theme.colors.border}`,
+				borderRadius: theme.radii.none
+			}
+		} },
+		HvTooltip: { classes: { tooltip: {
+			padding: theme.spacing("xs", "sm"),
+			boxShadow: shadows.elevated
+		} } },
+		HvCalendarCell: { classes: {
+			dateWrapper: {
+				width: 32,
+				height: 32
+			},
+			calendarDate: {
+				width: 32,
+				height: 32,
+				...theme.typography.caption1,
+				borderRadius: theme.radii.full,
+				":hover": { borderRadius: theme.radii.full }
+			},
+			calendarDateSelected: {
+				backgroundColor: theme.colors.primary,
+				color: theme.colors.dimmer,
+				":hover": {
+					border: `1px solid ${theme.colors.primary}`,
+					color: theme.colors.text
+				}
+			},
+			cellContainer: {
+				"&:hover": {
+					backgroundColor: theme.colors.primaryDimmed,
+					borderRadius: theme.radii.full
+				},
+				":has(> span.HvCalendarCell-calendarDateInSelectionRange):has(> span.HvCalendarCell-startBookend)": {
+					backgroundColor: theme.colors.bgPageSecondary,
+					borderTopLeftRadius: theme.radii.full,
+					borderBottomLeftRadius: theme.radii.full
+				},
+				":has(> span.HvCalendarCell-calendarDateInSelectionRange):has(> span.HvCalendarCell-endBookend)": {
+					backgroundColor: theme.colors.bgPageSecondary,
+					borderTopRightRadius: theme.radii.full,
+					borderBottomRightRadius: theme.radii.full
+				}
+			},
+			calendarDateInSelectionRange: { borderRadius: 0 },
+			startBookend: {
+				backgroundColor: theme.colors.primary,
+				color: theme.colors.dimmer,
+				borderRadius: theme.radii.full
+			},
+			endBookend: {
+				backgroundColor: theme.colors.primary,
+				color: theme.colors.dimmer,
+				borderRadius: theme.radii.full
+			}
+		} },
+		HvSingleCalendar: { classes: {
+			root: {
+				" .HvNavigation-text": { ...theme.typography.captionLabel },
+				" .HvNavigation-root": { gap: 0 },
+				" .HvMonthSelector-calendarMonthlyGrid": { gridTemplateColumns: "repeat(4, 1fr)" },
+				" .HvMonthSelector-calendarMonthlyCell": {
+					borderRadius: theme.radii.full,
+					width: 48,
+					height: 48
+				},
+				" .HvMonthSelector-calendarMonthlyCellSelected": {
+					backgroundColor: theme.colors.primary,
+					color: theme.colors.dimmer,
+					":hover": {
+						border: `1px solid ${theme.colors.primary}`,
+						color: theme.colors.text,
+						backgroundColor: theme.colors.primaryDimmed
+					}
+				}
+			},
+			calendarDay: {
+				width: 32,
+				height: 32,
+				...theme.typography.caption2
+			},
+			weekdays: {
+				borderBottom: `1px solid ${theme.colors.borderSubtle}`,
+				marginBottom: theme.space.xs,
+				justifyContent: "center"
+			},
+			calendarGrid: {
+				justifyContent: "center",
+				gridTemplateColumns: "repeat(7, 32px)",
+				"& .HvSingleCalendar-cellsInRange": { "& .HvSingleCalendar-startBookend": {
+					borderLeft: "none",
+					backgroundColor: theme.colors.primary,
+					color: theme.colors.dimmer
+				} },
+				"&:hover .HvSingleCalendar-cellsInRange": { "& .HvSingleCalendar-startBookend": {
+					borderLeft: "none",
+					backgroundColor: theme.colors.primary,
+					color: theme.colors.dimmer
+				} },
+				"& .HvSingleCalendar-cellsInRange:hover": {
+					borderTopRightRadius: theme.radii.full,
+					borderBottomRightRadius: theme.radii.full,
+					"& .HvSingleCalendar-calendarDate": {
+						borderRight: "none",
+						backgroundColor: theme.colors.primary,
+						color: theme.colors.dimmer
+					}
+				}
+			},
+			cellsInRange: { ":has(span.HvSingleCalendar-startBookend)": {
+				borderTopLeftRadius: theme.radii.full,
+				borderBottomLeftRadius: theme.radii.full
+			} },
+			cellContainer: { "&:hover": {
+				":has(span.HvSingleCalendar-startBookend)": {
+					borderTopRightRadius: 0,
+					borderBottomRightRadius: 0
+				},
+				":has(span.HvSingleCalendar-endBookend)": {
+					borderTopLeftRadius: 0,
+					borderBottomLeftRadius: 0
+				}
+			} },
+			calendarDateInSelectionRange: { ":hover:not( .HvSingleCalendar-endBookend):not( .HvSingleCalendar-startBookend)": { borderRadius: 0 } },
+			startBookend: {
+				borderLeft: "none",
+				borderTopLeftRadius: theme.radii.full,
+				borderBottomLeftRadius: theme.radii.full
+			},
+			endBookend: {
+				borderRight: "none",
+				borderTopRightRadius: theme.radii.full,
+				borderBottomRightRadius: theme.radii.full
+			}
+		} },
+		HvBannerContent: { classes: { root: {
+			overflow: "hidden",
+			minHeight: "unset"
+		} } },
+		HvSnackbarContent: { classes: {
+			root: {
+				width: 525,
+				minHeight: "unset",
+				boxShadow: theme.colors.shadow
+			},
+			messageText: { paddingLeft: 0 },
+			iconVariant: {
+				alignSelf: "flex-start",
+				margin: theme.space.xxs,
+				marginRight: theme.space.sm
+			}
+		} },
+		HvBreadCrumb: {
+			maxVisible: 5,
+			classes: {
+				currentPage: {
+					fontWeight: theme.fontWeights.semibold,
+					padding: `0 ${theme.space.xxs}`
+				},
+				separatorContainer: { padding: `0 ${theme.space.xxs}` },
+				link: {
+					height: 24,
+					display: "flex",
+					alignItems: "center",
+					padding: `0px ${theme.space.xxs}`,
+					fontWeight: theme.fontWeights.normal
+				}
+			},
+			separator: "/"
+		},
+		HvFilterGroupContent: { classes: { actions: { flexDirection: "row-reverse" } } }
+	}
 });
-export {
-  pentaho
-};
+//#endregion
+export { pentaho$1 as pentaho };