@koide-labs/ui 0.1.1 → 0.1.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 +4 -1
  2. package/dist/collapse.css +1 -1
  3. package/dist/components/alert-dialog/alert-dialog.js +1 -1
  4. package/dist/components/badge/badge.js +1 -1
  5. package/dist/components/collapse/collapse.js +11 -11
  6. package/dist/components/command/command.js +1 -1
  7. package/dist/components/context-menu/context-menu.js +1 -1
  8. package/dist/components/dialog/dialog.js +1 -1
  9. package/dist/components/number-input/number-input.js +1 -1
  10. package/dist/components/popover/popover.js +1 -1
  11. package/dist/components/preview-card/preview-card.js +1 -1
  12. package/dist/components/separator/index.js +1 -1
  13. package/dist/components/separator/separator.js +1 -1
  14. package/dist/components/stacked-avatars/stacked-avatars.js +1 -1
  15. package/dist/components/surface/surface.js +17 -17
  16. package/dist/components/tabs/tabs.js +1 -1
  17. package/dist/components/text/text.js +21 -21
  18. package/dist/components/timestamp/timestamp.js +1 -1
  19. package/dist/components/tooltip/index.js +1 -1
  20. package/dist/components/tooltip/tooltip.js +1 -1
  21. package/dist/components/view/view.js +48 -48
  22. package/dist/dialog.css +1 -1
  23. package/dist/{dialog.module-DsbQRp-d.js → dialog.module-1PAL873u.js} +50 -50
  24. package/dist/index.js +2 -2
  25. package/dist/integrations/react-markdown/index.js +1 -1
  26. package/dist/{separator-fh_wDZNf.js → separator-DgY7BjjO.js} +13 -13
  27. package/dist/separator.css +1 -1
  28. package/dist/styles/core.css +1 -1
  29. package/dist/surface.css +1 -1
  30. package/dist/text.css +1 -1
  31. package/dist/{tooltip-oCp-elli.js → tooltip-BJQPwudf.js} +63 -63
  32. package/dist/tooltip.css +1 -1
  33. package/dist/view.css +1 -1
  34. package/dist/view.module-CjopAf_0.js +6 -0
  35. package/dist/view2.css +1 -1
  36. package/package.json +19 -16
  37. package/dist/view.module-Dj7wj0kk.js +0 -6
@@ -25,7 +25,7 @@ import { a as pt, u as dt, t as ft } from "./useOpenChangeComplete-BHd-N7Ig.js";
25
25
  import { u as gt } from "./useAnimationFrame-DvK1s63A.js";
26
26
  import { t as ae } from "./floating-ui.utils-DUVaIF3G.js";
27
27
  import { u as mt } from "./DirectionContext-C2o_MF_i.js";
28
- import './tooltip.css';const ve = /* @__PURE__ */ a.createContext({
28
+ import './tooltip.css';const Pe = /* @__PURE__ */ a.createContext({
29
29
  hasProvider: !1,
30
30
  timeoutMs: 0,
31
31
  delayRef: {
@@ -42,14 +42,14 @@ import './tooltip.css';const ve = /* @__PURE__ */ a.createContext({
42
42
  current: null
43
43
  }
44
44
  });
45
- process.env.NODE_ENV !== "production" && (ve.displayName = "FloatingDelayGroupContext");
45
+ process.env.NODE_ENV !== "production" && (Pe.displayName = "FloatingDelayGroupContext");
46
46
  function ht(n, e = {
47
47
  open: !1
48
48
  }) {
49
49
  const t = "rootStore" in n ? n.rootStore : n, r = t.useState("floatingId"), {
50
50
  enabled: g = !0,
51
51
  open: u
52
- } = e, c = a.useContext(ve), {
52
+ } = e, c = a.useContext(Pe), {
53
53
  currentIdRef: l,
54
54
  delayRef: p,
55
55
  timeoutMs: d,
@@ -57,7 +57,7 @@ function ht(n, e = {
57
57
  currentContextRef: s,
58
58
  hasProvider: i,
59
59
  timeout: o
60
- } = c, [v, y] = a.useState(!1);
60
+ } = c, [P, y] = a.useState(!1);
61
61
  return N(() => {
62
62
  function C() {
63
63
  y(!1), s.current?.setIsInstantPhase(!1), l.current = null, s.current = null, p.current = f.current;
@@ -89,8 +89,8 @@ function ht(n, e = {
89
89
  }, [s]), a.useMemo(() => ({
90
90
  hasProvider: i,
91
91
  delayRef: p,
92
- isInstantPhase: v
93
- }), [i, p, v]);
92
+ isInstantPhase: P
93
+ }), [i, p, P]);
94
94
  }
95
95
  function yt(n, e) {
96
96
  let t = null, r = null, g = !1;
@@ -120,34 +120,34 @@ function yt(n, e) {
120
120
  function ue(n) {
121
121
  return n != null && n.clientX != null;
122
122
  }
123
- function vt(n, e = {}) {
123
+ function Pt(n, e = {}) {
124
124
  const t = "rootStore" in n ? n.rootStore : n, r = t.useState("open"), g = t.useState("floatingElement"), u = t.useState("domReferenceElement"), c = t.context.dataRef, {
125
125
  enabled: l = !0,
126
126
  axis: p = "both",
127
127
  x: d = null,
128
128
  y: f = null
129
- } = e, s = a.useRef(!1), i = a.useRef(null), [o, v] = a.useState(), [y, C] = a.useState([]), m = U((P, T) => {
129
+ } = e, s = a.useRef(!1), i = a.useRef(null), [o, P] = a.useState(), [y, C] = a.useState([]), m = U((v, T) => {
130
130
  s.current || c.current.openEvent && !ue(c.current.openEvent) || t.set("positionReference", yt(u, {
131
- x: P,
131
+ x: v,
132
132
  y: T,
133
133
  axis: p,
134
134
  dataRef: c,
135
135
  pointerType: o
136
136
  }));
137
- }), h = U((P) => {
138
- d != null || f != null || (r ? i.current || C([]) : m(P.clientX, P.clientY));
137
+ }), h = U((v) => {
138
+ d != null || f != null || (r ? i.current || C([]) : m(v.clientX, v.clientY));
139
139
  }), w = ot(o) ? g : r, E = a.useCallback(() => {
140
140
  if (!w || !l || d != null || f != null)
141
141
  return;
142
- const P = ge(g);
142
+ const v = ge(g);
143
143
  function T(b) {
144
144
  const x = he(b);
145
- q(g, x) ? (P.removeEventListener("mousemove", T), i.current = null) : m(b.clientX, b.clientY);
145
+ q(g, x) ? (v.removeEventListener("mousemove", T), i.current = null) : m(b.clientX, b.clientY);
146
146
  }
147
147
  if (!c.current.openEvent || ue(c.current.openEvent)) {
148
- P.addEventListener("mousemove", T);
148
+ v.addEventListener("mousemove", T);
149
149
  const b = () => {
150
- P.removeEventListener("mousemove", T), i.current = null;
150
+ v.removeEventListener("mousemove", T), i.current = null;
151
151
  };
152
152
  return i.current = b, b;
153
153
  }
@@ -161,12 +161,12 @@ function vt(n, e = {}) {
161
161
  l && (d != null || f != null) && (s.current = !1, m(d, f));
162
162
  }, [l, d, f, m]);
163
163
  const R = a.useMemo(() => {
164
- function P(T) {
165
- v(T.pointerType);
164
+ function v(T) {
165
+ P(T.pointerType);
166
166
  }
167
167
  return {
168
- onPointerDown: P,
169
- onPointerEnter: P,
168
+ onPointerDown: v,
169
+ onPointerEnter: v,
170
170
  onMouseMove: h,
171
171
  onMouseEnter: h
172
172
  };
@@ -176,7 +176,7 @@ function vt(n, e = {}) {
176
176
  } : {}, [l, R]);
177
177
  }
178
178
  const X = Xe && Ge;
179
- function Pt(n, e = {}) {
179
+ function vt(n, e = {}) {
180
180
  const t = "rootStore" in n ? n.rootStore : n, {
181
181
  events: r,
182
182
  dataRef: g
@@ -192,14 +192,14 @@ function Pt(n, e = {}) {
192
192
  function o() {
193
193
  !t.select("open") && me(s) && s === ie(tt(s)) && (l.current = !0);
194
194
  }
195
- function v() {
195
+ function P() {
196
196
  d.current = !0;
197
197
  }
198
198
  function y() {
199
199
  d.current = !1;
200
200
  }
201
- return i.addEventListener("blur", o), X && (i.addEventListener("keydown", v, !0), i.addEventListener("pointerdown", y, !0)), () => {
202
- i.removeEventListener("blur", o), X && (i.removeEventListener("keydown", v, !0), i.removeEventListener("pointerdown", y, !0));
201
+ return i.addEventListener("blur", o), X && (i.addEventListener("keydown", P, !0), i.addEventListener("pointerdown", y, !0)), () => {
202
+ i.removeEventListener("blur", o), X && (i.removeEventListener("keydown", P, !0), i.removeEventListener("pointerdown", y, !0));
203
203
  };
204
204
  }, [t, u]), a.useEffect(() => {
205
205
  if (!u)
@@ -230,10 +230,10 @@ function Pt(n, e = {}) {
230
230
  },
231
231
  onBlur(s) {
232
232
  l.current = !1;
233
- const i = s.relatedTarget, o = s.nativeEvent, v = re(i) && i.hasAttribute(Je("focus-guard")) && i.getAttribute("data-type") === "outside";
233
+ const i = s.relatedTarget, o = s.nativeEvent, P = re(i) && i.hasAttribute(Je("focus-guard")) && i.getAttribute("data-type") === "outside";
234
234
  p.start(0, () => {
235
235
  const y = t.select("domReferenceElement"), C = ie(y ? y.ownerDocument : document);
236
- !i && C === y || q(g.current.floatingContext?.refs.floating.current, C) || q(y, C) || v || t.context.triggerElements.hasElement(s.relatedTarget) || t.setOpen(!1, F(G, o));
236
+ !i && C === y || q(g.current.floatingContext?.refs.floating.current, C) || q(y, C) || P || t.context.triggerElements.hasElement(s.relatedTarget) || t.setOpen(!1, F(G, o));
237
237
  });
238
238
  }
239
239
  }), [g, t, c, p]);
@@ -263,7 +263,7 @@ function bt(n) {
263
263
  onMeasureLayoutComplete: l,
264
264
  side: p,
265
265
  direction: d
266
- } = n, f = a.useRef(!0), s = pt(e, !0, !1), i = gt(), o = a.useRef(null), v = U(c), y = U(l), C = a.useMemo(() => {
266
+ } = n, f = a.useRef(!0), s = pt(e, !0, !1), i = gt(), o = a.useRef(null), P = U(c), y = U(l), C = a.useMemo(() => {
267
267
  let m = p === "top", h = p === "left";
268
268
  return d === "rtl" ? (m = m || p === "inline-end", h = h || p === "inline-end") : (m = m || p === "inline-start", h = h || p === "inline-start"), m ? {
269
269
  position: "absolute",
@@ -289,17 +289,17 @@ function bt(n) {
289
289
  } : (o.current.width = Math.ceil(O.borderBoxSize[0].inlineSize), o.current.height = Math.ceil(O.borderBoxSize[0].blockSize)));
290
290
  });
291
291
  m.observe(e), e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto");
292
- const h = V(e, "position", "static"), w = V(e, "transform", "none"), E = V(e, "scale", "1"), R = V(t, "--available-width", "max-content"), P = V(t, "--available-height", "max-content");
293
- if (v?.(), f.current || o.current === null) {
292
+ const h = V(e, "position", "static"), w = V(e, "transform", "none"), E = V(e, "scale", "1"), R = V(t, "--available-width", "max-content"), v = V(t, "--available-height", "max-content");
293
+ if (P?.(), f.current || o.current === null) {
294
294
  t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
295
295
  const x = le(e);
296
- return t.style.setProperty("--positioner-width", `${x.width}px`), t.style.setProperty("--positioner-height", `${x.height}px`), h(), w(), E(), R(), P(), y?.(null, x), f.current = !1, () => {
296
+ return t.style.setProperty("--positioner-width", `${x.width}px`), t.style.setProperty("--positioner-height", `${x.height}px`), h(), w(), E(), R(), v(), y?.(null, x), f.current = !1, () => {
297
297
  m.disconnect();
298
298
  };
299
299
  }
300
300
  e.style.setProperty("--popup-width", "auto"), e.style.setProperty("--popup-height", "auto"), t.style.setProperty("--positioner-width", "max-content"), t.style.setProperty("--positioner-height", "max-content");
301
301
  const T = le(e);
302
- e.style.setProperty("--popup-width", `${o.current.width}px`), e.style.setProperty("--popup-height", `${o.current.height}px`), h(), w(), R(), P(), y?.(o.current, T), t.style.setProperty("--positioner-width", `${T.width}px`), t.style.setProperty("--positioner-height", `${T.height}px`);
302
+ e.style.setProperty("--popup-width", `${o.current.width}px`), e.style.setProperty("--popup-height", `${o.current.height}px`), h(), w(), R(), v(), y?.(o.current, T), t.style.setProperty("--positioner-width", `${T.width}px`), t.style.setProperty("--positioner-height", `${T.height}px`);
303
303
  const b = new AbortController();
304
304
  return i.request(() => {
305
305
  e.style.setProperty("--popup-width", `${T.width}px`), e.style.setProperty("--popup-height", `${T.height}px`), s(() => {
@@ -308,7 +308,7 @@ function bt(n) {
308
308
  }), () => {
309
309
  m.disconnect(), b.abort(), i.cancel();
310
310
  };
311
- }, [r, e, t, s, i, u, g, v, y, C]);
311
+ }, [r, e, t, s, i, u, g, P, y, C]);
312
312
  }
313
313
  function V(n, e, t) {
314
314
  const r = n.style.getPropertyValue(e);
@@ -402,22 +402,22 @@ function Et(n) {
402
402
  activeTriggerId: f !== void 0 ? f : s
403
403
  });
404
404
  o.useControlledProp("open", r, t), o.useControlledProp("activeTriggerId", f, s), o.useContextCallback("onOpenChange", l), o.useContextCallback("onOpenChangeComplete", p);
405
- const v = o.useState("open"), y = o.useState("activeTriggerId"), C = o.useState("payload");
405
+ const P = o.useState("open"), y = o.useState("activeTriggerId"), C = o.useState("payload");
406
406
  o.useSyncedValues({
407
407
  trackCursorAxis: u,
408
408
  disableHoverablePopup: g
409
409
  });
410
- const m = !e && v;
410
+ const m = !e && P;
411
411
  N(() => {
412
- v && e && o.setOpen(!1, F(Le));
413
- }, [v, e, o]), o.useSyncedValue("disabled", e), $e(o);
412
+ P && e && o.setOpen(!1, F(Le));
413
+ }, [P, e, o]), o.useSyncedValue("disabled", e), $e(o);
414
414
  const {
415
415
  forceUnmount: h,
416
416
  transitionStatus: w
417
- } = je(m, o), E = o.useState("isInstantPhase"), R = o.useState("instantType"), P = o.useState("lastOpenChangeReason"), T = a.useRef(null);
417
+ } = je(m, o), E = o.useState("isInstantPhase"), R = o.useState("instantType"), v = o.useState("lastOpenChangeReason"), T = a.useRef(null);
418
418
  N(() => {
419
- w === "ending" && P === pe || w !== "ending" && E ? (R !== "delay" && (T.current = R), o.set("instantType", "delay")) : T.current !== null && (o.set("instantType", T.current), T.current = null);
420
- }, [w, E, P, R, o]), N(() => {
419
+ w === "ending" && v === pe || w !== "ending" && E ? (R !== "delay" && (T.current = R), o.set("instantType", "delay")) : T.current !== null && (o.set("instantType", T.current), T.current = null);
420
+ }, [w, E, v, R, o]), N(() => {
421
421
  m && y == null && o.set("payload", void 0);
422
422
  }, [o, y, m]);
423
423
  const b = a.useCallback(() => {
@@ -427,12 +427,12 @@ function Et(n) {
427
427
  unmount: h,
428
428
  close: b
429
429
  }), [h, b]);
430
- const x = o.useState("floatingRootContext"), O = Pt(x, {
430
+ const x = o.useState("floatingRootContext"), O = vt(x, {
431
431
  enabled: !e
432
432
  }), S = Ie(x, {
433
433
  enabled: !e,
434
434
  referencePress: !0
435
- }), k = vt(x, {
435
+ }), k = Pt(x, {
436
436
  enabled: !e && u !== "none",
437
437
  axis: u === "none" ? void 0 : u
438
438
  }), {
@@ -458,10 +458,10 @@ function Rt(n, e) {
458
458
  n.set("preventUnmountingOnClose", !0);
459
459
  }, t;
460
460
  }
461
- const Pe = /* @__PURE__ */ a.createContext(void 0);
462
- process.env.NODE_ENV !== "production" && (Pe.displayName = "TooltipProviderContext");
461
+ const ve = /* @__PURE__ */ a.createContext(void 0);
462
+ process.env.NODE_ENV !== "production" && (ve.displayName = "TooltipProviderContext");
463
463
  function wt() {
464
- return a.useContext(Pe);
464
+ return a.useContext(ve);
465
465
  }
466
466
  const Ot = 600, Te = /* @__PURE__ */ a.forwardRef(function(e, t) {
467
467
  const {
@@ -477,10 +477,10 @@ const Ot = 600, Te = /* @__PURE__ */ a.forwardRef(function(e, t) {
477
477
  } = e, i = B(!0), o = u?.store ?? i;
478
478
  if (!o)
479
479
  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Tooltip.Trigger> must be either used within a <Tooltip.Root> component or provided with a handle." : z(82));
480
- const v = nt(f), y = o.useState("isTriggerActive", v), C = o.useState("floatingRootContext"), m = o.useState("isOpenedByTrigger", v), h = a.useRef(null), w = p ?? Ot, E = d ?? 0, {
480
+ const P = nt(f), y = o.useState("isTriggerActive", P), C = o.useState("floatingRootContext"), m = o.useState("isOpenedByTrigger", P), h = a.useRef(null), w = p ?? Ot, E = d ?? 0, {
481
481
  registerTrigger: R,
482
- isMountedByThisTrigger: P
483
- } = We(v, h, o, {
482
+ isMountedByThisTrigger: v
483
+ } = We(P, h, o, {
484
484
  payload: c,
485
485
  closeDelay: E
486
486
  }), T = wt(), {
@@ -512,12 +512,12 @@ const Ot = 600, Te = /* @__PURE__ */ a.forwardRef(function(e, t) {
512
512
  isActiveTrigger: y
513
513
  }), L = a.useMemo(() => ({
514
514
  open: m
515
- }), [m]), j = o.useState("triggerProps", P);
515
+ }), [m]), j = o.useState("triggerProps", v);
516
516
  return $("button", e, {
517
517
  state: L,
518
518
  ref: [t, R, h],
519
519
  props: [_, j, {
520
- id: v
520
+ id: P
521
521
  }, s],
522
522
  stateAttributesMapping: De
523
523
  });
@@ -566,11 +566,11 @@ const xe = /* @__PURE__ */ a.forwardRef(function(e, t) {
566
566
  collisionBoundary: s = "clipping-ancestors",
567
567
  collisionPadding: i = 5,
568
568
  arrowPadding: o = 5,
569
- sticky: v = !1,
569
+ sticky: P = !1,
570
570
  disableAnchorTracking: y = !1,
571
571
  collisionAvoidance: C = Qe,
572
572
  ...m
573
- } = e, h = B(), w = Mt(), E = h.useState("open"), R = h.useState("mounted"), P = h.useState("trackCursorAxis"), T = h.useState("disableHoverablePopup"), b = h.useState("floatingRootContext"), x = h.useState("instantType"), O = h.useState("transitionStatus"), S = lt({
573
+ } = e, h = B(), w = Mt(), E = h.useState("open"), R = h.useState("mounted"), v = h.useState("trackCursorAxis"), T = h.useState("disableHoverablePopup"), b = h.useState("floatingRootContext"), x = h.useState("instantType"), O = h.useState("transitionStatus"), S = lt({
574
574
  anchor: u,
575
575
  positionMethod: c,
576
576
  floatingRootContext: b,
@@ -581,7 +581,7 @@ const xe = /* @__PURE__ */ a.forwardRef(function(e, t) {
581
581
  alignOffset: f,
582
582
  collisionBoundary: s,
583
583
  collisionPadding: i,
584
- sticky: v,
584
+ sticky: P,
585
585
  arrowPadding: o,
586
586
  disableAnchorTracking: y,
587
587
  keepMounted: w,
@@ -589,7 +589,7 @@ const xe = /* @__PURE__ */ a.forwardRef(function(e, t) {
589
589
  adaptiveOrigin: ct
590
590
  }), k = a.useMemo(() => {
591
591
  const L = {};
592
- return (!E || P === "both" || T) && (L.pointerEvents = "none"), {
592
+ return (!E || v === "both" || T) && (L.pointerEvents = "none"), {
593
593
  role: "presentation",
594
594
  hidden: !R,
595
595
  style: {
@@ -597,13 +597,13 @@ const xe = /* @__PURE__ */ a.forwardRef(function(e, t) {
597
597
  ...L
598
598
  }
599
599
  };
600
- }, [E, P, T, R, S.positionerStyles]), I = a.useMemo(() => ({
600
+ }, [E, v, T, R, S.positionerStyles]), I = a.useMemo(() => ({
601
601
  open: E,
602
602
  side: S.side,
603
603
  align: S.align,
604
604
  anchorHidden: S.anchorHidden,
605
- instant: P !== "none" ? "tracking-cursor" : x
606
- }), [E, S.side, S.align, S.anchorHidden, P, x]), A = a.useMemo(() => ({
605
+ instant: v !== "none" ? "tracking-cursor" : x
606
+ }), [E, S.side, S.align, S.anchorHidden, v, x]), A = a.useMemo(() => ({
607
607
  ...I,
608
608
  arrowRef: S.arrowRef,
609
609
  arrowStyles: S.arrowStyles,
@@ -631,7 +631,7 @@ const It = {
631
631
  } = e, c = B(), {
632
632
  side: l,
633
633
  align: p
634
- } = be(), d = c.useState("open"), f = c.useState("mounted"), s = c.useState("instantType"), i = c.useState("transitionStatus"), o = c.useState("popupProps"), v = c.useState("payload"), y = c.useState("popupElement"), C = c.useState("positionerElement"), m = c.useState("floatingRootContext"), h = mt();
634
+ } = be(), d = c.useState("open"), f = c.useState("mounted"), s = c.useState("instantType"), i = c.useState("transitionStatus"), o = c.useState("popupProps"), P = c.useState("payload"), y = c.useState("popupElement"), C = c.useState("positionerElement"), m = c.useState("floatingRootContext"), h = mt();
635
635
  dt({
636
636
  open: d,
637
637
  ref: c.context.popupRef,
@@ -653,16 +653,16 @@ const It = {
653
653
  popupElement: y,
654
654
  positionerElement: C,
655
655
  mounted: f,
656
- content: v,
656
+ content: P,
657
657
  enabled: R,
658
658
  onMeasureLayout: w,
659
659
  onMeasureLayoutComplete: E,
660
660
  side: l,
661
661
  direction: h
662
662
  });
663
- const P = c.useState("disabled"), T = c.useState("closeDelay");
663
+ const v = c.useState("disabled"), T = c.useState("closeDelay");
664
664
  at(m, {
665
- enabled: !P,
665
+ enabled: !v,
666
666
  closeDelay: T
667
667
  });
668
668
  const b = a.useMemo(() => ({
@@ -692,7 +692,7 @@ const Ee = /* @__PURE__ */ a.forwardRef(function(e, t) {
692
692
  align: s,
693
693
  arrowUncentered: i,
694
694
  arrowStyles: o
695
- } = be(), v = a.useMemo(() => ({
695
+ } = be(), P = a.useMemo(() => ({
696
696
  open: p,
697
697
  side: f,
698
698
  align: s,
@@ -700,7 +700,7 @@ const Ee = /* @__PURE__ */ a.forwardRef(function(e, t) {
700
700
  instant: l
701
701
  }), [p, f, s, i, l]);
702
702
  return $("div", e, {
703
- state: v,
703
+ state: P,
704
704
  ref: [t, d],
705
705
  props: [{
706
706
  style: o,
@@ -710,10 +710,10 @@ const Ee = /* @__PURE__ */ a.forwardRef(function(e, t) {
710
710
  });
711
711
  });
712
712
  process.env.NODE_ENV !== "production" && (Ee.displayName = "TooltipArrow");
713
- const Nt = "_tooltip_1v2fg_2", Dt = "_tooltip__arrow_1v2fg_11", K = {
713
+ const Nt = "_tooltip_nwrgo_2", Dt = "_tooltip__arrow_nwrgo_11", K = {
714
714
  tooltip: Nt,
715
715
  tooltip__arrow: Dt,
716
- "tooltip__arrow-icon": "_tooltip__arrow-icon_1v2fg_36"
716
+ "tooltip__arrow-icon": "_tooltip__arrow-icon_nwrgo_36"
717
717
  };
718
718
  function At({
719
719
  children: n,
package/dist/tooltip.css CHANGED
@@ -1 +1 @@
1
- @layer base{._tooltip_1v2fg_2{z-index:49;box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmer);border-radius:var(--border-radius-default);background-color:var(--surface-background);padding:var(--space-4) var(--space-8)}._tooltip__arrow_1v2fg_11[data-instant]{transition:none}._tooltip__arrow_1v2fg_11[data-side=top]{bottom:-4px}._tooltip__arrow_1v2fg_11[data-side=bottom]{top:-4px;rotate:180deg}._tooltip__arrow_1v2fg_11[data-side=left]{right:-7px;rotate:-90deg}._tooltip__arrow_1v2fg_11[data-side=right]{left:-7px;rotate:90deg}._tooltip__arrow-icon_1v2fg_36{display:block;position:relative;fill:var(--surface-background)!important;stroke:var(--outline-dimmer);stroke-dasharray:0 30 22 0 22;stroke-linejoin:round;stroke-width:2;border-top:1px solid var(--surface-background)}}
1
+ @layer atom{._tooltip_nwrgo_2{z-index:49;box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmer);border-radius:var(--border-radius-default);background-color:var(--surface-background);padding:var(--space-4) var(--space-8)}._tooltip__arrow_nwrgo_11[data-instant]{transition:none}._tooltip__arrow_nwrgo_11[data-side=top]{bottom:-4px}._tooltip__arrow_nwrgo_11[data-side=bottom]{top:-4px;rotate:180deg}._tooltip__arrow_nwrgo_11[data-side=left]{right:-7px;rotate:-90deg}._tooltip__arrow_nwrgo_11[data-side=right]{left:-7px;rotate:90deg}._tooltip__arrow-icon_nwrgo_36{display:block;position:relative;fill:var(--surface-background)!important;stroke:var(--outline-dimmer);stroke-dasharray:0 30 22 0 22;stroke-linejoin:round;stroke-width:2;border-top:1px solid var(--surface-background)}}
package/dist/view.css CHANGED
@@ -1 +1 @@
1
- @layer base{._view_15889_2{display:flex;position:relative;flex-shrink:0;flex-basis:auto;flex-direction:column;align-items:stretch;box-sizing:border-box;outline:none;border-style:solid}}
1
+ @layer atom{._view_122fm_2{display:flex;position:relative;flex-shrink:0;flex-basis:auto;flex-direction:column;align-items:stretch;box-sizing:border-box;outline:none;border-style:solid}}
@@ -0,0 +1,6 @@
1
+ import './view.css';const s = "_view_122fm_2", e = {
2
+ view: s
3
+ };
4
+ export {
5
+ e as s
6
+ };
package/dist/view2.css CHANGED
@@ -1 +1 @@
1
- @layer base{._view_colorway_ms6zs_2{--view-loading-low-pulse: var(--view-colorway-dimmest);--view-loading-high-pulse: transparent;transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_ms6zs_2:not([disabled],[data-disabled]){cursor:pointer}._view_colorway_static_ms6zs_20{border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_outline_ms6zs_28{transition-property:color,background-color,box-shadow;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_outline_ms6zs_28:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default);background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_outline-static_ms6zs_60{box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-stronger)}._view_colorway_mute-static_ms6zs_67{box-shadow:none;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_no-fill_ms6zs_73{transition-property:color,background-color,box-shadow;background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_no-fill_ms6zs_73:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_no-fill_ms6zs_73:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_no-fill_ms6zs_73:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_no-fill_ms6zs_73:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_fill_ms6zs_98{transition-property:background-color,box-shadow;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill_ms6zs_98:not([disabled],[data-disabled]){background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill_ms6zs_98:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill_ms6zs_98:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill_ms6zs_98:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-default)}}._view_colorway_fill-static_ms6zs_123{box-shadow:none;background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_ms6zs_129{transition-property:background-color,box-shadow;box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]){border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill-outline_ms6zs_129:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default)}}._view_colorway_color-primary_ms6zs_163{--view-colorway-dimmest: var(--primary-dimmest);--view-colorway-dimmer: var(--primary-dimmer);--view-colorway-default: var(--primary-default);--view-colorway-stronger: var(--primary-stronger);--view-colorway-strongest: var(--primary-strongest)}._view_colorway_color-positive_ms6zs_171{--view-colorway-dimmest: var(--positive-dimmest);--view-colorway-dimmer: var(--positive-dimmer);--view-colorway-default: var(--positive-default);--view-colorway-stronger: var(--positive-stronger);--view-colorway-strongest: var(--positive-strongest)}._view_colorway_color-negative_ms6zs_179{--view-colorway-dimmest: var(--negative-dimmest);--view-colorway-dimmer: var(--negative-dimmer);--view-colorway-default: var(--negative-default);--view-colorway-stronger: var(--negative-stronger);--view-colorway-strongest: var(--negative-strongest)}._view_colorway_color-warning_ms6zs_187{--view-colorway-dimmest: var(--warning-dimmest);--view-colorway-dimmer: var(--warning-dimmer);--view-colorway-default: var(--warning-default);--view-colorway-stronger: var(--warning-stronger);--view-colorway-strongest: var(--warning-strongest)}._view_colorway_color-red_ms6zs_195{--view-colorway-dimmest: var(--red-dimmest);--view-colorway-dimmer: var(--red-dimmer);--view-colorway-default: var(--red-default);--view-colorway-stronger: var(--red-stronger);--view-colorway-strongest: var(--red-strongest)}._view_colorway_color-orange_ms6zs_203{--view-colorway-dimmest: var(--orange-dimmest);--view-colorway-dimmer: var(--orange-dimmer);--view-colorway-default: var(--orange-default);--view-colorway-stronger: var(--orange-stronger);--view-colorway-strongest: var(--orange-strongest)}._view_colorway_color-yellow_ms6zs_211{--view-colorway-dimmest: var(--yellow-dimmest);--view-colorway-dimmer: var(--yellow-dimmer);--view-colorway-default: var(--yellow-default);--view-colorway-stronger: var(--yellow-stronger);--view-colorway-strongest: var(--yellow-strongest)}._view_colorway_color-green_ms6zs_219{--view-colorway-dimmest: var(--green-dimmest);--view-colorway-dimmer: var(--green-dimmer);--view-colorway-default: var(--green-default);--view-colorway-stronger: var(--green-stronger);--view-colorway-strongest: var(--green-strongest)}._view_colorway_color-teal_ms6zs_227{--view-colorway-dimmest: var(--teal-dimmest);--view-colorway-dimmer: var(--teal-dimmer);--view-colorway-default: var(--teal-default);--view-colorway-stronger: var(--teal-stronger);--view-colorway-strongest: var(--teal-strongest)}._view_colorway_color-blue_ms6zs_235{--view-colorway-dimmest: var(--blue-dimmest);--view-colorway-dimmer: var(--blue-dimmer);--view-colorway-default: var(--blue-default);--view-colorway-stronger: var(--blue-stronger);--view-colorway-strongest: var(--blue-strongest)}._view_colorway_color-blurple_ms6zs_243{--view-colorway-dimmest: var(--blurple-dimmest);--view-colorway-dimmer: var(--blurple-dimmer);--view-colorway-default: var(--blurple-default);--view-colorway-stronger: var(--blurple-stronger);--view-colorway-strongest: var(--blurple-strongest)}._view_colorway_color-purple_ms6zs_251{--view-colorway-dimmest: var(--purple-dimmest);--view-colorway-dimmer: var(--purple-dimmer);--view-colorway-default: var(--purple-default);--view-colorway-stronger: var(--purple-stronger);--view-colorway-strongest: var(--purple-strongest)}._view_colorway_color-magenta_ms6zs_259{--view-colorway-dimmest: var(--magenta-dimmest);--view-colorway-dimmer: var(--magenta-dimmer);--view-colorway-default: var(--magenta-default);--view-colorway-stronger: var(--magenta-stronger);--view-colorway-strongest: var(--magenta-strongest)}._view_colorway_color-pink_ms6zs_267{--view-colorway-dimmest: var(--pink-dimmest);--view-colorway-dimmer: var(--pink-dimmer);--view-colorway-default: var(--pink-default);--view-colorway-stronger: var(--pink-stronger);--view-colorway-strongest: var(--pink-strongest)}._view_colorway_color-grey_ms6zs_275{--view-colorway-dimmest: var(--grey-dimmest);--view-colorway-dimmer: var(--grey-dimmer);--view-colorway-default: var(--grey-default);--view-colorway-stronger: var(--grey-stronger);--view-colorway-strongest: var(--grey-strongest)}}@layer base{._view_interactive_1dhgl_2{--view-loading-low-pulse: var(--outline-dimmest);--view-loading-high-pulse: var(--surface-interactive-background);transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default);background-color:transparent;color:var(--foreground-dimmest)}._view_interactive_1dhgl_2:not([disabled],[data-disabled]){cursor:pointer}._view_interactive_1dhgl_2:not([disabled],[data-disabled]):focus:focus-visible{outline-color:transparent;outline-width:var(--space-2);outline-offset:var(--space-4);box-shadow:var(--shadow-focus)}._view_interactive_fill_1dhgl_30{transition-property:background-color,box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill_1dhgl_30:not([disabled],[data-disabled]){color:inherit}._view_interactive_fill_1dhgl_30:not([disabled],[data-disabled]):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_fill_1dhgl_30:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background-active)}}._view_interactive_no-fill_1dhgl_50{transition-property:background-color,box-shadow}._view_interactive_no-fill_1dhgl_50:not([disabled],[data-disabled]){color:inherit}._view_interactive_no-fill_1dhgl_50:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background)}@media(hover:hover){._view_interactive_no-fill_1dhgl_50:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_outline_1dhgl_69{transition-property:background-color,box-shadow;border-color:var(--surface-interactive-border)}._view_interactive_outline_1dhgl_69:not([disabled],[data-disabled]){color:inherit}._view_interactive_outline_1dhgl_69:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default)}@media(hover:hover){._view_interactive_outline_1dhgl_69:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_fill-outline_1dhgl_89{transition-property:box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill-outline_1dhgl_89:not([disabled],[data-disabled]){border-color:var(--surface-interactive-border);color:inherit}._view_interactive_fill-outline_1dhgl_89:not([disabled],[data-disabled]):not(textarea):active{transition:none;border-color:var(--primary-default)}@media(hover:hover){._view_interactive_fill-outline_1dhgl_89:not([disabled],[data-disabled]):hover{border-color:var(--surface-interactive-border-hover)}}._view_interactive_list-item_1dhgl_110{transition-property:box-shadow;border-radius:0}._view_interactive_list-item_1dhgl_110:not([disabled],[data-disabled]){color:inherit}._view_interactive_list-item_1dhgl_110:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_list-item_1dhgl_110:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}}@layer components{._view_loading_p1qhr_7{position:relative;color:var(--foreground-dimmest)}._view_loading_foreground_p1qhr_12{animation:_loading_p1qhr_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%}._view_loading_background_p1qhr_25{overflow:hidden}._view_loading_background_p1qhr_25:after{display:block;position:absolute;top:0;left:0;opacity:.5;animation:_loading_p1qhr_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%;width:100%;height:100%;pointer-events:none;content:""}@keyframes _loading_p1qhr_1{0%{background-position-x:100%}to{background-position-x:0%}}}
1
+ @layer atom{._view_colorway_qhua6_2{--view-loading-low-pulse: var(--view-colorway-dimmest);--view-loading-high-pulse: transparent;transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_qhua6_2:not([disabled],[data-disabled]){cursor:pointer}._view_colorway_static_qhua6_20{border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default)}._view_colorway_outline_qhua6_28{transition-property:color,background-color,box-shadow;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_outline_qhua6_28:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_outline_qhua6_28:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_outline_qhua6_28:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_outline_qhua6_28:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_outline_qhua6_28:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default);background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_outline-static_qhua6_60{box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:transparent;color:var(--view-colorway-stronger)}._view_colorway_mute-static_qhua6_67{box-shadow:none;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_no-fill_qhua6_73{transition-property:color,background-color,box-shadow;background-color:transparent;color:var(--view-colorway-dimmer)}._view_colorway_no-fill_qhua6_73:not([disabled],[data-disabled]){color:var(--view-colorway-stronger)}._view_colorway_no-fill_qhua6_73:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-strongest)}._view_colorway_no-fill_qhua6_73:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_no-fill_qhua6_73:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}}._view_colorway_fill_qhua6_98{transition-property:background-color,box-shadow;background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill_qhua6_98:not([disabled],[data-disabled]){background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill_qhua6_98:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill_qhua6_98:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill_qhua6_98:not([disabled],[data-disabled]):hover{background-color:var(--view-colorway-default)}}._view_colorway_fill-static_qhua6_123{box-shadow:none;background-color:var(--view-colorway-dimmer);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_qhua6_129{transition-property:background-color,box-shadow;box-shadow:none;border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-default)}._view_colorway_fill-outline_qhua6_129:not([disabled],[data-disabled]){border-color:var(--view-colorway-dimmer);background-color:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._view_colorway_fill-outline_qhua6_129:not([disabled],[data-disabled]):active{transition:none;border-color:var(--view-colorway-stronger)!important}._view_colorway_fill-outline_qhua6_129:not([disabled],[data-disabled]):focus{box-shadow:0 0 0 2px var(--view-colorway-stronger)}._view_colorway_fill-outline_qhua6_129:not([disabled],[data-disabled]):focus:not(:focus-visible){box-shadow:none}@media(hover:hover){._view_colorway_fill-outline_qhua6_129:not([disabled],[data-disabled]):hover{border-color:var(--view-colorway-default)}}._view_colorway_color-primary_qhua6_163{--view-colorway-dimmest: var(--primary-dimmest);--view-colorway-dimmer: var(--primary-dimmer);--view-colorway-default: var(--primary-default);--view-colorway-stronger: var(--primary-stronger);--view-colorway-strongest: var(--primary-strongest)}._view_colorway_color-positive_qhua6_171{--view-colorway-dimmest: var(--positive-dimmest);--view-colorway-dimmer: var(--positive-dimmer);--view-colorway-default: var(--positive-default);--view-colorway-stronger: var(--positive-stronger);--view-colorway-strongest: var(--positive-strongest)}._view_colorway_color-negative_qhua6_179{--view-colorway-dimmest: var(--negative-dimmest);--view-colorway-dimmer: var(--negative-dimmer);--view-colorway-default: var(--negative-default);--view-colorway-stronger: var(--negative-stronger);--view-colorway-strongest: var(--negative-strongest)}._view_colorway_color-warning_qhua6_187{--view-colorway-dimmest: var(--warning-dimmest);--view-colorway-dimmer: var(--warning-dimmer);--view-colorway-default: var(--warning-default);--view-colorway-stronger: var(--warning-stronger);--view-colorway-strongest: var(--warning-strongest)}._view_colorway_color-red_qhua6_195{--view-colorway-dimmest: var(--red-dimmest);--view-colorway-dimmer: var(--red-dimmer);--view-colorway-default: var(--red-default);--view-colorway-stronger: var(--red-stronger);--view-colorway-strongest: var(--red-strongest)}._view_colorway_color-orange_qhua6_203{--view-colorway-dimmest: var(--orange-dimmest);--view-colorway-dimmer: var(--orange-dimmer);--view-colorway-default: var(--orange-default);--view-colorway-stronger: var(--orange-stronger);--view-colorway-strongest: var(--orange-strongest)}._view_colorway_color-yellow_qhua6_211{--view-colorway-dimmest: var(--yellow-dimmest);--view-colorway-dimmer: var(--yellow-dimmer);--view-colorway-default: var(--yellow-default);--view-colorway-stronger: var(--yellow-stronger);--view-colorway-strongest: var(--yellow-strongest)}._view_colorway_color-green_qhua6_219{--view-colorway-dimmest: var(--green-dimmest);--view-colorway-dimmer: var(--green-dimmer);--view-colorway-default: var(--green-default);--view-colorway-stronger: var(--green-stronger);--view-colorway-strongest: var(--green-strongest)}._view_colorway_color-teal_qhua6_227{--view-colorway-dimmest: var(--teal-dimmest);--view-colorway-dimmer: var(--teal-dimmer);--view-colorway-default: var(--teal-default);--view-colorway-stronger: var(--teal-stronger);--view-colorway-strongest: var(--teal-strongest)}._view_colorway_color-blue_qhua6_235{--view-colorway-dimmest: var(--blue-dimmest);--view-colorway-dimmer: var(--blue-dimmer);--view-colorway-default: var(--blue-default);--view-colorway-stronger: var(--blue-stronger);--view-colorway-strongest: var(--blue-strongest)}._view_colorway_color-blurple_qhua6_243{--view-colorway-dimmest: var(--blurple-dimmest);--view-colorway-dimmer: var(--blurple-dimmer);--view-colorway-default: var(--blurple-default);--view-colorway-stronger: var(--blurple-stronger);--view-colorway-strongest: var(--blurple-strongest)}._view_colorway_color-purple_qhua6_251{--view-colorway-dimmest: var(--purple-dimmest);--view-colorway-dimmer: var(--purple-dimmer);--view-colorway-default: var(--purple-default);--view-colorway-stronger: var(--purple-stronger);--view-colorway-strongest: var(--purple-strongest)}._view_colorway_color-magenta_qhua6_259{--view-colorway-dimmest: var(--magenta-dimmest);--view-colorway-dimmer: var(--magenta-dimmer);--view-colorway-default: var(--magenta-default);--view-colorway-stronger: var(--magenta-stronger);--view-colorway-strongest: var(--magenta-strongest)}._view_colorway_color-pink_qhua6_267{--view-colorway-dimmest: var(--pink-dimmest);--view-colorway-dimmer: var(--pink-dimmer);--view-colorway-default: var(--pink-default);--view-colorway-stronger: var(--pink-stronger);--view-colorway-strongest: var(--pink-strongest)}._view_colorway_color-grey_qhua6_275{--view-colorway-dimmest: var(--grey-dimmest);--view-colorway-dimmer: var(--grey-dimmer);--view-colorway-default: var(--grey-default);--view-colorway-stronger: var(--grey-stronger);--view-colorway-strongest: var(--grey-strongest)}}@layer atom{._view_interactive_r2alv_2{--view-loading-low-pulse: var(--outline-dimmest);--view-loading-high-pulse: var(--surface-interactive-background);transition-duration:var(--transition-duration-snappy);transition-timing-function:var(--transition-timing-function-snappy);cursor:not-allowed;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--border-radius-default);background-color:transparent;color:var(--foreground-dimmest)}._view_interactive_r2alv_2:not([disabled],[data-disabled]){cursor:pointer}._view_interactive_r2alv_2:not([disabled],[data-disabled]):focus:focus-visible{outline-color:transparent;outline-width:var(--space-2);outline-offset:var(--space-4);box-shadow:var(--shadow-focus)}._view_interactive_fill_r2alv_30{transition-property:background-color,box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill_r2alv_30:not([disabled],[data-disabled]){color:inherit}._view_interactive_fill_r2alv_30:not([disabled],[data-disabled]):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_fill_r2alv_30:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background-active)}}._view_interactive_no-fill_r2alv_50{transition-property:background-color,box-shadow}._view_interactive_no-fill_r2alv_50:not([disabled],[data-disabled]){color:inherit}._view_interactive_no-fill_r2alv_50:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background)}@media(hover:hover){._view_interactive_no-fill_r2alv_50:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_outline_r2alv_69{transition-property:background-color,box-shadow;border-color:var(--surface-interactive-border)}._view_interactive_outline_r2alv_69:not([disabled],[data-disabled]){color:inherit}._view_interactive_outline_r2alv_69:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default)}@media(hover:hover){._view_interactive_outline_r2alv_69:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}._view_interactive_fill-outline_r2alv_89{transition-property:box-shadow;background-color:var(--surface-interactive-background)}._view_interactive_fill-outline_r2alv_89:not([disabled],[data-disabled]){border-color:var(--surface-interactive-border);color:inherit}._view_interactive_fill-outline_r2alv_89:not([disabled],[data-disabled]):not(textarea):active{transition:none;border-color:var(--primary-default)}@media(hover:hover){._view_interactive_fill-outline_r2alv_89:not([disabled],[data-disabled]):hover{border-color:var(--surface-interactive-border-hover)}}._view_interactive_list-item_r2alv_110{transition-property:box-shadow;border-radius:0}._view_interactive_list-item_r2alv_110:not([disabled],[data-disabled]){color:inherit}._view_interactive_list-item_r2alv_110:not([disabled],[data-disabled]):not(textarea):active{border-color:var(--primary-default);background-color:var(--surface-interactive-background-active)}@media(hover:hover){._view_interactive_list-item_r2alv_110:not([disabled],[data-disabled]):hover{background-color:var(--surface-interactive-background)}}}@layer components{._view_loading_p1qhr_7{position:relative;color:var(--foreground-dimmest)}._view_loading_foreground_p1qhr_12{animation:_loading_p1qhr_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%}._view_loading_background_p1qhr_25{overflow:hidden}._view_loading_background_p1qhr_25:after{display:block;position:absolute;top:0;left:0;opacity:.5;animation:_loading_p1qhr_1 2s linear infinite;background:linear-gradient(90deg,var(--view-loading-low-pulse),var(--view-loading-high-pulse),var(--view-loading-low-pulse),var(--view-loading-high-pulse));background-position-x:0%;background-size:300% 100%;width:100%;height:100%;pointer-events:none;content:""}@keyframes _loading_p1qhr_1{0%{background-position-x:100%}to{background-position-x:0%}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@koide-labs/ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "exports": {
@@ -29,6 +29,23 @@
29
29
  "sideEffects": [
30
30
  "**/*.css"
31
31
  ],
32
+ "packageManager": "pnpm@10.19.0",
33
+ "scripts": {
34
+ "dev": "vite",
35
+ "build": "npm-run-all build:icons build:vite",
36
+ "build:icons": "tsx ./scripts/build-icon-types.ts",
37
+ "build:vite": "tsc -b && vite build",
38
+ "preview": "vite preview",
39
+ "prepare": "husky",
40
+ "typecheck": "tsc -b --noEmit",
41
+ "lint": "npm-run-all --parallel lint:*",
42
+ "lint:ts": "eslint .",
43
+ "lint:style": "stylelint src/**/*.module.css",
44
+ "format": "prettier --write .",
45
+ "storybook": "storybook dev -p 6006",
46
+ "build-storybook": "storybook build",
47
+ "prepublishOnly": "pnpm run build"
48
+ },
32
49
  "dependencies": {
33
50
  "@base-ui/react": "^1.0.0",
34
51
  "@npham-dev/cmdk": "^0.0.0",
@@ -99,19 +116,5 @@
99
116
  "vite-plugin-lib-inject-css": "^2.2.2",
100
117
  "vite-tsconfig-paths": "^6.0.3",
101
118
  "vitest": "^4.0.16"
102
- },
103
- "scripts": {
104
- "dev": "vite",
105
- "build": "npm-run-all build:icons build:vite",
106
- "build:icons": "tsx ./scripts/build-icon-types.ts",
107
- "build:vite": "tsc -b && vite build",
108
- "preview": "vite preview",
109
- "typecheck": "tsc -b --noEmit",
110
- "lint": "npm-run-all --parallel lint:*",
111
- "lint:ts": "eslint .",
112
- "lint:style": "stylelint src/**/*.module.css",
113
- "format": "prettier --write .",
114
- "storybook": "storybook dev -p 6006",
115
- "build-storybook": "storybook build"
116
119
  }
117
- }
120
+ }
@@ -1,6 +0,0 @@
1
- import './view.css';const s = "_view_15889_2", e = {
2
- view: s
3
- };
4
- export {
5
- e as s
6
- };