@koide-labs/ui 0.0.14 → 0.0.15

package/dist/components/toast/toast.js

@@ -9,7 +9,7 @@ import { View as Pe } from "../view/index.js";
 import { T as ft, a as be, u as dt } from "../../use-toast-manager-Dq-44AuW.js";
 import * as e from "react";
 import { o as ne } from "../../owner-rKN292Q9.js";
-import { u as U } from "../../useStableCallback-CkTrVkNX.js";
+import { u as W } from "../../useStableCallback-CkTrVkNX.js";
 import { T as Oe } from "../../useTimeout-CflX-kz3.js";
 import { h as pe, f as re, m as Ee, e as Re } from "../../element-CZEOj04G.js";
 import { F as pt } from "../../FloatingPortalLite-DVyq6YhV.js";
@@ -20,9 +20,9 @@ import { d as Ce } from "../../floating-ui.utils.dom-C7FS5id0.js";
 import * as ht from "react-dom";
 import { i as gt } from "../../inertValue-BCYGsdmf.js";
 import { u as me } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
-import { f as vt } from "../../formatErrorMessage-BqPuTBN-.js";
-import { a as _t, t as wt } from "../../useOpenChangeComplete-Dse9kY9E.js";
-import { u as He } from "../../useId-C5kyn6tA.js";
+import { f as _t } from "../../formatErrorMessage-BqPuTBN-.js";
+import { a as vt, t as wt } from "../../useOpenChangeComplete-Dse9kY9E.js";
+import { u as Le } from "../../useId-C5kyn6tA.js";
 import { u as yt } from "../../useButton-DfIwsdb8.js";
 import '../../toast.css';let Fe = 0;
 function xt(f) {
@@ -41,62 +41,62 @@ function De(f, d) {
   }
   return f;
 }
-const ke = function(d) {
+const He = function(d) {
   const {
     children: h,
     timeout: s = 5e3,
     limit: F = 3,
     toastManager: M
-  } = d, [y, a] = e.useState([]), [g, t] = e.useState(!1), [l, _] = e.useState(!1), [o, R] = e.useState(null);
-  y.length === 0 && (g && t(!1), l && _(!1));
-  const b = g || l, N = e.useRef(/* @__PURE__ */ new Map()), Y = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
-  function j(n) {
-    const m = pe(ne(Y.current));
-    if (!Y.current || !re(Y.current, m) || !Ee(m))
+  } = d, [y, a] = e.useState([]), [g, t] = e.useState(!1), [l, v] = e.useState(!1), [o, R] = e.useState(null);
+  y.length === 0 && (g && t(!1), l && v(!1));
+  const b = g || l, N = e.useRef(/* @__PURE__ */ new Map()), A = e.useRef(null), C = e.useRef(!0), Y = e.useRef(!1);
+  function K(n) {
+    const m = pe(ne(A.current));
+    if (!A.current || !re(A.current, m) || !Ee(m))
       return;
     const w = y.findIndex((r) => r.id === n);
-    let i = null, v = w + 1;
-    for (; v < y.length; ) {
-      if (y[v].transitionStatus !== "ending") {
-        i = y[v];
+    let i = null, _ = w + 1;
+    for (; _ < y.length; ) {
+      if (y[_].transitionStatus !== "ending") {
+        i = y[_];
         break;
       }
-      v += 1;
+      _ += 1;
     }
     if (!i)
-      for (v = w - 1; v >= 0; ) {
-        if (y[v].transitionStatus !== "ending") {
-          i = y[v];
+      for (_ = w - 1; _ >= 0; ) {
+        if (y[_].transitionStatus !== "ending") {
+          i = y[_];
           break;
         }
-        v -= 1;
+        _ -= 1;
       }
     i ? i.ref?.current?.focus() : o?.focus({
       preventScroll: !0
     });
   }
-  const D = U(() => {
-    X.current || (X.current = !0, N.current.forEach((n) => {
+  const D = W(() => {
+    Y.current || (Y.current = !0, N.current.forEach((n) => {
       if (n.timeout) {
         n.timeout.clear();
         const m = Date.now() - n.start, w = n.delay - m;
         n.remaining = w > 0 ? w : 0;
       }
     }));
-  }), I = U(() => {
-    X.current && (X.current = !1, N.current.forEach((n, m) => {
+  }), k = W(() => {
+    Y.current && (Y.current = !1, N.current.forEach((n, m) => {
       n.remaining = n.remaining > 0 ? n.remaining : n.delay, n.timeout ??= Oe.create(), n.timeout.start(n.remaining, () => {
         N.current.delete(m), n.callback();
       }), n.start = Date.now();
     }));
-  }), L = U((n) => {
+  }), I = W((n) => {
     a((i) => {
-      const v = i.map((p) => p.id === n ? {
+      const _ = i.map((p) => p.id === n ? {
         ...p,
         transitionStatus: "ending",
         height: 0
-      } : p), r = v.filter((p) => p.transitionStatus !== "ending");
-      return v.map((p) => {
+      } : p), r = _.filter((p) => p.transitionStatus !== "ending");
+      return _.map((p) => {
         if (p.transitionStatus === "ending")
           return p;
         const x = r.indexOf(p) >= F;
@@ -107,35 +107,35 @@ const ke = function(d) {
       });
     });
     const m = N.current.get(n);
-    m && m.timeout && (m.timeout.clear(), N.current.delete(n)), y.find((i) => i.id === n)?.onClose?.(), j(n), y.length === 1 && (t(!1), _(!1));
-  }), q = U((n) => {
+    m && m.timeout && (m.timeout.clear(), N.current.delete(n)), y.find((i) => i.id === n)?.onClose?.(), K(n), y.length === 1 && (t(!1), v(!1));
+  }), U = W((n) => {
     a((w) => w.filter((i) => i.id !== n)), y.find((w) => w.id === n)?.onRemove?.();
-  }), V = U((n, m, w) => {
-    const i = Date.now(), v = C.current && !g && !l, r = v ? Oe.create() : void 0;
+  }), $ = W((n, m, w) => {
+    const i = Date.now(), _ = C.current && !g && !l, r = _ ? Oe.create() : void 0;
     r?.start(m, () => {
       N.current.delete(n), w();
     }), N.current.set(n, {
       timeout: r,
-      start: v ? i : 0,
+      start: _ ? i : 0,
       delay: m,
       remaining: m,
       callback: w
     });
-  }), G = U((n) => {
+  }), z = W((n) => {
     const m = n.id || xt("toast"), w = {
       ...n,
       id: m,
       transitionStatus: "starting"
     };
-    a((v) => {
-      const r = [w, ...v], p = r.filter((x) => x.transitionStatus !== "ending");
+    a((_) => {
+      const r = [w, ..._], p = r.filter((x) => x.transitionStatus !== "ending");
       if (p.length > F) {
         const x = p.length - F, T = p.slice(-x);
-        return r.map((H) => T.some((Z) => Z.id === H.id) ? {
-          ...H,
+        return r.map((L) => T.some((Z) => Z.id === L.id) ? {
+          ...L,
           limited: !0
         } : {
-          ...H,
+          ...L,
           limited: !1
         });
       }
@@ -145,77 +145,77 @@ const ke = function(d) {
       }));
     });
     const i = w.timeout ?? s;
-    return w.type !== "loading" && i > 0 && V(m, i, () => L(m)), (g || l || !C.current) && D(), m;
-  }), K = U((n, m) => {
+    return w.type !== "loading" && i > 0 && $(m, i, () => I(m)), (g || l || !C.current) && D(), m;
+  }), X = W((n, m) => {
     a((w) => w.map((i) => i.id === n ? {
       ...i,
       ...m
     } : i));
-  }), O = U((n, m) => {
-    const w = De(m.loading), i = G({
+  }), O = W((n, m) => {
+    const w = De(m.loading), i = z({
       ...w,
       type: "loading"
-    }), v = n.then((r) => {
+    }), _ = n.then((r) => {
       const p = De(m.success, r);
-      K(i, {
+      X(i, {
         ...p,
         type: "success"
       });
       const x = p.timeout ?? s;
-      return x > 0 && V(i, x, () => L(i)), (g || l || !C.current) && D(), r;
+      return x > 0 && $(i, x, () => I(i)), (g || l || !C.current) && D(), r;
     }).catch((r) => {
       const p = De(m.error, r);
-      K(i, {
+      X(i, {
         ...p,
         type: "error"
       });
       const x = p.timeout ?? s;
-      return x > 0 && V(i, x, () => L(i)), (g || l || !C.current) && D(), Promise.reject(r);
+      return x > 0 && $(i, x, () => I(i)), (g || l || !C.current) && D(), Promise.reject(r);
     });
-    return {}.hasOwnProperty.call(m, "setPromise") && m.setPromise(v), v;
+    return {}.hasOwnProperty.call(m, "setPromise") && m.setPromise(_), _;
   });
   e.useEffect(function() {
     return M ? M[" subscribe"](({
       action: w,
       options: i
     }) => {
-      const v = i.id;
-      w === "promise" && i.promise ? O(i.promise, i) : w === "update" && v ? K(v, i) : w === "close" && v ? L(v) : G(i);
+      const _ = i.id;
+      w === "promise" && i.promise ? O(i.promise, i) : w === "update" && _ ? X(_, i) : w === "close" && _ ? I(_) : z(i);
     }) : void 0;
-  }, [G, K, V, s, M, O, L]);
+  }, [z, X, $, s, M, O, I]);
   const J = e.useMemo(() => ({
     toasts: y,
     setToasts: a,
     hovering: g,
     setHovering: t,
     focused: l,
-    setFocused: _,
+    setFocused: v,
     expanded: b,
-    add: G,
-    close: L,
-    remove: q,
-    update: K,
+    add: z,
+    close: I,
+    remove: U,
+    update: X,
     promise: O,
     pauseTimers: D,
-    resumeTimers: I,
+    resumeTimers: k,
     prevFocusElement: o,
     setPrevFocusElement: R,
-    viewportRef: Y,
-    scheduleTimer: V,
+    viewportRef: A,
+    scheduleTimer: $,
     windowFocusedRef: C
-  }), [G, L, l, g, b, D, o, O, q, I, V, y, K]);
+  }), [z, I, l, g, b, D, o, O, U, k, $, y, X]);
   return /* @__PURE__ */ E(ft.Provider, {
     value: J,
     children: h
   });
 };
-process.env.NODE_ENV !== "production" && (ke.displayName = "ToastProvider");
-const ze = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (ze.displayName = "ToastViewportContext");
+process.env.NODE_ENV !== "production" && (He.displayName = "ToastProvider");
+const Ve = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Ve.displayName = "ToastViewportContext");
 let Tt = /* @__PURE__ */ (function(f) {
   return f.frontmostHeight = "--toast-frontmost-height", f;
 })({});
-const Ve = /* @__PURE__ */ e.forwardRef(function(d, h) {
+const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     render: s,
     className: F,
@@ -226,27 +226,27 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, h) {
     pauseTimers: g,
     resumeTimers: t,
     setHovering: l,
-    setFocused: _,
+    setFocused: v,
     viewportRef: o,
     windowFocusedRef: R,
     prevFocusElement: b,
     setPrevFocusElement: N,
-    expanded: Y,
+    expanded: A,
     focused: C
-  } = be(), X = e.useRef(!1), j = e.useRef(!1), D = a.length, I = a[0]?.height ?? 0, L = e.useMemo(() => a.some((r) => r.transitionStatus === "ending"), [a]);
+  } = be(), Y = e.useRef(!1), K = e.useRef(!1), D = a.length, k = a[0]?.height ?? 0, I = e.useMemo(() => a.some((r) => r.transitionStatus === "ending"), [a]);
   e.useEffect(() => {
     if (!o.current)
       return;
     function r(x) {
       D !== 0 && x.key === "F6" && x.target !== o.current && (x.preventDefault(), N(pe(ne(o.current))), o.current?.focus({
         preventScroll: !0
-      }), g(), _(!0));
+      }), g(), v(!0));
     }
     const p = Ce(o.current);
     return p.addEventListener("keydown", r), () => {
       p.removeEventListener("keydown", r);
     };
-  }, [g, _, N, D, o]), e.useEffect(() => {
+  }, [g, v, N, D, o]), e.useEffect(() => {
     if (!o.current || !D)
       return;
     const r = Ce(o.current);
@@ -256,8 +256,8 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, h) {
     function x(T) {
       if (T.relatedTarget || T.target === r)
         return;
-      const H = Re(T), Z = pe(ne(o.current));
-      (!re(o.current, H) || !Ee(Z)) && t(), setTimeout(() => {
+      const L = Re(T), Z = pe(ne(o.current));
+      (!re(o.current, L) || !Ee(Z)) && t(), setTimeout(() => {
         R.current = !0;
       });
     }
@@ -269,7 +269,7 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, h) {
     t,
     o,
     R,
-    _,
+    v,
     // `viewportRef.current` isn't available on the first render,
     // since the portal node hasn't yet been created.
     // By adding this dependency, we ensure the window listeners
@@ -283,41 +283,41 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, h) {
     function x(T) {
       if (T.pointerType !== "touch")
         return;
-      const H = Re(T);
-      re(r, H) || (t(), l(!1), _(!1));
+      const L = Re(T);
+      re(r, L) || (t(), l(!1), v(!1));
     }
     return p.addEventListener("pointerdown", x, !0), () => {
       p.removeEventListener("pointerdown", x, !0);
     };
-  }, [D, t, _, l, o]);
-  function q(r) {
-    o.current && (X.current = !0, r.relatedTarget === o.current ? a[0]?.ref?.current?.focus() : b?.focus({
+  }, [D, t, v, l, o]);
+  function U(r) {
+    o.current && (Y.current = !0, r.relatedTarget === o.current ? a[0]?.ref?.current?.focus() : b?.focus({
       preventScroll: !0
     }));
   }
-  function V(r) {
+  function $(r) {
     r.key === "Tab" && r.shiftKey && r.target === o.current && (r.preventDefault(), b?.focus({
       preventScroll: !0
     }), t());
   }
   e.useEffect(() => {
-    !R.current || L || !j.current || (t(), l(!1), j.current = !1);
-  }, [L, t, l, R]);
-  function G() {
-    g(), l(!0), j.current = !1;
+    !R.current || I || !K.current || (t(), l(!1), K.current = !1);
+  }, [I, t, l, R]);
+  function z() {
+    g(), l(!0), K.current = !1;
   }
-  function K() {
-    a.some((r) => r.transitionStatus === "ending") ? j.current = !0 : (t(), l(!1));
+  function X() {
+    a.some((r) => r.transitionStatus === "ending") ? K.current = !0 : (t(), l(!1));
   }
   function O() {
-    if (X.current) {
-      X.current = !1;
+    if (Y.current) {
+      Y.current = !1;
       return;
     }
-    C || Ee(ne(o.current).activeElement) && (_(!0), g());
+    C || Ee(ne(o.current).activeElement) && (v(!0), g());
   }
   function J(r) {
-    !C || re(o.current, r.relatedTarget) || (_(!1), t());
+    !C || re(o.current, r.relatedTarget) || (v(!1), t());
   }
   const n = {
     tabIndex: -1,
@@ -326,41 +326,41 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, h) {
     "aria-atomic": !1,
     "aria-relevant": "additions text",
     "aria-label": "Notifications",
-    onMouseEnter: G,
-    onMouseMove: G,
-    onMouseLeave: K,
+    onMouseEnter: z,
+    onMouseMove: z,
+    onMouseLeave: X,
     onFocus: O,
     onBlur: J,
-    onKeyDown: V,
+    onKeyDown: $,
     onClick: O
   }, m = e.useMemo(() => ({
-    expanded: Y
-  }), [Y]), w = oe("div", d, {
+    expanded: A
+  }), [A]), w = oe("div", d, {
     ref: [h, o],
     state: m,
     props: [n, {
       style: {
-        [Tt.frontmostHeight]: I ? `${I}px` : void 0
+        [Tt.frontmostHeight]: k ? `${k}px` : void 0
       }
     }, y, {
       children: /* @__PURE__ */ ae(e.Fragment, {
         children: [D > 0 && b && /* @__PURE__ */ E(Te, {
-          onFocus: q
+          onFocus: U
         }), M, D > 0 && b && /* @__PURE__ */ E(Te, {
-          onFocus: q
+          onFocus: U
         })]
       })
     }]
   }), i = e.useMemo(() => ({
     viewportRef: o
-  }), [o]), v = e.useMemo(() => a.filter((r) => r.priority === "high"), [a]);
-  return /* @__PURE__ */ ae(ze.Provider, {
+  }), [o]), _ = e.useMemo(() => a.filter((r) => r.priority === "high"), [a]);
+  return /* @__PURE__ */ ae(Ve.Provider, {
     value: i,
     children: [D > 0 && b && /* @__PURE__ */ E(Te, {
-      onFocus: q
-    }), w, !C && v.length > 0 && /* @__PURE__ */ E("div", {
+      onFocus: U
+    }), w, !C && _.length > 0 && /* @__PURE__ */ E("div", {
       style: mt,
-      children: v.map((r) => /* @__PURE__ */ ae("div", {
+      children: _.map((r) => /* @__PURE__ */ ae("div", {
         role: "alert",
         "aria-atomic": !0,
         children: [/* @__PURE__ */ E("div", {
@@ -372,13 +372,13 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, h) {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Ve.displayName = "ToastViewport");
+process.env.NODE_ENV !== "production" && ($e.displayName = "ToastViewport");
 const Se = /* @__PURE__ */ e.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Se.displayName = "ToastRootContext");
 function se() {
   const f = e.useContext(Se);
   if (!f)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>." : vt(66));
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>." : _t(66));
   return f;
 }
 let ee = /* @__PURE__ */ (function(f) {
@@ -392,7 +392,7 @@ const Dt = {
     } : null;
   }
 }, ie = 40, Et = 10, Q = 0.5, Rt = 1;
-function Ie(f, d, h) {
+function ke(f, d, h) {
   switch (f) {
     case "up":
       return -h;
@@ -422,7 +422,7 @@ function bt(f) {
     scale: M
   };
 }
-const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
+const je = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     toast: s,
     render: F,
@@ -433,40 +433,40 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
   let t = [];
   g || (t = Array.isArray(y) ? y : [y]);
   const l = t.length > 0, {
-    toasts: _,
+    toasts: v,
     focused: o,
     close: R,
     remove: b,
     setToasts: N,
-    pauseTimers: Y,
+    pauseTimers: A,
     expanded: C,
-    setHovering: X
-  } = be(), [j, D] = e.useState(void 0), [I, L] = e.useState(!1), [q, V] = e.useState(!1), [G, K] = e.useState(!1), [O, J] = e.useState({
+    setHovering: Y
+  } = be(), [K, D] = e.useState(void 0), [k, I] = e.useState(!1), [U, $] = e.useState(!1), [z, X] = e.useState(!1), [O, J] = e.useState({
     x: 0,
     y: 0
   }), [n, m] = e.useState({
     x: 0,
     y: 0,
     scale: 1
-  }), [w, i] = e.useState(), [v, r] = e.useState(), [p, x] = e.useState(null), T = e.useRef(null), H = e.useRef({
+  }), [w, i] = e.useState(), [_, r] = e.useState(), [p, x] = e.useState(null), T = e.useRef(null), L = e.useRef({
     x: 0,
     y: 0
   }), Z = e.useRef({
     x: 0,
     y: 0,
     scale: 1
-  }), ce = e.useRef(void 0), he = e.useRef(0), ue = e.useRef(!1), $ = e.useRef({
+  }), ce = e.useRef(void 0), he = e.useRef(0), ue = e.useRef(!1), j = e.useRef({
     x: 0,
     y: 0
-  }), ge = e.useRef(!1), ve = e.useMemo(() => _.indexOf(s), [s, _]), _e = e.useMemo(() => _.filter((c) => c.transitionStatus !== "ending").indexOf(s), [s, _]), Ge = e.useMemo(() => _.slice(0, _.indexOf(s)).reduce((c, u) => c + (u.height || 0), 0), [_, s]);
-  _t({
+  }), ge = e.useRef(!1), _e = e.useMemo(() => v.indexOf(s), [s, v]), ve = e.useMemo(() => v.filter((c) => c.transitionStatus !== "ending").indexOf(s), [s, v]), ze = e.useMemo(() => v.slice(0, v.indexOf(s)).reduce((c, u) => c + (u.height || 0), 0), [v, s]);
+  vt({
     open: s.transitionStatus !== "ending",
     ref: T,
     onComplete() {
       s.transitionStatus === "ending" && b(s.id);
     }
   });
-  const le = U((c = !1) => {
+  const le = W((c = !1) => {
     const u = T.current;
     if (!u)
       return;
@@ -475,46 +475,46 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
     const P = u.offsetHeight;
     u.style.height = S;
     function B() {
-      N((k) => k.map((z) => z.id === s.id ? {
-        ...z,
+      N((H) => H.map((V) => V.id === s.id ? {
+        ...V,
         ref: T,
         height: P,
         transitionStatus: void 0
-      } : z));
+      } : V));
     }
     c ? ht.flushSync(B) : B();
   });
   me(le, [le]);
-  function Ke(c, u) {
+  function Xe(c, u) {
     let S = c, P = u;
     return !t.includes("left") && !t.includes("right") ? S = c > 0 ? c ** Q : -(Math.abs(c) ** Q) : (!t.includes("right") && c > 0 && (S = c ** Q), !t.includes("left") && c < 0 && (S = -(Math.abs(c) ** Q))), !t.includes("up") && !t.includes("down") ? P = u > 0 ? u ** Q : -(Math.abs(u) ** Q) : (!t.includes("down") && u > 0 && (P = u ** Q), !t.includes("up") && u < 0 && (P = -(Math.abs(u) ** Q))), {
       x: S,
       y: P
     };
   }
-  function We(c) {
+  function Ge(c) {
     if (c.button !== 0)
       return;
-    c.pointerType === "touch" && Y();
+    c.pointerType === "touch" && A();
     const u = Re(c.nativeEvent);
     if (!(u && u.closest('button,a,input,textarea,[role="button"],[data-swipe-ignore]'))) {
-      if (ue.current = !1, ce.current = void 0, he.current = 0, H.current = {
+      if (ue.current = !1, ce.current = void 0, he.current = 0, L.current = {
         x: c.clientX,
         y: c.clientY
-      }, $.current = H.current, T.current) {
+      }, j.current = L.current, T.current) {
         const P = bt(T.current);
         Z.current = P, m(P), J({
           x: P.x,
           y: P.y
         });
       }
-      X(!0), L(!0), V(!1), x(null), ge.current = !0, T.current?.setPointerCapture(c.pointerId);
+      Y(!0), I(!0), $(!1), x(null), ge.current = !0, T.current?.setPointerCapture(c.pointerId);
     }
   }
-  function je(c) {
-    if (!I)
+  function Ke(c) {
+    if (!k)
       return;
-    c.preventDefault(), ge.current && (H.current = {
+    c.preventDefault(), ge.current && (L.current = {
       x: c.clientX,
       y: c.clientY
     }, ge.current = !1);
@@ -524,39 +524,39 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
       movementX: P,
       movementY: B
     } = c;
-    (B < 0 && u > $.current.y || B > 0 && u < $.current.y) && ($.current = {
-      x: $.current.x,
+    (B < 0 && u > j.current.y || B > 0 && u < j.current.y) && (j.current = {
+      x: j.current.x,
       y: u
-    }), (P < 0 && S > $.current.x || P > 0 && S < $.current.x) && ($.current = {
+    }), (P < 0 && S > j.current.x || P > 0 && S < j.current.x) && (j.current = {
       x: S,
-      y: $.current.y
+      y: j.current.y
     });
-    const k = S - H.current.x, z = u - H.current.y, tt = u - $.current.y, nt = S - $.current.x;
-    if (!q && Math.sqrt(k * k + z * z) >= Rt && (V(!0), p === null)) {
+    const H = S - L.current.x, V = u - L.current.y, tt = u - j.current.y, nt = S - j.current.x;
+    if (!U && Math.sqrt(H * H + V * V) >= Rt && ($(!0), p === null)) {
       const de = t.includes("left") || t.includes("right"), rt = t.includes("up") || t.includes("down");
       if (de && rt) {
-        const st = Math.abs(k), ot = Math.abs(z);
+        const st = Math.abs(H), ot = Math.abs(V);
         x(st > ot ? "horizontal" : "vertical");
       }
     }
-    let A;
+    let q;
     if (!ce.current)
-      p === "vertical" ? z > 0 ? A = "down" : z < 0 && (A = "up") : p === "horizontal" ? k > 0 ? A = "right" : k < 0 && (A = "left") : Math.abs(k) >= Math.abs(z) ? A = k > 0 ? "right" : "left" : A = z > 0 ? "down" : "up", A && t.includes(A) && (ce.current = A, he.current = Ie(A, k, z), D(A));
+      p === "vertical" ? V > 0 ? q = "down" : V < 0 && (q = "up") : p === "horizontal" ? H > 0 ? q = "right" : H < 0 && (q = "left") : Math.abs(H) >= Math.abs(V) ? q = H > 0 ? "right" : "left" : q = V > 0 ? "down" : "up", q && t.includes(q) && (ce.current = q, he.current = ke(q, H, V), D(q));
     else {
-      const xe = ce.current, de = Ie(xe, nt, tt);
+      const xe = ce.current, de = ke(xe, nt, tt);
       de > ie ? (ue.current = !1, D(xe)) : !(t.includes("left") && t.includes("right")) && !(t.includes("up") && t.includes("down")) && he.current - de >= Et && (ue.current = !0);
     }
-    const fe = Ke(k, z);
+    const fe = Xe(H, V);
     let we = Z.current.x, ye = Z.current.y;
     p === "horizontal" ? (t.includes("left") || t.includes("right")) && (we += fe.x) : (p === "vertical" || (t.includes("left") || t.includes("right")) && (we += fe.x), (t.includes("up") || t.includes("down")) && (ye += fe.y)), J({
       x: we,
       y: ye
     });
   }
-  function Ue(c) {
-    if (!I)
+  function We(c) {
+    if (!k)
       return;
-    if (L(!1), V(!1), x(null), T.current?.releasePointerCapture(c.pointerId), ue.current) {
+    if (I(!1), $(!1), x(null), T.current?.releasePointerCapture(c.pointerId), ue.current) {
       J({
         x: n.x,
         y: n.y
@@ -566,8 +566,8 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
     let u = !1;
     const S = O.x - n.x, P = O.y - n.y;
     let B;
-    for (const k of t) {
-      switch (k) {
+    for (const H of t) {
+      switch (H) {
         case "right":
           S > ie && (u = !0, B = "right");
           break;
@@ -584,12 +584,12 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
       if (u)
         break;
     }
-    u ? (D(B), K(!0), R(s.id)) : (J({
+    u ? (D(B), X(!0), R(s.id)) : (J({
       x: n.x,
       y: n.y
     }), D(void 0));
   }
-  function qe(c) {
+  function Ue(c) {
     if (c.key === "Escape") {
       if (!T.current || !re(T.current, pe(ne(T.current))))
         return;
@@ -612,17 +612,17 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
     };
   }, [l]);
   function Je() {
-    if (!I && O.x === n.x && O.y === n.y && !G)
+    if (!k && O.x === n.x && O.y === n.y && !z)
       return {
         [ee.swipeMovementX]: "0px",
         [ee.swipeMovementY]: "0px"
       };
     const c = O.x - n.x, u = O.y - n.y;
     return {
-      transition: I ? "none" : void 0,
+      transition: k ? "none" : void 0,
       // While swiping, freeze the element at its current visual transform so it doesn't snap to the
       // end position.
-      transform: I ? `translateX(${O.x}px) translateY(${O.y}px) scale(${n.scale})` : void 0,
+      transform: k ? `translateX(${O.x}px) translateY(${O.y}px) scale(${n.scale})` : void 0,
       [ee.swipeMovementX]: `${c}px`,
       [ee.swipeMovementY]: `${u}px`
     };
@@ -632,17 +632,17 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
     tabIndex: 0,
     "aria-modal": !1,
     "aria-labelledby": w,
-    "aria-describedby": v,
+    "aria-describedby": _,
     "aria-hidden": Me && !o ? !0 : void 0,
-    onPointerDown: l ? We : void 0,
-    onPointerMove: l ? je : void 0,
-    onPointerUp: l ? Ue : void 0,
-    onKeyDown: qe,
+    onPointerDown: l ? Ge : void 0,
+    onPointerMove: l ? Ke : void 0,
+    onPointerUp: l ? We : void 0,
+    onKeyDown: Ue,
     inert: gt(s.limited),
     style: {
       ...Je(),
-      [ee.index]: s.transitionStatus === "ending" ? ve : _e,
-      [ee.offsetY]: `${Ge}px`,
+      [ee.index]: s.transitionStatus === "ending" ? _e : ve,
+      [ee.offsetY]: `${ze}px`,
       [ee.height]: s.height ? `${s.height}px` : void 0
     }
   }, te = e.useMemo(() => ({
@@ -650,15 +650,15 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
     toast: s,
     titleId: w,
     setTitleId: i,
-    descriptionId: v,
+    descriptionId: _,
     setDescriptionId: r,
-    swiping: I,
-    swipeDirection: j,
+    swiping: k,
+    swipeDirection: K,
     recalculateHeight: le,
-    index: ve,
-    visibleIndex: _e,
+    index: _e,
+    visibleIndex: ve,
     expanded: C
-  }), [s, w, v, I, j, le, ve, _e, C]), Ze = e.useMemo(() => ({
+  }), [s, w, _, k, K, le, _e, ve, C]), Ze = e.useMemo(() => ({
     transitionStatus: s.transitionStatus,
     expanded: C,
     limited: s.limited || !1,
@@ -676,7 +676,7 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
     children: et
   });
 });
-process.env.NODE_ENV !== "production" && ($e.displayName = "ToastRoot");
+process.env.NODE_ENV !== "production" && (je.displayName = "ToastRoot");
 const Be = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     render: s,
@@ -700,18 +700,18 @@ const Be = /* @__PURE__ */ e.forwardRef(function(d, h) {
       b.disconnect(), N.disconnect();
     };
   }, [g]);
-  const l = y > 0, _ = e.useMemo(() => ({
+  const l = y > 0, v = e.useMemo(() => ({
     expanded: a,
     behind: l
   }), [a, l]);
   return oe("div", d, {
     ref: [h, t],
-    state: _,
+    state: v,
     props: M
   });
 });
 process.env.NODE_ENV !== "production" && (Be.displayName = "ToastContent");
-const Ae = /* @__PURE__ */ e.forwardRef(function(d, h) {
+const qe = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     render: s,
     className: F,
@@ -720,15 +720,15 @@ const Ae = /* @__PURE__ */ e.forwardRef(function(d, h) {
     ...a
   } = d, {
     toast: g
-  } = se(), t = y ?? g.description, l = !!t, _ = He(M), {
+  } = se(), t = y ?? g.description, l = !!t, v = Le(M), {
     setDescriptionId: o
   } = se();
   me(() => {
     if (l)
-      return o(_), () => {
+      return o(v), () => {
         o(void 0);
       };
-  }, [l, _, o]);
+  }, [l, v, o]);
   const R = e.useMemo(() => ({
     type: g.type
   }), [g.type]), b = oe("p", d, {
@@ -736,14 +736,14 @@ const Ae = /* @__PURE__ */ e.forwardRef(function(d, h) {
     state: R,
     props: {
       ...a,
-      id: _,
+      id: v,
       children: t
     }
   });
   return l ? b : null;
 });
-process.env.NODE_ENV !== "production" && (Ae.displayName = "ToastDescription");
-const Ye = /* @__PURE__ */ e.forwardRef(function(d, h) {
+process.env.NODE_ENV !== "production" && (qe.displayName = "ToastDescription");
+const Ae = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     render: s,
     className: F,
@@ -752,15 +752,15 @@ const Ye = /* @__PURE__ */ e.forwardRef(function(d, h) {
     ...a
   } = d, {
     toast: g
-  } = se(), t = y ?? g.title, l = !!t, _ = He(M), {
+  } = se(), t = y ?? g.title, l = !!t, v = Le(M), {
     setTitleId: o
   } = se();
   me(() => {
     if (l)
-      return o(_), () => {
+      return o(v), () => {
         o(void 0);
       };
-  }, [l, _, o]);
+  }, [l, v, o]);
   const R = e.useMemo(() => ({
     type: g.type
   }), [g.type]), b = oe("h2", d, {
@@ -768,14 +768,14 @@ const Ye = /* @__PURE__ */ e.forwardRef(function(d, h) {
     state: R,
     props: {
       ...a,
-      id: _,
+      id: v,
       children: t
     }
   });
   return l ? b : null;
 });
-process.env.NODE_ENV !== "production" && (Ye.displayName = "ToastTitle");
-const Xe = /* @__PURE__ */ e.forwardRef(function(d, h) {
+process.env.NODE_ENV !== "production" && (Ae.displayName = "ToastTitle");
+const Ye = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     render: s,
     className: F,
@@ -787,7 +787,7 @@ const Xe = /* @__PURE__ */ e.forwardRef(function(d, h) {
     expanded: t
   } = be(), {
     toast: l
-  } = se(), [_, o] = e.useState(!1), {
+  } = se(), [v, o] = e.useState(!1), {
     getButtonProps: R,
     buttonRef: b
   } = yt({
@@ -800,7 +800,7 @@ const Xe = /* @__PURE__ */ e.forwardRef(function(d, h) {
     ref: [h, b],
     state: N,
     props: [{
-      "aria-hidden": !t && !_,
+      "aria-hidden": !t && !v,
       onClick() {
         g(l.id);
       },
@@ -813,55 +813,55 @@ const Xe = /* @__PURE__ */ e.forwardRef(function(d, h) {
     }, a, R]
   });
 });
-process.env.NODE_ENV !== "production" && (Xe.displayName = "ToastClose");
-const St = pt, Mt = "_toast__viewport_uzvu6_1", Nt = "_toast_uzvu6_1", Pt = "_toast_variant_neutral_uzvu6_111", Ot = "_toast_variant_colorway_uzvu6_117", Ct = "_toast__content_uzvu6_123", Ft = "_toast__header_uzvu6_142", It = "_toast__header_pad_uzvu6_146", Lt = "_toast__title_uzvu6_150", Ht = "_toast__description_uzvu6_154", kt = "_toast__close_uzvu6_158", W = {
+process.env.NODE_ENV !== "production" && (Ye.displayName = "ToastClose");
+const St = pt, Mt = "_toast__viewport_fjqk1_1", Nt = "_toast_fjqk1_1", Pt = "_toast_variant_neutral_fjqk1_111", Ot = "_toast_variant_colorway_fjqk1_117", Ct = "_toast__content_fjqk1_123", Ft = "_toast__header_fjqk1_142", kt = "_toast__header_pad_fjqk1_146", It = "_toast__title_fjqk1_150", Lt = "_toast__description_fjqk1_154", Ht = "_toast__close_fjqk1_158", G = {
   toast__viewport: Mt,
   toast: Nt,
   toast_variant_neutral: Pt,
   toast_variant_colorway: Ot,
   toast__content: Ct,
   toast__header: Ft,
-  toast__header_pad: It,
-  toast__title: Lt,
-  toast__description: Ht,
-  toast__close: kt
-}, ln = ke, Le = {
+  toast__header_pad: kt,
+  toast__title: It,
+  toast__description: Lt,
+  toast__close: Ht
+}, ln = He, Ie = {
   info: "blue",
   error: "red",
   warning: "yellow",
   success: "green"
 };
 function fn() {
-  return /* @__PURE__ */ E(St, { children: /* @__PURE__ */ E(Ve, { className: W.toast__viewport, children: /* @__PURE__ */ E(zt, {}) }) });
+  return /* @__PURE__ */ E(St, { children: /* @__PURE__ */ E($e, { className: G.toast__viewport, children: /* @__PURE__ */ E(Vt, {}) }) });
 }
-function zt() {
+function Vt() {
   return dt().toasts.map((d) => {
-    const h = d.type && d.type in Le ? Le[d.type] : void 0;
+    const h = d.type && d.type in Ie ? Ie[d.type] : void 0;
     return /* @__PURE__ */ E(
-      $e,
+      je,
       {
         toast: d,
         className: Ne(
-          W.toast,
-          h ? W.toast_variant_colorway : W.toast_variant_neutral
+          G.toast,
+          h ? G.toast_variant_colorway : G.toast_variant_neutral
         ),
         render: /* @__PURE__ */ E(ut, { background: "default", color: h }),
         children: /* @__PURE__ */ ae(
           Pe,
           {
             render: /* @__PURE__ */ E(Be, {}),
-            className: W.toast__content,
+            className: G.toast__content,
             children: [
               /* @__PURE__ */ ae(
                 Pe,
                 {
                   className: Ne(
-                    W.toast__header,
-                    !d.title && W.toast__header_pad
+                    G.toast__header,
+                    !d.title && G.toast__header_pad
                   ),
                   children: [
                     /* @__PURE__ */ E(
-                      Ye,
+                      Ae,
                       {
                         render: /* @__PURE__ */ E(
                           at,
@@ -869,23 +869,23 @@ function zt() {
                             level: 2,
                             size: "lg",
                             color: "inherit",
-                            className: W.toast__title
+                            className: G.toast__title
                           }
                         )
                       }
                     ),
                     /* @__PURE__ */ E(
-                      Ae,
+                      qe,
                       {
                         render: /* @__PURE__ */ E(lt, { multiline: !0, color: h ? "inherit" : "dimmer" }),
-                        className: W.toast__description
+                        className: G.toast__description
                       }
                     )
                   ]
                 }
               ),
               /* @__PURE__ */ E(
-                Xe,
+                Ye,
                 {
                   render: /* @__PURE__ */ E(
                     ct,
@@ -894,7 +894,7 @@ function zt() {
                       icon: "close-line",
                       size: "sm",
                       alt: "Close",
-                      className: W.toast__close
+                      className: G.toast__close
                     }
                   )
                 }

package/dist/toast.css

@@ -1 +1 @@
-._toast__viewport_uzvu6_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_uzvu6_1{right:var(--space-16);bottom:var(--space-16)}}._toast_uzvu6_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_uzvu6_1[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--toast-custom-offset-y));height:var(--toast-height)}._toast_uzvu6_1[data-starting-style],._toast_uzvu6_1[data-ending-style]{transform:translateY(150%)}._toast_uzvu6_1[data-limited],._toast_uzvu6_1[data-ending-style]{opacity:0}._toast_uzvu6_1[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 50%))}._toast_uzvu6_1[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 50%)) translateY(var(--toast-custom-offset-y))}._toast_uzvu6_1[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 50%)) translateY(var(--toast-custom-offset-y))}._toast_uzvu6_1[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 50%))}._toast_uzvu6_1:after{display:block;position:absolute;top:100%;left:0;width:100%;height:calc(var(--toast-custom-gap) + 1px);content:""}._toast_variant_neutral_uzvu6_111{border-color:var(--surface-interactive-border);background:var(--surface-background);color:var(--foreground-default)}._toast_variant_colorway_uzvu6_117{border-color:var(--view-colorway-dimmer);background:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._toast__content_uzvu6_123{position:relative;flex-grow:1;flex-shrink:1;gap:var(--space-8);transition:opacity var(--transition-duration-snappy) var(--transition-timing-function-snappy);padding:var(--space-12);overflow:hidden}._toast__content_uzvu6_123[data-behind]{opacity:0}._toast__content_uzvu6_123[data-expanded]{opacity:1}._toast__header_uzvu6_142{gap:var(--space-4)}._toast__header_pad_uzvu6_146{padding-right:var(--space-24)}._toast__title_uzvu6_150,._toast__description_uzvu6_154{flex:1 1 auto}._toast__close_uzvu6_158{position:absolute;top:var(--space-12);right:var(--space-12)}
+._toast__viewport_fjqk1_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_fjqk1_1{right:var(--space-16);bottom:var(--space-16)}}._toast_fjqk1_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_fjqk1_1[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--toast-custom-offset-y));height:var(--toast-height)}._toast_fjqk1_1[data-starting-style],._toast_fjqk1_1[data-ending-style]{transform:translateY(150%)}._toast_fjqk1_1[data-limited],._toast_fjqk1_1[data-ending-style]{opacity:0}._toast_fjqk1_1[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 50%))}._toast_fjqk1_1[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 50%)) translateY(var(--toast-custom-offset-y))}._toast_fjqk1_1[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 50%)) translateY(var(--toast-custom-offset-y))}._toast_fjqk1_1[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 50%))}._toast_fjqk1_1:after{display:block;position:absolute;top:100%;left:0;width:100%;height:calc(var(--toast-custom-gap) + 1px);content:""}._toast_variant_neutral_fjqk1_111{border-color:var(--surface-interactive-border);background:var(--surface-background);color:var(--foreground-default)}._toast_variant_colorway_fjqk1_117{border-color:var(--view-colorway-dimmer);background:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._toast__content_fjqk1_123{position:relative;flex-grow:1;flex-shrink:1;gap:var(--space-8);transition:opacity var(--transition-duration-snappy) var(--transition-timing-function-snappy);padding:var(--space-12);overflow:hidden}._toast__content_fjqk1_123[data-behind]{opacity:0}._toast__content_fjqk1_123[data-expanded]{opacity:1}._toast__header_fjqk1_142{gap:var(--space-4)}._toast__header_pad_fjqk1_146{padding-right:var(--space-28)}._toast__title_fjqk1_150,._toast__description_fjqk1_154{flex:1 1 auto}._toast__close_fjqk1_158{position:absolute;top:var(--space-12);right:var(--space-12)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koide-labs/ui",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {
@@ -29,23 +29,6 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "packageManager": "pnpm@10.19.0",
-  "scripts": {
-    "dev": "vite",
-    "build": "npm-run-all build:icons build:vite",
-    "build:icons": "tsx ./scripts/build-icon-types.ts",
-    "build:vite": "tsc -b && vite build",
-    "preview": "vite preview",
-    "prepare": "husky",
-    "typecheck": "tsc -b --noEmit",
-    "lint": "npm-run-all --parallel lint:*",
-    "lint:ts": "eslint .",
-    "lint:style": "stylelint src/**/*.module.css",
-    "format": "prettier --write .",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepublishOnly": "pnpm run build"
-  },
   "dependencies": {
     "@base-ui/react": "^1.0.0",
     "@npham-dev/cmdk": "^0.0.0",
@@ -116,5 +99,19 @@
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-tsconfig-paths": "^6.0.3",
     "vitest": "^4.0.16"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "npm-run-all build:icons build:vite",
+    "build:icons": "tsx ./scripts/build-icon-types.ts",
+    "build:vite": "tsc -b && vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc -b --noEmit",
+    "lint": "npm-run-all --parallel lint:*",
+    "lint:ts": "eslint .",
+    "lint:style": "stylelint src/**/*.module.css",
+    "format": "prettier --write .",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
-}
+}