@kernel4632/kima 0.7.1 → 0.8.3

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.
Files changed (37) hide show
  1. package/README.md +31 -0
  2. package/dist/components/core/code-block.ce.vue_vue_type_style_index_0_scoped_7e6342e8_lang.css +1 -0
  3. package/dist/components/core/drawer.ce.vue_vue_type_style_index_0_scoped_a36af28b_lang.css +1 -0
  4. package/dist/components/core/menu.ce.vue_vue_type_style_index_0_scoped_597751c9_lang.css +1 -0
  5. package/dist/components/core/select.ce.vue_vue_type_style_index_0_scoped_f1632b10_lang.css +1 -0
  6. package/dist/components/display/list.ce.vue_vue_type_style_index_0_scoped_1c170b37_lang.css +1 -0
  7. package/dist/components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_fe3edf34_lang.css +1 -0
  8. package/dist/components/utility/listbox.ce.vue_vue_type_style_index_0_scoped_8eab8b73_lang.css +1 -0
  9. package/dist/kima-elements-core.js +5560 -5488
  10. package/dist/kima-elements.js +14002 -13831
  11. package/dist/kima.js +95 -95
  12. package/dist/style.css +7 -7
  13. package/dist/styles/app-shell.css +1 -1
  14. package/dist/styles/code-block.css +4 -2
  15. package/dist/styles/core.css +4 -4
  16. package/dist/styles/drawer.css +1 -1
  17. package/dist/styles/list.css +1 -1
  18. package/dist/styles/listbox.css +2 -1
  19. package/dist/styles/menu.css +1 -1
  20. package/dist/styles/radio-group.css +2 -1
  21. package/dist/styles/select.css +1 -1
  22. package/dist/styles/sidebar.css +1 -1
  23. package/dist/vue/components/core/code-block.ce.js +72 -49
  24. package/dist/vue/components/core/drawer.ce.js +6 -7
  25. package/dist/vue/components/core/menu.ce.js +61 -32
  26. package/dist/vue/components/core/select.ce.js +142 -123
  27. package/dist/vue/components/display/list.ce.js +16 -3
  28. package/dist/vue/components/input/radio-group.ce.js +56 -36
  29. package/dist/vue/components/utility/listbox.ce.js +48 -27
  30. package/package.json +1 -1
  31. package/dist/components/core/code-block.ce.vue_vue_type_style_index_0_scoped_6ddc49c8_lang.css +0 -1
  32. package/dist/components/core/drawer.ce.vue_vue_type_style_index_0_scoped_f4c35e3a_lang.css +0 -1
  33. package/dist/components/core/menu.ce.vue_vue_type_style_index_0_scoped_754442d3_lang.css +0 -1
  34. package/dist/components/core/select.ce.vue_vue_type_style_index_0_scoped_5f151e50_lang.css +0 -1
  35. package/dist/components/display/list.ce.vue_vue_type_style_index_0_scoped_db362eec_lang.css +0 -1
  36. package/dist/components/input/radio-group.ce.vue_vue_type_style_index_0_scoped_30add112_lang.css +0 -1
  37. package/dist/components/utility/listbox.ce.vue_vue_type_style_index_0_scoped_0523583b_lang.css +0 -1
@@ -1,16 +1,18 @@
1
1
  import { useRipple as e } from "../../utils/ripple.js";
2
2
  import t from "../../_virtual/_plugin-vue_export-helper.js";
3
- import { useInteractionRoot as n } from "../../utils/interaction.js";
4
- import { useUtilityChoice as r } from "../../utils/utility-choice.js";
3
+ import n from "../core/icon.ce.js";
4
+ import { useInteractionRoot as r } from "../../utils/interaction.js";
5
+ import { useUtilityChoice as i } from "../../utils/utility-choice.js";
5
6
  /* empty css */
6
- import { Fragment as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, mergeProps as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
7
+ import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, mergeProps as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h } from "vue";
8
+ import { Tick01Icon as g } from "@hugeicons/core-free-icons";
7
9
  // src/components/utility/listbox.ce.vue
8
- var p = [
10
+ var _ = [
9
11
  "aria-label",
10
12
  "aria-multiselectable",
11
13
  "aria-disabled",
12
14
  "tabindex"
13
- ], m = [
15
+ ], v = [
14
16
  "id",
15
17
  "tabindex",
16
18
  "aria-selected",
@@ -18,11 +20,11 @@ var p = [
18
20
  "data-disabled",
19
21
  "onFocus",
20
22
  "onClick"
21
- ], h = { key: 0 }, g = [
23
+ ], y = { class: "kima-listbox__option-copy" }, b = { key: 0 }, x = { key: 0 }, S = [
22
24
  "name",
23
25
  "value",
24
26
  "disabled"
25
- ], _ = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
27
+ ], C = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
26
28
  __name: "listbox.ce",
27
29
  props: {
28
30
  modelValue: {
@@ -46,36 +48,55 @@ var p = [
46
48
  }
47
49
  },
48
50
  emits: ["update:modelValue", "change"],
49
- setup(t, { emit: _ }) {
50
- let v = t, y = _, { root: b, forwardedAttrs: x } = n(), { values: S, filtered: C, active: w, id: T, selected: E, choose: D, move: O } = r(v, y, b);
51
- return e(b), (e, n) => (l(), o("div", c({
51
+ setup(t, { emit: C }) {
52
+ let w = t, T = C, { root: E, forwardedAttrs: D } = r(), { values: O, filtered: k, active: A, id: j, selected: M, choose: N, move: P } = i(w, T, E);
53
+ return e(E), (e, r) => (d(), c("div", u({
52
54
  ref_key: "root",
53
- ref: b
54
- }, f(x), { class: "kima-listbox" }), [s("div", {
55
+ ref: E
56
+ }, h(D), { class: "kima-listbox" }), [l("div", {
55
57
  role: "listbox",
56
58
  "aria-label": t.label,
57
59
  "aria-multiselectable": t.multiple || void 0,
58
60
  "aria-disabled": t.disabled,
59
- tabindex: f(C).some((e) => !e.disabled) ? void 0 : 0,
60
- onKeydown: n[0] ||= (e) => f(O)(e, !0)
61
- }, [(l(!0), o(i, null, u(f(C), (e, n) => (l(), o("div", {
62
- id: `${f(T)}-${n}`,
63
- key: e.index,
61
+ tabindex: h(k).some((e) => !e.disabled) ? void 0 : 0,
62
+ onKeydown: r[0] ||= (e) => h(P)(e, !0)
63
+ }, [(d(!0), c(a, null, f(h(k), (r, i) => (d(), c("div", {
64
+ id: `${h(j)}-${i}`,
65
+ key: r.index,
64
66
  class: "kima-listbox__option kima-ripple-host",
65
67
  role: "option",
66
- tabindex: !t.disabled && n === f(w) ? 0 : -1,
67
- "aria-selected": f(E)(e),
68
- "aria-disabled": t.disabled || e.disabled,
69
- "data-disabled": t.disabled || e.disabled || void 0,
70
- onFocus: (e) => w.value = n,
71
- onClick: (t) => f(D)(e)
72
- }, d(e.label ?? e.value), 41, m))), 128)), f(C).length ? a("", !0) : (l(), o("p", h, "暂无选项"))], 40, p), (l(!0), o(i, null, u(f(S), (e, n) => (l(), o("input", {
68
+ tabindex: !t.disabled && i === h(A) ? 0 : -1,
69
+ "aria-selected": h(M)(r),
70
+ "aria-disabled": t.disabled || r.disabled,
71
+ "data-disabled": t.disabled || r.disabled || void 0,
72
+ onFocus: (e) => A.value = i,
73
+ onClick: (e) => h(N)(r)
74
+ }, [p(e.$slots, "option", {
75
+ item: r,
76
+ selected: h(M)(r),
77
+ disabled: t.disabled || r.disabled
78
+ }, () => [
79
+ r.icon ? (d(), o(n, {
80
+ key: 0,
81
+ icon: r.icon,
82
+ size: 20,
83
+ "aria-hidden": "true"
84
+ }, null, 8, ["icon"])) : s("", !0),
85
+ l("span", y, [l("span", null, m(r.label ?? r.value), 1), r.description ? (d(), c("small", b, m(r.description), 1)) : s("", !0)]),
86
+ h(M)(r) ? (d(), o(n, {
87
+ key: 1,
88
+ icon: h(g),
89
+ class: "kima-listbox__check",
90
+ size: 18,
91
+ "aria-hidden": "true"
92
+ }, null, 8, ["icon"])) : s("", !0)
93
+ ], !0)], 40, v))), 128)), h(k).length ? s("", !0) : (d(), c("p", x, "暂无选项"))], 40, _), (d(!0), c(a, null, f(h(O), (e, n) => (d(), c("input", {
73
94
  key: n,
74
95
  type: "hidden",
75
96
  name: t.name,
76
97
  value: e,
77
98
  disabled: t.disabled
78
- }, null, 8, g))), 128))], 16));
99
+ }, null, 8, S))), 128))], 16));
79
100
  }
80
- }), [["__scopeId", "data-v-0523583b"]]);
81
- export { _ as default };
101
+ }), [["__scopeId", "data-v-8eab8b73"]]);
102
+ export { C as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kernel4632/kima",
3
- "version": "0.7.1",
3
+ "version": "0.8.3",
4
4
  "description": "KIMA (Kinetic, Interaction, Motion, Alive) - a Material 3 style Web UI design system and component library.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -1 +0,0 @@
1
- @keyframes kima-ripple-glow-6ddc49c8{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-6ddc49c8]{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-6ddc49c8]{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-6ddc49c8]{align-items:baseline;gap:var(--kima-space-3);flex-wrap:wrap;min-width:0;display:flex}.kima-code-block__filename[data-v-6ddc49c8]{overflow-wrap:anywhere;font-size:var(--kima-font-size-label-medium)}.kima-code-block__language[data-v-6ddc49c8]{color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-label-small)}.kima-code-block__actions[data-v-6ddc49c8]{gap:var(--kima-space-1);margin-left:auto;display:flex}.kima-code-block__actions[data-v-6ddc49c8] .kima-button{padding-inline:var(--kima-space-3)}.kima-code-block__viewport[data-v-6ddc49c8]{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-6ddc49c8]: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-6ddc49c8]{min-width:max-content;font:inherit;display:block}.kima-code-block__line[data-v-6ddc49c8]{min-height:1lh;display:flex}.kima-code-block__number[data-v-6ddc49c8]{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-6ddc49c8]{white-space:pre;flex:1;min-width:0;display:block}.kima-code-block--wrap .kima-code-block__code[data-v-6ddc49c8]{min-width:0}.kima-code-block--wrap .kima-code-block__text[data-v-6ddc49c8]{white-space:pre-wrap;overflow-wrap:anywhere}.kima-code-block__status[data-v-6ddc49c8]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.kima-code-block__status--error[data-v-6ddc49c8]{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-6ddc49c8] .hljs-keyword,.kima-code-block[data-v-6ddc49c8] .hljs-name,.kima-code-block[data-v-6ddc49c8] .hljs-selector-tag,.kima-code-block[data-v-6ddc49c8] .hljs-section,.kima-code-block[data-v-6ddc49c8] .hljs-doctag,.kima-code-block[data-v-6ddc49c8] .hljs-meta .hljs-keyword,.kima-code-block[data-v-6ddc49c8] .hljs-function{color:var(--kima-color-code-keyword)}.kima-code-block[data-v-6ddc49c8] .hljs-string,.kima-code-block[data-v-6ddc49c8] .hljs-regexp,.kima-code-block[data-v-6ddc49c8] .hljs-addition,.kima-code-block[data-v-6ddc49c8] .hljs-meta .hljs-string{color:var(--kima-color-code-string)}.kima-code-block[data-v-6ddc49c8] .hljs-number,.kima-code-block[data-v-6ddc49c8] .hljs-literal,.kima-code-block[data-v-6ddc49c8] .hljs-symbol,.kima-code-block[data-v-6ddc49c8] .hljs-bullet,.kima-code-block[data-v-6ddc49c8] .hljs-link,.kima-code-block[data-v-6ddc49c8] .hljs-selector-attr,.kima-code-block[data-v-6ddc49c8] .hljs-char.escape_{color:var(--kima-color-code-number)}.kima-code-block[data-v-6ddc49c8] .hljs-title,.kima-code-block[data-v-6ddc49c8] .hljs-type,.kima-code-block[data-v-6ddc49c8] .hljs-built_in,.kima-code-block[data-v-6ddc49c8] .hljs-template-tag,.kima-code-block[data-v-6ddc49c8] .hljs-selector-pseudo,.kima-code-block[data-v-6ddc49c8] .hljs-formula{color:var(--kima-color-code-function)}.kima-code-block[data-v-6ddc49c8] .hljs-attr,.kima-code-block[data-v-6ddc49c8] .hljs-attribute,.kima-code-block[data-v-6ddc49c8] .hljs-property,.kima-code-block[data-v-6ddc49c8] .hljs-variable,.kima-code-block[data-v-6ddc49c8] .hljs-selector-class,.kima-code-block[data-v-6ddc49c8] .hljs-selector-id,.kima-code-block[data-v-6ddc49c8] .hljs-template-variable,.kima-code-block[data-v-6ddc49c8] .hljs-code{color:var(--kima-color-code-property)}.kima-code-block[data-v-6ddc49c8] .hljs-comment,.kima-code-block[data-v-6ddc49c8] .hljs-quote,.kima-code-block[data-v-6ddc49c8] .hljs-meta{color:var(--kima-color-code-comment);font-style:italic}.kima-code-block[data-v-6ddc49c8] .hljs-tag,.kima-code-block[data-v-6ddc49c8] .hljs-punctuation,.kima-code-block[data-v-6ddc49c8] .hljs-operator{color:var(--kima-color-code-punctuation)}.kima-code-block[data-v-6ddc49c8] .hljs-deletion{color:var(--kima-color-error)}.kima-code-block[data-v-6ddc49c8] .hljs-emphasis{font-style:italic}.kima-code-block[data-v-6ddc49c8] .hljs-strong{font-weight:700}
@@ -1 +0,0 @@
1
- @keyframes kima-ripple-glow-f4c35e3a{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-drawer[data-v-f4c35e3a]{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-f4c35e3a]{display:grid}.kima-drawer[data-v-f4c35e3a]::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-f4c35e3a]::backdrop,.kima-drawer.kima-drawer--leaving[data-v-f4c35e3a]::backdrop{opacity:0}.kima-drawer--bottom[data-v-f4c35e3a]{align-items:end}.kima-drawer--bottom .kima-drawer__panel[data-v-f4c35e3a]{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)}.kima-drawer--bottom.kima-drawer--snapping .kima-drawer__panel[data-v-f4c35e3a]{flex-direction:column;max-height:none;display:flex;overflow:hidden}.kima-drawer--bottom.kima-drawer--snapping .kima-drawer__body[data-v-f4c35e3a]{flex:auto;overflow:auto}.kima-drawer--bottom[data-v-f4c35e3a]{--kima-drawer-shift:translateY(100%)}.kima-drawer--right[data-v-f4c35e3a]{justify-items:end}.kima-drawer--right .kima-drawer__panel[data-v-f4c35e3a]{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-f4c35e3a]{--kima-drawer-shift:translateX(100%)}.kima-drawer--left[data-v-f4c35e3a]{justify-items:start}.kima-drawer--left .kima-drawer__panel[data-v-f4c35e3a]{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-f4c35e3a]{--kima-drawer-shift:translateX(-100%)}.kima-drawer--entering .kima-drawer__panel[data-v-f4c35e3a],.kima-drawer--leaving .kima-drawer__panel[data-v-f4c35e3a]{transform:var(--kima-drawer-shift)}.kima-drawer__panel[data-v-f4c35e3a]{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:auto}.kima-drawer__handle[data-v-f4c35e3a]{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-f4c35e3a]: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-f4c35e3a]:active{cursor:grabbing}.kima-drawer__handle[data-v-f4c35e3a]:active:before{opacity:.6}.kima-drawer__header[data-v-f4c35e3a],.kima-drawer__footer[data-v-f4c35e3a]{align-items:center;gap:var(--kima-space-3);display:flex}.kima-drawer__header[data-v-f4c35e3a]{justify-content:space-between}.kima-drawer__heading[data-v-f4c35e3a]{min-width:0}.kima-drawer__title[data-v-f4c35e3a]{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-f4c35e3a]{margin-top:var(--kima-space-2)}.kima-drawer__close[data-v-f4c35e3a]{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-f4c35e3a]:hover{color:var(--kima-color-on-surface);background:var(--kima-color-layer-3)}.kima-drawer__close[data-v-f4c35e3a]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:2px}.kima-drawer__description[data-v-f4c35e3a],.kima-drawer__body[data-v-f4c35e3a]{margin:var(--kima-space-5) 0 0}.kima-drawer__description[data-v-f4c35e3a]{color:var(--kima-color-on-surface-variant);line-height:1.5}.kima-drawer__body[data-v-f4c35e3a]{min-width:0}.kima-drawer__footer[data-v-f4c35e3a]{margin-top:var(--kima-space-6);justify-content:flex-end}.kima-drawer--left .kima-drawer__panel[data-v-f4c35e3a],.kima-drawer--right .kima-drawer__panel[data-v-f4c35e3a]{flex-direction:column;display:flex}.kima-drawer--left .kima-drawer__body[data-v-f4c35e3a],.kima-drawer--right .kima-drawer__body[data-v-f4c35e3a]{flex:auto;overflow:auto}@media (prefers-reduced-motion:reduce){.kima-drawer__panel[data-v-f4c35e3a]{transition-duration:1ms}}
@@ -1 +0,0 @@
1
- @keyframes kima-ripple-glow-754442d3{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-754442d3] .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-754442d3] .kima-shell-menu__item:disabled,[data-v-754442d3] .kima-shell-menu__item[aria-disabled=true]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}[data-v-754442d3] .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-754442d3] .kima-shell-menu__item:hover:not([aria-disabled=true]):not([data-disabled]),[data-v-754442d3] .kima-shell-menu__item[data-highlighted],[data-v-754442d3] .kima-shell-menu__item[data-active=true]{background:var(--kima-color-layer-3)}[data-v-754442d3] .kima-shell-menu__item[aria-selected=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-754442d3] .kima-shell-menu__item[aria-selected=true]:hover,[data-v-754442d3] .kima-shell-menu__item[aria-selected=true][data-active=true]{background:var(--kima-color-primary-container-hover)}[data-v-754442d3] .kima-shell-menu__item[data-disabled]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}[data-v-754442d3] .kima-shell-menu__item[aria-checked=true]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}[data-v-754442d3] .kima-shell-menu__item[aria-checked=true]:hover,[data-v-754442d3] .kima-shell-menu__item[aria-checked=true][data-highlighted]{background:var(--kima-color-primary-container-hover)}[data-v-754442d3] .kima-shell-menu__copy{gap:var(--kima-space-1);display:grid}[data-v-754442d3] .kima-shell-menu__item small{font-size:var(--kima-font-size-sm);opacity:.8}[data-v-754442d3] .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-754442d3]{transition:none}}.kima-menu[data-v-754442d3]{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-754442d3]{z-index:60}.kima-menu__trigger[data-v-754442d3]{position:relative}.kima-menu__trigger[data-v-754442d3]: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-754442d3]>*{z-index:2;position:relative}.kima-menu__trigger[data-v-754442d3]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-menu__trigger[data-v-754442d3]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-menu__trigger[data-v-754442d3]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-menu__trigger[data-v-754442d3]{position:relative;overflow:hidden}.kima-menu__trigger[data-v-754442d3] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-754442d3 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-menu__trigger[data-v-754442d3]: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-754442d3]{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-754442d3]:disabled{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.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-754442d3]{align-items:center;gap:var(--kima-space-2);display:flex}.kima-menu__search[data-v-754442d3]{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-754442d3]:focus{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:-2px}
@@ -1 +0,0 @@
1
- @keyframes kima-ripple-glow-5f151e50{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-select[data-v-5f151e50]{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-5f151e50]{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-5f151e50]: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-5f151e50]>*{z-index:2;position:relative}.kima-select__control[data-v-5f151e50]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-select__control[data-v-5f151e50]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-select__control[data-v-5f151e50]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-select__control[data-v-5f151e50]{position:relative;overflow:hidden}.kima-select__control[data-v-5f151e50] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-5f151e50 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-select__control[data-v-5f151e50]:hover:not([aria-disabled=true]),.kima-select--open .kima-select__control[data-v-5f151e50]{background:var(--kima-color-layer-3)}.kima-select__control[data-v-5f151e50]: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-5f151e50]:focus-within{box-shadow:none}.kima-select--disabled .kima-select__control[data-v-5f151e50]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-select__trigger[data-v-5f151e50]{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-5f151e50]:disabled{cursor:not-allowed}.kima-select__trigger-label[data-v-5f151e50]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kima-select__trigger-label--placeholder[data-v-5f151e50],.kima-select__search[data-v-5f151e50]::placeholder{color:var(--kima-color-on-surface-variant)}.kima-select__arrow[data-v-5f151e50]{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-5f151e50]{transform:rotate(180deg)}.kima-select__clear[data-v-5f151e50]{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-5f151e50]:hover:not(:disabled),.kima-select__clear[data-v-5f151e50]:focus-visible{color:var(--kima-color-primary);background:var(--kima-color-layer-3)}.kima-select__clear[data-v-5f151e50]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:1px}.kima-select__clear[data-v-5f151e50]:disabled{cursor:not-allowed}.kima-select__native[data-v-5f151e50]{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-5f151e50]{box-sizing:border-box;z-index:20;top:calc(100% + var(--kima-space-2));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:absolute;left:0;overflow:auto}.kima-select__search-wrap[data-v-5f151e50]{margin-bottom:var(--kima-space-2);align-items:center;display:flex;position:relative}.kima-select__search-icon[data-v-5f151e50]{left:var(--kima-space-3);color:var(--kima-color-on-surface-variant);pointer-events:none;position:absolute}.kima-select__search[data-v-5f151e50]{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-5f151e50]: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-5f151e50]{gap:var(--kima-space-1);display:grid}.kima-select__option[data-v-5f151e50]{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-5f151e50]:hover,.kima-select__option[data-v-5f151e50]:focus-visible,.kima-select__option--active[data-v-5f151e50]{background:var(--kima-color-layer-3)}.kima-select__option[data-v-5f151e50]:focus-visible{outline:2px solid var(--kima-color-primary);outline-offset:-2px}.kima-select__option--selected[data-v-5f151e50]{color:var(--kima-color-primary)}.kima-select__option[aria-disabled=true][data-v-5f151e50]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-select__option-copy[data-v-5f151e50]{gap:var(--kima-space-1);min-width:0;display:grid}.kima-select__option-label[data-v-5f151e50],.kima-select__option-description[data-v-5f151e50]{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.kima-select__trigger[data-v-5f151e50],.kima-select__arrow[data-v-5f151e50],.kima-select__option[data-v-5f151e50]{transition:none}}.kima-select__option-description[data-v-5f151e50],.kima-select__empty[data-v-5f151e50]{color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-sm)}.kima-select__check[data-v-5f151e50]{color:inherit;flex:none}.kima-select__empty[data-v-5f151e50],.kima-select__status[data-v-5f151e50]{padding:var(--kima-space-3);text-align:center}.kima-select__status--error[data-v-5f151e50]{color:var(--kima-color-error)}.kima-select__status button[data-v-5f151e50]{color:var(--kima-color-primary);font:inherit;cursor:pointer;background:0 0;border:0;margin-inline-start:var(--kima-space-2);text-decoration:underline}
@@ -1 +0,0 @@
1
- @keyframes kima-ripple-glow-db362eec{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-list[data-v-db362eec]{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-space-3);width:100%;min-width:0;margin:0;padding:0;list-style-position:inside;display:grid}.kima-list[data-v-db362eec]:is(ul){list-style:none}.kima-list__item[data-v-db362eec]{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:is(ul) .kima-list__item[data-v-db362eec]{align-items:center;gap:var(--kima-space-4);display:flex}.kima-list__body[data-v-db362eec]{flex:1;min-width:0}.kima-list p[data-v-db362eec]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}.kima-list__action[data-v-db362eec]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-list__empty[data-v-db362eec]{padding:var(--kima-space-6);color:var(--kima-color-on-surface-variant);list-style:none}
@@ -1 +0,0 @@
1
- @keyframes kima-ripple-glow-30add112{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-radio-group[data-v-30add112]{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-30add112]{opacity:var(--kima-opacity-disabled)}.kima-radio-group[data-v-30add112]{position:relative;overflow:hidden}.kima-radio-group[data-v-30add112] .kima-ripple{z-index:2;pointer-events:none;animation:kima-ripple-glow-30add112 var(--kima-duration-slower) linear forwards;background:currentColor;position:absolute;inset:0}.kima-radio-group[data-v-30add112]{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-30add112]{flex-flow:wrap}.kima-radio-group__item[data-v-30add112]{position:relative}.kima-radio-group__item[data-v-30add112]: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-30add112]>*{z-index:2;position:relative}.kima-radio-group__item[data-v-30add112]:hover:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-hover)}.kima-radio-group__item[data-v-30add112]:focus-visible:after{opacity:var(--kima-state-focus)}.kima-radio-group__item[data-v-30add112]:active:not(:disabled):not([aria-disabled=true]):after{opacity:var(--kima-state-pressed)}.kima-radio-group__item[data-v-30add112]{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-30add112]:has(input:checked){background:var(--kima-color-primary-container);color:var(--kima-color-on-primary-container)}.kima-radio-group__item[data-v-30add112]: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-30add112]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}.kima-radio-group input[data-v-30add112]{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-30add112]:checked{border:7px solid var(--kima-color-primary);background:var(--kima-color-on-primary)}
@@ -1 +0,0 @@
1
- @keyframes kima-ripple-glow-0523583b{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-listbox[data-v-0523583b]{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-0523583b]: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-0523583b]:disabled,.kima-listbox__option[aria-disabled=true][data-v-0523583b]{cursor:not-allowed;opacity:var(--kima-opacity-disabled)}.kima-listbox__option[data-v-0523583b]{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-0523583b]:hover:not([aria-disabled=true]):not([data-disabled]),.kima-listbox__option[data-highlighted][data-v-0523583b],.kima-listbox__option[data-active=true][data-v-0523583b]{background:var(--kima-color-layer-3)}.kima-listbox__option[aria-selected=true][data-v-0523583b]{color:var(--kima-color-on-primary-container);background:var(--kima-color-primary-container)}.kima-listbox__option[aria-selected=true][data-v-0523583b]:hover,.kima-listbox__option[aria-selected=true][data-active=true][data-v-0523583b]{background:var(--kima-color-primary-container-hover)}.kima-listbox__option[data-disabled][data-v-0523583b]{opacity:var(--kima-opacity-disabled);cursor:not-allowed}