@kernel4632/kima 0.9.8 → 0.9.10

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/dist/style.css CHANGED
@@ -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-88e398dc{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-list[data-v-88e398dc]{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;align-content:start;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-88e398dc]:is(ul){list-style:none}.kima-list__item[data-v-88e398dc]{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-88e398dc]{background:0 0;border-radius:0;min-height:0;padding:0}.kima-list:is(ul) .kima-list__item[data-v-88e398dc]{align-items:center;gap:var(--kima-space-4);display:flex}.kima-list__body[data-v-88e398dc]{flex:1;min-width:0}.kima-list p[data-v-88e398dc]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}.kima-list__action[data-v-88e398dc]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-list__empty[data-v-88e398dc]{padding:var(--kima-space-6);color:var(--kima-color-on-surface-variant);list-style:none}
119
+ @keyframes kima-ripple-glow-1b1702a6{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-list[data-v-1b1702a6]{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;align-content:start;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-1b1702a6]:is(ul){list-style:none}.kima-list__item[data-v-1b1702a6]{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-1b1702a6]{background:0 0;border-radius:0;min-height:0;padding:0}.kima-list:is(ul) .kima-list__item[data-v-1b1702a6]{align-items:center;gap:var(--kima-space-4);display:flex}.kima-list__body[data-v-1b1702a6]{flex:1;min-width:0}.kima-list p[data-v-1b1702a6]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}.kima-list__action[data-v-1b1702a6]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-list__empty[data-v-1b1702a6]{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*/
@@ -126,7 +126,7 @@
126
126
  /*$vite$:1*/
127
127
  @keyframes kima-ripple-glow-cc8448a6{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-statistic[data-v-cc8448a6]{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);border:0;display:block}.kima-statistic__label[data-v-cc8448a6]{color:var(--kima-color-on-surface-variant);margin-bottom:var(--kima-space-3)}.kima-statistic__value[data-v-cc8448a6]{align-items:baseline;gap:var(--kima-space-2);font-size:var(--kima-font-size-headline-large);line-height:var(--kima-line-height-tight);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.kima-statistic__affix[data-v-cc8448a6]{font-size:var(--kima-font-size-body-large)}.kima-statistic__affix[data-v-cc8448a6]:empty{display:none}
128
128
  /*$vite$:1*/
129
- @keyframes kima-ripple-glow-72323605{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-timeline__marker[data-v-72323605]{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-timeline[data-v-72323605]{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}.kima-timeline__items[data-v-72323605]{grid-column:1/-1;display:grid;position:relative}.kima-timeline[data-v-72323605]{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:block}.kima-timeline__item[data-v-72323605]{--kima-display-tone:var(--kima-color-on-surface-variant)}.kima-timeline__item[data-variant=info][data-v-72323605]{--kima-display-tone:var(--kima-color-primary)}.kima-timeline__item[data-variant=success][data-v-72323605]{--kima-display-tone:var(--kima-color-success)}.kima-timeline__item[data-variant=warning][data-v-72323605]{--kima-display-tone:var(--kima-color-warning)}.kima-timeline__item[data-variant=danger][data-v-72323605]{--kima-display-tone:var(--kima-color-error)}.kima-timeline__item[data-v-72323605]{gap:var(--kima-space-4);padding-bottom:var(--kima-space-8);display:flex;position:relative}.kima-timeline__item[data-v-72323605]:last-child{padding-bottom:0}.kima-timeline__item[data-v-72323605]:not(:last-child):before{content:"";inset-inline-start:11px;background:var(--kima-color-layer-3);width:2px;position:absolute;top:32px;bottom:8px}.kima-timeline__marker[data-v-72323605]{color:var(--kima-display-tone);flex:0 0 24px;display:inline-flex}.kima-timeline__body[data-v-72323605]{min-width:0}.kima-timeline time[data-v-72323605]{color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-body-small);margin-bottom:var(--kima-space-2);display:block}.kima-timeline p[data-v-72323605]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}
129
+ @keyframes kima-ripple-glow-3cffd2b4{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-timeline__marker[data-v-3cffd2b4]{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-timeline[data-v-3cffd2b4]{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;align-content:start;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:block;position:relative}.kima-timeline__item[data-v-3cffd2b4]{--kima-display-tone:var(--kima-color-on-surface-variant)}.kima-timeline__item[data-variant=info][data-v-3cffd2b4]{--kima-display-tone:var(--kima-color-primary)}.kima-timeline__item[data-variant=success][data-v-3cffd2b4]{--kima-display-tone:var(--kima-color-success)}.kima-timeline__item[data-variant=warning][data-v-3cffd2b4]{--kima-display-tone:var(--kima-color-warning)}.kima-timeline__item[data-variant=danger][data-v-3cffd2b4]{--kima-display-tone:var(--kima-color-error)}.kima-timeline__item[data-v-3cffd2b4]{gap:var(--kima-space-4);padding-bottom:var(--kima-space-8);display:flex;position:relative}.kima-timeline__item[data-v-3cffd2b4]:last-child{padding-bottom:0}.kima-timeline__item[data-v-3cffd2b4]:not(:last-child):before{content:"";inset-inline-start:11px;background:var(--kima-color-layer-3);width:2px;position:absolute;top:32px;bottom:8px}.kima-timeline__marker[data-v-3cffd2b4]{color:var(--kima-display-tone);flex:0 0 24px;display:inline-flex}.kima-timeline__body[data-v-3cffd2b4]{min-width:0}.kima-timeline time[data-v-3cffd2b4]{color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-body-small);margin-bottom:var(--kima-space-2);display:block}.kima-timeline p[data-v-3cffd2b4]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}
130
130
  /*$vite$:1*/
131
131
  @keyframes kima-ripple-glow-924c5f0d{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-angle-slider[data-v-924c5f0d]{color:var(--kima-color-on-surface);font:var(--kima-font-weight-semi-bold) var(--kima-font-size-body-medium) var(--kima-font-family);display:inline-grid}.kima-angle-slider__dial[data-v-924c5f0d]{width:var(--kima-angle-size);height:var(--kima-angle-size);background:conic-gradient(from 0deg, var(--kima-color-primary), var(--kima-color-primary-container), var(--kima-color-primary));cursor:crosshair;touch-action:none;border-radius:50%;position:relative}.kima-angle-slider__dial[data-v-924c5f0d]:before{content:"";background:var(--kima-color-surface);border-radius:50%;position:absolute;inset:12%}.kima-angle-slider__dial[data-v-924c5f0d]:focus-visible{outline:var(--kima-focus-ring-width) solid var(--kima-color-primary);outline-offset:var(--kima-focus-ring-offset)}.kima-angle-slider__dial output[data-v-924c5f0d]{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.kima-angle-slider__marker[data-v-924c5f0d]{z-index:1;background:var(--kima-color-on-primary);width:20px;height:20px;box-shadow:0 0 0 3px var(--kima-color-primary);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.kima-angle-slider__native[data-v-924c5f0d]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.kima-angle-slider--disabled[data-v-924c5f0d]{opacity:var(--kima-opacity-disabled)}@media (prefers-reduced-motion:reduce){.kima-angle-slider[data-v-924c5f0d] *{transition:none!important}}
132
132
  /*$vite$:1*/
@@ -1,2 +1,2 @@
1
1
  @import "_tokens.css";
2
- @import "../components/display/list.ce.vue_vue_type_style_index_0_scoped_88e398dc_lang.css";
2
+ @import "../components/display/list.ce.vue_vue_type_style_index_0_scoped_1b1702a6_lang.css";
@@ -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/display/timeline.ce.vue_vue_type_style_index_0_scoped_72323605_lang.css";
3
+ @import "../components/display/timeline.ce.vue_vue_type_style_index_0_scoped_3cffd2b4_lang.css";
@@ -1,8 +1,9 @@
1
1
  import { useNativeSlots as e } from "../../utils/native-slots.js";
2
2
  import t from "../../_virtual/_plugin-vue_export-helper.js";
3
3
  import { useCollectionMotion as n } from "../../utils/content-motion.js";
4
+ import { createCollectionKey as r } from "../../utils/collection.js";
4
5
  /* empty css */
5
- import { Fragment as r, TransitionGroup as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, toRaw as y, unref as b, useAttrs as x, withCtx as S } from "vue";
6
+ import { Fragment as i, TransitionGroup as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, guardReactiveProps as d, mergeProps as f, normalizeProps as p, openBlock as m, ref as h, renderList as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useAttrs as x, withCtx as S } from "vue";
6
7
  // src/components/display/list.ce.vue
7
8
  var C = { class: "kima-list__body" }, w = { key: 0 }, T = {
8
9
  key: 0,
@@ -36,17 +37,8 @@ var C = { class: "kima-list__body" }, w = { key: 0 }, T = {
36
37
  }
37
38
  },
38
39
  setup(t) {
39
- let D = t, O = x(), k = m(null), { isCustomElement: A, hasNativeSlot: j } = e(k), M = n(k, () => D.items), N = /* @__PURE__ */ new WeakMap(), P = 0;
40
- function F(e, t) {
41
- let n;
42
- if (typeof e == "object" && e) {
43
- let t = y(e);
44
- t.id == null ? (N.has(t) || N.set(t, ++P), n = `object:${N.get(t)}`) : n = `id:${typeof t.id}:${t.id}`;
45
- } else n = `value:${typeof e}:${e}`;
46
- let r = D.items.slice(0, t).filter((t) => Object.is(y(t), y(e))).length;
47
- return `${n}:${r}`;
48
- }
49
- return (e, n) => (p(), a(_(t.ordered ? "ol" : "ul"), d({
40
+ let D = t, O = x(), k = h(null), { isCustomElement: A, hasNativeSlot: j } = e(k), M = n(k, () => D.items), N = r(() => D.items);
41
+ return (e, n) => (m(), o(v(t.ordered ? "ol" : "ul"), f({
50
42
  ref_key: "root",
51
43
  ref: k
52
44
  }, {
@@ -57,17 +49,17 @@ var C = { class: "kima-list__body" }, w = { key: 0 }, T = {
57
49
  style: { "--kima-list-gap": typeof t.gap == "number" ? `${t.gap}px` : t.gap || void 0 },
58
50
  "aria-label": t.label
59
51
  }), {
60
- default: S(() => [g(e.$slots, "default", {}, () => [l(i, f(u(b(M))), {
61
- default: S(() => [(p(!0), s(r, null, h(t.items, (t, n) => (p(), s("li", {
62
- key: F(t, n),
52
+ default: S(() => [_(e.$slots, "default", {}, () => [u(a, p(d(b(M))), {
53
+ default: S(() => [(m(!0), c(i, null, g(t.items, (t, n) => (m(), c("li", {
54
+ key: b(N)(t, n),
63
55
  class: "kima-list__item"
64
- }, [g(e.$slots, "item", {
56
+ }, [_(e.$slots, "item", {
65
57
  item: t,
66
58
  index: n
67
- }, () => [c("div", C, [c("strong", null, v(typeof t == "object" && t ? t.title : t), 1), t?.description ? (p(), s("p", w, v(t.description), 1)) : o("", !0)]), e.$slots.action ? (p(), s("div", T, [g(e.$slots, "action", {
59
+ }, () => [l("div", C, [l("strong", null, y(typeof t == "object" && t ? t.title : t), 1), t?.description ? (m(), c("p", w, y(t.description), 1)) : s("", !0)]), e.$slots.action ? (m(), c("div", T, [_(e.$slots, "action", {
68
60
  item: t,
69
61
  index: n
70
- }, void 0, !0)])) : o("", !0)], !0)]))), 128)), !t.items.length && !b(j)("default") ? (p(), s("li", E, v(t.emptyText), 1)) : o("", !0)]),
62
+ }, void 0, !0)])) : s("", !0)], !0)]))), 128)), !t.items.length && !b(j)("default") ? (m(), c("li", E, y(t.emptyText), 1)) : s("", !0)]),
71
63
  _: 3
72
64
  }, 16)], !0)]),
73
65
  _: 3
@@ -77,5 +69,5 @@ var C = { class: "kima-list__body" }, w = { key: 0 }, T = {
77
69
  "aria-label"
78
70
  ]));
79
71
  }
80
- }), [["__scopeId", "data-v-88e398dc"]]);
72
+ }), [["__scopeId", "data-v-1b1702a6"]]);
81
73
  export { D as default };
@@ -1,13 +1,13 @@
1
1
  import { useNativeSlots as e } from "../../utils/native-slots.js";
2
2
  import t from "../../_virtual/_plugin-vue_export-helper.js";
3
3
  import n from "../core/icon.ce.js";
4
- import { freezeLeaveLayout as r, presenceTransition as i } from "../../utils/motion.js";
5
- import { displayStatus as a } from "../../utils/display-status.js";
6
- import { useContentMotion as o } from "../../utils/content-motion.js";
4
+ import { displayStatus as r } from "../../utils/display-status.js";
5
+ import { useCollectionMotion as i } from "../../utils/content-motion.js";
6
+ import { createCollectionKey as a } from "../../utils/collection.js";
7
7
  /* empty css */
8
- import { Fragment as s, TransitionGroup as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, mergeProps as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, useAttrs as b, withCtx as x } from "vue";
8
+ import { Fragment as o, TransitionGroup as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, withCtx as S } from "vue";
9
9
  // src/components/display/timeline.ce.vue
10
- var S = ["aria-label"], C = ["data-variant"], w = ["aria-label"], T = { class: "kima-timeline__body" }, E = ["datetime"], D = { key: 1 }, O = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
10
+ var C = ["aria-label"], w = ["data-variant"], T = ["aria-label"], E = { class: "kima-timeline__body" }, D = ["datetime"], O = { key: 1 }, k = /*#__PURE__*/ t(/* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
11
11
  __name: "timeline.ce",
12
12
  props: {
13
13
  items: {
@@ -20,48 +20,41 @@ var S = ["aria-label"], C = ["data-variant"], w = ["aria-label"], T = { class: "
20
20
  }
21
21
  },
22
22
  setup(t) {
23
- let O = t, k = b(), A = h(null), { isCustomElement: j } = e(A);
24
- return o(A, () => O.items), (e, o) => (m(), u("ol", p({
23
+ let k = t, A = x(), j = g(null), { isCustomElement: M } = e(j), N = i(j, () => k.items), P = a(() => k.items);
24
+ return (e, i) => (h(), l("ol", p({
25
25
  ref_key: "root",
26
- ref: A
26
+ ref: j
27
27
  }, {
28
- ...y(k),
29
- id: y(j) ? void 0 : y(k).id
28
+ ...b(A),
29
+ id: b(M) ? void 0 : b(A).id
30
30
  }, {
31
31
  class: "kima-timeline",
32
32
  "aria-label": t.label
33
- }), [f(c, p({
34
- name: "kima-list",
35
- tag: "div",
36
- class: "kima-timeline__items"
37
- }, {
38
- ...y(i),
39
- onBeforeLeave: y(r)
40
- }), {
41
- default: x(() => [(m(!0), u(s, null, g(t.items, (t, r) => (m(), u("li", {
42
- key: t.id ?? r,
33
+ }), [d(s, m(f(b(N))), {
34
+ default: S(() => [(h(!0), l(o, null, _(t.items, (t, i) => (h(), l("li", {
35
+ key: b(P)(t, i),
43
36
  class: "kima-timeline__item",
44
- "data-variant": y(a)(t.variant).variant
45
- }, [d("span", {
37
+ "data-variant": b(r)(t.variant).variant
38
+ }, [u("span", {
46
39
  class: "kima-timeline__marker",
47
40
  role: "img",
48
- "aria-label": y(a)(t.variant).label
49
- }, [f(n, {
50
- icon: y(a)(t.variant).icon,
41
+ "aria-label": b(r)(t.variant).label
42
+ }, [d(n, {
43
+ icon: b(r)(t.variant).icon,
51
44
  size: 24
52
- }, null, 8, ["icon"])], 8, w), d("div", T, [_(e.$slots, "item", {
45
+ }, null, 8, ["icon"])], 8, T), u("div", E, [v(e.$slots, "item", {
53
46
  item: t,
54
- index: r
47
+ index: i
55
48
  }, () => [
56
- t.time ? (m(), u("time", {
49
+ t.time ? (h(), l("time", {
57
50
  key: 0,
58
51
  datetime: t.datetime
59
- }, v(t.time), 9, E)) : l("", !0),
60
- d("strong", null, v(t.title), 1),
61
- t.description ? (m(), u("p", D, v(t.description), 1)) : l("", !0)
62
- ], !0)])], 8, C))), 128))]),
52
+ }, y(t.time), 9, D)) : c("", !0),
53
+ u("strong", null, y(t.title), 1),
54
+ t.description ? (h(), l("p", O, y(t.description), 1)) : c("", !0)
55
+ ], !0)])], 8, w))), 128))]),
63
56
  _: 3
64
- }, 16)], 16, S));
57
+ }, 16)], 16, C));
65
58
  }
66
- }), [["__scopeId", "data-v-72323605"]]);
67
- export { O as default };
59
+ }), [["__scopeId", "data-v-3cffd2b4"]]);
60
+ export { k as default };
@@ -0,0 +1,15 @@
1
+ import { toRaw as e } from "vue";
2
+ // src/utils/collection.js
3
+ function t(t) {
4
+ let n = /* @__PURE__ */ new WeakMap(), r = 0;
5
+ return function(i, a) {
6
+ let o;
7
+ if (typeof i == "object" && i) {
8
+ let t = e(i);
9
+ t.id == null ? (n.has(t) || n.set(t, ++r), o = `object:${n.get(t)}`) : o = `id:${typeof t.id}:${t.id}`;
10
+ } else o = `value:${typeof i}:${i}`;
11
+ let s = t().slice(0, a).filter((t) => Object.is(e(t), e(i))).length;
12
+ return `${o}:${s}`;
13
+ };
14
+ }
15
+ export { t as createCollectionKey };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kernel4632/kima",
3
- "version": "0.9.8",
3
+ "version": "0.9.10",
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-88e398dc{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-list[data-v-88e398dc]{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;align-content:start;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-88e398dc]:is(ul){list-style:none}.kima-list__item[data-v-88e398dc]{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-88e398dc]{background:0 0;border-radius:0;min-height:0;padding:0}.kima-list:is(ul) .kima-list__item[data-v-88e398dc]{align-items:center;gap:var(--kima-space-4);display:flex}.kima-list__body[data-v-88e398dc]{flex:1;min-width:0}.kima-list p[data-v-88e398dc]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}.kima-list__action[data-v-88e398dc]{gap:var(--kima-space-2);flex-wrap:wrap;display:flex}.kima-list__empty[data-v-88e398dc]{padding:var(--kima-space-6);color:var(--kima-color-on-surface-variant);list-style:none}
@@ -1 +0,0 @@
1
- @keyframes kima-ripple-glow-72323605{0%{opacity:.14}55%{opacity:.1}to{opacity:0}}.kima-timeline__marker[data-v-72323605]{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-timeline[data-v-72323605]{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}.kima-timeline__items[data-v-72323605]{grid-column:1/-1;display:grid;position:relative}.kima-timeline[data-v-72323605]{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:block}.kima-timeline__item[data-v-72323605]{--kima-display-tone:var(--kima-color-on-surface-variant)}.kima-timeline__item[data-variant=info][data-v-72323605]{--kima-display-tone:var(--kima-color-primary)}.kima-timeline__item[data-variant=success][data-v-72323605]{--kima-display-tone:var(--kima-color-success)}.kima-timeline__item[data-variant=warning][data-v-72323605]{--kima-display-tone:var(--kima-color-warning)}.kima-timeline__item[data-variant=danger][data-v-72323605]{--kima-display-tone:var(--kima-color-error)}.kima-timeline__item[data-v-72323605]{gap:var(--kima-space-4);padding-bottom:var(--kima-space-8);display:flex;position:relative}.kima-timeline__item[data-v-72323605]:last-child{padding-bottom:0}.kima-timeline__item[data-v-72323605]:not(:last-child):before{content:"";inset-inline-start:11px;background:var(--kima-color-layer-3);width:2px;position:absolute;top:32px;bottom:8px}.kima-timeline__marker[data-v-72323605]{color:var(--kima-display-tone);flex:0 0 24px;display:inline-flex}.kima-timeline__body[data-v-72323605]{min-width:0}.kima-timeline time[data-v-72323605]{color:var(--kima-color-on-surface-variant);font-size:var(--kima-font-size-body-small);margin-bottom:var(--kima-space-2);display:block}.kima-timeline p[data-v-72323605]{margin:var(--kima-space-2) 0 0;color:var(--kima-color-on-surface-variant)}