rappel-ui 1.0.14 → 1.0.15

package/cjs/theme-chalk/src/button.css

@@ -1 +1 @@
-.re-button{font-size:var(--re-base-font-size);text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;user-select:none;vertical-align:middle;-webkit-appearance:none;appearance:none;background-color:var(--re-button-bgcolor);height:32px;color:var(--re-button-color);border-style:solid;border-width:1px;border-color:var(--re-button-border-color);border-radius:4px;outline:none;justify-content:center;align-items:center;padding:8px 16px;line-height:1;transition:width 50ms,height 50ms,background-color 30ms,transform 30ms;display:inline-flex;position:relative}.re-button__content{align-items:center;display:inline-flex}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.re-button__loading{animation:2s linear infinite rotating}.re-button__loading+*{margin-left:4px}.re-button__icon{width:1em;height:1em}.re-button__icon+span{margin-left:4px}.re-button.is-dashed{border-style:dashed}.re-button.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-link,.re-button.is-text{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-link{height:auto;padding:2px;text-decoration:underline}.re-button.is-text{height:auto;padding:0}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{border:0 solid #0000;height:32px;padding:8px 16px}.re-button.is-plain:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base);--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-round{border-radius:20px}.re-button.is-circle{border-radius:50%;width:32px;padding:8px}.re-button+.re-button{margin-left:10px}.re-button{--re-button-bgcolor:var(--re-color-fill-blank);--re-button-color:var(--re-color-text-base);--re-button-border-color:var(--re-color-border-base)}.re-button:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-4)}.re-button:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-5);transition:transform;transform:scale(.98)}.re-button:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-border-darker)}.re-button.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-fill-blank);--re-button-border-color:var(--re-color-border-base);--re-button-color:var(--re-color-text-lighter)}.re-button.is-link,.re-button.is-text{--re-button-color:var(--re-color-text-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:hover:not(.is-disabled),.re-button.is-text:hover:not(.is-disabled),.re-button.is-link:active:not(.is-disabled),.re-button.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link.is-disabled,.re-button.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-text-lighter)}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{--re-button-border-color:transparent}.re-button.is-text.is-text-padding:hover:not(.is-disabled),.re-button.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button.is-text.is-text-padding:active:not(.is-disabled),.re-button.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary{--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-base)}.re-button--primary:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-hover)}.re-button--primary:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active);transition:transform;transform:scale(.98)}.re-button--primary:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain,.re-button--primary.is-dashed{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-6);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-plain:hover:not(.is-disabled),.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base)}.re-button--primary.is-plain.is-disabled,.re-button--primary.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-border-color:var(--re-color-primary-active);--re-button-color:var(--re-color-primary-active)}.re-button--primary.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--primary.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-primary-shade-4);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-link,.re-button--primary.is-text{--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:hover:not(.is-disabled),.re-button--primary.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:active:not(.is-disabled),.re-button--primary.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link.is-disabled,.re-button--primary.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-text.is-text-padding,.re-button--primary.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--primary.is-text.is-text-padding:hover:not(.is-disabled),.re-button--primary.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--primary.is-text.is-text-padding:active:not(.is-disabled),.re-button--primary.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--primary.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success{--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-base)}.re-button--success:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-hover)}.re-button--success:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active);transition:transform;transform:scale(.98)}.re-button--success:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-success-shade-4)}.re-button--success.is-plain,.re-button--success.is-dashed{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-6);--re-button-color:var(--re-color-success-base)}.re-button--success.is-plain:hover:not(.is-disabled),.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-success-base)}.re-button--success.is-plain.is-disabled,.re-button--success.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-color:var(--re-color-success-base)}.re-button--success.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-2);--re-button-border-color:var(--re-color-success-active);--re-button-color:var(--re-color-success-active)}.re-button--success.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--success.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-success-shade-4);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-link,.re-button--success.is-text{--re-button-color:var(--re-color-success-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:hover:not(.is-disabled),.re-button--success.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-success-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:active:not(.is-disabled),.re-button--success.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-success-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link.is-disabled,.re-button--success.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-text.is-text-padding,.re-button--success.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--success.is-text.is-text-padding:hover:not(.is-disabled),.re-button--success.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--success.is-text.is-text-padding:active:not(.is-disabled),.re-button--success.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--success.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger{--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-base)}.re-button--danger:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-hover)}.re-button--danger:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active);transition:transform;transform:scale(.98)}.re-button--danger:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain,.re-button--danger.is-dashed{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-6);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-plain:hover:not(.is-disabled),.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-danger-base)}.re-button--danger.is-plain.is-disabled,.re-button--danger.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-2);--re-button-border-color:var(--re-color-danger-active);--re-button-color:var(--re-color-danger-active)}.re-button--danger.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--danger.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-danger-shade-4);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-link,.re-button--danger.is-text{--re-button-color:var(--re-color-danger-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:hover:not(.is-disabled),.re-button--danger.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-danger-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:active:not(.is-disabled),.re-button--danger.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-danger-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link.is-disabled,.re-button--danger.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-text.is-text-padding,.re-button--danger.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--danger.is-text.is-text-padding:hover:not(.is-disabled),.re-button--danger.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--danger.is-text.is-text-padding:active:not(.is-disabled),.re-button--danger.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--danger.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning{--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-base)}.re-button--warning:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-hover)}.re-button--warning:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active);transition:transform;transform:scale(.98)}.re-button--warning:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain,.re-button--warning.is-dashed{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-6);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-plain:hover:not(.is-disabled),.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-warning-base)}.re-button--warning.is-plain.is-disabled,.re-button--warning.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-2);--re-button-border-color:var(--re-color-warning-active);--re-button-color:var(--re-color-warning-active)}.re-button--warning.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--warning.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-warning-shade-4);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-link,.re-button--warning.is-text{--re-button-color:var(--re-color-warning-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:hover:not(.is-disabled),.re-button--warning.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-warning-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:active:not(.is-disabled),.re-button--warning.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-warning-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link.is-disabled,.re-button--warning.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-text.is-text-padding,.re-button--warning.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--warning.is-text.is-text-padding:hover:not(.is-disabled),.re-button--warning.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--warning.is-text.is-text-padding:active:not(.is-disabled),.re-button--warning.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--warning.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info{--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-base)}.re-button--info:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-hover)}.re-button--info:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active);transition:transform;transform:scale(.98)}.re-button--info:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-info-shade-4)}.re-button--info.is-plain,.re-button--info.is-dashed{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-6);--re-button-color:var(--re-color-info-base)}.re-button--info.is-plain:hover:not(.is-disabled),.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-info-base)}.re-button--info.is-plain.is-disabled,.re-button--info.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-color:var(--re-color-info-base)}.re-button--info.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-2);--re-button-border-color:var(--re-color-info-active);--re-button-color:var(--re-color-info-active)}.re-button--info.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--info.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-info-shade-4);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-link,.re-button--info.is-text{--re-button-color:var(--re-color-info-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:hover:not(.is-disabled),.re-button--info.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-info-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:active:not(.is-disabled),.re-button--info.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-info-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link.is-disabled,.re-button--info.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-text.is-text-padding,.re-button--info.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--info.is-text.is-text-padding:hover:not(.is-disabled),.re-button--info.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--info.is-text.is-text-padding:active:not(.is-disabled),.re-button--info.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--info.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--large{border-radius:4px;height:40px;padding:12px 20px;font-size:16px}.re-button--large.is-circle{width:40px;padding:12px}.re-button--small{border-radius:4px;height:28px;padding:6px 12px;font-size:12px}.re-button--small.is-circle{width:28px;padding:6px}.re-button--mini{border-radius:2px;height:24px;padding:4px 8px;font-size:12px}.re-button--mini.is-circle{width:24px;padding:4px}
+.re-button{font-size:var(--re-base-font-size);text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;user-select:none;vertical-align:middle;-webkit-appearance:none;appearance:none;background-color:var(--re-button-bgcolor);height:32px;color:var(--re-button-color);border-style:solid;border-width:1px;border-color:var(--re-button-border-color);border-radius:4px;outline:none;justify-content:center;align-items:center;padding:8px 16px;line-height:1;transition:width 50ms,height 50ms,background-color 30ms,transform 30ms;display:inline-flex;position:relative}.re-button__content{align-items:center;display:inline-flex}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.re-button__loading{animation:2s linear infinite rotating}.re-button__loading+*{margin-left:4px}.re-button__icon{width:1em;height:1em}.re-button__icon+span{margin-left:4px}.re-button.is-dashed{border-style:dashed}.re-button.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-link,.re-button.is-text{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-link{height:auto;padding:2px;text-decoration:underline}.re-button.is-text{height:auto;padding:0}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{border:0 solid #0000;height:32px;padding:8px 16px}.re-button.is-plain:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base);--re-button-bgcolor:var(--re-color-fill-blank)}.re-button.is-round{border-radius:20px}.re-button.is-circle{border-radius:50%;width:32px;padding:8px}.re-button+.re-button{margin-left:10px}.re-button{--re-button-bgcolor:var(--re-color-fill-blank);--re-button-color:var(--re-color-text-base);--re-button-border-color:var(--re-color-border-base)}.re-button:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-4)}.re-button:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-color:var(--re-color-primary-base);--re-button-border-color:var(--re-color-primary-shade-5);transition:transform;transform:scale(.99)}.re-button:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-border-darker)}.re-button.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-fill-blank);--re-button-border-color:var(--re-color-border-base);--re-button-color:var(--re-color-text-lighter)}.re-button.is-link,.re-button.is-text{--re-button-color:var(--re-color-text-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link:hover:not(.is-disabled),.re-button.is-text:hover:not(.is-disabled),.re-button.is-link:active:not(.is-disabled),.re-button.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button.is-link.is-disabled,.re-button.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-text-lighter)}.re-button.is-text.is-text-padding,.re-button.is-text.is-text-bg{--re-button-border-color:transparent}.re-button.is-text.is-text-padding:hover:not(.is-disabled),.re-button.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button.is-text.is-text-padding:active:not(.is-disabled),.re-button.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary{--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-base)}.re-button--primary:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-hover)}.re-button--primary:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active);transition:transform;transform:scale(.99)}.re-button--primary:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain,.re-button--primary.is-dashed{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-6);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-plain:hover:not(.is-disabled),.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-primary-base)}.re-button--primary.is-plain.is-disabled,.re-button--primary.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-base);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-primary-active)}.re-button--primary.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-1);--re-button-color:var(--re-color-primary-base)}.re-button--primary.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-primary-shade-2);--re-button-border-color:var(--re-color-primary-active);--re-button-color:var(--re-color-primary-active)}.re-button--primary.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--primary.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-primary-shade-4);--re-button-border-color:var(--re-color-primary-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--primary.is-link,.re-button--primary.is-text{--re-button-color:var(--re-color-primary-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:hover:not(.is-disabled),.re-button--primary.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-primary-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link:active:not(.is-disabled),.re-button--primary.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-primary-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--primary.is-link.is-disabled,.re-button--primary.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-primary-shade-4)}.re-button--primary.is-text.is-text-padding,.re-button--primary.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--primary.is-text.is-text-padding:hover:not(.is-disabled),.re-button--primary.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--primary.is-text.is-text-padding:active:not(.is-disabled),.re-button--primary.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--primary.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--primary.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--primary.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success{--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-base)}.re-button--success:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-hover)}.re-button--success:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active);transition:transform;transform:scale(.99)}.re-button--success:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-success-shade-4)}.re-button--success.is-plain,.re-button--success.is-dashed{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-6);--re-button-color:var(--re-color-success-base)}.re-button--success.is-plain:hover:not(.is-disabled),.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-success-base)}.re-button--success.is-plain.is-disabled,.re-button--success.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-base);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-success-active)}.re-button--success.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-1);--re-button-color:var(--re-color-success-base)}.re-button--success.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-success-shade-2);--re-button-border-color:var(--re-color-success-active);--re-button-color:var(--re-color-success-active)}.re-button--success.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--success.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-success-shade-4);--re-button-border-color:var(--re-color-success-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--success.is-link,.re-button--success.is-text{--re-button-color:var(--re-color-success-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:hover:not(.is-disabled),.re-button--success.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-success-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link:active:not(.is-disabled),.re-button--success.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-success-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--success.is-link.is-disabled,.re-button--success.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-success-shade-4)}.re-button--success.is-text.is-text-padding,.re-button--success.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--success.is-text.is-text-padding:hover:not(.is-disabled),.re-button--success.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--success.is-text.is-text-padding:active:not(.is-disabled),.re-button--success.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--success.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--success.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--success.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger{--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-base)}.re-button--danger:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-hover)}.re-button--danger:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active);transition:transform;transform:scale(.99)}.re-button--danger:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain,.re-button--danger.is-dashed{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-6);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-plain:hover:not(.is-disabled),.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-danger-base)}.re-button--danger.is-plain.is-disabled,.re-button--danger.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-base);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-danger-active)}.re-button--danger.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-1);--re-button-color:var(--re-color-danger-base)}.re-button--danger.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-danger-shade-2);--re-button-border-color:var(--re-color-danger-active);--re-button-color:var(--re-color-danger-active)}.re-button--danger.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--danger.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-danger-shade-4);--re-button-border-color:var(--re-color-danger-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--danger.is-link,.re-button--danger.is-text{--re-button-color:var(--re-color-danger-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:hover:not(.is-disabled),.re-button--danger.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-danger-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link:active:not(.is-disabled),.re-button--danger.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-danger-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--danger.is-link.is-disabled,.re-button--danger.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-danger-shade-4)}.re-button--danger.is-text.is-text-padding,.re-button--danger.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--danger.is-text.is-text-padding:hover:not(.is-disabled),.re-button--danger.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--danger.is-text.is-text-padding:active:not(.is-disabled),.re-button--danger.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--danger.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--danger.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--danger.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning{--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-base)}.re-button--warning:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-hover)}.re-button--warning:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active);transition:transform;transform:scale(.99)}.re-button--warning:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain,.re-button--warning.is-dashed{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-6);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-plain:hover:not(.is-disabled),.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-warning-base)}.re-button--warning.is-plain.is-disabled,.re-button--warning.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-base);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-warning-active)}.re-button--warning.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-1);--re-button-color:var(--re-color-warning-base)}.re-button--warning.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-warning-shade-2);--re-button-border-color:var(--re-color-warning-active);--re-button-color:var(--re-color-warning-active)}.re-button--warning.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--warning.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-warning-shade-4);--re-button-border-color:var(--re-color-warning-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--warning.is-link,.re-button--warning.is-text{--re-button-color:var(--re-color-warning-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:hover:not(.is-disabled),.re-button--warning.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-warning-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link:active:not(.is-disabled),.re-button--warning.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-warning-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--warning.is-link.is-disabled,.re-button--warning.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-warning-shade-4)}.re-button--warning.is-text.is-text-padding,.re-button--warning.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--warning.is-text.is-text-padding:hover:not(.is-disabled),.re-button--warning.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--warning.is-text.is-text-padding:active:not(.is-disabled),.re-button--warning.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--warning.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--warning.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--warning.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info{--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-base)}.re-button--info:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-hover);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-hover)}.re-button--info:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active);transition:transform;transform:scale(.99)}.re-button--info:focus-visible:not(.is-disabled){outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:var(--re-color-info-shade-4)}.re-button--info.is-plain,.re-button--info.is-dashed{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-6);--re-button-color:var(--re-color-info-base)}.re-button--info.is-plain:hover:not(.is-disabled),.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-border-color:var(--re-color-info-base)}.re-button--info.is-plain.is-disabled,.re-button--info.is-dashed.is-disabled{--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-plain:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-base);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-plain:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-active);--re-button-color:var(--re-color-text-lightest);--re-button-border-color:var(--re-color-info-active)}.re-button--info.is-dashed:hover:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-1);--re-button-color:var(--re-color-info-base)}.re-button--info.is-dashed:active:not(.is-disabled){--re-button-bgcolor:var(--re-color-info-shade-2);--re-button-border-color:var(--re-color-info-active);--re-button-color:var(--re-color-info-active)}.re-button--info.is-loading:before{z-index:1;content:"";pointer-events:none;border-radius:inherit;background-color:#ffffff4d;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.re-button--info.is-disabled{cursor:not-allowed;--re-button-bgcolor:var(--re-color-info-shade-4);--re-button-border-color:var(--re-color-info-shade-4);--re-button-color:var(--re-color-fill-blank)}.re-button--info.is-link,.re-button--info.is-text{--re-button-color:var(--re-color-info-base);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:hover:not(.is-disabled),.re-button--info.is-text:hover:not(.is-disabled){--re-button-color:var(--re-color-info-hover);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link:active:not(.is-disabled),.re-button--info.is-text:active:not(.is-disabled){--re-button-color:var(--re-color-info-active);--re-button-bgcolor:transparent;--re-button-border-color:transparent}.re-button--info.is-link.is-disabled,.re-button--info.is-text.is-disabled{--re-button-border-color:var(--re-color-fill-transparent);--re-button-bgcolor:var(--re-color-fill-transparent);--re-button-color:var(--re-color-info-shade-4)}.re-button--info.is-text.is-text-padding,.re-button--info.is-text.is-text-bg{--re-button-border-color:transparent}.re-button--info.is-text.is-text-padding:hover:not(.is-disabled),.re-button--info.is-text.is-text-bg:hover:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-light)}.re-button--info.is-text.is-text-padding:active:not(.is-disabled),.re-button--info.is-text.is-text-bg:active:not(.is-disabled){--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-base)}.re-button--info.is-text.is-text-padding{--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-padding.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-transparent)}.re-button--info.is-text.is-text-bg{--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--info.is-text.is-text-bg.is-disabled{--re-button-border-color:transparent;--re-button-bgcolor:var(--re-color-fill-lighter)}.re-button--large{border-radius:4px;height:40px;padding:12px 20px;font-size:16px}.re-button--large.is-circle{width:40px;padding:12px}.re-button--small{border-radius:4px;height:28px;padding:6px 12px;font-size:12px}.re-button--small.is-circle{width:28px;padding:6px}.re-button--mini{border-radius:2px;height:24px;padding:4px 8px;font-size:12px}.re-button--mini.is-circle{width:24px;padding:4px}

package/es/components/filter-panel/index.d.ts

@@ -8,9 +8,9 @@ export declare const ReFilterPanel: {
         toggle: () => void;
         update: () => void;
         isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-        innerH: import('vue').ShallowRef<number, number>;
-        innerW: import('vue').ShallowRef<number, number>;
-        wrapperW: import('vue').ShallowRef<number, number>;
+        innerH: import('vue').ShallowRef<number>;
+        innerW: import('vue').ShallowRef<number>;
+        wrapperW: import('vue').ShallowRef<number>;
         maxH: import('vue').ComputedRef<number>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:isExpand": (value: boolean) => any;
@@ -29,9 +29,9 @@ export declare const ReFilterPanel: {
         toggle: () => void;
         update: () => void;
         isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-        innerH: import('vue').ShallowRef<number, number>;
-        innerW: import('vue').ShallowRef<number, number>;
-        wrapperW: import('vue').ShallowRef<number, number>;
+        innerH: import('vue').ShallowRef<number>;
+        innerW: import('vue').ShallowRef<number>;
+        wrapperW: import('vue').ShallowRef<number>;
         maxH: import('vue').ComputedRef<number>;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
@@ -45,9 +45,9 @@ export declare const ReFilterPanel: {
     toggle: () => void;
     update: () => void;
     isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-    innerH: import('vue').ShallowRef<number, number>;
-    innerW: import('vue').ShallowRef<number, number>;
-    wrapperW: import('vue').ShallowRef<number, number>;
+    innerH: import('vue').ShallowRef<number>;
+    innerW: import('vue').ShallowRef<number>;
+    wrapperW: import('vue').ShallowRef<number>;
     maxH: import('vue').ComputedRef<number>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:isExpand": (value: boolean) => any;

package/es/components/filter-panel/src/filter-panel.vue.d.ts

@@ -27,9 +27,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     toggle: () => void;
     update: () => void;
     isExpand: import('vue').ModelRef<boolean, string, boolean, boolean>;
-    innerH: import('vue').ShallowRef<number, number>;
-    innerW: import('vue').ShallowRef<number, number>;
-    wrapperW: import('vue').ShallowRef<number, number>;
+    innerH: import('vue').ShallowRef<number>;
+    innerW: import('vue').ShallowRef<number>;
+    wrapperW: import('vue').ShallowRef<number>;
     maxH: import('vue').ComputedRef<number>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:isExpand": (value: boolean) => any;

package/es/components/filter-panel/src/filter-panel.vue_vue_type_script_setup_true_lang.mjs

@@ -1,6 +1,6 @@
 import { ArrowDownward as e, ArrowUpward as t } from "../../../svg-icons/dist/es/index.mjs";
 import { useNamespace as n } from "../../../composables/use-namespace/index.mjs";
-import { useElementSize as r, useMutationObserver as i } from "../../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
+import { useElementSize as r, useMutationObserver as i } from "../../../node_modules/.pnpm/@vueuse_core@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.mjs";
 import "../../../composables/index.mjs";
 import { ReButton as a } from "../../button/index.mjs";
 import "../style/index.mjs";

package/es/components/popconfirm/index.d.ts

@@ -1,12 +1,16 @@
 export * from './src/types.ts';
 export declare const RePopconfirm: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./index.ts').PopconfirmProps> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./index.ts').PopconfirmProps & {
+        visible?: boolean;
+    }> & Readonly<{
         onCancel?: ((e: MouseEvent) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         onConfirm?: ((e: MouseEvent) => any) | undefined;
     }>, {
         tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         cancel: (e: MouseEvent) => any;
+        "update:visible": (value: boolean) => any;
         confirm: (e: MouseEvent) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -15,8 +19,11 @@ export declare const RePopconfirm: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./index.ts').PopconfirmProps> & Readonly<{
+    }, Readonly<import('./index.ts').PopconfirmProps & {
+        visible?: boolean;
+    }> & Readonly<{
         onCancel?: ((e: MouseEvent) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
         onConfirm?: ((e: MouseEvent) => any) | undefined;
     }>, {
         tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
@@ -24,20 +31,24 @@ export declare const RePopconfirm: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./index.ts').PopconfirmProps> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./index.ts').PopconfirmProps & {
+    visible?: boolean;
+}> & Readonly<{
     onCancel?: ((e: MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     onConfirm?: ((e: MouseEvent) => any) | undefined;
 }>, {
     tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (e: MouseEvent) => any;
+    "update:visible": (value: boolean) => any;
     confirm: (e: MouseEvent) => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?: (props: {}) => any;
     } & {
         icon?: (props: {
-            icon: string | import('vue').Component | undefined;
+            icon: any;
         }) => any;
     } & {
         title?: (props: {

package/es/components/popconfirm/src/popconfirm.vue.d.ts

@@ -1,6 +1,11 @@
 import { PopconfirmProps } from './types';
+type __VLS_Props = PopconfirmProps;
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_15: {}, __VLS_17: {
-    icon: string | import('vue').Component | undefined;
+    icon: any;
 }, __VLS_24: {
     title: string;
 }, __VLS_26: {
@@ -42,13 +47,15 @@ type __VLS_Slots = {} & {
 } & {
     confirm?: (props: typeof __VLS_42) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<PopconfirmProps, {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     tooltipRef: Readonly<import('vue').ShallowRef<any, any>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cancel: (e: MouseEvent) => any;
+    "update:visible": (value: boolean) => any;
     confirm: (e: MouseEvent) => any;
-}, string, import('vue').PublicProps, Readonly<PopconfirmProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCancel?: ((e: MouseEvent) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
     onConfirm?: ((e: MouseEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs

@@ -2,12 +2,12 @@ import { getIcon as e } from "../../../svg-icons/dist/es/index.mjs";
 import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
 import "../../../composables/index.mjs";
 import { filterNodeTypes as n } from "../../tooltip/src/constants.mjs";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, h as f, normalizeClass as p, openBlock as m, renderSlot as h, resolveComponent as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useSlots as b, useTemplateRef as x, withCtx as S } from "vue";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, h as f, mergeModels as p, normalizeClass as m, openBlock as h, renderSlot as g, resolveComponent as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useModel as x, useSlots as S, useTemplateRef as C, withCtx as w } from "vue";
 //#region packages/components/popconfirm/src/popconfirm.vue?vue&type=script&setup=true&lang.ts
-var C = ["innerHTML"], w = /*@__PURE__*/ d({
+var T = ["innerHTML"], E = /*@__PURE__*/ d({
 	name: "RePopconfirm",
 	__name: "popconfirm",
-	props: {
+	props: /*@__PURE__*/ p({
 		icon: { default: "help" },
 		showIcon: {
 			type: Boolean,
@@ -20,10 +20,7 @@ var C = ["innerHTML"], w = /*@__PURE__*/ d({
 		confirmText: { default: "Yes" },
 		confirmType: { default: "primary" },
 		confirmSize: { default: "mini" },
-		visible: {
-			type: Boolean,
-			default: () => void 0
-		},
+		visible: { type: Boolean },
 		content: { default: "" },
 		isHtml: {
 			type: Boolean,
@@ -111,36 +108,43 @@ var C = ["innerHTML"], w = /*@__PURE__*/ d({
 			default: () => void 0
 		},
 		virtualRef: { default: () => void 0 }
-	},
-	emits: ["confirm", "cancel"],
-	setup(d, { expose: w, emit: T }) {
-		let { n: E, ns: D } = t("popconfirm"), O = T, k = i(() => [E(), d.floatingClass]), A = b(), j = i(() => {
+	}, {
+		visible: {
+			type: Boolean,
+			default: void 0
+		},
+		visibleModifiers: {}
+	}),
+	emits: /*@__PURE__*/ p(["confirm", "cancel"], ["update:visible"]),
+	setup(d, { expose: p, emit: E }) {
+		let { n: D, ns: O } = t("popconfirm"), k = x(d, "visible"), A = E, j = i(() => [D(), d.floatingClass]), M = S(), N = i(() => {
 			var e, t;
-			let r = A == null || (e = A.default) == null || (e = e.call(A)) == null ? void 0 : e.filter((e) => e && !n.includes(e.type.toString()))[0];
+			let r = M == null || (e = M.default) == null || (e = e.call(M)) == null ? void 0 : e.filter((e) => e && !n.includes(e.type.toString()))[0];
 			return (r == null || (t = r.type) == null ? void 0 : t.toString()) === "Symbol(v-txt)" ? f("span", {}, r) : r;
-		}), M = i(() => e(d.icon)), N = x("tooltipRef"), P = (e) => {
+		}), P = i(() => e(d.icon)), F = C("tooltipRef"), I = (e) => {
 			var t;
-			O("cancel", e), (t = N.value) == null || t.delayHide();
-		}, F = (e) => {
+			A("cancel", e), (t = F.value) == null || t.delayHide();
+		}, L = (e) => {
 			var t;
-			O("confirm", e), (t = N.value) == null || t.delayHide();
+			A("confirm", e), (t = F.value) == null || t.delayHide();
 		};
-		return w({ tooltipRef: N }), (e, t) => {
-			let n = g("re-button"), i = g("re-tooltip");
-			return m(), a(i, {
+		return p({ tooltipRef: F }), (e, t) => {
+			let n = _("re-button"), i = _("re-tooltip");
+			return h(), a(i, {
 				ref_key: "tooltipRef",
-				ref: N,
+				ref: F,
+				visible: k.value,
+				"onUpdate:visible": t[0] || (t[0] = (e) => k.value = e),
 				width: d.width,
 				height: d.height,
 				"max-width": d.maxWidth,
 				"max-height": d.maxHeight,
-				"floating-class": k.value,
+				"floating-class": j.value,
 				"floating-style": d.floatingStyle,
 				disabled: d.disabled,
 				theme: d.theme,
 				placement: d.placement,
 				trigger: d.trigger,
-				visible: d.visible,
 				"reverse-theme": d.reverseTheme,
 				"show-delay": d.showDelay,
 				"hide-delay": d.hideDelay,
@@ -167,68 +171,68 @@ var C = ["innerHTML"], w = /*@__PURE__*/ d({
 				"is-virtual": d.isVirtual,
 				"virtual-ref": d.virtualRef
 			}, {
-				content: S(() => [
-					h(e.$slots, "header", {}, () => [c("div", { class: p([y(D)("header")]) }, [h(e.$slots, "icon", { icon: M.value }, () => [d.showIcon ? (m(), s(r, { key: 0 }, [typeof M.value == "string" ? (m(), s("i", {
+				content: w(() => [
+					g(e.$slots, "header", {}, () => [c("div", { class: m([b(O)("header")]) }, [g(e.$slots, "icon", { icon: P.value }, () => [d.showIcon ? (h(), s(r, { key: 0 }, [typeof P.value == "string" ? (h(), s("i", {
 						key: 0,
-						class: p([y(D)("icon"), M.value]),
+						class: m([b(O)("icon"), P.value]),
 						"aria-hidden": "true"
-					}, null, 2)) : (m(), a(_(M.value), {
+					}, null, 2)) : (h(), a(v(P.value), {
 						key: 1,
-						class: p([y(D)("icon")]),
+						class: m([b(O)("icon")]),
 						"aria-hidden": "true"
-					}, null, 8, ["class"]))], 64)) : o("", !0)]), h(e.$slots, "title", { title: d.title }, () => [c("div", { class: p([y(D)("title")]) }, v(d.title), 3)])], 2)]),
-					h(e.$slots, "content", { content: d.content }, () => [d.isHtml ? (m(), s("div", {
+					}, null, 8, ["class"]))], 64)) : o("", !0)]), g(e.$slots, "title", { title: d.title }, () => [c("div", { class: m([b(O)("title")]) }, y(d.title), 3)])], 2)]),
+					g(e.$slots, "content", { content: d.content }, () => [d.isHtml ? (h(), s("div", {
 						key: 0,
-						class: p([y(D)("content")]),
+						class: m([b(O)("content")]),
 						innerHTML: d.content
-					}, null, 10, C)) : (m(), s("div", {
+					}, null, 10, T)) : (h(), s("div", {
 						key: 1,
-						class: p([y(D)("content")])
-					}, v(d.content), 3))]),
-					h(e.$slots, "footer", {
-						cancel: P,
+						class: m([b(O)("content")])
+					}, y(d.content), 3))]),
+					g(e.$slots, "footer", {
+						cancel: I,
 						cancelSize: d.cancelSize,
 						cancelType: d.cancelType,
 						cancelText: d.cancelText,
-						confirm: F,
+						confirm: L,
 						confirmSize: d.confirmSize,
 						confirmType: d.confirmType,
 						confirmText: d.confirmText
-					}, () => [c("div", { class: p([y(D)("footer")]) }, [
-						h(e.$slots, "cancel", {
-							cancel: P,
+					}, () => [c("div", { class: m([b(O)("footer")]) }, [
+						g(e.$slots, "cancel", {
+							cancel: I,
 							cancelSize: d.cancelSize,
 							cancelType: d.cancelType,
 							cancelText: d.cancelText
 						}, () => [u(n, {
 							size: d.cancelSize,
 							type: d.cancelType,
-							onClick: P
+							onClick: I
 						}, {
-							default: S(() => [l(v(d.cancelText), 1)]),
+							default: w(() => [l(y(d.cancelText), 1)]),
 							_: 1
 						}, 8, ["size", "type"])]),
-						h(e.$slots, "extra"),
-						h(e.$slots, "confirm", {
-							confirm: F,
+						g(e.$slots, "extra"),
+						g(e.$slots, "confirm", {
+							confirm: L,
 							confirmSize: d.confirmSize,
 							confirmType: d.confirmType,
 							confirmText: d.confirmText
 						}, () => [u(n, {
 							size: d.confirmSize,
 							type: d.confirmType,
-							onClick: F
+							onClick: L
 						}, {
-							default: S(() => [l(v(d.confirmText), 1)]),
+							default: w(() => [l(y(d.confirmText), 1)]),
 							_: 1
 						}, 8, ["size", "type"])])
 					], 2)])
 				]),
-				default: S(() => [(m(), a(_(j.value)))]),
+				default: w(() => [(h(), a(v(N.value)))]),
 				_: 3
-			}, 8, /* @__PURE__ */ "width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.visible.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref".split("."));
+			}, 8, /* @__PURE__ */ "visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref".split("."));
 		};
 	}
 });
 //#endregion
-export { w as default };
+export { E as default };

package/es/components/popover/index.d.ts

@@ -1,17 +1,33 @@
 export * from './src/types';
 export declare const RePopover: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').PopoverProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').PopoverProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:visible": (value: boolean) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('.').PopoverProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('.').PopoverProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('.').PopoverProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<import('.').PopoverProps & {
+    visible?: boolean;
+}> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         title?: (props: {}) => any;
     } & {

package/es/components/popover/src/popover.vue.d.ts

@@ -1,11 +1,20 @@
 import { PopoverProps } from './types';
+type __VLS_Props = PopoverProps;
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_14: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_14) => any;
 } & {
     content?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<PopoverProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PopoverProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs

@@ -1,17 +1,14 @@
 import { useNamespace as e } from "../../../composables/use-namespace/index.mjs";
 import "../../../composables/index.mjs";
 import { filterNodeTypes as t } from "../../tooltip/src/constants.mjs";
-import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, h as s, normalizeClass as c, openBlock as l, renderSlot as u, resolveComponent as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, useSlots as h, withCtx as g } from "vue";
+import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, h as s, mergeModels as c, normalizeClass as l, openBlock as u, renderSlot as d, resolveComponent as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, useModel as g, useSlots as _, withCtx as v } from "vue";
 //#region packages/components/popover/src/popover.vue?vue&type=script&setup=true&lang.ts
-var _ = ["innerHTML"], v = /*@__PURE__*/ o({
+var y = ["innerHTML"], b = /*@__PURE__*/ o({
 	name: "RePopover",
 	__name: "popover",
-	props: {
+	props: /*@__PURE__*/ c({
 		title: { default: "" },
-		visible: {
-			type: Boolean,
-			default: () => void 0
-		},
+		visible: { type: Boolean },
 		content: { default: "" },
 		isHtml: {
 			type: Boolean,
@@ -99,27 +96,35 @@ var _ = ["innerHTML"], v = /*@__PURE__*/ o({
 			default: () => void 0
 		},
 		virtualRef: { default: () => void 0 }
-	},
+	}, {
+		visible: {
+			type: Boolean,
+			default: void 0
+		},
+		visibleModifiers: {}
+	}),
+	emits: ["update:visible"],
 	setup(o) {
-		let { n: v, ns: y } = e("popover"), b = n(() => [v(), o.floatingClass]), x = h(), S = n(() => {
+		let { n: c, ns: b } = e("popover"), x = g(o, "visible"), S = n(() => [c(), o.floatingClass]), C = _(), w = n(() => {
 			var e, n;
-			let r = x == null || (e = x.default) == null || (e = e.call(x)) == null ? void 0 : e.filter((e) => e && !t.includes(e.type.toString()))[0];
+			let r = C == null || (e = C.default) == null || (e = e.call(C)) == null ? void 0 : e.filter((e) => e && !t.includes(e.type.toString()))[0];
 			return (r == null || (n = r.type) == null ? void 0 : n.toString()) === "Symbol(v-txt)" ? s("span", {}, r) : r;
 		});
 		return (e, t) => {
-			let n = d("re-tooltip");
-			return l(), r(n, {
+			let n = f("re-tooltip");
+			return u(), r(n, {
+				visible: x.value,
+				"onUpdate:visible": t[0] || (t[0] = (e) => x.value = e),
 				width: o.width,
 				height: o.height,
 				"max-width": o.maxWidth,
 				"max-height": o.maxHeight,
-				"floating-class": b.value,
+				"floating-class": S.value,
 				"floating-style": o.floatingStyle,
 				disabled: o.disabled,
 				theme: o.theme,
 				placement: o.placement,
 				trigger: o.trigger,
-				visible: o.visible,
 				"reverse-theme": o.reverseTheme,
 				"show-delay": o.showDelay,
 				"hide-delay": o.hideDelay,
@@ -146,19 +151,19 @@ var _ = ["innerHTML"], v = /*@__PURE__*/ o({
 				"is-virtual": o.isVirtual,
 				"virtual-ref": o.virtualRef
 			}, {
-				content: g(() => [u(e.$slots, "title", {}, () => [a("div", { class: c([m(y)("title")]) }, p(o.title), 3)]), u(e.$slots, "content", {}, () => [o.isHtml ? (l(), i("div", {
+				content: v(() => [d(e.$slots, "title", {}, () => [a("div", { class: l([h(b)("title")]) }, m(o.title), 3)]), d(e.$slots, "content", {}, () => [o.isHtml ? (u(), i("div", {
 					key: 0,
-					class: c([m(y)("content")]),
+					class: l([h(b)("content")]),
 					innerHTML: o.content
-				}, null, 10, _)) : (l(), i("div", {
+				}, null, 10, y)) : (u(), i("div", {
 					key: 1,
-					class: c([m(y)("content")])
-				}, p(o.content), 3))])]),
-				default: g(() => [(l(), r(f(S.value)))]),
+					class: l([h(b)("content")])
+				}, m(o.content), 3))])]),
+				default: v(() => [(u(), r(p(w.value)))]),
 				_: 3
-			}, 8, /* @__PURE__ */ "width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.visible.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref".split("."));
+			}, 8, /* @__PURE__ */ "visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref".split("."));
 		};
 	}
 });
 //#endregion
-export { v as default };
+export { b as default };