@kernel4632/kima 0.7.1 → 0.8.3

package/README.md

@@ -131,6 +131,37 @@ import '@kernel4632/kima/elements';
 
 字符串和布尔值可通过 HTML 属性传入；布尔属性存在即表示启用，关闭时移除属性或通过 JavaScript 赋值。数组与对象使用 JavaScript 属性赋值，并在元素完成注册后设置。
 
+Select 的选项弹层会传送到 `body`，并根据视口上下空间自动翻转和限制高度，因此放在滚动容器底部时不会被容器裁切。原生表单用的隐藏 `select` 仍会保留，但不会显示为第二个控件。
+
+菜单触发器支持图标按钮模式，适合行尾的更多操作：
+
+```vue
+<KimaMenu icon-only label="更多操作" :items="actions" />
+<KimaMenu variant="icon" size="small" label="更多操作" :items="actions" />
+```
+
+`icon-only` 默认使用更多操作图标，也可以通过 `icon` 传入 Hugeicons 图标。图标模式仍保留 `aria-label`、键盘打开、Escape 关闭和菜单焦点管理。
+
+展示列表支持不带表面样式的行变体和间距：
+
+```vue
+<KimaList variant="plain" :gap="8" :items="items" />
+```
+
+`Listbox` 和 `RadioGroup` 的选项支持 `description`、`icon`，并可用 `#option` 插槽完全自定义内容；组件仍负责选中状态、键盘导航、ARIA 和原生表单值：
+
+```vue
+<KimaListbox :options="permissions" />
+<KimaRadioGroup :options="modes">
+  <template #option="{ item, selected }">
+    <strong>{{ item.label }}</strong>
+    <small>{{ selected ? '当前模式' : item.description }}</small>
+  </template>
+</KimaRadioGroup>
+```
+
+Drawer 的底部面板使用固定把手和头部，正文独立滚动；footer 保持在面板底部。侧向 Drawer 同样将正文作为可滚动区域。
+
 自定义组件事件的参数放在事件的参数数组中；按钮点击仍使用普通 DOM 点击事件。例如，读取文本框的值：
 
 ```html

package/dist/components/core/code-block.ce.vue_vue_type_style_index_0_scoped_7e6342e8_lang.css

@@ -0,0 +1 @@
+@keyframes kima-ripple-glow-7e6342e8{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}kima-code-block{min-width:0;max-width:100%;display:block}.kima-code-block[data-v-7e6342e8]{box-sizing:border-box;border-radius:var(--kima-radius-m);min-width:0;max-width:100%;color:var(--kima-color-on-surface);font-family:var(--kima-font-family);font-weight:var(--kima-font-weight-semi-bold);background:var(--kima-color-layer-1);border:0;margin:0}.kima-code-block__toolbar[data-v-7e6342e8]{justify-content:space-between;align-items:center;gap:var(--kima-space-2);padding:var(--kima-space-1) var(--kima-space-4);border-radius:var(--kima-radius-m) var(--kima-radius-m) 0 0;background:var(--kima-color-layer-2);flex-wrap:wrap;display:flex}.kima-code-block__meta[data-v-7e6342e8]{align-items:baseline;gap:var(--kima-space-3);flex-wrap:wrap;min-width:0;display:flex}.kima-code-block__filename[data-v-7e6342e8]{overflow-wrap:anywhere;font-size:var(--kima-font-size-label-medium)}.kima-code-block__language[data-v-7e6342e8]{color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-label-small)}.kima-code-block__actions[data-v-7e6342e8]{align-items:center;gap:var(--kima-space-1);flex:none;margin-left:auto;display:flex}.kima-code-block__viewport[data-v-7e6342e8]{box-sizing:border-box;max-height:32rem;padding:var(--kima-space-2) var(--kima-space-4) var(--kima-space-4);border-radius:0 0 var(--kima-radius-m) var(--kima-radius-m);font:inherit;font-size:var(--kima-font-size-body-small);line-height:var(--kima-line-height-code);tab-size:2;margin:0;overflow:auto}.kima-code-block__viewport[data-v-7e6342e8]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-code-block__code[data-v-7e6342e8]{min-width:max-content;font:inherit;display:block}.kima-code-block__line[data-v-7e6342e8]{min-height:1lh;display:flex}.kima-code-block__number[data-v-7e6342e8]{padding-right:var(--kima-space-5);color:var(--kima-color-on-surface-variant);text-align:right;-webkit-user-select:none;user-select:none;flex:none}.kima-code-block__text[data-v-7e6342e8]{white-space:pre;flex:1;min-width:0;display:block}.kima-code-block--wrap .kima-code-block__code[data-v-7e6342e8]{min-width:0}.kima-code-block--wrap .kima-code-block__text[data-v-7e6342e8]{white-space:pre-wrap;overflow-wrap:anywhere}.kima-code-block__status[data-v-7e6342e8]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.kima-code-block__status--error[data-v-7e6342e8]{clip-path:none;width:auto;height:auto;padding:0 var(--kima-space-5) var(--kima-space-3);font-size:var(--kima-font-size-label-small);color:var(--kima-color-on-surface-variant);display:block;position:static}.kima-code-block[data-v-7e6342e8] .hljs-keyword,.kima-code-block[data-v-7e6342e8] .hljs-name,.kima-code-block[data-v-7e6342e8] .hljs-selector-tag,.kima-code-block[data-v-7e6342e8] .hljs-section,.kima-code-block[data-v-7e6342e8] .hljs-doctag,.kima-code-block[data-v-7e6342e8] .hljs-meta .hljs-keyword,.kima-code-block[data-v-7e6342e8] .hljs-function{color:var(--kima-color-code-keyword)}.kima-code-block[data-v-7e6342e8] .hljs-string,.kima-code-block[data-v-7e6342e8] .hljs-regexp,.kima-code-block[data-v-7e6342e8] .hljs-addition,.kima-code-block[data-v-7e6342e8] .hljs-meta .hljs-string{color:var(--kima-color-code-string)}.kima-code-block[data-v-7e6342e8] .hljs-number,.kima-code-block[data-v-7e6342e8] .hljs-literal,.kima-code-block[data-v-7e6342e8] .hljs-symbol,.kima-code-block[data-v-7e6342e8] .hljs-bullet,.kima-code-block[data-v-7e6342e8] .hljs-link,.kima-code-block[data-v-7e6342e8] .hljs-selector-attr,.kima-code-block[data-v-7e6342e8] .hljs-char.escape_{color:var(--kima-color-code-number)}.kima-code-block[data-v-7e6342e8] .hljs-title,.kima-code-block[data-v-7e6342e8] .hljs-type,.kima-code-block[data-v-7e6342e8] .hljs-built_in,.kima-code-block[data-v-7e6342e8] .hljs-template-tag,.kima-code-block[data-v-7e6342e8] .hljs-selector-pseudo,.kima-code-block[data-v-7e6342e8] .hljs-formula{color:var(--kima-color-code-function)}.kima-code-block[data-v-7e6342e8] .hljs-attr,.kima-code-block[data-v-7e6342e8] .hljs-attribute,.kima-code-block[data-v-7e6342e8] .hljs-property,.kima-code-block[data-v-7e6342e8] .hljs-variable,.kima-code-block[data-v-7e6342e8] .hljs-selector-class,.kima-code-block[data-v-7e6342e8] .hljs-selector-id,.kima-code-block[data-v-7e6342e8] .hljs-template-variable,.kima-code-block[data-v-7e6342e8] .hljs-code{color:var(--kima-color-code-property)}.kima-code-block[data-v-7e6342e8] .hljs-comment,.kima-code-block[data-v-7e6342e8] .hljs-quote,.kima-code-block[data-v-7e6342e8] .hljs-meta{color:var(--kima-color-code-comment);font-style:italic}.kima-code-block[data-v-7e6342e8] .hljs-tag,.kima-code-block[data-v-7e6342e8] .hljs-punctuation,.kima-code-block[data-v-7e6342e8] .hljs-operator{color:var(--kima-color-code-punctuation)}.kima-code-block[data-v-7e6342e8] .hljs-deletion{color:var(--kima-color-error)}.kima-code-block[data-v-7e6342e8] .hljs-emphasis{font-style:italic}.kima-code-block[data-v-7e6342e8] .hljs-strong{font-weight:700}

package/dist/components/core/drawer.ce.vue_vue_type_style_index_0_scoped_a36af28b_lang.css

@@ -0,0 +1 @@
+@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}}

package/dist/components/core/menu.ce.vue_vue_type_style_index_0_scoped_597751c9_lang.css

@@ -0,0 +1 @@
+@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}

package/dist/components/core/select.ce.vue_vue_type_style_index_0_scoped_f1632b10_lang.css

@@ -0,0 +1 @@
+@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}

package/dist/components/display/list.ce.vue_vue_type_style_index_0_scoped_1c170b37_lang.css

@@ -0,0 +1 @@
+@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}

package/dist/components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_fe3edf34_lang.css

@@ -0,0 +1 @@
+@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)}

package/dist/components/utility/listbox.ce.vue_vue_type_style_index_0_scoped_8eab8b73_lang.css

@@ -0,0 +1 @@
+@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}