impact-ui 5.0.2-alpha.1 → 5.0.2-beta.2

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

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,49 @@
+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: true,
+    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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemingPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/ThemingPanel.tsx"],"names":[],"mappings":"AAuCA,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,sCAkPnB;yBA1Pe,YAAY"}

package/dist/components/ThemingPanel/ThemingPanel.js

@@ -0,0 +1,233 @@
+!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-on-surface-label);font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.ia-radioButton.ia-radioButton-disabled .MuiTypography-root{color:var(--iu-on-disabled)}.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;opacity:.55;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;box-sizing:border-box;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.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 #0000;box-sizing:border-box;height:18px;width:18px}.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_CONTRAST, DEFAULT_ACCENT_COLOR, 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 { readImpactUiAccentFromStorage, applyImpactUiAccentToDom } from "../../tokens/accentDom.js";
+import { applyImpactUiContrastToDom } from "../../tokens/contrastDom.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 contrastAtOpenRef = useRef(DEFAULT_CONTRAST);
+  const accentAtOpenRef = useRef(DEFAULT_ACCENT_COLOR);
+  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);
+      const committedAccent = readImpactUiAccentFromStorage();
+      accentAtOpenRef.current = committedAccent;
+      setDraftAccentColor(committedAccent);
+      applyImpactUiAccentToDom(committedAccent, { persist: false });
+      const committedContrast = committedPrefs.contrast ?? DEFAULT_CONTRAST;
+      contrastAtOpenRef.current = committedContrast;
+      setDraftContrast(committedContrast);
+      applyImpactUiContrastToDom(committedContrast, { persist: false });
+      setDraftStyle(interfaceStyleIdFromDom(committedStyle));
+    }
+    wasOpenRef.current = open;
+  }, [open, mode, setMode]);
+  useEffect(() => {
+    setDraftMode(mode);
+  }, [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 });
+    applyImpactUiContrastToDom(contrastAtOpenRef.current, { persist: false });
+    applyImpactUiAccentToDom(accentAtOpenRef.current, { persist: false });
+    setDraftMode(modeAtOpenRef.current);
+    setDraftStyle(interfaceStyleIdFromDom(styleAtOpenRef.current));
+    setDraftContrast(contrastAtOpenRef.current);
+    setDraftAccentColor(accentAtOpenRef.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 handleDraftContrastChange = (next) => {
+    setDraftContrast(next);
+    applyImpactUiContrastToDom(next, { persist: false });
+  };
+  const handleDraftAccentChange = (next) => {
+    setDraftAccentColor(next);
+    applyImpactUiAccentToDom(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 });
+    applyImpactUiContrastToDom(draftContrast, { persist: false });
+    applyImpactUiAccentToDom(draftAccentColor, { persist: false });
+    modeAtOpenRef.current = draftMode;
+    styleAtOpenRef.current = committedStyle;
+    contrastAtOpenRef.current = draftContrast;
+    accentAtOpenRef.current = draftAccentColor;
+    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: handleDraftAccentChange,
+                  onContrastChange: handleDraftContrastChange,
+                  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

@@ -0,0 +1,33 @@
+import { ImpactUiContrastLevel, ImpactUiThemeMode } from '../../tokens';
+import { BaseComponentProps } from '../../types';
+
+export type AccentColorId = 'blue' | 'pink' | 'ocean' | 'teal' | 'amethyst';
+export type ContrastLevel = ImpactUiContrastLevel;
+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: true;
+    readonly isEnhanceContrastSectionVisible: true;
+    readonly isStylesSectionVisible: true;
+};
+//# sourceMappingURL=ThemingPanel.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemingPanel.types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/ThemingPanel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC;AAElD,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

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

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,24 @@
+import { AccentColorId, ContrastLevel, InterfaceStyleId } from './ThemingPanel.types';
+import { ImpactUiInterfaceStyleId } from '../../tokens';
+
+/** Swatch CSS variables for the accent picker (default blue uses Figma primitive). */
+export declare const ACCENT_SWATCH_CSS_VARS: Record<AccentColorId, string>;
+/** Resolved hex for swatches and tests. */
+export declare const ACCENT_SWATCH_HEX: Record<AccentColorId, string>;
+export declare const ACCENT_COLORS: readonly {
+    id: AccentColorId;
+}[];
+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 getAccentColorCssVar(id: AccentColorId): string;
+export declare function getAccentColorHex(id: AccentColorId): string;
+//# sourceMappingURL=themingPanel.constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"themingPanel.constants.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/themingPanel.constants.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC3F,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAI7D,sFAAsF;AACtF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAMhE,CAAC;AAEF,2CAA2C;AAC3C,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAM3D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAAS;IAAE,EAAE,EAAE,aAAa,CAAA;CAAE,EAEnC,CAAC;AAExB,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,aAAyB,CAAC;AACzD,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,oBAAoB,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAE9D;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,aAAa,GAAG,MAAM,CAE3D"}

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

@@ -0,0 +1,49 @@
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { accentPaletteCssVar, ACCENT_PALETTE_SWATCH_STEP } from "../../styles/tokens/accent-palettes.generated.js";
+import { PRIMITIVE_COLOR_TOKENS } from "../../styles/tokens/tokens.generated.js";
+const ACCENT_SWATCH_STEP = ACCENT_PALETTE_SWATCH_STEP;
+const ACCENT_SWATCH_CSS_VARS = {
+  blue: "var(--iu-primitive-color-blue-01-400)",
+  amethyst: accentPaletteCssVar("amethyst", ACCENT_SWATCH_STEP),
+  ocean: accentPaletteCssVar("ocean", ACCENT_SWATCH_STEP),
+  pink: accentPaletteCssVar("pink", ACCENT_SWATCH_STEP),
+  teal: accentPaletteCssVar("teal", ACCENT_SWATCH_STEP)
+};
+({
+  blue: PRIMITIVE_COLOR_TOKENS["color-blue-01-400"]
+});
+const ACCENT_COLORS = Object.keys(ACCENT_SWATCH_CSS_VARS).map((id) => ({ id }));
+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 = "default";
+const DEFAULT_INTERFACE_STYLE = "classic";
+function interfaceStyleIdToDom(style) {
+  return style === "classic" ? "none" : style;
+}
+function interfaceStyleIdFromDom(style) {
+  return style === "none" ? "classic" : style;
+}
+function getAccentColorCssVar(id) {
+  return ACCENT_SWATCH_CSS_VARS[id];
+}
+export {
+  ACCENT_COLORS,
+  ACCENT_SWATCH_CSS_VARS,
+  CONTRAST_LEVELS,
+  DEFAULT_ACCENT_COLOR,
+  DEFAULT_CONTRAST,
+  DEFAULT_INTERFACE_STYLE,
+  INTERFACE_STYLES,
+  getAccentColorCssVar,
+  interfaceStyleIdFromDom,
+  interfaceStyleIdToDom
+};

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

@@ -1,7 +1,7 @@
 import { ToastProps } from './Toast.types';
 
 export type { ToastProps, ToastPosition, ToastVariant } from './Toast.types';
-export declare function Toast({ isOpen, position, message, variant, onClose, autoHideDuration, zIndex, className, 'data-testid': dataTestId, ...args }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export declare function Toast({ isOpen, position, message, variant, onClose, autoHideDuration, zIndex, className, 'data-testid': dataTestId, ...args }: ToastProps): import("react").JSX.Element;
 export declare namespace Toast {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7E,wBAAgB,KAAK,CAAC,EACpB,MAAa,EACb,QAAsB,EACtB,OAAO,EACP,OAAmB,EACnB,OAAO,EACP,gBAAuB,EACvB,MAAa,EACb,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,UAAU,2CAsBZ;yBAjCe,KAAK"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7E,wBAAgB,KAAK,CAAC,EACpB,MAAa,EACb,QAAsB,EACtB,OAAO,EACP,OAAmB,EACnB,OAAO,EACP,gBAAuB,EACvB,MAAa,EACb,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,UAAU,+BAsBZ;yBAjCe,KAAK"}

package/dist/components/Toast/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('.ia-styles.ia-snackbar .MuiPaper-root{border-radius:4px;box-shadow:0 10px 30px #00000026;height:51px;justify-content:center;text-align:center}.ia-styles.ia-snackbar .MuiPaper-root:after{background:tomato;border-radius:0 0 4px 4px;bottom:0;content:" ";height:4px;left:0;position:absolute;right:0}.ia-styles.ia-snackbar .css-1arijsr-MuiSnackbar-root{z-index:999999}.ia-styles.ia-snackbar .MuiSnackbarContent-message{font-size:14px;font-weight:500}.ia-styles.ia-snackbar.ia-snackbar-success .MuiPaper-root{background:#3bb273}.ia-styles.ia-snackbar.ia-snackbar-success .MuiPaper-root:after{background:#89d1ab}.ia-styles.ia-snackbar.ia-snackbar-info .MuiPaper-root{background:#4259ee}.ia-styles.ia-snackbar.ia-snackbar-info .MuiPaper-root:after{background:#687af1}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiPaper-root{background:#e1bc29}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiPaper-root:after{background:#edd77f}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiSnackbarContent-message{color:#0d152c}.ia-styles.ia-snackbar.ia-snackbar-error .MuiPaper-root{background:#ec4c5c}.ia-styles.ia-snackbar.ia-snackbar-error .MuiPaper-root:after{background:#ed9998}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('.ia-styles.ia-snackbar .MuiPaper-root{border-radius:4px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);color:var(--iu-on-primary-text);height:51px;justify-content:center;text-align:center}.ia-styles.ia-snackbar .MuiPaper-root:after{background:var(--iu-bg-error);border-radius:0 0 4px 4px;bottom:0;content:" ";height:4px;left:0;position:absolute;right:0}.ia-styles.ia-snackbar .css-1arijsr-MuiSnackbar-root{z-index:999999}.ia-styles.ia-snackbar .MuiSnackbarContent-message{font-size:14px;font-weight:500}.ia-styles.ia-snackbar.ia-snackbar-success .MuiPaper-root{background:var(--iu-bg-success)}.ia-styles.ia-snackbar.ia-snackbar-success .MuiPaper-root:after{background:var(--iu-primitive-color-green-300)}.ia-styles.ia-snackbar.ia-snackbar-info .MuiPaper-root{background:var(--iu-bg-primary)}.ia-styles.ia-snackbar.ia-snackbar-info .MuiPaper-root:after{background:var(--iu-legacy-primary-badge)}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiPaper-root{background:var(--iu-bg-warning)}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiPaper-root:after{background:var(--iu-bg-warning-lighter)}.ia-styles.ia-snackbar.ia-snackbar-warning .MuiSnackbarContent-message{color:var(--iu-on-warning-text)}.ia-styles.ia-snackbar.ia-snackbar-error .MuiPaper-root{background:var(--iu-legacy-red-badge)}.ia-styles.ia-snackbar.ia-snackbar-error .MuiPaper-root:after{background:var(--iu-legacy-error-stroke)}')),document.head.appendChild(a)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
 import { createElement } from "react";
 
 import { useTranslation } from "../../i18n/useTranslation.js";

package/dist/components/Tooltip/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact-tooltip-container .MuiTooltip-tooltip{align-items:center;border-radius:8px;box-shadow:0 0 12px #1a277c24;display:flex;font-family:Manrope,sans-serif;font-size:14px;justify-content:center;line-height:21px;min-height:30px;padding:8px;text-align:left;white-space:pre-wrap;word-break:break-word}.impact-tooltip-container .MuiTooltip-arrow{margin-bottom:-.65em!important}.primary-tooltip .MuiTooltip-tooltip{background:#4259ee;color:#fff}.primary-tooltip .MuiTooltip-arrow{color:#4259ee}.secondary-tooltip .MuiTooltip-tooltip{background:#fff;color:#4259ee}.secondary-tooltip .MuiTooltip-arrow{color:#fff}.tertiary-tooltip .MuiTooltip-tooltip{background:#0d152c;color:#f5f5f5}.tertiary-tooltip .MuiTooltip-arrow{color:#0d152c}.feature-tooltip .MuiTooltip-tooltip{background:linear-gradient(274.01deg,#fdf0ec .91%,#fcf8ea 103.39%) padding-box,linear-gradient(270deg,#687af1,#ed7955) border-box;border:1px solid #0000;border-radius:12px;box-shadow:0 0 20px #687af133,0 0 40px #ed79551f;color:#1e293b;font-size:14px;line-height:1.4;max-width:280px;min-height:unset;padding:0}.feature-tooltip .impact-tooltip-feature-content{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.feature-tooltip .impact-tooltip-feature-title{color:#0f172a;font-size:15px;font-weight:700;line-height:1.3}.feature-tooltip .impact-tooltip-feature-description{color:#1e293b;font-size:14px;font-weight:400;line-height:1.45}.feature-tooltip .MuiTooltip-arrow{color:#fdf0ec;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".impact-tooltip-container .MuiTooltip-tooltip{align-items:center;border-radius:8px;box-shadow:var(--iu-effect-shadow-save-view-tint);display:flex;font-family:Manrope,sans-serif;font-size:14px;justify-content:center;line-height:21px;min-height:30px;padding:8px;text-align:left;white-space:pre-wrap;word-break:break-word}.impact-tooltip-container .MuiTooltip-arrow{margin-bottom:-.65em!important}.primary-tooltip .MuiTooltip-tooltip{background:var(--iu-bg-primary);color:var(--iu-on-primary-text)}.primary-tooltip .MuiTooltip-arrow{color:var(--iu-bg-primary)}.secondary-tooltip .MuiTooltip-tooltip{background:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);color:var(--iu-on-surface-body)}.secondary-tooltip .MuiTooltip-arrow{color:var(--iu-bg-surface-layer-bg)}.secondary-tooltip .MuiTooltip-arrow:before{background-color:var(--iu-bg-surface-layer-bg);border:.5px solid var(--iu-border-default);box-sizing:border-box}.tertiary-tooltip .MuiTooltip-tooltip{background:var(--iu-bg-surface-overlay-bg);border:.5px solid var(--iu-border-default);color:var(--iu-on-primary-text)}.tertiary-tooltip .MuiTooltip-arrow{color:var(--iu-bg-surface-overlay-bg)}.tertiary-tooltip .MuiTooltip-arrow:before{background-color:var(--iu-bg-surface-overlay-bg);border:.5px solid var(--iu-border-default);box-sizing:border-box}.feature-tooltip .MuiTooltip-tooltip{background:linear-gradient(274deg,var(--iu-bg-error-subtle) .91%,var(--iu-bg-warning-subtle) 103.39%) padding-box,linear-gradient(270deg,var(--iu-bg-primary-lighter) 0,var(--iu-bg-warning) 100%) border-box;border:1px solid #0000;border-radius:12px;box-shadow:var(--iu-effect-shadow-overlay-navy-alpha-16);color:var(--iu-on-surface-body);font-size:14px;line-height:1.4;max-width:280px;min-height:unset;padding:0}.feature-tooltip .impact-tooltip-feature-content{display:flex;flex-direction:column;gap:6px;padding:12px 16px}.feature-tooltip .impact-tooltip-feature-title{color:var(--iu-on-surface-title);font-size:15px;font-weight:700;line-height:1.3}.feature-tooltip .impact-tooltip-feature-description{color:var(--iu-on-surface-body);font-size:14px;font-weight:400;line-height:1.45}.feature-tooltip .MuiTooltip-arrow{color:var(--iu-bg-warning-subtle);filter:drop-shadow(0 1px 2px var(--iu-effect-mix-primary-alpha-20))}")),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, isValidElement, cloneElement } from "react";
 

package/dist/components/common/DotLottiePlayer/index.d.ts

@@ -0,0 +1,5 @@
+import { DotLottieReactProps } from '@lottiefiles/dotlottie-react';
+
+export declare function DotLottiePlayer(props: DotLottieReactProps): import("react").JSX.Element;
+export type { DotLottieReactProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/common/DotLottiePlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/DotLottiePlayer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAKxF,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,+BAEzD;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/common/DotLottiePlayer/index.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { DotLottieReact as c } from "../../../node_modules/@lottiefiles/dotlottie-react/dist/index.js";
+const DotLottieReactComponent = c;
+function DotLottiePlayer(props) {
+  return /* @__PURE__ */ jsx(DotLottieReactComponent, { ...props });
+}
+export {
+  DotLottiePlayer
+};

package/dist/components/common/HelperText/index.d.ts

@@ -4,7 +4,7 @@ export type { HelperTextProps } from './HelperText.types';
 /**
  * Form helper text with optional truncation; when truncated, full text is shown via title attribute.
  */
-export declare function HelperText({ helper, error, className, minWidth, id, 'data-testid': dataTestId, }: HelperTextProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function HelperText({ helper, error, className, minWidth, id, 'data-testid': dataTestId, }: HelperTextProps): import("react").JSX.Element | null;
 export declare namespace HelperText {
     var displayName: string;
 }

package/dist/components/common/HelperText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/HelperText/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,0BAA0B,CAAC;AAElC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAa,EACb,SAAc,EACd,QAAQ,EACR,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,eAAe,kDAmCjB;yBA1Ce,UAAU"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/HelperText/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,0BAA0B,CAAC;AAElC,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,KAAa,EACb,SAAc,EACd,QAAQ,EACR,EAAE,EACF,aAAa,EAAE,UAAU,GAC1B,EAAE,eAAe,sCAmCjB;yBA1Ce,UAAU"}

package/dist/components/common/HelperText/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:#7a8294!important;font-family:Manrope,sans-serif!important;margin-left:0!important;overflow:hidden;padding-left:14px;text-overflow:ellipsis;white-space:nowrap}.MuiFormHelperText-root.Mui-error{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:#e15554!important}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".MuiFormHelperText-root{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-icon.svg) no-repeat;background-position:0;color:var(--iu-on-surface-caption)!important;font-family:Manrope,sans-serif!important;margin-left:0!important;overflow:hidden;padding-left:14px;text-overflow:ellipsis;white-space:nowrap}.MuiFormHelperText-root.Mui-error{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/info-red.svg) no-repeat;background-position:0;color:var(--iu-bg-error)!important}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import { Tooltip } from "../../Tooltip/index.js";