@nubisco/ui 5.2.0 → 5.3.0

package/dist/ui.css

@@ -36,10 +36,12 @@
 .nb-data-table[data-v-e2562ae7]{--nb-dt-row-height:calc(var(--nb-base-unit) * 6);--nb-dt-cell-pad-x:calc(var(--nb-base-unit) * 2);--nb-dt-font-size:var(--nb-font-size-14);background:var(--nb-c-surface);width:100%;color:var(--nb-c-text);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel);font-size:var(--nb-dt-font-size);flex-direction:column;display:flex;overflow:hidden}.nb-data-table--sm[data-v-e2562ae7]{--nb-dt-row-height:calc(var(--nb-base-unit) * 4);--nb-dt-cell-pad-x:calc(var(--nb-base-unit) * 1.5);--nb-dt-font-size:var(--nb-font-size-13)}.nb-data-table--lg[data-v-e2562ae7]{--nb-dt-row-height:calc(var(--nb-base-unit) * 8);--nb-dt-cell-pad-x:calc(var(--nb-base-unit) * 2.5)}.nb-data-table__toolbar[data-v-e2562ae7]{justify-content:space-between;align-items:center;gap:calc(var(--nb-base-unit) * 2);min-height:calc(var(--nb-base-unit) * 6);padding-inline:var(--nb-dt-cell-pad-x);border-bottom:1px solid var(--nb-c-border);display:flex;position:relative}.nb-data-table__toolbar-heading[data-v-e2562ae7]{min-width:0}.nb-data-table__title[data-v-e2562ae7]{font-size:var(--nb-font-size-16);margin:0;font-weight:600;line-height:1.3}.nb-data-table__description[data-v-e2562ae7]{font-size:var(--nb-font-size-13);color:var(--nb-c-text-muted);margin:2px 0 0}.nb-data-table__toolbar-tools[data-v-e2562ae7]{align-items:center;gap:var(--nb-base-unit);flex-shrink:0;display:flex}.nb-data-table__batch[data-v-e2562ae7]{align-items:center;gap:calc(var(--nb-base-unit) * 2);padding-inline:var(--nb-dt-cell-pad-x);background:var(--nb-c-primary);color:var(--nb-c-primary-a11y);display:flex;position:absolute;inset:0}.nb-data-table__batch-count[data-v-e2562ae7]{color:inherit;font-weight:600}.nb-data-table__batch-actions[data-v-e2562ae7]{align-items:center;gap:var(--nb-base-unit);flex:1;display:flex}.nb-data-table__batch-cancel[data-v-e2562ae7],.nb-data-table__batch-actions[data-v-e2562ae7] .nb-button--ghost{color:inherit}.nb-data-table__batch-cancel[data-v-e2562ae7]:hover:not(:disabled),.nb-data-table__batch-actions[data-v-e2562ae7] .nb-button--ghost:hover:not(:disabled){background:var(--nb-c-primary-hover,#ffffff29)}.nb-data-table__scroll[data-v-e2562ae7]{width:100%;overflow:auto}.nb-data-table__table[data-v-e2562ae7]{border-collapse:collapse;table-layout:auto;width:100%}.nb-data-table__th[data-v-e2562ae7]{height:var(--nb-dt-row-height);padding-inline:var(--nb-dt-cell-pad-x);text-align:left;font-weight:600;font-size:inherit;color:var(--nb-c-text);background:var(--nb-c-surface-raised);border-bottom:1px solid var(--nb-c-border);white-space:nowrap;vertical-align:middle}.nb-data-table__th--center[data-v-e2562ae7]{text-align:center}.nb-data-table__th--right[data-v-e2562ae7]{text-align:right}.nb-data-table__th--sortable[data-v-e2562ae7]{padding:0}.nb-data-table__sort[data-v-e2562ae7]{justify-content:space-between;align-items:center;gap:var(--nb-base-unit);width:100%;height:var(--nb-dt-row-height);padding-inline:var(--nb-dt-cell-pad-x);color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;font-weight:600;transition:background .15s;display:inline-flex}.nb-data-table__sort[data-v-e2562ae7]:hover{background:var(--nb-c-surface-hover)}.nb-data-table__sort[data-v-e2562ae7]:focus-visible{outline:1px solid var(--nb-c-focus-ring);outline-offset:-1px}.nb-data-table__th--center .nb-data-table__sort[data-v-e2562ae7]{justify-content:center}.nb-data-table__th--right .nb-data-table__sort[data-v-e2562ae7]{flex-direction:row-reverse}.nb-data-table__sort-icon[data-v-e2562ae7]{font-size:var(--nb-font-size-14);color:var(--nb-c-text-subtle);opacity:0;flex-shrink:0;transition:opacity .15s}.nb-data-table__th--sortable:hover .nb-data-table__sort-icon[data-v-e2562ae7]{opacity:1}.nb-data-table__th--sorted .nb-data-table__sort-icon[data-v-e2562ae7]{opacity:1;color:var(--nb-c-primary)}.nb-data-table__td[data-v-e2562ae7]{height:var(--nb-dt-row-height);padding-inline:var(--nb-dt-cell-pad-x);padding-block:calc(var(--nb-base-unit) / 2);border-bottom:1px solid var(--nb-c-border);vertical-align:middle;color:var(--nb-c-text)}.nb-data-table__td--center[data-v-e2562ae7]{text-align:center}.nb-data-table__td--right[data-v-e2562ae7]{text-align:right}.nb-data-table__row[data-v-e2562ae7]{transition:background .15s}.nb-data-table__row:hover .nb-data-table__td[data-v-e2562ae7]{background:var(--nb-c-surface-hover)}.nb-data-table__row--clickable[data-v-e2562ae7]{cursor:pointer}.nb-data-table__row--selected .nb-data-table__td[data-v-e2562ae7]{background:var(--nb-c-bg-soft)}.nb-data-table__row--selected:hover .nb-data-table__td[data-v-e2562ae7]{background:color-mix(in srgb, var(--nb-c-contrast) 6%, var(--nb-c-bg-soft))}.nb-data-table--zebra .nb-data-table__row:nth-child(2n) .nb-data-table__td[data-v-e2562ae7]{background:var(--nb-c-bg-soft)}.nb-data-table--zebra .nb-data-table__row:hover .nb-data-table__td[data-v-e2562ae7]{background:var(--nb-c-surface-hover)}.nb-data-table__body .nb-data-table__row:last-child .nb-data-table__td[data-v-e2562ae7]{border-bottom:none}.nb-data-table__col-select[data-v-e2562ae7],.nb-data-table__col-actions[data-v-e2562ae7]{width:calc(var(--nb-base-unit) * 6)}.nb-data-table__select-cell[data-v-e2562ae7],.nb-data-table__actions-cell[data-v-e2562ae7]{text-align:center;white-space:nowrap;min-width:calc(var(--nb-base-unit) * 6)}.nb-data-table__select-cell[data-v-e2562ae7]{width:calc(var(--nb-base-unit) * 6);padding-inline:0}.nb-data-table__radio[data-v-e2562ae7]{width:16px;height:16px;accent-color:var(--nb-c-primary);cursor:pointer;margin:0}.nb-data-table__actions-cell[data-v-e2562ae7]{padding-inline:var(--nb-base-unit)}.nb-data-table--sticky .nb-data-table__head .nb-data-table__th[data-v-e2562ae7]{z-index:1;position:sticky;top:0}.nb-data-table--fill[data-v-e2562ae7],.nb-data-table--fill .nb-data-table__scroll[data-v-e2562ae7]{flex:1;min-height:0}.nb-data-table--fill .nb-data-table__toolbar[data-v-e2562ae7],.nb-data-table--fill .nb-data-table__footer[data-v-e2562ae7]{flex:none}.nb-data-table__state[data-v-e2562ae7]{padding:calc(var(--nb-base-unit) * 6) var(--nb-dt-cell-pad-x);text-align:center;color:var(--nb-c-text-muted)}.nb-data-table__state[data-v-e2562ae7] *{vertical-align:middle}.nb-data-table__state--error[data-v-e2562ae7]{color:var(--nb-c-danger)}.nb-data-table__state-inner[data-v-e2562ae7]{display:inline-flex}.nb-data-table__skeleton[data-v-e2562ae7]{background:linear-gradient(90deg, var(--nb-c-bg-soft) 25%, var(--nb-c-surface-hover) 37%, var(--nb-c-bg-soft) 63%);background-size:400% 100%;width:100%;max-width:180px;height:12px;animation:1.4s infinite nb-data-table-shimmer-e2562ae7;display:block}.nb-data-table__skeleton--box[data-v-e2562ae7]{width:16px;height:16px;margin-inline:auto}@keyframes nb-data-table-shimmer-e2562ae7{0%{background-position:100%}to{background-position:0}}.nb-sr-only[data-v-e2562ae7]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
 .nb-date-picker{gap:var(--nb-field-label-gap);font-family:var(--nb-font-family-sans,sans-serif);--field-h:var(--nb-field-height-md);flex-direction:column;display:flex;position:relative}.nb-date-picker--sm{--field-h:var(--nb-field-height-sm)}.nb-date-picker--md{--field-h:var(--nb-field-height-md)}.nb-date-picker--lg{--field-h:var(--nb-field-height-lg)}.nb-date-picker__fields{flex:1}.nb-date-picker__col{gap:var(--nb-field-label-gap);flex-direction:column;flex:1;min-width:0;display:flex}.nb-date-picker__input-wrapper{background:var(--nb-c-field-bg);border:var(--nb-field-border-width,0) solid var(--nb-c-field-border);border-bottom:1px solid var(--nb-c-field-border);border-radius:var(--nb-field-radius,0);flex:1;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.nb-date-picker__input-wrapper--focused{outline:2px solid var(--nb-c-primary);outline-offset:-2px}.nb-date-picker__input-wrapper--error{border-color:var(--nb-c-danger);box-shadow:inset 0 calc(-1px * var(--nb-field-status-emphasis,1)) 0 0 var(--nb-c-danger)}.nb-date-picker__input-wrapper--warning{border-color:var(--nb-c-warning);box-shadow:inset 0 calc(-1px * var(--nb-field-status-emphasis,1)) 0 0 var(--nb-c-warning)}.nb-date-picker__input-wrapper--disabled{opacity:var(--nb-field-disabled-opacity);cursor:not-allowed}.nb-date-picker__input-wrapper--readonly{background:0 0}.nb-date-picker__input-wrapper--fluid{min-height:calc(var(--nb-base-unit) * 8);flex-direction:column;align-items:stretch;padding-top:8px}.nb-date-picker__field{min-width:0;height:var(--field-h);padding:0 var(--nb-field-padding-h);font-family:inherit;font-size:var(--nb-field-font-size);color:var(--nb-c-text);font-weight:400;line-height:var(--nb-field-line-height);background:0 0;border:none;outline:none;flex:1}.nb-date-picker__field::placeholder{color:var(--nb-c-text-subtle)}.nb-date-picker__field:disabled{cursor:not-allowed}.nb-date-picker__field:read-only{cursor:default}.nb-date-picker__input-wrapper--fluid .nb-date-picker__field{height:auto;padding:0 var(--nb-field-padding-h) 10px;font-size:var(--nb-font-size-14);flex:1}.nb-date-picker__icon{padding:0 var(--nb-field-padding-h) 0 0;color:var(--nb-c-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.nb-date-picker__icon:hover:not(:disabled){color:var(--nb-c-text)}.nb-date-picker__icon:disabled{cursor:not-allowed}.nb-date-picker__input-wrapper--fluid .nb-date-picker__icon{padding:0 var(--nb-field-padding-h) 10px 0}.nb-date-picker__inner-header{padding:0 var(--nb-field-padding-h);align-items:center;gap:4px;margin-bottom:4px;display:flex}.nb-date-picker__inner-label{min-width:0;font-size:var(--nb-font-size-12);color:var(--nb-c-text-muted);letter-spacing:.02em;cursor:default;-webkit-user-select:none;user-select:none;flex:1;font-weight:500}.nb-date-picker__asterisk{color:var(--nb-c-danger)}.nb-date-picker__fluid-row{flex:1;align-items:center;display:flex}.nb-date-picker__message{font-size:var(--nb-font-size-12)}.nb-date-picker__calendar{background:var(--nb-c-surface);border:1px solid var(--nb-c-border);border-radius:var(--nb-radius-popover);--nb-radius-context:var(--nb-radius-popover);box-sizing:border-box;width:336px;padding:4px 4px 8px;box-shadow:0 2px 6px #0003}.nb-date-picker__cal-header{align-items:center;padding:8px 4px;display:flex}.nb-date-picker__cal-nav{width:32px;height:32px;color:var(--nb-c-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex}.nb-date-picker__cal-nav:hover{color:var(--nb-c-text)}.nb-date-picker__cal-nav:focus-visible{outline:2px solid var(--nb-c-focus-ring,var(--nb-c-primary));outline-offset:-2px}.nb-date-picker__cal-title{text-align:center;color:var(--nb-c-text);flex:1;font-size:.875rem;font-weight:600}.nb-date-picker__cal-table{border-collapse:collapse;width:100%;padding:0 4px}.nb-date-picker__cal-table td{text-align:center;padding:0}.nb-date-picker__cal-weekdays th{padding:0}.nb-date-picker__cal-weekday{height:32px;color:var(--nb-c-text-muted);letter-spacing:.02em;text-align:center;vertical-align:middle;font-size:.6875rem;font-weight:600}.nb-date-picker__cal-day{width:40px;height:40px;color:var(--nb-c-text);cursor:pointer;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;margin:0 auto;font-size:.875rem;font-weight:400;transition:background .1s,color .1s;display:flex;position:relative}.nb-date-picker__cal-day:hover:not(:disabled){background:var(--nb-c-surface-hover)}.nb-date-picker__cal-day--outside{color:var(--nb-c-text-muted)}.nb-date-picker__cal-day--today{color:var(--nb-c-primary);font-weight:600}.nb-date-picker__cal-day--today:after{content:"";background:var(--nb-c-primary);border-radius:var(--nb-radius-circle);width:4px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.nb-date-picker__cal-day{border-radius:var(--nb-radius-control)}.nb-date-picker__cal-day--selected{background:var(--nb-c-primary);color:var(--nb-c-primary-a11y);font-weight:600}.nb-date-picker__cal-day--selected:after{display:none}.nb-date-picker__cal-day--selected:hover:not(:disabled){background:color-mix(in srgb, var(--nb-c-primary) 85%, var(--nb-c-black))}.nb-date-picker__cal-day--in-range{background:color-mix(in srgb, var(--nb-c-primary) 15%, transparent);border-radius:0}.nb-date-picker__cal-day--range-start{border-start-start-radius:var(--nb-radius-control);border-end-start-radius:var(--nb-radius-control)}.nb-date-picker__cal-day--range-end{border-start-end-radius:var(--nb-radius-control);border-end-end-radius:var(--nb-radius-control)}.nb-date-picker__cal-day--range-start,.nb-date-picker__cal-day--range-end{background:var(--nb-c-primary);color:var(--nb-c-primary-a11y)}.nb-date-picker__cal-day--disabled{color:var(--nb-c-text-muted);opacity:.4;cursor:not-allowed}.nb-date-picker__cal-day--focused,.nb-date-picker__cal-day:focus-visible{border-color:var(--nb-c-focus-ring,var(--nb-c-primary));outline:none}
 .nb-definition-list[data-v-5fe6417f]{--nb-definition-list-row-y:var(--nb-spacing-8);flex-direction:column;margin:0;display:flex}.nb-definition-list--compact[data-v-5fe6417f]{--nb-definition-list-row-y:var(--nb-spacing-4)}.nb-definition-list__row[data-v-5fe6417f]{gap:var(--nb-spacing-4) var(--nb-spacing-16);padding-block:var(--nb-definition-list-row-y);align-items:baseline;display:grid}.nb-definition-list--dividers .nb-definition-list__row+.nb-definition-list__row[data-v-5fe6417f]{border-top:1px solid var(--nb-c-border)}.nb-definition-list--columns .nb-definition-list__row[data-v-5fe6417f]{grid-template-columns:var(--nb-definition-list-term-w) 1fr}.nb-definition-list--stacked .nb-definition-list__row[data-v-5fe6417f]{grid-template-columns:1fr}.nb-definition-list--auto[data-v-5fe6417f]{container-type:inline-size}.nb-definition-list--auto .nb-definition-list__row[data-v-5fe6417f]{grid-template-columns:1fr}@container (width>=360px){.nb-definition-list--auto .nb-definition-list__row[data-v-5fe6417f]{grid-template-columns:var(--nb-definition-list-term-w) 1fr}}[data-v-5fe6417f] .nb-definition-list__term{font-size:var(--nb-font-size-12);color:var(--nb-c-text-subtle);overflow-wrap:anywhere;margin:0;line-height:1.4}[data-v-5fe6417f] .nb-definition-list__value{font-size:var(--nb-font-size-14);color:var(--nb-c-text);overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.4}[data-v-5fe6417f] .nb-definition-list__empty{color:var(--nb-c-text-subtle)}
+.nb-drag-handle[data-v-40e077eb]{padding:calc(var(--nb-base-unit) * .25);border-radius:var(--nb-radius-control);--nb-radius-context:var(--nb-radius-control);color:var(--nb-c-text-subtle);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:color var(--nb-animation-fast) ease, background-color var(--nb-animation-fast) ease;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.nb-drag-handle[data-v-40e077eb]:hover{color:var(--nb-c-text);background:var(--nb-c-surface-hover)}.nb-drag-handle[data-v-40e077eb]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px;color:var(--nb-c-text)}.nb-drag-handle[data-v-40e077eb]:disabled{cursor:not-allowed;color:var(--nb-c-component-disabled);background:0 0}.nb-drag-handle[draggable=true][data-v-40e077eb]{-webkit-user-drag:element}.nb-drag-handle--dragging[data-v-40e077eb]{cursor:grabbing;color:var(--nb-c-text)}.nb-drag-handle--grabbed[data-v-40e077eb]{color:var(--nb-c-primary);box-shadow:inset 0 0 0 1px var(--nb-c-primary)}.nb-drag-handle__glyph[data-v-40e077eb]{pointer-events:none}.nb-drag-handle__sr[data-v-40e077eb]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.nb-drag-handle[data-v-40e077eb]{transition:none}}html.nb-drag-handle-grabbing,html.nb-drag-handle-grabbing *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}
 .nb-empty-state[data-v-0508480f]{text-align:center;justify-content:center;align-items:center;gap:var(--nb-spacing-4);padding:var(--nb-spacing-32) var(--nb-spacing-16);--nb-empty-state-measure:44ch;flex-direction:column;display:flex}.nb-empty-state--sm[data-v-0508480f]{padding:var(--nb-spacing-16);--nb-empty-state-measure:36ch}.nb-empty-state--bordered[data-v-0508480f]{border:1px dashed var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel)}.nb-empty-state__icon[data-v-0508480f]{color:var(--nb-c-text-subtle);margin:0 0 var(--nb-spacing-8);display:flex}.nb-empty-state--error .nb-empty-state__icon[data-v-0508480f]{color:var(--nb-c-status-error)}.nb-empty-state__title[data-v-0508480f]{font-size:var(--nb-font-size-14);font-weight:var(--nb-font-weight-semibold,600);color:var(--nb-c-text);margin:0;line-height:1.4}.nb-empty-state--md .nb-empty-state__title[data-v-0508480f]{font-size:var(--nb-font-size-16)}.nb-empty-state__description[data-v-0508480f]{max-width:var(--nb-empty-state-measure);font-size:var(--nb-font-size-14);color:var(--nb-c-text-subtle);margin:0;line-height:1.5}.nb-empty-state__actions[data-v-0508480f]{justify-content:center;align-items:center;gap:var(--nb-spacing-8);margin:var(--nb-spacing-12) 0 0;flex-wrap:wrap;display:flex}
 .nb-field[data-v-aae1dce4]{grid-template-columns:var(--nb-field-label-width,8rem) minmax(0, 1fr);align-items:center;column-gap:var(--nb-field-col-gap,12px);row-gap:2px;min-width:0;display:grid}.nb-field--align-start[data-v-aae1dce4]{align-items:start}.nb-field--stack[data-v-aae1dce4]{row-gap:var(--nb-field-label-gap);grid-template-columns:minmax(0,1fr)}.nb-field--control-fit[data-v-aae1dce4]{grid-template-columns:minmax(0,1fr) auto}.nb-field--control-fit .nb-field__control[data-v-aae1dce4]{justify-self:end}.nb-field__label[data-v-aae1dce4]{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--nb-font-family-sans);font-weight:500;font-size:var(--nb-font-size-12,12px);color:var(--nb-c-text-muted);cursor:default;-webkit-user-select:none;user-select:none;line-height:1.3;overflow:hidden}.nb-field__control[data-v-aae1dce4]{min-width:0}.nb-field__hint[data-v-aae1dce4]{font-size:var(--nb-font-size-11,11px);color:var(--nb-c-text-subtle,var(--nb-c-text-muted));grid-column:2;line-height:1.3}.nb-field--stack .nb-field__hint[data-v-aae1dce4]{grid-column:1}
 .nb-file-uploader[data-v-7f391a7f]{flex-direction:column;gap:.75rem;display:flex}.nb-file-uploader__heading[data-v-7f391a7f]{color:var(--nb-c-text);margin:0;font-size:1rem;font-weight:600}.nb-file-uploader__description[data-v-7f391a7f]{color:var(--nb-c-text-muted);border-left:3px solid var(--nb-c-border);margin:0;padding-left:.75rem;font-size:.875rem;line-height:1.5}.nb-file-uploader__input[data-v-7f391a7f]{display:none}.nb-file-uploader__btn[data-v-7f391a7f]{align-self:flex-start}.nb-file-uploader__dropzone[data-v-7f391a7f]{border:2px dashed var(--nb-c-border);border-radius:var(--nb-radius-panel);--nb-radius-context:var(--nb-radius-panel);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:2rem 1.5rem;transition:border-color .15s,background .15s;display:flex}.nb-file-uploader__dropzone--primary[data-v-7f391a7f]{background:color-mix(in srgb, var(--nb-c-primary) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-primary) 60%, transparent)}.nb-file-uploader__dropzone--primary .nb-file-uploader__drop-label[data-v-7f391a7f]{color:var(--nb-c-primary)}.nb-file-uploader__dropzone--secondary[data-v-7f391a7f]{background:color-mix(in srgb, var(--nb-c-secondary) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-secondary) 60%, transparent)}.nb-file-uploader__dropzone--secondary .nb-file-uploader__drop-label[data-v-7f391a7f]{color:var(--nb-c-secondary)}.nb-file-uploader__dropzone--danger[data-v-7f391a7f]{background:color-mix(in srgb, var(--nb-c-danger) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-danger) 60%, transparent)}.nb-file-uploader__dropzone--danger .nb-file-uploader__drop-label[data-v-7f391a7f]{color:var(--nb-c-danger)}.nb-file-uploader__dropzone--success[data-v-7f391a7f]{background:color-mix(in srgb, var(--nb-c-success) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-success) 60%, transparent)}.nb-file-uploader__dropzone--success .nb-file-uploader__drop-label[data-v-7f391a7f]{color:var(--nb-c-success)}.nb-file-uploader__dropzone--warning[data-v-7f391a7f]{background:color-mix(in srgb, var(--nb-c-warning) 6%, transparent);border-color:color-mix(in srgb, var(--nb-c-warning) 60%, transparent)}.nb-file-uploader__dropzone--warning .nb-file-uploader__drop-label[data-v-7f391a7f]{color:var(--nb-c-warning)}.nb-file-uploader__drop-label[data-v-7f391a7f]{pointer-events:none;font-size:.9rem;line-height:1.6}.nb-file-uploader__list[data-v-7f391a7f]{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nb-file-uploader__item[data-v-7f391a7f]{background:var(--nb-c-surface);color:var(--nb-c-text);border:1px solid #0000;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;padding:.6rem .875rem;font-size:.9rem;transition:border-color .15s;display:grid}.nb-file-uploader__item--error[data-v-7f391a7f]{border-color:var(--nb-c-danger)}.nb-file-uploader__name[data-v-7f391a7f]{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;padding-right:.5rem;overflow:hidden}.nb-file-uploader__status[data-v-7f391a7f]{grid-area:1/2;align-items:center;gap:.25rem;display:flex}.nb-file-uploader__error[data-v-7f391a7f]{color:var(--nb-c-danger);border-top:1px solid var(--nb-c-border);grid-area:2/1/auto/-1;margin-top:.35rem;padding-top:.35rem;font-size:.8125rem}.nb-file-uploader__remove[data-v-7f391a7f]{cursor:pointer;color:var(--nb-c-text-muted);background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex}.nb-file-uploader__remove[data-v-7f391a7f]:hover{color:var(--nb-c-text)}.nb-file-uploader__spinner[data-v-7f391a7f]{color:var(--nb-c-primary);animation:.8s linear infinite nb-spin-7f391a7f}.nb-file-uploader__check[data-v-7f391a7f]{color:var(--nb-c-primary)}.nb-file-uploader__warn[data-v-7f391a7f]{color:var(--nb-c-danger)}@keyframes nb-spin-7f391a7f{to{transform:rotate(360deg)}}
 .nb-flag[data-v-7bdc2000]{height:fit-content;line-height:1em;display:flex;position:relative}.nb-flag[data-v-7bdc2000]:not(.box-clickable){pointer-events:none}.nb-flag--lg[data-v-7bdc2000]{width:32px;max-width:32px;max-height:32px}.nb-flag--md[data-v-7bdc2000]{width:20px;max-width:20px;max-height:20px}.nb-flag--sm[data-v-7bdc2000]{width:16px;max-width:16px;max-height:16px}
+.nb-floating-toolbar[data-v-3aac4230]{z-index:var(--nb-zindex-menu);align-items:center;gap:calc(var(--nb-base-unit) * .5);padding:calc(var(--nb-base-unit) * .5);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) * .5) calc(var(--nb-base-unit) * 2) var(--nb-c-scrim);white-space:nowrap;animation:nb-floating-toolbar-in-3aac4230 var(--nb-animation-fast) ease-out;display:flex;position:fixed}.nb-floating-toolbar--vertical[data-v-3aac4230]{flex-direction:column;align-items:stretch}.nb-floating-toolbar--anchor-hidden[data-v-3aac4230]{visibility:hidden}@keyframes nb-floating-toolbar-in-3aac4230{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.nb-floating-toolbar[data-v-3aac4230]{animation:none}}
 .nb-image-cropper[data-v-718b196d]{-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:inline-block;position:relative;overflow:hidden}.nb-image-cropper .canvas-container[data-v-718b196d]{width:100%;height:auto;display:inline-block;position:relative}.nb-image-cropper .canvas-container canvas[data-v-718b196d]{max-width:100%;height:auto;display:block}.nb-image-cropper .resize-handle[data-v-718b196d]{background:var(--nb-c-surface);border:1px solid var(--nb-c-border);z-index:1;width:10px;height:10px;position:absolute}.nb-image-cropper .resize-handle.top-left[data-v-718b196d]{cursor:nwse-resize}.nb-image-cropper .resize-handle.top[data-v-718b196d]{cursor:ns-resize}.nb-image-cropper .resize-handle.top-right[data-v-718b196d]{cursor:nesw-resize}.nb-image-cropper .resize-handle.right[data-v-718b196d]{cursor:ew-resize}.nb-image-cropper .resize-handle.bottom-right[data-v-718b196d]{cursor:nwse-resize}.nb-image-cropper .resize-handle.bottom[data-v-718b196d]{cursor:ns-resize}.nb-image-cropper .resize-handle.bottom-left[data-v-718b196d]{cursor:nesw-resize}.nb-image-cropper .resize-handle.left[data-v-718b196d]{cursor:ew-resize}.nb-image-cropper .cropped-image-preview[data-v-718b196d]{right:calc(var(--nb-base-unit,8px) * 2);bottom:calc(var(--nb-base-unit,8px) * 2);border-radius:var(--nb-radius-control-sm);height:calc(var(--nb-base-unit,8px) * 14);border:dotted 1px var(--nb-c-border);background:var(--nb-c-surface);-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:20px;position:absolute;overflow:hidden}.nb-image-cropper .cropped-image-preview ul[data-v-718b196d]{min-width:calc(var(--nb-base-unit,8px) * 9);background:var(--nb-c-contrast);color:var(--nb-c-surface);font-size:var(--nb-font-size-10,10px);padding:calc(var(--nb-base-unit,8px) / 2);line-height:var(--nb-font-size-14,14px)}.nb-image-cropper .cropped-image-preview img[data-v-718b196d]{object-fit:contain;object-position:center;width:100%;height:100%}
 .nb-info-hint[data-v-05620511]{vertical-align:middle;align-items:center;display:inline-flex}.nb-info-hint--trigger[data-v-05620511]{color:var(--nb-c-text-subtle);cursor:help;border-radius:var(--nb-radius-pill);transition:color var(--nb-animation-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.nb-info-hint--trigger[data-v-05620511]:hover,.nb-info-hint--trigger.nb-info-hint--trigger-open[data-v-05620511]{color:var(--nb-c-text)}.nb-info-hint--trigger[data-v-05620511]:focus-visible{outline:2px solid var(--nb-c-focus-ring);outline-offset:2px;color:var(--nb-c-text)}.nb-info-hint--trigger[data-v-05620511]:disabled{cursor:default;color:var(--nb-c-component-disabled)}.nb-info-hint--popover[data-v-05620511]{z-index:var(--nb-zindex-tooltip);max-width:calc(var(--nb-base-unit) * 34);padding:calc(var(--nb-base-unit) * 1.25) calc(var(--nb-base-unit) * 1.5);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) * .5) calc(var(--nb-base-unit) * 2) var(--nb-c-scrim);text-align:left;animation:nb-info-hint-in-05620511 var(--nb-animation-fast) ease-out;position:fixed}.nb-info-hint--title[data-v-05620511]{margin:0 0 calc(var(--nb-base-unit) * .5);font-family:var(--nb-type-label-md-family);font-size:var(--nb-type-label-md-size);font-weight:var(--nb-type-label-md-weight);line-height:var(--nb-type-label-md-line-height);color:var(--nb-c-text)}.nb-info-hint--body[data-v-05620511]{font-family:var(--nb-type-body-sm-family);font-size:var(--nb-type-body-sm-size);font-weight:var(--nb-type-body-sm-weight);line-height:var(--nb-type-body-sm-line-height);color:var(--nb-c-text-muted)}.nb-info-hint--body[data-v-05620511] p{margin:0 0 calc(var(--nb-base-unit) * .5)}.nb-info-hint--body[data-v-05620511] p:last-child{margin-bottom:0}.nb-info-hint--body[data-v-05620511] code{font-family:var(--nb-font-family-mono);font-size:var(--nb-font-size-11)}.nb-info-hint--popover[data-v-05620511]:after{content:"";width:var(--nb-base-unit);height:var(--nb-base-unit);background:var(--nb-c-surface);border:1px solid var(--nb-c-border);position:absolute;transform:rotate(45deg)}.nb-info-hint--popover-top[data-v-05620511]:after{bottom:calc(var(--nb-base-unit) / -2 - 1px);left:var(--nb-info-hint-arrow-offset,50%);margin-left:calc(var(--nb-base-unit) / -2);border-top:none;border-left:none}.nb-info-hint--popover-bottom[data-v-05620511]:after{top:calc(var(--nb-base-unit) / -2 - 1px);left:var(--nb-info-hint-arrow-offset,50%);margin-left:calc(var(--nb-base-unit) / -2);border-bottom:none;border-right:none}.nb-info-hint--popover-left[data-v-05620511]:after{right:calc(var(--nb-base-unit) / -2 - 1px);top:var(--nb-info-hint-arrow-offset,50%);margin-top:calc(var(--nb-base-unit) / -2);border-bottom:none;border-left:none}.nb-info-hint--popover-right[data-v-05620511]:after{left:calc(var(--nb-base-unit) / -2 - 1px);top:var(--nb-info-hint-arrow-offset,50%);margin-top:calc(var(--nb-base-unit) / -2);border-top:none;border-right:none}@keyframes nb-info-hint-in-05620511{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.nb-info-hint--popover[data-v-05620511]{animation:none}.nb-info-hint--trigger[data-v-05620511]{transition:none}}
 .nb-inline-edit__text[data-v-f27298c9]{align-items:baseline;gap:calc(var(--nb-base-unit) * .75);max-width:100%;padding:calc(var(--nb-base-unit) * .25) calc(var(--nb-base-unit) * .75);margin:0;border-radius:var(--nb-radius-control-sm);--nb-radius-context:var(--nb-radius-control-sm);color:inherit;text-align:start;cursor:text;background:0 0;border:0;margin-inline-start:calc(var(--nb-base-unit) * -.75);display:inline-flex}.nb-inline-edit__text span[data-v-f27298c9]{overflow-wrap:anywhere}.nb-inline-edit__text .nb-inline-edit__pencil[data-v-f27298c9]{color:var(--nb-c-text-subtle);opacity:0;flex:none;align-self:center;transition:opacity .12s}.nb-inline-edit__text[data-v-f27298c9]:hover:not(.is-disabled){background:var(--nb-c-surface-hover)}.nb-inline-edit__text:hover:not(.is-disabled) .nb-inline-edit__pencil[data-v-f27298c9]{opacity:1}.nb-inline-edit__text[data-v-f27298c9]:focus-visible{outline:2px solid var(--nb-c-focus-ring,var(--nb-c-primary));outline-offset:1px}.nb-inline-edit__text:focus-visible .nb-inline-edit__pencil[data-v-f27298c9]{opacity:1}.nb-inline-edit__text.is-disabled[data-v-f27298c9]{cursor:default}.nb-inline-edit__placeholder[data-v-f27298c9]{color:var(--nb-c-text-subtle)}.nb-inline-edit__input[data-v-f27298c9]{width:100%;padding:calc(var(--nb-base-unit) * .25) calc(var(--nb-base-unit) * .75);border:1px solid var(--nb-c-primary);border-radius:var(--nb-field-radius,0);background:var(--nb-c-surface);color:inherit;margin:0;margin-inline-start:calc(var(--nb-base-unit) * -.75)}.nb-inline-edit__input[data-v-f27298c9]:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--nb-c-primary) 30%, transparent);outline:none}.nb-inline-edit__text--md[data-v-f27298c9],.nb-inline-edit__input--md[data-v-f27298c9]{font-family:var(--nb-type-body-md-family,var(--nb-font-family-sans));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);letter-spacing:var(--nb-type-body-md-letter-spacing,normal)}.nb-inline-edit__text--lg[data-v-f27298c9],.nb-inline-edit__input--lg[data-v-f27298c9]{font-family:var(--nb-type-heading-01-family,var(--nb-font-family-sans));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);letter-spacing:var(--nb-type-heading-01-letter-spacing,normal)}.nb-inline-edit__text--xl[data-v-f27298c9],.nb-inline-edit__input--xl[data-v-f27298c9]{font-family:var(--nb-type-heading-02-family,var(--nb-font-family-sans));font-size:var(--nb-type-heading-02-size);font-weight:var(--nb-type-heading-02-weight);line-height:var(--nb-type-heading-02-line-height);letter-spacing:var(--nb-type-heading-02-letter-spacing,normal)}

package/package.json

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