impact-ui 5.0.1-beta.2 → 5.0.1-chart.1

package/dist/components/ThemingPanel/StylesSection.js

@@ -1,44 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Tooltip } from "../Tooltip/index.js";
-import { INTERFACE_STYLES } from "./themingPanel.constants.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
-function StylesSection({ value, onChange }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("section", { className: "ia-theming-panel-row", children: [
-    /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-row-copy", children: [
-      /* @__PURE__ */ jsx("h3", { className: "ia-theming-panel-section-title", children: t("themingPanel.styles.title") }),
-      /* @__PURE__ */ jsx("p", { className: "ia-theming-panel-section-subtitle", children: t("themingPanel.styles.subtitle") })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-label": t("themingPanel.styles.title"),
-        className: "ia-theming-panel-styles",
-        role: "radiogroup",
-        children: INTERFACE_STYLES.map(({ id, image }) => {
-          const selected = value === id;
-          const label = t(`themingPanel.styles.${id}`);
-          const tooltipTitle = t("themingPanel.styles.cardTooltip", { name: label });
-          return /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: tooltipTitle, variant: "tertiary", children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              "aria-checked": selected,
-              "aria-label": label,
-              className: `ia-theming-panel-style-card ${selected ? "ia-theming-panel-style-card-selected" : ""}`,
-              role: "radio",
-              type: "button",
-              onClick: () => {
-                onChange(id);
-              },
-              children: image ? /* @__PURE__ */ jsx("img", { alt: "", className: "ia-theming-panel-style-image", src: image }) : /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-style-none-label", children: label })
-            }
-          ) }, id);
-        })
-      }
-    )
-  ] });
-}
-StylesSection.displayName = "StylesSection";
-export {
-  StylesSection
-};

package/dist/components/ThemingPanel/ThemesTab.d.ts

@@ -1,23 +0,0 @@
-import { AccentColorId, ContrastLevel, InterfaceStyleId } from './ThemingPanel.types';
-import { ImpactUiThemeMode } from '../../tokens';
-
-export interface ThemesTabProps {
-    mode: ImpactUiThemeMode;
-    accentColor: AccentColorId;
-    contrast: ContrastLevel;
-    style: InterfaceStyleId;
-    onModeChange: (mode: ImpactUiThemeMode) => void;
-    onAccentColorChange: (color: AccentColorId) => void;
-    onContrastChange: (level: ContrastLevel) => void;
-    onStyleChange: (style: InterfaceStyleId) => void;
-    visibiltyProperties?: {
-        isAccentColorSectionVisible?: boolean;
-        isEnhanceContrastSectionVisible?: boolean;
-        isStylesSectionVisible?: boolean;
-    };
-}
-export declare function ThemesTab({ mode, accentColor, contrast, style, onModeChange, onAccentColorChange, onContrastChange, onStyleChange, visibiltyProperties, }: ThemesTabProps): import("react").JSX.Element;
-export declare namespace ThemesTab {
-    var displayName: string;
-}
-//# sourceMappingURL=ThemesTab.d.ts.map

package/dist/components/ThemingPanel/ThemesTab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemesTab.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/ThemesTab.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,iBAAiB,CAAC;IACxB,WAAW,EAAE,aAAa,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,gBAAgB,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE;QACpB,2BAA2B,CAAC,EAAE,OAAO,CAAC;QACtC,+BAA+B,CAAC,EAAE,OAAO,CAAC;QAC1C,sBAAsB,CAAC,EAAE,OAAO,CAAC;KAClC,CAAC;CACH;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,mBAIC,GACF,EAAE,cAAc,+BA+BhB;yBA7Ce,SAAS"}

package/dist/components/ThemingPanel/ThemesTab.js

@@ -1,49 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { AccentColorSection } from "./AccentColorSection.js";
-import { EnhanceContrastSection } from "./EnhanceContrastSection.js";
-import { InterfaceThemeSection } from "./InterfaceThemeSection.js";
-import { StylesSection } from "./StylesSection.js";
-import { getAccentColorCssVar } from "./themingPanel.constants.js";
-function ThemesTab({
-  mode,
-  accentColor,
-  contrast,
-  style,
-  onModeChange,
-  onAccentColorChange,
-  onContrastChange,
-  onStyleChange,
-  visibiltyProperties = {
-    isAccentColorSectionVisible: true,
-    isEnhanceContrastSectionVisible: false,
-    isStylesSectionVisible: true
-  }
-}) {
-  const { isAccentColorSectionVisible, isEnhanceContrastSectionVisible, isStylesSectionVisible } = visibiltyProperties;
-  const previewAccentStyle = {
-    "--ia-theming-preview-accent": getAccentColorCssVar(accentColor)
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-themes", style: previewAccentStyle, children: [
-    /* @__PURE__ */ jsx(InterfaceThemeSection, { value: mode, onChange: onModeChange }),
-    isAccentColorSectionVisible && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "ia-theming-panel-divider" }),
-      /* @__PURE__ */ jsx(AccentColorSection, { value: accentColor, onChange: onAccentColorChange }),
-      " "
-    ] }),
-    isEnhanceContrastSectionVisible && /* @__PURE__ */ jsxs(Fragment, { children: [
-      " ",
-      /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "ia-theming-panel-divider" }),
-      /* @__PURE__ */ jsx(EnhanceContrastSection, { value: contrast, onChange: onContrastChange }),
-      " "
-    ] }),
-    isStylesSectionVisible && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "ia-theming-panel-divider" }),
-      /* @__PURE__ */ jsx(StylesSection, { value: style, onChange: onStyleChange }),
-      " "
-    ] })
-  ] });
-}
-ThemesTab.displayName = "ThemesTab";
-export {
-  ThemesTab
-};

package/dist/components/ThemingPanel/ThemingPanel.d.ts

@@ -1,10 +0,0 @@
-import { ThemingPanelProps } from './ThemingPanel.types';
-
-/**
- * Appearance settings modal — opened from Profile menu → Themes.
- */
-export declare function ThemingPanel({ open, onClose, onCancel, onApply, className, 'data-testid': dataTestId, visibiltyProperties, }: ThemingPanelProps): import("react").JSX.Element | null;
-export declare namespace ThemingPanel {
-    var displayName: string;
-}
-//# sourceMappingURL=ThemingPanel.d.ts.map

package/dist/components/ThemingPanel/ThemingPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemingPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/ThemingPanel.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAIV,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,4BAA4B,CAAC;AAQpC;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,mBAAsD,GACvD,EAAE,iBAAiB,sCA4NnB;yBApOe,YAAY"}

package/dist/components/ThemingPanel/ThemingPanel.js

@@ -1,211 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding:3px 8px;padding-left:0!important}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible{outline:none}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible .MuiSvgIcon-root:first-of-type{border-radius:50%;outline:2px solid var(--ia-focus-color,var(--iu-bg-primary));outline-offset:2px}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible .MuiSvgIcon-root,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible),.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible) .MuiSvgIcon-root{outline:none}.MuiFormGroup-root.orientation-row{flex-direction:row;gap:8px}.MuiFormGroup-root.orientation-row .ia-radioButton:first-child{margin-left:0!important}.MuiFormGroup-root.orientation-row .ia-radioButton:last-child{margin-right:0!important}.MuiFormGroup-root.orientation-column{flex-direction:column;gap:8px}.MuiFormGroup-root.orientation-column .ia-radioButton{margin:0!important}.ia-radioButton .MuiSvgIcon-root{border:1px solid var(--iu-bg-disabled-2);border-radius:50%;height:16px;width:16px}.ia-radioButton path{display:none}.ia-radioButton:hover .MuiSvgIcon-root{border:1px solid var(--iu-bg-primary)}.ia-radioButton-disabled .MuiSvgIcon-root{background:var(--iu-bg-surface-lighter);border:1px solid var(--iu-border-disabled)!important}.ia-radioButton.ia-radioButton-disabled .MuiSvgIcon-root:nth-child(2){background:var(--iu-bg-primary-lighter)!important;border:none;border:1px solid var(--iu-bg-primary-lighter)!important;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiSvgIcon-root:nth-child(2){background:var(--iu-bg-primary);border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .Mui-checked .MuiSvgIcon-root{background:#0000;border:1px solid var(--iu-bg-primary);border-radius:50%;height:16px;width:16px}.ia-radioButton .Mui-checked .MuiSvgIcon-root path{display:none}.ia-radioButton .Mui-checked .MuiSvgIcon-root:nth-child(2){background:var(--iu-bg-primary);border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiTypography-root{color:var(--iu-legacy-gray-badge);font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.ia-radioButton .MuiRadio-root.Mui-checked+.MuiTypography-root{color:var(--iu-on-surface-body)}.ia-radioGroup-wrapper{display:flex;flex-direction:column;gap:16px}.ia-radioGroup-label{color:var(--iu-on-surface-subtitle);font-size:12px;font-weight:700;line-height:20px;text-transform:capitalize}.ia-theming-panel-overlay{background-color:var(--iu-effect-mix-modal-backdrop-80);top:0;right:0;bottom:0;left:0;position:fixed;z-index:9999;-webkit-tap-highlight-color:transparent}.ia-styles.ia-theming-panel{background:var(--iu-bg-surface-layer-bg);border-radius:12px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);display:flex;flex-direction:column;font-family:Manrope,sans-serif;left:50%;max-height:min(760px,100vh - 32px);overflow:visible;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(900px,100vw - 32px);z-index:10000}.ia-theming-panel-body{background:var(--iu-effect-gradient-theming-panel-body);border-radius:12px 12px 0 0;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:16px 16px 48px;position:relative}.ia-theming-panel-halloween-bats{background-image:var(--iu-style-halloween-panel-bats);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;bottom:0;display:none;height:105px;margin:14px 26px;pointer-events:none;position:absolute;right:0;transform:rotate(-8deg);width:86px;z-index:0}[data-iu-interface-style=halloween] .ia-theming-panel-body .ia-theming-panel-halloween-bats{display:block}.ia-theming-panel-content,.ia-theming-panel-header{position:relative;z-index:1}.ia-theming-panel-header{display:flex;flex-direction:column;gap:8px;margin-bottom:32px;max-width:556px}.ia-theming-panel-title{color:var(--iu-on-surface-title);font-size:20px;font-weight:800;line-height:30px;margin:0;text-transform:capitalize}.ia-theming-panel-description{color:var(--iu-on-surface-subtitle,var(--iu-on-surface-caption));font-size:14px;font-weight:400;line-height:16px;margin:0}.ia-theming-panel-close{align-items:center;background-color:var(--iu-bg-surface-layer-bg);border:none;border-radius:100px;box-shadow:var(--iu-effect-shadow-drop-4);cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:-8px;top:-10px;z-index:1}.ia-theming-panel-close:focus-visible{box-shadow:var(--iu-effect-shadow-drop-4),0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,var(--iu-bg-surface-layer-bg)),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,var(--iu-bg-primary));outline:none;transition:box-shadow .15s ease-in-out}.ia-theming-panel-close:focus:not(:focus-visible){box-shadow:var(--iu-effect-shadow-drop-4);outline:none}.ia-theming-panel-close svg{color:var(--iu-on-surface-icon);height:18px;width:18px}.ia-theming-panel-content{display:flex;flex:1;flex-direction:column;min-height:0}.ia-theming-panel-themes-heading{color:var(--iu-on-surface-title);font-size:16px;font-weight:600;line-height:24px;margin:0;padding:0 8px}.ia-theming-panel-themes-heading-divider{border-top:1px solid var(--iu-border-default);margin:12px -16px 0;width:calc(100% + 32px)}.ia-theming-panel-themes-scroll{flex:1;min-height:0;overflow-y:auto;padding:20px 8px 8px}.ia-theming-panel-themes{display:flex;flex-direction:column;gap:20px;--ia-theming-preview-accent:var(--iu-bg-primary)}.ia-theming-panel-row{align-items:flex-start;display:flex;gap:32px}.ia-theming-panel-row-copy{display:flex;flex:none;flex-direction:column;gap:4px;width:240px}.ia-theming-panel-section-title{color:var(--iu-on-surface-title);font-size:16px;font-weight:600;line-height:24px;margin:0}.ia-theming-panel-section-subtitle{color:var(--iu-on-surface-subtitle,var(--iu-on-surface-caption));font-size:12px;font-weight:500;line-height:16px;margin:0}.ia-theming-panel-divider{border-top:1px solid var(--iu-border-default);height:0;width:100%}.ia-theming-panel-theme-cards{display:flex;flex:1;flex-wrap:wrap;gap:16px;min-width:0}.ia-theming-panel-theme-card{background:#0000;border:1px solid var(--iu-border-default);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;padding:2px;text-align:left;transition:border-color .15s ease;width:138px}.ia-theming-panel-theme-card:focus-visible{outline:2px solid var(--ia-theming-preview-accent,var(--iu-bg-primary));outline-offset:2px}.ia-theming-panel-theme-card.ia-theming-panel-theme-card-selected{border-color:var(--ia-theming-preview-accent,var(--iu-bg-primary));border-width:1.5px}.ia-theming-panel-theme-card-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0 6px 6px}.ia-theming-panel-theme-card-label{color:var(--iu-on-surface-label,var(--iu-on-surface-caption));font-size:12px;font-weight:500;line-height:16px}.ia-theming-panel-theme-card-radio{padding:0!important;pointer-events:none}.ia-theming-panel-theme-card-radio.MuiRadio-root{margin:0}.ia-theming-panel-theme-cards .ia-radioButton.ia-theming-panel-theme-card-radio .Mui-checked .MuiSvgIcon-root{border-color:var(--ia-theming-preview-accent,var(--iu-bg-primary))}.ia-theming-panel-theme-cards .ia-radioButton.ia-theming-panel-theme-card-radio .Mui-checked .MuiSvgIcon-root:nth-child(2),.ia-theming-panel-theme-cards .ia-radioButton.ia-theming-panel-theme-card-radio .MuiSvgIcon-root:nth-child(2){background:var(--ia-theming-preview-accent,var(--iu-bg-primary))}.ia-theming-panel-theme-preview{background:#f4f5f8;border-radius:6px;display:flex;flex-direction:column;gap:5px;height:80px;overflow:hidden;padding:6px}.ia-theming-panel-theme-preview--system{display:flex;flex-direction:row;gap:0;padding:0}.ia-theming-panel-theme-preview-half{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;padding:6px}.ia-theming-panel-theme-preview-half--light{background:#f4f5f8}.ia-theming-panel-theme-preview--dark,.ia-theming-panel-theme-preview-half--dark{background:#18181c}.ia-theming-panel-preview-chrome{align-items:flex-start;display:flex;gap:3px;width:100%}.ia-theming-panel-preview-chrome--end{justify-content:flex-end}.ia-theming-panel-preview-dot{border-radius:50%;flex:none;height:3px;width:3px}.ia-theming-panel-preview-dot--red{background:#ff5f57}.ia-theming-panel-preview-dot--amber{background:#febc2e}.ia-theming-panel-preview-dot--green{background:#28c840}.ia-theming-panel-preview-dots{background:linear-gradient(90deg,#ff5f57 0,#ff5f57 3px,#0000 3px,#0000 6.5px,#febc2e 6.5px,#febc2e 9.5px,#0000 9.5px,#0000 13px,#28c840 13px,#28c840 16px);border-radius:2px;height:3px;width:16px}.ia-theming-panel-preview-dots--dark{opacity:.55}.ia-theming-panel-preview-accent{background:var(--ia-theming-preview-accent,var(--iu-bg-primary));border-radius:1px;flex:none;height:5px;margin-left:auto;width:13px}.ia-theming-panel-preview-editor{display:flex;flex:1;gap:3px;min-height:0;width:100%}.ia-theming-panel-preview-sidebar{background:#e8eaef;border-radius:1.5px;box-shadow:inset 2px 0 0 var(--ia-theming-preview-accent,var(--iu-bg-primary));flex:none;width:19px}.ia-theming-panel-preview-main{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.ia-theming-panel-preview-navbar{background:#e8eaef;border-radius:1px;flex:none;height:6px}.ia-theming-panel-preview-body{background:#fff;border-radius:1.5px;flex:1}.ia-theming-panel-preview-editor--dark :is(.ia-theming-panel-preview-navbar,.ia-theming-panel-preview-sidebar){background:#24242a}.ia-theming-panel-preview-editor--dark .ia-theming-panel-preview-sidebar{box-shadow:inset 2px 0 0 var(--ia-theming-preview-accent,var(--iu-bg-primary))}.ia-theming-panel-preview-editor--dark .ia-theming-panel-preview-body{background:#2e2e36}.ia-theming-panel-swatches{align-items:center;display:flex;flex-wrap:wrap;gap:18px;min-width:0;padding-top:2px}.ia-theming-panel-swatch{align-items:center;background:#0000;border:none;border-radius:40px;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;width:24px}.ia-theming-panel-swatch:focus-visible{outline:2px solid var(--iu-bg-primary);outline-offset:2px}.ia-theming-panel-swatch.ia-theming-panel-swatch-selected{border:2px solid var(--ia-theming-preview-accent,var(--iu-bg-primary));height:32px;width:32px}.ia-theming-panel-swatch-fill{background:var(--ia-theming-swatch-color);border-radius:40px;display:block;height:24px;width:24px}.ia-theming-panel-swatch-selected .ia-theming-panel-swatch-fill{border:2.5px solid #fff;box-sizing:border-box;height:20px;width:20px}.ia-theming-panel-chips{align-items:center;display:flex;flex-wrap:wrap;gap:12px;min-width:0}.ia-theming-panel-chips .impact-chip-container.selected .MuiChip-filled{background-color:var(--iu-bg-surface-layer-bg)}.ia-theming-panel-styles{align-items:center;display:flex;flex-wrap:wrap;gap:16px;min-width:0}.ia-theming-panel-style-card{align-items:center;background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-border-default);border-radius:12px;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;padding:0;position:relative;width:60px}.ia-theming-panel-style-card:focus-visible{outline:2px solid var(--iu-bg-primary);outline-offset:2px}.ia-theming-panel-style-card.ia-theming-panel-style-card-selected{border-color:var(--iu-bg-primary)}.ia-theming-panel-style-none-label{color:var(--iu-on-surface-label);font-size:14px;font-weight:500;line-height:20px;text-transform:capitalize}.ia-theming-panel-style-card-selected .ia-theming-panel-style-none-label{color:var(--iu-bg-primary)}.ia-theming-panel-style-image{height:100%;object-fit:cover;pointer-events:none;width:100%}.ia-theming-panel-placeholder{color:var(--iu-on-surface-caption);font-size:14px;margin:0}.ia-theming-panel-footer{align-items:center;background:var(--iu-bg-surface-layer-bg);border-radius:0 0 8px 8px;border-top:1px solid var(--iu-border-default);display:flex;gap:12px;justify-content:flex-end;padding:12px 16px}@media (max-width:720px){.ia-theming-panel-row{flex-direction:column;gap:16px}.ia-theming-panel-row-copy{width:100%}.ia-theming-panel-themes-scroll{padding-inline:0}}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useRef, useState, useEffect, useCallback } from "react";
-import default_1 from "../../node_modules/@mui/icons-material/CloseRounded.js";
-import { Button } from "../Button/index.js";
-import { ThemesTab } from "./ThemesTab.js";
-import { DEFAULT_ACCENT_COLOR, DEFAULT_CONTRAST, DEFAULT_INTERFACE_STYLE, interfaceStyleIdFromDom, interfaceStyleIdToDom } from "./themingPanel.constants.js";
-import { DEFAULT_THEMING_PANEL_VISIBILITY } from "./ThemingPanel.types.js";
-
-import { useTranslation } from "../../i18n/useTranslation.js";
-import { useImpactUiTheme } from "../../tokens/useImpactUiTheme.js";
-import { useHalloweenStyleIntro } from "../HalloweenStyleIntro/HalloweenStyleIntroProvider.js";
-import { readImpactUiInterfaceStyleFromStorage, setImpactUiInterfaceStyle } from "../../tokens/interfaceStyleDom.js";
-import { readImpactUiPreferences, patchImpactUiPreferences } from "../../tokens/impactUiPreferences.js";
-import { readImpactUiThemePreferenceFromDom, resolveThemeAppearance } from "../../tokens/themeDom.js";
-import { HALLOWEEN_INTRO_PLAY_EVENT } from "../HalloweenStyleIntro/halloweenIntro.constants.js";
-const FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function ThemingPanel({
-  open,
-  onClose,
-  onCancel,
-  onApply,
-  className,
-  "data-testid": dataTestId,
-  visibiltyProperties = DEFAULT_THEMING_PANEL_VISIBILITY
-}) {
-  const { t } = useTranslation();
-  const { mode, setMode } = useImpactUiTheme();
-  const halloweenIntro = useHalloweenStyleIntro();
-  const dialogRef = useRef(null);
-  const modeAtOpenRef = useRef(mode);
-  const styleAtOpenRef = useRef(readImpactUiInterfaceStyleFromStorage());
-  const wasOpenRef = useRef(false);
-  const [draftMode, setDraftMode] = useState(mode);
-  const [draftAccentColor, setDraftAccentColor] = useState(DEFAULT_ACCENT_COLOR);
-  const [draftContrast, setDraftContrast] = useState(DEFAULT_CONTRAST);
-  const [draftStyle, setDraftStyle] = useState(DEFAULT_INTERFACE_STYLE);
-  useEffect(() => {
-    if (open && !wasOpenRef.current) {
-      const committedPrefs = readImpactUiPreferences();
-      const committedMode = readImpactUiThemePreferenceFromDom(committedPrefs.theme);
-      const committedStyle = readImpactUiInterfaceStyleFromStorage();
-      modeAtOpenRef.current = committedMode;
-      styleAtOpenRef.current = committedStyle;
-      setMode(committedMode, { persist: false });
-      setImpactUiInterfaceStyle(committedStyle, { persist: false });
-      setDraftMode(committedMode);
-      setDraftAccentColor(
-        committedPrefs.accentColor ?? DEFAULT_ACCENT_COLOR
-      );
-      setDraftContrast(committedPrefs.contrast ?? DEFAULT_CONTRAST);
-      setDraftStyle(interfaceStyleIdFromDom(committedStyle));
-    }
-    wasOpenRef.current = open;
-  }, [open, mode, setMode]);
-  useEffect(() => {
-    if (!open) {
-      setDraftMode(mode);
-    }
-  }, [open, mode]);
-  useEffect(() => {
-    if (open && dialogRef.current) {
-      const firstFocusable = dialogRef.current.querySelector(FOCUSABLE_SELECTOR);
-      firstFocusable == null ? void 0 : firstFocusable.focus();
-    }
-  }, [open]);
-  const handleDiscardClose = useCallback(() => {
-    setMode(modeAtOpenRef.current, { persist: false });
-    setImpactUiInterfaceStyle(styleAtOpenRef.current, { persist: false });
-    setDraftMode(modeAtOpenRef.current);
-    setDraftStyle(interfaceStyleIdFromDom(styleAtOpenRef.current));
-    onCancel == null ? void 0 : onCancel();
-    onClose();
-  }, [onCancel, onClose, setMode]);
-  useEffect(() => {
-    if (!open) return;
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") {
-        handleDiscardClose();
-      }
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => {
-      window.removeEventListener("keydown", onKeyDown);
-    };
-  }, [open, handleDiscardClose]);
-  const handleKeyDown = useCallback((e) => {
-    if (e.key !== "Tab" || !dialogRef.current) return;
-    const focusableElements = dialogRef.current.querySelectorAll(FOCUSABLE_SELECTOR);
-    if (focusableElements.length === 0) return;
-    const firstEl = focusableElements[0];
-    const lastEl = focusableElements[focusableElements.length - 1];
-    if (e.shiftKey) {
-      if (document.activeElement === firstEl) {
-        e.preventDefault();
-        lastEl.focus();
-      }
-    } else if (document.activeElement === lastEl) {
-      e.preventDefault();
-      firstEl.focus();
-    }
-  }, []);
-  const handleDraftModeChange = (next) => {
-    setDraftMode(next);
-    setMode(next, { persist: false });
-  };
-  const handleDraftStyleChange = (next) => {
-    setDraftStyle(next);
-    setImpactUiInterfaceStyle(interfaceStyleIdToDom(next), { persist: false });
-  };
-  const requestHalloweenIntro = (resolvedMode) => {
-    if (halloweenIntro) {
-      halloweenIntro.play(resolvedMode);
-      return;
-    }
-    window.dispatchEvent(
-      new CustomEvent(HALLOWEEN_INTRO_PLAY_EVENT, {
-        detail: { resolvedMode }
-      })
-    );
-  };
-  const handleApply = () => {
-    const resolvedMode = resolveThemeAppearance(draftMode);
-    const committedStyle = interfaceStyleIdToDom(draftStyle);
-    patchImpactUiPreferences({
-      theme: draftMode,
-      interfaceStyle: committedStyle,
-      accentColor: draftAccentColor,
-      contrast: draftContrast
-    });
-    setMode(draftMode, { persist: false });
-    setImpactUiInterfaceStyle(committedStyle, { persist: false });
-    modeAtOpenRef.current = draftMode;
-    styleAtOpenRef.current = committedStyle;
-    onApply == null ? void 0 : onApply({
-      mode: draftMode,
-      accentColor: draftAccentColor,
-      contrast: draftContrast,
-      style: draftStyle
-    });
-    onClose();
-    if (draftStyle === "halloween") {
-      window.setTimeout(() => {
-        requestHalloweenIntro(resolvedMode);
-      }, 0);
-    }
-  };
-  if (!open) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "ia-theming-panel-overlay" }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: dialogRef,
-        "aria-labelledby": "ia-theming-panel-title",
-        "aria-modal": "true",
-        className: `ia-styles ia-theming-panel ${className ?? ""}`.trim(),
-        "data-testid": dataTestId,
-        role: "dialog",
-        onKeyDown: handleKeyDown,
-        children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              "aria-label": t("common.close"),
-              className: "ia-theming-panel-close",
-              type: "button",
-              onClick: handleDiscardClose,
-              children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-body", children: [
-            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "ia-theming-panel-halloween-bats" }),
-            /* @__PURE__ */ jsxs("header", { className: "ia-theming-panel-header", children: [
-              /* @__PURE__ */ jsx("h2", { className: "ia-theming-panel-title", id: "ia-theming-panel-title", children: t("themingPanel.appearance.title") }),
-              /* @__PURE__ */ jsx("p", { className: "ia-theming-panel-description", children: t("themingPanel.appearance.subtitle") })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-content", children: [
-              /* @__PURE__ */ jsx("h3", { className: "ia-theming-panel-themes-heading", children: t("themingPanel.tab.themes") }),
-              /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "ia-theming-panel-themes-heading-divider" }),
-              /* @__PURE__ */ jsx("div", { className: "ia-theming-panel-themes-scroll", children: /* @__PURE__ */ jsx(
-                ThemesTab,
-                {
-                  accentColor: draftAccentColor,
-                  contrast: draftContrast,
-                  mode: draftMode,
-                  style: draftStyle,
-                  visibiltyProperties,
-                  onAccentColorChange: setDraftAccentColor,
-                  onContrastChange: setDraftContrast,
-                  onModeChange: handleDraftModeChange,
-                  onStyleChange: handleDraftStyleChange
-                }
-              ) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("footer", { className: "ia-theming-panel-footer", children: [
-            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "tertiary", onClick: handleDiscardClose, children: t("common.cancel") }),
-            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "primary", onClick: handleApply, children: t("themingPanel.applyChanges") })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-ThemingPanel.displayName = "ThemingPanel";
-export {
-  ThemingPanel
-};

package/dist/components/ThemingPanel/ThemingPanel.types.d.ts

@@ -1,33 +0,0 @@
-import { ImpactUiThemeMode } from '../../tokens';
-import { BaseComponentProps } from '../../types';
-
-export type AccentColorId = 'blue' | 'slate' | 'purple' | 'cyan' | 'pink' | 'brown' | 'magenta' | 'sky';
-export type ContrastLevel = 'subtle' | 'default' | 'dark';
-export type InterfaceStyleId = 'classic' | 'laborDay' | 'halloween' | 'christmas';
-export interface ThemingPanelSettings {
-    mode: ImpactUiThemeMode;
-    accentColor: AccentColorId;
-    contrast: ContrastLevel;
-    style: InterfaceStyleId;
-}
-export interface ThemingPanelProps extends BaseComponentProps {
-    /** When true, renders the Appearance modal. */
-    open: boolean;
-    /** Called when the panel closes (after Cancel, Apply, close control, or Escape). */
-    onClose: () => void;
-    /** Called when the user dismisses without applying (Cancel, close control, Escape). Not called on Apply. */
-    onCancel?: () => void;
-    /** Called after the user applies appearance changes (before `onClose`). */
-    onApply?: (settings: ThemingPanelSettings) => void;
-    visibiltyProperties?: {
-        isAccentColorSectionVisible?: boolean;
-        isEnhanceContrastSectionVisible?: boolean;
-        isStylesSectionVisible?: boolean;
-    };
-}
-export declare const DEFAULT_THEMING_PANEL_VISIBILITY: {
-    readonly isAccentColorSectionVisible: false;
-    readonly isEnhanceContrastSectionVisible: false;
-    readonly isStylesSectionVisible: true;
-};
-//# sourceMappingURL=ThemingPanel.types.d.ts.map

package/dist/components/ThemingPanel/ThemingPanel.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemingPanel.types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/ThemingPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,MAAM,aAAa,GACvB,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,CAAC;AAE9E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC;AAElF,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,iBAAiB,CAAC;IACxB,WAAW,EAAE,aAAa,CAAC;IAC3B,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,+CAA+C;IAC/C,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACnD,mBAAmB,CAAC,EAAE;QACpB,2BAA2B,CAAC,EAAE,OAAO,CAAC;QACtC,+BAA+B,CAAC,EAAE,OAAO,CAAC;QAC1C,sBAAsB,CAAC,EAAE,OAAO,CAAC;KAClC,CAAC;CACH;AAED,eAAO,MAAM,gCAAgC;;;;CAInC,CAAC"}

package/dist/components/ThemingPanel/ThemingPanel.types.js

@@ -1,8 +0,0 @@
-const DEFAULT_THEMING_PANEL_VISIBILITY = {
-  isAccentColorSectionVisible: false,
-  isEnhanceContrastSectionVisible: false,
-  isStylesSectionVisible: true
-};
-export {
-  DEFAULT_THEMING_PANEL_VISIBILITY
-};

package/dist/components/ThemingPanel/index.d.ts

@@ -1,10 +0,0 @@
-export { ThemingPanel } from './ThemingPanel';
-export { InterfaceThemeSection } from './InterfaceThemeSection';
-export { AccentColorSection } from './AccentColorSection';
-export { EnhanceContrastSection } from './EnhanceContrastSection';
-export { StylesSection } from './StylesSection';
-export { ThemesTab } from './ThemesTab';
-export { DEFAULT_THEMING_PANEL_VISIBILITY } from './ThemingPanel.types';
-export type { ThemingPanelProps, ThemingPanelSettings, AccentColorId, ContrastLevel, InterfaceStyleId, } from './ThemingPanel.types';
-export type { InterfaceThemeSectionProps } from './InterfaceThemeSection';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ThemingPanel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAC;AACxE,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/ThemingPanel/themingPanel.constants.d.ts

@@ -1,27 +0,0 @@
-import { PrimitiveColorTokenName } from '../../styles/tokens/tokens.generated';
-import { AccentColorId, ContrastLevel, InterfaceStyleId } from './ThemingPanel.types';
-import { ImpactUiInterfaceStyleId } from '../../tokens';
-
-/** Accent swatches map to Figma Global palette primitives (see `PRIMITIVE_COLOR_TOKENS`). */
-export declare const ACCENT_COLOR_PRIMITIVES: Record<AccentColorId, PrimitiveColorTokenName>;
-export declare const ACCENT_COLORS: readonly {
-    id: AccentColorId;
-    primitive: PrimitiveColorTokenName;
-}[];
-export declare const CONTRAST_LEVELS: readonly ContrastLevel[];
-export declare const INTERFACE_STYLES: readonly {
-    id: InterfaceStyleId;
-    image?: string;
-}[];
-export declare const DEFAULT_ACCENT_COLOR: AccentColorId;
-export declare const DEFAULT_CONTRAST: ContrastLevel;
-export declare const DEFAULT_INTERFACE_STYLE: InterfaceStyleId;
-/** Panel label `classic` ↔ DOM / storage `none` (no `data-iu-interface-style` attribute). */
-export declare function interfaceStyleIdToDom(style: InterfaceStyleId): ImpactUiInterfaceStyleId;
-export declare function interfaceStyleIdFromDom(style: ImpactUiInterfaceStyleId): InterfaceStyleId;
-export declare function getAccentPrimitive(id: AccentColorId): PrimitiveColorTokenName;
-/** Theme-aware CSS var on `:root`, e.g. `var(--iu-primitive-color-blue-01-400)`. */
-export declare function getAccentColorCssVar(id: AccentColorId): string;
-/** Resolved hex from the maintained primitive palette (charts/tests). */
-export declare function getAccentColorHex(id: AccentColorId): string;
-//# sourceMappingURL=themingPanel.constants.d.ts.map

package/dist/components/ThemingPanel/themingPanel.constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themingPanel.constants.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/themingPanel.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC3F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAE7D,6FAA6F;AAC7F,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,uBAAuB,CASlF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAAS;IAAE,EAAE,EAAE,aAAa,CAAC;IAAC,SAAS,EAAE,uBAAuB,CAAA;CAAE,EAE/C,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,SAAS,aAAa,EAAkC,CAAC;AASvF,eAAO,MAAM,gBAAgB,EAAE,SAAS;IACtC,EAAE,EAAE,gBAAgB,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,EAKA,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,aAAsB,CAAC;AAC1D,eAAO,MAAM,gBAAgB,EAAE,aAAwB,CAAC;AACxD,eAAO,MAAM,uBAAuB,EAAE,gBAA4B,CAAC;AAEnE,6FAA6F;AAC7F,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,gBAAgB,GAAG,wBAAwB,CAEvF;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,wBAAwB,GAAG,gBAAgB,CAEzF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,aAAa,GAAG,uBAAuB,CAE7E;AAED,oFAAoF;AACpF,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAE9D;AAED,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAE3D"}

package/dist/components/ThemingPanel/themingPanel.constants.js

@@ -1,50 +0,0 @@
-import { getAssetUrl } from "../../utils/assetBase.js";
-const ACCENT_COLOR_PRIMITIVES = {
-  blue: "color-blue-01-400",
-  slate: "color-grey-900",
-  purple: "color-violet-600",
-  cyan: "color-cyan-500",
-  pink: "color-maroon-400",
-  brown: "color-brown-700",
-  magenta: "color-violet-700",
-  sky: "color-blue-01-300"
-};
-const ACCENT_COLORS = Object.entries(ACCENT_COLOR_PRIMITIVES).map(([id, primitive]) => ({ id, primitive }));
-const CONTRAST_LEVELS = ["subtle", "default", "dark"];
-const THEMING_STYLE_IMAGE_PATHS = {
-  halloween: "images/style-halloween.webp"
-};
-const INTERFACE_STYLES = [
-  { id: "classic" },
-  // { id: 'laborDay', image: getAssetUrl(THEMING_STYLE_IMAGE_PATHS.laborDay) },
-  { id: "halloween", image: getAssetUrl(THEMING_STYLE_IMAGE_PATHS.halloween) }
-  // { id: 'christmas', image: getAssetUrl(THEMING_STYLE_IMAGE_PATHS.christmas) },
-];
-const DEFAULT_ACCENT_COLOR = "blue";
-const DEFAULT_CONTRAST = "subtle";
-const DEFAULT_INTERFACE_STYLE = "classic";
-function interfaceStyleIdToDom(style) {
-  return style === "classic" ? "none" : style;
-}
-function interfaceStyleIdFromDom(style) {
-  return style === "none" ? "classic" : style;
-}
-function getAccentPrimitive(id) {
-  return ACCENT_COLOR_PRIMITIVES[id];
-}
-function getAccentColorCssVar(id) {
-  return `var(--iu-primitive-${getAccentPrimitive(id)})`;
-}
-export {
-  ACCENT_COLORS,
-  ACCENT_COLOR_PRIMITIVES,
-  CONTRAST_LEVELS,
-  DEFAULT_ACCENT_COLOR,
-  DEFAULT_CONTRAST,
-  DEFAULT_INTERFACE_STYLE,
-  INTERFACE_STYLES,
-  getAccentColorCssVar,
-  getAccentPrimitive,
-  interfaceStyleIdFromDom,
-  interfaceStyleIdToDom
-};

package/dist/node_modules/@mui/material/styles/ThemeProvider.js

@@ -1,43 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import "react";
-import PropTypes from "../../../prop-types/index.js";
-import THEME_ID from "./identifier.js";
-import { jsx } from "react/jsx-runtime";
-import ThemeProvider$1 from "../../system/esm/ThemeProvider/ThemeProvider.js";
-const _excluded = ["theme"];
-function ThemeProvider(_ref) {
-  let {
-    theme: themeInput
-  } = _ref, props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const scopedTheme = themeInput[THEME_ID];
-  let finalTheme = scopedTheme || themeInput;
-  if (typeof themeInput !== "function") {
-    if (scopedTheme && !scopedTheme.vars) {
-      finalTheme = _extends({}, scopedTheme, {
-        vars: null
-      });
-    } else if (themeInput && !themeInput.vars) {
-      finalTheme = _extends({}, themeInput, {
-        vars: null
-      });
-    }
-  }
-  return /* @__PURE__ */ jsx(ThemeProvider$1, _extends({}, props, {
-    themeId: scopedTheme ? THEME_ID : void 0,
-    theme: finalTheme
-  }));
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
-} : void 0;
-export {
-  ThemeProvider as default
-};

package/dist/node_modules/@mui/private-theming/ThemeProvider/ThemeProvider.js

@@ -1,59 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from "react";
-import PropTypes from "../../../prop-types/index.js";
-import ThemeContext from "../useTheme/ThemeContext.js";
-import nested from "./nested.js";
-import { jsx } from "react/jsx-runtime";
-import useTheme from "../useTheme/useTheme.js";
-import exactProp from "../node_modules/@mui/utils/esm/exactProp/exactProp.js";
-function mergeOuterLocalTheme(outerTheme, localTheme) {
-  if (typeof localTheme === "function") {
-    const mergedTheme = localTheme(outerTheme);
-    if (process.env.NODE_ENV !== "production") {
-      if (!mergedTheme) {
-        console.error(["MUI: You should return an object from your theme function, i.e.", "<ThemeProvider theme={() => ({})} />"].join("\n"));
-      }
-    }
-    return mergedTheme;
-  }
-  return _extends({}, outerTheme, localTheme);
-}
-function ThemeProvider(props) {
-  const {
-    children,
-    theme: localTheme
-  } = props;
-  const outerTheme = useTheme();
-  if (process.env.NODE_ENV !== "production") {
-    if (outerTheme === null && typeof localTheme === "function") {
-      console.error(["MUI: You are providing a theme function prop to the ThemeProvider component:", "<ThemeProvider theme={outerTheme => outerTheme} />", "", "However, no outer theme is present.", "Make sure a theme is already injected higher in the React tree or provide a theme object."].join("\n"));
-    }
-  }
-  const theme = React.useMemo(() => {
-    const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
-    if (output != null) {
-      output[nested] = outerTheme !== null;
-    }
-    return output;
-  }, [localTheme, outerTheme]);
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, {
-    value: theme,
-    children
-  });
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
-} : void 0;
-if (process.env.NODE_ENV !== "production") {
-  process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = exactProp(ThemeProvider.propTypes) : void 0;
-}
-export {
-  ThemeProvider as default
-};

package/dist/node_modules/@mui/private-theming/ThemeProvider/nested.js

@@ -1,5 +0,0 @@
-const hasSymbol = typeof Symbol === "function" && Symbol.for;
-const nested = hasSymbol ? Symbol.for("mui.nested") : "__THEME_NESTED__";
-export {
-  nested as default
-};