@nubisco/ui 5.28.0 → 5.29.0

package/dist/ui.css

@@ -91,7 +91,7 @@
 .nb-toaster[data-v-dad77da7]{z-index:var(--nb-zindex-toast);padding:var(--nb-toaster-inset,var(--nb-spacing-24));pointer-events:none;box-sizing:border-box;max-width:100vw;display:flex;position:fixed}@media (width<=671px){.nb-toaster[data-v-dad77da7]{padding:var(--nb-toaster-inset-sm,var(--nb-spacing-12));inset-inline:0}.nb-toaster .nb-toaster__stack[data-v-dad77da7],.nb-toaster .nb-toaster__item[data-v-dad77da7]{width:100%}}.nb-toaster__stack[data-v-dad77da7]{gap:var(--nb-toaster-gap,var(--nb-spacing-12));flex-direction:column;max-width:100%;display:flex;position:relative}.nb-toaster__item[data-v-dad77da7]{pointer-events:auto;max-width:100%;position:relative}.nb-toaster__item[data-v-dad77da7] .nb-toast{max-width:min(var(--nb-toaster-max-width,23.75rem), 100%)}.nb-toaster__announcer[data-v-dad77da7]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nb-toaster--top-start[data-v-dad77da7],.nb-toaster--top[data-v-dad77da7],.nb-toaster--top-end[data-v-dad77da7]{--nb-toaster-shift:0 calc(var(--nb-toaster-gap,var(--nb-spacing-12)) * -1);top:0}.nb-toaster--top-start .nb-toaster__stack[data-v-dad77da7],.nb-toaster--top .nb-toaster__stack[data-v-dad77da7],.nb-toaster--top-end .nb-toaster__stack[data-v-dad77da7]{flex-direction:column}.nb-toaster--bottom-start[data-v-dad77da7],.nb-toaster--bottom[data-v-dad77da7],.nb-toaster--bottom-end[data-v-dad77da7]{--nb-toaster-shift:0 var(--nb-toaster-gap,var(--nb-spacing-12));bottom:0}.nb-toaster--bottom-start .nb-toaster__stack[data-v-dad77da7],.nb-toaster--bottom .nb-toaster__stack[data-v-dad77da7],.nb-toaster--bottom-end .nb-toaster__stack[data-v-dad77da7]{flex-direction:column-reverse}.nb-toaster--top-start[data-v-dad77da7],.nb-toaster--bottom-start[data-v-dad77da7]{--nb-toaster-shift:calc(var(--nb-toaster-inset,var(--nb-spacing-24)) * -1) 0;justify-content:flex-start;inset-inline-start:0}.nb-toaster--top-end[data-v-dad77da7],.nb-toaster--bottom-end[data-v-dad77da7]{--nb-toaster-shift:var(--nb-toaster-inset,var(--nb-spacing-24)) 0;justify-content:flex-end;inset-inline-end:0}.nb-toaster--top[data-v-dad77da7],.nb-toaster--bottom[data-v-dad77da7]{justify-content:center;inset-inline:0}.nb-toaster-enter-active[data-v-dad77da7],.nb-toaster-leave-active[data-v-dad77da7],.nb-toaster-move[data-v-dad77da7]{transition:opacity var(--nb-animation-fast) ease, translate var(--nb-animation-fast) ease}.nb-toaster-enter-from[data-v-dad77da7],.nb-toaster-leave-to[data-v-dad77da7]{opacity:0;translate:var(--nb-toaster-shift)}.nb-toaster-leave-active[data-v-dad77da7]{position:absolute}.nb-toaster--top-end .nb-toaster-leave-active[data-v-dad77da7],.nb-toaster--bottom-end .nb-toaster-leave-active[data-v-dad77da7]{inset-inline-end:0}.nb-toaster--top-start .nb-toaster-leave-active[data-v-dad77da7],.nb-toaster--bottom-start .nb-toaster-leave-active[data-v-dad77da7]{inset-inline-start:0}@media (forced-colors:active){.nb-toaster__item[data-v-dad77da7]:not(:has(.nb-toast)){background:canvas;outline:1px solid canvastext}}@media (prefers-reduced-motion:reduce){.nb-toaster[data-v-dad77da7]{--nb-toaster-shift:0 0}.nb-toaster-enter-active[data-v-dad77da7],.nb-toaster-leave-active[data-v-dad77da7]{transition:opacity var(--nb-animation-fast) ease}.nb-toaster-move[data-v-dad77da7]{transition:none}}
 .nb-tree[data-v-f91fb593]{-webkit-user-select:none;user-select:none;color:var(--nb-c-text-muted);margin:0;padding:0;font-size:.875rem;line-height:1.2;list-style:none;overflow:hidden}.nb-tree--compact[data-v-f91fb593]{font-size:.75rem}.nb-tree--compact[data-v-f91fb593] .nb-tree-node__label{min-block-size:1.5rem}
 .nb-tree-node[data-v-803e5e88]{border-radius:var(--nb-radius-control-sm);--nb-radius-context:var(--nb-radius-control-sm);color:var(--nb-c-text-muted);outline:none;list-style:none}.nb-tree-node[data-v-803e5e88]:hover{cursor:pointer}.nb-tree-node__label[data-v-803e5e88]{box-sizing:border-box;border-radius:var(--nb-radius-control-sm);align-items:center;gap:0;min-block-size:2rem;inline-size:100%;padding-inline-end:1rem;transition:background .1s;display:flex;position:relative}.nb-tree-node__label[data-v-803e5e88]:hover{background:var(--nb-c-surface-hover,var(--nb-c-layer-hover-1,#ffffff0f));color:var(--nb-c-text)}.nb-tree-node__label:hover .nb-tree-node__toggle-icon[data-v-803e5e88],.nb-tree-node__label:hover .nb-tree-node__icon[data-v-803e5e88]{color:var(--nb-c-text)}.nb-tree-node:focus>.nb-tree-node__label[data-v-803e5e88]{outline:2px solid var(--nb-c-focus-ring,var(--nb-c-primary));outline-offset:-2px}.nb-tree-node--disabled:focus>.nb-tree-node__label[data-v-803e5e88]{outline:none}.nb-tree-node--selected>.nb-tree-node__label[data-v-803e5e88]{background:color-mix(in srgb, var(--nb-c-primary) 12%, var(--nb-c-surface,transparent));color:var(--nb-c-text)}.nb-tree-node--selected>.nb-tree-node__label[data-v-803e5e88]:before{background-color:var(--nb-c-primary);content:"";block-size:100%;inline-size:4px;position:absolute;inset-block-start:0;inset-inline-start:0}.nb-tree-node--selected>.nb-tree-node__label[data-v-803e5e88]:hover{background:color-mix(in srgb, var(--nb-c-primary) 18%, var(--nb-c-surface,transparent))}.nb-tree-node--selected>.nb-tree-node__label .nb-tree-node__toggle-icon[data-v-803e5e88],.nb-tree-node--selected>.nb-tree-node__label .nb-tree-node__icon[data-v-803e5e88]{color:var(--nb-c-text)}.nb-tree-node--disabled[data-v-803e5e88]{color:var(--nb-c-text-subtle,var(--nb-c-text-muted));cursor:not-allowed}.nb-tree-node--disabled .nb-tree-node__label[data-v-803e5e88],.nb-tree-node--disabled .nb-tree-node__label[data-v-803e5e88]:hover,.nb-tree-node--disabled .nb-tree-node__label:hover .nb-tree-node__toggle-icon[data-v-803e5e88],.nb-tree-node--disabled .nb-tree-node__label:hover .nb-tree-node__icon[data-v-803e5e88]{background:var(--nb-c-field-bg,transparent);color:var(--nb-c-text-subtle,var(--nb-c-text-muted));cursor:not-allowed}.nb-tree-node__toggle[data-v-803e5e88]{cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;block-size:1.5rem;inline-size:1.5rem;margin-inline:-.25rem .25rem;padding:0;display:flex}@media (width<=671.98px) and (pointer:coarse),(pointer:coarse) and (hover:none) and (height<=500px){.nb-tree-node__toggle[data-v-803e5e88]{position:relative}.nb-tree-node__toggle[data-v-803e5e88]:after{content:"";position:absolute;inset-block:min(0px,50% - 22px);inset-inline:min(0px,50% - 22px)}}.nb-tree-node__toggle[data-v-803e5e88]:focus{outline:none}.nb-tree-node__toggle-icon[data-v-803e5e88]{color:var(--nb-c-text-muted);transition:transform .1s;transform:rotate(0)}.nb-tree-node__toggle-icon--expanded[data-v-803e5e88]{transform:rotate(90deg)}.nb-tree-node__toggle-spacer[data-v-803e5e88]{flex-shrink:0;inline-size:1.25rem}.nb-tree-node__icon[data-v-803e5e88]{color:var(--nb-c-text-muted);flex-shrink:0;min-block-size:1rem;min-inline-size:1rem;margin-inline:.5rem}.nb-tree-node__toggle+.nb-tree-node__label__details .nb-tree-node__icon[data-v-803e5e88],.nb-tree-node__toggle+.nb-tree-node__icon[data-v-803e5e88]{margin-inline-start:.25rem}.nb-tree-node__label-text[data-v-803e5e88]{text-overflow:ellipsis;white-space:nowrap;line-height:1.2;font-size:inherit;flex:1;padding-inline-start:.25rem;display:block;overflow:hidden}.nb-tree-node__actions[data-v-803e5e88]{opacity:0;align-items:center;gap:2px;margin-inline-start:auto;transition:opacity .1s;display:flex}.nb-tree-node__meta[data-v-803e5e88]{align-items:center;gap:calc(var(--nb-base-unit,8px) * 1);min-width:0;color:var(--nb-c-text-muted);margin-inline-start:auto;display:flex}.nb-tree-node__meta+.nb-tree-node__actions[data-v-803e5e88]{margin-inline-start:calc(var(--nb-base-unit,8px) * 1)}.nb-tree-node__label:hover .nb-tree-node__actions[data-v-803e5e88],.nb-tree-node--selected .nb-tree-node__actions[data-v-803e5e88]{opacity:1}.nb-tree-node__children[data-v-803e5e88]{margin:0;padding:0;list-style:none}.nb-tree-node--dragging[data-v-803e5e88]{opacity:.4}.nb-tree-node--drop-before>.nb-tree-node__label[data-v-803e5e88]{box-shadow:inset 0 2px 0 0 var(--nb-c-primary)}.nb-tree-node--drop-after>.nb-tree-node__label[data-v-803e5e88]{box-shadow:inset 0 -2px 0 0 var(--nb-c-primary)}.nb-tree-node--drop-inside>.nb-tree-node__label[data-v-803e5e88]{background:color-mix(in srgb, var(--nb-c-primary) 15%, transparent);box-shadow:inset 0 0 0 2px var(--nb-c-primary)}
-.nb-user-menu{display:flex;position:relative}.nb-user-menu--identity{width:100%}.nb-user-menu .nb-user-menu__avatar{border:1px solid var(--nb-c-layer-border-3);background:var(--nb-c-primary,#6b46c1);width:28px;height:28px;color:var(--nb-c-primary-a11y,#fff);letter-spacing:.02em;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.64rem;font-weight:700;display:flex;overflow:hidden}.nb-user-menu .nb-user-menu__avatar:disabled{opacity:.6;cursor:default}.nb-user-menu__picture{object-fit:cover;width:100%;height:100%;display:block}.nb-user-menu__identity{box-sizing:border-box;border-radius:var(--nb-radius-control-sm);--nb-radius-context:var(--nb-radius-control-sm);width:100%;color:var(--nb-shell-sidebar-link-hover-color,#fff);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.625rem;padding:.45rem .75rem .45rem calc(.75rem - 6px);font-size:.8125rem;transition:background .12s;display:flex}.nb-user-menu__identity:hover:not(:disabled){background:var(--nb-shell-sidebar-link-hover-bg,#ffffff14)}.nb-user-menu__identity:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-user-menu__identity:disabled{opacity:.6;cursor:default}.nb-user-menu__identity-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.nb-user-menu__identity-name,.nb-user-menu__identity-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nb-user-menu__identity-name{font-weight:600}.nb-user-menu__identity-email{color:var(--nb-shell-sidebar-link-color);font-size:.75em}.nb-user-menu__panel{background:var(--nb-c-layer-3);border:1px solid var(--nb-c-layer-border-3);border-radius:var(--nb-radius-popover);--nb-radius-context:var(--nb-radius-popover);width:260px;z-index:var(--nb-zindex-menu);padding:4px;position:fixed;box-shadow:0 12px 32px #0000002e}@media (width<=671.98px),(pointer:coarse) and (hover:none) and (height<=500px){.nb-user-menu__panel{max-width:calc(100vw - 16px);z-index:var(--nb-zindex-modal-dropdown)}}.nb-user-menu-pop-enter-active,.nb-user-menu-pop-leave-active{transition:opacity .12s,transform .12s}.nb-user-menu-pop-enter-from,.nb-user-menu-pop-leave-to{opacity:0;transform:translate(-4px)}.nb-user-menu__label{text-transform:uppercase;letter-spacing:.07em;color:var(--nb-c-text-subtle);margin:.15rem 1rem 0;font-size:.64rem;font-weight:700}.nb-user-menu__email{color:var(--nb-c-text);text-overflow:ellipsis;margin:.1rem 1rem .35rem;font-size:.84rem;font-weight:600;overflow:hidden}.nb-user-menu__divider{background:var(--nb-c-layer-border-3);height:1px;margin:.35rem 0}.nb-user-menu__account,.nb-user-menu__action{--nb-radius-self:max(0px, calc(var(--nb-radius-context,0px) - 5px));border-radius:var(--nb-radius-self);width:100%;color:var(--nb-c-text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.5rem;padding:.45rem .75rem;font-family:inherit;font-size:.82rem;display:flex}.nb-user-menu__account:hover,.nb-user-menu__action:hover{background:var(--nb-c-layer-hover-3,#0000000d)}.nb-user-menu__account--current{cursor:default}.nb-user-menu__account--current:hover{background:0 0}.nb-user-menu__account-main{flex-direction:column;flex:1;min-width:0;display:flex}.nb-user-menu__account-email{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.nb-user-menu__account-name{color:var(--nb-c-text-subtle);font-size:.72rem}.nb-user-menu__check{color:var(--nb-c-success,#16a34a)}.nb-user-menu__remove{color:var(--nb-c-text-subtle);cursor:pointer}.nb-user-menu__remove:hover{color:var(--nb-c-danger,#b91c1c)}.nb-user-menu__brand{color:var(--nb-c-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;margin:0;padding:.3rem 1rem .15rem;font-size:.68rem;line-height:1.2;display:flex}.nb-user-menu__mark{flex:none;width:13px;height:13px;display:block}.nb-user-menu__brand-name{color:var(--nb-c-text);font-weight:600}.nb-user-menu__action--danger{color:var(--nb-c-danger,#b91c1c)}.nb-user-menu__action--danger:hover{background:#ef444414}
+.nb-user-menu{display:flex;position:relative}.nb-user-menu--identity{width:100%}.nb-user-menu .nb-user-menu__avatar{border:1px solid var(--nb-c-layer-border-3);background:var(--nb-c-primary,#6b46c1);width:28px;height:28px;color:var(--nb-c-primary-a11y,#fff);letter-spacing:.02em;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.64rem;font-weight:700;display:flex;overflow:hidden}.nb-user-menu .nb-user-menu__avatar:disabled{opacity:.6;cursor:default}.nb-user-menu__picture{object-fit:cover;width:100%;height:100%;display:block}.nb-user-menu__identity{box-sizing:border-box;border-radius:var(--nb-radius-control-sm);--nb-radius-context:var(--nb-radius-control-sm);width:100%;color:var(--nb-shell-sidebar-link-hover-color,#fff);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.625rem;padding:.45rem .75rem .45rem calc(.75rem - 6px);font-size:.8125rem;transition:background .12s;display:flex}.nb-user-menu__identity:hover:not(:disabled){background:var(--nb-shell-sidebar-link-hover-bg,#ffffff14)}.nb-user-menu__identity:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:-2px}.nb-user-menu__identity:disabled{opacity:.6;cursor:default}.nb-user-menu__identity-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.nb-user-menu__identity-name,.nb-user-menu__identity-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nb-user-menu__identity-name{font-weight:600}.nb-user-menu__identity-email{color:var(--nb-shell-sidebar-link-color);font-size:.75em}.nb-user-menu__panel{background:var(--nb-c-layer-3);border:1px solid var(--nb-c-layer-border-3);border-radius:var(--nb-radius-popover);--nb-radius-context:var(--nb-radius-popover);width:260px;z-index:var(--nb-zindex-menu);padding:4px;position:fixed;box-shadow:0 12px 32px #0000002e}@media (width<=671.98px),(pointer:coarse) and (hover:none) and (height<=500px){.nb-user-menu__panel{max-width:calc(100vw - 16px);z-index:var(--nb-zindex-modal-dropdown)}}.nb-user-menu-pop-enter-active,.nb-user-menu-pop-leave-active{transition:opacity .12s,transform .12s}.nb-user-menu-pop-enter-from,.nb-user-menu-pop-leave-to{opacity:0;transform:translate(-4px)}.nb-user-menu__label{text-transform:uppercase;letter-spacing:.07em;color:var(--nb-c-text-subtle);margin:.15rem 1rem 0;font-size:.64rem;font-weight:700}.nb-user-menu__email{color:var(--nb-c-text);text-overflow:ellipsis;margin:.1rem 1rem .35rem;font-size:.84rem;font-weight:600;overflow:hidden}.nb-user-menu__appearance{padding:.25rem 1rem .35rem}.nb-user-menu__appearance-title{text-transform:uppercase;letter-spacing:.07em;color:var(--nb-c-text-subtle);margin:0 0 .4rem;font-size:.64rem;font-weight:700}.nb-user-menu__divider{background:var(--nb-c-layer-border-3);height:1px;margin:.35rem 0}.nb-user-menu__account,.nb-user-menu__action{--nb-radius-self:max(0px, calc(var(--nb-radius-context,0px) - 5px));border-radius:var(--nb-radius-self);width:100%;color:var(--nb-c-text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.5rem;padding:.45rem .75rem;font-family:inherit;font-size:.82rem;display:flex}.nb-user-menu__account:hover,.nb-user-menu__action:hover{background:var(--nb-c-layer-hover-3,#0000000d)}.nb-user-menu__account--current{cursor:default}.nb-user-menu__account--current:hover{background:0 0}.nb-user-menu__account-main{flex-direction:column;flex:1;min-width:0;display:flex}.nb-user-menu__account-email{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.nb-user-menu__account-name{color:var(--nb-c-text-subtle);font-size:.72rem}.nb-user-menu__check{color:var(--nb-c-success,#16a34a)}.nb-user-menu__remove{color:var(--nb-c-text-subtle);cursor:pointer}.nb-user-menu__remove:hover{color:var(--nb-c-danger,#b91c1c)}.nb-user-menu__brand{color:var(--nb-c-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;margin:0;padding:.3rem 1rem .15rem;font-size:.68rem;line-height:1.2;display:flex}.nb-user-menu__mark{flex:none;width:13px;height:13px;display:block}.nb-user-menu__brand-name{color:var(--nb-c-text);font-weight:600}.nb-user-menu__action--danger{color:var(--nb-c-danger,#b91c1c)}.nb-user-menu__action--danger:hover{background:#ef444414}
 .nb-video{width:100%;position:relative;overflow:hidden}.nb-video__media{object-fit:cover;width:100%;height:100%;display:block}.nb-video--contain .nb-video__media{object-fit:contain}.nb-video .nb-video__toggle{inset-inline-end:calc(var(--nb-base-unit) * 1.5);bottom:calc(var(--nb-base-unit) * 1.5);opacity:.85;border-radius:999px;position:absolute}.nb-video .nb-video__toggle:hover,.nb-video .nb-video__toggle:focus-visible{opacity:1}@media (width<=671.98px) and (pointer:coarse),(pointer:coarse) and (hover:none) and (height<=500px){.nb-video .nb-video__toggle{min-width:44px;min-height:44px}}
 .nb-walkthrough[data-v-da2efbb1]{z-index:var(--nb-zindex-modal);position:fixed;inset:0}.nb-walkthrough--scrim[data-v-da2efbb1]{width:100%;height:100%;position:absolute;inset:0}.nb-walkthrough--scrim-fill[data-v-da2efbb1]{fill:var(--nb-c-scrim-strong)}.nb-walkthrough--ring[data-v-da2efbb1]{fill:none;stroke:var(--nb-c-primary);stroke-width:2px}.nb-walkthrough--popover[data-v-da2efbb1]{width:calc(var(--nb-base-unit) * 40);max-width:calc(100vw - var(--nb-base-unit) * 4);padding:calc(var(--nb-base-unit) * 2);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-popover);--nb-radius-context:var(--nb-radius-popover);background:var(--nb-c-surface);color:var(--nb-c-text);box-shadow:0 calc(var(--nb-base-unit) * 1.5) calc(var(--nb-base-unit) * 4) var(--nb-c-scrim);animation:nb-walkthrough-in-da2efbb1 var(--nb-animation-fast) ease-out;position:absolute}.nb-walkthrough--popover[data-v-da2efbb1]:focus{outline:none}.nb-walkthrough--popover[data-v-da2efbb1]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px}.nb-walkthrough--popover-centered[data-v-da2efbb1]{top:50%;left:50%;transform:translate(-50%,-50%)}.nb-walkthrough--title[data-v-da2efbb1]{margin:0 0 calc(var(--nb-base-unit) * .75);font-family:var(--nb-type-heading-01-family);font-size:var(--nb-type-heading-01-size);font-weight:var(--nb-type-heading-01-weight);line-height:var(--nb-type-heading-01-line-height);color:var(--nb-c-text)}.nb-walkthrough--body[data-v-da2efbb1]{font-family:var(--nb-type-body-md-family);font-size:var(--nb-type-body-md-size);font-weight:var(--nb-type-body-md-weight);line-height:var(--nb-type-body-md-line-height);color:var(--nb-c-text-muted)}.nb-walkthrough--body[data-v-da2efbb1] p{margin:0 0 calc(var(--nb-base-unit) * .75)}.nb-walkthrough--body[data-v-da2efbb1] p:last-child{margin-bottom:0}.nb-walkthrough--footer[data-v-da2efbb1]{justify-content:space-between;align-items:center;gap:var(--nb-base-unit);margin-top:calc(var(--nb-base-unit) * 2);padding-top:calc(var(--nb-base-unit) * 1.5);border-top:1px solid var(--nb-c-border);display:flex}.nb-walkthrough--progress[data-v-da2efbb1]{font-family:var(--nb-type-label-sm-family);font-size:var(--nb-type-label-sm-size);font-weight:var(--nb-type-label-sm-weight);line-height:var(--nb-type-label-sm-line-height);color:var(--nb-c-text-subtle);white-space:nowrap;margin:0}.nb-walkthrough--actions[data-v-da2efbb1]{align-items:center;gap:calc(var(--nb-base-unit) * .75);display:flex}@keyframes nb-walkthrough-in-da2efbb1{0%{opacity:0}to{opacity:1}}.nb-walkthrough--no-motion .nb-walkthrough--popover[data-v-da2efbb1]{animation:none}@media (prefers-reduced-motion:reduce){.nb-walkthrough--popover[data-v-da2efbb1]{animation:none}}
 .nb-wireframe[data-v-0fbb2d4b]{--nb-wireframe-ink:var(--nb-c-text-subtle,#8a8a96);--nb-wireframe-accent:var(--nb-c-primary,#5856a9);--nb-wireframe-bg:var(--nb-c-surface,#fff);aspect-ratio:16/10;background:var(--nb-wireframe-bg);border:1px solid var(--nb-c-border,#e4e4ea);border-radius:var(--nb-radius-sm,6px);color:var(--nb-wireframe-ink);flex-direction:column;justify-content:center;gap:8px;padding:10px 12px;display:flex;overflow:hidden;container-type:size}.nb-wireframe--dark[data-v-0fbb2d4b]{--nb-wireframe-bg:#16161c;--nb-wireframe-ink:#9a9aac}.nb-wireframe__row[data-v-0fbb2d4b]{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:8px;display:grid}.nb-wireframe__col[data-v-0fbb2d4b]{flex-direction:column;gap:4px;min-width:0;display:flex}.nb-wireframe__col--center[data-v-0fbb2d4b]{text-align:center;align-items:center}.nb-wireframe__col--end[data-v-0fbb2d4b]{align-items:flex-end}.nb-wireframe__bar[data-v-0fbb2d4b]{opacity:.35;background:currentColor;border-radius:2px;width:100%;height:3px;display:block}.nb-wireframe__bar--eyebrow[data-v-0fbb2d4b]{background:var(--nb-wireframe-accent);opacity:.7;width:28%;height:3px}.nb-wireframe__bar--title[data-v-0fbb2d4b]{opacity:.75;width:76%;height:7px}.nb-wireframe__bar--heading[data-v-0fbb2d4b]{opacity:.6;width:58%;height:5px}.nb-wireframe__bar--short[data-v-0fbb2d4b]{width:62%}.nb-wireframe__lines[data-v-0fbb2d4b]{flex-direction:column;gap:3px;width:100%;display:flex}.nb-wireframe__lines .nb-wireframe__bar--line[data-v-0fbb2d4b]:last-child:not(:first-child){width:70%}.nb-wireframe__col--center .nb-wireframe__lines[data-v-0fbb2d4b]{align-items:center}.nb-wireframe__inline[data-v-0fbb2d4b]{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nb-wireframe__pill[data-v-0fbb2d4b]{border-radius:4px;width:22px;height:7px;display:block}.nb-wireframe__pill--primary[data-v-0fbb2d4b]{background:var(--nb-wireframe-accent)}.nb-wireframe__pill--outline[data-v-0fbb2d4b]{opacity:.6;border:1px solid}.nb-wireframe__pill--chip[data-v-0fbb2d4b]{opacity:.3;background:currentColor;width:14px;height:5px}.nb-wireframe__pill--active[data-v-0fbb2d4b]{background:var(--nb-wireframe-accent);opacity:1}.nb-wireframe__box[data-v-0fbb2d4b]{opacity:.22;background:currentColor;border-radius:3px;width:100%;display:block}.nb-wireframe__box--image[data-v-0fbb2d4b]{aspect-ratio:4/3;width:auto;max-width:100%;max-height:62cqh}.nb-wireframe__box--device[data-v-0fbb2d4b]{aspect-ratio:16/11;opacity:1;background:0 0;border:2px solid;width:auto;max-width:100%;max-height:72cqh;padding:2px}.nb-wireframe__box--icon[data-v-0fbb2d4b]{aspect-ratio:auto;width:10px;height:10px}.nb-wireframe__screen[data-v-0fbb2d4b]{opacity:.22;background:currentColor;border-radius:1px;width:100%;height:100%;display:block}.nb-wireframe__cards[data-v-0fbb2d4b]{gap:4px;width:100%;display:grid}.nb-wireframe__card[data-v-0fbb2d4b]{opacity:.8;border:1px solid;border-radius:3px;flex-direction:column;gap:3px;padding:4px;display:flex}.nb-wireframe__card--tile[data-v-0fbb2d4b]{aspect-ratio:1;opacity:.22;background:currentColor;border:0}.nb-wireframe__item[data-v-0fbb2d4b]{align-items:center;gap:3px;display:flex}.nb-wireframe__dot[data-v-0fbb2d4b]{background:var(--nb-wireframe-accent);border-radius:50%;flex:none;width:3px;height:3px}.nb-wireframe__field[data-v-0fbb2d4b]{opacity:.5;border:1px solid;border-radius:2px;flex:1;min-width:30px;height:7px;display:block}.nb-wireframe__quote[data-v-0fbb2d4b]{border-left:2px solid var(--nb-wireframe-accent);flex-direction:column;gap:3px;width:100%;padding-left:5px;display:flex}.nb-wireframe__divider[data-v-0fbb2d4b]{opacity:.25;background:currentColor;width:100%;height:1px;display:block}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubisco/ui",
-  "version": "5.28.0",
+  "version": "5.29.0",
   "description": "Vue 3 UI component library",
   "packageManager": "pnpm@12.3.4+sha512.961aa41fb077da3a04a441d9f8e15ebc0c96da8ef710b2eb67bf9ee7cb0610eabd48f1fd85f51cffe73846785fa0f87c56a3a872a1d893f8446741b5cce45457",
   "repository": {

package/dist/UserMenu-DuAQ0yne.js

@@ -1,313 +0,0 @@
-import { t as e } from "./Icon-rREAqsu0.js";
-import { usePhoneLayout as t } from "./composables/usePhoneLayout.composable.mjs";
-import { initialsOf as n } from "./utils/initials.helper.mjs";
-import { t as ee } from "./NubiscoPlatformMark-CayXaZGB.js";
-import { t as r } from "./vue-i18n-Dzm-MDw4.js";
-import { Fragment as i, Teleport as te, Transition as ne, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, inject as re, nextTick as ie, normalizeClass as p, normalizeStyle as ae, onBeforeUnmount as oe, onMounted as se, openBlock as m, ref as h, renderList as ce, renderSlot as g, toDisplayString as _, unref as v, watch as le, withCtx as ue, withModifiers as de } from "vue";
-import { regular as fe } from "@nubisco/ui/icons/check";
-import { regular as pe } from "@nubisco/ui/icons/x";
-import { regular as me } from "@nubisco/ui/icons/users";
-import { regular as he } from "@nubisco/ui/icons/plus";
-import { regular as ge } from "@nubisco/ui/icons/user";
-import { regular as _e } from "@nubisco/ui/icons/sign-out";
-//#region src/components/UserMenu.vue?vue&type=script&setup=true&lang.ts
-var ve = [
-	"title",
-	"aria-expanded",
-	"disabled"
-], ye = {
-	class: "nb-user-menu__avatar",
-	"aria-hidden": "true"
-}, be = ["src"], xe = { class: "nb-user-menu__identity-text" }, Se = { class: "nb-user-menu__identity-name" }, y = {
-	key: 0,
-	class: "nb-user-menu__identity-email"
-}, b = [
-	"title",
-	"aria-label",
-	"aria-expanded",
-	"disabled"
-], x = ["src"], S = { class: "nb-user-menu__label" }, C = { class: "nb-user-menu__email" }, w = ["disabled", "onClick"], T = { class: "nb-user-menu__account-main" }, E = { class: "nb-user-menu__account-email" }, D = {
-	key: 0,
-	class: "nb-user-menu__account-name"
-}, O = { class: "nb-user-menu__brand" }, k = { class: "nb-user-menu__brand-line" }, A = { class: "nb-user-menu__brand-name" }, j = "Nubisco Platform", Ce = 260, M = 8, N = /* @__PURE__ */ f({
-	__name: "UserMenu",
-	props: {
-		user: {},
-		accounts: { default: void 0 },
-		accountsUnknown: {
-			type: Boolean,
-			default: !1
-		},
-		showAccountActions: {
-			type: Boolean,
-			default: !0
-		},
-		showProfile: {
-			type: Boolean,
-			default: !0
-		},
-		brand: { default: "footer" },
-		placement: { default: "right-end" },
-		trigger: { default: "avatar" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: [
-		"switch",
-		"remove",
-		"switch-account",
-		"add-account",
-		"profile",
-		"sign-out",
-		"open",
-		"close"
-	],
-	setup(f, { expose: N, emit: we }) {
-		let P = {
-			en: {
-				ACCOUNT_MENU: "Account menu",
-				SIGNED_IN_AS: "Signed in as",
-				SWITCH_ACCOUNT: "Switch account",
-				USE_ANOTHER_ACCOUNT: "Use another account",
-				REMOVE_ACCOUNT: "Sign this account out of this browser",
-				PROFILE: "Profile",
-				SIGN_OUT: "Sign out",
-				poweredBy: "Powered by Nubisco Platform"
-			},
-			pt: {
-				ACCOUNT_MENU: "Menu de conta",
-				SIGNED_IN_AS: "Sessão iniciada como",
-				SWITCH_ACCOUNT: "Mudar de conta",
-				USE_ANOTHER_ACCOUNT: "Usar outra conta",
-				REMOVE_ACCOUNT: "Terminar a sessão desta conta neste browser",
-				PROFILE: "Perfil",
-				SIGN_OUT: "Terminar sessão",
-				poweredBy: "Fornecido pela Nubisco Platform"
-			}
-		}, { t: Te, te: Ee, locale: De } = r({ useScope: "global" });
-		function F(e) {
-			if (Ee(e)) return Te(e);
-			let t = e.slice(9);
-			return P[String(De.value).toLowerCase().split("-")[0]]?.[t] ?? P.en[t] ?? e;
-		}
-		let I = f, Oe = re("nb-shell-sidebar-variant", null), L = a(() => I.trigger === "identity" && (Oe?.value ?? "verbose") === "verbose"), ke = a(() => I.user.name?.trim() || I.user.email), R = a(() => {
-			let e = I.user.name?.trim();
-			return e ? e.toLowerCase() === I.user.email.trim().toLowerCase() ? "" : I.user.email : "";
-		}), z = h(!1);
-		le(() => I.user.picture, () => {
-			z.value = !1;
-		});
-		let B = a(() => !!I.user.picture && !z.value), V = a(() => {
-			let e = F("userMenu.poweredBy"), t = e.indexOf(j);
-			return t < 0 ? {
-				prefix: "",
-				name: e
-			} : {
-				prefix: e.slice(0, t),
-				name: e.slice(t)
-			};
-		}), H = we, U = h(null), W = h(null), G = h(!1), K = h({});
-		function q(e) {
-			return n(e);
-		}
-		let { phone: J } = t();
-		function Y() {
-			let e = U.value?.getBoundingClientRect();
-			if (e) {
-				if (J.value) {
-					let t = W.value?.offsetWidth || Ce, n = Math.max(M, window.innerWidth - t - M);
-					K.value = {
-						left: `${Math.round(Math.min(Math.max(e.left, M), n))}px`,
-						bottom: `${Math.round(window.innerHeight - e.top + 8)}px`
-					};
-					return;
-				}
-				I.placement === "top-start" ? K.value = {
-					left: `${Math.round(e.left)}px`,
-					bottom: `${Math.round(window.innerHeight - e.top + 8)}px`
-				} : K.value = {
-					left: `${Math.round(e.right + 12)}px`,
-					bottom: `${Math.round(window.innerHeight - e.bottom)}px`
-				};
-			}
-		}
-		function X() {
-			I.disabled || (G.value ? Z() : (Y(), G.value = !0, H("open"), J.value && ie(Y)));
-		}
-		function Z() {
-			G.value && (G.value = !1, H("close"));
-		}
-		function Ae(e) {
-			e.current || (Z(), H("switch", e));
-		}
-		function je(e) {
-			H("remove", e);
-		}
-		function Me() {
-			Z(), H("switch-account");
-		}
-		function Ne() {
-			Z(), H("add-account");
-		}
-		function Pe() {
-			Z(), H("profile");
-		}
-		function Fe() {
-			Z(), H("sign-out");
-		}
-		function Q(e) {
-			if (!G.value) return;
-			let t = e.target;
-			U.value?.contains(t) || W.value?.contains(t) || Z();
-		}
-		function $(e) {
-			e.key === "Escape" && Z();
-		}
-		return se(() => {
-			document.addEventListener("click", Q), document.addEventListener("keydown", $);
-		}), oe(() => {
-			document.removeEventListener("click", Q), document.removeEventListener("keydown", $);
-		}), N({
-			open: G,
-			toggle: X,
-			close: Z
-		}), (t, n) => (m(), c("div", {
-			ref_key: "rootRef",
-			ref: U,
-			class: p(["nb-user-menu", { "nb-user-menu--identity": L.value }])
-		}, [g(t.$slots, "trigger", {
-			open: G.value,
-			toggle: X
-		}, () => [L.value ? (m(), c("button", {
-			key: 0,
-			type: "button",
-			class: "nb-user-menu__identity",
-			title: I.user.email,
-			"aria-haspopup": "menu",
-			"aria-expanded": G.value,
-			disabled: f.disabled,
-			onClick: X
-		}, [l("span", ye, [B.value ? (m(), c("img", {
-			key: 0,
-			class: "nb-user-menu__picture",
-			src: I.user.picture ?? void 0,
-			alt: "",
-			onError: n[0] ||= (e) => z.value = !0
-		}, null, 40, be)) : (m(), c(i, { key: 1 }, [u(_(q(I.user)), 1)], 64))]), l("span", xe, [l("span", Se, _(ke.value), 1), R.value ? (m(), c("span", y, _(R.value), 1)) : s("", !0)])], 8, ve)) : (m(), c("button", {
-			key: 1,
-			type: "button",
-			class: "nb-user-menu__avatar",
-			title: I.user.email,
-			"aria-label": F("userMenu.ACCOUNT_MENU"),
-			"aria-haspopup": "menu",
-			"aria-expanded": G.value,
-			disabled: f.disabled,
-			onClick: X
-		}, [B.value ? (m(), c("img", {
-			key: 0,
-			class: "nb-user-menu__picture",
-			src: I.user.picture ?? void 0,
-			alt: "",
-			onError: n[1] ||= (e) => z.value = !0
-		}, null, 40, x)) : (m(), c(i, { key: 1 }, [u(_(q(I.user)), 1)], 64))], 8, b))]), (m(), o(te, { to: "body" }, [d(ne, { name: "nb-user-menu-pop" }, {
-			default: ue(() => [G.value ? (m(), c("div", {
-				key: 0,
-				ref_key: "panelRef",
-				ref: W,
-				class: "nb-user-menu__panel",
-				style: ae(K.value),
-				role: "menu"
-			}, [
-				l("p", S, _(F("userMenu.SIGNED_IN_AS")), 1),
-				l("p", C, _(I.user.email), 1),
-				f.showAccountActions ? (m(), c(i, { key: 0 }, [
-					n[2] ||= l("div", {
-						class: "nb-user-menu__divider",
-						role: "separator"
-					}, null, -1),
-					I.accounts && I.accounts.length ? (m(!0), c(i, { key: 0 }, ce(I.accounts, (t) => (m(), c("button", {
-						key: t.id,
-						type: "button",
-						role: "menuitem",
-						class: p(["nb-user-menu__account", { "nb-user-menu__account--current": t.current }]),
-						disabled: t.current,
-						onClick: (e) => Ae(t)
-					}, [l("span", T, [l("span", E, _(t.email), 1), t.name ? (m(), c("span", D, _(t.name), 1)) : s("", !0)]), t.current ? (m(), o(e, {
-						key: 0,
-						name: v(fe),
-						size: 14,
-						class: "nb-user-menu__check"
-					}, null, 8, ["name"])) : t.removable === !1 ? s("", !0) : (m(), o(e, {
-						key: 1,
-						name: v(pe),
-						size: 13,
-						class: "nb-user-menu__remove",
-						title: F("userMenu.REMOVE_ACCOUNT"),
-						onClick: de((e) => je(t), ["stop"])
-					}, null, 8, [
-						"name",
-						"title",
-						"onClick"
-					]))], 10, w))), 128)) : I.accountsUnknown ? (m(), c("button", {
-						key: 1,
-						type: "button",
-						role: "menuitem",
-						class: "nb-user-menu__action",
-						onClick: Me
-					}, [d(e, {
-						name: v(me),
-						size: 15
-					}, null, 8, ["name"]), u(" " + _(F("userMenu.SWITCH_ACCOUNT")), 1)])) : s("", !0),
-					l("button", {
-						type: "button",
-						role: "menuitem",
-						class: "nb-user-menu__action",
-						onClick: Ne
-					}, [d(e, {
-						name: v(he),
-						size: 15
-					}, null, 8, ["name"]), u(" " + _(F("userMenu.USE_ANOTHER_ACCOUNT")), 1)])
-				], 64)) : s("", !0),
-				t.$slots.default ? (m(), c(i, { key: 1 }, [n[3] ||= l("div", {
-					class: "nb-user-menu__divider",
-					role: "separator"
-				}, null, -1), g(t.$slots, "default", { close: Z })], 64)) : s("", !0),
-				n[5] ||= l("div", {
-					class: "nb-user-menu__divider",
-					role: "separator"
-				}, null, -1),
-				f.showProfile ? (m(), c("button", {
-					key: 2,
-					type: "button",
-					role: "menuitem",
-					class: "nb-user-menu__action",
-					onClick: Pe
-				}, [d(e, {
-					name: v(ge),
-					size: 15
-				}, null, 8, ["name"]), u(" " + _(F("userMenu.PROFILE")), 1)])) : s("", !0),
-				l("button", {
-					type: "button",
-					role: "menuitem",
-					class: "nb-user-menu__action nb-user-menu__action--danger",
-					onClick: Fe
-				}, [d(e, {
-					name: v(_e),
-					size: 15
-				}, null, 8, ["name"]), u(" " + _(F("userMenu.SIGN_OUT")), 1)]),
-				I.brand === "none" ? s("", !0) : (m(), c(i, { key: 3 }, [n[4] ||= l("div", {
-					class: "nb-user-menu__divider",
-					role: "separator"
-				}, null, -1), g(t.$slots, "brand", {}, () => [l("p", O, [d(ee, {
-					size: 13,
-					class: "nb-user-menu__mark"
-				}), l("span", k, [u(_(V.value.prefix), 1), l("span", A, _(V.value.name), 1)])])])], 64))
-			], 4)) : s("", !0)]),
-			_: 3
-		})]))], 2));
-	}
-});
-//#endregion
-export { N as t };

package/dist/UserMenu-FhWFKqzy.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./composables/usePhoneLayout.composable.cjs`),n=require(`./utils/initials.helper.cjs`),r=require(`./NubiscoPlatformMark-DV2XeqiT.cjs`),i=require(`./vue-i18n-B_5xehV9.cjs`);let a=require(`vue`),o=require(`@nubisco/ui/icons/check`),s=require(`@nubisco/ui/icons/x`),c=require(`@nubisco/ui/icons/users`),l=require(`@nubisco/ui/icons/plus`),u=require(`@nubisco/ui/icons/user`),d=require(`@nubisco/ui/icons/sign-out`);var f=[`title`,`aria-expanded`,`disabled`],p={class:`nb-user-menu__avatar`,"aria-hidden":`true`},m=[`src`],h={class:`nb-user-menu__identity-text`},g={class:`nb-user-menu__identity-name`},_={key:0,class:`nb-user-menu__identity-email`},v=[`title`,`aria-label`,`aria-expanded`,`disabled`],y=[`src`],b={class:`nb-user-menu__label`},ee={class:`nb-user-menu__email`},te=[`disabled`,`onClick`],ne={class:`nb-user-menu__account-main`},re={class:`nb-user-menu__account-email`},ie={key:0,class:`nb-user-menu__account-name`},ae={class:`nb-user-menu__brand`},x={class:`nb-user-menu__brand-line`},S={class:`nb-user-menu__brand-name`},C=`Nubisco Platform`,w=260,T=8,E=(0,a.defineComponent)({__name:`UserMenu`,props:{user:{},accounts:{default:void 0},accountsUnknown:{type:Boolean,default:!1},showAccountActions:{type:Boolean,default:!0},showProfile:{type:Boolean,default:!0},brand:{default:`footer`},placement:{default:`right-end`},trigger:{default:`avatar`},disabled:{type:Boolean,default:!1}},emits:[`switch`,`remove`,`switch-account`,`add-account`,`profile`,`sign-out`,`open`,`close`],setup(E,{expose:D,emit:O}){let k={en:{ACCOUNT_MENU:`Account menu`,SIGNED_IN_AS:`Signed in as`,SWITCH_ACCOUNT:`Switch account`,USE_ANOTHER_ACCOUNT:`Use another account`,REMOVE_ACCOUNT:`Sign this account out of this browser`,PROFILE:`Profile`,SIGN_OUT:`Sign out`,poweredBy:`Powered by Nubisco Platform`},pt:{ACCOUNT_MENU:`Menu de conta`,SIGNED_IN_AS:`Sessão iniciada como`,SWITCH_ACCOUNT:`Mudar de conta`,USE_ANOTHER_ACCOUNT:`Usar outra conta`,REMOVE_ACCOUNT:`Terminar a sessão desta conta neste browser`,PROFILE:`Perfil`,SIGN_OUT:`Terminar sessão`,poweredBy:`Fornecido pela Nubisco Platform`}},{t:A,te:j,locale:M}=i.t({useScope:`global`});function N(e){if(j(e))return A(e);let t=e.slice(9);return k[String(M.value).toLowerCase().split(`-`)[0]]?.[t]??k.en[t]??e}let P=E,F=(0,a.inject)(`nb-shell-sidebar-variant`,null),I=(0,a.computed)(()=>P.trigger===`identity`&&(F?.value??`verbose`)===`verbose`),oe=(0,a.computed)(()=>P.user.name?.trim()||P.user.email),L=(0,a.computed)(()=>{let e=P.user.name?.trim();return e?e.toLowerCase()===P.user.email.trim().toLowerCase()?``:P.user.email:``}),R=(0,a.ref)(!1);(0,a.watch)(()=>P.user.picture,()=>{R.value=!1});let z=(0,a.computed)(()=>!!P.user.picture&&!R.value),B=(0,a.computed)(()=>{let e=N(`userMenu.poweredBy`),t=e.indexOf(C);return t<0?{prefix:``,name:e}:{prefix:e.slice(0,t),name:e.slice(t)}}),V=O,H=(0,a.ref)(null),U=(0,a.ref)(null),W=(0,a.ref)(!1),G=(0,a.ref)({});function K(e){return n.initialsOf(e)}let{phone:q}=t.usePhoneLayout();function J(){let e=H.value?.getBoundingClientRect();if(e){if(q.value){let t=U.value?.offsetWidth||w,n=Math.max(T,window.innerWidth-t-T);G.value={left:`${Math.round(Math.min(Math.max(e.left,T),n))}px`,bottom:`${Math.round(window.innerHeight-e.top+8)}px`};return}P.placement===`top-start`?G.value={left:`${Math.round(e.left)}px`,bottom:`${Math.round(window.innerHeight-e.top+8)}px`}:G.value={left:`${Math.round(e.right+12)}px`,bottom:`${Math.round(window.innerHeight-e.bottom)}px`}}}function Y(){P.disabled||(W.value?X():(J(),W.value=!0,V(`open`),q.value&&(0,a.nextTick)(J)))}function X(){W.value&&(W.value=!1,V(`close`))}function se(e){e.current||(X(),V(`switch`,e))}function ce(e){V(`remove`,e)}function le(){X(),V(`switch-account`)}function ue(){X(),V(`add-account`)}function de(){X(),V(`profile`)}function Z(){X(),V(`sign-out`)}function Q(e){if(!W.value)return;let t=e.target;H.value?.contains(t)||U.value?.contains(t)||X()}function $(e){e.key===`Escape`&&X()}return(0,a.onMounted)(()=>{document.addEventListener(`click`,Q),document.addEventListener(`keydown`,$)}),(0,a.onBeforeUnmount)(()=>{document.removeEventListener(`click`,Q),document.removeEventListener(`keydown`,$)}),D({open:W,toggle:Y,close:X}),(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{ref_key:`rootRef`,ref:H,class:(0,a.normalizeClass)([`nb-user-menu`,{"nb-user-menu--identity":I.value}])},[(0,a.renderSlot)(t.$slots,`trigger`,{open:W.value,toggle:Y},()=>[I.value?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-user-menu__identity`,title:P.user.email,"aria-haspopup":`menu`,"aria-expanded":W.value,disabled:E.disabled,onClick:Y},[(0,a.createElementVNode)(`span`,p,[z.value?((0,a.openBlock)(),(0,a.createElementBlock)(`img`,{key:0,class:`nb-user-menu__picture`,src:P.user.picture??void 0,alt:``,onError:n[0]||=e=>R.value=!0},null,40,m)):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)((0,a.toDisplayString)(K(P.user)),1)],64))]),(0,a.createElementVNode)(`span`,h,[(0,a.createElementVNode)(`span`,g,(0,a.toDisplayString)(oe.value),1),L.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,_,(0,a.toDisplayString)(L.value),1)):(0,a.createCommentVNode)(``,!0)])],8,f)):((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:1,type:`button`,class:`nb-user-menu__avatar`,title:P.user.email,"aria-label":N(`userMenu.ACCOUNT_MENU`),"aria-haspopup":`menu`,"aria-expanded":W.value,disabled:E.disabled,onClick:Y},[z.value?((0,a.openBlock)(),(0,a.createElementBlock)(`img`,{key:0,class:`nb-user-menu__picture`,src:P.user.picture??void 0,alt:``,onError:n[1]||=e=>R.value=!0},null,40,y)):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[(0,a.createTextVNode)((0,a.toDisplayString)(K(P.user)),1)],64))],8,v))]),((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{to:`body`},[(0,a.createVNode)(a.Transition,{name:`nb-user-menu-pop`},{default:(0,a.withCtx)(()=>[W.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,ref_key:`panelRef`,ref:U,class:`nb-user-menu__panel`,style:(0,a.normalizeStyle)(G.value),role:`menu`},[(0,a.createElementVNode)(`p`,b,(0,a.toDisplayString)(N(`userMenu.SIGNED_IN_AS`)),1),(0,a.createElementVNode)(`p`,ee,(0,a.toDisplayString)(P.user.email),1),E.showAccountActions?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:0},[n[2]||=(0,a.createElementVNode)(`div`,{class:`nb-user-menu__divider`,role:`separator`},null,-1),P.accounts&&P.accounts.length?((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,{key:0},(0,a.renderList)(P.accounts,t=>((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:t.id,type:`button`,role:`menuitem`,class:(0,a.normalizeClass)([`nb-user-menu__account`,{"nb-user-menu__account--current":t.current}]),disabled:t.current,onClick:e=>se(t)},[(0,a.createElementVNode)(`span`,ne,[(0,a.createElementVNode)(`span`,re,(0,a.toDisplayString)(t.email),1),t.name?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,ie,(0,a.toDisplayString)(t.name),1)):(0,a.createCommentVNode)(``,!0)]),t.current?((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:0,name:(0,a.unref)(o.regular),size:14,class:`nb-user-menu__check`},null,8,[`name`])):t.removable===!1?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createBlock)(e.t,{key:1,name:(0,a.unref)(s.regular),size:13,class:`nb-user-menu__remove`,title:N(`userMenu.REMOVE_ACCOUNT`),onClick:(0,a.withModifiers)(e=>ce(t),[`stop`])},null,8,[`name`,`title`,`onClick`]))],10,te))),128)):P.accountsUnknown?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:1,type:`button`,role:`menuitem`,class:`nb-user-menu__action`,onClick:le},[(0,a.createVNode)(e.t,{name:(0,a.unref)(c.regular),size:15},null,8,[`name`]),(0,a.createTextVNode)(` `+(0,a.toDisplayString)(N(`userMenu.SWITCH_ACCOUNT`)),1)])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`button`,{type:`button`,role:`menuitem`,class:`nb-user-menu__action`,onClick:ue},[(0,a.createVNode)(e.t,{name:(0,a.unref)(l.regular),size:15},null,8,[`name`]),(0,a.createTextVNode)(` `+(0,a.toDisplayString)(N(`userMenu.USE_ANOTHER_ACCOUNT`)),1)])],64)):(0,a.createCommentVNode)(``,!0),t.$slots.default?((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[n[3]||=(0,a.createElementVNode)(`div`,{class:`nb-user-menu__divider`,role:`separator`},null,-1),(0,a.renderSlot)(t.$slots,`default`,{close:X})],64)):(0,a.createCommentVNode)(``,!0),n[5]||=(0,a.createElementVNode)(`div`,{class:`nb-user-menu__divider`,role:`separator`},null,-1),E.showProfile?((0,a.openBlock)(),(0,a.createElementBlock)(`button`,{key:2,type:`button`,role:`menuitem`,class:`nb-user-menu__action`,onClick:de},[(0,a.createVNode)(e.t,{name:(0,a.unref)(u.regular),size:15},null,8,[`name`]),(0,a.createTextVNode)(` `+(0,a.toDisplayString)(N(`userMenu.PROFILE`)),1)])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`button`,{type:`button`,role:`menuitem`,class:`nb-user-menu__action nb-user-menu__action--danger`,onClick:Z},[(0,a.createVNode)(e.t,{name:(0,a.unref)(d.regular),size:15},null,8,[`name`]),(0,a.createTextVNode)(` `+(0,a.toDisplayString)(N(`userMenu.SIGN_OUT`)),1)]),P.brand===`none`?(0,a.createCommentVNode)(``,!0):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:3},[n[4]||=(0,a.createElementVNode)(`div`,{class:`nb-user-menu__divider`,role:`separator`},null,-1),(0,a.renderSlot)(t.$slots,`brand`,{},()=>[(0,a.createElementVNode)(`p`,ae,[(0,a.createVNode)(r.t,{size:13,class:`nb-user-menu__mark`}),(0,a.createElementVNode)(`span`,x,[(0,a.createTextVNode)((0,a.toDisplayString)(B.value.prefix),1),(0,a.createElementVNode)(`span`,S,(0,a.toDisplayString)(B.value.name),1)])])])],64))],4)):(0,a.createCommentVNode)(``,!0)]),_:3})]))],2))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return E}});