@koide-labs/ui 0.1.3 → 0.1.4

package/dist/components/toaster/toaster.js

@@ -21,9 +21,9 @@ import * as ht from "react-dom";
 import { i as gt } from "../../inertValue-BTpPjX30.js";
 import { u as me } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { f as _t } from "../../formatErrorMessage-BqPuTBN-.js";
-import { u as yt, t as wt } from "../../useOpenChangeComplete-BHd-N7Ig.js";
+import { u as yt, t as vt } from "../../useOpenChangeComplete-BHd-N7Ig.js";
 import { u as He } from "../../useId-C5kyn6tA.js";
-import { u as vt } from "../../useButton-d3_JgBNr.js";
+import { u as wt } from "../../useButton-d3_JgBNr.js";
 import '../../toaster.css';let Fe = 0;
 function xt(a) {
   return Fe += 1, `${a}-${Math.random().toString(36).slice(2, 6)}-${Fe}`;
@@ -47,26 +47,26 @@ const ke = function(c) {
     timeout: s = 5e3,
     limit: F = 3,
     toastManager: M
-  } = c, [v, u] = e.useState([]), [g, t] = e.useState(!1), [d, y] = e.useState(!1), [o, E] = e.useState(null);
-  v.length === 0 && (g && t(!1), d && y(!1));
+  } = c, [w, u] = e.useState([]), [g, t] = e.useState(!1), [d, y] = e.useState(!1), [o, E] = e.useState(null);
+  w.length === 0 && (g && t(!1), d && y(!1));
   const R = g || d, N = e.useRef(/* @__PURE__ */ new Map()), z = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
   function j(n) {
     const m = pe(ne(z.current));
     if (!z.current || !se(z.current, m) || !De(m))
       return;
-    const w = v.findIndex((r) => r.id === n);
-    let i = null, _ = w + 1;
-    for (; _ < v.length; ) {
-      if (v[_].transitionStatus !== "ending") {
-        i = v[_];
+    const v = w.findIndex((r) => r.id === n);
+    let i = null, _ = v + 1;
+    for (; _ < w.length; ) {
+      if (w[_].transitionStatus !== "ending") {
+        i = w[_];
         break;
       }
       _ += 1;
     }
     if (!i)
-      for (_ = w - 1; _ >= 0; ) {
-        if (v[_].transitionStatus !== "ending") {
-          i = v[_];
+      for (_ = v - 1; _ >= 0; ) {
+        if (w[_].transitionStatus !== "ending") {
+          i = w[_];
           break;
         }
         _ -= 1;
@@ -79,8 +79,8 @@ const ke = function(c) {
     X.current || (X.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;
+        const m = Date.now() - n.start, v = n.delay - m;
+        n.remaining = v > 0 ? v : 0;
       }
     }));
   }), I = U(() => {
@@ -107,28 +107,28 @@ const ke = function(c) {
       });
     });
     const m = N.current.get(n);
-    m && m.timeout && (m.timeout.clear(), N.current.delete(n)), v.find((i) => i.id === n)?.onClose?.(), j(n), v.length === 1 && (t(!1), y(!1));
+    m && m.timeout && (m.timeout.clear(), N.current.delete(n)), w.find((i) => i.id === n)?.onClose?.(), j(n), w.length === 1 && (t(!1), y(!1));
   }), q = U((n) => {
-    u((w) => w.filter((i) => i.id !== n)), v.find((w) => w.id === n)?.onRemove?.();
-  }), B = U((n, m, w) => {
+    u((v) => v.filter((i) => i.id !== n)), w.find((v) => v.id === n)?.onRemove?.();
+  }), B = U((n, m, v) => {
     const i = Date.now(), _ = C.current && !g && !d, r = _ ? Oe.create() : void 0;
     r?.start(m, () => {
-      N.current.delete(n), w();
+      N.current.delete(n), v();
     }), N.current.set(n, {
       timeout: r,
       start: _ ? i : 0,
       delay: m,
       remaining: m,
-      callback: w
+      callback: v
     });
   }), G = U((n) => {
-    const m = n.id || xt("toast"), w = {
+    const m = n.id || xt("toast"), v = {
       ...n,
       id: m,
       transitionStatus: "starting"
     };
     u((_) => {
-      const r = [w, ..._], p = r.filter((x) => x.transitionStatus !== "ending");
+      const r = [v, ..._], 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) ? {
@@ -144,16 +144,16 @@ const ke = function(c) {
         limited: !1
       }));
     });
-    const i = w.timeout ?? s;
-    return w.type !== "loading" && i > 0 && B(m, i, () => L(m)), (g || d || !C.current) && b(), m;
+    const i = v.timeout ?? s;
+    return v.type !== "loading" && i > 0 && B(m, i, () => L(m)), (g || d || !C.current) && b(), m;
   }), K = U((n, m) => {
-    u((w) => w.map((i) => i.id === n ? {
+    u((v) => v.map((i) => i.id === n ? {
       ...i,
       ...m
     } : i));
   }), O = U((n, m) => {
-    const w = be(m.loading), i = G({
-      ...w,
+    const v = be(m.loading), i = G({
+      ...v,
       type: "loading"
     }), _ = n.then((r) => {
       const p = be(m.success, r);
@@ -176,15 +176,15 @@ const ke = function(c) {
   });
   e.useEffect(function() {
     return M ? M[" subscribe"](({
-      action: w,
+      action: v,
       options: i
     }) => {
       const _ = i.id;
-      w === "promise" && i.promise ? O(i.promise, i) : w === "update" && _ ? K(_, i) : w === "close" && _ ? L(_) : G(i);
+      v === "promise" && i.promise ? O(i.promise, i) : v === "update" && _ ? K(_, i) : v === "close" && _ ? L(_) : G(i);
     }) : void 0;
   }, [G, K, B, s, M, O, L]);
   const J = e.useMemo(() => ({
-    toasts: v,
+    toasts: w,
     setToasts: u,
     hovering: g,
     setHovering: t,
@@ -203,7 +203,7 @@ const ke = function(c) {
     viewportRef: z,
     scheduleTimer: B,
     windowFocusedRef: C
-  }), [G, L, d, g, R, b, o, O, q, I, B, v, K]);
+  }), [G, L, d, g, R, b, o, O, q, I, B, w, K]);
   return /* @__PURE__ */ D(it.Provider, {
     value: J,
     children: h
@@ -220,7 +220,7 @@ const Be = /* @__PURE__ */ e.forwardRef(function(c, h) {
     render: s,
     className: F,
     children: M,
-    ...v
+    ...w
   } = c, {
     toasts: u,
     pauseTimers: g,
@@ -335,14 +335,14 @@ const Be = /* @__PURE__ */ e.forwardRef(function(c, h) {
     onClick: O
   }, m = e.useMemo(() => ({
     expanded: z
-  }), [z]), w = ie("div", c, {
+  }), [z]), v = ie("div", c, {
     ref: [h, o],
     state: m,
     props: [n, {
       style: {
         [Tt.frontmostHeight]: I ? `${I}px` : void 0
       }
-    }, v, {
+    }, w, {
       children: /* @__PURE__ */ re(e.Fragment, {
         children: [b > 0 && R && /* @__PURE__ */ D(Te, {
           onFocus: q
@@ -358,7 +358,7 @@ const Be = /* @__PURE__ */ e.forwardRef(function(c, h) {
     value: i,
     children: [b > 0 && R && /* @__PURE__ */ D(Te, {
       onFocus: q
-    }), w, !C && _.length > 0 && /* @__PURE__ */ D("div", {
+    }), v, !C && _.length > 0 && /* @__PURE__ */ D("div", {
       style: mt,
       children: _.map((r) => /* @__PURE__ */ re("div", {
         role: "alert",
@@ -385,7 +385,7 @@ let ee = /* @__PURE__ */ (function(a) {
   return a.index = "--toast-index", a.offsetY = "--toast-offset-y", a.height = "--toast-height", a.swipeMovementX = "--toast-swipe-movement-x", a.swipeMovementY = "--toast-swipe-movement-y", a;
 })({});
 const bt = {
-  ...wt,
+  ...vt,
   swipeDirection(a) {
     return a ? {
       "data-swipe-direction": a
@@ -410,9 +410,9 @@ function Rt(a) {
   const h = window.getComputedStyle(a).transform;
   let s = 0, F = 0, M = 1;
   if (h && h !== "none") {
-    const v = h.match(/matrix(?:3d)?\(([^)]+)\)/);
-    if (v) {
-      const u = v[1].split(", ").map(parseFloat);
+    const w = h.match(/matrix(?:3d)?\(([^)]+)\)/);
+    if (w) {
+      const u = w[1].split(", ").map(parseFloat);
       u.length === 6 ? (s = u[4], F = u[5], M = Math.sqrt(u[0] * u[0] + u[1] * u[1])) : u.length === 16 && (s = u[12], F = u[13], M = u[0]);
     }
   }
@@ -427,11 +427,11 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     toast: s,
     render: F,
     className: M,
-    swipeDirection: v = ["down", "right"],
+    swipeDirection: w = ["down", "right"],
     ...u
   } = c, g = s.positionerProps?.anchor !== void 0;
   let t = [];
-  g || (t = Array.isArray(v) ? v : [v]);
+  g || (t = Array.isArray(w) ? w : [w]);
   const d = t.length > 0, {
     toasts: y,
     focused: o,
@@ -448,7 +448,7 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     x: 0,
     y: 0,
     scale: 1
-  }), [w, i] = e.useState(), [_, r] = e.useState(), [p, x] = e.useState(null), T = e.useRef(null), H = e.useRef({
+  }), [v, i] = e.useState(), [_, r] = e.useState(), [p, x] = e.useState(null), T = e.useRef(null), H = e.useRef({
     x: 0,
     y: 0
   }), Z = e.useRef({
@@ -547,10 +547,10 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
       de > ae ? (ue.current = !1, b(xe)) : !(t.includes("left") && t.includes("right")) && !(t.includes("up") && t.includes("down")) && he.current - de >= Dt && (ue.current = !0);
     }
     const fe = Ke(k, V);
-    let we = Z.current.x, ve = 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")) && (ve += fe.y)), J({
-      x: we,
-      y: ve
+    let ve = Z.current.x, we = Z.current.y;
+    p === "horizontal" ? (t.includes("left") || t.includes("right")) && (ve += fe.x) : (p === "vertical" || (t.includes("left") || t.includes("right")) && (ve += fe.x), (t.includes("up") || t.includes("down")) && (we += fe.y)), J({
+      x: ve,
+      y: we
     });
   }
   function Ue(l) {
@@ -631,7 +631,7 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     role: Me ? "alertdialog" : "dialog",
     tabIndex: 0,
     "aria-modal": !1,
-    "aria-labelledby": w,
+    "aria-labelledby": v,
     "aria-describedby": _,
     "aria-hidden": Me && !o ? !0 : void 0,
     onPointerDown: d ? We : void 0,
@@ -648,7 +648,7 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
   }, te = e.useMemo(() => ({
     rootRef: T,
     toast: s,
-    titleId: w,
+    titleId: v,
     setTitleId: i,
     descriptionId: _,
     setDescriptionId: r,
@@ -658,7 +658,7 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     index: _e,
     visibleIndex: ye,
     expanded: C
-  }), [s, w, _, I, j, le, _e, ye, C]), Ze = e.useMemo(() => ({
+  }), [s, v, _, I, j, le, _e, ye, C]), Ze = e.useMemo(() => ({
     transitionStatus: s.transitionStatus,
     expanded: C,
     limited: s.limited || !1,
@@ -683,7 +683,7 @@ const Ae = /* @__PURE__ */ e.forwardRef(function(c, h) {
     className: F,
     ...M
   } = c, {
-    visibleIndex: v,
+    visibleIndex: w,
     expanded: u,
     recalculateHeight: g
   } = oe(), t = e.useRef(null);
@@ -700,7 +700,7 @@ const Ae = /* @__PURE__ */ e.forwardRef(function(c, h) {
       R.disconnect(), N.disconnect();
     };
   }, [g]);
-  const d = v > 0, y = e.useMemo(() => ({
+  const d = w > 0, y = e.useMemo(() => ({
     expanded: u,
     behind: d
   }), [u, d]);
@@ -716,11 +716,11 @@ const Ye = /* @__PURE__ */ e.forwardRef(function(c, h) {
     render: s,
     className: F,
     id: M,
-    children: v,
+    children: w,
     ...u
   } = c, {
     toast: g
-  } = oe(), t = v ?? g.description, d = !!t, y = He(M), {
+  } = oe(), t = w ?? g.description, d = !!t, y = He(M), {
     setDescriptionId: o
   } = oe();
   me(() => {
@@ -748,11 +748,11 @@ const ze = /* @__PURE__ */ e.forwardRef(function(c, h) {
     render: s,
     className: F,
     id: M,
-    children: v,
+    children: w,
     ...u
   } = c, {
     toast: g
-  } = oe(), t = v ?? g.title, d = !!t, y = He(M), {
+  } = oe(), t = w ?? g.title, d = !!t, y = He(M), {
     setTitleId: o
   } = oe();
   me(() => {
@@ -780,7 +780,7 @@ const Xe = /* @__PURE__ */ e.forwardRef(function(c, h) {
     render: s,
     className: F,
     disabled: M,
-    nativeButton: v = !0,
+    nativeButton: w = !0,
     ...u
   } = c, {
     close: g,
@@ -790,9 +790,9 @@ const Xe = /* @__PURE__ */ e.forwardRef(function(c, h) {
   } = oe(), [y, o] = e.useState(!1), {
     getButtonProps: E,
     buttonRef: R
-  } = vt({
+  } = wt({
     disabled: M,
-    native: v
+    native: w
   }), N = e.useMemo(() => ({
     type: d.type
   }), [d.type]);
@@ -814,7 +814,7 @@ const Xe = /* @__PURE__ */ e.forwardRef(function(c, h) {
   });
 });
 process.env.NODE_ENV !== "production" && (Xe.displayName = "ToastClose");
-const St = pt, Mt = "_toaster__viewport_twmyb_2", Nt = "_toaster_twmyb_2", Pt = "_toaster_variant_neutral_twmyb_112", Ot = "_toaster_variant_colorway_twmyb_118", Ct = "_toaster__content_twmyb_124", Ft = "_toaster__header_twmyb_143", It = "_toaster__header_pad_twmyb_147", Lt = "_toaster__title_twmyb_151", Ht = "_toaster__description_twmyb_155", kt = "_toaster__close_twmyb_159", W = {
+const St = pt, Mt = "_toaster__viewport_pynb4_3", Nt = "_toaster_pynb4_3", Pt = "_toaster_variant_neutral_pynb4_113", Ot = "_toaster_variant_colorway_pynb4_119", Ct = "_toaster__content_pynb4_125", Ft = "_toaster__header_pynb4_144", It = "_toaster__header_pad_pynb4_148", Lt = "_toaster__title_pynb4_152", Ht = "_toaster__description_pynb4_156", kt = "_toaster__close_pynb4_160", W = {
   toaster__viewport: Mt,
   toaster: Nt,
   toaster_variant_neutral: Pt,

package/dist/components/tooltip/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { T as t } from "../../tooltip-BJQPwudf.js";
+import { T as t } from "../../tooltip-JPnUwFFR.js";
 export {
   t as Tooltip
 };

package/dist/components/tooltip/tooltip.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../-utils.js";
-import "../../transitions.module-D9mMAtfI.js";
-import { T as a } from "../../tooltip-BJQPwudf.js";
+import "../../transitions.module-SSNmQfsR.js";
+import { T as a } from "../../tooltip-JPnUwFFR.js";
 import "../surface/surface.js";
 export {
   a as Tooltip

package/dist/components/view/view.js

@@ -1,63 +1,63 @@
 import { c as t } from "../../clsx-OuTLNxxd.js";
-import { s as v } from "../../view.module-CjopAf_0.js";
+import { s as v } from "../../view.module-j3ylJCCE.js";
 import { u as n } from "../../useRender-C3vlzS3t.js";
 import { m as y } from "../../useRenderElement-DngNDu_P.js";
-import '../../view2.css';const u = "_view_colorway_qhua6_2", s = "_view_colorway_static_qhua6_20", g = "_view_colorway_outline_qhua6_28", d = "_view_colorway_fill_qhua6_98", l = {
-  view_colorway: u,
-  view_colorway_static: s,
+import '../../view2.css';const s = "_view_colorway_13usv_3", u = "_view_colorway_static_13usv_21", g = "_view_colorway_outline_13usv_29", d = "_view_colorway_fill_13usv_99", l = {
+  view_colorway: s,
+  view_colorway_static: u,
   view_colorway_outline: g,
-  "view_colorway_outline-static": "_view_colorway_outline-static_qhua6_60",
-  "view_colorway_mute-static": "_view_colorway_mute-static_qhua6_67",
-  "view_colorway_no-fill": "_view_colorway_no-fill_qhua6_73",
+  "view_colorway_outline-static": "_view_colorway_outline-static_13usv_61",
+  "view_colorway_mute-static": "_view_colorway_mute-static_13usv_68",
+  "view_colorway_no-fill": "_view_colorway_no-fill_13usv_74",
   view_colorway_fill: d,
-  "view_colorway_fill-static": "_view_colorway_fill-static_qhua6_123",
-  "view_colorway_fill-outline": "_view_colorway_fill-outline_qhua6_129",
-  "view_colorway_color-primary": "_view_colorway_color-primary_qhua6_163",
-  "view_colorway_color-positive": "_view_colorway_color-positive_qhua6_171",
-  "view_colorway_color-negative": "_view_colorway_color-negative_qhua6_179",
-  "view_colorway_color-warning": "_view_colorway_color-warning_qhua6_187",
-  "view_colorway_color-red": "_view_colorway_color-red_qhua6_195",
-  "view_colorway_color-orange": "_view_colorway_color-orange_qhua6_203",
-  "view_colorway_color-yellow": "_view_colorway_color-yellow_qhua6_211",
-  "view_colorway_color-green": "_view_colorway_color-green_qhua6_219",
-  "view_colorway_color-teal": "_view_colorway_color-teal_qhua6_227",
-  "view_colorway_color-blue": "_view_colorway_color-blue_qhua6_235",
-  "view_colorway_color-blurple": "_view_colorway_color-blurple_qhua6_243",
-  "view_colorway_color-purple": "_view_colorway_color-purple_qhua6_251",
-  "view_colorway_color-magenta": "_view_colorway_color-magenta_qhua6_259",
-  "view_colorway_color-pink": "_view_colorway_color-pink_qhua6_267",
-  "view_colorway_color-grey": "_view_colorway_color-grey_qhua6_275"
-}, f = "_view_interactive_r2alv_2", h = "_view_interactive_fill_r2alv_30", q = "_view_interactive_outline_r2alv_69", r = {
+  "view_colorway_fill-static": "_view_colorway_fill-static_13usv_124",
+  "view_colorway_fill-outline": "_view_colorway_fill-outline_13usv_130",
+  "view_colorway_color-primary": "_view_colorway_color-primary_13usv_164",
+  "view_colorway_color-positive": "_view_colorway_color-positive_13usv_172",
+  "view_colorway_color-negative": "_view_colorway_color-negative_13usv_180",
+  "view_colorway_color-warning": "_view_colorway_color-warning_13usv_188",
+  "view_colorway_color-red": "_view_colorway_color-red_13usv_196",
+  "view_colorway_color-orange": "_view_colorway_color-orange_13usv_204",
+  "view_colorway_color-yellow": "_view_colorway_color-yellow_13usv_212",
+  "view_colorway_color-green": "_view_colorway_color-green_13usv_220",
+  "view_colorway_color-teal": "_view_colorway_color-teal_13usv_228",
+  "view_colorway_color-blue": "_view_colorway_color-blue_13usv_236",
+  "view_colorway_color-blurple": "_view_colorway_color-blurple_13usv_244",
+  "view_colorway_color-purple": "_view_colorway_color-purple_13usv_252",
+  "view_colorway_color-magenta": "_view_colorway_color-magenta_13usv_260",
+  "view_colorway_color-pink": "_view_colorway_color-pink_13usv_268",
+  "view_colorway_color-grey": "_view_colorway_color-grey_13usv_276"
+}, f = "_view_interactive_1hjsh_3", m = "_view_interactive_fill_1hjsh_31", h = "_view_interactive_outline_1hjsh_70", c = {
   view_interactive: f,
-  view_interactive_fill: h,
-  "view_interactive_no-fill": "_view_interactive_no-fill_r2alv_50",
-  view_interactive_outline: q,
-  "view_interactive_fill-outline": "_view_interactive_fill-outline_r2alv_89",
-  "view_interactive_list-item": "_view_interactive_list-item_r2alv_110"
-}, m = "_view_loading_p1qhr_7", p = "_view_loading_foreground_p1qhr_12", b = "_loading_p1qhr_1", k = "_view_loading_background_p1qhr_25", c = {
-  view_loading: m,
+  view_interactive_fill: m,
+  "view_interactive_no-fill": "_view_interactive_no-fill_1hjsh_51",
+  view_interactive_outline: h,
+  "view_interactive_fill-outline": "_view_interactive_fill-outline_1hjsh_90",
+  "view_interactive_list-item": "_view_interactive_list-item_1hjsh_111"
+}, b = "_view_loading_11mxa_8", p = "_view_loading_foreground_11mxa_13", j = "_loading_11mxa_1", x = "_view_loading_background_11mxa_26", a = {
+  view_loading: b,
   view_loading_foreground: p,
-  loading: b,
-  view_loading_background: k
+  loading: j,
+  view_loading_background: x
 };
 function R({
   interactive: o,
   loading: i,
   color: e,
-  render: a,
+  render: r,
   ...w
 }) {
-  const _ = $({ interactive: o, loading: i });
+  const _ = k({ interactive: o, loading: i });
   return n({
     defaultTagName: "div",
-    render: a,
+    render: r,
     props: y(w, {
       className: t(
         v.view,
         e && l[`view_colorway_color-${e}`],
         _.interactive && [
-          r.view_interactive,
-          r[`view_interactive_${_.interactive}`]
+          c.view_interactive,
+          c[`view_interactive_${_.interactive}`]
         ],
         _.colorway && [
           _.colorway[1].endsWith("static") ? l.view_colorway_static : l.view_colorway,
@@ -65,18 +65,18 @@ function R({
           l[`view_colorway_color-${_.colorway[0]}`]
         ],
         _.loading && [
-          c.view_loading,
-          c[`view_loading_${_.loading}`]
+          a.view_loading,
+          a[`view_loading_${_.loading}`]
         ]
       )
     })
   });
 }
-function $(o) {
+function k(o) {
   let i = null, e = null;
   o.interactive && typeof o.interactive == "boolean" ? i = "fill" : typeof o.interactive == "string" && (typeof o.interactive == "string" && o.interactive.includes("_") ? e = o.interactive.split("_") : i = o.interactive);
-  let a = null;
-  return o.loading && (a = typeof o.loading == "boolean" ? "foreground" : o.loading), { interactive: i, colorway: e, loading: a };
+  let r = null;
+  return o.loading && (r = typeof o.loading == "boolean" ? "foreground" : o.loading), { interactive: i, colorway: e, loading: r };
 }
 export {
   R as View

package/dist/context-menu.css

@@ -1 +1 @@
-@layer components{._context-menu_ct7eh_2{gap:var(--space-4);box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}._context-menu__item_ct7eh_11{position:relative;flex-direction:row;align-items:center;gap:var(--space-4);outline:none;border:none;border-radius:var(--border-radius-6);padding:var(--space-2) var(--space-4);padding-left:var(--space-24)}._context-menu__item-icon_ct7eh_23{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%)}._context-menu__item-shortcut_ct7eh_30{margin-left:auto;letter-spacing:.1em}._context-menu__label_ct7eh_35{padding:var(--space-2) var(--space-4)}}
+._context-menu_1x98f_3:not(#\#):not(#\#):not(#\#){gap:var(--space-4);box-shadow:var(--shadow-1);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-4);-webkit-user-select:none;-moz-user-select:none;user-select:none}._context-menu__item_1x98f_12:not(#\#):not(#\#):not(#\#){position:relative;flex-direction:row;align-items:center;gap:var(--space-4);outline:none;border:none;border-radius:var(--border-radius-6);padding:var(--space-2) var(--space-4);padding-left:var(--space-24)}._context-menu__item-icon_1x98f_24:not(#\#):not(#\#):not(#\#){position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%)}._context-menu__item-shortcut_1x98f_31:not(#\#):not(#\#):not(#\#){margin-left:auto;letter-spacing:.1em}._context-menu__label_1x98f_36:not(#\#):not(#\#):not(#\#){padding:var(--space-2) var(--space-4)}

package/dist/dialog.css

@@ -1 +1 @@
-@layer atom{._dialog__backdrop_1wc77_2{position:fixed;z-index:50;inset:0;background-color:var(--background-overlay)}@supports (-webkit-touch-callout: none){._dialog__backdrop_1wc77_2{position:absolute}}._dialog__popup_1wc77_14{display:block;position:fixed;z-index:51;inset:0;isolation:isolate;padding:var(--space-16);height:100%;overflow:auto}._dialog__popup_centered_1wc77_25{display:flex;place-items:center}@media screen and (min-width:512px){._dialog__popup_centered_1wc77_25{padding:var(--space-32);padding-top:var(--space-64);padding-bottom:var(--space-64)}}._dialog__content_1wc77_36{position:relative;flex-grow:1;flex-shrink:1;gap:var(--space-16);margin:0 auto;outline:none;box-shadow:var(--shadow-2);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-16);width:100%;height:auto;overflow:hidden}._dialog__content_width_sm_1wc77_52{max-width:384px}._dialog__content_width_md_1wc77_56{max-width:512px}._dialog__content_width_lg_1wc77_60{max-width:872px}._dialog__header_1wc77_64{gap:var(--space-4)}._dialog__close_1wc77_68{position:absolute;top:var(--space-8);right:var(--space-8)}}
+._dialog__backdrop_yz2l4_3:not(#\#):not(#\#){position:fixed;z-index:50;inset:0;background-color:var(--background-overlay)}@supports (-webkit-touch-callout: none){._dialog__backdrop_yz2l4_3:not(#\#):not(#\#){position:absolute}}._dialog__popup_yz2l4_15:not(#\#):not(#\#){display:block;position:fixed;z-index:51;inset:0;isolation:isolate;padding:var(--space-16);height:100%;overflow:auto}._dialog__popup_centered_yz2l4_26:not(#\#):not(#\#){display:flex;place-items:center}@media screen and (min-width:512px){._dialog__popup_centered_yz2l4_26:not(#\#):not(#\#){padding:var(--space-32);padding-top:var(--space-64);padding-bottom:var(--space-64)}}._dialog__content_yz2l4_37:not(#\#):not(#\#){position:relative;flex-grow:1;flex-shrink:1;gap:var(--space-16);margin:0 auto;outline:none;box-shadow:var(--shadow-2);border:1px solid var(--outline-dimmest);border-radius:var(--border-radius-default);padding:var(--space-16);width:100%;height:auto;overflow:hidden}._dialog__content_width_sm_yz2l4_53:not(#\#):not(#\#){max-width:384px}._dialog__content_width_md_yz2l4_57:not(#\#):not(#\#){max-width:512px}._dialog__content_width_lg_yz2l4_61:not(#\#):not(#\#){max-width:872px}._dialog__header_yz2l4_65:not(#\#):not(#\#){gap:var(--space-4)}._dialog__close_yz2l4_69:not(#\#):not(#\#){position:absolute;top:var(--space-8);right:var(--space-8)}