@vanjana/vue-ui 0.1.62 → 0.1.85

package/dist/theme-light.css

@@ -1 +1 @@
-@charset "UTF-8";.button{transition:opacity .1s ease-in-out;justify-content:center;align-items:center;box-shadow:var(--box-shadow-component);border-radius:var(--border-radius-component);padding:var(--space-s) var(--space-m);gap:var(--space-m);font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);font-family:var(--font-family-button)}.button.primary{background-color:var(--surface-button-primary);color:var(--on-surface-button-primary, inherit);border:none}.button.secondary{background-color:var(--surface-button-secondary);color:var(--on-surface-button-secondary, inherit);border:none}.button.tertiary{background-color:var(--surface-button-tertiary);color:var(--on-surface-button-tertiary, inherit);border:none}.button:not(:disabled):hover{background-color:var(--surface-button-hover);color:var(--on-surface-button-hover, inherit);cursor:pointer}.button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.button:active{transform:scale(.98);opacity:.8}.button.icon-only{width:40px;height:40px;border-radius:50%}.button-bar,.button-bar .left,.button-bar .right{gap:var(--space-m)}.card{background-color:var(--surface-base);color:var(--on-surface-base, inherit)}.card .header-actions .button:not(.menu-action){padding:0 var(--space-m)}.card .header-actions .button.icon-only:not(.menu-action){width:32px;height:32px;border-radius:50%}.card.scrollable{height:calc(100% - var(--space-m) - var(--space-m) - var(--space-s) - var(--space-s));overflow:hidden}.chip{justify-content:center;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-xl);border-radius:2rem;background:#0000000f;color:inherit;font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);font-family:var(--font-family-button)}.chip__close{align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer}.checkbox{gap:var(--space-s)}.checkbox:hover .checkbox-box{border-color:var(--color-primary)}.checkbox-box{border-color:var(--color-border);border-radius:var(--border-radius-s);background-color:var(--color-background)}.checkbox-icon{color:var(--color-primary-contrast)}.checkbox-input:checked+.checkbox-box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-label{color:var(--color-text-primary)}.dialog-card{background-color:var(--surface-base);color:var(--on-surface-base, inherit)}.dialog-card .header-actions .button:not(.menu-action){padding:0 var(--space-m)}.dialog-card .header-actions .button.icon-only:not(.menu-action){width:32px;height:32px;border-radius:50%}.button.dot-menu{background-color:var(--surface-dot-menu);color:var(--on-surface-dot-menu, inherit)}.button.dot-menu:hover{background-color:var(--surface-button-hover);color:var(--on-surface-button-hover, inherit);cursor:pointer}.icon-size-s{font-size:1rem}.icon-size-m{font-size:1.5rem}.icon-size-l{font-size:2rem}.vj-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:9999;pointer-events:all}.vj-loading-overlay .vj-loading-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-xl);border-radius:var(--space-m);background:#ffffffeb;box-shadow:var(--box-shadow-container);pointer-events:none}.vj-loading-overlay .vj-loading-inner .spinner{width:5rem;height:5rem}.vj-loading-overlay .vj-loading-inner--small .spinner{width:2rem;height:2rem}.vj-loading-overlay .vj-loading-inner--small{padding:12px;gap:8px}.vj-loading-overlay .vj-loading-inner--minimal{padding:6px;background:transparent;box-shadow:none}.vj-loading-overlay .vj-loading-inner--minimal .spinner{width:1rem;height:1rem}.vj-loading-overlay--hidden{display:none}.vj-loading-text{text-align:center;font-size:var(--font-size-secondary);font-weight:var(--font-weight-secondary);line-height:var(--line-height-secondary);letter-spacing:var(--letter-spacing-secondary);font-family:var(--font-family-secondary);background-color:var(--surface-base);color:var(--on-surface-base, inherit)}.vj-loading-text--hidden{display:none}.menu{box-shadow:var(--box-shadow-container);border-radius:var(--border-radius-container);padding:var(--space-m);background-color:var(--surface-base);color:var(--on-surface-base, inherit)}.menu-action{box-shadow:var(--box-shadow-component);border-radius:0;padding:var(--space-s) var(--space-m);gap:var(--space-m)}.menu-action .menu-action--icon{width:24px;height:24px}.page{gap:var(--space-m)}.page header{gap:var(--space-m);padding-bottom:var(--space-m)}.page header>span{gap:var(--space-s)}.page main footer{padding-top:var(--space-s);background-color:var(--surface-base);color:var(--on-surface-base, inherit)}.search-field{padding:var(--space-s) var(--space-l);border-radius:var(--border-radius-input);outline:var(--border-input);outline-offset:-1px;font-size:var(--font-size-primary);font-weight:var(--font-weight-primary);line-height:var(--line-height-primary);letter-spacing:var(--letter-spacing-primary);font-family:var(--font-family-primary);background-color:var(--surface-input);color:var(--on-surface-input, inherit)}.search-field>*{align-self:center}.search-field:focus-within{outline-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.search-field input{border:none;outline:none;padding:0;margin:0 var(--space-s);background:transparent;font:inherit;color:inherit}.search-field .reset{transition:opacity .2s ease-in}.shell{padding:0}.shell>header{padding:var(--space-s)}.shell>header .shell-title{gap:var(--space-m)}.shell>header .shell-title img{width:40px;height:40px}.shell>header .header-actions{display:flex;gap:var(--space-s)}.shell>header{--application__color: blue;--application-gradient: linear-gradient(90deg, #e0f7ff 0%, #c5dbff 20%, #fff9e6 50%, #ffe4f0 75%, #ffd9f2 100%);border-bottom:solid var(--space-s) var(--application__color);border-image-slice:1;border-image-source:var(--application-gradient)}.shell .shell-content main{padding:0;overflow:auto}.shell .shell-content aside{border-left:1px solid var(--color-border)}.shell .shell-content.with-navigation main{padding:0 var(--space-m)}.shell .shell-navigation{flex-basis:4rem;border-radius:0 10px 20px 0!important;border-bottom:var(--border-footer)!important;background-color:var(--surface-navigation);color:var(--on-surface-navigation, inherit);box-shadow:var(--box-shadow-container);border-radius:var(--border-radius-container);padding:var(--space-m)}.shell .shell-navigation ul{padding:0;margin:0;gap:var(--space-s)}.shell .shell-navigation ul .shell-navigation-item{padding:0;margin:0}.shell .shell-navigation ul .shell-navigation-item .shell-navigation-item-link{padding:var(--space-m) var(--space-s);text-decoration:none;border-left:solid 5px transparent;transition:all .2s ease}.shell .shell-navigation ul .shell-navigation-item .shell-navigation-item-link .shell-navigation-icon{font-size:1.5rem}.shell .shell-navigation ul .shell-navigation-item .shell-navigation-item-link{background-color:var(--surface-navigation-item);color:var(--on-surface-navigation-item, inherit)}.shell .shell-navigation ul .shell-navigation-item .shell-navigation-item-link:hover{background-color:var(--surface-navigation-hover);color:var(--on-surface-navigation-hover, inherit);border-left:solid 5px currentColor}.shell .shell-navigation ul .shell-navigation-item .shell-navigation-item-link.router-link-active{background-color:var(--surface-navigation-hover);color:var(--on-surface-navigation-hover, inherit);border-left:solid 5px currentColor;background-color:#ffffff80}.shell .shell-navigation .shell-navigation-item-label{display:none}.shell .shell-navigation.with-labels .shell-navigation-item-label{display:inline}.shell .shell-navigation .navigation-bottom{margin-top:auto}.tab-view .tab-view-header{gap:var(--space-s);position:relative}.tab-view .tab-view-header .tab-button{padding:var(--space-s) var(--space-l);background:none;border:none;cursor:pointer;transition:color .2s;font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);font-family:var(--font-family-button);background-color:var(--surface-tab);color:var(--on-surface-tab, inherit)}.tab-view .tab-view-header .tab-button:hover{background-color:var(--surface-tab-hover);color:var(--on-surface-tab-hover, inherit)}.tab-view .tab-view-header .tab-button.active{background-color:var(--surface-tab-active);color:var(--on-surface-tab-active, inherit)}.tab-indicator{height:var(--tab-indicator-height);background-color:var(--color-border-highlight);transition:all .3s ease}.tab-line{height:var(--tab-indicator-height);background-color:var(--color-border)}.tab-view-content{flex:1}.tab{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-field{margin-top:var(--space-s);font-family:inherit}.form-field .form-field__label{left:8px;padding:0 var(--space-xs);font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);font-family:var(--font-family-caption);background-color:var(--surface-input-label);color:var(--on-surface-input-label, inherit)}.form-field .form-field__label--float{left:12px;font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);font-family:var(--font-family-caption);background-color:var(--surface-input-label-floating);color:var(--on-surface-input-label-floating, inherit)}.form-field.disabled{opacity:var(--opacity-disabled)}.form-field.labelless{margin-top:0}.form-field.labelless .form-field__label{display:none}.input{padding:var(--space-s) var(--space-l);border-radius:var(--border-radius-input);outline:var(--border-input);outline-offset:-1px;gap:var(--space-s);font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input);background-color:var(--surface-input);color:var(--on-surface-input, inherit)}.input>*{align-self:center;width:100%}.input:focus-within{outline-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.input input{border:none;outline:none;padding:0;margin:0 var(--space-s);background:transparent;font:inherit;color:inherit}.input input:disabled{opacity:.5;cursor:not-allowed}.input .clear-icon{transition:opacity .2s ease-in}.select:not(.form-field--control) .select-trigger{border:var(--border-input);border-radius:var(--border-radius-input);padding:var(--space-s) var(--space-l);text-align:left;transition:all .2s;height:40px;outline:var(--border-input);outline-offset:-1px;background-color:var(--surface-input);color:var(--on-surface-input, inherit);font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input)}.select:not(.form-field--control) .select-trigger:hover:not(:disabled){background-color:var(--surface-input-hover);color:var(--on-surface-input-hover, inherit);border-color:var(--color-primary)}.select:not(.form-field--control) .select-trigger:focus-visible{outline-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.select:not(.form-field--control) .select-placeholder{color:var(--on-surface-input, inherit)}.select:not(.form-field--control) .select-dropdown{background-color:var(--color-background);border-color:var(--color-border);border-radius:var(--border-radius-s)}.select:not(.form-field--control) .select-option:hover,.select:not(.form-field--control) .select-option.highlighted{background-color:var(--color-hover)}.select:not(.form-field--control) .select-option.selected{background-color:var(--color-primary-light);color:var(--color-primary)}.select.form-field--control .select-trigger{font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input);background-color:var(--surface-input);color:var(--on-surface-input, inherit)}.select.form-field--control .select-placeholder{color:var(--color-text-secondary)}.textarea{padding:var(--space-s) var(--space-l);border-radius:var(--border-radius-input);outline:var(--border-input);outline-offset:-1px;font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input);background-color:var(--surface-input);color:var(--on-surface-input, inherit)}.textarea>*{align-self:flex-start}.textarea:focus-within{outline-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.textarea textarea{border:none;outline:none;padding:0;margin:0 var(--space-s);background:transparent;font:inherit;color:inherit}.textarea textarea:disabled{opacity:.5;cursor:not-allowed}.textarea .clear-icon{transition:opacity .2s ease-in}:root{--box-shadow-container: rgba(0, 0, 0, .24) 0px 3px 8px;--padding-container: .5rem;--border-radius-component: 6px;--border-radius-container: 4px;--space-xs: .25rem;--space-s: .5rem;--space-m: .75rem;--space-l: 1em;--space-xl: 1.5rem}.compact{--space-xs: .15rem;--space-s: .25rem;--space-m: .5rem;--space-l: .75em;--space-xl: 1rem}.compact .select:not(.form-field--control) .select-trigger{height:32px}:root{--color-border: #dedede;--color-border-highlight: #4f46e5;--border-footer: solid 1px var(--color-border);--border-input: solid 1px var(--color-border);--border-radius-input: 6px;--opacity-disabled: .5;--tab-indicator-height: 3px;--spinner-gradient: linear-gradient(90deg, #0b7a73, #c8a2ff, #fff7d6, #f97316, #051937);--surface-base: #ffffff;--on-surface-base: #333333;--surface-input: #ffffff;--on-surface-input: #333333;--surface-input-label: #ffffff;--on-surface-input-label: #64748b;--surface-input-label-floating: #ffffff;--on-surface-input-label-floating: #4c1d95;--surface-navigation: #ffffff;--on-surface-navigation: #2d3748;--surface-navigation-item: transparent;--on-surface-navigation-item: #64748b;--surface-navigation-hover: transparent;--on-surface-navigation-hover: #4f46e5;--surface-button-primary: #4f46e5;--on-surface-button-primary: #ffffff;--surface-button-secondary: #f97316;--on-surface-button-secondary: #ffffff;--surface-button-tertiary: transparent;--on-surface-button-tertiary: #374151;--surface-dot-menu: #eeeeee;--on-surface-dot-menu: #374151;--surface-button-hover: #403b9c;--on-surface-button-hover: #ffffff;--surface-tab: transparent;--on-surface-tab: #333333;--surface-tab-hover: transparent;--on-surface-tab-hover: #4f46e5;--surface-tab-active: transparent;--on-surface-tab-active: #4f46e5;--surface-primary: #4f46e5;--on-surface-primary: #ffffff;--surface-success: #e6ffef;--on-surface-success: #0b7a3a;--surface-info: #e6f0ff;--on-surface-info: #0b57d0;--surface-warning: #fff7e6;--on-surface-warning: #b36b00;--surface-danger: #ffecec;--on-surface-danger: #b00020;--font-size-title: 24px;--font-weight-title: 600;--line-height-title: 1.2;--letter-spacing-title: normal;--font-family-title: var(--font-family, inherit)}:root h1{font-size:var(--font-size-title);font-weight:var(--font-weight-title);line-height:var(--line-height-title);letter-spacing:var(--letter-spacing-title);font-family:var(--font-family-title);margin:0}:root{--font-size-title: 24px;--font-weight-title: 600;--line-height-title: 1.2;--letter-spacing-title: normal;--font-family-title: var(--font-family, inherit)}:root h2{font-size:var(--font-size-title);font-weight:var(--font-weight-title);line-height:var(--line-height-title);letter-spacing:var(--letter-spacing-title);font-family:var(--font-family-title);margin:0}:root{--font-size-header: 18px;--font-weight-header: 600;--line-height-header: 32px;--letter-spacing-header: normal;--font-family-header: var(--font-family, inherit)}:root h3{font-size:var(--font-size-header);font-weight:var(--font-weight-header);line-height:var(--line-height-header);letter-spacing:var(--letter-spacing-header);font-family:var(--font-family-header);margin:0}:root{--font-size-primary: 16px;--font-weight-primary: 400;--line-height-primary: 1.2;--letter-spacing-primary: normal;--font-family-primary: var(--font-family, inherit)}:root body{font-size:var(--font-size-primary);font-weight:var(--font-weight-primary);line-height:var(--line-height-primary);letter-spacing:var(--letter-spacing-primary);font-family:var(--font-family-primary);margin:0}:root{--font-size-secondary: 14px;--font-weight-secondary: 300;--line-height-secondary: 16px;--letter-spacing-secondary: normal;--font-family-secondary: var(--font-family, inherit)}:root secondary{font-size:var(--font-size-secondary);font-weight:var(--font-weight-secondary);line-height:var(--line-height-secondary);letter-spacing:var(--letter-spacing-secondary);font-family:var(--font-family-secondary);margin:0}:root{--font-size-input: 16px;--font-weight-input: 400;--line-height-input: 24px;--letter-spacing-input: normal;--font-family-input: var(--font-family, inherit)}:root input{font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input);margin:0}:root{--font-size-caption: 14px;--font-weight-caption: 400;--line-height-caption: 24px;--letter-spacing-caption: normal;--font-family-caption: var(--font-family, inherit)}:root label{font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);font-family:var(--font-family-caption);margin:0}:root{--font-size-button: 16px;--font-weight-button: 600;--line-height-button: 24px;--letter-spacing-button: normal;--font-family-button: var(--font-family, inherit)}:root button{font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);font-family:var(--font-family-button);margin:0}html,body{height:100%;padding:0;margin:0}a{color:#fff}
+@charset "UTF-8";.button{transition:opacity .1s ease-in-out;justify-content:center;align-items:center;box-shadow:var(--box-shadow-component);border-radius:var(--border-radius-component);padding:var(--space-s) var(--space-m);gap:var(--space-m);font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);font-family:var(--font-family-button)}.button.primary{background:var(--surface-button-primary);color:var(--on-surface-button-primary, inherit);border:none}.button.secondary{background:var(--surface-button-secondary);color:var(--on-surface-button-secondary, inherit);border:none}.button.tertiary{background:var(--surface-button-tertiary);color:var(--on-surface-button-tertiary, inherit);border:none}.button:not(:disabled):hover{background:var(--surface-button-hover);color:var(--on-surface-button-hover, inherit);cursor:pointer}.button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.button:active{transform:scale(.98);opacity:.8}.button.icon-only{width:40px;height:40px;border-radius:50%}.button-bar,.button-bar .left,.button-bar .right{gap:var(--space-m)}.card{background:var(--surface-base);color:var(--on-surface-base, inherit)}.card .header-actions .button:not(.menu-action){padding:0 var(--space-m)}.card .header-actions .button.icon-only:not(.menu-action){width:32px;height:32px;border-radius:50%}.card.scrollable{height:calc(100% - var(--space-m) - var(--space-m) - var(--space-s) - var(--space-s));overflow:hidden}.chip{justify-content:center;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-xl);border-radius:2rem;background:#0000000f;color:inherit;font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);font-family:var(--font-family-button)}.chip__close{align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer}.checkbox{gap:.5rem}.checkbox-input{opacity:0}.checkbox-input:disabled+.checkbox-box{opacity:.5}.checkbox-input:focus-visible+.checkbox-box{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox-box{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--border-radius-input);transition:all .2s ease;background:var(--surface-input);color:var(--on-surface-input, inherit)}.checkbox-icon{width:16px;height:16px}.checkbox-check{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .3s ease;stroke:currentColor}.checkbox-input:checked+.checkbox-box{background:var(--surface-primary);color:var(--on-surface-primary, inherit)}.checkbox-input:checked+.checkbox-box .checkbox-check{stroke-dashoffset:0}.checkbox-box:hover{border-color:var(--color-primary)}.checkbox-label{font-size:1rem;background:var(--surface-base);color:var(--on-surface-base, inherit)}.checkbox-input:disabled~.checkbox-label{opacity:.5}.dialog-card{background:var(--surface-base);color:var(--on-surface-base, inherit)}.dialog-card .header-actions .button:not(.menu-action){padding:0 var(--space-m)}.dialog-card .header-actions .button.icon-only:not(.menu-action){width:32px;height:32px;border-radius:50%}.button.dot-menu{background:var(--surface-dot-menu);color:var(--on-surface-dot-menu, inherit)}.button.dot-menu:hover{background:var(--surface-button-hover);color:var(--on-surface-button-hover, inherit);cursor:pointer}.icon-size-s{font-size:1rem}.icon-size-m{font-size:1.5rem}.icon-size-l{font-size:2rem}.vj-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff9;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:9999;pointer-events:all}.vj-loading-overlay .vj-loading-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-xl);border-radius:var(--space-m);background:#ffffffeb;box-shadow:var(--box-shadow-container);pointer-events:none}.vj-loading-overlay .vj-loading-inner .spinner{width:5rem;height:5rem}.vj-loading-overlay .vj-loading-inner--small .spinner{width:2rem;height:2rem}.vj-loading-overlay .vj-loading-inner--small{padding:12px;gap:8px}.vj-loading-overlay .vj-loading-inner--minimal{padding:6px;background:transparent;box-shadow:none}.vj-loading-overlay .vj-loading-inner--minimal .spinner{width:1rem;height:1rem}.vj-loading-overlay--hidden{display:none}.vj-loading-text{text-align:center;font-size:var(--font-size-secondary);font-weight:var(--font-weight-secondary);line-height:var(--line-height-secondary);letter-spacing:var(--letter-spacing-secondary);font-family:var(--font-family-secondary);background:var(--surface-base);color:var(--on-surface-base, inherit)}.vj-loading-text--hidden{display:none}.menu{box-shadow:var(--box-shadow-container);border-radius:var(--border-radius-container);padding:var(--space-m);background:var(--surface-base);color:var(--on-surface-base, inherit)}.menu-action{box-shadow:var(--box-shadow-component);border-radius:0;padding:var(--space-s) var(--space-m);gap:var(--space-m)}.menu-action .menu-action--icon{width:24px;height:24px}.page{gap:var(--space-m)}.page header{gap:var(--space-m);padding-bottom:var(--space-m)}.page header>span{gap:var(--space-s)}.page main footer{padding-top:var(--space-s);background:var(--surface-base);color:var(--on-surface-base, inherit)}.radio{gap:.5rem}.radio-input{opacity:0}.radio-input:disabled+.radio-box{opacity:.5}.radio-input:focus-visible+.radio-box{outline:2px solid var(--color-primary);outline-offset:2px}.radio-box{width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:var(--surface-input);color:var(--on-surface-input, inherit)}.radio-dot{width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform .18s ease;background:currentColor}.radio-input:checked+.radio-box .radio-dot{transform:scale(1);background:var(--surface-primary);color:var(--on-surface-primary, inherit)}.radio-box:hover{border-color:var(--color-primary)}.radio-label{font-size:1rem;background:var(--surface-base);color:var(--on-surface-base, inherit)}.radio-input:disabled~.radio-label{opacity:.5}.search-field{padding:var(--space-s) var(--space-l);border-radius:var(--border-radius-input);outline:var(--border-input);outline-offset:-1px;font-size:var(--font-size-primary);font-weight:var(--font-weight-primary);line-height:var(--line-height-primary);letter-spacing:var(--letter-spacing-primary);font-family:var(--font-family-primary);background:var(--surface-input);color:var(--on-surface-input, inherit)}.search-field>*{align-self:center}.search-field:focus-within{outline-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.search-field input{border:none;outline:none;padding:0;margin:0 var(--space-s);background:transparent;font:inherit;color:inherit}.search-field .reset{transition:opacity .2s ease-in}.shell{padding:0}.shell>header{padding:var(--space-s);background:var(--surface-shell-header);color:var(--on-surface-shell-header, inherit)}.shell>header .shell-title{gap:var(--space-m)}.shell>header .shell-title img{width:40px;height:40px}.shell>header .header-actions{display:flex;gap:var(--space-s)}.shell>header{border-bottom:solid var(--space-s) var(--application__color);border-image-slice:1;border-image-source:var(--application-gradient)}.shell .shell-content main{padding:var(--space-s);overflow:auto}.shell .shell-content aside{border-left:1px solid var(--color-border)}.shell .shell-content.with-navigation main{padding:0 var(--space-m)}.shell .shell-navigation{flex-basis:4rem;border-radius:0 10px 20px 0!important;border-bottom:var(--border-footer)!important;background:var(--surface-navigation);color:var(--on-surface-navigation, inherit);box-shadow:var(--box-shadow-container);border-radius:var(--border-radius-container);padding:var(--space-m)}.shell .shell-navigation ul{padding:0;margin:0;gap:var(--space-s)}.shell .shell-navigation .shell-navigation-item{padding:0;margin:0}.shell .shell-navigation .shell-navigation-item .shell-navigation-item-link{padding:var(--space-m) var(--space-s);text-decoration:none;border-left:solid 5px transparent;transition:all .2s ease}.shell .shell-navigation .shell-navigation-item .shell-navigation-item-link .shell-navigation-icon{font-size:1.5rem}.shell .shell-navigation .shell-navigation-item .shell-navigation-item-link{background:var(--surface-navigation-item);color:var(--on-surface-navigation-item, inherit)}.shell .shell-navigation .shell-navigation-item .shell-navigation-item-link:hover{border-left:solid 5px currentColor;background:var(--surface-navigation-hover);color:var(--on-surface-navigation-hover, inherit)}.shell .shell-navigation .shell-navigation-item .shell-navigation-item-link.router-link-active{border-left:solid 5px currentColor;background:var(--surface-navigation-item-active);color:var(--on-surface-navigation-item-active, inherit)}.shell .shell-navigation .shell-navigation-item-label{display:none}.shell .shell-navigation.with-labels .shell-navigation-item-label{display:inline}.shell .shell-navigation .navigation-bottom{margin-top:auto}.vj-skeleton{background:var(--surface-skeleton);color:var(--on-surface-skeleton, inherit)}.vj-skeleton:after{transform:translate(0);filter:blur(.2px);opacity:.95;animation:shimmer-diag 2.5s linear infinite;background:var(--surface-skeleton-shimmer);color:var(--on-surface-skeleton-shimmer, inherit)}@keyframes shimmer-diag{0%{transform:translate(-100%,-100%)}to{transform:translate(100%,100%)}}@media(prefers-reduced-motion:reduce){.vj-skeleton .vj-skeleton:after{animation:none;opacity:.6}}.tab-view .tab-view-header{gap:var(--space-s);position:relative}.tab-view .tab-view-header .tab-button{padding:var(--space-s) var(--space-l);background:none;border:none;cursor:pointer;transition:color .2s;font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);font-family:var(--font-family-button);background:var(--surface-tab);color:var(--on-surface-tab, inherit)}.tab-view .tab-view-header .tab-button:hover{background:var(--surface-tab-hover);color:var(--on-surface-tab-hover, inherit)}.tab-view .tab-view-header .tab-button.active{background:var(--surface-tab-active);color:var(--on-surface-tab-active, inherit)}.tab-indicator{height:var(--tab-indicator-height);background-color:var(--color-border-highlight);transition:all .3s ease}.tab-line{height:var(--tab-indicator-height);background-color:var(--color-border)}.tab-view-content{flex:1}.tab{animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification{position:relative;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border-radius:var(--border-radius-component);border-left:4px solid}.notification .notification__message{flex:1 1 auto;gap:var(--space-s)}.notification .notification__message .notification__title{font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);font-family:var(--font-family-button)}.notification .notification__icon{flex-shrink:0;font-size:24px}.notification--success{background:var(--surface-success);color:var(--on-surface-success, inherit)}.notification--info{background:var(--surface-info);color:var(--on-surface-info, inherit)}.notification--warning{background:var(--surface-warning);color:var(--on-surface-warning, inherit)}.notification--error{background:var(--surface-danger);color:var(--on-surface-danger, inherit)}.form-field{margin-top:var(--space-s);font-family:inherit}.form-field .form-field__label{left:var(--space-s);padding:0 var(--space-xs);font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);font-family:var(--font-family-caption);background:var(--surface-input-label);color:var(--on-surface-input-label, inherit)}.form-field .form-field__label--float{left:var(--space-m);font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);font-family:var(--font-family-caption);background:var(--surface-input-label-floating);color:var(--on-surface-input-label-floating, inherit)}.form-field.disabled{opacity:var(--opacity-disabled)}.form-field.labelless{margin-top:0}.form-field.labelless .form-field__label{display:none}.form-field.form-field--underlined .form-field__label{left:0!important;padding-left:0!important}.form-field.form-field--underlined .input,.form-field.form-field--underlined .textarea{border-radius:0!important;padding-left:0!important;padding-right:0!important;outline:none!important;box-shadow:0 2px 0 var(--color-border)}.form-field.form-field--underlined .input:focus-within,.form-field.form-field--underlined .textarea:focus-within{box-shadow:0 2px #7c3aed!important}.form-field.form-field--underlined .select-trigger{outline:none!important;border-left:none!important;border-right:none!important;border-top:none!important;border-radius:0!important;border-width:2px!important;padding-left:0!important;border-color:var(--color-border)!important}.form-field.form-field--underlined .select-trigger:focus-visible{outline:none!important;box-shadow:none!important;border-color:#7c3aed!important}.input{border-radius:var(--border-radius-input);outline:var(--border-input);outline-offset:-1px;padding:var(--space-s) var(--space-l);gap:var(--space-s);font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input);background:var(--surface-input);color:var(--on-surface-input, inherit)}.input>*{align-self:center;width:100%}.input:focus-within{outline-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.input input{border:none;outline:none;padding:0;margin:0 var(--space-s);background:transparent;font:inherit;color:inherit}.input input:disabled{opacity:.5;cursor:not-allowed}.input .clear-icon{transition:opacity .2s ease-in}.select:not(.form-field--control) .select-trigger{border:var(--border-input);border-radius:var(--border-radius-input);padding:var(--space-s) var(--space-l);text-align:left;transition:all .2s;height:40px;outline:var(--border-input);outline-offset:-1px;background:var(--surface-input);color:var(--on-surface-input, inherit);font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input)}.select:not(.form-field--control) .select-trigger:hover:not(:disabled){background:var(--surface-input-hover);color:var(--on-surface-input-hover, inherit);border-color:var(--color-primary)}.select:not(.form-field--control) .select-trigger:focus-visible{outline-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.select:not(.form-field--control) .select-placeholder{color:var(--on-surface-input, inherit)}.select:not(.form-field--control) .select-dropdown{background-color:var(--color-background);border-color:var(--color-border);border-radius:var(--border-radius-s)}.select:not(.form-field--control) .select-option:hover,.select:not(.form-field--control) .select-option.highlighted{background-color:var(--color-hover)}.select:not(.form-field--control) .select-option.selected{background-color:var(--color-primary-light);color:var(--color-primary)}.select.form-field--control .select-trigger{font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input);background:var(--surface-input);color:var(--on-surface-input, inherit)}.select.form-field--control .select-placeholder{color:var(--color-text-secondary)}.textarea{padding:var(--space-s) var(--space-l);border-radius:var(--border-radius-input);outline:var(--border-input);outline-offset:-1px;font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input);background:var(--surface-input);color:var(--on-surface-input, inherit)}.textarea>*{align-self:flex-start}.textarea:focus-within{outline-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.textarea textarea{border:none;outline:none;padding:0;margin:0 var(--space-s);background:transparent;font:inherit;color:inherit}.textarea textarea:disabled{opacity:.5;cursor:not-allowed}.textarea .clear-icon{transition:opacity .2s ease-in}:root{--box-shadow-container: rgba(0, 0, 0, .24) 0px 3px 8px;--padding-container: .5rem;--border-radius-component: 6px;--border-radius-container: 4px;--space-xs: .25rem;--space-s: .5rem;--space-m: .75rem;--space-l: 1em;--space-xl: 1.5rem}.compact{--space-xs: .15rem;--space-s: .25rem;--space-m: .5rem;--space-l: .75em;--space-xl: 1rem}.compact .select:not(.form-field--control) .select-trigger{height:32px}:root{--primary-solid: #3b82c4;--primary-gradient: linear-gradient(90deg, #3b82c4 0%, #6197ca 45%, #3b82c4 100%);--application__color: var(--primary-solid);--application-gradient: linear-gradient(90deg, #e8f6ff 0%, #d6e9ff 35%, #f7f9ff 70%, #fff8ea 100%);--color-border: #cccccc;--color-border-highlight: #6d5df6;--border-footer: solid 1px var(--color-border);--border-input: solid 1px var(--color-border);--border-radius-input: 6px;--opacity-disabled: .5;--tab-indicator-height: 3px;--spinner-gradient: linear-gradient(90deg, #00b3a6 0%, #6fb6ff 40%, #ffd39a 80%);--surface-base: #ffffff;--on-surface-base: #333333;--surface-input: #ffffff;--on-surface-input: #333333;--surface-input-label: #ffffff;--on-surface-input-label: #64748b;--surface-input-label-floating: #ffffff;--on-surface-input-label-floating: #4c1d95;--surface-shell-header: #ffffff;--on-surface-shell-header: #2d3748;--surface-navigation: #ffffff;--on-surface-navigation: #2d3748;--surface-navigation-item: transparent;--on-surface-navigation-item: #64748b;--surface-navigation-item-active: rgba(255, 255, 255, .5);--on-surface-navigation-item-active: #3b82c4;--surface-navigation-hover: transparent;--on-surface-navigation-hover: #3b82c4;--surface-button-primary: var(--primary-gradient);--on-surface-button-primary: #ffffff;--surface-button-secondary: #f97316;--on-surface-button-secondary: #ffffff;--surface-button-tertiary: transparent;--on-surface-button-tertiary: #374151;--surface-dot-menu: #eeeeee;--on-surface-dot-menu: #374151;--surface-button-hover: #403b9c;--on-surface-button-hover: #ffffff;--surface-tab: transparent;--on-surface-tab: #333333;--surface-tab-hover: transparent;--on-surface-tab-hover: #3b82c4;--surface-tab-active: transparent;--on-surface-tab-active: #3b82c4;--surface-primary: var(--primary-solid);--on-surface-primary: #ffffff;--surface-success: #1fb67a;--on-surface-success: #ffffff;--surface-info: #e6f0ff;--on-surface-info: #0b57d0;--surface-warning: #f59e0b;--on-surface-warning: #ffffff;--surface-danger: #e11d48;--on-surface-danger: #ffffff;--surface-skeleton: #e9ecef;--on-surface-skeleton: #b00020;--surface-skeleton-shimmer: linear-gradient(135deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .65) 50%, rgba(255, 255, 255, 0) 70%);--on-surface-skeleton-shimmer: #b00020;--font-size-title: 24px;--font-weight-title: 600;--line-height-title: 1.2;--letter-spacing-title: normal;--font-family-title: var(--font-family, inherit)}:root h1{font-size:var(--font-size-title);font-weight:var(--font-weight-title);line-height:var(--line-height-title);letter-spacing:var(--letter-spacing-title);font-family:var(--font-family-title);margin:0}:root{--font-size-subtitle: 24px;--font-weight-subtitle: 600;--line-height-subtitle: 1.2;--letter-spacing-subtitle: normal;--font-family-subtitle: var(--font-family, inherit)}:root h2{font-size:var(--font-size-subtitle);font-weight:var(--font-weight-subtitle);line-height:var(--line-height-subtitle);letter-spacing:var(--letter-spacing-subtitle);font-family:var(--font-family-subtitle);margin:0}:root{--font-size-header: 18px;--font-weight-header: 600;--line-height-header: 32px;--letter-spacing-header: normal;--font-family-header: var(--font-family, inherit)}:root h3{font-size:var(--font-size-header);font-weight:var(--font-weight-header);line-height:var(--line-height-header);letter-spacing:var(--letter-spacing-header);font-family:var(--font-family-header);margin:0}:root{--font-size-primary: 16px;--font-weight-primary: 400;--line-height-primary: 1.2;--letter-spacing-primary: normal;--font-family-primary: var(--font-family, inherit)}:root body{font-size:var(--font-size-primary);font-weight:var(--font-weight-primary);line-height:var(--line-height-primary);letter-spacing:var(--letter-spacing-primary);font-family:var(--font-family-primary);margin:0}:root{--font-size-secondary: 14px;--font-weight-secondary: 300;--line-height-secondary: 16px;--letter-spacing-secondary: normal;--font-family-secondary: var(--font-family, inherit)}:root secondary{font-size:var(--font-size-secondary);font-weight:var(--font-weight-secondary);line-height:var(--line-height-secondary);letter-spacing:var(--letter-spacing-secondary);font-family:var(--font-family-secondary);margin:0}:root{--font-size-input: 16px;--font-weight-input: 400;--line-height-input: 24px;--letter-spacing-input: normal;--font-family-input: var(--font-family, inherit)}:root input{font-size:var(--font-size-input);font-weight:var(--font-weight-input);line-height:var(--line-height-input);letter-spacing:var(--letter-spacing-input);font-family:var(--font-family-input);margin:0}:root{--font-size-caption: 14px;--font-weight-caption: 400;--line-height-caption: 24px;--letter-spacing-caption: normal;--font-family-caption: var(--font-family, inherit)}:root label{font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);font-family:var(--font-family-caption);margin:0}:root{--font-size-button: 16px;--font-weight-button: 600;--line-height-button: 24px;--letter-spacing-button: normal;--font-family-button: var(--font-family, inherit)}:root button{font-size:var(--font-size-button);font-weight:var(--font-weight-button);line-height:var(--line-height-button);letter-spacing:var(--letter-spacing-button);font-family:var(--font-family-button);margin:0}html,body{height:100%;padding:0;margin:0}a{color:#fff}

package/dist/types/components/chip-group.vue.d.ts

@@ -0,0 +1,40 @@
+export type ChipGroupItem = string | {
+    label: string;
+    value: string | number;
+    dismissable?: boolean;
+    color?: string;
+    [key: string]: unknown;
+};
+export type ChipGroupProps = {
+    items?: ChipGroupItem[];
+    label?: string;
+    hint?: string;
+    dismissable?: boolean;
+    color?: string;
+    itemKey?: string;
+    itemLabel?: string;
+};
+export type ChipGroupEmits = {
+    (e: 'update:items', items: ChipGroupItem[]): void;
+    (e: 'reorder', items: ChipGroupItem[]): void;
+    (e: 'dismiss', item: ChipGroupItem, index: number): void;
+    (e: 'chip-click', item: ChipGroupItem, index: number): void;
+};
+declare const __VLS_export: import("vue").DefineComponent<ChipGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    dismiss: (item: ChipGroupItem, index: number) => any;
+    "update:items": (items: ChipGroupItem[]) => any;
+    reorder: (items: ChipGroupItem[]) => any;
+    "chip-click": (item: ChipGroupItem, index: number) => any;
+}, string, import("vue").PublicProps, Readonly<ChipGroupProps> & Readonly<{
+    onDismiss?: ((item: ChipGroupItem, index: number) => any) | undefined;
+    "onUpdate:items"?: ((items: ChipGroupItem[]) => any) | undefined;
+    onReorder?: ((items: ChipGroupItem[]) => any) | undefined;
+    "onChip-click"?: ((item: ChipGroupItem, index: number) => any) | undefined;
+}>, {
+    dismissable: boolean;
+    items: ChipGroupItem[];
+    itemKey: string;
+    itemLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/chip-selector.vue.d.ts

@@ -0,0 +1,24 @@
+export interface ChipSelectorOption {
+    label: string;
+    value: string;
+}
+export interface ChipSelectorProps {
+    items?: string[];
+    label?: string;
+    hint?: string;
+    options: ChipSelectorOption[];
+    dialogTitle?: string;
+    addButtonText?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<ChipSelectorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:items": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<ChipSelectorProps> & Readonly<{
+    "onUpdate:items"?: ((value: string[]) => any) | undefined;
+}>, {
+    label: string;
+    items: string[];
+    hint: string;
+    addButtonText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/chip.vue.d.ts

@@ -16,12 +16,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | Record<string, unknown> | undefined) => any;
 } & {
-    "update:modelValue": (v: unknown) => any;
     click: () => any;
+    "update:modelValue": (v: unknown) => any;
     dismiss: (v: unknown) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     onClick?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     onDismiss?: ((v: unknown) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/dialog.vue.d.ts

@@ -19,14 +19,14 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_43) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: boolean) => any;
     cancel: () => any;
     close: () => any;
+    "update:modelValue": (value: boolean) => any;
     confirm: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onCancel?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }>, {
     modelValue: boolean;

package/dist/types/components/editable-label.vue.d.ts

@@ -0,0 +1,13 @@
+type Props = {
+    modelValue?: string;
+    showIcon?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    edit: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onEdit?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/form/form-field.vue.d.ts

@@ -15,13 +15,13 @@ type __VLS_Slots = {} & {
     control?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<FormFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     blur: (...args: any[]) => void;
     focus: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<FormFieldProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => 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;

package/dist/types/components/form/input-select.vue.d.ts

@@ -7,9 +7,9 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         }[];
     }) & {
         onInput?: ((value: string | number) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         onBlur?: ((value: FocusEvent) => any) | undefined;
         onFocus?: ((value: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/types/components/form/input-slider.vue.d.ts

@@ -6,14 +6,14 @@ type Props = FormFieldProps & {
 };
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     input: (value: number) => any;
-    "update:modelValue": (value: number) => any;
     blur: (value: FocusEvent) => any;
     focus: (value: FocusEvent) => any;
+    "update:modelValue": (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onInput?: ((value: number) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
     onBlur?: ((value: FocusEvent) => any) | undefined;
     onFocus?: ((value: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/form/input-text-area.vue.d.ts

@@ -4,14 +4,14 @@ type Props = FormFieldProps & {
 };
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     input: (value: string | number) => any;
-    "update:modelValue": (value: string | number) => any;
     blur: (value: FocusEvent) => any;
     focus: (value: FocusEvent) => any;
+    "update:modelValue": (value: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onInput?: ((value: string | number) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onBlur?: ((value: FocusEvent) => any) | undefined;
     onFocus?: ((value: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/form/input-text.vue.d.ts

@@ -4,14 +4,14 @@ type Props = FormFieldProps & {
 };
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     input: (value: string | number) => any;
-    "update:modelValue": (value: string | number) => any;
     blur: (value: FocusEvent) => any;
     focus: (value: FocusEvent) => any;
+    "update:modelValue": (value: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onInput?: ((value: string | number) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onBlur?: ((value: FocusEvent) => any) | undefined;
     onFocus?: ((value: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/form/input.vue.d.ts

@@ -15,9 +15,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/form/textarea.vue.d.ts

@@ -15,9 +15,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/index.d.ts

@@ -1,8 +1,12 @@
 import ButtonBar from './button-bar.vue';
 import Button from './button.vue';
 import Card from './card.vue';
-import Checkbox from './checkbox.vue';
 import Carousel from './carousel.vue';
+import Checkbox from './checkbox.vue';
+import Radio from './radio.vue';
+import ChipGroup from './chip-group.vue';
+import ChipSelector from './chip-selector.vue';
+import Chip from './chip.vue';
 import Dialog from './dialog.vue';
 import DotMenu from './dot-menu.vue';
 import Icon from './icon.vue';
@@ -13,8 +17,12 @@ import Page from './page.vue';
 import Paginator from './paginator.vue';
 import SearchField from './search-field.vue';
 import Separator from './separator.vue';
+import Spinner from './spinner.vue';
 import TabView from './tab-view.vue';
 import Tab from './tab.vue';
+import EditableLabel from './editable-label.vue';
+import Skeleton from './skeleton.vue';
+export type { ChipSelectorOption, ChipSelectorProps } from './chip-selector.vue';
 export * from './form';
 export * from './shell';
-export { Button, ButtonBar, Card, Carousel, Checkbox, Dialog, DotMenu, Icon, LinkButton, Menu, MenuAction, Page, Paginator, SearchField, Separator, Tab, TabView, };
+export { Button, ButtonBar, Card, Carousel, Checkbox, Radio, Chip, ChipGroup, ChipSelector, Dialog, DotMenu, Icon, LinkButton, Menu, MenuAction, Page, Paginator, SearchField, Separator, Spinner, Tab, TabView, EditableLabel, Skeleton, };

package/dist/types/components/notification/notification.vue.d.ts

@@ -0,0 +1,13 @@
+import { NotificationType } from '../../services';
+export interface NotificationProps {
+    type: NotificationType;
+    title: string;
+    message: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<NotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<NotificationProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/notification/notifications.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/paginator.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     change: (...args: any[]) => void;
     "update:modelValue": (value: number) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => 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;

package/dist/types/components/radio.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    label?: string;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/shell/shell-navigation-item.vue.d.ts

@@ -1,7 +1,7 @@
 type Props = {
     label: string;
     icon?: string;
-    to: string | object;
+    to?: string | object;
 };
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/shell/shell.vue.d.ts

@@ -3,11 +3,13 @@ type Props = {
     icon?: string;
     showNavigation?: boolean;
 };
-declare var __VLS_1: {}, __VLS_8: {};
+declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {};
 type __VLS_Slots = {} & {
     'header-actions'?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_8) => any;
+    'navigation-fixed'?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/types/components/skeleton.vue.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    width?: string;
+    height?: string;
+    borderRadius?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/slider.vue.d.ts

@@ -6,11 +6,11 @@ type Props = {
     range?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: number | [number, number];
     range: boolean;

package/dist/types/config.d.ts

@@ -3,9 +3,11 @@
  * Global defaults for component behavior
  */
 export type LabelPosition = 'inline' | 'outline';
+export type Appearance = 'bordered' | 'underlined';
 export interface VueUIConfig {
     form: {
         labelPosition: LabelPosition;
+        appearance: Appearance;
     };
 }
 /**

package/dist/types/model/FormFieldProps.d.ts

@@ -1,4 +1,4 @@
-import type { LabelPosition } from '../config';
+import type { Appearance, LabelPosition } from '../config';
 export type FormFieldProps = {
     modelValue: string | number | undefined;
     label: string;
@@ -10,4 +10,5 @@ export type FormFieldProps = {
     spanRow?: boolean;
     error?: string;
     labelPosition?: LabelPosition;
+    appearance?: Appearance;
 };

package/dist/types/model/Icons.d.ts

@@ -22,18 +22,58 @@ export declare enum IconNames {
     SHARE = "fa-solid fa-share-nodes",
     SORT = "fa-regular fa-arrow-up-arrow-down",
     CLOSE = "fa-regular fa-circle-xmark",
-    INFO = "fa-regular fa-circle-info",
-    WARNING = "fa-regular fa-triangle-exclamation",
+    SAVE = "fa-regular fa-floppy-disk",
+    COPY = "fa-regular fa-copy",
+    DUPLICATE = "fa-regular fa-clone",
+    CUT = "fa-solid fa-scissors",
+    PASTE = "fa-regular fa-clipboard",
+    REFRESH = "fa-solid fa-rotate-right",
+    RELOAD = "fa-solid fa-arrows-rotate",
+    PRINT = "fa-solid fa-print",
+    FILTER = "fa-solid fa-filter",
+    UNDO = "fa-solid fa-rotate-left",
+    REDO = "fa-solid fa-rotate-right",
+    PIN = "fa-solid fa-thumbtack",
+    EXPAND = "fa-solid fa-expand",
+    COLLAPSE = "fa-solid fa-compress",
+    EXTERNAL_LINK = "fa-solid fa-arrow-up-right-from-square",
+    INFO = "fa-solid fa-circle-info",
+    WARNING = "fa-solid fa-triangle-exclamation",
     ERROR = "fa-regular fa-circle-xmark",
     CHECK = "fa-regular fa-circle-check",
     LOVE = "fa-regular fa-heart",
+    STAR = "fa-regular fa-star",
+    STAR_FILLED = "fa-solid fa-star",
+    HELP = "fa-regular fa-circle-question",
+    QUESTION = "fa-solid fa-question",
     PROJECT = "fa-regular fa-folder-open",
     FOLDER = "fa-regular fa-folder",
     FILE_TEXT = "fa-regular fa-file-lines",
     UPLOAD = "fa-solid fa-cloud-arrow-up",
     DOWNLOAD = "fa-solid fa-cloud-arrow-down",
+    ATTACHMENT = "fa-solid fa-paperclip",
+    LINK = "fa-solid fa-link",
+    TAG = "fa-solid fa-tag",
+    TAGS = "fa-solid fa-tags",
     SEARCH = "fa-solid fa-magnifying-glass",
     MESSAGE_SQUARE = "fa-regular fa-message",
     MAIL = "fa-regular fa-envelope",
-    SHOPPING_BAG = "fa-regular fa-bag-shopping"
+    SHOPPING_BAG = "fa-regular fa-bag-shopping",
+    COMMENT = "fa-regular fa-comment",
+    COMMENTS = "fa-regular fa-comments",
+    CALENDAR = "fa-regular fa-calendar",
+    CALENDAR_DAY = "fa-solid fa-calendar-day",
+    CLOCK = "fa-regular fa-clock",
+    HISTORY = "fa-solid fa-clock-rotate-left",
+    LOCK = "fa-solid fa-lock",
+    UNLOCK = "fa-solid fa-lock-open",
+    EYE = "fa-regular fa-eye",
+    EYE_SLASH = "fa-regular fa-eye-slash",
+    SHIELD = "fa-solid fa-shield",
+    LIST = "fa-solid fa-list",
+    GRID = "fa-solid fa-grid",
+    TABLE = "fa-solid fa-table",
+    COLUMNS = "fa-solid fa-columns",
+    BELL = "fa-regular fa-bell",
+    IMAGE = "fa-regular fa-image"
 }

package/dist/types/services/index.d.ts

@@ -1,5 +1,6 @@
 export * from './aside.service';
 export * from './debounce';
-export * from './flow';
 export * from './dialog.service';
+export * from './flow';
+export * from './notification.service';
 export * from './resizeObserver.service';

package/dist/types/services/notification.service.d.ts

@@ -0,0 +1,62 @@
+export type NotificationType = 'info' | 'warning' | 'error' | 'success';
+export interface Notification {
+    id: string;
+    type: NotificationType;
+    title: string;
+    message: string;
+    duration?: number;
+}
+declare class NotificationService {
+    private notifications;
+    private notificationIdCounter;
+    /**
+     * Gibt die reaktive Liste der Notifications zurück
+     */
+    getNotifications(): import("vue").Ref<{
+        id: string;
+        type: NotificationType;
+        title: string;
+        message: string;
+        duration?: number | undefined;
+    }[], Notification[] | {
+        id: string;
+        type: NotificationType;
+        title: string;
+        message: string;
+        duration?: number | undefined;
+    }[]>;
+    /**
+     * Zeigt eine Notification an
+     * @param type - Der Typ der Notification (info, warning, error, success)
+     * @param message - Die Nachricht
+     * @param duration - Optionale Dauer in ms (Standard: 5000ms, errors bleiben stehen)
+     * @returns Die ID der Notification
+     */
+    show(type: NotificationType, title: string, message: string, duration?: number): string;
+    /**
+     * Zeigt eine Info-Notification
+     */
+    info(title: string, message: string, duration?: number): string;
+    /**
+     * Zeigt eine Warning-Notification
+     */
+    warning(title: string, message: string, duration?: number): string;
+    /**
+     * Zeigt eine Error-Notification (bleibt stehen bis manuell geschlossen)
+     */
+    error(title: string, message: string): string;
+    /**
+     * Zeigt eine Success-Notification
+     */
+    success(title: string, message: string, duration?: number): string;
+    /**
+     * Entfernt eine spezifische Notification
+     */
+    remove(id: string): void;
+    /**
+     * Entfernt alle Notifications
+     */
+    clearAll(): void;
+}
+export declare const notificationService: NotificationService;
+export {};