@koide-labs/ui 0.0.12 → 0.0.13

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.
@@ -1,5 +1,5 @@
1
1
  import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
2
- import { Command as CommandPrimitive } from 'cmdk';
2
+ import { Command as CommandPrimitive } from '@npham-dev/cmdk';
3
3
  import { ComponentProps } from 'react';
4
4
  import { BaseDialogProps } from '../dialog';
5
5
  import { IconName } from '../icon/icon-names';
@@ -1,11 +1,11 @@
1
1
  "use client";
2
2
  import { jsx as E, jsxs as oe, Fragment as Qe } from "react/jsx-runtime";
3
- import { c as We } from "../../clsx-OuTLNxxd.js";
4
3
  import * as a from "react";
5
4
  import { useState as Qt } from "react";
6
5
  import { c as ie, u as q, P as G } from "../../index-CeuccO-T.js";
7
6
  import * as Jt from "react-dom";
8
7
  import en from "react-dom";
8
+ import { c as We } from "../../clsx-OuTLNxxd.js";
9
9
  import { textify as tn } from "../../-utils.js";
10
10
  import { Dialog as nn } from "../dialog/index.js";
11
11
  import { Icon as vt } from "../icon/index.js";
@@ -4,7 +4,7 @@ import { c as Re } from "../../clsx-OuTLNxxd.js";
4
4
  import { Heading as be } from "../heading/index.js";
5
5
  import { Surface as Se } from "../surface/index.js";
6
6
  import { Text as ye } from "../text/index.js";
7
- import { t as ae, T as Oe } from "../../tooltip-arrow-C1qXdi5T.js";
7
+ import { t as ae, T as Oe } from "../../tooltip-arrow-cs6vjjqZ.js";
8
8
  import { View as Ie } from "../view/index.js";
9
9
  import { R as xe, P as Ne, c as x, h as Me, d as Fe, e as de, u as _e, i as ke, f as we, j as Ae, k as De, p as ee, t as He } from "../../transitions.module-CWX8e5cx.js";
10
10
  import * as n from "react";
@@ -2,7 +2,7 @@
2
2
  import { jsx as P, jsxs as q } from "react/jsx-runtime";
3
3
  import { c as pe } from "../../clsx-OuTLNxxd.js";
4
4
  import { Surface as fe } from "../surface/index.js";
5
- import { t as z, T as me } from "../../tooltip-arrow-C1qXdi5T.js";
5
+ import { t as z, T as me } from "../../tooltip-arrow-cs6vjjqZ.js";
6
6
  import { d as Pe, e as Ce, f as we, p as U, t as ge } from "../../transitions.module-CWX8e5cx.js";
7
7
  import * as e from "react";
8
8
  import * as ve from "react-dom";
@@ -3,8 +3,8 @@ import { c as rt } from "../../clsx-OuTLNxxd.js";
3
3
  import { Button as st } from "../button/index.js";
4
4
  import { Heading as ot } from "../heading/index.js";
5
5
  import { IconButton as it } from "../icon-button/index.js";
6
- import { Surface as ct } from "../surface/index.js";
7
- import { Text as at } from "../text/index.js";
6
+ import { Surface as at } from "../surface/index.js";
7
+ import { Text as ct } from "../text/index.js";
8
8
  import { View as xe } from "../view/index.js";
9
9
  import { T as ut, a as Re, u as lt } from "../../use-toast-manager-Dq-44AuW.js";
10
10
  import * as e from "react";
@@ -17,12 +17,12 @@ import { v as dt } from "../../visuallyHidden-CpJ-mhai.js";
17
17
  import { F as Te } from "../../FloatingPortal-tWyuKRSN.js";
18
18
  import { u as ie } from "../../useRenderElement-DwToLA61.js";
19
19
  import { d as Oe } from "../../floating-ui.utils.dom-C7FS5id0.js";
20
- import * as pt from "react-dom";
21
- import { i as mt } from "../../inertValue-BCYGsdmf.js";
20
+ import * as mt from "react-dom";
21
+ import { i as pt } from "../../inertValue-BCYGsdmf.js";
22
22
  import { u as Se } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
23
23
  import { f as ht } from "../../formatErrorMessage-BqPuTBN-.js";
24
- import { a as gt, t as vt } from "../../useOpenChangeComplete-Dse9kY9E.js";
25
- import { u as wt } from "../../useId-C5kyn6tA.js";
24
+ import { a as gt, t as wt } from "../../useOpenChangeComplete-Dse9kY9E.js";
25
+ import { u as vt } from "../../useId-C5kyn6tA.js";
26
26
  import { u as _t } from "../../useButton-DfIwsdb8.js";
27
27
  import '../../toast.css';let Ce = 0;
28
28
  function yt(f) {
@@ -34,25 +34,25 @@ function De(f, d) {
34
34
  description: f
35
35
  };
36
36
  if (typeof f == "function") {
37
- const v = f(d);
38
- return typeof v == "string" ? {
39
- description: v
40
- } : v;
37
+ const w = f(d);
38
+ return typeof w == "string" ? {
39
+ description: w
40
+ } : w;
41
41
  }
42
42
  return f;
43
43
  }
44
44
  const Le = function(d) {
45
45
  const {
46
- children: v,
46
+ children: w,
47
47
  timeout: s = 5e3,
48
- limit: V = 3,
48
+ limit: z = 3,
49
49
  toastManager: P
50
- } = d, [_, a] = e.useState([]), [w, r] = e.useState(!1), [m, y] = e.useState(!1), [u, R] = e.useState(null);
51
- _.length === 0 && (w && r(!1), m && y(!1));
52
- const S = w || m, M = e.useRef(/* @__PURE__ */ new Map()), z = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
50
+ } = d, [_, c] = e.useState([]), [v, r] = e.useState(!1), [p, y] = e.useState(!1), [u, R] = e.useState(null);
51
+ _.length === 0 && (v && r(!1), p && y(!1));
52
+ const S = v || p, M = e.useRef(/* @__PURE__ */ new Map()), Y = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
53
53
  function W(t) {
54
- const p = de(ne(z.current));
55
- if (!z.current || !se(z.current, p) || !Ee(p))
54
+ const m = de(ne(Y.current));
55
+ if (!Y.current || !se(Y.current, m) || !Ee(m))
56
56
  return;
57
57
  const g = _.findIndex((n) => n.id === t);
58
58
  let o = null, h = g + 1;
@@ -79,18 +79,18 @@ const Le = function(d) {
79
79
  X.current || (X.current = !0, M.current.forEach((t) => {
80
80
  if (t.timeout) {
81
81
  t.timeout.clear();
82
- const p = Date.now() - t.start, g = t.delay - p;
82
+ const m = Date.now() - t.start, g = t.delay - m;
83
83
  t.remaining = g > 0 ? g : 0;
84
84
  }
85
85
  }));
86
86
  }), F = j(() => {
87
- X.current && (X.current = !1, M.current.forEach((t, p) => {
87
+ X.current && (X.current = !1, M.current.forEach((t, m) => {
88
88
  t.remaining = t.remaining > 0 ? t.remaining : t.delay, t.timeout ??= Pe.create(), t.timeout.start(t.remaining, () => {
89
- M.current.delete(p), t.callback();
89
+ M.current.delete(m), t.callback();
90
90
  }), t.start = Date.now();
91
91
  }));
92
92
  }), I = j((t) => {
93
- a((o) => {
93
+ c((o) => {
94
94
  const h = o.map((l) => l.id === t ? {
95
95
  ...l,
96
96
  transitionStatus: "ending",
@@ -99,38 +99,38 @@ const Le = function(d) {
99
99
  return h.map((l) => {
100
100
  if (l.transitionStatus === "ending")
101
101
  return l;
102
- const x = n.indexOf(l) >= V;
102
+ const x = n.indexOf(l) >= z;
103
103
  return {
104
104
  ...l,
105
105
  limited: x
106
106
  };
107
107
  });
108
108
  });
109
- const p = M.current.get(t);
110
- p && p.timeout && (p.timeout.clear(), M.current.delete(t)), _.find((o) => o.id === t)?.onClose?.(), W(t), _.length === 1 && (r(!1), y(!1));
109
+ const m = M.current.get(t);
110
+ m && m.timeout && (m.timeout.clear(), M.current.delete(t)), _.find((o) => o.id === t)?.onClose?.(), W(t), _.length === 1 && (r(!1), y(!1));
111
111
  }), q = j((t) => {
112
- a((g) => g.filter((o) => o.id !== t)), _.find((g) => g.id === t)?.onRemove?.();
113
- }), $ = j((t, p, g) => {
114
- const o = Date.now(), h = C.current && !w && !m, n = h ? Pe.create() : void 0;
115
- n?.start(p, () => {
112
+ c((g) => g.filter((o) => o.id !== t)), _.find((g) => g.id === t)?.onRemove?.();
113
+ }), V = j((t, m, g) => {
114
+ const o = Date.now(), h = C.current && !v && !p, n = h ? Pe.create() : void 0;
115
+ n?.start(m, () => {
116
116
  M.current.delete(t), g();
117
117
  }), M.current.set(t, {
118
118
  timeout: n,
119
119
  start: h ? o : 0,
120
- delay: p,
121
- remaining: p,
120
+ delay: m,
121
+ remaining: m,
122
122
  callback: g
123
123
  });
124
124
  }), G = j((t) => {
125
- const p = t.id || yt("toast"), g = {
125
+ const m = t.id || yt("toast"), g = {
126
126
  ...t,
127
- id: p,
127
+ id: m,
128
128
  transitionStatus: "starting"
129
129
  };
130
- a((h) => {
130
+ c((h) => {
131
131
  const n = [g, ...h], l = n.filter((x) => x.transitionStatus !== "ending");
132
- if (l.length > V) {
133
- const x = l.length - V, T = l.slice(-x);
132
+ if (l.length > z) {
133
+ const x = l.length - z, T = l.slice(-x);
134
134
  return n.map((L) => T.some((Z) => Z.id === L.id) ? {
135
135
  ...L,
136
136
  limited: !0
@@ -145,34 +145,34 @@ const Le = function(d) {
145
145
  }));
146
146
  });
147
147
  const o = g.timeout ?? s;
148
- return g.type !== "loading" && o > 0 && $(p, o, () => I(p)), (w || m || !C.current) && D(), p;
149
- }), K = j((t, p) => {
150
- a((g) => g.map((o) => o.id === t ? {
148
+ return g.type !== "loading" && o > 0 && V(m, o, () => I(m)), (v || p || !C.current) && D(), m;
149
+ }), K = j((t, m) => {
150
+ c((g) => g.map((o) => o.id === t ? {
151
151
  ...o,
152
- ...p
152
+ ...m
153
153
  } : o));
154
- }), O = j((t, p) => {
155
- const g = De(p.loading), o = G({
154
+ }), O = j((t, m) => {
155
+ const g = De(m.loading), o = G({
156
156
  ...g,
157
157
  type: "loading"
158
158
  }), h = t.then((n) => {
159
- const l = De(p.success, n);
159
+ const l = De(m.success, n);
160
160
  K(o, {
161
161
  ...l,
162
162
  type: "success"
163
163
  });
164
164
  const x = l.timeout ?? s;
165
- return x > 0 && $(o, x, () => I(o)), (w || m || !C.current) && D(), n;
165
+ return x > 0 && V(o, x, () => I(o)), (v || p || !C.current) && D(), n;
166
166
  }).catch((n) => {
167
- const l = De(p.error, n);
167
+ const l = De(m.error, n);
168
168
  K(o, {
169
169
  ...l,
170
170
  type: "error"
171
171
  });
172
172
  const x = l.timeout ?? s;
173
- return x > 0 && $(o, x, () => I(o)), (w || m || !C.current) && D(), Promise.reject(n);
173
+ return x > 0 && V(o, x, () => I(o)), (v || p || !C.current) && D(), Promise.reject(n);
174
174
  });
175
- return {}.hasOwnProperty.call(p, "setPromise") && p.setPromise(h), h;
175
+ return {}.hasOwnProperty.call(m, "setPromise") && m.setPromise(h), h;
176
176
  });
177
177
  e.useEffect(function() {
178
178
  return P ? P[" subscribe"](({
@@ -182,13 +182,13 @@ const Le = function(d) {
182
182
  const h = o.id;
183
183
  g === "promise" && o.promise ? O(o.promise, o) : g === "update" && h ? K(h, o) : g === "close" && h ? I(h) : G(o);
184
184
  }) : void 0;
185
- }, [G, K, $, s, P, O, I]);
185
+ }, [G, K, V, s, P, O, I]);
186
186
  const J = e.useMemo(() => ({
187
187
  toasts: _,
188
- setToasts: a,
189
- hovering: w,
188
+ setToasts: c,
189
+ hovering: v,
190
190
  setHovering: r,
191
- focused: m,
191
+ focused: p,
192
192
  setFocused: y,
193
193
  expanded: S,
194
194
  add: G,
@@ -200,13 +200,13 @@ const Le = function(d) {
200
200
  resumeTimers: F,
201
201
  prevFocusElement: u,
202
202
  setPrevFocusElement: R,
203
- viewportRef: z,
204
- scheduleTimer: $,
203
+ viewportRef: Y,
204
+ scheduleTimer: V,
205
205
  windowFocusedRef: C
206
- }), [G, I, m, w, S, D, u, O, q, F, $, _, K]);
206
+ }), [G, I, p, v, S, D, u, O, q, F, V, _, K]);
207
207
  return /* @__PURE__ */ E(ut.Provider, {
208
208
  value: J,
209
- children: v
209
+ children: w
210
210
  });
211
211
  };
212
212
  process.env.NODE_ENV !== "production" && (Le.displayName = "ToastProvider");
@@ -215,43 +215,43 @@ process.env.NODE_ENV !== "production" && (He.displayName = "ToastViewportContext
215
215
  let xt = /* @__PURE__ */ (function(f) {
216
216
  return f.frontmostHeight = "--toast-frontmost-height", f;
217
217
  })({});
218
- const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
218
+ const ke = /* @__PURE__ */ e.forwardRef(function(d, w) {
219
219
  const {
220
220
  render: s,
221
- className: V,
221
+ className: z,
222
222
  children: P,
223
223
  ..._
224
224
  } = d, {
225
- toasts: a,
226
- pauseTimers: w,
225
+ toasts: c,
226
+ pauseTimers: v,
227
227
  resumeTimers: r,
228
- setHovering: m,
228
+ setHovering: p,
229
229
  setFocused: y,
230
230
  viewportRef: u,
231
231
  windowFocusedRef: R,
232
232
  prevFocusElement: S,
233
233
  setPrevFocusElement: M,
234
- expanded: z,
234
+ expanded: Y,
235
235
  focused: C
236
- } = Re(), X = e.useRef(!1), W = e.useRef(!1), D = a.length, F = a[0]?.height ?? 0, I = e.useMemo(() => a.some((n) => n.transitionStatus === "ending"), [a]);
236
+ } = Re(), X = e.useRef(!1), W = e.useRef(!1), D = c.length, F = c[0]?.height ?? 0, I = e.useMemo(() => c.some((n) => n.transitionStatus === "ending"), [c]);
237
237
  e.useEffect(() => {
238
238
  if (!u.current)
239
239
  return;
240
240
  function n(x) {
241
241
  D !== 0 && x.key === "F6" && x.target !== u.current && (x.preventDefault(), M(de(ne(u.current))), u.current?.focus({
242
242
  preventScroll: !0
243
- }), w(), y(!0));
243
+ }), v(), y(!0));
244
244
  }
245
245
  const l = Oe(u.current);
246
246
  return l.addEventListener("keydown", n), () => {
247
247
  l.removeEventListener("keydown", n);
248
248
  };
249
- }, [w, y, M, D, u]), e.useEffect(() => {
249
+ }, [v, y, M, D, u]), e.useEffect(() => {
250
250
  if (!u.current || !D)
251
251
  return;
252
252
  const n = Oe(u.current);
253
253
  function l(T) {
254
- T.target === n && (R.current = !1, w());
254
+ T.target === n && (R.current = !1, v());
255
255
  }
256
256
  function x(T) {
257
257
  if (T.relatedTarget || T.target === n)
@@ -265,7 +265,7 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
265
265
  n.removeEventListener("blur", l, !0), n.removeEventListener("focus", x, !0);
266
266
  };
267
267
  }, [
268
- w,
268
+ v,
269
269
  r,
270
270
  u,
271
271
  R,
@@ -284,37 +284,37 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
284
284
  if (T.pointerType !== "touch")
285
285
  return;
286
286
  const L = be(T);
287
- se(n, L) || (r(), m(!1), y(!1));
287
+ se(n, L) || (r(), p(!1), y(!1));
288
288
  }
289
289
  return l.addEventListener("pointerdown", x, !0), () => {
290
290
  l.removeEventListener("pointerdown", x, !0);
291
291
  };
292
- }, [D, r, y, m, u]);
292
+ }, [D, r, y, p, u]);
293
293
  function q(n) {
294
- u.current && (X.current = !0, n.relatedTarget === u.current ? a[0]?.ref?.current?.focus() : S?.focus({
294
+ u.current && (X.current = !0, n.relatedTarget === u.current ? c[0]?.ref?.current?.focus() : S?.focus({
295
295
  preventScroll: !0
296
296
  }));
297
297
  }
298
- function $(n) {
298
+ function V(n) {
299
299
  n.key === "Tab" && n.shiftKey && n.target === u.current && (n.preventDefault(), S?.focus({
300
300
  preventScroll: !0
301
301
  }), r());
302
302
  }
303
303
  e.useEffect(() => {
304
- !R.current || I || !W.current || (r(), m(!1), W.current = !1);
305
- }, [I, r, m, R]);
304
+ !R.current || I || !W.current || (r(), p(!1), W.current = !1);
305
+ }, [I, r, p, R]);
306
306
  function G() {
307
- w(), m(!0), W.current = !1;
307
+ v(), p(!0), W.current = !1;
308
308
  }
309
309
  function K() {
310
- a.some((n) => n.transitionStatus === "ending") ? W.current = !0 : (r(), m(!1));
310
+ c.some((n) => n.transitionStatus === "ending") ? W.current = !0 : (r(), p(!1));
311
311
  }
312
312
  function O() {
313
313
  if (X.current) {
314
314
  X.current = !1;
315
315
  return;
316
316
  }
317
- C || Ee(ne(u.current).activeElement) && (y(!0), w());
317
+ C || Ee(ne(u.current).activeElement) && (y(!0), v());
318
318
  }
319
319
  function J(n) {
320
320
  !C || se(u.current, n.relatedTarget) || (y(!1), r());
@@ -331,13 +331,13 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
331
331
  onMouseLeave: K,
332
332
  onFocus: O,
333
333
  onBlur: J,
334
- onKeyDown: $,
334
+ onKeyDown: V,
335
335
  onClick: O
336
- }, p = e.useMemo(() => ({
337
- expanded: z
338
- }), [z]), g = ie("div", d, {
339
- ref: [v, u],
340
- state: p,
336
+ }, m = e.useMemo(() => ({
337
+ expanded: Y
338
+ }), [Y]), g = ie("div", d, {
339
+ ref: [w, u],
340
+ state: m,
341
341
  props: [t, {
342
342
  style: {
343
343
  [xt.frontmostHeight]: F ? `${F}px` : void 0
@@ -353,7 +353,7 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
353
353
  }]
354
354
  }), o = e.useMemo(() => ({
355
355
  viewportRef: u
356
- }), [u]), h = e.useMemo(() => a.filter((n) => n.priority === "high"), [a]);
356
+ }), [u]), h = e.useMemo(() => c.filter((n) => n.priority === "high"), [c]);
357
357
  return /* @__PURE__ */ re(He.Provider, {
358
358
  value: o,
359
359
  children: [D > 0 && S && /* @__PURE__ */ E(Te, {
@@ -375,7 +375,7 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, v) {
375
375
  process.env.NODE_ENV !== "production" && (ke.displayName = "ToastViewport");
376
376
  const Me = /* @__PURE__ */ e.createContext(void 0);
377
377
  process.env.NODE_ENV !== "production" && (Me.displayName = "ToastRootContext");
378
- function pe() {
378
+ function me() {
379
379
  const f = e.useContext(Me);
380
380
  if (!f)
381
381
  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>." : ht(66));
@@ -385,19 +385,19 @@ let ee = /* @__PURE__ */ (function(f) {
385
385
  return f.index = "--toast-index", f.offsetY = "--toast-offset-y", f.height = "--toast-height", f.swipeMovementX = "--toast-swipe-movement-x", f.swipeMovementY = "--toast-swipe-movement-y", f;
386
386
  })({});
387
387
  const Tt = {
388
- ...vt,
388
+ ...wt,
389
389
  swipeDirection(f) {
390
390
  return f ? {
391
391
  "data-swipe-direction": f
392
392
  } : null;
393
393
  }
394
394
  }, oe = 40, Dt = 10, Q = 0.5, Et = 1;
395
- function Fe(f, d, v) {
395
+ function Fe(f, d, w) {
396
396
  switch (f) {
397
397
  case "up":
398
- return -v;
398
+ return -w;
399
399
  case "down":
400
- return v;
400
+ return w;
401
401
  case "left":
402
402
  return -d;
403
403
  case "right":
@@ -407,44 +407,44 @@ function Fe(f, d, v) {
407
407
  }
408
408
  }
409
409
  function bt(f) {
410
- const v = window.getComputedStyle(f).transform;
411
- let s = 0, V = 0, P = 1;
412
- if (v && v !== "none") {
413
- const _ = v.match(/matrix(?:3d)?\(([^)]+)\)/);
410
+ const w = window.getComputedStyle(f).transform;
411
+ let s = 0, z = 0, P = 1;
412
+ if (w && w !== "none") {
413
+ const _ = w.match(/matrix(?:3d)?\(([^)]+)\)/);
414
414
  if (_) {
415
- const a = _[1].split(", ").map(parseFloat);
416
- a.length === 6 ? (s = a[4], V = a[5], P = Math.sqrt(a[0] * a[0] + a[1] * a[1])) : a.length === 16 && (s = a[12], V = a[13], P = a[0]);
415
+ const c = _[1].split(", ").map(parseFloat);
416
+ c.length === 6 ? (s = c[4], z = c[5], P = Math.sqrt(c[0] * c[0] + c[1] * c[1])) : c.length === 16 && (s = c[12], z = c[13], P = c[0]);
417
417
  }
418
418
  }
419
419
  return {
420
420
  x: s,
421
- y: V,
421
+ y: z,
422
422
  scale: P
423
423
  };
424
424
  }
425
- const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
425
+ const ze = /* @__PURE__ */ e.forwardRef(function(d, w) {
426
426
  const {
427
427
  toast: s,
428
- render: V,
428
+ render: z,
429
429
  className: P,
430
430
  swipeDirection: _ = ["down", "right"],
431
- ...a
432
- } = d, w = s.positionerProps?.anchor !== void 0;
431
+ ...c
432
+ } = d, v = s.positionerProps?.anchor !== void 0;
433
433
  let r = [];
434
- w || (r = Array.isArray(_) ? _ : [_]);
435
- const m = r.length > 0, {
434
+ v || (r = Array.isArray(_) ? _ : [_]);
435
+ const p = r.length > 0, {
436
436
  toasts: y,
437
437
  focused: u,
438
438
  close: R,
439
439
  remove: S,
440
440
  setToasts: M,
441
- pauseTimers: z,
441
+ pauseTimers: Y,
442
442
  expanded: C,
443
443
  setHovering: X
444
- } = Re(), [W, D] = e.useState(void 0), [F, I] = e.useState(!1), [q, $] = e.useState(!1), [G, K] = e.useState(!1), [O, J] = e.useState({
444
+ } = Re(), [W, D] = e.useState(void 0), [F, I] = e.useState(!1), [q, V] = e.useState(!1), [G, K] = e.useState(!1), [O, J] = e.useState({
445
445
  x: 0,
446
446
  y: 0
447
- }), [t, p] = e.useState({
447
+ }), [t, m] = e.useState({
448
448
  x: 0,
449
449
  y: 0,
450
450
  scale: 1
@@ -455,10 +455,10 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
455
455
  x: 0,
456
456
  y: 0,
457
457
  scale: 1
458
- }), ce = e.useRef(void 0), me = e.useRef(0), ae = e.useRef(!1), A = e.useRef({
458
+ }), ae = e.useRef(void 0), pe = e.useRef(0), ce = e.useRef(!1), $ = e.useRef({
459
459
  x: 0,
460
460
  y: 0
461
- }), he = e.useRef(!1), ge = e.useMemo(() => y.indexOf(s), [s, y]), ve = e.useMemo(() => y.filter((i) => i.transitionStatus !== "ending").indexOf(s), [s, y]), Ye = e.useMemo(() => y.slice(0, y.indexOf(s)).reduce((i, c) => i + (c.height || 0), 0), [y, s]);
461
+ }), he = e.useRef(!1), ge = e.useMemo(() => y.indexOf(s), [s, y]), we = e.useMemo(() => y.filter((i) => i.transitionStatus !== "ending").indexOf(s), [s, y]), Be = e.useMemo(() => y.slice(0, y.indexOf(s)).reduce((i, a) => i + (a.height || 0), 0), [y, s]);
462
462
  gt({
463
463
  open: s.transitionStatus !== "ending",
464
464
  ref: T,
@@ -467,14 +467,14 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
467
467
  }
468
468
  });
469
469
  const ue = j((i = !1) => {
470
- const c = T.current;
471
- if (!c)
470
+ const a = T.current;
471
+ if (!a)
472
472
  return;
473
- const b = c.style.height;
474
- c.style.height = "auto";
475
- const N = c.offsetHeight;
476
- c.style.height = b;
477
- function B() {
473
+ const b = a.style.height;
474
+ a.style.height = "auto";
475
+ const N = a.offsetHeight;
476
+ a.style.height = b;
477
+ function A() {
478
478
  M((H) => H.map((k) => k.id === s.id ? {
479
479
  ...k,
480
480
  ref: T,
@@ -482,12 +482,12 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
482
482
  transitionStatus: void 0
483
483
  } : k));
484
484
  }
485
- i ? pt.flushSync(B) : B();
485
+ i ? mt.flushSync(A) : A();
486
486
  });
487
487
  Se(ue, [ue]);
488
- function ze(i, c) {
489
- let b = i, N = c;
490
- return !r.includes("left") && !r.includes("right") ? b = i > 0 ? i ** Q : -(Math.abs(i) ** Q) : (!r.includes("right") && i > 0 && (b = i ** Q), !r.includes("left") && i < 0 && (b = -(Math.abs(i) ** Q))), !r.includes("up") && !r.includes("down") ? N = c > 0 ? c ** Q : -(Math.abs(c) ** Q) : (!r.includes("down") && c > 0 && (N = c ** Q), !r.includes("up") && c < 0 && (N = -(Math.abs(c) ** Q))), {
488
+ function Ye(i, a) {
489
+ let b = i, N = a;
490
+ return !r.includes("left") && !r.includes("right") ? b = i > 0 ? i ** Q : -(Math.abs(i) ** Q) : (!r.includes("right") && i > 0 && (b = i ** Q), !r.includes("left") && i < 0 && (b = -(Math.abs(i) ** Q))), !r.includes("up") && !r.includes("down") ? N = a > 0 ? a ** Q : -(Math.abs(a) ** Q) : (!r.includes("down") && a > 0 && (N = a ** Q), !r.includes("up") && a < 0 && (N = -(Math.abs(a) ** Q))), {
491
491
  x: b,
492
492
  y: N
493
493
  };
@@ -495,20 +495,20 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
495
495
  function Xe(i) {
496
496
  if (i.button !== 0)
497
497
  return;
498
- i.pointerType === "touch" && z();
499
- const c = be(i.nativeEvent);
500
- if (!(c && c.closest('button,a,input,textarea,[role="button"],[data-swipe-ignore]'))) {
501
- if (ae.current = !1, ce.current = void 0, me.current = 0, L.current = {
498
+ i.pointerType === "touch" && Y();
499
+ const a = be(i.nativeEvent);
500
+ if (!(a && a.closest('button,a,input,textarea,[role="button"],[data-swipe-ignore]'))) {
501
+ if (ce.current = !1, ae.current = void 0, pe.current = 0, L.current = {
502
502
  x: i.clientX,
503
503
  y: i.clientY
504
- }, A.current = L.current, T.current) {
504
+ }, $.current = L.current, T.current) {
505
505
  const N = bt(T.current);
506
- Z.current = N, p(N), J({
506
+ Z.current = N, m(N), J({
507
507
  x: N.x,
508
508
  y: N.y
509
509
  });
510
510
  }
511
- X(!0), I(!0), $(!1), x(null), he.current = !0, T.current?.setPointerCapture(i.pointerId);
511
+ X(!0), I(!0), V(!1), x(null), he.current = !0, T.current?.setPointerCapture(i.pointerId);
512
512
  }
513
513
  }
514
514
  function Ge(i) {
@@ -519,72 +519,72 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
519
519
  y: i.clientY
520
520
  }, he.current = !1);
521
521
  const {
522
- clientY: c,
522
+ clientY: a,
523
523
  clientX: b,
524
524
  movementX: N,
525
- movementY: B
525
+ movementY: A
526
526
  } = i;
527
- (B < 0 && c > A.current.y || B > 0 && c < A.current.y) && (A.current = {
528
- x: A.current.x,
529
- y: c
530
- }), (N < 0 && b > A.current.x || N > 0 && b < A.current.x) && (A.current = {
527
+ (A < 0 && a > $.current.y || A > 0 && a < $.current.y) && ($.current = {
528
+ x: $.current.x,
529
+ y: a
530
+ }), (N < 0 && b > $.current.x || N > 0 && b < $.current.x) && ($.current = {
531
531
  x: b,
532
- y: A.current.y
532
+ y: $.current.y
533
533
  });
534
- const H = b - L.current.x, k = c - L.current.y, Qe = c - A.current.y, Ze = b - A.current.x;
535
- if (!q && Math.sqrt(H * H + k * k) >= Et && ($(!0), l === null)) {
534
+ const H = b - L.current.x, k = a - L.current.y, Qe = a - $.current.y, Ze = b - $.current.x;
535
+ if (!q && Math.sqrt(H * H + k * k) >= Et && (V(!0), l === null)) {
536
536
  const fe = r.includes("left") || r.includes("right"), et = r.includes("up") || r.includes("down");
537
537
  if (fe && et) {
538
538
  const tt = Math.abs(H), nt = Math.abs(k);
539
539
  x(tt > nt ? "horizontal" : "vertical");
540
540
  }
541
541
  }
542
- let Y;
543
- if (!ce.current)
544
- l === "vertical" ? k > 0 ? Y = "down" : k < 0 && (Y = "up") : l === "horizontal" ? H > 0 ? Y = "right" : H < 0 && (Y = "left") : Math.abs(H) >= Math.abs(k) ? Y = H > 0 ? "right" : "left" : Y = k > 0 ? "down" : "up", Y && r.includes(Y) && (ce.current = Y, me.current = Fe(Y, H, k), D(Y));
542
+ let B;
543
+ if (!ae.current)
544
+ l === "vertical" ? k > 0 ? B = "down" : k < 0 && (B = "up") : l === "horizontal" ? H > 0 ? B = "right" : H < 0 && (B = "left") : Math.abs(H) >= Math.abs(k) ? B = H > 0 ? "right" : "left" : B = k > 0 ? "down" : "up", B && r.includes(B) && (ae.current = B, pe.current = Fe(B, H, k), D(B));
545
545
  else {
546
- const ye = ce.current, fe = Fe(ye, Ze, Qe);
547
- fe > oe ? (ae.current = !1, D(ye)) : !(r.includes("left") && r.includes("right")) && !(r.includes("up") && r.includes("down")) && me.current - fe >= Dt && (ae.current = !0);
546
+ const ye = ae.current, fe = Fe(ye, Ze, Qe);
547
+ fe > oe ? (ce.current = !1, D(ye)) : !(r.includes("left") && r.includes("right")) && !(r.includes("up") && r.includes("down")) && pe.current - fe >= Dt && (ce.current = !0);
548
548
  }
549
- const le = ze(H, k);
550
- let we = Z.current.x, _e = Z.current.y;
551
- l === "horizontal" ? (r.includes("left") || r.includes("right")) && (we += le.x) : (l === "vertical" || (r.includes("left") || r.includes("right")) && (we += le.x), (r.includes("up") || r.includes("down")) && (_e += le.y)), J({
552
- x: we,
549
+ const le = Ye(H, k);
550
+ let ve = Z.current.x, _e = Z.current.y;
551
+ l === "horizontal" ? (r.includes("left") || r.includes("right")) && (ve += le.x) : (l === "vertical" || (r.includes("left") || r.includes("right")) && (ve += le.x), (r.includes("up") || r.includes("down")) && (_e += le.y)), J({
552
+ x: ve,
553
553
  y: _e
554
554
  });
555
555
  }
556
556
  function Ke(i) {
557
557
  if (!F)
558
558
  return;
559
- if (I(!1), $(!1), x(null), T.current?.releasePointerCapture(i.pointerId), ae.current) {
559
+ if (I(!1), V(!1), x(null), T.current?.releasePointerCapture(i.pointerId), ce.current) {
560
560
  J({
561
561
  x: t.x,
562
562
  y: t.y
563
563
  }), D(void 0);
564
564
  return;
565
565
  }
566
- let c = !1;
566
+ let a = !1;
567
567
  const b = O.x - t.x, N = O.y - t.y;
568
- let B;
568
+ let A;
569
569
  for (const H of r) {
570
570
  switch (H) {
571
571
  case "right":
572
- b > oe && (c = !0, B = "right");
572
+ b > oe && (a = !0, A = "right");
573
573
  break;
574
574
  case "left":
575
- b < -oe && (c = !0, B = "left");
575
+ b < -oe && (a = !0, A = "left");
576
576
  break;
577
577
  case "down":
578
- N > oe && (c = !0, B = "down");
578
+ N > oe && (a = !0, A = "down");
579
579
  break;
580
580
  case "up":
581
- N < -oe && (c = !0, B = "up");
581
+ N < -oe && (a = !0, A = "up");
582
582
  break;
583
583
  }
584
- if (c)
584
+ if (a)
585
585
  break;
586
586
  }
587
- c ? (D(B), K(!0), R(s.id)) : (J({
587
+ a ? (D(A), K(!0), R(s.id)) : (J({
588
588
  x: t.x,
589
589
  y: t.y
590
590
  }), D(void 0));
@@ -597,34 +597,34 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
597
597
  }
598
598
  }
599
599
  e.useEffect(() => {
600
- if (!m)
600
+ if (!p)
601
601
  return;
602
602
  const i = T.current;
603
603
  if (!i)
604
604
  return;
605
- function c(b) {
605
+ function a(b) {
606
606
  se(i, b.target) && b.preventDefault();
607
607
  }
608
- return i.addEventListener("touchmove", c, {
608
+ return i.addEventListener("touchmove", a, {
609
609
  passive: !1
610
610
  }), () => {
611
- i.removeEventListener("touchmove", c);
611
+ i.removeEventListener("touchmove", a);
612
612
  };
613
- }, [m]);
613
+ }, [p]);
614
614
  function je() {
615
615
  if (!F && O.x === t.x && O.y === t.y && !G)
616
616
  return {
617
617
  [ee.swipeMovementX]: "0px",
618
618
  [ee.swipeMovementY]: "0px"
619
619
  };
620
- const i = O.x - t.x, c = O.y - t.y;
620
+ const i = O.x - t.x, a = O.y - t.y;
621
621
  return {
622
622
  transition: F ? "none" : void 0,
623
623
  // While swiping, freeze the element at its current visual transform so it doesn't snap to the
624
624
  // end position.
625
625
  transform: F ? `translateX(${O.x}px) translateY(${O.y}px) scale(${t.scale})` : void 0,
626
626
  [ee.swipeMovementX]: `${i}px`,
627
- [ee.swipeMovementY]: `${c}px`
627
+ [ee.swipeMovementY]: `${a}px`
628
628
  };
629
629
  }
630
630
  const Ne = s.priority === "high", Ue = {
@@ -634,15 +634,15 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
634
634
  "aria-labelledby": g,
635
635
  "aria-describedby": h,
636
636
  "aria-hidden": Ne && !u ? !0 : void 0,
637
- onPointerDown: m ? Xe : void 0,
638
- onPointerMove: m ? Ge : void 0,
639
- onPointerUp: m ? Ke : void 0,
637
+ onPointerDown: p ? Xe : void 0,
638
+ onPointerMove: p ? Ge : void 0,
639
+ onPointerUp: p ? Ke : void 0,
640
640
  onKeyDown: We,
641
- inert: mt(s.limited),
641
+ inert: pt(s.limited),
642
642
  style: {
643
643
  ...je(),
644
- [ee.index]: s.transitionStatus === "ending" ? ge : ve,
645
- [ee.offsetY]: `${Ye}px`,
644
+ [ee.index]: s.transitionStatus === "ending" ? ge : we,
645
+ [ee.offsetY]: `${Be}px`,
646
646
  [ee.height]: s.height ? `${s.height}px` : void 0
647
647
  }
648
648
  }, te = e.useMemo(() => ({
@@ -656,9 +656,9 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
656
656
  swipeDirection: W,
657
657
  recalculateHeight: ue,
658
658
  index: ge,
659
- visibleIndex: ve,
659
+ visibleIndex: we,
660
660
  expanded: C
661
- }), [s, g, h, F, W, ue, ge, ve, C]), qe = e.useMemo(() => ({
661
+ }), [s, g, h, F, W, ue, ge, we, C]), qe = e.useMemo(() => ({
662
662
  transitionStatus: s.transitionStatus,
663
663
  expanded: C,
664
664
  limited: s.limited || !1,
@@ -666,32 +666,32 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
666
666
  swiping: te.swiping,
667
667
  swipeDirection: te.swipeDirection
668
668
  }), [C, s.transitionStatus, s.limited, s.type, te.swiping, te.swipeDirection]), Je = ie("div", d, {
669
- ref: [v, te.rootRef],
669
+ ref: [w, te.rootRef],
670
670
  state: qe,
671
671
  stateAttributesMapping: Tt,
672
- props: [Ue, a]
672
+ props: [Ue, c]
673
673
  });
674
674
  return /* @__PURE__ */ E(Me.Provider, {
675
675
  value: te,
676
676
  children: Je
677
677
  });
678
678
  });
679
- process.env.NODE_ENV !== "production" && (Ve.displayName = "ToastRoot");
680
- const $e = /* @__PURE__ */ e.forwardRef(function(d, v) {
679
+ process.env.NODE_ENV !== "production" && (ze.displayName = "ToastRoot");
680
+ const Ve = /* @__PURE__ */ e.forwardRef(function(d, w) {
681
681
  const {
682
682
  render: s,
683
- className: V,
683
+ className: z,
684
684
  ...P
685
685
  } = d, {
686
686
  visibleIndex: _,
687
- expanded: a,
688
- recalculateHeight: w
689
- } = pe(), r = e.useRef(null);
687
+ expanded: c,
688
+ recalculateHeight: v
689
+ } = me(), r = e.useRef(null);
690
690
  Se(() => {
691
691
  const R = r.current;
692
- if (!R || (w(), typeof ResizeObserver != "function" || typeof MutationObserver != "function"))
692
+ if (!R || (v(), typeof ResizeObserver != "function" || typeof MutationObserver != "function"))
693
693
  return;
694
- const S = new ResizeObserver(() => w(!0)), M = new MutationObserver(() => w(!0));
694
+ const S = new ResizeObserver(() => v(!0)), M = new MutationObserver(() => v(!0));
695
695
  return S.observe(R), M.observe(R, {
696
696
  childList: !0,
697
697
  subtree: !0,
@@ -699,78 +699,78 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, v) {
699
699
  }), () => {
700
700
  S.disconnect(), M.disconnect();
701
701
  };
702
- }, [w]);
703
- const m = _ > 0, y = e.useMemo(() => ({
704
- expanded: a,
705
- behind: m
706
- }), [a, m]);
702
+ }, [v]);
703
+ const p = _ > 0, y = e.useMemo(() => ({
704
+ expanded: c,
705
+ behind: p
706
+ }), [c, p]);
707
707
  return ie("div", d, {
708
- ref: [v, r],
708
+ ref: [w, r],
709
709
  state: y,
710
710
  props: P
711
711
  });
712
712
  });
713
- process.env.NODE_ENV !== "production" && ($e.displayName = "ToastContent");
714
- const Ae = /* @__PURE__ */ e.forwardRef(function(d, v) {
713
+ process.env.NODE_ENV !== "production" && (Ve.displayName = "ToastContent");
714
+ const $e = /* @__PURE__ */ e.forwardRef(function(d, w) {
715
715
  const {
716
716
  render: s,
717
- className: V,
717
+ className: z,
718
718
  id: P,
719
719
  children: _,
720
- ...a
720
+ ...c
721
721
  } = d, {
722
- toast: w
723
- } = pe(), r = _ ?? w.description, m = !!r, y = wt(P), {
722
+ toast: v
723
+ } = me(), r = _ ?? v.description, p = !!r, y = vt(P), {
724
724
  setDescriptionId: u
725
- } = pe();
725
+ } = me();
726
726
  Se(() => {
727
- if (m)
727
+ if (p)
728
728
  return u(y), () => {
729
729
  u(void 0);
730
730
  };
731
- }, [m, y, u]);
731
+ }, [p, y, u]);
732
732
  const R = e.useMemo(() => ({
733
- type: w.type
734
- }), [w.type]), S = ie("p", d, {
735
- ref: v,
733
+ type: v.type
734
+ }), [v.type]), S = ie("p", d, {
735
+ ref: w,
736
736
  state: R,
737
737
  props: {
738
- ...a,
738
+ ...c,
739
739
  id: y,
740
740
  children: r
741
741
  }
742
742
  });
743
- return m ? S : null;
743
+ return p ? S : null;
744
744
  });
745
- process.env.NODE_ENV !== "production" && (Ae.displayName = "ToastDescription");
746
- const Be = /* @__PURE__ */ e.forwardRef(function(d, v) {
745
+ process.env.NODE_ENV !== "production" && ($e.displayName = "ToastDescription");
746
+ const Ae = /* @__PURE__ */ e.forwardRef(function(d, w) {
747
747
  const {
748
748
  render: s,
749
- className: V,
749
+ className: z,
750
750
  disabled: P,
751
751
  nativeButton: _ = !0,
752
- ...a
752
+ ...c
753
753
  } = d, {
754
- close: w,
754
+ close: v,
755
755
  expanded: r
756
756
  } = Re(), {
757
- toast: m
758
- } = pe(), [y, u] = e.useState(!1), {
757
+ toast: p
758
+ } = me(), [y, u] = e.useState(!1), {
759
759
  getButtonProps: R,
760
760
  buttonRef: S
761
761
  } = _t({
762
762
  disabled: P,
763
763
  native: _
764
764
  }), M = e.useMemo(() => ({
765
- type: m.type
766
- }), [m.type]);
765
+ type: p.type
766
+ }), [p.type]);
767
767
  return ie("button", d, {
768
- ref: [v, S],
768
+ ref: [w, S],
769
769
  state: M,
770
770
  props: [{
771
771
  "aria-hidden": !r && !y,
772
772
  onClick() {
773
- w(m.id);
773
+ v(p.id);
774
774
  },
775
775
  onFocus() {
776
776
  u(!0);
@@ -778,11 +778,11 @@ const Be = /* @__PURE__ */ e.forwardRef(function(d, v) {
778
778
  onBlur() {
779
779
  u(!1);
780
780
  }
781
- }, a, R]
781
+ }, c, R]
782
782
  });
783
783
  });
784
- process.env.NODE_ENV !== "production" && (Be.displayName = "ToastClose");
785
- const Rt = ft, St = "_toast__viewport_1if9c_1", Mt = "_toast_1if9c_1", Nt = "_toast_variant_neutral_1if9c_109", Pt = "_toast_variant_colorway_1if9c_115", Ot = "_toast__content_1if9c_121", Ct = "_toast__header_1if9c_139", Ft = "_toast__row_1if9c_144", It = "_toast__title_1if9c_151", Lt = "_toast__description_1if9c_155", U = {
784
+ process.env.NODE_ENV !== "production" && (Ae.displayName = "ToastClose");
785
+ const Rt = ft, St = "_toast__viewport_1wmsz_1", Mt = "_toast_1wmsz_1", Nt = "_toast_variant_neutral_1wmsz_111", Pt = "_toast_variant_colorway_1wmsz_117", Ot = "_toast__content_1wmsz_123", Ct = "_toast__header_1wmsz_141", Ft = "_toast__row_1wmsz_146", It = "_toast__title_1wmsz_153", Lt = "_toast__description_1wmsz_157", U = {
786
786
  toast__viewport: St,
787
787
  toast: Mt,
788
788
  toast_variant_neutral: Nt,
@@ -792,7 +792,7 @@ const Rt = ft, St = "_toast__viewport_1if9c_1", Mt = "_toast_1if9c_1", Nt = "_to
792
792
  toast__row: Ft,
793
793
  toast__title: It,
794
794
  toast__description: Lt
795
- }, an = Le, Ie = {
795
+ }, cn = Le, Ie = {
796
796
  info: "blue",
797
797
  error: "red",
798
798
  warning: "yellow",
@@ -803,20 +803,20 @@ function un() {
803
803
  }
804
804
  function Ht() {
805
805
  return lt().toasts.map((d) => {
806
- const v = d.type && d.type in Ie ? Ie[d.type] : void 0;
806
+ const w = d.type && d.type in Ie ? Ie[d.type] : void 0;
807
807
  return /* @__PURE__ */ E(
808
- Ve,
808
+ ze,
809
809
  {
810
810
  toast: d,
811
811
  className: rt(
812
812
  U.toast,
813
- v ? U.toast_variant_colorway : U.toast_variant_neutral
813
+ w ? U.toast_variant_colorway : U.toast_variant_neutral
814
814
  ),
815
- render: /* @__PURE__ */ E(ct, { background: "default", color: v }),
815
+ render: /* @__PURE__ */ E(at, { background: "default", color: w }),
816
816
  children: /* @__PURE__ */ re(
817
817
  xe,
818
818
  {
819
- render: /* @__PURE__ */ E($e, {}),
819
+ render: /* @__PURE__ */ E(Ve, {}),
820
820
  className: U.toast__content,
821
821
  children: [
822
822
  /* @__PURE__ */ re(xe, { className: U.toast__row, children: [
@@ -832,20 +832,20 @@ function Ht() {
832
832
  }
833
833
  ) : null,
834
834
  /* @__PURE__ */ E(
835
- Ae,
835
+ $e,
836
836
  {
837
- render: /* @__PURE__ */ E(at, { multiline: !0, color: v ? "inherit" : "dimmer" }),
837
+ render: /* @__PURE__ */ E(ct, { multiline: !0, color: w ? "inherit" : "dimmer" }),
838
838
  className: U.toast__description
839
839
  }
840
840
  )
841
841
  ] }),
842
842
  /* @__PURE__ */ E(
843
- Be,
843
+ Ae,
844
844
  {
845
845
  render: /* @__PURE__ */ E(
846
846
  it,
847
847
  {
848
- interactive: v ? `${v}_no-fill` : "no-fill",
848
+ interactive: w ? `${w}_no-fill` : "no-fill",
849
849
  icon: "close-line",
850
850
  size: "sm",
851
851
  alt: "Close"
@@ -858,7 +858,7 @@ function Ht() {
858
858
  st,
859
859
  {
860
860
  ...d.action,
861
- interactive: v ? `${v}_fill` : !0,
861
+ interactive: w ? `${w}_fill` : !0,
862
862
  children: d.action.children
863
863
  }
864
864
  ) : null
@@ -871,6 +871,6 @@ function Ht() {
871
871
  });
872
872
  }
873
873
  export {
874
- an as ToastProvider,
874
+ cn as ToastProvider,
875
875
  un as ToastViewport
876
876
  };
@@ -3,7 +3,7 @@ import { jsx as O, jsxs as ne } from "react/jsx-runtime";
3
3
  import { c as Ee } from "../../clsx-OuTLNxxd.js";
4
4
  import { textify as Se } from "../../-utils.js";
5
5
  import { Surface as xe } from "../surface/index.js";
6
- import { t as oe, T as be } from "../../tooltip-arrow-C1qXdi5T.js";
6
+ import { t as oe, T as be } from "../../tooltip-arrow-cs6vjjqZ.js";
7
7
  import { R as Oe, P as we, c as N, d as Me, e as Ie, f as Ne, p as $, t as De } from "../../transitions.module-CWX8e5cx.js";
8
8
  import * as o from "react";
9
9
  import { u as le, T as Ae } from "../../useTimeout-CflX-kz3.js";
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../clsx-OuTLNxxd.js";
3
- import { T as i } from "../../tooltip-arrow-C1qXdi5T.js";
3
+ import { T as i } from "../../tooltip-arrow-cs6vjjqZ.js";
4
4
  export {
5
5
  i as TooltipArrow
6
6
  };
package/dist/toast.css CHANGED
@@ -1 +1 @@
1
- ._toast__viewport_1if9c_1{position:fixed;z-index:1;margin:0 auto;inset:auto var(--space-8) var(--space-8) auto;width:var(--space-256)}@media(min-width:512px){._toast__viewport_1if9c_1{right:var(--space-16);bottom:var(--space-16)}}._toast_1if9c_1{--toast-custom-gap: var(--space-12);--toast-custom-peek: var(--space-12);--toast-custom-scale: max(0, 1 - (var(--toast-index) * .1)) ;--toast-custom-shrink: calc(1 - var(--toast-custom-scale));--toast-custom-height: var(--toast-frontmost-height, var(--toast-height));--toast-custom-offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--toast-custom-gap) * -1) + var(--toast-swipe-movement-y) );display:flex;position:absolute;right:0;bottom:0;left:auto;flex-direction:row;align-items:center;gap:var(--space-8);transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-custom-peek)) - (var(--toast-custom-shrink) * var(--toast-custom-height)))) scale(var(--toast-custom-scale));transform-origin:bottom center;z-index:calc(1000 - var(--toast-index));transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s,height var(--transition-duration-snappy);cursor:default;box-sizing:border-box;margin:0 0 0 auto;border-width:1px;border-style:solid;border-radius:var(--border-radius-default);background-clip:padding-box;width:100%;height:var(--toast-custom-height);-webkit-user-select:none;-moz-user-select:none;user-select:none}._toast_1if9c_1[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--toast-custom-offset-y));height:var(--toast-height)}._toast_1if9c_1[data-starting-style],._toast_1if9c_1[data-ending-style]{transform:translateY(150%)}._toast_1if9c_1[data-limited],._toast_1if9c_1[data-ending-style]{opacity:0}._toast_1if9c_1[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 50%))}._toast_1if9c_1[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 50%)) translateY(var(--toast-custom-offset-y))}._toast_1if9c_1[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 50%)) translateY(var(--toast-custom-offset-y))}._toast_1if9c_1[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 50%))}._toast_1if9c_1:after{display:block;position:absolute;top:100%;left:0;width:100%;height:calc(var(--toast-custom-gap) + 1px);content:""}._toast_variant_neutral_1if9c_109{border-color:var(--surface-interactive-border);background:var(--surface-background);color:var(--foreground-default)}._toast_variant_colorway_1if9c_115{border-color:var(--view-colorway-dimmer);background:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._toast__content_1if9c_121{flex-grow:1;flex-shrink:1;gap:var(--space-16);transition:opacity var(--transition-duration-snappy) var(--transition-timing-function-snappy);padding:var(--space-12);overflow:hidden}._toast__content_1if9c_121[data-behind]{opacity:0}._toast__content_1if9c_121[data-expanded]{opacity:1}._toast__header_1if9c_139{flex:1 1 auto;gap:var(--space-4)}._toast__row_1if9c_144{flex:1 1 auto;flex-direction:row;justify-content:space-between;gap:var(--space-4)}._toast__title_1if9c_151,._toast__description_1if9c_155{flex:1 1 auto}
1
+ ._toast__viewport_1wmsz_1{position:fixed;right:var(--space-8);bottom:var(--space-8);z-index:49;margin:0 auto;isolation:isolate;width:var(--space-256)}@media(min-width:512px){._toast__viewport_1wmsz_1{right:var(--space-16);bottom:var(--space-16)}}._toast_1wmsz_1{--toast-custom-gap: var(--space-12);--toast-custom-peek: var(--space-12);--toast-custom-scale: max(0, 1 - (var(--toast-index) * .1)) ;--toast-custom-shrink: calc(1 - var(--toast-custom-scale));--toast-custom-height: var(--toast-frontmost-height, var(--toast-height));--toast-custom-offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--toast-custom-gap) * -1) + var(--toast-swipe-movement-y) );display:flex;position:absolute;right:0;bottom:0;left:auto;flex-direction:row;align-items:center;gap:var(--space-8);transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--toast-custom-peek)) - (var(--toast-custom-shrink) * var(--toast-custom-height)))) scale(var(--toast-custom-scale));transform-origin:bottom center;z-index:calc(1000 - var(--toast-index));transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s,height var(--transition-duration-snappy);cursor:default;box-sizing:border-box;margin:0 0 0 auto;border-width:1px;border-style:solid;border-radius:var(--border-radius-default);background-clip:padding-box;width:100%;height:var(--toast-custom-height);-webkit-user-select:none;-moz-user-select:none;user-select:none}._toast_1wmsz_1[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--toast-custom-offset-y));height:var(--toast-height)}._toast_1wmsz_1[data-starting-style],._toast_1wmsz_1[data-ending-style]{transform:translateY(150%)}._toast_1wmsz_1[data-limited],._toast_1wmsz_1[data-ending-style]{opacity:0}._toast_1wmsz_1[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 50%))}._toast_1wmsz_1[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 50%)) translateY(var(--toast-custom-offset-y))}._toast_1wmsz_1[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 50%)) translateY(var(--toast-custom-offset-y))}._toast_1wmsz_1[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 50%))}._toast_1wmsz_1:after{display:block;position:absolute;top:100%;left:0;width:100%;height:calc(var(--toast-custom-gap) + 1px);content:""}._toast_variant_neutral_1wmsz_111{border-color:var(--surface-interactive-border);background:var(--surface-background);color:var(--foreground-default)}._toast_variant_colorway_1wmsz_117{border-color:var(--view-colorway-dimmer);background:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._toast__content_1wmsz_123{flex-grow:1;flex-shrink:1;gap:var(--space-16);transition:opacity var(--transition-duration-snappy) var(--transition-timing-function-snappy);padding:var(--space-12);overflow:hidden}._toast__content_1wmsz_123[data-behind]{opacity:0}._toast__content_1wmsz_123[data-expanded]{opacity:1}._toast__header_1wmsz_141{flex:1 1 auto;gap:var(--space-4)}._toast__row_1wmsz_146{flex:1 1 auto;flex-direction:row;justify-content:space-between;gap:var(--space-4)}._toast__title_1wmsz_153,._toast__description_1wmsz_157{flex:1 1 auto}
@@ -1,11 +1,11 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
2
  import { c as r } from "./clsx-OuTLNxxd.js";
3
- import './tooltip-arrow.css';const i = "_tooltip_nun1r_1", _ = "_tooltip__arrow_nun1r_10", n = {
3
+ import './tooltip-arrow.css';const i = "_tooltip_j3wze_1", _ = "_tooltip__arrow_j3wze_10", p = {
4
4
  tooltip: i,
5
5
  tooltip__arrow: _,
6
- "tooltip__arrow-icon": "_tooltip__arrow-icon_nun1r_35"
6
+ "tooltip__arrow-icon": "_tooltip__arrow-icon_j3wze_35"
7
7
  };
8
- function s(t) {
8
+ function e(t) {
9
9
  return /* @__PURE__ */ o(
10
10
  "svg",
11
11
  {
@@ -13,12 +13,12 @@ function s(t) {
13
13
  height: "5",
14
14
  viewBox: "0 0 30 10",
15
15
  preserveAspectRatio: "none",
16
- className: r(n["tooltip__arrow-icon"], t.className),
16
+ className: r(p["tooltip__arrow-icon"], t.className),
17
17
  children: /* @__PURE__ */ o("polygon", { points: "0,0 30,0 15,10" })
18
18
  }
19
19
  );
20
20
  }
21
21
  export {
22
- s as T,
23
- n as t
22
+ e as T,
23
+ p as t
24
24
  };
@@ -1 +1 @@
1
- ._tooltip_nun1r_1{z-index:50;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_nun1r_10[data-instant]{transition:none}._tooltip__arrow_nun1r_10[data-side=top]{bottom:-4px}._tooltip__arrow_nun1r_10[data-side=bottom]{top:-4px;rotate:180deg}._tooltip__arrow_nun1r_10[data-side=left]{right:-7px;rotate:-90deg}._tooltip__arrow_nun1r_10[data-side=right]{left:-7px;rotate:90deg}._tooltip__arrow-icon_nun1r_35{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
+ ._tooltip_j3wze_1{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_j3wze_10[data-instant]{transition:none}._tooltip__arrow_j3wze_10[data-side=top]{bottom:-4px}._tooltip__arrow_j3wze_10[data-side=bottom]{top:-4px;rotate:180deg}._tooltip__arrow_j3wze_10[data-side=left]{right:-7px;rotate:-90deg}._tooltip__arrow_j3wze_10[data-side=right]{left:-7px;rotate:90deg}._tooltip__arrow-icon_j3wze_35{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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@koide-labs/ui",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "exports": {
@@ -31,10 +31,10 @@
31
31
  ],
32
32
  "dependencies": {
33
33
  "@base-ui/react": "^1.0.0",
34
+ "@npham-dev/cmdk": "^0.0.0",
34
35
  "@radix-ui/react-visually-hidden": "^1.2.4",
35
36
  "autosize": "^6.0.1",
36
37
  "clsx": "^2.1.1",
37
- "cmdk": "github:npham-dev/cmdk#main&path:/cmdk",
38
38
  "date-fns": "^4.1.0",
39
39
  "modern-normalize": "^3.0.1",
40
40
  "prismjs": "^1.30.0",
@@ -45,8 +45,8 @@
45
45
  "peerDependencies": {
46
46
  "react": "^19.2.0",
47
47
  "react-dom": "^19.2.0",
48
- "remixicon": "^4.8.0",
49
- "react-markdown": "^10.1.0"
48
+ "react-markdown": "^10.1.0",
49
+ "remixicon": "^4.8.0"
50
50
  },
51
51
  "peerDependenciesMeta": {
52
52
  "react-markdown": {