aquasis-fe-components 3.2.0-beta.2 → 3.2.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .helpdesk__trigger{--helpdesk-neon:var(--helpdesk-accent,#2ed9b6);box-sizing:border-box;cursor:pointer;border:1px solid color-mix(in srgb, var(--helpdesk-neon) 65%, #1b263b);color:var(--helpdesk-neon);box-shadow:none;background:0 0;border-radius:9999px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex;position:relative}.helpdesk__trigger--md{width:2.5rem;height:2.5rem}.helpdesk__trigger--sm{width:2.25rem;height:2.25rem}.helpdesk__trigger--lg{width:2.75rem;height:2.75rem}.helpdesk__trigger:hover{border-color:color-mix(in srgb, var(--helpdesk-neon) 82%, white);color:color-mix(in srgb, var(--helpdesk-neon) 90%, white)}.helpdesk__trigger:active{border-color:color-mix(in srgb, var(--helpdesk-neon) 60%, #0f172a)}.helpdesk__trigger:focus-visible{outline:2px solid var(--helpdesk-neon);outline-offset:2px}.helpdesk__trigger--outline.helpdesk__trigger--dark{--helpdesk-neon:var(--helpdesk-accent,#33d8ff);border-color:var(--helpdesk-neon);background:0 0}.helpdesk__trigger--outline.helpdesk__trigger--dark:hover{border-color:color-mix(in srgb, var(--helpdesk-neon) 88%, #e2e8f0);color:color-mix(in srgb, var(--helpdesk-neon) 92%, white)}.helpdesk__trigger--outline:not(.helpdesk__trigger--dark){border-color:color-mix(in srgb, var(--helpdesk-neon) 50%, #0891b2);color:#0891b2;background:#ffffff59}.helpdesk__trigger--outline:not(.helpdesk__trigger--dark):hover{background:#ffffff8c;border-color:#0891b2}.helpdesk__trigger-icon{z-index:1;line-height:1;position:relative}.helpdesk__trigger-icon--sm{font-size:1rem}.helpdesk__trigger-icon--md{font-size:1.125rem}.helpdesk__trigger-icon--lg{font-size:1.35rem}.helpdesk__container .ant-popover-inner,.helpdesk__container .ant-popover-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #e2e8f0f2;border-radius:.875rem;padding:0;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a2e,0 12px 24px #0f172a14}.helpdesk__container .ant-card{box-shadow:none;background:0 0;border:none;border-radius:0}.helpdesk__container .ant-card .ant-card-body{height:100%;max-height:80dvh;overflow-y:auto}.helpdesk__container:not(.helpdesk__container--dark) .ant-popover-inner,.helpdesk__container:not(.helpdesk__container--dark) .ant-popover-container{border:1px solid #0f172a0f;border-radius:.875rem;box-shadow:0 4px 28px #0f172a12,0 1px 2px #0f172a0a}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__content{padding:1.125rem 1.25rem 1.375rem}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__subtitle.ant-typography{border-bottom:1px solid #0f172a0f;padding-bottom:.75rem;font-weight:500;color:#475569!important;margin-bottom:1rem!important;font-size:.8125rem!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-form-item{margin-bottom:1.125rem}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-form-item-label>label{font-weight:500;color:#334155!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-form-item-required:before{color:#b4787d!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input-affix-wrapper,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input-outlined,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form textarea.ant-input,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form input.ant-input.ant-input-outlined,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form textarea.ant-input.ant-input-outlined,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input-affix-wrapper.ant-input-outlined,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input-textarea-affix-wrapper.ant-input-outlined{border-color:#0f172a1a!important;border-radius:.375rem!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-upload-drag{background-color:#f8fafc!important;border:1px dashed #0f172a1f!important;border-radius:.375rem!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .helpdesk__submit-btn.ant-btn-primary{box-shadow:none!important;border-radius:.375rem!important;font-weight:500!important}.helpdesk__container.helpdesk__container--dark{--hw-app-bg:#0c141d;--hw-modal-shell:#141c26;--hw-canvas:#0a1018;--hw-edge:#243241;--hw-chart-teal:#33d8ff;--hw-muted:#95a9c4}.helpdesk__container.helpdesk__container--dark .ant-popover-inner,.helpdesk__container.helpdesk__container--dark .ant-popover-container{background-color:var(--hw-modal-shell)!important;border:1px solid #ffffff0e!important;border-radius:.875rem!important;box-shadow:0 8px 24px #00000052!important}.helpdesk__container.helpdesk__container--dark .ant-popover-content{background:0 0!important}.helpdesk__container.helpdesk__container--dark .helpdesk__content{color:#f1f5f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:1.25rem 1.25rem 1.5rem}.helpdesk__container.helpdesk__container--dark .helpdesk__title{padding:0 0 .5rem}.helpdesk__container.helpdesk__container--dark .helpdesk__title--hero.ant-typography{color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 88%, #94a3b8);letter-spacing:-.028em;font-weight:600;line-height:1.25}.helpdesk__container.helpdesk__container--dark .helpdesk__subtitle.ant-typography{box-shadow:none;letter-spacing:.02em;border:none;border-bottom:1px solid #ffffff0e;border-radius:0;padding:0 0 .75rem;font-weight:500;color:#cbd5e1!important;background:0 0!important;margin:0 0 1.125rem!important;font-size:.8125rem!important}.helpdesk__container.helpdesk__container--dark .helpdesk__card.ant-card{background:0 0!important}.helpdesk__container.helpdesk__container--dark .helpdesk__card .ant-card-body{padding:.5rem 0 0}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-form-item{margin-bottom:1.25rem}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-form-item:last-child{margin-bottom:0}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-form-item-label>label{letter-spacing:.01em;font-weight:500;color:#e2e8f0!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-form-item-required:before{color:#c88287!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-outlined,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input,.helpdesk__container.helpdesk__container--dark .helpdesk__form input.ant-input.ant-input-outlined,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input.ant-input-outlined,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper.ant-input-outlined,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-textarea-affix-wrapper.ant-input-outlined{background:var(--hw-canvas)!important;background-color:var(--hw-canvas)!important;color:#f8fafc!important;box-shadow:none!important;border:1px solid #ffffff12!important;border-radius:.375rem!important;transition:border-color .15s!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input::placeholder,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input::placeholder{opacity:.85;color:var(--hw-muted)!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input:hover,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper:hover,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input:hover,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper.ant-input-outlined:hover,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-textarea-affix-wrapper.ant-input-outlined:hover{border-color:color-mix(in srgb, #ffffff1f 60%, var(--helpdesk-panel-accent,var(--hw-chart-teal)))!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input:focus,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper-focused,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input:focus,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper-focused.ant-input-outlined{border-color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 75%, #fff3)!important;box-shadow:none!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag{background:var(--hw-canvas)!important;background-color:var(--hw-canvas)!important;box-shadow:none!important;border:1px dashed #ffffff1a!important;border-radius:.375rem!important;padding:1.375rem 1.125rem!important;transition:border-color .15s,background-color .15s!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag:hover{border-color:color-mix(in srgb, #ffffff24 55%, var(--helpdesk-panel-accent,var(--hw-chart-teal)))!important;background:color-mix(in srgb, var(--hw-canvas) 92%, var(--hw-modal-shell))!important;box-shadow:none!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag .ant-upload-drag-icon{margin-bottom:.375rem;color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 82%, var(--hw-muted))!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag p{font-weight:500;color:#f1f5f9!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag .ant-upload-hint,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag small{opacity:.88;color:var(--hw-muted)!important}.helpdesk__container.helpdesk__container--dark .helpdesk__submit-btn.ant-btn-primary{letter-spacing:.03em;margin-top:.375rem;transition:background-color .15s,border-color .15s;color:#fff!important;background:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 92%, var(--hw-modal-shell))!important;background-color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 92%, var(--hw-modal-shell))!important;height:auto!important;box-shadow:none!important;border:1px solid #00000038!important;border-radius:.375rem!important;padding-block:.75rem!important;font-weight:500!important}.helpdesk__container.helpdesk__container--dark .helpdesk__submit-btn.ant-btn-primary:not(:disabled):hover{filter:none;background:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 78%, black)!important;background-color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 78%, black)!important;box-shadow:none!important}.helpdesk__container.helpdesk__container--dark .helpdesk__submit-btn.ant-btn-primary:not(:disabled):active{filter:none;background:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 70%, black)!important;background-color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 70%, black)!important}.helpdesk__content{background-color:#0000;border-radius:0;width:100%;max-width:400px;padding:.75rem 1rem 1rem}.helpdesk__title{padding:.5rem 0 .75rem;margin-bottom:0!important}.helpdesk__title.ant-typography{color:#06b6d4}.helpdesk__title--hero.ant-typography{color:var(--helpdesk-panel-accent,#06b6d4)}.helpdesk__subtitle.ant-typography{color:#334155}.helpdesk__fields-files{flex-direction:column;width:100%;margin-top:10px}.helpdesk__fields-files .ant-upload-list{width:100%;margin-top:5px}.language-switcher__trigger{text-align:left;color:#334155;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background-color:#ffffffb3;border:1px solid #e2e8f0e6;border-radius:9999px;outline:none;align-items:center;gap:.5rem;max-width:100%;padding:.375rem .625rem;font-size:.875rem;line-height:1.25;transition:box-shadow .2s,transform .2s,border-color .2s,background-color .2s,opacity .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.language-switcher__trigger:hover:not(:disabled){background-color:#ffffffeb;border-color:#67e8f9b3;transform:translateY(-1px);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f,0 0 0 1px #06b6d426}.language-switcher__trigger:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #06b6d459}.language-switcher__trigger:disabled{cursor:wait;opacity:.6;pointer-events:none}.language-switcher__trigger--dark{color:#f8fafc;background-color:#1e293b8c;border-color:#ffffff1f;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff0a}.language-switcher__trigger--dark:hover:not(:disabled){background-color:#1e293bbf;border-color:#06b6d466;box-shadow:0 4px 12px #00000059,0 0 0 1px #06b6d41f}.language-switcher__trigger--dark:focus-visible{box-shadow:0 0 0 2px #0f172a,0 0 0 4px #22d3ee59}.language-switcher__trigger:hover:not(:disabled) .language-switcher__globe{opacity:1}.language-switcher__trigger-label{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;color:#475569;min-width:0;max-width:6.5rem;font-size:.75rem;font-weight:500;display:inline-block;overflow:hidden}.language-switcher__trigger--dark .language-switcher__trigger-label{color:#f8fafc;font-weight:500}.language-switcher__globe{color:#0891b2;opacity:.85;flex-shrink:0;width:.875rem;height:.875rem;font-size:.875rem;transition:opacity .2s}.language-switcher__trigger--dark .language-switcher__globe{color:#22d3ee}.language-switcher__chevron{opacity:.55;color:#64748b;flex-shrink:0;width:.875rem;height:.875rem;font-size:.75rem;transition:transform .2s ease-out,color .2s}.language-switcher__trigger--dark .language-switcher__chevron{color:#e2e8f0;opacity:.9}.language-switcher__chevron--open{transform:rotate(180deg)}.language-switcher__check-icon{font-size:.875rem}.language-switcher__panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#fffffff2;border:1px solid #e2e8f0e6;border-radius:1rem;padding:.375rem;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a1a,0 12px 24px #0f172a0f}.language-switcher__panel--dark{background-color:#0f172afa;border-color:#334155d9;box-shadow:0 25px 50px -12px #0000008c,0 12px 24px #00000059}.language-switcher__flag-shell{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:linear-gradient(#f1f5f9,#e2e8f0e6);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #cbd5e1b3}.language-switcher__flag-shell--sm{width:1.5rem;height:1.5rem}.language-switcher__flag-shell--md{width:1.75rem;height:1.75rem}.language-switcher__flag-shell--emoji.language-switcher__flag-shell--sm{font-size:15px}.language-switcher__flag-shell--emoji.language-switcher__flag-shell--md{font-size:17px}.language-switcher__flag-img{object-fit:cover;object-position:center 42%;width:100%;height:100%;transform:scale(1.06)}.language-switcher__menu-row{align-items:center;gap:.75rem;width:100%;min-width:11rem;display:flex}.language-switcher__menu-row--flag-only{justify-content:center;gap:0;min-width:2.75rem}.language-switcher__menu-text{text-align:left;flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.language-switcher__menu-title{text-overflow:ellipsis;white-space:nowrap;color:#1e293b;font-size:.875rem;font-weight:500;overflow:hidden}.language-switcher__panel--dark .language-switcher__menu-title{color:#fff;font-weight:700}.language-switcher__menu-code{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:500}.language-switcher__panel--dark .language-switcher__menu-code{color:#94a3b8;opacity:.95}.language-switcher__check{color:#0891b2;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;margin-left:auto;display:flex}.language-switcher__check--flag-only{margin-left:0}.language-switcher__panel--dark .language-switcher__check{color:#22d3ee}.language-switcher__panel .language-switcher__ant-menu.ant-dropdown-menu,.language-switcher__panel .ant-dropdown-menu.language-switcher__ant-menu{margin:0;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.language-switcher__panel .language-switcher__ant-menu .ant-dropdown-menu-item,.language-switcher__panel .ant-dropdown-menu.language-switcher__ant-menu .ant-dropdown-menu-item{border-radius:.75rem!important;height:auto!important;margin-block:.125rem!important;margin-inline:0!important;padding:.5rem!important;line-height:1.35!important}.language-switcher__panel--dark .ant-dropdown-menu-item,.language-switcher__panel--dark .ant-dropdown-menu-submenu-title{color:#f8fafc!important}.language-switcher__panel .ant-dropdown-menu-item-active{background-color:#f1f5f9e6!important}.language-switcher__panel--dark .ant-dropdown-menu-item-active:not(.ant-dropdown-menu-item-selected){background-color:#33415573!important}.language-switcher__panel:not(.language-switcher__panel--dark) .ant-dropdown-menu-item-selected{background-color:#06b6d41f!important}.language-switcher__panel--dark .ant-dropdown-menu-item-selected{box-shadow:inset 0 1px #ffffff0f;background-color:#0f766e6b!important}.language-switcher__panel--dark .ant-dropdown-menu-item-selected.ant-dropdown-menu-item-active{background-color:#0f766e7a!important}.theme-mode-toggle{z-index:20;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;height:2.5rem;min-height:2.5rem;padding:.25rem;line-height:1;transition:box-shadow .3s,background-color .3s;display:inline-flex;position:relative;box-shadow:0 1px 2px #0f172a0f,0 2px 6px #0f172a0a}.theme-mode-toggle:hover{box-shadow:0 2px 8px #0f172a14,0 1px 2px #0f172a0d,0 0 0 1px #06b6d41a}.theme-mode-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #06b6d466}.theme-mode-toggle--dark-context{background-color:#0f172a99;border-color:#ffffff1a;box-shadow:0 1px 2px #00000059,0 2px 8px #0003}.theme-mode-toggle--dark-context:hover{box-shadow:0 2px 10px #0006,0 0 0 1px #06b6d426}.theme-mode-toggle--dark-context:focus-visible{box-shadow:0 0 0 2px #020617,0 0 0 4px #22d3ee59}.theme-mode-toggle--dark-context .theme-mode-toggle__thumb{background:linear-gradient(to bottom right,#475569,#334155);border-color:#ffffff1f;box-shadow:0 1px 3px #00000073}.theme-mode-toggle__track{flex-shrink:0;width:4rem;height:2rem;position:relative}.theme-mode-toggle__thumb{pointer-events:none;inset-block:0;z-index:0;will-change:transform;background:linear-gradient(to bottom right,#fff,#f1f5f9);border:1px solid #0f172a14;border-radius:9999px;width:2rem;transition:transform .38s cubic-bezier(.34,1.56,.64,1);position:absolute;left:0;box-shadow:0 1px 2px #0f172a1f,inset 0 1px #ffffffd9}.theme-mode-toggle__thumb--dark{transform:translate(2rem)}.theme-mode-toggle__icons{z-index:10;grid-template-columns:repeat(2,1fr);place-items:center;width:100%;height:100%;display:grid;position:relative}.theme-mode-toggle__icon-cell{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.theme-mode-toggle__icon{flex-shrink:0;width:1rem;height:1rem;transition:color .2s;display:block}.theme-mode-toggle__icon--sun-active{color:#f59e0b}.theme-mode-toggle__icon--sun-idle{color:#94a3b8d9}.theme-mode-toggle__icon--moon-active{color:#bae6fd}.theme-mode-toggle__icon--moon-idle{color:#94a3b8bf}.profile-chip{background:linear-gradient(#fff 0%,#f8fafc 100%);border:none;border-radius:14px;align-items:center;gap:0;max-width:min(100%,420px);padding:12px 14px 12px 12px;display:inline-flex;box-shadow:0 0 0 1px #e2e8f0d9,0 4px 18px #0f172a0f}.profile-chip--loading{align-items:center;gap:12px;padding:10px 14px}.profile-chip__left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.profile-chip__avatar{flex-shrink:0;border-radius:10px!important}.profile-chip__avatar.ant-avatar-square{border-radius:10px!important}.profile-chip__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-chip__name{color:#0f172a!important;margin:0!important;font-size:.875rem!important;font-weight:600!important;line-height:1.25!important}.profile-chip__email{color:#64748b!important;margin:0!important;font-size:.8125rem!important;line-height:1.5!important}.profile-chip__role{align-self:flex-start;margin-top:4px!important;margin-inline-end:0!important;font-size:.75rem!important;line-height:1.35!important}.profile-chip__more{flex-shrink:0;color:#64748b!important;border-radius:6px!important}.profile-chip__more:hover{color:#06b6d4!important;background:#06b6d414!important}.profile-chip__divider.ant-divider-vertical{opacity:.9;border-inline-start-color:#e2e8f0e6;align-self:stretch;height:auto;min-height:44px;margin:0 6px}.profile-chip__logout{box-shadow:none;flex-shrink:0;align-items:center;gap:8px;transition:color .15s,background-color .15s,border-color .15s;color:#03697b!important;background:#06b6d41a!important;border:none!important;border-radius:10px!important;height:auto!important;padding:8px 12px!important;font-weight:500!important;display:inline-flex!important}.profile-chip__logout .anticon{font-size:17px;transition:color .15s;color:#047a8f!important}.profile-chip__logout:hover,.profile-chip__logout:focus-visible{color:#d4183d!important;background:#d4183d24!important;border-color:#d4183d47!important}.profile-chip__logout:hover .anticon,.profile-chip__logout:focus-visible .anticon{color:#d4183d!important}html.dark .profile-chip,body.dark .profile-chip{-webkit-backdrop-filter:blur(14px);background:#0b101cfc;border:none;box-shadow:0 0 0 1px #ffffff24,0 8px 26px #00000075}html.dark .profile-chip .profile-chip__name,body.dark .profile-chip .profile-chip__name{color:#f8fafc!important}html.dark .profile-chip .profile-chip__email,body.dark .profile-chip .profile-chip__email{color:#cbd5e1!important}html.dark .profile-chip .profile-chip__divider.ant-divider-vertical,body.dark .profile-chip .profile-chip__divider.ant-divider-vertical{border-inline-start-color:#fff3}html.dark .profile-chip .profile-chip__logout,body.dark .profile-chip .profile-chip__logout{box-shadow:inset 0 0 0 1px #22d3ee52;color:#e6f9ff!important;background:#22d3ee29!important;border:none!important}html.dark .profile-chip .profile-chip__logout .anticon,body.dark .profile-chip .profile-chip__logout .anticon{color:#a5f3fc!important}html.dark .profile-chip .profile-chip__logout:hover,html.dark .profile-chip .profile-chip__logout:focus-visible,body.dark .profile-chip .profile-chip__logout:hover,body.dark .profile-chip .profile-chip__logout:focus-visible{color:#d4183d!important;background:#d4183d33!important;border-color:#d4183d59!important}html.dark .profile-chip .profile-chip__logout:hover .anticon,html.dark .profile-chip .profile-chip__logout:focus-visible .anticon,body.dark .profile-chip .profile-chip__logout:hover .anticon,body.dark .profile-chip .profile-chip__logout:focus-visible .anticon{color:#d4183d!important}html.dark .profile-chip .profile-chip__more,body.dark .profile-chip .profile-chip__more{color:#cbd5e1!important}html.dark .profile-chip .profile-chip__more:hover,body.dark .profile-chip .profile-chip__more:hover{color:#67e8f9!important;background:#22d3ee33!important}html.dark .profile-chip .profile-chip__role.ant-tag,body.dark .profile-chip .profile-chip__role.ant-tag{border-color:#3b82f673}.user-modal__header{border-bottom:1px solid #e2e8f0cc;padding-bottom:.75rem}.user-modal__header--dark{border-bottom-color:#ffffff1a}.user-modal__title-block{flex-direction:column;gap:.25rem;display:flex}.user-modal__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:1rem;font-weight:600}.user-modal__header--dark .user-modal__title{color:#f8fafc}.user-modal__meta{flex-direction:column;gap:.125rem;padding-top:.25rem;display:flex}.user-modal__display-name{color:#1e293b;font-size:.9375rem;font-weight:600}.user-modal__header--dark .user-modal__display-name{color:#f1f5f9}.user-modal__role{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:.75rem;font-weight:600}.user-modal__header--dark .user-modal__role{color:#94a3b8}.user-modal__body{padding-top:.5rem}.user-modal__container{border:1px solid #e2e8f0e6;border-radius:1rem;overflow:hidden;box-shadow:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0f}.user-modal__container--dark{border-color:#ffffff1f;box-shadow:0 20px 25px -5px #00000059,0 8px 10px -6px #00000040}.user-modal__form .ant-form-item-label>label{color:#475569;font-size:.75rem;font-weight:500}.user-modal__form .ant-input,.user-modal__form .ant-input-affix-wrapper{background-color:#f8fafccc;border-color:#e2e8f0e6;border-radius:.5rem}.user-modal__form--dark .ant-form-item-label>label{color:#cbd5e1}.user-modal__form--dark .ant-input,.user-modal__form--dark .ant-input-affix-wrapper{background-color:#ffffff0d;border-color:#ffffff1f}body{background-color:#f0f9ff;width:100vw;height:100vh;overflow:hidden}body #root{height:100%}body ::placeholder{color:#94a3b8}body .ant-form-item .ant-form-item-control-input{min-height:32px}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content{display:flex}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper{align-items:center;display:flex}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper .ant-upload-list-item{margin:0 0 0 10px}body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload,body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-select{margin-inline-end:0;margin-bottom:0}body .avatar-uploader .float-btn{opacity:0;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;bottom:3px;left:40%}body .avatar-uploader .float-btn-container{justify-content:center;width:100%;height:100%;display:flex}body .avatar-uploader .float-btn-container:hover .float-btn{opacity:1}body .ant-notification .ant-notification-notice.table-notification{min-width:500px}body .ant-carousel .slick-slider .slick-arrow{color:#06b6d4}body .ant-carousel .slick-slider .slick-dots>li>button{background:#06b6d4}body .ant-carousel .slick-slider .slick-list .slick-track .slick-slide{width:100%}body.dark{background-color:#010409}body.dark .ant-popover .ant-popover-arrow{--antd-arrow-background-color:#3b3b3b}body.dark .ant-popover .ant-popover-content .ant-popover-inner{background-color:#0a0f1a}body.dark .ant-badge .ant-badge-count{color:#fff;box-shadow:0 0 0 1px #0a0f1a}
1
+ .helpdesk__trigger{--helpdesk-neon:var(--helpdesk-accent,#2ed9b6);box-sizing:border-box;cursor:pointer;border:1px solid color-mix(in srgb, var(--helpdesk-neon) 65%, #1b263b);color:var(--helpdesk-neon);box-shadow:none;background:0 0;border-radius:9999px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex;position:relative}.helpdesk__trigger--md{width:2.5rem;height:2.5rem}.helpdesk__trigger--sm{width:2.25rem;height:2.25rem}.helpdesk__trigger--lg{width:2.75rem;height:2.75rem}.helpdesk__trigger:hover{border-color:color-mix(in srgb, var(--helpdesk-neon) 82%, white);color:color-mix(in srgb, var(--helpdesk-neon) 90%, white)}.helpdesk__trigger:active{border-color:color-mix(in srgb, var(--helpdesk-neon) 60%, #0f172a)}.helpdesk__trigger:focus-visible{outline:2px solid var(--helpdesk-neon);outline-offset:2px}.helpdesk__trigger--outline.helpdesk__trigger--dark{--helpdesk-neon:var(--helpdesk-accent,#33d8ff);border-color:var(--helpdesk-neon);background:0 0}.helpdesk__trigger--outline.helpdesk__trigger--dark:hover{border-color:color-mix(in srgb, var(--helpdesk-neon) 88%, #e2e8f0);color:color-mix(in srgb, var(--helpdesk-neon) 92%, white)}.helpdesk__trigger--outline:not(.helpdesk__trigger--dark){border-color:color-mix(in srgb, var(--helpdesk-neon) 50%, #0891b2);color:#0891b2;background:#ffffff59}.helpdesk__trigger--outline:not(.helpdesk__trigger--dark):hover{background:#ffffff8c;border-color:#0891b2}.helpdesk__trigger-icon{z-index:1;line-height:1;position:relative}.helpdesk__trigger-icon--sm{font-size:1rem}.helpdesk__trigger-icon--md{font-size:1.125rem}.helpdesk__trigger-icon--lg{font-size:1.35rem}.helpdesk__container .ant-popover-inner,.helpdesk__container .ant-popover-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #e2e8f0f2;border-radius:.875rem;padding:0;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a2e,0 12px 24px #0f172a14}.helpdesk__container .ant-card{box-shadow:none;background:0 0;border:none;border-radius:0}.helpdesk__container .ant-card .ant-card-body{height:100%;max-height:80dvh;overflow-y:auto}.helpdesk__container:not(.helpdesk__container--dark) .ant-popover-inner,.helpdesk__container:not(.helpdesk__container--dark) .ant-popover-container{border:1px solid #0f172a0f;border-radius:.875rem;box-shadow:0 4px 28px #0f172a12,0 1px 2px #0f172a0a}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__content{padding:1.125rem 1.25rem 1.375rem}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__subtitle.ant-typography{border-bottom:1px solid #0f172a0f;padding-bottom:.75rem;font-weight:500;color:#475569!important;margin-bottom:1rem!important;font-size:.8125rem!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-form-item{margin-bottom:1.125rem}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-form-item-label>label{font-weight:500;color:#334155!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-form-item-required:before{color:#b4787d!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input-affix-wrapper,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input-outlined,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form textarea.ant-input,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form input.ant-input.ant-input-outlined,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form textarea.ant-input.ant-input-outlined,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input-affix-wrapper.ant-input-outlined,.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-input-textarea-affix-wrapper.ant-input-outlined{border-color:#0f172a1a!important;border-radius:.375rem!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .ant-upload-drag{background-color:#f8fafc!important;border:1px dashed #0f172a1f!important;border-radius:.375rem!important}.helpdesk__container:not(.helpdesk__container--dark) .helpdesk__form .helpdesk__submit-btn.ant-btn-primary{box-shadow:none!important;border-radius:.375rem!important;font-weight:500!important}.helpdesk__container.helpdesk__container--dark{--hw-app-bg:#0c141d;--hw-modal-shell:#141c26;--hw-canvas:#0a1018;--hw-edge:#243241;--hw-chart-teal:#33d8ff;--hw-muted:#95a9c4}.helpdesk__container.helpdesk__container--dark .ant-popover-inner,.helpdesk__container.helpdesk__container--dark .ant-popover-container{background-color:var(--hw-modal-shell)!important;border:1px solid #ffffff0e!important;border-radius:.875rem!important;box-shadow:0 8px 24px #00000052!important}.helpdesk__container.helpdesk__container--dark .ant-popover-content{background:0 0!important}.helpdesk__container.helpdesk__container--dark .helpdesk__content{color:#f1f5f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:1.25rem 1.25rem 1.5rem}.helpdesk__container.helpdesk__container--dark .helpdesk__title{padding:0 0 .5rem}.helpdesk__container.helpdesk__container--dark .helpdesk__title--hero.ant-typography{color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 88%, #94a3b8);letter-spacing:-.028em;font-weight:600;line-height:1.25}.helpdesk__container.helpdesk__container--dark .helpdesk__subtitle.ant-typography{box-shadow:none;letter-spacing:.02em;border:none;border-bottom:1px solid #ffffff0e;border-radius:0;padding:0 0 .75rem;font-weight:500;color:#cbd5e1!important;background:0 0!important;margin:0 0 1.125rem!important;font-size:.8125rem!important}.helpdesk__container.helpdesk__container--dark .helpdesk__card.ant-card{background:0 0!important}.helpdesk__container.helpdesk__container--dark .helpdesk__card .ant-card-body{padding:.5rem 0 0}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-form-item{margin-bottom:1.25rem}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-form-item:last-child{margin-bottom:0}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-form-item-label>label{letter-spacing:.01em;font-weight:500;color:#e2e8f0!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-form-item-required:before{color:#c88287!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-outlined,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input,.helpdesk__container.helpdesk__container--dark .helpdesk__form input.ant-input.ant-input-outlined,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input.ant-input-outlined,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper.ant-input-outlined,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-textarea-affix-wrapper.ant-input-outlined{background:var(--hw-canvas)!important;background-color:var(--hw-canvas)!important;color:#f8fafc!important;box-shadow:none!important;border:1px solid #ffffff12!important;border-radius:.375rem!important;transition:border-color .15s!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input::placeholder,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input::placeholder{opacity:.85;color:var(--hw-muted)!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input:hover,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper:hover,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input:hover,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper.ant-input-outlined:hover,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-textarea-affix-wrapper.ant-input-outlined:hover{border-color:color-mix(in srgb, #ffffff1f 60%, var(--helpdesk-panel-accent,var(--hw-chart-teal)))!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input:focus,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper-focused,.helpdesk__container.helpdesk__container--dark .helpdesk__form textarea.ant-input:focus,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-input-affix-wrapper-focused.ant-input-outlined{border-color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 75%, #fff3)!important;box-shadow:none!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag{background:var(--hw-canvas)!important;background-color:var(--hw-canvas)!important;box-shadow:none!important;border:1px dashed #ffffff1a!important;border-radius:.375rem!important;padding:1.375rem 1.125rem!important;transition:border-color .15s,background-color .15s!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag:hover{border-color:color-mix(in srgb, #ffffff24 55%, var(--helpdesk-panel-accent,var(--hw-chart-teal)))!important;background:color-mix(in srgb, var(--hw-canvas) 92%, var(--hw-modal-shell))!important;box-shadow:none!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag .ant-upload-drag-icon{margin-bottom:.375rem;color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 82%, var(--hw-muted))!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag p{font-weight:500;color:#f1f5f9!important}.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag .ant-upload-hint,.helpdesk__container.helpdesk__container--dark .helpdesk__form .ant-upload-drag small{opacity:.88;color:var(--hw-muted)!important}.helpdesk__container.helpdesk__container--dark .helpdesk__submit-btn.ant-btn-primary{letter-spacing:.03em;margin-top:.375rem;transition:background-color .15s,border-color .15s;color:#fff!important;background:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 92%, var(--hw-modal-shell))!important;background-color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 92%, var(--hw-modal-shell))!important;height:auto!important;box-shadow:none!important;border:1px solid #00000038!important;border-radius:.375rem!important;padding-block:.75rem!important;font-weight:500!important}.helpdesk__container.helpdesk__container--dark .helpdesk__submit-btn.ant-btn-primary:not(:disabled):hover{filter:none;background:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 78%, black)!important;background-color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 78%, black)!important;box-shadow:none!important}.helpdesk__container.helpdesk__container--dark .helpdesk__submit-btn.ant-btn-primary:not(:disabled):active{filter:none;background:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 70%, black)!important;background-color:color-mix(in srgb, var(--helpdesk-panel-accent,var(--hw-chart-teal)) 70%, black)!important}.helpdesk__content{background-color:#0000;border-radius:0;width:100%;max-width:400px;padding:.75rem 1rem 1rem}.helpdesk__title{padding:.5rem 0 .75rem;margin-bottom:0!important}.helpdesk__title.ant-typography{color:#06b6d4}.helpdesk__title--hero.ant-typography{color:var(--helpdesk-panel-accent,#06b6d4)}.helpdesk__subtitle.ant-typography{color:#334155}.helpdesk__fields-files{flex-direction:column;width:100%;margin-top:10px}.helpdesk__fields-files .ant-upload-list{width:100%;margin-top:5px}.language-switcher__trigger{text-align:left;color:#334155;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background-color:#ffffffb3;border:1px solid #e2e8f0e6;border-radius:9999px;outline:none;align-items:center;gap:.5rem;max-width:100%;padding:.375rem .625rem;font-size:.875rem;line-height:1.25;transition:box-shadow .2s,transform .2s,border-color .2s,background-color .2s,opacity .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.language-switcher__trigger:hover:not(:disabled){background-color:#ffffffeb;border-color:#67e8f9b3;transform:translateY(-1px);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000f,0 0 0 1px #06b6d426}.language-switcher__trigger:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #06b6d459}.language-switcher__trigger:disabled{cursor:wait;opacity:.6;pointer-events:none}.language-switcher__trigger--dark{color:#f8fafc;background-color:#1e293b8c;border-color:#ffffff1f;box-shadow:0 1px 2px #0003,inset 0 1px #ffffff0a}.language-switcher__trigger--dark:hover:not(:disabled){background-color:#1e293bbf;border-color:#06b6d466;box-shadow:0 4px 12px #00000059,0 0 0 1px #06b6d41f}.language-switcher__trigger--dark:focus-visible{box-shadow:0 0 0 2px #0f172a,0 0 0 4px #22d3ee59}.language-switcher__trigger:hover:not(:disabled) .language-switcher__globe{opacity:1}.language-switcher__trigger-label{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;color:#475569;min-width:0;max-width:6.5rem;font-size:.75rem;font-weight:500;display:inline-block;overflow:hidden}.language-switcher__trigger--dark .language-switcher__trigger-label{color:#f8fafc;font-weight:500}.language-switcher__globe{color:#0891b2;opacity:.85;flex-shrink:0;width:.875rem;height:.875rem;font-size:.875rem;transition:opacity .2s}.language-switcher__trigger--dark .language-switcher__globe{color:#22d3ee}.language-switcher__chevron{opacity:.55;color:#64748b;flex-shrink:0;width:.875rem;height:.875rem;font-size:.75rem;transition:transform .2s ease-out,color .2s}.language-switcher__trigger--dark .language-switcher__chevron{color:#e2e8f0;opacity:.9}.language-switcher__chevron--open{transform:rotate(180deg)}.language-switcher__check-icon{font-size:.875rem}.language-switcher__panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#fffffff2;border:1px solid #e2e8f0e6;border-radius:1rem;padding:.375rem;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a1a,0 12px 24px #0f172a0f}.language-switcher__panel--dark{background-color:#0f172afa;border-color:#334155d9;box-shadow:0 25px 50px -12px #0000008c,0 12px 24px #00000059}.language-switcher__flag-shell{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:linear-gradient(#f1f5f9,#e2e8f0e6);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #cbd5e1b3}.language-switcher__flag-shell--sm{width:1.5rem;height:1.5rem}.language-switcher__flag-shell--md{width:1.75rem;height:1.75rem}.language-switcher__flag-shell--emoji.language-switcher__flag-shell--sm{font-size:15px}.language-switcher__flag-shell--emoji.language-switcher__flag-shell--md{font-size:17px}.language-switcher__flag-img{object-fit:cover;object-position:center 42%;width:100%;height:100%;transform:scale(1.06)}.language-switcher__menu-row{align-items:center;gap:.75rem;width:100%;min-width:11rem;display:flex}.language-switcher__menu-row--flag-only{justify-content:center;gap:0;min-width:2.75rem}.language-switcher__menu-text{text-align:left;flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.language-switcher__menu-title{text-overflow:ellipsis;white-space:nowrap;color:#1e293b;font-size:.875rem;font-weight:500;overflow:hidden}.language-switcher__panel--dark .language-switcher__menu-title{color:#fff;font-weight:700}.language-switcher__menu-code{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:11px;font-weight:500}.language-switcher__panel--dark .language-switcher__menu-code{color:#94a3b8;opacity:.95}.language-switcher__check{color:#0891b2;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;margin-left:auto;display:flex}.language-switcher__check--flag-only{margin-left:0}.language-switcher__panel--dark .language-switcher__check{color:#22d3ee}.language-switcher__panel .language-switcher__ant-menu.ant-dropdown-menu,.language-switcher__panel .ant-dropdown-menu.language-switcher__ant-menu{margin:0;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.language-switcher__panel .language-switcher__ant-menu .ant-dropdown-menu-item,.language-switcher__panel .ant-dropdown-menu.language-switcher__ant-menu .ant-dropdown-menu-item{border-radius:.75rem!important;height:auto!important;margin-block:.125rem!important;margin-inline:0!important;padding:.5rem!important;line-height:1.35!important}.language-switcher__panel--dark .ant-dropdown-menu-item,.language-switcher__panel--dark .ant-dropdown-menu-submenu-title{color:#f8fafc!important}.language-switcher__panel .ant-dropdown-menu-item-active{background-color:#f1f5f9e6!important}.language-switcher__panel--dark .ant-dropdown-menu-item-active:not(.ant-dropdown-menu-item-selected){background-color:#33415573!important}.language-switcher__panel:not(.language-switcher__panel--dark) .ant-dropdown-menu-item-selected{background-color:#06b6d41f!important}.language-switcher__panel--dark .ant-dropdown-menu-item-selected{box-shadow:inset 0 1px #ffffff0f;background-color:#0f766e6b!important}.language-switcher__panel--dark .ant-dropdown-menu-item-selected.ant-dropdown-menu-item-active{background-color:#0f766e7a!important}.theme-mode-toggle{z-index:20;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;height:2.5rem;min-height:2.5rem;padding:.25rem;line-height:1;transition:box-shadow .3s,background-color .3s;display:inline-flex;position:relative;box-shadow:0 1px 2px #0f172a0f,0 2px 6px #0f172a0a}.theme-mode-toggle:hover{box-shadow:0 2px 8px #0f172a14,0 1px 2px #0f172a0d,0 0 0 1px #06b6d41a}.theme-mode-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #06b6d466}.theme-mode-toggle--dark-context{background-color:#0f172a99;border-color:#ffffff1a;box-shadow:0 1px 2px #00000059,0 2px 8px #0003}.theme-mode-toggle--dark-context:hover{box-shadow:0 2px 10px #0006,0 0 0 1px #06b6d426}.theme-mode-toggle--dark-context:focus-visible{box-shadow:0 0 0 2px #020617,0 0 0 4px #22d3ee59}.theme-mode-toggle--dark-context .theme-mode-toggle__thumb{background:linear-gradient(to bottom right,#475569,#334155);border-color:#ffffff1f;box-shadow:0 1px 3px #00000073}.theme-mode-toggle__track{flex-shrink:0;width:4rem;height:2rem;position:relative}.theme-mode-toggle__thumb{pointer-events:none;inset-block:0;z-index:0;will-change:transform;background:linear-gradient(to bottom right,#fff,#f1f5f9);border:1px solid #0f172a14;border-radius:9999px;width:2rem;transition:transform .38s cubic-bezier(.34,1.56,.64,1);position:absolute;left:0;box-shadow:0 1px 2px #0f172a1f,inset 0 1px #ffffffd9}.theme-mode-toggle__thumb--dark{transform:translate(2rem)}.theme-mode-toggle__icons{z-index:10;grid-template-columns:repeat(2,1fr);place-items:center;width:100%;height:100%;display:grid;position:relative}.theme-mode-toggle__icon-cell{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.theme-mode-toggle__icon{flex-shrink:0;width:1rem;height:1rem;transition:color .2s;display:block}.theme-mode-toggle__icon--sun-active{color:#f59e0b}.theme-mode-toggle__icon--sun-idle{color:#94a3b8d9}.theme-mode-toggle__icon--moon-active{color:#bae6fd}.theme-mode-toggle__icon--moon-idle{color:#94a3b8bf}.profile-chip{background:linear-gradient(#fff 0%,#f8fafc 100%);border:none;border-radius:14px;align-items:center;gap:0;max-width:min(100%,420px);padding:12px 14px 12px 12px;display:inline-flex;box-shadow:0 0 0 1px #e2e8f0d9,0 4px 18px #0f172a0f}.profile-chip--loading{align-items:center;gap:12px;padding:10px 14px}.profile-chip__left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.profile-chip__avatar{flex-shrink:0;border-radius:10px!important}.profile-chip__avatar.ant-avatar-square{border-radius:10px!important}.profile-chip__meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-chip__name{color:#0f172a!important;margin:0!important;font-size:.875rem!important;font-weight:600!important;line-height:1.25!important}.profile-chip__email{color:#64748b!important;margin:0!important;font-size:.8125rem!important;line-height:1.5!important}.profile-chip__role{align-self:flex-start;margin-top:4px!important;margin-inline-end:0!important;font-size:.75rem!important;line-height:1.35!important}.profile-chip__more{flex-shrink:0;color:#64748b!important;border-radius:6px!important}.profile-chip__more:hover{color:#06b6d4!important;background:#06b6d414!important}.profile-chip__divider.ant-divider-vertical{opacity:.9;border-inline-start-color:#e2e8f0e6;align-self:stretch;height:auto;min-height:44px;margin:0 6px}.profile-chip__logout{box-shadow:none;flex-shrink:0;align-items:center;gap:8px;transition:color .15s,background-color .15s,border-color .15s;color:#03697b!important;background:#06b6d41a!important;border:none!important;border-radius:10px!important;height:auto!important;padding:8px 12px!important;font-weight:500!important;display:inline-flex!important}.profile-chip__logout .anticon{font-size:17px;transition:color .15s;color:#047a8f!important}.profile-chip__logout:hover,.profile-chip__logout:focus-visible{color:#d4183d!important;background:#d4183d24!important;border-color:#d4183d47!important}.profile-chip__logout:hover .anticon,.profile-chip__logout:focus-visible .anticon{color:#d4183d!important}html.dark .profile-chip,body.dark .profile-chip{-webkit-backdrop-filter:blur(14px);background:#0b101cfc;border:none;box-shadow:0 0 0 1px #ffffff24,0 8px 26px #00000075}html.dark .profile-chip .profile-chip__name,body.dark .profile-chip .profile-chip__name{color:#f8fafc!important}html.dark .profile-chip .profile-chip__email,body.dark .profile-chip .profile-chip__email{color:#cbd5e1!important}html.dark .profile-chip .profile-chip__divider.ant-divider-vertical,body.dark .profile-chip .profile-chip__divider.ant-divider-vertical{border-inline-start-color:#fff3}html.dark .profile-chip .profile-chip__logout,body.dark .profile-chip .profile-chip__logout{box-shadow:inset 0 0 0 1px #22d3ee52;color:#e6f9ff!important;background:#22d3ee29!important;border:none!important}html.dark .profile-chip .profile-chip__logout .anticon,body.dark .profile-chip .profile-chip__logout .anticon{color:#a5f3fc!important}html.dark .profile-chip .profile-chip__logout:hover,html.dark .profile-chip .profile-chip__logout:focus-visible,body.dark .profile-chip .profile-chip__logout:hover,body.dark .profile-chip .profile-chip__logout:focus-visible{color:#d4183d!important;background:#d4183d33!important;border-color:#d4183d59!important}html.dark .profile-chip .profile-chip__logout:hover .anticon,html.dark .profile-chip .profile-chip__logout:focus-visible .anticon,body.dark .profile-chip .profile-chip__logout:hover .anticon,body.dark .profile-chip .profile-chip__logout:focus-visible .anticon{color:#d4183d!important}html.dark .profile-chip .profile-chip__more,body.dark .profile-chip .profile-chip__more{color:#cbd5e1!important}html.dark .profile-chip .profile-chip__more:hover,body.dark .profile-chip .profile-chip__more:hover{color:#67e8f9!important;background:#22d3ee33!important}html.dark .profile-chip .profile-chip__role.ant-tag,body.dark .profile-chip .profile-chip__role.ant-tag{border-color:#3b82f673}.profile-chip__panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:#fffffff2;border:1px solid #e2e8f0e6;border-radius:1rem;padding:.375rem;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a1a,0 12px 24px #0f172a0f}.profile-chip__panel--dark{background-color:#0f172afa;border-color:#334155d9;box-shadow:0 25px 50px -12px #0000008c,0 12px 24px #00000059}.profile-chip__panel .profile-chip__ant-menu.ant-dropdown-menu,.profile-chip__panel .ant-dropdown-menu.profile-chip__ant-menu{margin:0;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.profile-chip__panel .profile-chip__ant-menu .ant-dropdown-menu-item,.profile-chip__panel .ant-dropdown-menu.profile-chip__ant-menu .ant-dropdown-menu-item{color:#1e293b!important;border-radius:.75rem!important;height:auto!important;margin-block:.125rem!important;margin-inline:0!important;padding:.5rem .75rem!important;line-height:1.35!important}.profile-chip__panel--dark .ant-dropdown-menu-item,.profile-chip__panel--dark .ant-dropdown-menu-submenu-title{color:#f8fafc!important}.profile-chip__panel .ant-dropdown-menu-item .anticon{color:#475569}.profile-chip__panel--dark .ant-dropdown-menu-item .anticon{color:#94a3b8}.profile-chip__panel .ant-dropdown-menu-item-active{background-color:#f1f5f9e6!important}.profile-chip__panel--dark .ant-dropdown-menu-item-active:not(.ant-dropdown-menu-item-selected){background-color:#33415573!important}.user-modal__header{border-bottom:1px solid #e2e8f0cc;padding-bottom:.75rem}.user-modal__header--dark{border-bottom-color:#ffffff1a}.user-modal__title-block{flex-direction:column;gap:.25rem;display:flex}.user-modal__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:1rem;font-weight:600}.user-modal__header--dark .user-modal__title{color:#f8fafc}.user-modal__meta{flex-direction:column;gap:.125rem;padding-top:.25rem;display:flex}.user-modal__display-name{color:#1e293b;font-size:.9375rem;font-weight:600}.user-modal__header--dark .user-modal__display-name{color:#f1f5f9}.user-modal__role{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:.75rem;font-weight:600}.user-modal__header--dark .user-modal__role{color:#94a3b8}.user-modal__body{padding-top:.5rem}.user-modal__container{border:1px solid #e2e8f0e6;border-radius:1rem;overflow:hidden;box-shadow:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0f}.user-modal__container--dark{border-color:#ffffff1f;box-shadow:0 20px 25px -5px #00000059,0 8px 10px -6px #00000040}.user-modal__form .ant-form-item-label>label{color:#475569;font-size:.75rem;font-weight:500}.user-modal__form .ant-input,.user-modal__form .ant-input-affix-wrapper{background-color:#f8fafccc;border-color:#e2e8f0e6;border-radius:.5rem}.user-modal__form--dark .ant-form-item-label>label{color:#cbd5e1}.user-modal__form--dark .ant-input,.user-modal__form--dark .ant-input-affix-wrapper{background-color:#ffffff0d;border-color:#ffffff1f}body{background-color:#f0f9ff;width:100vw;height:100vh;overflow:hidden}body #root{height:100%}body ::placeholder{color:#94a3b8}body .ant-form-item .ant-form-item-control-input{min-height:32px}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content{display:flex}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper{align-items:center;display:flex}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper .ant-upload-list-item{margin:0 0 0 10px}body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload,body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-select{margin-inline-end:0;margin-bottom:0}body .avatar-uploader .float-btn{opacity:0;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;bottom:3px;left:40%}body .avatar-uploader .float-btn-container{justify-content:center;width:100%;height:100%;display:flex}body .avatar-uploader .float-btn-container:hover .float-btn{opacity:1}body .ant-notification .ant-notification-notice.table-notification{min-width:500px}body .ant-carousel .slick-slider .slick-arrow{color:#06b6d4}body .ant-carousel .slick-slider .slick-dots>li>button{background:#06b6d4}body .ant-carousel .slick-slider .slick-list .slick-track .slick-slide{width:100%}body.dark{background-color:#010409}body.dark .ant-popover .ant-popover-arrow{--antd-arrow-background-color:#3b3b3b}body.dark .ant-popover .ant-popover-content .ant-popover-inner{background-color:#0a0f1a}body.dark .ant-badge .ant-badge-count{color:#fff;box-shadow:0 0 0 1px #0a0f1a}
@@ -0,0 +1,3 @@
1
+ import { ProfileUser } from '../types/profileUser';
2
+ /** Role label for the active app from `roleMenuPermissions`, or em dash when unknown. */
3
+ export declare function getProfileUserRoleLabel(user: ProfileUser | undefined, appId: string | undefined): string;
@@ -1,7 +1,7 @@
1
1
  import { HelpdeskComponent as Helpdesk } from './lib/Helpdesk/HelpdeskConnector';
2
2
  import { LanguageSwitcherComponent as LanguageSwitcher } from './lib/LanguageSwitcher/LanguageSwitcherConnector';
3
3
  import { ThemeModeToggleComponent as ThemeModeToggle } from './lib/ThemeModeToggle/ThemeModeToggleConnector';
4
- import { default as ProfileChip } from './lib/ProfileChip';
4
+ import { ProfileChipComponent } from './lib/ProfileChip/ProfileChipConnector';
5
5
  import { UserModalComponent as UserModal } from './lib/UserModal/UserModalConnector';
6
6
  import { WhatsNewsComponent as WhatsNews } from './lib/WhatsNews/WhatsNewsConnector';
7
7
  import { default as i18n } from './i18n';
@@ -10,7 +10,9 @@ export type * from './types/app';
10
10
  export type * from './types/helpdesk';
11
11
  export type * from './types/user';
12
12
  export type * from './types/whatsNews';
13
- export type { ProfileChipProps } from './types/profileChip';
13
+ export type { ProfileChipChildren, ProfileChipProps } from './types/profileChip';
14
+ export type { ProfileUser } from './types/profileUser';
14
15
  export { clearAquasisApiContext, getAquasisApiContext, replaceAquasisApiContext, setAquasisApiContext, } from './config/aquasisApiContext';
15
16
  /** @deprecated ReleaseNote will be removed in the next major version. Use WhatsNews instead. */
16
- export { Helpdesk, i18n, LanguageSwitcher, ProfileChip, ThemeModeToggle, UserModal, WhatsNews };
17
+ export { useGetProfileUser } from './reactQuery';
18
+ export { Helpdesk, i18n, LanguageSwitcher, ProfileChipComponent, ThemeModeToggle, UserModal, WhatsNews };
@@ -0,0 +1,5 @@
1
+ import { ProfileChipProps } from '../../types/profileChip';
2
+ import { FC } from 'react';
3
+ /** Profile chip with Redux + Query providers (theme-aware menu, `getUser` from cookies). */
4
+ declare const ProfileChipComponent: FC<ProfileChipProps>;
5
+ export { ProfileChipComponent };
@@ -1,5 +1,5 @@
1
1
  import { ProfileChipProps } from '../../types/profileChip';
2
2
  /**
3
- * Navbar profile summary with dropdown menu items and logout (presentational; data via props).
3
+ * Navbar profile: loads current user from core API (cookies), themed overflow menu.
4
4
  */
5
- export default function ProfileChip({ menuItems, displayName, email, roleLabel, avatarSrc, avatarText, isLoading, moreActionsAriaLabel, logoutLabel, onLogout, children, }: ProfileChipProps): import("react/jsx-runtime").JSX.Element;
5
+ export default function ProfileChip({ coreApiBaseUrl, menuItems, moreActionsAriaLabel, logoutLabel, onLogout, children, }: ProfileChipProps): import("react/jsx-runtime").JSX.Element | null;
@@ -1,5 +1,8 @@
1
1
  import { IApp, ILanguage, IRole } from '../types/app';
2
+ import { ProfileUser } from '../types/profileUser';
2
3
  import { AxiosError } from 'axios';
3
4
  export declare const useGetApps: (gauApiUrl: string) => import('@tanstack/react-query').UseQueryResult<IApp[], AxiosError<unknown, any>>;
4
5
  export declare const useGetRoles: (gauApiUrl: string, enabled?: boolean) => import('@tanstack/react-query').UseQueryResult<IRole[], AxiosError<unknown, any>>;
5
6
  export declare const useGetLanguages: (gauApiUrl: string) => import('@tanstack/react-query').UseQueryResult<ILanguage[], AxiosError<unknown, any>>;
7
+ /** Current user from core API (`getUser`); uses `ga-appId`, `ga-token`, `ga-userId` cookies. */
8
+ export declare const useGetProfileUser: (coreApiBaseUrl: string) => import('@tanstack/react-query').UseQueryResult<ProfileUser, AxiosError<unknown, any>>;
@@ -1,2 +1,4 @@
1
+ import { ProfileUser } from '../types/profileUser';
1
2
  import { UserPayload } from '../types/user';
3
+ export declare const getUser: (coreApiBaseUrl: string, userId: string) => Promise<ProfileUser>;
2
4
  export declare const maintainUser: (gauApiUrl: string, payload: UserPayload) => Promise<import('axios').AxiosResponse<any, any, {}>>;
@@ -1,19 +1,20 @@
1
1
  import { MenuProps } from 'antd';
2
2
  import { ReactNode } from 'react';
3
+ import { ProfileUser } from './profileUser';
4
+ export type ProfileChipChildren = (ctx: {
5
+ user: ProfileUser;
6
+ }) => ReactNode;
3
7
  export type ProfileChipProps = {
4
- /** Dropdown menu entries (labels/icons/actions controlled by host app). */
8
+ /**
9
+ * Core API base URL (same as app `VITE_API_BASE_URL`, usually with trailing slash).
10
+ * Used for `GET {base}getUser?userId=…` with Bearer token from cookies.
11
+ */
12
+ coreApiBaseUrl: string;
13
+ /** Dropdown menu entries (labels/icons/onClick from host). */
5
14
  menuItems: NonNullable<MenuProps["items"]>;
6
- displayName: string;
7
- email: string;
8
- roleLabel: string;
9
- /** Optional image URL for the avatar square. */
10
- avatarSrc?: string | null;
11
- /** Shown inside avatar when `avatarSrc` is absent (e.g. initials). */
12
- avatarText?: string;
13
- isLoading?: boolean;
14
15
  moreActionsAriaLabel: string;
15
16
  logoutLabel: string;
16
17
  onLogout: () => void;
17
- /** Optional slot above the chip (e.g. edit-profile modal from host). */
18
- children?: ReactNode;
18
+ /** Slot that receives the loaded user (e.g. edit-profile modal). */
19
+ children?: ProfileChipChildren;
19
20
  };
@@ -0,0 +1,35 @@
1
+ import { UserAppConfig } from './user';
2
+ /** Role permission row returned with the current user (GlobalAuth `getUser`). */
3
+ export type ProfileRolePermission = {
4
+ roleName: string;
5
+ appName: string;
6
+ menuName: string;
7
+ idRole: string;
8
+ idMenu: number;
9
+ read: boolean;
10
+ write: boolean;
11
+ delete: boolean;
12
+ idApp: string;
13
+ selfItems?: boolean;
14
+ tenantId: number;
15
+ link?: string;
16
+ };
17
+ /** Current user payload from `getUser` (core API). */
18
+ export type ProfileUser = {
19
+ userId: string;
20
+ username: string;
21
+ email: string;
22
+ isActive: boolean;
23
+ firstName: string;
24
+ lastName: string;
25
+ isPrivate: boolean;
26
+ profilePicture?: string;
27
+ userRolesApp: UserAppConfig[];
28
+ roleMenuPermissions: ProfileRolePermission[];
29
+ isApiUser?: boolean;
30
+ hidden?: boolean;
31
+ tenants?: string;
32
+ tenantNames?: unknown;
33
+ accessToken?: string;
34
+ userTenants?: unknown[];
35
+ };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "aquasis-fe-components",
3
3
  "private": false,
4
- "version": "3.2.0-beta.2",
4
+ "version": "3.2.0-beta.3",
5
5
  "type": "module",
6
6
  "license": "ISC",
7
7
  "author": "Ewerton Souza",