@koide-labs/ui 0.0.11 → 0.0.13

package/dist/components/anchor/index.js

@@ -8,16 +8,13 @@ function p({ external: e, render: r, ...n }) {
   return o({
     defaultTagName: "a",
     render: r,
-    props: t(
-      {
-        className: s.anchor,
-        ...e ? {
-          target: "_blank",
-          rel: "noreferrer"
-        } : {}
-      },
-      n
-    )
+    props: t(n, {
+      className: s.anchor,
+      ...e ? {
+        target: "_blank",
+        rel: "noreferrer"
+      } : {}
+    })
   });
 }
 export {

package/dist/components/badge/index.d.ts

@@ -13,4 +13,4 @@ export interface BadgeProps extends Omit<useRender.ComponentProps<"span">, "chil
     /** Tagline of badge. */
     tagline?: string;
 }
-export declare function Badge({ icon, name, color, shiny, tagline, render, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ icon, name, color, shiny, tagline, render, className, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/badge/index.js

@@ -1,41 +1,43 @@
 "use client";
-import { jsx as e, jsxs as c, Fragment as g } from "react/jsx-runtime";
-import { c as p } from "../../clsx-OuTLNxxd.js";
-import { Icon as f } from "../icon/index.js";
-import { Text as u } from "../text/index.js";
-import { Tooltip as _ } from "../tooltip/index.js";
-import { View as b } from "../view/index.js";
-import { u as h } from "../../useRender-CLx7dR_1.js";
-import { m as x } from "../../useRenderElement-DwToLA61.js";
-import '../../index8.css';const y = "_badge_sf2gl_1", T = "_badge_shiny_sf2gl_16", t = {
-  badge: y,
-  badge_shiny: T
+import { jsx as e, jsxs as g, Fragment as p } from "react/jsx-runtime";
+import { c as f } from "../../clsx-OuTLNxxd.js";
+import { Icon as u } from "../icon/index.js";
+import { Text as _ } from "../text/index.js";
+import { Tooltip as b } from "../tooltip/index.js";
+import { View as h } from "../view/index.js";
+import { u as x } from "../../useRender-CLx7dR_1.js";
+import { m as y } from "../../useRenderElement-DwToLA61.js";
+import '../../index8.css';const T = "_badge_sf2gl_1", j = "_badge_shiny_sf2gl_16", t = {
+  badge: T,
+  badge_shiny: j
 };
-function R({
+function V({
   icon: r,
   name: m,
   color: n,
   shiny: i,
   tagline: s,
   render: a,
-  ...l
+  className: l,
+  ...d
 }) {
-  const d = h({
+  const c = x({
     defaultTagName: "span",
     render: a,
-    props: x(
-      {
-        className: p(t.badge, i && t.badge_shiny),
-        children: /* @__PURE__ */ c(g, { children: [
-          r ? /* @__PURE__ */ e(f, { name: r }) : null,
-          m
-        ] })
-      },
-      l
-    )
-  }), o = /* @__PURE__ */ e(b, { color: n, children: d });
-  return s ? /* @__PURE__ */ e(_, { trigger: o, children: /* @__PURE__ */ e(u, { size: "sm", multiline: !0, children: s }) }) : o;
+    props: y(d, {
+      className: f(
+        t.badge,
+        i && t.badge_shiny,
+        l
+      ),
+      children: /* @__PURE__ */ g(p, { children: [
+        r ? /* @__PURE__ */ e(u, { name: r }) : null,
+        m
+      ] })
+    })
+  }), o = /* @__PURE__ */ e(h, { color: n, children: c });
+  return s ? /* @__PURE__ */ e(b, { trigger: o, children: /* @__PURE__ */ e(_, { size: "sm", multiline: !0, children: s }) }) : o;
 }
 export {
-  R as Badge
+  V as Badge
 };

package/dist/components/collapse/index.js

@@ -24,17 +24,11 @@ function R({
     defaultTagName: "div",
     render: o,
     ref: l,
-    props: _(
-      {
-        "aria-hidden": !s,
-        className: p(
-          t.collapse,
-          s && t.collapse_expand
-        ),
-        style: { "--collapse-height": `${n}px` }
-      },
-      a
-    )
+    props: _(a, {
+      "aria-hidden": !s,
+      className: p(t.collapse, s && t.collapse_expand),
+      style: { "--collapse-height": `${n}px` }
+    })
   });
 }
 export {

package/dist/components/command/index.d.ts

@@ -1,5 +1,5 @@
 import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
-import { Command as CommandPrimitive } from 'cmdk';
+import { Command as CommandPrimitive } from '@npham-dev/cmdk';
 import { ComponentProps } from 'react';
 import { BaseDialogProps } from '../dialog';
 import { IconName } from '../icon/icon-names';

package/dist/components/command/index.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as E, jsxs as oe, Fragment as Qe } from "react/jsx-runtime";
-import { c as We } from "../../clsx-OuTLNxxd.js";
 import * as a from "react";
 import { useState as Qt } from "react";
 import { c as ie, u as q, P as G } from "../../index-CeuccO-T.js";
 import * as Jt from "react-dom";
 import en from "react-dom";
+import { c as We } from "../../clsx-OuTLNxxd.js";
 import { textify as tn } from "../../-utils.js";
 import { Dialog as nn } from "../dialog/index.js";
 import { Icon as vt } from "../icon/index.js";

package/dist/components/heading/index.js

@@ -24,12 +24,7 @@ function _({
   const l = i(s), a = d(e || l), u = c({
     defaultTagName: `h${a}`,
     render: o,
-    props: g(
-      {
-        className: v.heading
-      },
-      r
-    )
+    props: g(r, { className: v.heading })
   });
   return /* @__PURE__ */ m(
     x,

package/dist/components/popover/index.js

@@ -4,7 +4,7 @@ import { c as Re } from "../../clsx-OuTLNxxd.js";
 import { Heading as be } from "../heading/index.js";
 import { Surface as Se } from "../surface/index.js";
 import { Text as ye } from "../text/index.js";
-import { t as ae, T as Oe } from "../../tooltip-arrow-C1qXdi5T.js";
+import { t as ae, T as Oe } from "../../tooltip-arrow-cs6vjjqZ.js";
 import { View as Ie } from "../view/index.js";
 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";
 import * as n from "react";

package/dist/components/preview-card/index.js

@@ -2,7 +2,7 @@
 import { jsx as P, jsxs as q } from "react/jsx-runtime";
 import { c as pe } from "../../clsx-OuTLNxxd.js";
 import { Surface as fe } from "../surface/index.js";
-import { t as z, T as me } from "../../tooltip-arrow-C1qXdi5T.js";
+import { t as z, T as me } from "../../tooltip-arrow-cs6vjjqZ.js";
 import { d as Pe, e as Ce, f as we, p as U, t as ge } from "../../transitions.module-CWX8e5cx.js";
 import * as e from "react";
 import * as ve from "react-dom";

package/dist/components/text/index.js

@@ -29,22 +29,19 @@ function P({
   return m({
     defaultTagName: "span",
     render: x,
-    props: r(
-      {
-        className: i(
-          c.view,
-          t.text,
-          t[`text_color_${l}`],
-          t[`text_size_${s}`],
-          !e && t["text_clip-line"],
-          !e && _ > 1 && t["text_clamp-lines"]
-        ),
-        style: {
-          "--text-max-lines": Math.max(_, 1)
-        }
-      },
-      o
-    )
+    props: r(o, {
+      className: i(
+        c.view,
+        t.text,
+        t[`text_color_${l}`],
+        t[`text_size_${s}`],
+        !e && t["text_clip-line"],
+        !e && _ > 1 && t["text_clamp-lines"]
+      ),
+      style: {
+        "--text-max-lines": Math.max(_, 1)
+      }
+    })
   });
 }
 export {

package/dist/components/toast/toast.js

@@ -9,7 +9,7 @@ import { View as xe } from "../view/index.js";
 import { T as ut, a as Re, u as lt } 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 j } from "../../useStableCallback-CkTrVkNX.js";
 import { T as Pe } from "../../useTimeout-CflX-kz3.js";
 import { h as de, f as se, m as Ee, e as be } from "../../element-CZEOj04G.js";
 import { F as ft } from "../../FloatingPortalLite-DVyq6YhV.js";
@@ -21,9 +21,9 @@ import * as mt from "react-dom";
 import { i as pt } from "../../inertValue-BCYGsdmf.js";
 import { u as Se } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { f as ht } from "../../formatErrorMessage-BqPuTBN-.js";
-import { a as gt, t as vt } from "../../useOpenChangeComplete-Dse9kY9E.js";
-import { u as _t } from "../../useId-C5kyn6tA.js";
-import { u as wt } from "../../useButton-DfIwsdb8.js";
+import { a as gt, t as wt } from "../../useOpenChangeComplete-Dse9kY9E.js";
+import { u as vt } from "../../useId-C5kyn6tA.js";
+import { u as _t } from "../../useButton-DfIwsdb8.js";
 import '../../toast.css';let Ce = 0;
 function yt(f) {
   return Ce += 1, `${f}-${Math.random().toString(36).slice(2, 6)}-${Ce}`;
@@ -34,39 +34,39 @@ function De(f, d) {
       description: f
     };
   if (typeof f == "function") {
-    const v = f(d);
-    return typeof v == "string" ? {
-      description: v
-    } : v;
+    const w = f(d);
+    return typeof w == "string" ? {
+      description: w
+    } : w;
   }
   return f;
 }
-const Ie = function(d) {
+const Le = function(d) {
   const {
-    children: v,
+    children: w,
     timeout: s = 5e3,
     limit: z = 3,
     toastManager: P
-  } = d, [w, c] = e.useState([]), [_, r] = e.useState(!1), [p, y] = e.useState(!1), [u, R] = e.useState(null);
-  w.length === 0 && (_ && r(!1), p && y(!1));
-  const S = _ || p, M = e.useRef(/* @__PURE__ */ new Map()), Y = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
-  function j(t) {
+  } = d, [_, c] = e.useState([]), [v, r] = e.useState(!1), [p, y] = e.useState(!1), [u, R] = e.useState(null);
+  _.length === 0 && (v && r(!1), p && y(!1));
+  const S = v || p, M = e.useRef(/* @__PURE__ */ new Map()), Y = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
+  function W(t) {
     const m = de(ne(Y.current));
     if (!Y.current || !se(Y.current, m) || !Ee(m))
       return;
-    const g = w.findIndex((n) => n.id === t);
+    const g = _.findIndex((n) => n.id === t);
     let o = null, h = g + 1;
-    for (; h < w.length; ) {
-      if (w[h].transitionStatus !== "ending") {
-        o = w[h];
+    for (; h < _.length; ) {
+      if (_[h].transitionStatus !== "ending") {
+        o = _[h];
         break;
       }
       h += 1;
     }
     if (!o)
       for (h = g - 1; h >= 0; ) {
-        if (w[h].transitionStatus !== "ending") {
-          o = w[h];
+        if (_[h].transitionStatus !== "ending") {
+          o = _[h];
           break;
         }
         h -= 1;
@@ -75,7 +75,7 @@ const Ie = function(d) {
       preventScroll: !0
     });
   }
-  const D = U(() => {
+  const D = j(() => {
     X.current || (X.current = !0, M.current.forEach((t) => {
       if (t.timeout) {
         t.timeout.clear();
@@ -83,13 +83,13 @@ const Ie = function(d) {
         t.remaining = g > 0 ? g : 0;
       }
     }));
-  }), F = U(() => {
+  }), F = j(() => {
     X.current && (X.current = !1, M.current.forEach((t, m) => {
       t.remaining = t.remaining > 0 ? t.remaining : t.delay, t.timeout ??= Pe.create(), t.timeout.start(t.remaining, () => {
         M.current.delete(m), t.callback();
       }), t.start = Date.now();
     }));
-  }), k = U((t) => {
+  }), I = j((t) => {
     c((o) => {
       const h = o.map((l) => l.id === t ? {
         ...l,
@@ -107,11 +107,11 @@ const Ie = function(d) {
       });
     });
     const m = M.current.get(t);
-    m && m.timeout && (m.timeout.clear(), M.current.delete(t)), w.find((o) => o.id === t)?.onClose?.(), j(t), w.length === 1 && (r(!1), y(!1));
-  }), q = U((t) => {
-    c((g) => g.filter((o) => o.id !== t)), w.find((g) => g.id === t)?.onRemove?.();
-  }), V = U((t, m, g) => {
-    const o = Date.now(), h = C.current && !_ && !p, n = h ? Pe.create() : void 0;
+    m && m.timeout && (m.timeout.clear(), M.current.delete(t)), _.find((o) => o.id === t)?.onClose?.(), W(t), _.length === 1 && (r(!1), y(!1));
+  }), q = j((t) => {
+    c((g) => g.filter((o) => o.id !== t)), _.find((g) => g.id === t)?.onRemove?.();
+  }), V = j((t, m, g) => {
+    const o = Date.now(), h = C.current && !v && !p, n = h ? Pe.create() : void 0;
     n?.start(m, () => {
       M.current.delete(t), g();
     }), M.current.set(t, {
@@ -121,7 +121,7 @@ const Ie = function(d) {
       remaining: m,
       callback: g
     });
-  }), G = U((t) => {
+  }), G = j((t) => {
     const m = t.id || yt("toast"), g = {
       ...t,
       id: m,
@@ -131,11 +131,11 @@ const Ie = function(d) {
       const n = [g, ...h], l = n.filter((x) => x.transitionStatus !== "ending");
       if (l.length > z) {
         const x = l.length - z, T = l.slice(-x);
-        return n.map((I) => T.some((Z) => Z.id === I.id) ? {
-          ...I,
+        return n.map((L) => T.some((Z) => Z.id === L.id) ? {
+          ...L,
           limited: !0
         } : {
-          ...I,
+          ...L,
           limited: !1
         });
       }
@@ -145,13 +145,13 @@ const Ie = function(d) {
       }));
     });
     const o = g.timeout ?? s;
-    return g.type !== "loading" && o > 0 && V(m, o, () => k(m)), (_ || p || !C.current) && D(), m;
-  }), K = U((t, m) => {
+    return g.type !== "loading" && o > 0 && V(m, o, () => I(m)), (v || p || !C.current) && D(), m;
+  }), K = j((t, m) => {
     c((g) => g.map((o) => o.id === t ? {
       ...o,
       ...m
     } : o));
-  }), O = U((t, m) => {
+  }), O = j((t, m) => {
     const g = De(m.loading), o = G({
       ...g,
       type: "loading"
@@ -162,7 +162,7 @@ const Ie = function(d) {
         type: "success"
       });
       const x = l.timeout ?? s;
-      return x > 0 && V(o, x, () => k(o)), (_ || p || !C.current) && D(), n;
+      return x > 0 && V(o, x, () => I(o)), (v || p || !C.current) && D(), n;
     }).catch((n) => {
       const l = De(m.error, n);
       K(o, {
@@ -170,7 +170,7 @@ const Ie = function(d) {
         type: "error"
       });
       const x = l.timeout ?? s;
-      return x > 0 && V(o, x, () => k(o)), (_ || p || !C.current) && D(), Promise.reject(n);
+      return x > 0 && V(o, x, () => I(o)), (v || p || !C.current) && D(), Promise.reject(n);
     });
     return {}.hasOwnProperty.call(m, "setPromise") && m.setPromise(h), h;
   });
@@ -180,19 +180,19 @@ const Ie = function(d) {
       options: o
     }) => {
       const h = o.id;
-      g === "promise" && o.promise ? O(o.promise, o) : g === "update" && h ? K(h, o) : g === "close" && h ? k(h) : G(o);
+      g === "promise" && o.promise ? O(o.promise, o) : g === "update" && h ? K(h, o) : g === "close" && h ? I(h) : G(o);
     }) : void 0;
-  }, [G, K, V, s, P, O, k]);
+  }, [G, K, V, s, P, O, I]);
   const J = e.useMemo(() => ({
-    toasts: w,
+    toasts: _,
     setToasts: c,
-    hovering: _,
+    hovering: v,
     setHovering: r,
     focused: p,
     setFocused: y,
     expanded: S,
     add: G,
-    close: k,
+    close: I,
     remove: q,
     update: K,
     promise: O,
@@ -203,27 +203,27 @@ const Ie = function(d) {
     viewportRef: Y,
     scheduleTimer: V,
     windowFocusedRef: C
-  }), [G, k, p, _, S, D, u, O, q, F, V, w, K]);
+  }), [G, I, p, v, S, D, u, O, q, F, V, _, K]);
   return /* @__PURE__ */ E(ut.Provider, {
     value: J,
-    children: v
+    children: w
   });
 };
-process.env.NODE_ENV !== "production" && (Ie.displayName = "ToastProvider");
-const Le = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (Le.displayName = "ToastViewportContext");
+process.env.NODE_ENV !== "production" && (Le.displayName = "ToastProvider");
+const He = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (He.displayName = "ToastViewportContext");
 let xt = /* @__PURE__ */ (function(f) {
   return f.frontmostHeight = "--toast-frontmost-height", f;
 })({});
-const He = /* @__PURE__ */ e.forwardRef(function(d, v) {
+const ke = /* @__PURE__ */ e.forwardRef(function(d, w) {
   const {
     render: s,
     className: z,
     children: P,
-    ...w
+    ..._
   } = d, {
     toasts: c,
-    pauseTimers: _,
+    pauseTimers: v,
     resumeTimers: r,
     setHovering: p,
     setFocused: y,
@@ -233,31 +233,31 @@ const He = /* @__PURE__ */ e.forwardRef(function(d, v) {
     setPrevFocusElement: M,
     expanded: Y,
     focused: C
-  } = Re(), X = e.useRef(!1), j = e.useRef(!1), D = c.length, F = c[0]?.height ?? 0, k = e.useMemo(() => c.some((n) => n.transitionStatus === "ending"), [c]);
+  } = 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]);
   e.useEffect(() => {
     if (!u.current)
       return;
     function n(x) {
       D !== 0 && x.key === "F6" && x.target !== u.current && (x.preventDefault(), M(de(ne(u.current))), u.current?.focus({
         preventScroll: !0
-      }), _(), y(!0));
+      }), v(), y(!0));
     }
     const l = Oe(u.current);
     return l.addEventListener("keydown", n), () => {
       l.removeEventListener("keydown", n);
     };
-  }, [_, y, M, D, u]), e.useEffect(() => {
+  }, [v, y, M, D, u]), e.useEffect(() => {
     if (!u.current || !D)
       return;
     const n = Oe(u.current);
     function l(T) {
-      T.target === n && (R.current = !1, _());
+      T.target === n && (R.current = !1, v());
     }
     function x(T) {
       if (T.relatedTarget || T.target === n)
         return;
-      const I = be(T), Z = de(ne(u.current));
-      (!se(u.current, I) || !Ee(Z)) && r(), setTimeout(() => {
+      const L = be(T), Z = de(ne(u.current));
+      (!se(u.current, L) || !Ee(Z)) && r(), setTimeout(() => {
         R.current = !0;
       });
     }
@@ -265,7 +265,7 @@ const He = /* @__PURE__ */ e.forwardRef(function(d, v) {
       n.removeEventListener("blur", l, !0), n.removeEventListener("focus", x, !0);
     };
   }, [
-    _,
+    v,
     r,
     u,
     R,
@@ -283,8 +283,8 @@ const He = /* @__PURE__ */ e.forwardRef(function(d, v) {
     function x(T) {
       if (T.pointerType !== "touch")
         return;
-      const I = be(T);
-      se(n, I) || (r(), p(!1), y(!1));
+      const L = be(T);
+      se(n, L) || (r(), p(!1), y(!1));
     }
     return l.addEventListener("pointerdown", x, !0), () => {
       l.removeEventListener("pointerdown", x, !0);
@@ -301,20 +301,20 @@ const He = /* @__PURE__ */ e.forwardRef(function(d, v) {
     }), r());
   }
   e.useEffect(() => {
-    !R.current || k || !j.current || (r(), p(!1), j.current = !1);
-  }, [k, r, p, R]);
+    !R.current || I || !W.current || (r(), p(!1), W.current = !1);
+  }, [I, r, p, R]);
   function G() {
-    _(), p(!0), j.current = !1;
+    v(), p(!0), W.current = !1;
   }
   function K() {
-    c.some((n) => n.transitionStatus === "ending") ? j.current = !0 : (r(), p(!1));
+    c.some((n) => n.transitionStatus === "ending") ? W.current = !0 : (r(), p(!1));
   }
   function O() {
     if (X.current) {
       X.current = !1;
       return;
     }
-    C || Ee(ne(u.current).activeElement) && (y(!0), _());
+    C || Ee(ne(u.current).activeElement) && (y(!0), v());
   }
   function J(n) {
     !C || se(u.current, n.relatedTarget) || (y(!1), r());
@@ -336,13 +336,13 @@ const He = /* @__PURE__ */ e.forwardRef(function(d, v) {
   }, m = e.useMemo(() => ({
     expanded: Y
   }), [Y]), g = ie("div", d, {
-    ref: [v, u],
+    ref: [w, u],
     state: m,
     props: [t, {
       style: {
         [xt.frontmostHeight]: F ? `${F}px` : void 0
       }
-    }, w, {
+    }, _, {
       children: /* @__PURE__ */ re(e.Fragment, {
         children: [D > 0 && S && /* @__PURE__ */ E(Te, {
           onFocus: q
@@ -354,7 +354,7 @@ const He = /* @__PURE__ */ e.forwardRef(function(d, v) {
   }), o = e.useMemo(() => ({
     viewportRef: u
   }), [u]), h = e.useMemo(() => c.filter((n) => n.priority === "high"), [c]);
-  return /* @__PURE__ */ re(Le.Provider, {
+  return /* @__PURE__ */ re(He.Provider, {
     value: o,
     children: [D > 0 && S && /* @__PURE__ */ E(Te, {
       onFocus: q
@@ -372,7 +372,7 @@ const He = /* @__PURE__ */ e.forwardRef(function(d, v) {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (He.displayName = "ToastViewport");
+process.env.NODE_ENV !== "production" && (ke.displayName = "ToastViewport");
 const Me = /* @__PURE__ */ e.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Me.displayName = "ToastRootContext");
 function me() {
@@ -385,19 +385,19 @@ let ee = /* @__PURE__ */ (function(f) {
   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;
 })({});
 const Tt = {
-  ...vt,
+  ...wt,
   swipeDirection(f) {
     return f ? {
       "data-swipe-direction": f
     } : null;
   }
 }, oe = 40, Dt = 10, Q = 0.5, Et = 1;
-function Fe(f, d, v) {
+function Fe(f, d, w) {
   switch (f) {
     case "up":
-      return -v;
+      return -w;
     case "down":
-      return v;
+      return w;
     case "left":
       return -d;
     case "right":
@@ -407,12 +407,12 @@ function Fe(f, d, v) {
   }
 }
 function bt(f) {
-  const v = window.getComputedStyle(f).transform;
+  const w = window.getComputedStyle(f).transform;
   let s = 0, z = 0, P = 1;
-  if (v && v !== "none") {
-    const w = v.match(/matrix(?:3d)?\(([^)]+)\)/);
-    if (w) {
-      const c = w[1].split(", ").map(parseFloat);
+  if (w && w !== "none") {
+    const _ = w.match(/matrix(?:3d)?\(([^)]+)\)/);
+    if (_) {
+      const c = _[1].split(", ").map(parseFloat);
       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]);
     }
   }
@@ -422,16 +422,16 @@ function bt(f) {
     scale: P
   };
 }
-const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
+const ze = /* @__PURE__ */ e.forwardRef(function(d, w) {
   const {
     toast: s,
     render: z,
     className: P,
-    swipeDirection: w = ["down", "right"],
+    swipeDirection: _ = ["down", "right"],
     ...c
-  } = d, _ = s.positionerProps?.anchor !== void 0;
+  } = d, v = s.positionerProps?.anchor !== void 0;
   let r = [];
-  _ || (r = Array.isArray(w) ? w : [w]);
+  v || (r = Array.isArray(_) ? _ : [_]);
   const p = r.length > 0, {
     toasts: y,
     focused: u,
@@ -441,14 +441,14 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
     pauseTimers: Y,
     expanded: C,
     setHovering: X
-  } = Re(), [j, D] = e.useState(void 0), [F, k] = e.useState(!1), [q, V] = e.useState(!1), [G, K] = e.useState(!1), [O, J] = e.useState({
+  } = 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({
     x: 0,
     y: 0
   }), [t, m] = e.useState({
     x: 0,
     y: 0,
     scale: 1
-  }), [g, o] = e.useState(), [h, n] = e.useState(), [l, x] = e.useState(null), T = e.useRef(null), I = e.useRef({
+  }), [g, o] = e.useState(), [h, n] = e.useState(), [l, x] = e.useState(null), T = e.useRef(null), L = e.useRef({
     x: 0,
     y: 0
   }), Z = e.useRef({
@@ -458,7 +458,7 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
   }), ae = e.useRef(void 0), pe = e.useRef(0), ce = e.useRef(!1), $ = e.useRef({
     x: 0,
     y: 0
-  }), 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]), Be = e.useMemo(() => y.slice(0, y.indexOf(s)).reduce((i, a) => i + (a.height || 0), 0), [y, s]);
+  }), 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]);
   gt({
     open: s.transitionStatus !== "ending",
     ref: T,
@@ -466,7 +466,7 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
       s.transitionStatus === "ending" && S(s.id);
     }
   });
-  const ue = U((i = !1) => {
+  const ue = j((i = !1) => {
     const a = T.current;
     if (!a)
       return;
@@ -475,12 +475,12 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
     const N = a.offsetHeight;
     a.style.height = b;
     function A() {
-      M((L) => L.map((H) => H.id === s.id ? {
-        ...H,
+      M((H) => H.map((k) => k.id === s.id ? {
+        ...k,
         ref: T,
         height: N,
         transitionStatus: void 0
-      } : H));
+      } : k));
     }
     i ? mt.flushSync(A) : A();
   });
@@ -498,23 +498,23 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
     i.pointerType === "touch" && Y();
     const a = be(i.nativeEvent);
     if (!(a && a.closest('button,a,input,textarea,[role="button"],[data-swipe-ignore]'))) {
-      if (ce.current = !1, ae.current = void 0, pe.current = 0, I.current = {
+      if (ce.current = !1, ae.current = void 0, pe.current = 0, L.current = {
         x: i.clientX,
         y: i.clientY
-      }, $.current = I.current, T.current) {
+      }, $.current = L.current, T.current) {
         const N = bt(T.current);
         Z.current = N, m(N), J({
           x: N.x,
           y: N.y
         });
       }
-      X(!0), k(!0), V(!1), x(null), he.current = !0, T.current?.setPointerCapture(i.pointerId);
+      X(!0), I(!0), V(!1), x(null), he.current = !0, T.current?.setPointerCapture(i.pointerId);
     }
   }
   function Ge(i) {
     if (!F)
       return;
-    i.preventDefault(), he.current && (I.current = {
+    i.preventDefault(), he.current && (L.current = {
       x: i.clientX,
       y: i.clientY
     }, he.current = !1);
@@ -531,32 +531,32 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
       x: b,
       y: $.current.y
     });
-    const L = b - I.current.x, H = a - I.current.y, Qe = a - $.current.y, Ze = b - $.current.x;
-    if (!q && Math.sqrt(L * L + H * H) >= Et && (V(!0), l === null)) {
+    const H = b - L.current.x, k = a - L.current.y, Qe = a - $.current.y, Ze = b - $.current.x;
+    if (!q && Math.sqrt(H * H + k * k) >= Et && (V(!0), l === null)) {
       const fe = r.includes("left") || r.includes("right"), et = r.includes("up") || r.includes("down");
       if (fe && et) {
-        const tt = Math.abs(L), nt = Math.abs(H);
+        const tt = Math.abs(H), nt = Math.abs(k);
         x(tt > nt ? "horizontal" : "vertical");
       }
     }
     let B;
     if (!ae.current)
-      l === "vertical" ? H > 0 ? B = "down" : H < 0 && (B = "up") : l === "horizontal" ? L > 0 ? B = "right" : L < 0 && (B = "left") : Math.abs(L) >= Math.abs(H) ? B = L > 0 ? "right" : "left" : B = H > 0 ? "down" : "up", B && r.includes(B) && (ae.current = B, pe.current = Fe(B, L, H), D(B));
+      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));
     else {
       const ye = ae.current, fe = Fe(ye, Ze, Qe);
       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);
     }
-    const le = Ye(L, H);
-    let _e = Z.current.x, we = Z.current.y;
-    l === "horizontal" ? (r.includes("left") || r.includes("right")) && (_e += le.x) : (l === "vertical" || (r.includes("left") || r.includes("right")) && (_e += le.x), (r.includes("up") || r.includes("down")) && (we += le.y)), J({
-      x: _e,
-      y: we
+    const le = Ye(H, k);
+    let ve = Z.current.x, _e = Z.current.y;
+    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({
+      x: ve,
+      y: _e
     });
   }
   function Ke(i) {
     if (!F)
       return;
-    if (k(!1), V(!1), x(null), T.current?.releasePointerCapture(i.pointerId), ce.current) {
+    if (I(!1), V(!1), x(null), T.current?.releasePointerCapture(i.pointerId), ce.current) {
       J({
         x: t.x,
         y: t.y
@@ -566,8 +566,8 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
     let a = !1;
     const b = O.x - t.x, N = O.y - t.y;
     let A;
-    for (const L of r) {
-      switch (L) {
+    for (const H of r) {
+      switch (H) {
         case "right":
           b > oe && (a = !0, A = "right");
           break;
@@ -641,7 +641,7 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
     inert: pt(s.limited),
     style: {
       ...je(),
-      [ee.index]: s.transitionStatus === "ending" ? ge : ve,
+      [ee.index]: s.transitionStatus === "ending" ? ge : we,
       [ee.offsetY]: `${Be}px`,
       [ee.height]: s.height ? `${s.height}px` : void 0
     }
@@ -653,12 +653,12 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
     descriptionId: h,
     setDescriptionId: n,
     swiping: F,
-    swipeDirection: j,
+    swipeDirection: W,
     recalculateHeight: ue,
     index: ge,
-    visibleIndex: ve,
+    visibleIndex: we,
     expanded: C
-  }), [s, g, h, F, j, ue, ge, ve, C]), qe = e.useMemo(() => ({
+  }), [s, g, h, F, W, ue, ge, we, C]), qe = e.useMemo(() => ({
     transitionStatus: s.transitionStatus,
     expanded: C,
     limited: s.limited || !1,
@@ -666,7 +666,7 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
     swiping: te.swiping,
     swipeDirection: te.swipeDirection
   }), [C, s.transitionStatus, s.limited, s.type, te.swiping, te.swipeDirection]), Je = ie("div", d, {
-    ref: [v, te.rootRef],
+    ref: [w, te.rootRef],
     state: qe,
     stateAttributesMapping: Tt,
     props: [Ue, c]
@@ -677,21 +677,21 @@ const ze = /* @__PURE__ */ e.forwardRef(function(d, v) {
   });
 });
 process.env.NODE_ENV !== "production" && (ze.displayName = "ToastRoot");
-const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
+const Ve = /* @__PURE__ */ e.forwardRef(function(d, w) {
   const {
     render: s,
     className: z,
     ...P
   } = d, {
-    visibleIndex: w,
+    visibleIndex: _,
     expanded: c,
-    recalculateHeight: _
+    recalculateHeight: v
   } = me(), r = e.useRef(null);
   Se(() => {
     const R = r.current;
-    if (!R || (_(), typeof ResizeObserver != "function" || typeof MutationObserver != "function"))
+    if (!R || (v(), typeof ResizeObserver != "function" || typeof MutationObserver != "function"))
       return;
-    const S = new ResizeObserver(() => _(!0)), M = new MutationObserver(() => _(!0));
+    const S = new ResizeObserver(() => v(!0)), M = new MutationObserver(() => v(!0));
     return S.observe(R), M.observe(R, {
       childList: !0,
       subtree: !0,
@@ -699,28 +699,28 @@ const Ve = /* @__PURE__ */ e.forwardRef(function(d, v) {
     }), () => {
       S.disconnect(), M.disconnect();
     };
-  }, [_]);
-  const p = w > 0, y = e.useMemo(() => ({
+  }, [v]);
+  const p = _ > 0, y = e.useMemo(() => ({
     expanded: c,
     behind: p
   }), [c, p]);
   return ie("div", d, {
-    ref: [v, r],
+    ref: [w, r],
     state: y,
     props: P
   });
 });
 process.env.NODE_ENV !== "production" && (Ve.displayName = "ToastContent");
-const $e = /* @__PURE__ */ e.forwardRef(function(d, v) {
+const $e = /* @__PURE__ */ e.forwardRef(function(d, w) {
   const {
     render: s,
     className: z,
     id: P,
-    children: w,
+    children: _,
     ...c
   } = d, {
-    toast: _
-  } = me(), r = w ?? _.description, p = !!r, y = _t(P), {
+    toast: v
+  } = me(), r = _ ?? v.description, p = !!r, y = vt(P), {
     setDescriptionId: u
   } = me();
   Se(() => {
@@ -730,9 +730,9 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, v) {
       };
   }, [p, y, u]);
   const R = e.useMemo(() => ({
-    type: _.type
-  }), [_.type]), S = ie("p", d, {
-    ref: v,
+    type: v.type
+  }), [v.type]), S = ie("p", d, {
+    ref: w,
     state: R,
     props: {
       ...c,
@@ -743,34 +743,34 @@ const $e = /* @__PURE__ */ e.forwardRef(function(d, v) {
   return p ? S : null;
 });
 process.env.NODE_ENV !== "production" && ($e.displayName = "ToastDescription");
-const Ae = /* @__PURE__ */ e.forwardRef(function(d, v) {
+const Ae = /* @__PURE__ */ e.forwardRef(function(d, w) {
   const {
     render: s,
     className: z,
     disabled: P,
-    nativeButton: w = !0,
+    nativeButton: _ = !0,
     ...c
   } = d, {
-    close: _,
+    close: v,
     expanded: r
   } = Re(), {
     toast: p
   } = me(), [y, u] = e.useState(!1), {
     getButtonProps: R,
     buttonRef: S
-  } = wt({
+  } = _t({
     disabled: P,
-    native: w
+    native: _
   }), M = e.useMemo(() => ({
     type: p.type
   }), [p.type]);
   return ie("button", d, {
-    ref: [v, S],
+    ref: [w, S],
     state: M,
     props: [{
       "aria-hidden": !r && !y,
       onClick() {
-        _(p.id);
+        v(p.id);
       },
       onFocus() {
         u(!0);
@@ -782,7 +782,7 @@ const Ae = /* @__PURE__ */ e.forwardRef(function(d, v) {
   });
 });
 process.env.NODE_ENV !== "production" && (Ae.displayName = "ToastClose");
-const Rt = ft, St = "_toast__viewport_km0zn_1", Mt = "_toast_km0zn_1", Nt = "_toast_variant_neutral_km0zn_109", Pt = "_toast_variant_colorway_km0zn_115", Ot = "_toast__content_km0zn_121", Ct = "_toast__header_km0zn_139", Ft = "_toast__row_km0zn_144", kt = "_toast__title_km0zn_151", It = "_toast__description_km0zn_155", Lt = "_toast__close_km0zn_159", W = {
+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 = {
   toast__viewport: St,
   toast: Mt,
   toast_variant_neutral: Nt,
@@ -790,53 +790,52 @@ const Rt = ft, St = "_toast__viewport_km0zn_1", Mt = "_toast_km0zn_1", Nt = "_to
   toast__content: Ot,
   toast__header: Ct,
   toast__row: Ft,
-  toast__title: kt,
-  toast__description: It,
-  toast__close: Lt
-}, un = Ie, ke = {
+  toast__title: It,
+  toast__description: Lt
+}, cn = Le, Ie = {
   info: "blue",
   error: "red",
   warning: "yellow",
   success: "green"
 };
-function ln() {
-  return /* @__PURE__ */ E(Rt, { children: /* @__PURE__ */ E(He, { className: W.toast__viewport, children: /* @__PURE__ */ E(Ht, {}) }) });
+function un() {
+  return /* @__PURE__ */ E(Rt, { children: /* @__PURE__ */ E(ke, { className: U.toast__viewport, children: /* @__PURE__ */ E(Ht, {}) }) });
 }
 function Ht() {
   return lt().toasts.map((d) => {
-    const v = d.type && d.type in ke ? ke[d.type] : void 0;
+    const w = d.type && d.type in Ie ? Ie[d.type] : void 0;
     return /* @__PURE__ */ E(
       ze,
       {
         toast: d,
         className: rt(
-          W.toast,
-          v ? W.toast_variant_colorway : W.toast_variant_neutral
+          U.toast,
+          w ? U.toast_variant_colorway : U.toast_variant_neutral
         ),
-        render: /* @__PURE__ */ E(at, { background: "default", color: v }),
+        render: /* @__PURE__ */ E(at, { background: "default", color: w }),
         children: /* @__PURE__ */ re(
           xe,
           {
             render: /* @__PURE__ */ E(Ve, {}),
-            className: W.toast__content,
+            className: U.toast__content,
             children: [
-              /* @__PURE__ */ re(xe, { className: W.toast__row, children: [
-                /* @__PURE__ */ re(xe, { className: W.toast__header, children: [
+              /* @__PURE__ */ re(xe, { className: U.toast__row, children: [
+                /* @__PURE__ */ re(xe, { className: U.toast__header, children: [
                   d.title ? /* @__PURE__ */ E(
                     ot,
                     {
                       level: 2,
                       size: "lg",
                       color: "inherit",
-                      className: W.toast__title,
+                      className: U.toast__title,
                       children: d.title
                     }
                   ) : null,
                   /* @__PURE__ */ E(
                     $e,
                     {
-                      render: /* @__PURE__ */ E(ct, { multiline: !0, color: v ? "inherit" : "dimmer" }),
-                      className: W.toast__description
+                      render: /* @__PURE__ */ E(ct, { multiline: !0, color: w ? "inherit" : "dimmer" }),
+                      className: U.toast__description
                     }
                   )
                 ] }),
@@ -846,8 +845,7 @@ function Ht() {
                     render: /* @__PURE__ */ E(
                       it,
                       {
-                        className: d.title ? W.toast__close : void 0,
-                        interactive: v ? `${v}_no-fill` : "no-fill",
+                        interactive: w ? `${w}_no-fill` : "no-fill",
                         icon: "close-line",
                         size: "sm",
                         alt: "Close"
@@ -860,7 +858,7 @@ function Ht() {
                 st,
                 {
                   ...d.action,
-                  interactive: v ? `${v}_fill` : !0,
+                  interactive: w ? `${w}_fill` : !0,
                   children: d.action.children
                 }
               ) : null
@@ -873,6 +871,6 @@ function Ht() {
   });
 }
 export {
-  un as ToastProvider,
-  ln as ToastViewport
+  cn as ToastProvider,
+  un as ToastViewport
 };

package/dist/components/tooltip/index.js

@@ -3,7 +3,7 @@ import { jsx as O, jsxs as ne } from "react/jsx-runtime";
 import { c as Ee } from "../../clsx-OuTLNxxd.js";
 import { textify as Se } from "../../-utils.js";
 import { Surface as xe } from "../surface/index.js";
-import { t as oe, T as be } from "../../tooltip-arrow-C1qXdi5T.js";
+import { t as oe, T as be } from "../../tooltip-arrow-cs6vjjqZ.js";
 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";
 import * as o from "react";
 import { u as le, T as Ae } from "../../useTimeout-CflX-kz3.js";

package/dist/components/tooltip/tooltip-arrow.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
-import { T as i } from "../../tooltip-arrow-C1qXdi5T.js";
+import { T as i } from "../../tooltip-arrow-cs6vjjqZ.js";
 export {
   i as TooltipArrow
 };

package/dist/components/view/index.js

@@ -51,28 +51,25 @@ import '../../index21.css';const g = "_view_colorway_ldhog_1", d = "_view_colorw
   return v({
     defaultTagName: "div",
     render: r,
-    props: y(
-      {
-        className: t(
-          n.view,
-          e && l[`view_colorway_color-${e}`],
-          _.interactive && [
-            c.view_interactive,
-            c[`view_interactive_${_.interactive}`]
-          ],
-          _.colorway && [
-            _.colorway[1].endsWith("static") ? l.view_colorway_static : l.view_colorway,
-            l[`view_colorway_${_.colorway[1]}`],
-            l[`view_colorway_color-${_.colorway[0]}`]
-          ],
-          _.loading && [
-            w.view_loading,
-            w[`view_loading_${_.loading}`]
-          ]
-        )
-      },
-      a
-    )
+    props: y(a, {
+      className: t(
+        n.view,
+        e && l[`view_colorway_color-${e}`],
+        _.interactive && [
+          c.view_interactive,
+          c[`view_interactive_${_.interactive}`]
+        ],
+        _.colorway && [
+          _.colorway[1].endsWith("static") ? l.view_colorway_static : l.view_colorway,
+          l[`view_colorway_${_.colorway[1]}`],
+          l[`view_colorway_color-${_.colorway[0]}`]
+        ],
+        _.loading && [
+          w.view_loading,
+          w[`view_loading_${_.loading}`]
+        ]
+      )
+    })
   });
 }, k = (o) => {
   let i = null, e = null;

package/dist/toast.css

@@ -1 +1 @@
-._toast__viewport_km0zn_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_km0zn_1{right:var(--space-16);bottom:var(--space-16)}}._toast_km0zn_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_km0zn_1[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--toast-custom-offset-y));height:var(--toast-height)}._toast_km0zn_1[data-starting-style],._toast_km0zn_1[data-ending-style]{transform:translateY(150%)}._toast_km0zn_1[data-limited],._toast_km0zn_1[data-ending-style]{opacity:0}._toast_km0zn_1[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 50%))}._toast_km0zn_1[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 50%)) translateY(var(--toast-custom-offset-y))}._toast_km0zn_1[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 50%)) translateY(var(--toast-custom-offset-y))}._toast_km0zn_1[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 50%))}._toast_km0zn_1:after{display:block;position:absolute;top:100%;left:0;width:100%;height:calc(var(--toast-custom-gap) + 1px);content:""}._toast_variant_neutral_km0zn_109{border-color:var(--surface-interactive-border);background:var(--surface-background);color:var(--foreground-default)}._toast_variant_colorway_km0zn_115{border-color:var(--view-colorway-dimmer);background:var(--view-colorway-dimmest);color:var(--view-colorway-strongest)}._toast__content_km0zn_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_km0zn_121[data-behind]{opacity:0}._toast__content_km0zn_121[data-expanded]{opacity:1}._toast__header_km0zn_139{flex:1 1 auto;gap:var(--space-4)}._toast__row_km0zn_144{flex:1 1 auto;flex-direction:row;justify-content:space-between;gap:var(--space-4)}._toast__title_km0zn_151,._toast__description_km0zn_155{flex:1 1 auto}._toast__close_km0zn_159{position:absolute;top:0;right:0}
+._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}

package/dist/{tooltip-arrow-C1qXdi5T.js → tooltip-arrow-cs6vjjqZ.js}

@@ -1,11 +1,11 @@
 import { jsx as o } from "react/jsx-runtime";
 import { c as r } from "./clsx-OuTLNxxd.js";
-import './tooltip-arrow.css';const i = "_tooltip_nun1r_1", _ = "_tooltip__arrow_nun1r_10", n = {
+import './tooltip-arrow.css';const i = "_tooltip_j3wze_1", _ = "_tooltip__arrow_j3wze_10", p = {
   tooltip: i,
   tooltip__arrow: _,
-  "tooltip__arrow-icon": "_tooltip__arrow-icon_nun1r_35"
+  "tooltip__arrow-icon": "_tooltip__arrow-icon_j3wze_35"
 };
-function s(t) {
+function e(t) {
   return /* @__PURE__ */ o(
     "svg",
     {
@@ -13,12 +13,12 @@ function s(t) {
       height: "5",
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      className: r(n["tooltip__arrow-icon"], t.className),
+      className: r(p["tooltip__arrow-icon"], t.className),
       children: /* @__PURE__ */ o("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 }
 export {
-  s as T,
-  n as t
+  e as T,
+  p as t
 };

package/dist/tooltip-arrow.css

@@ -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)}
+._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

@@ -1,6 +1,6 @@
 {
   "name": "@koide-labs/ui",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {
@@ -31,10 +31,10 @@
   ],
   "dependencies": {
     "@base-ui/react": "^1.0.0",
+    "@npham-dev/cmdk": "^0.0.0",
     "@radix-ui/react-visually-hidden": "^1.2.4",
     "autosize": "^6.0.1",
     "clsx": "^2.1.1",
-    "cmdk": "github:npham-dev/cmdk#main&path:/cmdk",
     "date-fns": "^4.1.0",
     "modern-normalize": "^3.0.1",
     "prismjs": "^1.30.0",
@@ -45,8 +45,8 @@
   "peerDependencies": {
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "remixicon": "^4.8.0",
-    "react-markdown": "^10.1.0"
+    "react-markdown": "^10.1.0",
+    "remixicon": "^4.8.0"
   },
   "peerDependenciesMeta": {
     "react-markdown": {