@kernel4632/kima 0.7.0 → 0.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -0
- package/dist/components/core/drawer.ce.vue_vue_type_style_index_0_scoped_a36af28b_lang.css +1 -0
- package/dist/components/core/menu.ce.vue_vue_type_style_index_0_scoped_597751c9_lang.css +1 -0
- package/dist/components/core/select.ce.vue_vue_type_style_index_0_scoped_f1632b10_lang.css +1 -0
- package/dist/components/display/list.ce.vue_vue_type_style_index_0_scoped_1c170b37_lang.css +1 -0
- package/dist/components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_fe3edf34_lang.css +1 -0
- package/dist/components/utility/listbox.ce.vue_vue_type_style_index_0_scoped_8eab8b73_lang.css +1 -0
- package/dist/kima-elements-core.js +5560 -5488
- package/dist/kima-elements.js +8725 -8621
- package/dist/style.css +6 -6
- package/dist/styles/app-shell.css +1 -1
- package/dist/styles/core.css +4 -4
- package/dist/styles/drawer.css +1 -1
- package/dist/styles/list.css +1 -1
- package/dist/styles/listbox.css +2 -1
- package/dist/styles/menu.css +1 -1
- package/dist/styles/radio-group.css +2 -1
- package/dist/styles/select.css +1 -1
- package/dist/styles/sidebar.css +1 -1
- package/dist/vue/components/core/drawer.ce.js +6 -7
- package/dist/vue/components/core/menu.ce.js +61 -32
- package/dist/vue/components/core/select.ce.js +142 -123
- package/dist/vue/components/display/list.ce.js +16 -3
- package/dist/vue/components/input/radio-group.ce.js +56 -36
- package/dist/vue/components/utility/listbox.ce.js +48 -27
- package/package.json +1 -1
- package/dist/components/core/drawer.ce.vue_vue_type_style_index_0_scoped_f4c35e3a_lang.css +0 -1
- package/dist/components/core/menu.ce.vue_vue_type_style_index_0_scoped_754442d3_lang.css +0 -1
- package/dist/components/core/select.ce.vue_vue_type_style_index_0_scoped_8928e412_lang.css +0 -1
- package/dist/components/display/list.ce.vue_vue_type_style_index_0_scoped_db362eec_lang.css +0 -1
- package/dist/components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_30add112_lang.css +0 -1
- package/dist/components/utility/listbox.ce.vue_vue_type_style_index_0_scoped_0523583b_lang.css +0 -1
package/dist/style.css
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
/*$vite$:1*/
|
|
47
47
|
.kima-divider[data-v-5402a5d3]{align-items:center;gap:var(--kima-space-3);width:100%;min-height:1px;color:var(--kima-color-on-surface-variant);font-family:var(--kima-font-family);display:flex}.kima-divider--inset[data-v-5402a5d3]:not(.kima-divider--vertical){width:auto;margin-inline:var(--kima-space-6)}.kima-divider__line[data-v-5402a5d3]{background:var(--kima-color-outline);flex:auto;min-width:0;height:1px;display:block}.kima-divider__label[data-v-5402a5d3]{font-size:var(--kima-font-size-sm);text-align:center;flex:none;line-height:1.4}.kima-divider--vertical[data-v-5402a5d3]{gap:var(--kima-space-2);flex-direction:column;width:1px;height:100%;min-height:48px}.kima-divider--vertical.kima-divider--inset[data-v-5402a5d3]{height:auto;margin-block:var(--kima-space-6)}.kima-divider--vertical .kima-divider__line[data-v-5402a5d3]{flex:auto;width:1px;height:auto;min-height:0}.kima-divider--vertical .kima-divider__label[data-v-5402a5d3]{writing-mode:vertical-rl}
|
|
48
48
|
/*$vite$:1*/
|
|
49
|
-
@keyframes kima-ripple-glow-
|
|
49
|
+
@keyframes kima-ripple-glow-a36af28b{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-drawer[data-v-a36af28b]{box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.kima-drawer[open][data-v-a36af28b]{display:grid}.kima-drawer[data-v-a36af28b]::backdrop{background:color-mix(in srgb, var(--kima-color-scrim) var(--kima-scrim-opacity), transparent);-webkit-backdrop-filter:blur(var(--kima-backdrop-blur));backdrop-filter:blur(var(--kima-backdrop-blur));transition:opacity var(--kima-duration-slow) var(--kima-curve-emphasized);opacity:1}.kima-drawer.kima-drawer--entering[data-v-a36af28b]::backdrop,.kima-drawer.kima-drawer--leaving[data-v-a36af28b]::backdrop{opacity:0}.kima-drawer--bottom[data-v-a36af28b]{align-items:end}.kima-drawer--bottom .kima-drawer__panel[data-v-a36af28b]{border-radius:var(--kima-radius-xl) var(--kima-radius-xl) 0 0;width:100%;max-height:90dvh;transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized), height var(--kima-duration-slow) var(--kima-spring-snappy);flex-direction:column;display:flex;overflow:hidden}.kima-drawer--bottom.kima-drawer--snapping .kima-drawer__panel[data-v-a36af28b]{flex-direction:column;max-height:none;display:flex;overflow:hidden}.kima-drawer--bottom .kima-drawer__body[data-v-a36af28b]{flex:auto;min-height:0;overflow:auto}.kima-drawer--bottom[data-v-a36af28b]{--kima-drawer-shift:translateY(100%)}.kima-drawer--right[data-v-a36af28b]{justify-items:end}.kima-drawer--right .kima-drawer__panel[data-v-a36af28b]{height:100%;width:min(var(--kima-drawer-max-width), 90vw);border-radius:var(--kima-radius-xl) 0 0 var(--kima-radius-xl);transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized)}.kima-drawer--right[data-v-a36af28b]{--kima-drawer-shift:translateX(100%)}.kima-drawer--left[data-v-a36af28b]{justify-items:start}.kima-drawer--left .kima-drawer__panel[data-v-a36af28b]{height:100%;width:min(var(--kima-drawer-max-width), 90vw);border-radius:0 var(--kima-radius-xl) var(--kima-radius-xl) 0;transition:transform var(--kima-duration-slow) var(--kima-curve-emphasized)}.kima-drawer--left[data-v-a36af28b]{--kima-drawer-shift:translateX(-100%)}.kima-drawer--entering .kima-drawer__panel[data-v-a36af28b],.kima-drawer--leaving .kima-drawer__panel[data-v-a36af28b]{transform:var(--kima-drawer-shift)}.kima-drawer__panel[data-v-a36af28b]{box-sizing:border-box;padding:var(--kima-space-6);background:var(--kima-color-popup-large);box-shadow:var(--kima-elevation-4);box-shadow:var(--kima-elevation-5);border:0;outline:none;overflow:hidden}.kima-drawer__handle[data-v-a36af28b]{width:64px;height:28px;margin:0 auto var(--kima-space-3);cursor:grab;touch-action:none;justify-content:center;align-items:center;display:flex}.kima-drawer__handle[data-v-a36af28b]:before{content:"";border-radius:var(--kima-radius-full);background:var(--kima-color-on-surface-variant);opacity:.4;width:40px;height:4px}.kima-drawer__handle[data-v-a36af28b]:active{cursor:grabbing}.kima-drawer__handle[data-v-a36af28b]:active:before{opacity:.6}.kima-drawer__header[data-v-a36af28b],.kima-drawer__footer[data-v-a36af28b]{align-items:center;gap:var(--kima-space-3);flex:none;display:flex}.kima-drawer__header[data-v-a36af28b]{justify-content:space-between}.kima-drawer__heading[data-v-a36af28b]{min-width:0}.kima-drawer__title[data-v-a36af28b]{color:var(--kima-color-on-surface);font-size:var(--kima-font-size-xl);font-weight:var(--kima-font-weight-bold);margin:0;line-height:1.25}.kima-drawer__header-slot[data-v-a36af28b]{margin-top:var(--kima-space-2)}.kima-drawer__close[data-v-a36af28b]{border-radius:var(--kima-radius-full);width:40px;height:40px;color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);border:0;flex:0 0 40px;justify-content:center;align-items:center;padding:0;display:inline-flex}.kima-drawer__close[data-v-a36af28b]:hover{color:var(--kima-color-on-surface);background:var(--kima-color-layer-3)}.kima-drawer__close[data-v-a36af28b]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:2px}.kima-drawer__body[data-v-a36af28b]{margin:var(--kima-space-5) 0 0}.kima-drawer__description[data-v-a36af28b]{color:var(--kima-color-on-surface-variant);margin:0;line-height:1.5}.kima-drawer__body[data-v-a36af28b]{flex:auto;min-width:0;min-height:0;overflow:auto}.kima-drawer__footer[data-v-a36af28b]{margin-top:var(--kima-space-6);justify-content:flex-end}.kima-drawer--left .kima-drawer__panel[data-v-a36af28b],.kima-drawer--right .kima-drawer__panel[data-v-a36af28b]{flex-direction:column;display:flex}.kima-drawer--left .kima-drawer__body[data-v-a36af28b],.kima-drawer--right .kima-drawer__body[data-v-a36af28b]{flex:auto;overflow:auto}@media (prefers-reduced-motion:reduce){.kima-drawer__panel[data-v-a36af28b]{transition-duration:1ms}}
|
|
50
50
|
/*$vite$:1*/
|
|
51
51
|
.kima-empty-state[data-v-6fcab7b8]{box-sizing:border-box;gap:var(--kima-space-2);width:100%;min-width:0;min-height:220px;padding:var(--kima-space-6);color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-md);letter-spacing:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;line-height:1.5;display:flex}.kima-empty-state__icon[data-v-6fcab7b8]{width:48px;height:48px;color:var(--kima-color-on-surface-variant);flex:0 0 48px;justify-content:center;align-items:center;display:flex}.kima-empty-state__title[data-v-6fcab7b8],.kima-empty-state__description[data-v-6fcab7b8],.kima-empty-state__content[data-v-6fcab7b8]{overflow-wrap:anywhere;min-width:0;max-width:min(100%,440px);margin:0}.kima-empty-state__title[data-v-6fcab7b8]{font-size:var(--kima-font-size-lg);font-weight:var(--kima-font-weight-medium)}.kima-empty-state__description[data-v-6fcab7b8]{color:var(--kima-color-on-surface-variant)}.kima-empty-state__action[data-v-6fcab7b8]{justify-content:center;align-items:center;gap:var(--kima-space-2);max-width:100%;margin-top:var(--kima-space-2);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.kima-empty-state--native .kima-empty-state__icon[data-v-6fcab7b8]:empty,.kima-empty-state--native .kima-empty-state__action[data-v-6fcab7b8]:empty{display:none}:is(.kima-empty-state--native .kima-empty-state__icon[data-v-6fcab7b8]:not(:has(>*)),.kima-empty-state--native .kima-empty-state__action[data-v-6fcab7b8]:not(:has(>*))){display:contents}.kima-empty-state--compact[data-v-6fcab7b8]{min-height:140px;padding:var(--kima-space-4)}.kima-empty-state--compact .kima-empty-state__icon[data-v-6fcab7b8]{flex-basis:32px;width:32px;height:32px}@media (width<=480px){.kima-empty-state[data-v-6fcab7b8]{padding:var(--kima-space-4)}}
|
|
52
52
|
/*$vite$:1*/
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
/*$vite$:1*/
|
|
57
57
|
.kima-layout[data-v-c0d57820]{box-sizing:border-box;width:100%;max-width:var(--kima-layout-max-width);color:var(--kima-color-on-surface);font-family:var(--kima-font-family);margin:0 auto}.kima-layout__header[data-v-c0d57820],.kima-layout__content[data-v-c0d57820],.kima-layout__footer[data-v-c0d57820]{gap:var(--kima-layout-gap);flex-direction:column;display:flex}.kima-layout__content[data-v-c0d57820]{min-width:0}.kima-layout__header+.kima-layout__content[data-v-c0d57820],.kima-layout__content+.kima-layout__footer[data-v-c0d57820]{margin-top:var(--kima-layout-gap)}.kima-layout--page[data-v-c0d57820]{padding:var(--kima-layout-padding,40px)}.kima-layout--panel[data-v-c0d57820]{padding:var(--kima-layout-padding,24px);border-radius:var(--kima-radius-l);background:var(--kima-color-layer-2);border:0}@media (width<=720px){.kima-layout--page[data-v-c0d57820]{padding:var(--kima-space-6)}}@media (width<=480px){.kima-layout--page[data-v-c0d57820],.kima-layout--panel[data-v-c0d57820]{padding:var(--kima-space-4)}}
|
|
58
58
|
/*$vite$:1*/
|
|
59
|
-
@keyframes kima-ripple-glow-
|
|
59
|
+
@keyframes kima-ripple-glow-597751c9{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-shell-menu__popup{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);box-sizing:border-box;z-index:60;width:min(360px,100vw - 24px);max-height:min(70vh, var(--reka-popper-available-height,70vh));padding:var(--kima-space-4);border-radius:var(--kima-radius-l);width:min(260px,100vw - 24px);padding:var(--kima-space-2);border:0;outline:none;line-height:1.5;overflow:auto}[data-v-597751c9] .kima-shell-menu__item:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}[data-v-597751c9] .kima-shell-menu__item:disabled,[data-v-597751c9] .kima-shell-menu__item[aria-disabled=true]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}[data-v-597751c9] .kima-shell-menu__item{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--kima-space-3);width:100%;min-height:48px;padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-s);background:var(--kima-color-transparent);color:var(--kima-color-on-surface);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);border:0;display:flex}[data-v-597751c9] .kima-shell-menu__item:hover:not([aria-disabled=true]):not([data-disabled]),[data-v-597751c9] .kima-shell-menu__item[data-highlighted],[data-v-597751c9] .kima-shell-menu__item[data-active=true]{background:var(--kima-color-layer-3)}[data-v-597751c9] .kima-shell-menu__item[aria-selected=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-597751c9] .kima-shell-menu__item[aria-selected=true]:hover,[data-v-597751c9] .kima-shell-menu__item[aria-selected=true][data-active=true]{background:var(--kima-color-primary-container-hover)}[data-v-597751c9] .kima-shell-menu__item[data-disabled]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}[data-v-597751c9] .kima-shell-menu__item[aria-checked=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-597751c9] .kima-shell-menu__item[aria-checked=true]:hover,[data-v-597751c9] .kima-shell-menu__item[aria-checked=true][data-highlighted]{background:var(--kima-color-primary-container-hover)}[data-v-597751c9] .kima-shell-menu__copy{gap:var(--kima-space-1);display:grid}[data-v-597751c9] .kima-shell-menu__item small{font-size:var(--kima-font-size-sm);opacity:.8}[data-v-597751c9] .kima-shell-menu__separator{height:1px;margin-block:var(--kima-space-2);background:var(--kima-color-outline-variant)}@media (prefers-reduced-motion:reduce){.kima-shell-menu__item[data-v-597751c9]{transition:none}}.kima-menu[data-v-597751c9]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);min-width:180px;line-height:1.5;display:inline-flex;position:relative}.kima-menu--open[data-v-597751c9]{z-index:60}.kima-menu--icon[data-v-597751c9]{min-width:0}.kima-menu__trigger[data-v-597751c9]{position:relative}.kima-menu__trigger[data-v-597751c9]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-menu__trigger[data-v-597751c9]>*{z-index:2;position:relative}.kima-menu__trigger[data-v-597751c9]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-menu__trigger[data-v-597751c9]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-menu__trigger[data-v-597751c9]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-menu__trigger[data-v-597751c9]{position:relative;overflow:hidden}.kima-menu__trigger[data-v-597751c9] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-597751c9 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-menu__trigger[data-v-597751c9]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-menu__trigger[data-v-597751c9]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);justify-content:space-between;align-items:center;gap:var(--kima-space-3);width:100%;min-height:56px;padding:0 var(--kima-space-4);border-radius:var(--kima-radius-m);color:var(--kima-color-on-surface);background:var(--kima-color-layer-2);font:inherit;cursor:pointer;border:0;display:flex}.kima-menu__trigger[data-v-597751c9]:disabled{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-menu--small .kima-menu__trigger[data-v-597751c9]{min-height:40px;padding-inline:var(--kima-space-3)}.kima-menu--icon .kima-menu__trigger[data-v-597751c9]{width:var(--kima-touch-target);min-width:var(--kima-touch-target);aspect-ratio:1;justify-content:center;padding:0}.kima-menu__popup{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);box-sizing:border-box;z-index:60;width:min(360px,100vw - 24px);max-height:min(70vh, var(--reka-popper-available-height,70vh));padding:var(--kima-space-4);border-radius:var(--kima-radius-l);width:max(220px, var(--reka-dropdown-menu-trigger-width));padding:var(--kima-space-2);border:0;outline:none;line-height:1.5;overflow:auto}.kima-menu__search-wrap[data-v-597751c9]{align-items:center;gap:var(--kima-space-2);display:flex}.kima-menu__search[data-v-597751c9]{box-sizing:border-box;width:100%;min-height:48px;margin-bottom:var(--kima-space-2);padding:var(--kima-space-3);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);color:var(--kima-color-on-surface);font:inherit;border:0}.kima-menu__search[data-v-597751c9]:focus{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:-2px}
|
|
60
60
|
/*$vite$:1*/
|
|
61
61
|
@keyframes kima-ripple-glow-8f69e04e{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-notification-enter-active[data-v-8f69e04e]{transition:opacity var(--kima-duration-medium) var(--kima-curve-emphasized), transform var(--kima-duration-medium) var(--kima-curve-emphasized)}.kima-notification-leave-active[data-v-8f69e04e]{pointer-events:none;transition:opacity var(--kima-duration-fast) var(--kima-curve-standard), transform var(--kima-duration-fast) var(--kima-curve-standard)}.kima-notification-enter-from[data-v-8f69e04e],.kima-notification-leave-to[data-v-8f69e04e]{opacity:0}.kima-notification--top-right.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--top-right.kima-notification-leave-to[data-v-8f69e04e],.kima-notification--bottom-right.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--bottom-right.kima-notification-leave-to[data-v-8f69e04e]{transform:translate(calc(100% + 24px))}.kima-notification--top-left.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--top-left.kima-notification-leave-to[data-v-8f69e04e],.kima-notification--bottom-left.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--bottom-left.kima-notification-leave-to[data-v-8f69e04e]{transform:translate(calc(-100% - 24px))}.kima-notification--top.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--top-center.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--top.kima-notification-leave-to[data-v-8f69e04e],.kima-notification--top-center.kima-notification-leave-to[data-v-8f69e04e]{transform:translate(-50%)translateY(calc(-100% - 24px))}.kima-notification--bottom.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--bottom-center.kima-notification-enter-from[data-v-8f69e04e],.kima-notification--bottom.kima-notification-leave-to[data-v-8f69e04e],.kima-notification--bottom-center.kima-notification-leave-to[data-v-8f69e04e]{transform:translate(-50%)translateY(calc(100% + 24px))}.kima-notification[data-v-8f69e04e]{box-sizing:border-box;z-index:1100;align-items:flex-start;gap:var(--kima-space-3);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--kima-space-4);border-radius:var(--kima-radius-l);color:var(--kima-color-on-surface);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-4);font-family:var(--kima-font-family);border:0;display:flex;position:fixed;overflow:auto}.kima-notification__icon[data-v-8f69e04e]{width:24px;height:calc(var(--kima-font-size-md) * 1.3);opacity:.9;flex:none;justify-content:center;align-items:center;display:inline-flex}.kima-notification--top[data-v-8f69e04e],.kima-notification--top-center[data-v-8f69e04e],.kima-notification--top-left[data-v-8f69e04e],.kima-notification--top-right[data-v-8f69e04e]{top:var(--kima-space-4)}.kima-notification--bottom[data-v-8f69e04e],.kima-notification--bottom-center[data-v-8f69e04e],.kima-notification--bottom-left[data-v-8f69e04e],.kima-notification--bottom-right[data-v-8f69e04e]{bottom:var(--kima-space-4)}.kima-notification--top[data-v-8f69e04e],.kima-notification--bottom[data-v-8f69e04e],.kima-notification--top-center[data-v-8f69e04e],.kima-notification--bottom-center[data-v-8f69e04e]{left:50%;transform:translate(-50%)}.kima-notification--top-left[data-v-8f69e04e],.kima-notification--bottom-left[data-v-8f69e04e]{left:var(--kima-space-4)}.kima-notification--top-right[data-v-8f69e04e],.kima-notification--bottom-right[data-v-8f69e04e]{right:var(--kima-space-4)}.kima-notification--info[data-v-8f69e04e]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-notification--warning[data-v-8f69e04e]{color:var(--kima-color-on-warning);background:var(--kima-color-warning)}.kima-notification--success[data-v-8f69e04e]{color:var(--kima-color-on-success);background:var(--kima-color-success)}.kima-notification--danger[data-v-8f69e04e]{color:var(--kima-color-on-danger);background:var(--kima-color-danger)}.kima-notification__copy[data-v-8f69e04e]{gap:var(--kima-space-1);overflow-wrap:anywhere;flex-direction:column;flex:auto;min-width:0;display:flex}.kima-notification__title[data-v-8f69e04e]{font-size:var(--kima-font-size-md);font-weight:var(--kima-font-weight-bold);line-height:1.3}.kima-notification__message[data-v-8f69e04e]{font-size:var(--kima-font-size-sm);line-height:1.45}.kima-notification__action[data-v-8f69e04e]{margin-top:var(--kima-space-2);gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-notification__action[data-v-8f69e04e]:empty{display:none}.kima-notification__close[data-v-8f69e04e]{width:32px;height:32px;margin:calc((var(--kima-font-size-md) * 1.3 - 32px) / 2) calc(var(--kima-space-1) * -1) 0 0;border-radius:var(--kima-radius-full);color:inherit;background:var(--kima-color-transparent);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.kima-notification__close[data-v-8f69e04e]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-8f69e04e]>*{z-index:2;position:relative}.kima-notification__close[data-v-8f69e04e]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-notification__close[data-v-8f69e04e]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-notification__close[data-v-8f69e04e]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-notification__close[data-v-8f69e04e]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-notification__close[data-v-8f69e04e]{position:relative;overflow:hidden}.kima-notification__close[data-v-8f69e04e] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-8f69e04e var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-notification__close[data-v-8f69e04e]{transition:background-color var(--kima-duration-effects) var(--kima-curve-standard)}.kima-notification__close[data-v-8f69e04e]:hover{background:color-mix(in srgb, currentColor 12%, var(--kima-color-transparent))}@media (prefers-reduced-motion:reduce){.kima-notification__close[data-v-8f69e04e]{transition:none}.kima-notification-enter-active[data-v-8f69e04e],.kima-notification-leave-active[data-v-8f69e04e]{transition-duration:1ms}.kima-notification-enter-from[data-v-8f69e04e],.kima-notification-leave-to[data-v-8f69e04e]{transform:none}.kima-notification--top[data-v-8f69e04e],.kima-notification--top-center[data-v-8f69e04e],.kima-notification--bottom[data-v-8f69e04e],.kima-notification--bottom-center[data-v-8f69e04e]{transform:translate(-50%)}}@media (width<=600px){.kima-notification--top[data-v-8f69e04e],.kima-notification--top-left[data-v-8f69e04e],.kima-notification--top-center[data-v-8f69e04e],.kima-notification--top-right[data-v-8f69e04e]{top:var(--kima-space-3)}.kima-notification--bottom[data-v-8f69e04e],.kima-notification--bottom-left[data-v-8f69e04e],.kima-notification--bottom-center[data-v-8f69e04e],.kima-notification--bottom-right[data-v-8f69e04e]{bottom:var(--kima-space-3)}.kima-notification--top-left[data-v-8f69e04e],.kima-notification--bottom-left[data-v-8f69e04e]{left:var(--kima-space-3)}.kima-notification--top-right[data-v-8f69e04e],.kima-notification--bottom-right[data-v-8f69e04e]{right:var(--kima-space-3)}}
|
|
62
62
|
/*$vite$:1*/
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
/*$vite$:1*/
|
|
65
65
|
.kima-progress[data-v-84d44589]{width:100%;color:var(--kima-color-on-surface);display:block}.kima-progress__bar[data-v-84d44589]{width:100%;height:var(--kima-progress-height);appearance:none;border-radius:var(--kima-radius-full);background:var(--kima-color-layer-3);border:0;display:block;overflow:hidden}.kima-progress__bar[data-v-84d44589]::-webkit-progress-bar{border-radius:var(--kima-radius-full);background:var(--kima-color-layer-3)}.kima-progress__bar[data-v-84d44589]::-webkit-progress-value{transition:width var(--kima-duration-medium) var(--kima-curve-standard);border-radius:var(--kima-radius-full);background:var(--kima-color-primary)}.kima-progress__bar[data-v-84d44589]::-moz-progress-bar{transition:width var(--kima-duration-medium) var(--kima-curve-standard);border-radius:var(--kima-radius-full);background:var(--kima-color-primary)}.kima-progress__track[data-v-84d44589]{height:var(--kima-progress-height);border-radius:var(--kima-radius-full);display:block;position:relative;overflow:hidden}.kima-progress__motion[data-v-84d44589]{background:var(--kima-color-layer-3);pointer-events:none;position:absolute;inset:0;overflow:hidden}.kima-progress__motion>span[data-v-84d44589]{border-radius:var(--kima-radius-full);background:var(--kima-color-primary);width:40%;height:100%;animation:1.4s linear infinite kima-progress-motion-84d44589;display:block}@keyframes kima-progress-motion-84d44589{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.kima-progress__bar[data-v-84d44589]::-webkit-progress-value{transition:none}.kima-progress__bar[data-v-84d44589]::-moz-progress-bar{transition:none}.kima-progress__motion>span[data-v-84d44589]{margin-inline:auto;animation:none}}
|
|
66
66
|
/*$vite$:1*/
|
|
67
|
-
@keyframes kima-ripple-glow-
|
|
67
|
+
@keyframes kima-ripple-glow-f1632b10{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-select[data-v-f1632b10]{gap:var(--kima-space-1);width:100%;min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);flex-direction:column;display:inline-flex;position:relative}.kima-select__control[data-v-f1632b10]{align-items:center;gap:var(--kima-space-1);height:var(--kima-field-height);box-sizing:border-box;padding-right:var(--kima-space-2);border-radius:var(--kima-radius-m);background:var(--kima-color-layer-2);transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);display:flex;position:relative}.kima-select__control[data-v-f1632b10]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-select__control[data-v-f1632b10]>*{z-index:2;position:relative}.kima-select__control[data-v-f1632b10]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-select__control[data-v-f1632b10]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-select__control[data-v-f1632b10]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-select__control[data-v-f1632b10]{position:relative;overflow:hidden}.kima-select__control[data-v-f1632b10] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-f1632b10 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-select__control[data-v-f1632b10]:hover:not([aria-disabled=true]),.kima-select--open .kima-select__control[data-v-f1632b10]{background:var(--kima-color-layer-3)}.kima-select__control[data-v-f1632b10]:focus-within{box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-select--open .kima-select__control[data-v-f1632b10]:focus-within{box-shadow:none}.kima-select--disabled .kima-select__control[data-v-f1632b10]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-select__trigger[data-v-f1632b10]{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--kima-space-3);min-width:0;height:100%;padding:0 0 0 var(--kima-field-padding);color:var(--kima-color-on-surface);background:var(--kima-color-transparent);font:inherit;font-size:var(--kima-font-size-body-large);text-align:left;cursor:pointer;border:0;flex:auto;display:flex}.kima-select__trigger[data-v-f1632b10]:disabled{cursor:not-allowed}.kima-select__trigger-label[data-v-f1632b10]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kima-select__trigger-label--placeholder[data-v-f1632b10],.kima-select__search[data-v-f1632b10]::placeholder{color:var(--kima-color-on-surface-variant)}.kima-select__arrow[data-v-f1632b10]{margin-right:var(--kima-space-2);color:var(--kima-color-on-surface-variant);transition:transform var(--kima-duration-fast) var(--kima-ease-standard);flex:none}.kima-select--open .kima-select__arrow[data-v-f1632b10]{transform:rotate(180deg)}.kima-select__clear[data-v-f1632b10]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);border-radius:var(--kima-radius-full);width:28px;height:28px;color:var(--kima-color-on-surface-variant);background:var(--kima-color-transparent);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.kima-select__clear[data-v-f1632b10]:hover:not(:disabled),.kima-select__clear[data-v-f1632b10]:focus-visible{color:var(--kima-color-primary);background:var(--kima-color-layer-3)}.kima-select__clear[data-v-f1632b10]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:1px}.kima-select__clear[data-v-f1632b10]:disabled{cursor:not-allowed}.kima-select__native[data-v-f1632b10]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.kima-select__popup[data-v-f1632b10]{box-sizing:border-box;z-index:20;width:100%;max-height:min(360px,50vh);padding:var(--kima-space-2);border-radius:var(--kima-radius-md);background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);border:0;position:fixed;top:0;left:0;overflow:auto}.kima-select__search-wrap[data-v-f1632b10]{margin-bottom:var(--kima-space-2);align-items:center;display:flex;position:relative}.kima-select__search-icon[data-v-f1632b10]{left:var(--kima-space-3);color:var(--kima-color-on-surface-variant);pointer-events:none;position:absolute}.kima-select__search[data-v-f1632b10]{box-sizing:border-box;width:100%;min-height:var(--kima-touch-target);padding:0 var(--kima-space-3) 0 40px;border-radius:var(--kima-radius-m);color:var(--kima-color-on-surface);background:var(--kima-color-layer-2);font:inherit;border:0;outline:none}.kima-select__search[data-v-f1632b10]:focus{background:var(--kima-color-layer-3);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-select__options[data-v-f1632b10]{gap:var(--kima-space-1);display:grid}.kima-select__option[data-v-f1632b10]{justify-content:space-between;align-items:center;gap:var(--kima-space-3);min-height:44px;padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-sm);color:var(--kima-color-on-surface);cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);display:flex}.kima-select__option[data-v-f1632b10]:hover,.kima-select__option[data-v-f1632b10]:focus-visible,.kima-select__option--active[data-v-f1632b10]{background:var(--kima-color-layer-3)}.kima-select__option[data-v-f1632b10]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:-2px}.kima-select__option--selected[data-v-f1632b10]{color:var(--kima-color-primary)}.kima-select__option[aria-disabled=true][data-v-f1632b10]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-select__option-copy[data-v-f1632b10]{gap:var(--kima-space-1);min-width:0;display:grid}.kima-select__option-label[data-v-f1632b10],.kima-select__option-description[data-v-f1632b10]{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.kima-select__trigger[data-v-f1632b10],.kima-select__arrow[data-v-f1632b10],.kima-select__option[data-v-f1632b10]{transition:none}}.kima-select__option-description[data-v-f1632b10],.kima-select__empty[data-v-f1632b10]{color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-sm)}.kima-select__check[data-v-f1632b10]{color:inherit;flex:none}.kima-select__empty[data-v-f1632b10],.kima-select__status[data-v-f1632b10]{padding:var(--kima-space-3);text-align:center}.kima-select__status--error[data-v-f1632b10]{color:var(--kima-color-error)}.kima-select__status button[data-v-f1632b10]{color:var(--kima-color-primary);font:inherit;cursor:pointer;background:0 0;border:0;margin-inline-start:var(--kima-space-2);text-decoration:underline}
|
|
68
68
|
/*$vite$:1*/
|
|
69
69
|
.kima-slider[data-v-746583af]{width:100%;color:var(--kima-color-on-surface);display:block}.kima-slider__header[data-v-746583af]{margin-bottom:var(--kima-space-1);justify-content:flex-end;display:flex}.kima-slider__value[data-v-746583af]{color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-label-large);font-variant-numeric:tabular-nums;line-height:1.35}.kima-slider__input[data-v-746583af]{--kima-slider-fill-color:var(--kima-color-primary);--kima-slider-track-color:var(--kima-color-track);width:100%;height:calc(var(--kima-slider-handle-height) + 4px);appearance:none;background:var(--kima-color-transparent);cursor:pointer;margin:0;display:block}.kima-slider__input[data-v-746583af]::-webkit-slider-runnable-track{height:var(--kima-slider-track-height);border-radius:var(--kima-radius-s);background:linear-gradient(to right, var(--kima-slider-fill-color) 0 var(--kima-slider-fill), var(--kima-slider-track-color) var(--kima-slider-fill) 100%)}.kima-slider__input[data-v-746583af]::-webkit-slider-thumb{width:var(--kima-slider-handle-width);height:var(--kima-slider-handle-height);margin-top:calc((var(--kima-slider-track-height) - var(--kima-slider-handle-height)) / 2);appearance:none;border-radius:var(--kima-radius-full);background:var(--kima-slider-fill-color);transition:width var(--kima-duration-effects) var(--kima-curve-standard);border:0}.kima-slider__input[data-v-746583af]:hover:not(:disabled)::-webkit-slider-thumb{width:calc(var(--kima-slider-handle-width) + 4px)}.kima-slider__input[data-v-746583af]::-moz-range-track{height:var(--kima-slider-track-height);border-radius:var(--kima-radius-s);background:var(--kima-slider-track-color)}.kima-slider__input[data-v-746583af]::-moz-range-progress{height:var(--kima-slider-track-height);border-radius:var(--kima-radius-s);background:var(--kima-slider-fill-color)}.kima-slider__input[data-v-746583af]::-moz-range-thumb{width:var(--kima-slider-handle-width);height:var(--kima-slider-handle-height);border-radius:var(--kima-radius-full);background:var(--kima-slider-fill-color);transition:width var(--kima-duration-effects) var(--kima-curve-standard);border:0}.kima-slider__input[data-v-746583af]:hover:not(:disabled)::-moz-range-thumb{width:calc(var(--kima-slider-handle-width) + 4px)}.kima-slider__input[data-v-746583af]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-slider__input[data-v-746583af]:disabled{--kima-slider-fill-color:var(--kima-color-on-surface-38);--kima-slider-track-color:var(--kima-color-on-surface-12);cursor:not-allowed}.kima-slider--disabled .kima-slider__value[data-v-746583af]{color:var(--kima-color-on-surface-38)}@media (prefers-reduced-motion:reduce){.kima-slider__input[data-v-746583af]::-webkit-slider-thumb{transition:none}.kima-slider__input[data-v-746583af]::-moz-range-thumb{transition:none}}
|
|
70
70
|
/*$vite$:1*/
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
/*$vite$:1*/
|
|
117
117
|
@keyframes kima-ripple-glow-d16b864e{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-image[data-v-d16b864e]{box-sizing:border-box;min-width:0;font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);font-weight:var(--kima-font-weight-semi-bold);line-height:var(--kima-line-height-normal);color:var(--kima-color-on-surface);overflow-wrap:anywhere;margin:0}.kima-image__frame[data-v-d16b864e]{background:var(--kima-color-layer-1);border-radius:var(--kima-radius-m);border:0;min-height:160px;display:grid;position:relative;overflow:hidden}.kima-image__frame[data-v-d16b864e]>*{grid-area:1/1}.kima-image img[data-v-d16b864e]{width:100%;height:auto;transition:opacity var(--kima-duration-medium) var(--kima-curve-standard);display:block}.kima-image[data-state=loading] img[data-v-d16b864e]{opacity:0}.kima-image__placeholder[data-v-d16b864e]{place-items:center;min-height:160px;display:grid}.kima-image__error[data-v-d16b864e]{min-height:160px;padding:var(--kima-space-6);gap:var(--kima-space-3);color:var(--kima-color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;display:flex}.kima-image figcaption[data-v-d16b864e]{margin-top:var(--kima-space-3);color:var(--kima-color-on-surface-variant)}
|
|
118
118
|
/*$vite$:1*/
|
|
119
|
-
@keyframes kima-ripple-glow-
|
|
119
|
+
@keyframes kima-ripple-glow-1c170b37{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-list[data-v-1c170b37]{box-sizing:border-box;min-width:0;font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);font-weight:var(--kima-font-weight-semi-bold);line-height:var(--kima-line-height-normal);color:var(--kima-color-on-surface);overflow-wrap:anywhere;gap:var(--kima-list-gap,var(--kima-space-3));width:100%;min-width:0;margin:0;padding:0;list-style-position:inside;display:grid}.kima-list[data-v-1c170b37]:is(ul){list-style:none}.kima-list__item[data-v-1c170b37]{background:var(--kima-color-layer-1);min-height:var(--kima-list-item-height);padding:var(--kima-space-5);border-radius:var(--kima-radius-m);border:0}.kima-list--plain .kima-list__item[data-v-1c170b37]{background:0 0;border-radius:0;min-height:0;padding:0}.kima-list:is(ul) .kima-list__item[data-v-1c170b37]{align-items:center;gap:var(--kima-space-4);display:flex}.kima-list__body[data-v-1c170b37]{flex:1;min-width:0}.kima-list p[data-v-1c170b37]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}.kima-list__action[data-v-1c170b37]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-list__empty[data-v-1c170b37]{padding:var(--kima-space-6);color:var(--kima-color-on-surface-variant);list-style:none}
|
|
120
120
|
/*$vite$:1*/
|
|
121
121
|
@keyframes kima-ripple-glow-f08cf21f{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-result__icon[data-v-f08cf21f]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard)}.kima-result[data-v-f08cf21f]{box-sizing:border-box;min-width:0;font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);font-weight:var(--kima-font-weight-semi-bold);line-height:var(--kima-line-height-normal);color:var(--kima-color-on-surface);overflow-wrap:anywhere;background:var(--kima-color-layer-1);width:100%;min-width:0;padding:var(--kima-space-6);border-radius:var(--kima-radius-m);--kima-display-tone:var(--kima-color-on-surface-variant);border:0;display:block}.kima-result[data-variant=info][data-v-f08cf21f]{--kima-display-tone:var(--kima-color-primary)}.kima-result[data-variant=success][data-v-f08cf21f]{--kima-display-tone:var(--kima-color-success)}.kima-result[data-variant=warning][data-v-f08cf21f]{--kima-display-tone:var(--kima-color-warning)}.kima-result[data-variant=danger][data-v-f08cf21f]{--kima-display-tone:var(--kima-color-error)}.kima-result[data-v-f08cf21f]{text-align:center;align-items:center;gap:var(--kima-space-4);padding-block:var(--kima-space-10);flex-direction:column;display:flex}.kima-result__icon[data-v-f08cf21f]{color:var(--kima-display-tone);display:inline-flex}.kima-result h2[data-v-f08cf21f],.kima-result p[data-v-f08cf21f]{max-width:48ch;margin:0}.kima-result h2[data-v-f08cf21f]{font-size:var(--kima-font-size-headline-small)}.kima-result p[data-v-f08cf21f]{color:var(--kima-color-on-surface-variant)}.kima-result__content[data-v-f08cf21f]{width:100%}.kima-result__content[data-v-f08cf21f]:empty,.kima-result__actions[data-v-f08cf21f]:empty{display:none}.kima-result__actions[data-v-f08cf21f]{justify-content:center;gap:var(--kima-space-3);flex-wrap:wrap;display:flex}
|
|
122
122
|
/*$vite$:1*/
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
/*$vite$:1*/
|
|
177
177
|
@keyframes kima-ripple-glow-0d93e989{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-pin-input[data-v-0d93e989]{box-sizing:border-box;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-large);font-weight:var(--kima-font-weight-semi-bold)}.kima-pin-input[aria-disabled=true][data-v-0d93e989]{opacity:var(--kima-opacity-disabled)}.kima-pin-input[data-v-0d93e989]{background:var(--kima-color-layer-2);border:0;position:relative}.kima-pin-input[data-v-0d93e989]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-pin-input[data-v-0d93e989]>*{z-index:2;position:relative}.kima-pin-input[data-v-0d93e989]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-pin-input[data-v-0d93e989]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-pin-input[data-v-0d93e989]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-pin-input[data-v-0d93e989]{position:relative;overflow:hidden}.kima-pin-input[data-v-0d93e989] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-0d93e989 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-pin-input[data-v-0d93e989]{border-radius:var(--kima-radius-m);transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard)}.kima-pin-input[data-v-0d93e989]:focus-within{background:var(--kima-color-layer-3);box-shadow:inset 0 0 0 var(--kima-outline-width-focused) var(--kima-color-primary)}.kima-pin-input[data-v-0d93e989]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);font-size:var(--kima-font-size-title-large);width:calc(var(--kima-pin-length) * 2.5ch);background:var(--kima-color-transparent);max-width:100%;display:inline-grid}.kima-pin-input__cells[data-v-0d93e989]{grid-template-columns:repeat(var(--kima-pin-length), 1fr);gap:var(--kima-space-1);pointer-events:none;grid-area:1/1;display:grid}.kima-pin-input__cell[data-v-0d93e989]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);background:var(--kima-color-layer-2);border-radius:var(--kima-radius-s)}.kima-pin-input input[data-v-0d93e989]{box-sizing:border-box;min-width:0;min-height:var(--kima-field-height);padding:var(--kima-space-3) var(--kima-field-padding);border-radius:inherit;color:inherit;background:var(--kima-color-transparent);font:inherit;border:0;outline:0}.kima-pin-input input[data-v-0d93e989]::placeholder{color:var(--kima-color-on-surface-variant)}.kima-pin-input input[data-v-0d93e989]:disabled{cursor:not-allowed}.kima-pin-input input[data-v-0d93e989]{width:100%;font-size:inherit;letter-spacing:1.5ch;grid-area:1/1;padding-inline:.75ch 0}
|
|
178
178
|
/*$vite$:1*/
|
|
179
|
-
@keyframes kima-ripple-glow-
|
|
179
|
+
@keyframes kima-ripple-glow-fe3edf34{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-radio-group[data-v-fe3edf34]{box-sizing:border-box;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-large);font-weight:var(--kima-font-weight-semi-bold)}.kima-radio-group[aria-disabled=true][data-v-fe3edf34]{opacity:var(--kima-opacity-disabled)}.kima-radio-group[data-v-fe3edf34]{position:relative;overflow:hidden}.kima-radio-group[data-v-fe3edf34] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-fe3edf34 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-radio-group[data-v-fe3edf34]{gap:var(--kima-space-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.kima-radio-group[aria-orientation=horizontal][data-v-fe3edf34]{flex-flow:wrap}.kima-radio-group__item[data-v-fe3edf34]{position:relative}.kima-radio-group__item[data-v-fe3edf34]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-radio-group__item[data-v-fe3edf34]>*{z-index:2;position:relative}.kima-radio-group__item[data-v-fe3edf34]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-radio-group__item[data-v-fe3edf34]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-radio-group__item[data-v-fe3edf34]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-radio-group__item[data-v-fe3edf34]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);align-items:center;gap:var(--kima-space-3);min-height:var(--kima-field-height);padding:0 var(--kima-space-3);border-radius:var(--kima-radius-m);cursor:pointer;display:inline-flex}.kima-radio-group__item[data-v-fe3edf34]:has(input:checked){background:var(--kima-color-primary-container);color:var(--kima-color-on-primary-container)}.kima-radio-group__item[data-v-fe3edf34]:has(input:focus-visible){outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:calc(-1 * var(--kima-focus-ring-width))}.kima-radio-group__item--disabled[data-v-fe3edf34]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-radio-group__item__copy[data-v-fe3edf34]{gap:var(--kima-space-1);flex:auto;min-width:0;display:grid}.kima-radio-group__item__copy small[data-v-fe3edf34]{color:var(--kima-color-on-surface-variant)}.kima-radio-group input[data-v-fe3edf34]{appearance:none;border:2px solid var(--kima-color-outline);border-radius:var(--kima-radius-full);width:24px;height:24px;cursor:inherit;transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);outline:0;flex-shrink:0;margin:0;transition-property:border-width,border-color,background-color}.kima-radio-group input[data-v-fe3edf34]:checked{border:7px solid var(--kima-color-primary);background:var(--kima-color-on-primary)}
|
|
180
180
|
/*$vite$:1*/
|
|
181
181
|
@keyframes kima-ripple-glow-23c50b69{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-rating-wrap[data-v-23c50b69]{box-sizing:border-box;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-large);font-weight:var(--kima-font-weight-semi-bold)}.kima-rating-wrap[aria-disabled=true][data-v-23c50b69]{opacity:var(--kima-opacity-disabled)}.kima-rating-wrap[data-v-23c50b69]{align-items:center;gap:var(--kima-space-2);flex-wrap:wrap;display:inline-flex}.kima-rating[data-v-23c50b69]{position:relative;overflow:hidden}.kima-rating[data-v-23c50b69] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-23c50b69 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-rating[data-v-23c50b69]{border-radius:var(--kima-radius-m);display:inline-flex}.kima-rating[aria-disabled=true][data-v-23c50b69]{opacity:var(--kima-opacity-disabled)}.kima-rating__star[data-v-23c50b69]{position:relative}.kima-rating__star[data-v-23c50b69]:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--kima-duration-effects) var(--kima-curve-standard);background:currentColor;position:absolute;inset:0}.kima-rating__star[data-v-23c50b69]>*{z-index:2;position:relative}.kima-rating__star[data-v-23c50b69]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-rating__star[data-v-23c50b69]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-rating__star[data-v-23c50b69]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-rating__star[data-v-23c50b69]{transition:color var(--kima-duration-effects) var(--kima-curve-standard), background-color var(--kima-duration-effects) var(--kima-curve-standard), border-color var(--kima-duration-effects) var(--kima-curve-standard), box-shadow var(--kima-duration-effects) var(--kima-curve-standard), opacity var(--kima-duration-effects) var(--kima-curve-standard);min-width:44px;min-height:var(--kima-field-height);border-radius:var(--kima-radius-m);color:var(--kima-color-on-surface-variant);cursor:pointer;place-items:center;display:grid}.kima-rating__star--filled[data-v-23c50b69]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-rating__star[data-v-23c50b69]:has(input:focus-visible){outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:calc(-1 * var(--kima-focus-ring-width))}.kima-rating__star input[data-v-23c50b69]{opacity:0;z-index:3;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}
|
|
182
182
|
/*$vite$:1*/
|
|
@@ -252,7 +252,7 @@ kima-affix{display:contents}.kima-affix[data-v-f21e108b]{z-index:10;color:var(--
|
|
|
252
252
|
/*$vite$:1*/
|
|
253
253
|
@keyframes kima-ripple-glow-1edb2eb1{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-float-button[data-v-1edb2eb1]{align-items:flex-end;gap:var(--kima-space-3);flex-direction:column;display:inline-flex;position:relative}.kima-float-button__actions[data-v-1edb2eb1]{background:var(--kima-color-popup);box-shadow:var(--kima-elevation-3);gap:var(--kima-space-2);padding:var(--kima-space-3);border-radius:var(--kima-radius-l);border:0;display:grid}.kima-float-button__trigger[data-v-1edb2eb1]{min-height:56px}
|
|
254
254
|
/*$vite$:1*/
|
|
255
|
-
@keyframes kima-ripple-glow-
|
|
255
|
+
@keyframes kima-ripple-glow-8eab8b73{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-listbox[data-v-8eab8b73]{min-width:0;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-size:var(--kima-font-size-body-medium);background:var(--kima-color-layer-1);width:100%;padding:var(--kima-space-2);border-radius:var(--kima-radius-m);border:0;line-height:1.5}.kima-listbox__option[data-v-8eab8b73]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-listbox__option[data-v-8eab8b73]:disabled,.kima-listbox__option[aria-disabled=true][data-v-8eab8b73]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-listbox__option[data-v-8eab8b73]{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--kima-space-3);width:100%;min-height:48px;padding:var(--kima-space-2) var(--kima-space-3);border-radius:var(--kima-radius-s);background:var(--kima-color-transparent);color:var(--kima-color-on-surface);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--kima-duration-effects) var(--kima-curve-standard), color var(--kima-duration-effects) var(--kima-curve-standard);border:0;display:flex}.kima-listbox__option[data-v-8eab8b73]:hover:not([aria-disabled=true]):not([data-disabled]),.kima-listbox__option[data-highlighted][data-v-8eab8b73],.kima-listbox__option[data-active=true][data-v-8eab8b73]{background:var(--kima-color-layer-3)}.kima-listbox__option[aria-selected=true][data-v-8eab8b73]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-listbox__option[aria-selected=true][data-v-8eab8b73]:hover,.kima-listbox__option[aria-selected=true][data-active=true][data-v-8eab8b73]{background:var(--kima-color-primary-container-hover)}.kima-listbox__option[data-disabled][data-v-8eab8b73]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-listbox__option-copy[data-v-8eab8b73]{gap:var(--kima-space-1);min-width:0;display:grid}.kima-listbox__option-copy small[data-v-8eab8b73]{color:var(--kima-color-on-surface-variant)}.kima-listbox__check[data-v-8eab8b73]{margin-inline-start:auto}
|
|
256
256
|
/*$vite$:1*/
|
|
257
257
|
@keyframes kima-ripple-glow-4109ea9a{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-loading-bar[data-v-4109ea9a]{width:100%}.kima-loading-bar__track[data-v-4109ea9a]{border-radius:var(--kima-radius-full);background:var(--kima-color-layer-2);height:5px;overflow:hidden}.kima-loading-bar__fill[data-v-4109ea9a]{background:var(--kima-color-primary);height:100%;transition:width var(--kima-duration-medium) var(--kima-curve-standard), background-color var(--kima-duration-effects)}.kima-loading-bar__fill--error[data-v-4109ea9a]{background:var(--kima-color-error)}.kima-loading-bar__status[data-v-4109ea9a]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.kima-loading-bar__fill[data-v-4109ea9a]{transition:none}}
|
|
258
258
|
/*$vite$:1*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/button.ce.vue_vue_type_style_index_0_scoped_ba403858_lang.css";
|
|
3
3
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
4
|
-
@import "../components/core/drawer.ce.
|
|
4
|
+
@import "../components/core/drawer.ce.vue_vue_type_style_index_0_scoped_a36af28b_lang.css";
|
|
5
5
|
@import "../components/shell/app-shell.ce.vue_vue_type_style_index_0_scoped_abea9686_lang.css";
|
package/dist/styles/core.css
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
@import "../components/core/date-picker.ce.vue_vue_type_style_index_0_scoped_f55122f3_lang.css";
|
|
15
15
|
@import "../components/core/dialog.ce.vue_vue_type_style_index_0_scoped_1932cdee_lang.css";
|
|
16
16
|
@import "../components/core/divider.ce.vue_vue_type_style_index_0_scoped_5402a5d3_lang.css";
|
|
17
|
-
@import "../components/core/drawer.ce.
|
|
17
|
+
@import "../components/core/drawer.ce.vue_vue_type_style_index_0_scoped_a36af28b_lang.css";
|
|
18
18
|
@import "../components/core/empty-state.ce.vue_vue_type_style_index_0_scoped_6fcab7b8_lang.css";
|
|
19
19
|
@import "../components/input/field.ce.vue_vue_type_style_index_0_scoped_f2ce3fc2_lang.css";
|
|
20
20
|
@import "../components/foundation/field-group.ce.vue_vue_type_style_index_0_scoped_144ed12e_lang.css";
|
|
@@ -22,14 +22,14 @@
|
|
|
22
22
|
@import "../components/form-completion/form.ce.vue_vue_type_style_index_0_scoped_f8f70e6f_lang.css";
|
|
23
23
|
@import "../components/foundation/grid.ce.vue_vue_type_style_index_0_scoped_c1ea1f88_lang.css";
|
|
24
24
|
@import "../components/core/icon-button.ce.vue_vue_type_style_index_0_scoped_a18b4478_lang.css";
|
|
25
|
-
@import "../components/core/menu.ce.
|
|
25
|
+
@import "../components/core/menu.ce.vue_vue_type_style_index_0_scoped_597751c9_lang.css";
|
|
26
26
|
@import "../components/core/notification.ce.vue_vue_type_style_index_0_scoped_8f69e04e_lang.css";
|
|
27
27
|
@import "../components/input/number-field.ce.vue_vue_type_style_index_0_scoped_9eb508b4_lang.css";
|
|
28
28
|
@import "../components/core/pagination.ce.vue_vue_type_style_index_0_scoped_d62e7dea_lang.css";
|
|
29
29
|
@import "../components/interaction/popover.ce.vue_vue_type_style_index_0_scoped_be7411d6_lang.css";
|
|
30
30
|
@import "../components/core/progress.ce.vue_vue_type_style_index_0_scoped_84d44589_lang.css";
|
|
31
|
-
@import "../components/input/radio-group.ce.
|
|
32
|
-
@import "../components/core/select.ce.
|
|
31
|
+
@import "../components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_fe3edf34_lang.css";
|
|
32
|
+
@import "../components/core/select.ce.vue_vue_type_style_index_0_scoped_f1632b10_lang.css";
|
|
33
33
|
@import "../components/display/skeleton.ce.vue_vue_type_style_index_0_scoped_d9a7d212_lang.css";
|
|
34
34
|
@import "../components/core/slider.ce.vue_vue_type_style_index_0_scoped_746583af_lang.css";
|
|
35
35
|
@import "../components/display/spinner.ce.vue_vue_type_style_index_0_scoped_d7ff1dc3_lang.css";
|
package/dist/styles/drawer.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
3
|
-
@import "../components/core/drawer.ce.
|
|
3
|
+
@import "../components/core/drawer.ce.vue_vue_type_style_index_0_scoped_a36af28b_lang.css";
|
package/dist/styles/list.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
|
-
@import "../components/display/list.ce.
|
|
2
|
+
@import "../components/display/list.ce.vue_vue_type_style_index_0_scoped_1c170b37_lang.css";
|
package/dist/styles/listbox.css
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
|
-
@import "../components/
|
|
2
|
+
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
3
|
+
@import "../components/utility/listbox.ce.vue_vue_type_style_index_0_scoped_8eab8b73_lang.css";
|
package/dist/styles/menu.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
3
|
-
@import "../components/core/menu.ce.
|
|
3
|
+
@import "../components/core/menu.ce.vue_vue_type_style_index_0_scoped_597751c9_lang.css";
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
|
-
@import "../components/
|
|
2
|
+
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
3
|
+
@import "../components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_fe3edf34_lang.css";
|
package/dist/styles/select.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
3
|
-
@import "../components/core/select.ce.
|
|
3
|
+
@import "../components/core/select.ce.vue_vue_type_style_index_0_scoped_f1632b10_lang.css";
|
package/dist/styles/sidebar.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import "_tokens.css";
|
|
2
2
|
@import "../components/core/button.ce.vue_vue_type_style_index_0_scoped_ba403858_lang.css";
|
|
3
3
|
@import "../components/core/icon.ce.vue_vue_type_style_index_0_scoped_5c94f2ca_lang.css";
|
|
4
|
-
@import "../components/core/drawer.ce.
|
|
4
|
+
@import "../components/core/drawer.ce.vue_vue_type_style_index_0_scoped_a36af28b_lang.css";
|
|
5
5
|
@import "../components/navigation/link.ce.vue_vue_type_style_index_0_scoped_24e2c032_lang.css";
|
|
6
6
|
@import "../components/navigation/navigation-menu.ce.vue_vue_type_style_index_0_scoped_5a0a5b21_lang.css";
|
|
7
7
|
@import "../components/shell/sidebar.ce.vue_vue_type_style_index_0_scoped_0fd95ccf_lang.css";
|
|
@@ -12,10 +12,10 @@ var se = ["aria-labelledby", "aria-describedby"], ce = {
|
|
|
12
12
|
key: 1,
|
|
13
13
|
class: "kima-drawer__header-slot"
|
|
14
14
|
}, ue = {
|
|
15
|
-
key:
|
|
15
|
+
key: 2,
|
|
16
16
|
class: "kima-drawer__body"
|
|
17
17
|
}, de = {
|
|
18
|
-
key:
|
|
18
|
+
key: 3,
|
|
19
19
|
class: "kima-drawer__footer"
|
|
20
20
|
}, _ = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
|
|
21
21
|
__name: "drawer.ce",
|
|
@@ -222,14 +222,13 @@ var se = ["aria-labelledby", "aria-describedby"], ce = {
|
|
|
222
222
|
size: 20,
|
|
223
223
|
color: "currentColor"
|
|
224
224
|
}, null, 8, ["icon"])])])) : i("", !0),
|
|
225
|
-
t.description ? (c(), a("p", {
|
|
226
|
-
key:
|
|
225
|
+
t.description || e.$slots.default || f(C)("default") ? (c(), a("div", ue, [t.description ? (c(), a("p", {
|
|
226
|
+
key: 0,
|
|
227
227
|
id: k,
|
|
228
228
|
class: "kima-drawer__description"
|
|
229
|
-
}, d(t.description), 1)) : i("", !0),
|
|
230
|
-
e.$slots.default || f(C)("default") ? (c(), a("div", ue, [u(e.$slots, "default", {}, void 0, !0)])) : i("", !0),
|
|
229
|
+
}, d(t.description), 1)) : i("", !0), u(e.$slots, "default", {}, void 0, !0)])) : i("", !0),
|
|
231
230
|
e.$slots.footer || f(C)("footer") ? (c(), a("footer", de, [u(e.$slots, "footer", {}, void 0, !0)])) : i("", !0)
|
|
232
231
|
], 4)], 16, se));
|
|
233
232
|
}
|
|
234
|
-
}), [["__scopeId", "data-v-
|
|
233
|
+
}), [["__scopeId", "data-v-a36af28b"]]);
|
|
235
234
|
export { _ as default };
|
|
@@ -2,15 +2,19 @@ import { useRipple as e } from "../../utils/ripple.js";
|
|
|
2
2
|
import t from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
3
|
import n from "./icon.ce.js";
|
|
4
4
|
import { presenceTransition as r } from "../../utils/motion.js";
|
|
5
|
-
import { dismissInteraction as
|
|
6
|
-
import { useMenuChecks as
|
|
7
|
-
import
|
|
5
|
+
import { dismissInteraction as i, flattenChoices as a, useInteractionRoot as o, usePlacement as s } from "../../utils/interaction.js";
|
|
6
|
+
import { useMenuChecks as c, useShellModel as l } from "../../utils/shell.js";
|
|
7
|
+
import ee from "../../internal/menu-items.js";
|
|
8
8
|
/* empty css */
|
|
9
|
-
import { Transition as
|
|
10
|
-
import { DropdownMenuContent as re, DropdownMenuRoot as
|
|
11
|
-
import { ArrowDown01Icon as
|
|
9
|
+
import { Transition as te, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, mergeProps as g, nextTick as _, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, useId as C, vModelText as w, watch as T, withCtx as E, withDirectives as ne, withModifiers as D } from "vue";
|
|
10
|
+
import { DropdownMenuContent as re, DropdownMenuRoot as ie, DropdownMenuTrigger as ae } from "reka-ui";
|
|
11
|
+
import { ArrowDown01Icon as O, MoreHorizontalIcon as k, Search01Icon as A } from "@hugeicons/core-free-icons";
|
|
12
12
|
// src/components/core/menu.ce.vue
|
|
13
|
-
var
|
|
13
|
+
var j = [
|
|
14
|
+
"disabled",
|
|
15
|
+
"aria-label",
|
|
16
|
+
"title"
|
|
17
|
+
], M = { key: 1 }, N = {
|
|
14
18
|
key: 0,
|
|
15
19
|
class: "kima-menu__search-wrap"
|
|
16
20
|
}, P = {
|
|
@@ -47,6 +51,19 @@ var M = ["disabled"], N = {
|
|
|
47
51
|
checked: {
|
|
48
52
|
type: Object,
|
|
49
53
|
default: () => ({})
|
|
54
|
+
},
|
|
55
|
+
variant: {
|
|
56
|
+
type: String,
|
|
57
|
+
default: "default"
|
|
58
|
+
},
|
|
59
|
+
iconOnly: Boolean,
|
|
60
|
+
icon: {
|
|
61
|
+
type: Object,
|
|
62
|
+
default: void 0
|
|
63
|
+
},
|
|
64
|
+
size: {
|
|
65
|
+
type: String,
|
|
66
|
+
default: "default"
|
|
50
67
|
}
|
|
51
68
|
},
|
|
52
69
|
emits: [
|
|
@@ -58,9 +75,9 @@ var M = ["disabled"], N = {
|
|
|
58
75
|
"check"
|
|
59
76
|
],
|
|
60
77
|
setup(t, { emit: F }) {
|
|
61
|
-
let I = t, L = F, { root: R, forwardedAttrs: z } =
|
|
78
|
+
let I = t, L = F, { root: R, forwardedAttrs: z } = o(), [B, V] = l(I, "open", L), [H, U] = l(I, "modelValue", L), { checked: W, check: G } = c(I, L), K = y(null), q = y(null), J = y("");
|
|
62
79
|
e(K);
|
|
63
|
-
let
|
|
80
|
+
let oe = `kima-menu-${C()}`, se = s(I), Y = u(() => a(I.items).find((e) => Object.is(e.value, H.value)) || null), X = u(() => I.iconOnly || I.variant === "icon"), ce = u(() => I.icon || k), le = u(() => ["small", "default"].includes(I.size) ? I.size : "default");
|
|
64
81
|
function Z(e, t) {
|
|
65
82
|
return e.flatMap((e) => {
|
|
66
83
|
let n = e.children ? Z(e.children, t) : [];
|
|
@@ -74,10 +91,10 @@ var M = ["disabled"], N = {
|
|
|
74
91
|
function $(e) {
|
|
75
92
|
e && I.disabled || (e && (J.value = ""), V(e));
|
|
76
93
|
}
|
|
77
|
-
function
|
|
94
|
+
function ue(e) {
|
|
78
95
|
I.disabled || e.disabled || (Object.is(H.value, e.value) || (U(e.value), L("change", e.value)), L("select", e.value, e), $(!1));
|
|
79
96
|
}
|
|
80
|
-
function
|
|
97
|
+
function de(e) {
|
|
81
98
|
if (e.key === "Escape") e.preventDefault(), $(!1), K.value?.focus();
|
|
82
99
|
else if (e.key === "Tab") $(!1);
|
|
83
100
|
else if ([
|
|
@@ -94,69 +111,81 @@ var M = ["disabled"], N = {
|
|
|
94
111
|
e && $(!1);
|
|
95
112
|
}), T(B, (e) => {
|
|
96
113
|
e && I.searchable && _(() => q.value?.focus());
|
|
97
|
-
}), (e,
|
|
114
|
+
}), (e, a) => (v(), p("div", g({
|
|
98
115
|
ref_key: "root",
|
|
99
116
|
ref: R
|
|
100
|
-
}, S(z), { class: ["kima-menu", {
|
|
117
|
+
}, S(z), { class: ["kima-menu", {
|
|
118
|
+
"kima-menu--open": S(B),
|
|
119
|
+
"kima-menu--icon": X.value,
|
|
120
|
+
[`kima-menu--${le.value}`]: !0
|
|
121
|
+
}] }), [h(S(ie), {
|
|
101
122
|
open: S(B) && !t.disabled,
|
|
102
123
|
modal: !1,
|
|
103
124
|
"onUpdate:open": $
|
|
104
125
|
}, {
|
|
105
|
-
default: E(() => [h(S(
|
|
126
|
+
default: E(() => [h(S(ae), { "as-child": "" }, {
|
|
106
127
|
default: E(() => [m("button", {
|
|
107
128
|
ref_key: "trigger",
|
|
108
129
|
ref: K,
|
|
109
130
|
type: "button",
|
|
110
131
|
class: "kima-menu__trigger",
|
|
111
|
-
disabled: t.disabled
|
|
132
|
+
disabled: t.disabled,
|
|
133
|
+
"aria-label": X.value ? t.label : void 0,
|
|
134
|
+
title: X.value ? t.label : void 0
|
|
112
135
|
}, [b(e.$slots, "trigger", {
|
|
113
136
|
open: S(B),
|
|
114
|
-
selectedItem:
|
|
137
|
+
selectedItem: Y.value,
|
|
115
138
|
value: S(H)
|
|
116
|
-
}, () => [
|
|
117
|
-
|
|
139
|
+
}, () => [X.value ? (v(), d(n, {
|
|
140
|
+
key: 0,
|
|
141
|
+
icon: ce.value,
|
|
142
|
+
size: 20,
|
|
143
|
+
"aria-hidden": "true"
|
|
144
|
+
}, null, 8, ["icon"])) : (v(), p("span", M, x(Y.value?.label || t.label), 1))], !0), X.value ? f("", !0) : (v(), d(n, {
|
|
145
|
+
key: 0,
|
|
146
|
+
icon: S(O),
|
|
118
147
|
size: 20,
|
|
119
148
|
"aria-hidden": "true"
|
|
120
|
-
}, null, 8, ["icon"])], 8,
|
|
149
|
+
}, null, 8, ["icon"]))], 8, j)]),
|
|
121
150
|
_: 3
|
|
122
|
-
}), h(
|
|
151
|
+
}), h(te, g({ name: "kima-popup" }, S(r)), {
|
|
123
152
|
default: E(() => [S(B) && !t.disabled ? (v(), d(S(re), g({
|
|
124
153
|
key: 0,
|
|
125
|
-
id:
|
|
154
|
+
id: oe,
|
|
126
155
|
"force-mount": ""
|
|
127
|
-
}, S(
|
|
156
|
+
}, S(se), {
|
|
128
157
|
class: "kima-menu__popup",
|
|
129
158
|
"aria-label": t.label,
|
|
130
159
|
loop: "",
|
|
131
|
-
onEscapeKeyDown:
|
|
132
|
-
onOpenAutoFocus:
|
|
160
|
+
onEscapeKeyDown: a[3] ||= (e) => S(i)(e, () => $(!1)),
|
|
161
|
+
onOpenAutoFocus: a[4] ||= (e) => {
|
|
133
162
|
t.searchable && (e.preventDefault(), _(() => q.value?.focus()));
|
|
134
163
|
}
|
|
135
164
|
}), {
|
|
136
165
|
default: E(() => [
|
|
137
166
|
t.searchable ? (v(), p("div", N, [h(n, {
|
|
138
|
-
icon: S(
|
|
167
|
+
icon: S(A),
|
|
139
168
|
size: 18,
|
|
140
169
|
"aria-hidden": "true"
|
|
141
170
|
}, null, 8, ["icon"]), ne(m("input", {
|
|
142
171
|
ref_key: "searchInput",
|
|
143
172
|
ref: q,
|
|
144
|
-
"onUpdate:modelValue":
|
|
173
|
+
"onUpdate:modelValue": a[0] ||= (e) => J.value = e,
|
|
145
174
|
type: "search",
|
|
146
175
|
class: "kima-menu__search",
|
|
147
176
|
role: "searchbox",
|
|
148
177
|
"aria-label": "搜索菜单项",
|
|
149
|
-
onInput:
|
|
150
|
-
onChange:
|
|
151
|
-
onKeydown: D(
|
|
178
|
+
onInput: a[1] ||= D(() => {}, ["stop"]),
|
|
179
|
+
onChange: a[2] ||= D(() => {}, ["stop"]),
|
|
180
|
+
onKeydown: D(de, ["stop"])
|
|
152
181
|
}, null, 544), [[w, J.value]])])) : f("", !0),
|
|
153
|
-
h(
|
|
182
|
+
h(ee, {
|
|
154
183
|
items: Q.value,
|
|
155
184
|
checked: S(W),
|
|
156
185
|
"model-value": S(H),
|
|
157
186
|
selection: "",
|
|
158
187
|
disabled: t.disabled,
|
|
159
|
-
onSelect:
|
|
188
|
+
onSelect: ue,
|
|
160
189
|
onCheck: S(G)
|
|
161
190
|
}, null, 8, [
|
|
162
191
|
"items",
|
|
@@ -174,5 +203,5 @@ var M = ["disabled"], N = {
|
|
|
174
203
|
_: 3
|
|
175
204
|
}, 8, ["open"])], 16));
|
|
176
205
|
}
|
|
177
|
-
}), [["__scopeId", "data-v-
|
|
206
|
+
}), [["__scopeId", "data-v-597751c9"]]);
|
|
178
207
|
export { F as default };
|