impact-ui 5.0.1-alpha.2 → 5.0.1-beta.2

package/dist/components/Tag/solid.d.ts

@@ -4,5 +4,5 @@ import { TagVariantProps } from './Tag.types';
  * Solid variant of the Tag component.
  * Has a solid light blue background without border.
  */
-export default function SolidTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react/jsx-runtime").JSX.Element;
+export default function SolidTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react").JSX.Element;
 //# sourceMappingURL=solid.d.ts.map

package/dist/components/Tag/solid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/solid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,2CA2CjB"}
+{"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/solid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,+BA2CjB"}

package/dist/components/Tag/stroke.d.ts

@@ -4,5 +4,5 @@ import { TagVariantProps } from './Tag.types';
  * Stroke variant of the Tag component.
  * Has a transparent background with a colored border (outlined style).
  */
-export default function StrokeTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react/jsx-runtime").JSX.Element;
+export default function StrokeTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react").JSX.Element;
 //# sourceMappingURL=stroke.d.ts.map

package/dist/components/Tag/stroke.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stroke.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/stroke.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,2CA2CjB"}
+{"version":3,"file":"stroke.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/stroke.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,+BA2CjB"}

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

@@ -4,7 +4,7 @@ export type { TagGroupProps } from './TagGroup.types';
 /**
  * TagGroup lays out tags/chips in a horizontal flex container with gap.
  */
-export declare function TagGroup({ children, className, style, id, 'data-testid': dataTestId, role, }: TagGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function TagGroup({ children, className, style, id, 'data-testid': dataTestId, role, }: TagGroupProps): import("react").JSX.Element;
 export declare namespace TagGroup {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAEhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAc,GACf,EAAE,aAAa,2CAYf;yBAnBe,QAAQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAEhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAc,GACf,EAAE,aAAa,+BAYf;yBAnBe,QAAQ"}

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

@@ -1,7 +1,7 @@
 import { TextAreaProps } from './TextArea.types';
 
 export type { TextAreaProps } from './TextArea.types';
-export declare function TextArea({ label, maxRows, placeholder, defaultValue, value, onChange, secondaryLabel, isDisabled, isRequired, characterLimit, isError, isSuccess, isWarning, width, height, className, id, 'data-testid': dataTestId, onBlur, onFocus, ...restProps }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextArea({ label, maxRows, placeholder, defaultValue, value, onChange, secondaryLabel, isDisabled, isRequired, characterLimit, isError, isSuccess, isWarning, width, height, className, id, 'data-testid': dataTestId, onBlur, onFocus, ...restProps }: TextAreaProps): import("react").JSX.Element;
 export declare namespace TextArea {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAGhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAW,EACX,WAAW,EACX,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,EACV,cAAc,EACd,OAAe,EACf,SAAiB,EACjB,SAAiB,EACjB,KAAe,EACf,MAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,aAAa,2CAmFf;yBAzGe,QAAQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAGhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAW,EACX,WAAW,EACX,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,EACV,cAAc,EACd,OAAe,EACf,SAAiB,EACjB,SAAiB,EACjB,KAAe,EACf,MAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,aAAa,+BAmFf;yBAzGe,QAAQ"}

package/dist/components/TextArea/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.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:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;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),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.impact_textarea_label{color:#60697d;font-size:12px;padding-bottom:6px}.impact_textarea{margin-top:6px}.impact_textarea textarea{border:1px solid #d9dde7;border-radius:8px;min-height:100px;min-width:240px;padding:12px;position:relative;resize:none}.impact_textarea textarea:focus,.impact_textarea textarea:hover{border:1px solid #4259ee;outline:none}.impact_textarea_btm_container{display:flex;justify-content:space-between;margin-top:6px}.impact_textarea_btm_container .left_secondary_label_container,.impact_textarea_btm_container .right_numeric_container{color:#5f6673;font-size:10px}.impact_textarea_disabled .impact_textarea_label{color:#b4bac7}.impact_textarea_disabled textarea{background:#f8f9fb;color:#d9dde7;pointer-events:none}.impact_textarea_disabled .impact_textarea_btm_container .left_secondary_label_container{color:#b4bac7;text-align:start}.impact_textarea_disabled .impact_textarea_btm_container .right_numeric_container{color:#b4bac7}.impact_textarea_error textarea{color:#ab3939}textarea{font-family:Manrope,sans-serif!important}.impact_textarea_disabled textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b4bac7}.impact_textarea_error .left_secondary_label_container,.impact_textarea_error .right_numeric_container{color:#ab3939}.impact_textarea_error textarea,.impact_textarea_error textarea:focus,.impact_textarea_error textarea:hover{border:1px solid #ec4c5c}.impact_textarea_error textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/material-symbols_error.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/success-icon.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea,.impact_textarea_success textarea:focus,.impact_textarea_success textarea:hover{border:1px solid #108431}.impact_textarea_success .left_secondary_label_container,.impact_textarea_success .right_numeric_container{color:#26734b}.impact_textarea_warning textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/warning-fill.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;border:1px solid #ffe174;padding-right:34px}.impact_textarea_warning textarea:focus,.impact_textarea_warning textarea:hover{border:1px solid #ffe174}.impact_textarea_warning .left_secondary_label_container,.impact_textarea_warning .right_numeric_container{color:#9d831c}.impact_textarea textarea::placeholder{color:#b4bac7;font-weight:400;transition:font-weight .2s ease}.impact_textarea_disabled textarea::placeholder{color:#b4bac7}.impact_textarea textarea:focus::placeholder{color:#0000}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var r=document.createElement("style");r.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)}}.impact-form-required-mark{color:var(--iu-legacy-red-badge)}.impact_textarea_label{color:var(--iu-on-surface-label);font-size:12px;padding-bottom:6px}.impact_textarea{margin-top:6px}.impact_textarea textarea{background:var(--iu-bg-surface-layer-bg);border:1px solid var(--iu-border-default);border-radius:8px;color:var(--iu-on-surface-body);min-height:100px;min-width:240px;padding:12px;position:relative;resize:none}.impact_textarea textarea:focus,.impact_textarea textarea:hover{border:1px solid var(--iu-bg-primary);outline:none}.impact_textarea_btm_container{display:flex;justify-content:space-between;margin-top:6px}.impact_textarea_btm_container .left_secondary_label_container,.impact_textarea_btm_container .right_numeric_container{color:var(--iu-legacy-gray-badge);font-size:10px}.impact_textarea_disabled .impact_textarea_label{color:var(--iu-on-disabled)}.impact_textarea_disabled textarea{background:var(--iu-bg-disabled-1);color:var(--iu-border-disabled);pointer-events:none}.impact_textarea_disabled .impact_textarea_btm_container .left_secondary_label_container{color:var(--iu-on-disabled);text-align:start}.impact_textarea_disabled .impact_textarea_btm_container .right_numeric_container{color:var(--iu-on-disabled)}.impact_textarea_error textarea{color:var(--iu-on-error-text)}textarea{font-family:Manrope,sans-serif!important}.impact_textarea_disabled textarea::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--iu-on-disabled)}.impact_textarea_error :is(.left_secondary_label_container,.right_numeric_container){color:var(--iu-on-error-text)}.impact_textarea_error :is(textarea:focus,textarea:hover),.impact_textarea_error textarea{border:1px solid var(--iu-legacy-red-badge)}.impact_textarea_error textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/material-symbols_error.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/success-icon.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_success :is(textarea:focus,textarea:hover),.impact_textarea_success textarea{border:1px solid var(--iu-legacy-green-badge)}.impact_textarea_success :is(.left_secondary_label_container,.right_numeric_container){color:var(--iu-bg-success-darker)}.impact_textarea_warning textarea{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/warning-fill.svg) no-repeat;background-position:top 12px right 12px;background-size:16px;padding-right:34px}.impact_textarea_warning :is(textarea:focus,textarea:hover),.impact_textarea_warning textarea{border:1px solid var(--iu-legacy-yellow-badge)}.impact_textarea_warning :is(.left_secondary_label_container,.right_numeric_container){color:var(--iu-bg-warning-darker)}.impact_textarea textarea::placeholder{color:var(--iu-on-disabled);font-weight:400;transition:font-weight .2s ease}.impact_textarea_disabled textarea::placeholder{color:var(--iu-on-disabled)}.impact_textarea textarea:focus::placeholder{color:#0000}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 
@@ -76,7 +76,7 @@ function TextArea({
       /* @__PURE__ */ jsxs("label", { className: "impact_textarea_label", children: [
         label,
         " ",
-        isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
+        isRequired && /* @__PURE__ */ jsx("span", { className: "impact-form-required-mark", children: "*" })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "impact_textarea", children: renderTextarea() })
     ] }) });
@@ -86,7 +86,7 @@ function TextArea({
     /* @__PURE__ */ jsxs("label", { className: "impact_textarea_label", children: [
       label,
       " ",
-      isRequired && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
+      isRequired && /* @__PURE__ */ jsx("span", { className: "impact-form-required-mark", children: "*" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "impact_textarea", children: renderTextarea() }),
     /* @__PURE__ */ jsxs("div", { className: "impact_textarea_btm_container", children: [

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

@@ -0,0 +1,11 @@
+import { AccentColorId } from './ThemingPanel.types';
+
+export interface AccentColorSectionProps {
+    value: AccentColorId;
+    onChange: (color: AccentColorId) => void;
+}
+export declare function AccentColorSection({ value, onChange }: AccentColorSectionProps): import("react").JSX.Element;
+export declare namespace AccentColorSection {
+    var displayName: string;
+}
+//# sourceMappingURL=AccentColorSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccentColorSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/AccentColorSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAuC9E;yBAvCe,kBAAkB"}

package/dist/components/ThemingPanel/AccentColorSection.js

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ACCENT_COLORS, getAccentColorCssVar } from "./themingPanel.constants.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
+function AccentColorSection({ 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.accentColor.title") }),
+      /* @__PURE__ */ jsx("p", { className: "ia-theming-panel-section-subtitle", children: t("themingPanel.accentColor.subtitle") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": t("themingPanel.accentColor.title"),
+        className: "ia-theming-panel-swatches",
+        role: "radiogroup",
+        children: ACCENT_COLORS.map(({ id }) => {
+          const selected = value === id;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              "aria-checked": selected,
+              "aria-label": t(`themingPanel.accentColor.${id}`),
+              className: `ia-theming-panel-swatch ${selected ? "ia-theming-panel-swatch-selected" : ""}`,
+              role: "radio",
+              style: { "--ia-theming-swatch-color": getAccentColorCssVar(id) },
+              type: "button",
+              onClick: () => {
+                onChange(id);
+              },
+              children: /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-swatch-fill" })
+            },
+            id
+          );
+        })
+      }
+    )
+  ] });
+}
+AccentColorSection.displayName = "AccentColorSection";
+export {
+  AccentColorSection
+};

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

@@ -0,0 +1,11 @@
+import { ContrastLevel } from './ThemingPanel.types';
+
+export interface EnhanceContrastSectionProps {
+    value: ContrastLevel;
+    onChange: (level: ContrastLevel) => void;
+}
+export declare function EnhanceContrastSection({ value, onChange }: EnhanceContrastSectionProps): import("react").JSX.Element;
+export declare namespace EnhanceContrastSection {
+    var displayName: string;
+}
+//# sourceMappingURL=EnhanceContrastSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnhanceContrastSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/EnhanceContrastSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,2BAA2B,+BAmCtF;yBAnCe,sBAAsB"}

package/dist/components/ThemingPanel/EnhanceContrastSection.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Chips } from "../Chips/index.js";
+import { CONTRAST_LEVELS } from "./themingPanel.constants.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
+function EnhanceContrastSection({ value, onChange }) {
+  const { t } = useTranslation();
+  const labels = {
+    subtle: t("themingPanel.contrast.subtle"),
+    default: t("themingPanel.contrast.default"),
+    dark: t("themingPanel.contrast.dark")
+  };
+  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.contrast.title") }),
+      /* @__PURE__ */ jsx("p", { className: "ia-theming-panel-section-subtitle", children: t("themingPanel.contrast.subtitle") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": t("themingPanel.contrast.title"),
+        className: "ia-theming-panel-chips",
+        role: "radiogroup",
+        children: CONTRAST_LEVELS.map((level) => /* @__PURE__ */ jsx(
+          Chips,
+          {
+            isActive: value === level,
+            label: labels[level],
+            type: "default",
+            onClick: () => {
+              onChange(level);
+            }
+          },
+          level
+        ))
+      }
+    )
+  ] });
+}
+EnhanceContrastSection.displayName = "EnhanceContrastSection";
+export {
+  EnhanceContrastSection
+};

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

@@ -0,0 +1,13 @@
+import { ImpactUiThemeMode } from '../../tokens';
+
+export interface InterfaceThemeSectionProps {
+    /** Theme preference from the parent (e.g. `useImpactUiTheme().mode` or panel draft state). */
+    value: ImpactUiThemeMode;
+    /** Called when the user picks System / Light / Dark (wire to `setMode` or draft handler). */
+    onChange: (mode: ImpactUiThemeMode) => void;
+}
+export declare function InterfaceThemeSection({ value, onChange }: InterfaceThemeSectionProps): import("react").JSX.Element;
+export declare namespace InterfaceThemeSection {
+    var displayName: string;
+}
+//# sourceMappingURL=InterfaceThemeSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InterfaceThemeSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/InterfaceThemeSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,0BAA0B;IACzC,8FAA8F;IAC9F,KAAK,EAAE,iBAAiB,CAAC;IACzB,6FAA6F;IAC7F,QAAQ,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AAiED,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,0BAA0B,+BA6DpF;yBA7De,qBAAqB"}

package/dist/components/ThemingPanel/InterfaceThemeSection.js

@@ -0,0 +1,118 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "../../i18n/useTranslation.js";
+import Radio from "../../node_modules/@mui/material/Radio/Radio.js";
+const MODES = ["system", "light", "dark"];
+function WindowDots({ variant }) {
+  if (variant === "dark") {
+    return /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: "ia-theming-panel-preview-chrome", children: [
+      /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-dots ia-theming-panel-preview-dots--dark" }),
+      /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-accent" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: "ia-theming-panel-preview-chrome", children: [
+    /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-dot ia-theming-panel-preview-dot--red" }),
+    /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-dot ia-theming-panel-preview-dot--amber" }),
+    /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-dot ia-theming-panel-preview-dot--green" }),
+    /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-accent" })
+  ] });
+}
+function MockEditor({ tone }) {
+  return /* @__PURE__ */ jsxs("div", { className: `ia-theming-panel-preview-editor ia-theming-panel-preview-editor--${tone}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "ia-theming-panel-preview-sidebar" }),
+    /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-preview-main", children: [
+      /* @__PURE__ */ jsx("div", { className: "ia-theming-panel-preview-navbar" }),
+      /* @__PURE__ */ jsx("div", { className: "ia-theming-panel-preview-body" })
+    ] })
+  ] });
+}
+function ThemePreview({ mode }) {
+  if (mode === "system") {
+    return /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-theme-preview ia-theming-panel-theme-preview--system", children: [
+      /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-theme-preview-half ia-theming-panel-theme-preview-half--light", children: [
+        /* @__PURE__ */ jsx(WindowDots, { variant: "system-light" }),
+        /* @__PURE__ */ jsx(MockEditor, { tone: "light" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-theme-preview-half ia-theming-panel-theme-preview-half--dark", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "ia-theming-panel-preview-chrome ia-theming-panel-preview-chrome--end",
+            children: /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-preview-accent" })
+          }
+        ),
+        /* @__PURE__ */ jsx(MockEditor, { tone: "dark" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `ia-theming-panel-theme-preview ia-theming-panel-theme-preview--${mode}`, children: [
+    /* @__PURE__ */ jsx(WindowDots, { variant: mode }),
+    /* @__PURE__ */ jsx(MockEditor, { tone: mode })
+  ] });
+}
+function InterfaceThemeSection({ value, onChange }) {
+  const { t } = useTranslation();
+  const labels = {
+    light: t("profileMenu.themeLight"),
+    dark: t("profileMenu.themeDark"),
+    system: t("themingPanel.theme.system")
+  };
+  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.interfaceTheme.title") }),
+      /* @__PURE__ */ jsx("p", { className: "ia-theming-panel-section-subtitle", children: t("themingPanel.interfaceTheme.subtitle") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-label": t("themingPanel.interfaceTheme.title"),
+        className: "ia-theming-panel-theme-cards",
+        role: "radiogroup",
+        children: MODES.map((themeOption) => {
+          const selected = value === themeOption;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "aria-checked": selected,
+              className: `ia-theming-panel-theme-card ${selected ? "ia-theming-panel-theme-card-selected" : ""}`,
+              role: "radio",
+              tabIndex: 0,
+              onClick: () => {
+                onChange(themeOption);
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  onChange(themeOption);
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx(ThemePreview, { mode: themeOption }),
+                /* @__PURE__ */ jsxs("div", { className: "ia-theming-panel-theme-card-footer", children: [
+                  /* @__PURE__ */ jsx("span", { className: "ia-theming-panel-theme-card-label", children: labels[themeOption] }),
+                  /* @__PURE__ */ jsx(
+                    Radio,
+                    {
+                      disableRipple: true,
+                      checked: selected,
+                      className: "ia-styles ia-radioButton ia-theming-panel-theme-card-radio",
+                      inputProps: { "aria-hidden": true },
+                      size: "small",
+                      tabIndex: -1,
+                      value: themeOption
+                    }
+                  )
+                ] })
+              ]
+            },
+            themeOption
+          );
+        })
+      }
+    )
+  ] });
+}
+InterfaceThemeSection.displayName = "InterfaceThemeSection";
+export {
+  InterfaceThemeSection
+};

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

@@ -0,0 +1,11 @@
+import { InterfaceStyleId } from './ThemingPanel.types';
+
+export interface StylesSectionProps {
+    value: InterfaceStyleId;
+    onChange: (style: InterfaceStyleId) => void;
+}
+export declare function StylesSection({ value, onChange }: StylesSectionProps): import("react").JSX.Element;
+export declare namespace StylesSection {
+    var displayName: string;
+}
+//# sourceMappingURL=StylesSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StylesSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemingPanel/StylesSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA6CpE;yBA7Ce,aAAa"}

package/dist/components/ThemingPanel/StylesSection.js

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

@@ -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: 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

@@ -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":"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"}