@voicenter-team/voicenter-ui-plus 3.2.0 → 3.3.1

package/library/style.css

@@ -80,6 +80,8 @@ button.vc-button,.vc-button{position:relative;display:inline-flex;cursor:pointer
 
 .vc-checkbox,.el-checkbox{margin-right:2rem}.vc-checkbox:where([dir=rtl],[dir=rtl] *),.el-checkbox:where([dir=rtl],[dir=rtl] *){margin-left:2rem;margin-right:0}.vc-checkbox:last-of-type,.el-checkbox:last-of-type{margin-right:0}.vc-checkbox:last-of-type:where([dir=rtl],[dir=rtl] *),.el-checkbox:last-of-type:where([dir=rtl],[dir=rtl] *){margin-left:0}.vc-checkbox .el-checkbox__label,.el-checkbox .el-checkbox__label{padding-left:.75rem}.vc-checkbox .el-checkbox__label:where([dir=rtl],[dir=rtl] *),.el-checkbox .el-checkbox__label:where([dir=rtl],[dir=rtl] *){padding-left:0;padding-right:.75rem}.vc-checkbox .el-checkbox__label:empty,.el-checkbox .el-checkbox__label:empty{display:none}.vc-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before,.el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{height:6px;transform:scale(.75)}.vc-checkbox .el-checkbox__inner:after,.el-checkbox .el-checkbox__inner:after{border-width:4px;height:8px;width:4px}.vc-checkbox.is-disabled,.el-checkbox.is-disabled{cursor:not-allowed;opacity:.6}.vc-checkbox:not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner,.el-checkbox:not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner{--tw-shadow: 0 0 3px var(--active-elements--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.is-bordered:not(.is-disabled).is-checked,.el-checkbox.is-bordered:not(.is-disabled).is-checked{border-color:var(--active-elements)}.vc-checkbox.is-bordered:not(.is-disabled):hover,.el-checkbox.is-bordered:not(.is-disabled):hover{--tw-shadow: 0 0 3px var(--active-elements--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--primary:not(.is-disabled),.el-checkbox.vc-checkbox-color--primary:not(.is-disabled){--el-checkbox-input-border-color-hover: var(--primary-actions);--el-checkbox-checked-bg-color: var(--primary-actions);--el-checkbox-checked-input-border-color: var(--primary-actions)}.vc-checkbox.vc-checkbox-color--primary:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner,.el-checkbox.vc-checkbox-color--primary:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner{--tw-shadow: 0 0 3px var(--primary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--primary:not(.is-disabled).is-bordered:not(.is-disabled).is-checked,.el-checkbox.vc-checkbox-color--primary:not(.is-disabled).is-bordered:not(.is-disabled).is-checked{border-color:var(--primary-actions)}.vc-checkbox.vc-checkbox-color--primary:not(.is-disabled).is-bordered:not(.is-disabled):hover,.el-checkbox.vc-checkbox-color--primary:not(.is-disabled).is-bordered:not(.is-disabled):hover{--tw-shadow: 0 0 3px var(--primary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--primary-alternative:not(.is-disabled),.el-checkbox.vc-checkbox-color--primary-alternative:not(.is-disabled){--el-checkbox-input-border-color-hover: var(--primary-alternative-actions);--el-checkbox-checked-bg-color: var(--primary-alternative-actions);--el-checkbox-checked-input-border-color: var(--primary-alternative-actions)}.vc-checkbox.vc-checkbox-color--primary-alternative:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner,.el-checkbox.vc-checkbox-color--primary-alternative:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner{--tw-shadow: 0 0 3px var(--primary-alternative-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--primary-alternative:not(.is-disabled).is-bordered:not(.is-disabled).is-checked,.el-checkbox.vc-checkbox-color--primary-alternative:not(.is-disabled).is-bordered:not(.is-disabled).is-checked{border-color:var(--primary-alternative-actions)}.vc-checkbox.vc-checkbox-color--primary-alternative:not(.is-disabled).is-bordered:not(.is-disabled):hover,.el-checkbox.vc-checkbox-color--primary-alternative:not(.is-disabled).is-bordered:not(.is-disabled):hover{--tw-shadow: 0 0 3px var(--primary-alternative-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--secondary:not(.is-disabled),.el-checkbox.vc-checkbox-color--secondary:not(.is-disabled){--el-checkbox-input-border-color-hover: var(--secondary-actions);--el-checkbox-checked-bg-color: var(--secondary-actions);--el-checkbox-checked-input-border-color: var(--secondary-actions)}.vc-checkbox.vc-checkbox-color--secondary:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner,.el-checkbox.vc-checkbox-color--secondary:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner{--tw-shadow: 0 0 3px var(--secondary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--secondary:not(.is-disabled).is-bordered:not(.is-disabled).is-checked,.el-checkbox.vc-checkbox-color--secondary:not(.is-disabled).is-bordered:not(.is-disabled).is-checked{border-color:var(--secondary-actions)}.vc-checkbox.vc-checkbox-color--secondary:not(.is-disabled).is-bordered:not(.is-disabled):hover,.el-checkbox.vc-checkbox-color--secondary:not(.is-disabled).is-bordered:not(.is-disabled):hover{--tw-shadow: 0 0 3px var(--secondary-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--destructive:not(.is-disabled),.el-checkbox.vc-checkbox-color--destructive:not(.is-disabled){--el-checkbox-input-border-color-hover: var(--destructive-actions);--el-checkbox-checked-bg-color: var(--destructive-actions);--el-checkbox-checked-input-border-color: var(--destructive-actions)}.vc-checkbox.vc-checkbox-color--destructive:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner,.el-checkbox.vc-checkbox-color--destructive:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner{--tw-shadow: 0 0 3px var(--destructive-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--destructive:not(.is-disabled).is-bordered:not(.is-disabled).is-checked,.el-checkbox.vc-checkbox-color--destructive:not(.is-disabled).is-bordered:not(.is-disabled).is-checked{border-color:var(--destructive-actions)}.vc-checkbox.vc-checkbox-color--destructive:not(.is-disabled).is-bordered:not(.is-disabled):hover,.el-checkbox.vc-checkbox-color--destructive:not(.is-disabled).is-bordered:not(.is-disabled):hover{--tw-shadow: 0 0 3px var(--destructive-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--success:not(.is-disabled),.el-checkbox.vc-checkbox-color--success:not(.is-disabled){--el-checkbox-input-border-color-hover: var(--success-actions);--el-checkbox-checked-bg-color: var(--success-actions);--el-checkbox-checked-input-border-color: var(--success-actions)}.vc-checkbox.vc-checkbox-color--success:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner,.el-checkbox.vc-checkbox-color--success:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner{--tw-shadow: 0 0 3px var(--success-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--success:not(.is-disabled).is-bordered:not(.is-disabled).is-checked,.el-checkbox.vc-checkbox-color--success:not(.is-disabled).is-bordered:not(.is-disabled).is-checked{border-color:var(--success-actions)}.vc-checkbox.vc-checkbox-color--success:not(.is-disabled).is-bordered:not(.is-disabled):hover,.el-checkbox.vc-checkbox-color--success:not(.is-disabled).is-bordered:not(.is-disabled):hover{--tw-shadow: 0 0 3px var(--success-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--warning:not(.is-disabled),.el-checkbox.vc-checkbox-color--warning:not(.is-disabled){--el-checkbox-input-border-color-hover: var(--warning-actions);--el-checkbox-checked-bg-color: var(--warning-actions);--el-checkbox-checked-input-border-color: var(--warning-actions)}.vc-checkbox.vc-checkbox-color--warning:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner,.el-checkbox.vc-checkbox-color--warning:not(.is-disabled):not(.is-bordered):not(.is-disabled):hover .el-checkbox__inner{--tw-shadow: 0 0 3px var(--warning-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-checkbox.vc-checkbox-color--warning:not(.is-disabled).is-bordered:not(.is-disabled).is-checked,.el-checkbox.vc-checkbox-color--warning:not(.is-disabled).is-bordered:not(.is-disabled).is-checked{border-color:var(--warning-actions)}.vc-checkbox.vc-checkbox-color--warning:not(.is-disabled).is-bordered:not(.is-disabled):hover,.el-checkbox.vc-checkbox-color--warning:not(.is-disabled).is-bordered:not(.is-disabled):hover{--tw-shadow: 0 0 3px var(--warning-actions--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-transfer .el-transfer-panel .el-checkbox .el-checkbox__input .el-checkbox__inner:after{border-width:1px;height:8px;width:4px}.vc-transfer .el-transfer-panel .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{height:2px}
 
+.el-checkbox-button.vc-checkbox-button{--el-checkbox-button-checked-bg-color: var(--active-elements);--el-checkbox-button-checked-text-color: var(--btn-filled-text);--el-checkbox-button-checked-border-color: var(--active-elements);--el-checkbox-button-disabled-checked-fill: var(--field-borders);--el-button-disabled-border-color: var(--inactive-elements);--el-disabled-text-color: var(--inactive-elements)}.el-checkbox-button.vc-checkbox-button.vc-checkbox-color--primary:not(.is-disabled){--el-checkbox-button-checked-bg-color: var(--primary-actions);--el-checkbox-button-checked-border-color: var(--primary-actions);--el-checkbox-button-checked-text-color: var(--btn-filled-text)}.el-checkbox-button.vc-checkbox-button.vc-checkbox-color--primary-alternative:not(.is-disabled){--el-checkbox-button-checked-bg-color: var(--primary-alternative-actions);--el-checkbox-button-checked-border-color: var(--primary-alternative-actions);--el-checkbox-button-checked-text-color: var(--btn-filled-text)}.el-checkbox-button.vc-checkbox-button.vc-checkbox-color--secondary:not(.is-disabled){--el-checkbox-button-checked-bg-color: var(--secondary-actions);--el-checkbox-button-checked-border-color: var(--secondary-actions);--el-checkbox-button-checked-text-color: var(--btn-filled-text)}.el-checkbox-button.vc-checkbox-button.vc-checkbox-color--destructive:not(.is-disabled){--el-checkbox-button-checked-bg-color: var(--destructive-actions);--el-checkbox-button-checked-border-color: var(--destructive-actions);--el-checkbox-button-checked-text-color: var(--btn-filled-text)}.el-checkbox-button.vc-checkbox-button.vc-checkbox-color--success:not(.is-disabled){--el-checkbox-button-checked-bg-color: var(--success-actions);--el-checkbox-button-checked-border-color: var(--success-actions);--el-checkbox-button-checked-text-color: var(--btn-filled-text)}.el-checkbox-button.vc-checkbox-button.vc-checkbox-color--warning:not(.is-disabled){--el-checkbox-button-checked-bg-color: var(--warning-actions);--el-checkbox-button-checked-border-color: var(--warning-actions);--el-checkbox-button-checked-text-color: var(--btn-filled-text)}
+
 .vc-code-block{--vc-cb-bg: var(--code-block-bg, var(--main-bg, #F7FAFC));--vc-cb-header-bg: var(--code-block-header-bg, color-mix(in srgb, var(--default-text, #263148) 4%, var(--main-bg, #F7FAFC)));--vc-cb-border: var(--code-block-border, var(--ui-lines, #E0E2E5));--vc-cb-radius: var(--code-block-radius, 10px);--vc-cb-text: var(--code-block-text, var(--default-text, #263148));--vc-cb-muted: var(--code-block-muted, var(--placeholders, #9EA6B2));--vc-cb-selection: var(--code-block-selection, color-mix(in srgb, var(--default-text, #263148) 12%, transparent));position:relative;border-radius:var(--vc-cb-radius);border:1px solid var(--vc-cb-border);background:var(--vc-cb-bg);overflow:hidden}.vc-code-block__header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--vc-cb-border);background:var(--vc-cb-header-bg)}.vc-code-block__title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.75rem;font-weight:500;color:var(--vc-cb-text)}.vc-code-block__lang{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.6875rem;font-weight:600;text-transform:lowercase;letter-spacing:.03em;color:var(--vc-cb-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vc-code-block__copy{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:none;border-radius:7px;background:transparent;color:var(--vc-cb-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.vc-code-block__copy:hover{background:var(--vc-cb-selection);color:var(--vc-cb-text)}.vc-code-block__header .vc-code-block__copy{margin-inline-start:auto}.vc-code-block__title+.vc-code-block__lang{flex-shrink:0}.vc-code-block__floating{position:absolute;top:8px;inset-inline-end:8px;z-index:1;display:flex;align-items:center;gap:.375rem;padding:2px;border-radius:8px;background:color-mix(in srgb,var(--vc-cb-bg) 80%,transparent);opacity:0;transition:opacity .15s ease}.vc-code-block__floating .vc-code-block__lang{padding-inline-start:.375rem}.vc-code-block:hover .vc-code-block__floating,.vc-code-block__floating:focus-within{opacity:1}.vc-code-block__body{overflow:auto;scrollbar-color:var(--vc-cb-selection) transparent}.vc-code-block__body::-webkit-scrollbar{width:8px;height:8px}.vc-code-block__body::-webkit-scrollbar-track{background:transparent}.vc-code-block__body::-webkit-scrollbar-thumb{background:var(--vc-cb-selection);border-radius:4px}.vc-code-block__scroll{display:flex;align-items:flex-start;min-width:-moz-max-content;min-width:max-content;direction:ltr;text-align:left}.vc-code-block__gutter{position:sticky;left:0;display:flex;flex-direction:column;flex-shrink:0;padding:1rem 0;background:var(--vc-cb-bg);border-inline-end:1px solid var(--vc-cb-border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vc-code-block__line-number{padding:0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.8125rem;line-height:1.7;text-align:right;color:var(--vc-cb-muted)}.vc-code-block__pre{flex:1 1 auto;margin:0;padding:0}.vc-code-block__code{display:block;padding:1rem 1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.8125rem;font-weight:400;line-height:1.7;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre;word-break:normal;color:var(--vc-cb-text);background:transparent}.vc-code-block__code::-moz-selection,.vc-code-block__code *::-moz-selection{background:var(--vc-cb-selection)}.vc-code-block__code::selection,.vc-code-block__code *::selection{background:var(--vc-cb-selection)}.vc-code-block--with-header .vc-code-block__floating{display:none}.vc-code-block--wrap .vc-code-block__scroll{min-width:0}.vc-code-block--wrap .vc-code-block__code{white-space:pre-wrap;word-break:break-word}.vc-code-block{--vc-cb-token-comment: var(--code-block-token-comment, #A0A6B2);--vc-cb-token-keyword: var(--code-block-token-keyword, #A626A4);--vc-cb-token-string: var(--code-block-token-string, #50A14F);--vc-cb-token-number: var(--code-block-token-number, #B76B01);--vc-cb-token-title: var(--code-block-token-title, #4078F2);--vc-cb-token-type: var(--code-block-token-type, #C18401);--vc-cb-token-tag: var(--code-block-token-tag, #E45649);--vc-cb-token-attr: var(--code-block-token-attr, #986801);--vc-cb-token-builtin: var(--code-block-token-builtin, #0184BC);--vc-cb-token-meta: var(--code-block-token-meta, #4078F2)}.vc-code-block--dark-surface{--vc-cb-token-comment: var(--code-block-token-comment, #7F848E);--vc-cb-token-keyword: var(--code-block-token-keyword, #C678DD);--vc-cb-token-string: var(--code-block-token-string, #98C379);--vc-cb-token-number: var(--code-block-token-number, #D19A66);--vc-cb-token-title: var(--code-block-token-title, #61AFEF);--vc-cb-token-type: var(--code-block-token-type, #E5C07B);--vc-cb-token-tag: var(--code-block-token-tag, #E06C75);--vc-cb-token-attr: var(--code-block-token-attr, #D19A66);--vc-cb-token-builtin: var(--code-block-token-builtin, #56B6C2);--vc-cb-token-meta: var(--code-block-token-meta, #61AFEF)}.vc-code-block .hljs-comment,.vc-code-block .hljs-quote{color:var(--vc-cb-token-comment);font-style:italic}.vc-code-block .hljs-keyword,.vc-code-block .hljs-selector-tag,.vc-code-block .hljs-doctag,.vc-code-block .hljs-formula{color:var(--vc-cb-token-keyword)}.vc-code-block .hljs-string,.vc-code-block .hljs-addition,.vc-code-block .hljs-selector-pseudo{color:var(--vc-cb-token-string)}.vc-code-block .hljs-number,.vc-code-block .hljs-literal,.vc-code-block .hljs-selector-class,.vc-code-block .hljs-meta .hljs-string{color:var(--vc-cb-token-number)}.vc-code-block .hljs-title,.vc-code-block .hljs-title.function_,.vc-code-block .hljs-section{color:var(--vc-cb-token-title)}.vc-code-block .hljs-title.class_,.vc-code-block .hljs-type,.vc-code-block .hljs-selector-id{color:var(--vc-cb-token-type)}.vc-code-block .hljs-tag,.vc-code-block .hljs-name,.vc-code-block .hljs-deletion,.vc-code-block .hljs-variable,.vc-code-block .hljs-template-variable{color:var(--vc-cb-token-tag)}.vc-code-block .hljs-attr,.vc-code-block .hljs-attribute,.vc-code-block .hljs-property,.vc-code-block .hljs-params{color:var(--vc-cb-token-attr)}.vc-code-block .hljs-built_in,.vc-code-block .hljs-symbol,.vc-code-block .hljs-bullet,.vc-code-block .hljs-link,.vc-code-block .hljs-regexp{color:var(--vc-cb-token-builtin)}.vc-code-block .hljs-meta,.vc-code-block .hljs-meta .hljs-keyword{color:var(--vc-cb-token-meta)}.vc-code-block .hljs-emphasis{font-style:italic}.vc-code-block .hljs-strong{font-weight:700}
 
 .vc-collapse-item{width:100%}.vc-collapse-item.is-card{padding-left:.5rem;padding-right:.5rem;position:relative;display:flex;width:100%;flex-direction:column}.vc-collapse-item.is-card>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));border-color:var(--ui-lines)}.vc-collapse-item.is-card{overflow:hidden;border-radius:.375rem;background-color:var(--card-bg-color);--tw-shadow: 0px 0px 5px var(--card-shadow-color);--tw-shadow-colored: 0px 0px 5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.vc-collapse-item.is-card--hover{cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,1,1)}@media (min-width: 960px){.vc-collapse-item.is-card--hover:hover{--tw-shadow: 0 0 3px var(--active-elements--focus);--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}.vc-collapse-item.is-card-header,.vc-collapse-item.is-card-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem}@media (min-width: 1264px){.vc-collapse-item.is-card-header,.vc-collapse-item.is-card-footer{padding-left:1.5rem;padding-right:1.5rem}}.vc-collapse-item.is-card-content{width:100%;flex-grow:1}.vc-collapse-item__header-wrap{display:flex;width:100%;align-items:center;overflow:hidden}.vc-collapse-item__header{display:flex;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;overflow:hidden;padding-top:.75rem;padding-bottom:.75rem;color:var(--heading-text);outline:2px solid transparent;outline-offset:2px}.vc-collapse-item__header-content{flex-shrink:0;flex-grow:1}.vc-collapse-item__header-actions{display:flex;flex-shrink:0;align-items:center;justify-content:center;min-width:20px}.vc-collapse-item__header-actions .action-icon{display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .28s ease}.vc-collapse-item__header-actions .action-icon.expanded{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.vc-collapse-item__header:focus-visible{background-color:var(--active-elements-bg--focus);color:var(--active-elements--focus)}.vc-collapse-item__content-wrap{transition:all .28s ease}.vc-collapse-item__content{padding-bottom:1rem;color:var(--default-text)}.vc-collapse-item.is-border{border-bottom-width:1px}.vc-collapse-item.is-disabled .vc-collapse-item__header{cursor:not-allowed;color:var(--inactive-elements)}.vc-collapse-item.is-disabled .vc-collapse-item__header .vc-collapse-item__header-actions .action-icon i{color:var(--inactive-elements)}

package/library/types/components/VcCheckbox/VcCheckboxButton.vue.d.ts

@@ -0,0 +1,86 @@
+import { OptionValueType } from '../../types';
+declare const _default: <Model extends OptionValueType>(__VLS_props: {
+    color?: "" | "success" | "warning" | "primary" | "secondary" | "destructive" | "active" | "primary-alternative" | undefined;
+    label?: Model | undefined;
+    readonly onChange?: ((pl: Model) => any) | undefined;
+    disabled?: boolean | undefined;
+    name?: string | undefined;
+    modelValue?: Model | undefined;
+    readonly "onUpdate:modelValue"?: ((pl: Model) => any) | undefined;
+    value?: Model | undefined;
+    dataTestName?: string | undefined;
+    readonly "onUpdate:checked"?: ((pl?: Model | undefined) => any) | undefined;
+    trueLabel?: string | number | undefined;
+    falseLabel?: string | number | undefined;
+    checked?: boolean | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+    };
+    emit: {
+        (e: 'update:modelValue', pl: Model): void;
+        (e: 'change', pl: Model): void;
+        (e: 'update:checked', pl?: Model | undefined): void;
+    };
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        color?: "" | "success" | "warning" | "primary" | "secondary" | "destructive" | "active" | "primary-alternative" | undefined;
+        label?: Model | undefined;
+        readonly onChange?: ((pl: Model) => any) | undefined;
+        disabled?: boolean | undefined;
+        name?: string | undefined;
+        modelValue?: Model | undefined;
+        readonly "onUpdate:modelValue"?: ((pl: Model) => any) | undefined;
+        value?: Model | undefined;
+        dataTestName?: string | undefined;
+        readonly "onUpdate:checked"?: ((pl?: Model | undefined) => any) | undefined;
+        trueLabel?: string | number | undefined;
+        falseLabel?: string | number | undefined;
+        checked?: boolean | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+    };
+    emit: {
+        (e: 'update:modelValue', pl: Model): void;
+        (e: 'change', pl: Model): void;
+        (e: 'update:checked', pl?: Model | undefined): void;
+    };
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            color?: "" | "success" | "warning" | "primary" | "secondary" | "destructive" | "active" | "primary-alternative" | undefined;
+            label?: Model | undefined;
+            readonly onChange?: ((pl: Model) => any) | undefined;
+            disabled?: boolean | undefined;
+            name?: string | undefined;
+            modelValue?: Model | undefined;
+            readonly "onUpdate:modelValue"?: ((pl: Model) => any) | undefined;
+            value?: Model | undefined;
+            dataTestName?: string | undefined;
+            readonly "onUpdate:checked"?: ((pl?: Model | undefined) => any) | undefined;
+            trueLabel?: string | number | undefined;
+            falseLabel?: string | number | undefined;
+            checked?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            default?(_: {}): any;
+        };
+        emit: {
+            (e: 'update:modelValue', pl: Model): void;
+            (e: 'change', pl: Model): void;
+            (e: 'update:checked', pl?: Model | undefined): void;
+        };
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/library/types/components/VcCheckbox/VcCheckboxButtonGroup.vue.d.ts

@@ -0,0 +1,86 @@
+import { ConfigOptionType, ExtractValueType, IsObjectWithKeys, OptionValueType } from '../../types';
+declare const _default: <Option extends OptionValueType, Config extends ConfigOptionType<Option>, Model extends ExtractValueType<Option, Config>>(__VLS_props: {
+    size?: "default" | "small" | "large" | undefined;
+    readonly onChange?: ((pl: Option[]) => any) | undefined;
+    disabled?: boolean | undefined;
+    max?: number | undefined;
+    modelValue?: Model[] | undefined;
+    min?: number | undefined;
+    readonly "onUpdate:modelValue"?: ((pl: Model[]) => any) | undefined;
+    valueKey?: IsObjectWithKeys<Option> | undefined;
+    dataTestName?: string | undefined;
+    checkboxes?: Option[] | undefined;
+    config?: Config | undefined;
+} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+        "checkbox-label"?(_: {
+            checkbox: Option;
+        }): any;
+    };
+    emit: {
+        (e: 'update:modelValue', pl: Model[]): void;
+        (e: 'change', pl: Option[]): void;
+    };
+} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        size?: "default" | "small" | "large" | undefined;
+        readonly onChange?: ((pl: Option[]) => any) | undefined;
+        disabled?: boolean | undefined;
+        max?: number | undefined;
+        modelValue?: Model[] | undefined;
+        min?: number | undefined;
+        readonly "onUpdate:modelValue"?: ((pl: Model[]) => any) | undefined;
+        valueKey?: IsObjectWithKeys<Option> | undefined;
+        dataTestName?: string | undefined;
+        checkboxes?: Option[] | undefined;
+        config?: Config | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+        "checkbox-label"?(_: {
+            checkbox: Option;
+        }): any;
+    };
+    emit: {
+        (e: 'update:modelValue', pl: Model[]): void;
+        (e: 'change', pl: Option[]): void;
+    };
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            size?: "default" | "small" | "large" | undefined;
+            readonly onChange?: ((pl: Option[]) => any) | undefined;
+            disabled?: boolean | undefined;
+            max?: number | undefined;
+            modelValue?: Model[] | undefined;
+            min?: number | undefined;
+            readonly "onUpdate:modelValue"?: ((pl: Model[]) => any) | undefined;
+            valueKey?: IsObjectWithKeys<Option> | undefined;
+            dataTestName?: string | undefined;
+            checkboxes?: Option[] | undefined;
+            config?: Config | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            default?(_: {}): any;
+            "checkbox-label"?(_: {
+                checkbox: Option;
+            }): any;
+        };
+        emit: {
+            (e: 'update:modelValue', pl: Model[]): void;
+            (e: 'change', pl: Option[]): void;
+        };
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/library/types/components/exports.d.ts

@@ -62,6 +62,7 @@ import VcProgress from './VcProgress/VcProgress.vue';
 import VcProgressCircular from './VcProgress/VcProgressCircular.vue';
 import VcSkeletonLoader from './VcSkeletonLoader/VcSkeletonLoader.vue';
 import VcNotification from './VcNotification/VcNotification.vue';
+import VcPluginOverlays from './VcPluginOverlays/VcPluginOverlays.vue';
 import VcForm from './VcForm/VcForm.vue';
 import VcFormItem from './VcForm/VcFormItem.vue';
 import VcSplitButton from './VcSplitButton/VcSplitButton.vue';
@@ -74,13 +75,35 @@ import VcMdEditor from './VcMdEditor/VcMdEditor.vue';
 import VcSystemUserPrompt from './VcSystemUserPrompt/VcSystemUserPrompt.vue';
 import VcSoundPlayer from './VcSoundplayer/VcSoundPlayer.vue';
 import VcJsonSchema from './VcJsonSchema/VcJsonSchema.vue';
+import VcPlayerPlaybackRate from './VcSoundplayer/VcPlayerPlaybackRate.vue';
+import VcPlayerPlaybackRatePopup from './VcSoundplayer/VcPlayerPlaybackRatePopup.vue';
+import VcPlayerPlayStopButton from './VcSoundplayer/VcPlayerPlayStopButton.vue';
+import VcPlayerSkipButtons from './VcSoundplayer/VcPlayerSkipButtons.vue';
+import VcSoundCurrentTime from './VcSoundplayer/VcSoundCurrentTime.vue';
+import VcSoundDuration from './VcSoundplayer/VcSoundDuration.vue';
+import VcSoundPlayerError from './VcSoundplayer/VcSoundPlayerError.vue';
+import VcSoundPlayerProgress from './VcSoundplayer/VcSoundPlayerProgress.vue';
+import VcSoundPlayerWrapper from './VcSoundplayer/VcSoundPlayerWrapper.vue';
+import VcSoundVolume from './VcSoundplayer/VcSoundVolume.vue';
 import VcHtmlEditor from './VcHtmlEditor/VcHtmlEditor.vue';
 import VcPdfDocument from './VcPdfViewer/VcPdfDocument.vue';
 import VcExcelFileUploader from './VcExcelUploader/VcExcelFileUploader.vue';
 import VcImageUploader from './VcImageUploader/VcImageUploader.vue';
 import VcTour from './VcTour/VcTour.vue';
 import VcSipFlow from './VcSipFlow/VcSipFlow.vue';
-export { VcButton, VcButtonIcon, VcToggleButton, VcInput, VcInputNumber, VcInputError, VcInputLabel, VcSelect, VcSelectGrouped, VcSelectOption, VcInfiniteScrollSelect, VcAutocomplete, VcCheckbox, VcCheckboxGroup, VcCheckboxButton, VcCheckboxButtonGroup, VcRadio, VcRadioGroup, VcRadioButtonsGroup, VcSwitch, VcSlider, VcColorPicker, VcDatePicker, VcDatePickerPanel, VcDatetimeRangePicker, VcExtendedDatetimeRangePicker, VcTimeInput, VcPhoneInput, VcTagInput, VcOtpInput, VcFileUploader, VcCard, VcCodeBlock, VcModal, VcConfirmModal, VcPopover, VcConfirmPopover, VcSelectPopover, VcTabs, VcTabNav, VcTabPane, VcVerticalTabs, VcRadioTabs, VcRadioTabsNav, VcCollapse, VcCollapseItem, VcWizard, VcDropdown, VcDropdownItem, VcTable, VcPagination, VcTree, VcTreeSelect, VcTransfer, VcTag, VcDelimitedList, VcSparkline, VcViewSwitcher, VcSegmented, VcLoading, VcProgress, VcProgressCircular, VcSkeletonLoader, VcNotification, VcForm, VcFormItem, VcSplitButton, VcHyperLink, VcIcon, VcIconPicker, VcMeterGroup, VcMeterGroupLabel, VcMdEditor, VcSystemUserPrompt, VcSoundPlayer, VcJsonSchema, VcHtmlEditor, VcPdfDocument, VcExcelFileUploader, VcImageUploader, VcTour, VcSipFlow, };
+import VcEntityAddButton from '../entity/components/Button/VcEntityAddButton.vue';
+import VcEntityCancelButton from '../entity/components/Button/VcEntityCancelButton.vue';
+import VcEntityDeleteIconButton from '../entity/components/Button/VcEntityDeleteIconButton.vue';
+import VcEntityEditIconButton from '../entity/components/Button/VcEntityEditIconButton.vue';
+import VcEntityRestoreButton from '../entity/components/Button/VcEntityRestoreButton.vue';
+import VcEntityStatusButton from '../entity/components/Button/VcEntityStatusButton.vue';
+import VcEntityEditableTabs from '../entity/components/Tabs/VcEntityEditableTabs.vue';
+import VcEntityListTable from '../entity/components/Table/VcEntityListTable.vue';
+import VcBaseVerticalForm from '../entity/components/Form/VcBaseVerticalForm.vue';
+import VcEntityVerticalCreateForm from '../entity/components/Form/VcEntityVerticalCreateForm.vue';
+import VcEntityVerticalEditForm from '../entity/components/Form/VcEntityVerticalEditForm.vue';
+import VcEntityEditPageForm from '../entity/components/Form/VcEntityEditPageForm.vue';
+export { VcButton, VcButtonIcon, VcToggleButton, VcInput, VcInputNumber, VcInputError, VcInputLabel, VcSelect, VcSelectGrouped, VcSelectOption, VcInfiniteScrollSelect, VcAutocomplete, VcCheckbox, VcCheckboxButton, VcCheckboxButtonGroup, VcCheckboxGroup, VcRadio, VcRadioGroup, VcRadioButtonsGroup, VcSwitch, VcSlider, VcColorPicker, VcDatePicker, VcDatePickerPanel, VcDatetimeRangePicker, VcExtendedDatetimeRangePicker, VcTimeInput, VcPhoneInput, VcTagInput, VcOtpInput, VcFileUploader, VcCard, VcCodeBlock, VcModal, VcConfirmModal, VcPopover, VcConfirmPopover, VcSelectPopover, VcTabs, VcTabNav, VcTabPane, VcVerticalTabs, VcRadioTabs, VcRadioTabsNav, VcCollapse, VcCollapseItem, VcWizard, VcDropdown, VcDropdownItem, VcTable, VcPagination, VcTree, VcTreeSelect, VcTransfer, VcTag, VcDelimitedList, VcSparkline, VcViewSwitcher, VcSegmented, VcLoading, VcProgress, VcProgressCircular, VcSkeletonLoader, VcNotification, VcPluginOverlays, VcForm, VcFormItem, VcSplitButton, VcHyperLink, VcIcon, VcIconPicker, VcMeterGroup, VcMeterGroupLabel, VcMdEditor, VcSystemUserPrompt, VcSoundPlayer, VcJsonSchema, VcPlayerPlaybackRate, VcPlayerPlaybackRatePopup, VcPlayerPlayStopButton, VcPlayerSkipButtons, VcSoundCurrentTime, VcSoundDuration, VcSoundPlayerError, VcSoundPlayerProgress, VcSoundPlayerWrapper, VcSoundVolume, VcHtmlEditor, VcPdfDocument, VcExcelFileUploader, VcImageUploader, VcTour, VcSipFlow, VcEntityAddButton, VcEntityCancelButton, VcEntityDeleteIconButton, VcEntityEditIconButton, VcEntityRestoreButton, VcEntityStatusButton, VcEntityEditableTabs, VcEntityListTable, VcBaseVerticalForm, VcEntityVerticalCreateForm, VcEntityVerticalEditForm, VcEntityEditPageForm, };
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
         VcButton: typeof VcButton;
@@ -96,9 +119,9 @@ declare module '@vue/runtime-core' {
         VcInfiniteScrollSelect: typeof VcInfiniteScrollSelect;
         VcAutocomplete: typeof VcAutocomplete;
         VcCheckbox: typeof VcCheckbox;
-        VcCheckboxGroup: typeof VcCheckboxGroup;
         VcCheckboxButton: typeof VcCheckboxButton;
         VcCheckboxButtonGroup: typeof VcCheckboxButtonGroup;
+        VcCheckboxGroup: typeof VcCheckboxGroup;
         VcRadio: typeof VcRadio;
         VcRadioGroup: typeof VcRadioGroup;
         VcRadioButtonsGroup: typeof VcRadioButtonsGroup;
@@ -147,6 +170,7 @@ declare module '@vue/runtime-core' {
         VcProgressCircular: typeof VcProgressCircular;
         VcSkeletonLoader: typeof VcSkeletonLoader;
         VcNotification: typeof VcNotification;
+        VcPluginOverlays: typeof VcPluginOverlays;
         VcForm: typeof VcForm;
         VcFormItem: typeof VcFormItem;
         VcSplitButton: typeof VcSplitButton;
@@ -159,11 +183,33 @@ declare module '@vue/runtime-core' {
         VcSystemUserPrompt: typeof VcSystemUserPrompt;
         VcSoundPlayer: typeof VcSoundPlayer;
         VcJsonSchema: typeof VcJsonSchema;
+        VcPlayerPlaybackRate: typeof VcPlayerPlaybackRate;
+        VcPlayerPlaybackRatePopup: typeof VcPlayerPlaybackRatePopup;
+        VcPlayerPlayStopButton: typeof VcPlayerPlayStopButton;
+        VcPlayerSkipButtons: typeof VcPlayerSkipButtons;
+        VcSoundCurrentTime: typeof VcSoundCurrentTime;
+        VcSoundDuration: typeof VcSoundDuration;
+        VcSoundPlayerError: typeof VcSoundPlayerError;
+        VcSoundPlayerProgress: typeof VcSoundPlayerProgress;
+        VcSoundPlayerWrapper: typeof VcSoundPlayerWrapper;
+        VcSoundVolume: typeof VcSoundVolume;
         VcHtmlEditor: typeof VcHtmlEditor;
         VcPdfDocument: typeof VcPdfDocument;
         VcExcelFileUploader: typeof VcExcelFileUploader;
         VcImageUploader: typeof VcImageUploader;
         VcTour: typeof VcTour;
         VcSipFlow: typeof VcSipFlow;
+        VcEntityAddButton: typeof VcEntityAddButton;
+        VcEntityCancelButton: typeof VcEntityCancelButton;
+        VcEntityDeleteIconButton: typeof VcEntityDeleteIconButton;
+        VcEntityEditIconButton: typeof VcEntityEditIconButton;
+        VcEntityRestoreButton: typeof VcEntityRestoreButton;
+        VcEntityStatusButton: typeof VcEntityStatusButton;
+        VcEntityEditableTabs: typeof VcEntityEditableTabs;
+        VcEntityListTable: typeof VcEntityListTable;
+        VcBaseVerticalForm: typeof VcBaseVerticalForm;
+        VcEntityVerticalCreateForm: typeof VcEntityVerticalCreateForm;
+        VcEntityVerticalEditForm: typeof VcEntityVerticalEditForm;
+        VcEntityEditPageForm: typeof VcEntityEditPageForm;
     }
 }

package/library/types/components.gen.d.ts

@@ -0,0 +1,105 @@
+export { default as VcButton } from './components/VcButton/VcButton.vue';
+export { default as VcButtonIcon } from './components/VcButton/VcButtonIcon.vue';
+export { default as VcToggleButton } from './components/VcButton/VcToggleButton.vue';
+export { default as VcInput } from './components/VcInput/VcInput.vue';
+export { default as VcInputNumber } from './components/VcInputNumber/VcInputNumber.vue';
+export { default as VcInputError } from './components/VcForm/UiComponents/VcInputError.vue';
+export { default as VcInputLabel } from './components/VcForm/UiComponents/VcInputLabel.vue';
+export { default as VcSelect } from './components/VcSelect/VcSelect.vue';
+export { default as VcSelectGrouped } from './components/VcSelect/VcSelectGrouped.vue';
+export { default as VcSelectOption } from './components/VcSelect/VcSelectOption.vue';
+export { default as VcInfiniteScrollSelect } from './components/VcSelect/VcInfiniteScrollSelect.vue';
+export { default as VcAutocomplete } from './components/VcAutocomplete/VcAutocomplete.vue';
+export { default as VcCheckbox } from './components/VcCheckbox/VcCheckbox.vue';
+export { default as VcCheckboxButton } from './components/VcCheckbox/VcCheckboxButton.vue';
+export { default as VcCheckboxButtonGroup } from './components/VcCheckbox/VcCheckboxButtonGroup.vue';
+export { default as VcCheckboxGroup } from './components/VcCheckboxGroup/VcCheckboxGroup.vue';
+export { default as VcRadio } from './components/VcRadio/VcRadio.vue';
+export { default as VcRadioGroup } from './components/VcRadioGroup/VcRadioGroup.vue';
+export { default as VcRadioButtonsGroup } from './components/VcRadioButtons/VcRadioButtonsGroup.vue';
+export { default as VcSwitch } from './components/VcSwitch/VcSwitch.vue';
+export { default as VcSlider } from './components/VcSlider/VcSlider.vue';
+export { default as VcColorPicker } from './components/VcColorPicker/VcColorPicker.vue';
+export { default as VcDatePicker } from './components/VcDatePicker/VcDatePicker.vue';
+export { default as VcDatePickerPanel } from './components/VcDatePickerPanel/VcDatePickerPanel.vue';
+export { default as VcDatetimeRangePicker } from './components/VcDatetimeRangePicker/VcDatetimeRangePicker.vue';
+export { default as VcExtendedDatetimeRangePicker } from './components/VcExtendedDatetimeRangePicker/VcExtendedDatetimeRangePicker.vue';
+export { default as VcTimeInput } from './components/VcTimeInput/VcTimeInput.vue';
+export { default as VcPhoneInput } from './components/VcPhoneInput/VcPhoneInput.vue';
+export { default as VcTagInput } from './components/VcTagInput/VcTagInput.vue';
+export { default as VcOtpInput } from './components/VcOtpInput/VcOtpInput.vue';
+export { default as VcFileUploader } from './components/VcFileUploader/VcFileUploader.vue';
+export { default as VcCard } from './components/VcCard/VcCard.vue';
+export { default as VcCodeBlock } from './components/VcCodeBlock/VcCodeBlock.vue';
+export { default as VcModal } from './components/VcModal/VcModal.vue';
+export { default as VcConfirmModal } from './components/VcModal/VcConfirmModal.vue';
+export { default as VcPopover } from './components/VcPopover/VcPopover.vue';
+export { default as VcConfirmPopover } from './components/VcPopover/VcConfirmPopover.vue';
+export { default as VcSelectPopover } from './components/VcPopover/VcSelectPopover.vue';
+export { default as VcTabs } from './components/VcTabs/VcTabs.vue';
+export { default as VcTabNav } from './components/VcTabs/VcTabNav.vue';
+export { default as VcTabPane } from './components/VcTabs/VcTabPane.vue';
+export { default as VcVerticalTabs } from './components/VcVerticalTabs/VcVerticalTabs.vue';
+export { default as VcRadioTabs } from './components/VcRadioTabs/VcRadioTabs.vue';
+export { default as VcRadioTabsNav } from './components/VcRadioTabs/UiComponents/VcRadioTabsNav.vue';
+export { default as VcCollapse } from './components/VcCollapse/VcCollapse.vue';
+export { default as VcCollapseItem } from './components/VcCollapse/VcCollapseItem.vue';
+export { default as VcWizard } from './components/VcWizard/VcWizard.vue';
+export { default as VcDropdown } from './components/VcDropdown/VcDropdown.vue';
+export { default as VcDropdownItem } from './components/VcDropdown/VcDropdownItem.vue';
+export { default as VcTable } from './components/VcTable/VcTable.vue';
+export { default as VcPagination } from './components/VcPagination/VcPagination.vue';
+export { default as VcTree } from './components/VcTree/VcTree.vue';
+export { default as VcTreeSelect } from './components/VcTree/VcTreeSelect.vue';
+export { default as VcTransfer } from './components/VcTransfer/VcTransfer.vue';
+export { default as VcTag } from './components/VcTag/VcTag.vue';
+export { default as VcDelimitedList } from './components/VcDelimitedList/VcDelimitedList.vue';
+export { default as VcSparkline } from './components/VcSparkline/VcSparkline.vue';
+export { default as VcViewSwitcher } from './components/VcViewSwitcher/VcViewSwitcher.vue';
+export { default as VcSegmented } from './components/VcSegmented/VcSegmented.vue';
+export { default as VcLoading } from './components/VcLoading/VcLoading.vue';
+export { default as VcProgress } from './components/VcProgress/VcProgress.vue';
+export { default as VcProgressCircular } from './components/VcProgress/VcProgressCircular.vue';
+export { default as VcSkeletonLoader } from './components/VcSkeletonLoader/VcSkeletonLoader.vue';
+export { default as VcNotification } from './components/VcNotification/VcNotification.vue';
+export { default as VcPluginOverlays } from './components/VcPluginOverlays/VcPluginOverlays.vue';
+export { default as VcForm } from './components/VcForm/VcForm.vue';
+export { default as VcFormItem } from './components/VcForm/VcFormItem.vue';
+export { default as VcSplitButton } from './components/VcSplitButton/VcSplitButton.vue';
+export { default as VcHyperLink } from './components/VcHyperLink/VcHyperLink.vue';
+export { default as VcIcon } from './components/VcIcon/VcIcon.vue';
+export { default as VcIconPicker } from './components/VcIconPicker/VcIconPicker.vue';
+export { default as VcMeterGroup } from './components/VcMeterGroup/VcMeterGroup.vue';
+export { default as VcMeterGroupLabel } from './components/VcMeterGroup/VcMeterGroupLabel.vue';
+export { default as VcMdEditor } from './components/VcMdEditor/VcMdEditor.vue';
+export { default as VcSystemUserPrompt } from './components/VcSystemUserPrompt/VcSystemUserPrompt.vue';
+export { default as VcSoundPlayer } from './components/VcSoundplayer/VcSoundPlayer.vue';
+export { default as VcJsonSchema } from './components/VcJsonSchema/VcJsonSchema.vue';
+export { default as VcPlayerPlaybackRate } from './components/VcSoundplayer/VcPlayerPlaybackRate.vue';
+export { default as VcPlayerPlaybackRatePopup } from './components/VcSoundplayer/VcPlayerPlaybackRatePopup.vue';
+export { default as VcPlayerPlayStopButton } from './components/VcSoundplayer/VcPlayerPlayStopButton.vue';
+export { default as VcPlayerSkipButtons } from './components/VcSoundplayer/VcPlayerSkipButtons.vue';
+export { default as VcSoundCurrentTime } from './components/VcSoundplayer/VcSoundCurrentTime.vue';
+export { default as VcSoundDuration } from './components/VcSoundplayer/VcSoundDuration.vue';
+export { default as VcSoundPlayerError } from './components/VcSoundplayer/VcSoundPlayerError.vue';
+export { default as VcSoundPlayerProgress } from './components/VcSoundplayer/VcSoundPlayerProgress.vue';
+export { default as VcSoundPlayerWrapper } from './components/VcSoundplayer/VcSoundPlayerWrapper.vue';
+export { default as VcSoundVolume } from './components/VcSoundplayer/VcSoundVolume.vue';
+export { default as VcHtmlEditor } from './components/VcHtmlEditor/VcHtmlEditor.vue';
+export { default as VcPdfDocument } from './components/VcPdfViewer/VcPdfDocument.vue';
+export { default as VcExcelFileUploader } from './components/VcExcelUploader/VcExcelFileUploader.vue';
+export { default as VcImageUploader } from './components/VcImageUploader/VcImageUploader.vue';
+export { default as VcTour } from './components/VcTour/VcTour.vue';
+export { default as VcSipFlow } from './components/VcSipFlow/VcSipFlow.vue';
+export { default as VcEntityAddButton } from './entity/components/Button/VcEntityAddButton.vue';
+export { default as VcEntityCancelButton } from './entity/components/Button/VcEntityCancelButton.vue';
+export { default as VcEntityDeleteIconButton } from './entity/components/Button/VcEntityDeleteIconButton.vue';
+export { default as VcEntityEditIconButton } from './entity/components/Button/VcEntityEditIconButton.vue';
+export { default as VcEntityRestoreButton } from './entity/components/Button/VcEntityRestoreButton.vue';
+export { default as VcEntityStatusButton } from './entity/components/Button/VcEntityStatusButton.vue';
+export { default as VcEntityEditableTabs } from './entity/components/Tabs/VcEntityEditableTabs.vue';
+export { default as VcEntityListTable } from './entity/components/Table/VcEntityListTable.vue';
+export { default as VcBaseVerticalForm } from './entity/components/Form/VcBaseVerticalForm.vue';
+export { default as VcEntityVerticalCreateForm } from './entity/components/Form/VcEntityVerticalCreateForm.vue';
+export { default as VcEntityVerticalEditForm } from './entity/components/Form/VcEntityVerticalEditForm.vue';
+export { default as VcEntityEditPageForm } from './entity/components/Form/VcEntityEditPageForm.vue';

package/library/types/index.d.ts

@@ -1,78 +1,4 @@
-export { default as VcButton } from './components/VcButton/VcButton.vue';
-export { default as VcButtonIcon } from './components/VcButton/VcButtonIcon.vue';
-export { default as VcToggleButton } from './components/VcButton/VcToggleButton.vue';
-export { default as VcInput } from './components/VcInput/VcInput.vue';
-export { default as VcInputNumber } from './components/VcInputNumber/VcInputNumber.vue';
-export { default as VcInputError } from './components/VcForm/UiComponents/VcInputError.vue';
-export { default as VcInputLabel } from './components/VcForm/UiComponents/VcInputLabel.vue';
-export { default as VcSelect } from './components/VcSelect/VcSelect.vue';
-export { default as VcSelectGrouped } from './components/VcSelect/VcSelectGrouped.vue';
-export { default as VcSelectOption } from './components/VcSelect/VcSelectOption.vue';
-export { default as VcInfiniteScrollSelect } from './components/VcSelect/VcInfiniteScrollSelect.vue';
-export { default as VcAutocomplete } from './components/VcAutocomplete/VcAutocomplete.vue';
-export { default as VcCheckbox } from './components/VcCheckbox/VcCheckbox.vue';
-export { default as VcCheckboxGroup } from './components/VcCheckboxGroup/VcCheckboxGroup.vue';
-export { default as VcRadio } from './components/VcRadio/VcRadio.vue';
-export { default as VcRadioGroup } from './components/VcRadioGroup/VcRadioGroup.vue';
-export { default as VcRadioButtonsGroup } from './components/VcRadioButtons/VcRadioButtonsGroup.vue';
-export { default as VcSwitch } from './components/VcSwitch/VcSwitch.vue';
-export { default as VcSlider } from './components/VcSlider/VcSlider.vue';
-export { default as VcColorPicker } from './components/VcColorPicker/VcColorPicker.vue';
-export { default as VcDatePicker } from './components/VcDatePicker/VcDatePicker.vue';
-export { default as VcDatePickerPanel } from './components/VcDatePickerPanel/VcDatePickerPanel.vue';
-export { default as VcDatetimeRangePicker } from './components/VcDatetimeRangePicker/VcDatetimeRangePicker.vue';
-export { default as VcExtendedDatetimeRangePicker } from './components/VcExtendedDatetimeRangePicker/VcExtendedDatetimeRangePicker.vue';
-export { default as VcTimeInput } from './components/VcTimeInput/VcTimeInput.vue';
-export { default as VcPhoneInput } from './components/VcPhoneInput/VcPhoneInput.vue';
-export { default as VcTagInput } from './components/VcTagInput/VcTagInput.vue';
-export { default as VcOtpInput } from './components/VcOtpInput/VcOtpInput.vue';
-export { default as VcFileUploader } from './components/VcFileUploader/VcFileUploader.vue';
-export { default as VcCard } from './components/VcCard/VcCard.vue';
-export { default as VcCodeBlock } from './components/VcCodeBlock/VcCodeBlock.vue';
-export { default as VcModal } from './components/VcModal/VcModal.vue';
-export { default as VcConfirmModal } from './components/VcModal/VcConfirmModal.vue';
-export { default as VcPopover } from './components/VcPopover/VcPopover.vue';
-export { default as VcConfirmPopover } from './components/VcPopover/VcConfirmPopover.vue';
-export { default as VcSelectPopover } from './components/VcPopover/VcSelectPopover.vue';
-export { default as VcTabs } from './components/VcTabs/VcTabs.vue';
-export { default as VcTabNav } from './components/VcTabs/VcTabNav.vue';
-export { default as VcTabPane } from './components/VcTabs/VcTabPane.vue';
-export { default as VcVerticalTabs } from './components/VcVerticalTabs/VcVerticalTabs.vue';
-export { default as VcRadioTabs } from './components/VcRadioTabs/VcRadioTabs.vue';
-export { default as VcRadioTabsNav } from './components/VcRadioTabs/UiComponents/VcRadioTabsNav.vue';
-export { default as VcCollapse } from './components/VcCollapse/VcCollapse.vue';
-export { default as VcCollapseItem } from './components/VcCollapse/VcCollapseItem.vue';
-export { default as VcWizard } from './components/VcWizard/VcWizard.vue';
-export { default as VcDropdown } from './components/VcDropdown/VcDropdown.vue';
-export { default as VcDropdownItem } from './components/VcDropdown/VcDropdownItem.vue';
-export { default as VcTable } from './components/VcTable/VcTable.vue';
-export { default as VcPagination } from './components/VcPagination/VcPagination.vue';
-export { default as VcTree } from './components/VcTree/VcTree.vue';
-export { default as VcTreeSelect } from './components/VcTree/VcTreeSelect.vue';
-export { default as VcTransfer } from './components/VcTransfer/VcTransfer.vue';
-export { default as VcTag } from './components/VcTag/VcTag.vue';
-export { default as VcDelimitedList } from './components/VcDelimitedList/VcDelimitedList.vue';
-export { default as VcSparkline } from './components/VcSparkline/VcSparkline.vue';
-export { default as VcViewSwitcher } from './components/VcViewSwitcher/VcViewSwitcher.vue';
-export { default as VcSegmented } from './components/VcSegmented/VcSegmented.vue';
-export { default as VcLoading } from './components/VcLoading/VcLoading.vue';
-export { default as VcProgress } from './components/VcProgress/VcProgress.vue';
-export { default as VcProgressCircular } from './components/VcProgress/VcProgressCircular.vue';
-export { default as VcSkeletonLoader } from './components/VcSkeletonLoader/VcSkeletonLoader.vue';
-export { default as VcNotification } from './components/VcNotification/VcNotification.vue';
-export { default as VcPluginOverlays } from './components/VcPluginOverlays/VcPluginOverlays.vue';
-export { default as VcForm } from './components/VcForm/VcForm.vue';
-export { default as VcFormItem } from './components/VcForm/VcFormItem.vue';
-export { default as VcSplitButton } from './components/VcSplitButton/VcSplitButton.vue';
-export { default as VcHyperLink } from './components/VcHyperLink/VcHyperLink.vue';
-export { default as VcIcon } from './components/VcIcon/VcIcon.vue';
-export { default as VcIconPicker } from './components/VcIconPicker/VcIconPicker.vue';
-export { default as VcMeterGroup } from './components/VcMeterGroup/VcMeterGroup.vue';
-export { default as VcMeterGroupLabel } from './components/VcMeterGroup/VcMeterGroupLabel.vue';
-export { default as VcMdEditor } from './components/VcMdEditor/VcMdEditor.vue';
-export { default as VcSystemUserPrompt } from './components/VcSystemUserPrompt/VcSystemUserPrompt.vue';
-export { default as VcSoundPlayer } from './components/VcSoundplayer/VcSoundPlayer.vue';
-export { default as VcJsonSchema } from './components/VcJsonSchema/VcJsonSchema.vue';
+export * from './components.gen';
 export * from './tokens';
 export * from './types';
 export * from './enum/constants';
@@ -100,35 +26,7 @@ export { default as useConfirmPopup, confirmPopupState } from './composables/use
 export { formatDate, parseDate, addDays, subtractDays, getHours, getMinutes, getSeconds, setTime, isAfter, isSameAfter, isBefore, isSameBefore, format, add, sub, addFp, subFp } from './utils/dateTime';
 export { useRTL } from './composables/useRTL';
 export type { RTLState } from './types';
-export { default as VcPlayerPlaybackRate } from './components/VcSoundplayer/VcPlayerPlaybackRate.vue';
-export { default as VcPlayerPlaybackRatePopup } from './components/VcSoundplayer/VcPlayerPlaybackRatePopup.vue';
-export { default as VcPlayerPlayStopButton } from './components/VcSoundplayer/VcPlayerPlayStopButton.vue';
-export { default as VcPlayerSkipButtons } from './components/VcSoundplayer/VcPlayerSkipButtons.vue';
-export { default as VcSoundCurrentTime } from './components/VcSoundplayer/VcSoundCurrentTime.vue';
-export { default as VcSoundDuration } from './components/VcSoundplayer/VcSoundDuration.vue';
-export { default as VcSoundPlayerError } from './components/VcSoundplayer/VcSoundPlayerError.vue';
-export { default as VcSoundPlayerProgress } from './components/VcSoundplayer/VcSoundPlayerProgress.vue';
-export { default as VcSoundPlayerWrapper } from './components/VcSoundplayer/VcSoundPlayerWrapper.vue';
-export { default as VcSoundVolume } from './components/VcSoundplayer/VcSoundVolume.vue';
 export { buildMustacheSnippet } from './components/VcMdEditor/buildMustacheSnippet';
-export { default as VcHtmlEditor } from './components/VcHtmlEditor/VcHtmlEditor.vue';
-export { default as VcPdfDocument } from './components/VcPdfViewer/VcPdfDocument.vue';
-export { default as VcExcelFileUploader } from './components/VcExcelUploader/VcExcelFileUploader.vue';
-export { default as VcImageUploader } from './components/VcImageUploader/VcImageUploader.vue';
-export { default as VcTour } from './components/VcTour/VcTour.vue';
-export { default as VcSipFlow } from './components/VcSipFlow/VcSipFlow.vue';
-export { default as VcEntityAddButton } from './entity/components/Button/VcEntityAddButton.vue';
-export { default as VcEntityCancelButton } from './entity/components/Button/VcEntityCancelButton.vue';
-export { default as VcEntityDeleteIconButton } from './entity/components/Button/VcEntityDeleteIconButton.vue';
-export { default as VcEntityEditIconButton } from './entity/components/Button/VcEntityEditIconButton.vue';
-export { default as VcEntityRestoreButton } from './entity/components/Button/VcEntityRestoreButton.vue';
-export { default as VcEntityStatusButton } from './entity/components/Button/VcEntityStatusButton.vue';
-export { default as VcEntityEditableTabs } from './entity/components/Tabs/VcEntityEditableTabs.vue';
-export { default as VcEntityListTable } from './entity/components/Table/VcEntityListTable.vue';
-export { default as VcBaseVerticalForm } from './entity/components/Form/VcBaseVerticalForm.vue';
-export { default as VcEntityVerticalCreateForm } from './entity/components/Form/VcEntityVerticalCreateForm.vue';
-export { default as VcEntityVerticalEditForm } from './entity/components/Form/VcEntityVerticalEditForm.vue';
-export { default as VcEntityEditPageForm } from './entity/components/Form/VcEntityEditPageForm.vue';
 export * from './entity/services/BaseEntityService';
 export { default as useEditableTabs } from './entity/composable/useEditableTabs';
 export { useEntityListTableProvide, useEntityListTableInject } from './entity/composable/useEntityListTableExternalPaginate';

package/library/types/plugin-components.gen.d.ts

@@ -0,0 +1,2 @@
+import type { App } from 'vue';
+export declare function registerComponents(app: App): void;

package/library/utils/jsonSchema/helpers.mjs

@@ -1,6 +1,6 @@
 import { keys, isEqual, xor } from "lodash-es";
 import { isEqual as isEqual2, keys as keys2, merge, xor as xor2 } from "lodash-es";
-import { FORMAT_REGEXPS, isFormat, types } from "./jsonSchemaHelpers.mjs";
+import { isFormat, types, FORMAT_REGEXPS } from "./jsonSchemaHelpers.mjs";
 const helpers = {
   stringFormats: keys(FORMAT_REGEXPS),
   isFormat,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voicenter-team/voicenter-ui-plus",
-  "version": "3.2.0",
+  "version": "3.3.1",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -9,6 +9,8 @@
     "ts-check": "vue-tsc --noEmit -p tsconfig.prod.json",
     "ts-check-all": "vue-tsc --noEmit",
     "generate-icon-list": "node ./script/generate/generateIconList.js",
+    "generate:entries": "node ./script/generate-entries.mjs",
+    "verify:entries": "node ./script/verify-entries.mjs",
     "preview": "vite preview",
     "test": "vitest",
     "test:ui": "vitest --ui",
@@ -23,7 +25,11 @@
     "mcp:dev": "cd mcp-server && npm run dev",
     "mcp:build": "cd mcp-server && npm run build",
     "mcp:start": "cd mcp-server && npm start",
-    "release": "npm ci && npm run build && npm publish"
+    "release": "npm ci && npm run build && npm publish",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "*.{vue,js,jsx,cjs,mjs,ts}": "eslint --fix"
   },
   "main": "./library/index.mjs",
   "module": "./library/index.mjs",
@@ -128,7 +134,9 @@
     "eslint-plugin-standard": "^5.0.0",
     "eslint-plugin-vue": "9.21.1",
     "highlight.js": "^11.6.0",
+    "husky": "^9.1.7",
     "jsdom": "^26.1.0",
+    "lint-staged": "^17.3.0",
     "pdfjs-dist": "2.9.359",
     "postcss": "8.5.24",
     "readline-sync": "^1.4.10",