@koide-labs/ui 0.1.1 → 0.1.3

package/dist/{dialog.module-DsbQRp-d.js → dialog.module-1PAL873u.js}

@@ -4,9 +4,9 @@ import { u as Y, a as $, F as q, I as z, b as A } from "./InternalBackdrop-BSMKU
 import { c as U, i as J, d as Q } from "./createBaseUIEventDetails-CCSfZ2vM.js";
 import { u as X, a as Z, b as ee, p as te, c as oe, d as ne } from "./useSyncedFloatingRootContext-BB1vwkV-.js";
 import { u as se } from "./useRole-BD3OL1rr.js";
-import { d as re, e as K, R as ie, P as ae, c as S, p as W, C as w, f as le } from "./transitions.module-D9mMAtfI.js";
+import { d as re, e as K, R as ie, P as ae, c as S, p as W, C as T, f as le } from "./transitions.module-D9mMAtfI.js";
 import { h as ce, f as de } from "./element-u5WgOZX1.js";
-import { u as P } from "./useRenderElement-DngNDu_P.js";
+import { u as b } from "./useRenderElement-DngNDu_P.js";
 import { t as j, u as pe } from "./useOpenChangeComplete-BHd-N7Ig.js";
 import { u as G } from "./useButton-d3_JgBNr.js";
 import { u as B } from "./useBaseUiId-B7WyxtIE.js";
@@ -47,7 +47,7 @@ import './dialog.css';function ot(t) {
     onOpenChange: e.setOpen,
     treatPopupAsFloatingElement: !0,
     noEmit: !0
-  }), [_, D] = s.useState(0), h = _ === 0, x = se(g), v = re(g, {
+  }), [_, D] = s.useState(0), h = _ === 0, P = se(g), x = re(g, {
     outsidePressEvent() {
       return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
         mouse: l === "trap-focus" ? "sloppy" : "intentional",
@@ -59,8 +59,8 @@ import './dialog.css';function ot(t) {
         return !1;
       const E = ce(f);
       if (h && !r) {
-        const T = E;
-        return l && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === T || e.context.backdropRef.current === T || de(T, a) && !T?.hasAttribute("data-base-ui-portal") : !0;
+        const y = E;
+        return l && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === y || e.context.backdropRef.current === y || de(y, a) && !y?.hasAttribute("data-base-ui-portal") : !0;
       }
       return !1;
     },
@@ -70,8 +70,8 @@ import './dialog.css';function ot(t) {
   const {
     getReferenceProps: R,
     getFloatingProps: O,
-    getTriggerProps: I
-  } = K([x, v]);
+    getTriggerProps: w
+  } = K([P, x]);
   e.useContextCallback("onNestedDialogOpen", (f) => {
     D(f + 1);
   }), e.useContextCallback("onNestedDialogClose", () => {
@@ -79,11 +79,11 @@ import './dialog.css';function ot(t) {
   }), s.useEffect(() => (n?.onNestedDialogOpen && i && n.onNestedDialogOpen(_), n?.onNestedDialogClose && !i && n.onNestedDialogClose(), () => {
     n?.onNestedDialogClose && i && n.onNestedDialogClose();
   }), [i, n, _]);
-  const y = s.useMemo(() => R(p), [R, p]), b = s.useMemo(() => I(p), [I, p]), k = s.useMemo(() => O(), [O]);
+  const v = s.useMemo(() => R(p), [R, p]), I = s.useMemo(() => w(p), [w, p]), k = s.useMemo(() => O(), [O]);
   e.useSyncedValues({
     openMethod: o,
-    activeTriggerProps: y,
-    inactiveTriggerProps: b,
+    activeTriggerProps: v,
+    inactiveTriggerProps: I,
     popupProps: k,
     floatingRootContext: g,
     nestedOpenDialogCount: _
@@ -169,7 +169,7 @@ const Ee = {
     open: o,
     transitionStatus: u
   }), [o, u]);
-  return P("div", e, {
+  return b("div", e, {
     state: c,
     ref: [a.context.backdropRef, n],
     stateAttributesMapping: Ee,
@@ -207,7 +207,7 @@ const De = /* @__PURE__ */ s.forwardRef(function(e, n) {
   }), m = s.useMemo(() => ({
     disabled: r
   }), [r]);
-  return P("button", e, {
+  return b("button", e, {
     state: m,
     ref: [n, c],
     props: [{
@@ -225,7 +225,7 @@ const Re = /* @__PURE__ */ s.forwardRef(function(e, n) {
   } = e, {
     store: a
   } = N(), o = B(r);
-  return a.useSyncedValueWithCleanup("descriptionElementId", o), P("p", e, {
+  return a.useSyncedValueWithCleanup("descriptionElementId", o), b("p", e, {
     ref: n,
     props: [{
       id: o
@@ -236,17 +236,17 @@ process.env.NODE_ENV !== "production" && (Re.displayName = "DialogDescription");
 let Ne = /* @__PURE__ */ (function(t) {
   return t.nestedDialogs = "--nested-dialogs", t;
 })({}), Oe = (function(t) {
-  return t[t.open = w.open] = "open", t[t.closed = w.closed] = "closed", t[t.startingStyle = w.startingStyle] = "startingStyle", t[t.endingStyle = w.endingStyle] = "endingStyle", t.nested = "data-nested", t.nestedDialogOpen = "data-nested-dialog-open", t;
+  return t[t.open = T.open] = "open", t[t.closed = T.closed] = "closed", t[t.startingStyle = T.startingStyle] = "startingStyle", t[t.endingStyle = T.endingStyle] = "endingStyle", t.nested = "data-nested", t.nestedDialogOpen = "data-nested-dialog-open", t;
 })({});
 const V = /* @__PURE__ */ s.createContext(void 0);
 process.env.NODE_ENV !== "production" && (V.displayName = "DialogPortalContext");
-function Ie() {
+function we() {
   const t = s.useContext(V);
   if (t === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : F(26));
   return t;
 }
-const be = {
+const Ie = {
   ...W,
   ...j,
   nestedDialogOpen(t) {
@@ -254,7 +254,7 @@ const be = {
       [Oe.nestedDialogOpen]: ""
     } : null;
   }
-}, Pe = /* @__PURE__ */ s.forwardRef(function(e, n) {
+}, be = /* @__PURE__ */ s.forwardRef(function(e, n) {
   const {
     className: d,
     finalFocus: i,
@@ -263,26 +263,26 @@ const be = {
     ...a
   } = e, {
     store: o
-  } = N(), p = o.useState("descriptionElementId"), C = o.useState("disablePointerDismissal"), u = o.useState("floatingRootContext"), c = o.useState("popupProps"), m = o.useState("modal"), g = o.useState("mounted"), _ = o.useState("nested"), D = o.useState("nestedOpenDialogCount"), h = o.useState("open"), x = o.useState("openMethod"), v = o.useState("titleElementId"), R = o.useState("transitionStatus"), O = o.useState("role");
-  Ie(), pe({
+  } = N(), p = o.useState("descriptionElementId"), C = o.useState("disablePointerDismissal"), u = o.useState("floatingRootContext"), c = o.useState("popupProps"), m = o.useState("modal"), g = o.useState("mounted"), _ = o.useState("nested"), D = o.useState("nestedOpenDialogCount"), h = o.useState("open"), P = o.useState("openMethod"), x = o.useState("titleElementId"), R = o.useState("transitionStatus"), O = o.useState("role");
+  we(), pe({
     open: h,
     ref: o.context.popupRef,
     onComplete() {
       h && o.context.onOpenChangeComplete?.(!0);
     }
   });
-  function I(E) {
+  function w(E) {
     return E === "touch" ? o.context.popupRef.current : !0;
   }
-  const y = r === void 0 ? I : r, b = D > 0, k = s.useMemo(() => ({
+  const v = r === void 0 ? w : r, I = D > 0, k = s.useMemo(() => ({
     open: h,
     nested: _,
     transitionStatus: R,
-    nestedDialogOpen: b
-  }), [h, _, R, b]), f = P("div", e, {
+    nestedDialogOpen: I
+  }), [h, _, R, I]), f = b("div", e, {
     state: k,
     props: [c, {
-      "aria-labelledby": v ?? void 0,
+      "aria-labelledby": x ?? void 0,
       "aria-describedby": p ?? void 0,
       role: O,
       tabIndex: -1,
@@ -295,22 +295,22 @@ const be = {
       }
     }, a],
     ref: [n, o.context.popupRef, o.useStateSetter("popupElement")],
-    stateAttributesMapping: be
+    stateAttributesMapping: Ie
   });
   return /* @__PURE__ */ M(q, {
     context: u,
-    openInteractionType: x,
+    openInteractionType: P,
     disabled: !g,
     closeOnFocusOut: !C,
-    initialFocus: y,
+    initialFocus: v,
     returnFocus: i,
     modal: m !== !1,
     restoreFocus: "popup",
     children: f
   });
 });
-process.env.NODE_ENV !== "production" && (Pe.displayName = "DialogPopup");
-const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
+process.env.NODE_ENV !== "production" && (be.displayName = "DialogPopup");
+const Pe = /* @__PURE__ */ s.forwardRef(function(e, n) {
   const {
     keepMounted: d = !1,
     ...i
@@ -329,8 +329,8 @@ const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
     })
   }) : null;
 });
-process.env.NODE_ENV !== "production" && (xe.displayName = "DialogPortal");
-const ve = /* @__PURE__ */ s.forwardRef(function(e, n) {
+process.env.NODE_ENV !== "production" && (Pe.displayName = "DialogPortal");
+const xe = /* @__PURE__ */ s.forwardRef(function(e, n) {
   const {
     render: d,
     className: i,
@@ -339,15 +339,15 @@ const ve = /* @__PURE__ */ s.forwardRef(function(e, n) {
   } = e, {
     store: a
   } = N(), o = B(r);
-  return a.useSyncedValueWithCleanup("titleElementId", o), P("h2", e, {
+  return a.useSyncedValueWithCleanup("titleElementId", o), b("h2", e, {
     ref: n,
     props: [{
       id: o
     }, l]
   });
 });
-process.env.NODE_ENV !== "production" && (ve.displayName = "DialogTitle");
-const ye = /* @__PURE__ */ s.forwardRef(function(e, n) {
+process.env.NODE_ENV !== "production" && (xe.displayName = "DialogTitle");
+const ve = /* @__PURE__ */ s.forwardRef(function(e, n) {
   const {
     render: d,
     className: i,
@@ -362,35 +362,35 @@ const ye = /* @__PURE__ */ s.forwardRef(function(e, n) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle." : F(79));
   const m = B(a), g = c.useState("floatingRootContext"), _ = c.useState("isOpenedByTrigger", m), D = s.useRef(null), {
     registerTrigger: h,
-    isMountedByThisTrigger: x
+    isMountedByThisTrigger: P
   } = ne(m, D, c, {
     payload: o
   }), {
-    getButtonProps: v,
+    getButtonProps: x,
     buttonRef: R
   } = G({
     disabled: r,
     native: l
   }), O = A(g, {
     enabled: g != null
-  }), I = K([O]), y = s.useMemo(() => ({
+  }), w = K([O]), v = s.useMemo(() => ({
     disabled: r,
     open: _
-  }), [r, _]), b = c.useState("triggerProps", x);
-  return P("button", e, {
-    state: y,
+  }), [r, _]), I = c.useState("triggerProps", P);
+  return b("button", e, {
+    state: v,
     ref: [R, n, h, D],
-    props: [I.getReferenceProps(), b, {
+    props: [w.getReferenceProps(), I, {
       [_e]: "",
       id: m
-    }, C, v],
+    }, C, x],
     stateAttributesMapping: le
   });
 });
-process.env.NODE_ENV !== "production" && (ye.displayName = "DialogTrigger");
-const Te = "_dialog__backdrop_3490s_2", we = "_dialog__popup_3490s_14", ke = "_dialog__popup_centered_3490s_25", Me = "_dialog__content_3490s_36", Be = "_dialog__content_width_sm_3490s_52", Fe = "_dialog__content_width_md_3490s_56", Ve = "_dialog__content_width_lg_3490s_60", Ue = "_dialog__header_3490s_64", Ke = "_dialog__close_3490s_68", st = {
-  dialog__backdrop: Te,
-  dialog__popup: we,
+process.env.NODE_ENV !== "production" && (ve.displayName = "DialogTrigger");
+const ye = "_dialog__backdrop_1wc77_2", Te = "_dialog__popup_1wc77_14", ke = "_dialog__popup_centered_1wc77_25", Me = "_dialog__content_1wc77_36", Be = "_dialog__content_width_sm_1wc77_52", Fe = "_dialog__content_width_md_1wc77_56", Ve = "_dialog__content_width_lg_1wc77_60", Ue = "_dialog__header_1wc77_64", Ke = "_dialog__close_1wc77_68", st = {
+  dialog__backdrop: ye,
+  dialog__popup: Te,
   dialog__popup_centered: ke,
   dialog__content: Me,
   dialog__content_width_sm: Be,
@@ -403,11 +403,11 @@ export {
   nt as D,
   ot as a,
   L as b,
-  ye as c,
-  xe as d,
+  ve as c,
+  Pe as d,
   Se as e,
-  Pe as f,
-  ve as g,
+  be as f,
+  xe as g,
   Re as h,
   De as i,
   st as s,

package/dist/index.js

@@ -25,7 +25,7 @@ import { PreviewCard as W } from "./components/preview-card/preview-card.js";
 import { RadioGroup as Y } from "./components/radio-group/radio-group.js";
 import { SearchBar as _ } from "./components/search-bar/search-bar.js";
 import { Select as oo } from "./components/select/select.js";
-import { S as eo } from "./separator-fh_wDZNf.js";
+import { S as eo } from "./separator-DgY7BjjO.js";
 import { Slider as po } from "./components/slider/slider.js";
 import { Spinner as xo } from "./components/spinner/spinner.js";
 import { StackedAvatars as ao } from "./components/stacked-avatars/stacked-avatars.js";
@@ -39,7 +39,7 @@ import { useThemeContext as Ao } from "./components/theme-provider/theme-context
 import { Timestamp as Po } from "./components/timestamp/timestamp.js";
 import { Toaster as Mo } from "./components/toaster/toaster.js";
 import { u as Vo } from "./use-toast-manager-Dq-44AuW.js";
-import { T as Do } from "./tooltip-oCp-elli.js";
+import { T as Do } from "./tooltip-BJQPwudf.js";
 import { View as yo } from "./components/view/view.js";
 import { V as No } from "./index-DN9Bn1qm.js";
 export {

package/dist/integrations/react-markdown/index.js

@@ -6,7 +6,7 @@ import { Text as c } from "../../components/text/text.js";
 import { InlineCode as s } from "../../components/inline-code/inline-code.js";
 import { Code as w } from "../../components/code/code.js";
 import { Anchor as k } from "../../components/anchor/anchor.js";
-import { S as u } from "../../separator-fh_wDZNf.js";
+import { S as u } from "../../separator-DgY7BjjO.js";
 import { Heading as m } from "../../components/heading/heading.js";
 import '../../index2.css';const _ = {
   "react-markdown__h1": "_react-markdown__h1_1hq09_6",

package/dist/{separator-fh_wDZNf.js → separator-DgY7BjjO.js}

@@ -4,31 +4,31 @@ import * as n from "react";
 import { u as c } from "./useRenderElement-DngNDu_P.js";
 import './separator.css';const s = /* @__PURE__ */ n.forwardRef(function(r, o) {
   const {
-    className: v,
-    render: z,
+    className: h,
+    render: v,
     orientation: t = "horizontal",
-    ..._
-  } = r, i = n.useMemo(() => ({
+    ...i
+  } = r, _ = n.useMemo(() => ({
     orientation: t
   }), [t]);
   return c("div", r, {
-    state: i,
+    state: _,
     ref: o,
     props: [{
       role: "separator",
       "aria-orientation": t
-    }, _]
+    }, i]
   });
 });
 process.env.NODE_ENV !== "production" && (s.displayName = "Separator");
-const u = "_separator_un424_2", m = "_separator_color_default_un424_9", f = "_separator_color_stronger_un424_13", d = "_separator_orientation_horizontal_un424_17", h = "_separator_orientation_vertical_un424_22", a = {
-  separator: u,
-  separator_color_default: m,
-  separator_color_stronger: f,
+const m = "_separator_iwt0a_2", f = "_separator_color_default_iwt0a_9", u = "_separator_color_stronger_iwt0a_13", d = "_separator_orientation_horizontal_iwt0a_17", w = "_separator_orientation_vertical_iwt0a_22", a = {
+  separator: m,
+  separator_color_default: f,
+  separator_color_stronger: u,
   separator_orientation_horizontal: d,
-  separator_orientation_vertical: h
+  separator_orientation_vertical: w
 };
-function E({ color: e = "default", className: r, ...o }) {
+function x({ color: e = "default", className: r, ...o }) {
   return /* @__PURE__ */ p(
     s,
     {
@@ -43,6 +43,6 @@ function E({ color: e = "default", className: r, ...o }) {
   );
 }
 export {
-  E as S,
+  x as S,
   s as a
 };

package/dist/separator.css

@@ -1 +1 @@
-@layer base{._separator_un424_2{flex-grow:0;flex-shrink:0;outline:none;border:none}._separator_color_default_un424_9{background-color:var(--surface-interactive-border)}._separator_color_stronger_un424_13{background-color:var(--surface-interactive-border-hover)}._separator_orientation_horizontal_un424_17{height:1px;min-height:1px}._separator_orientation_vertical_un424_22{width:1px;min-width:1px}}
+@layer atom{._separator_iwt0a_2{flex-grow:0;flex-shrink:0;outline:none;border:none}._separator_color_default_iwt0a_9{background-color:var(--surface-interactive-border)}._separator_color_stronger_iwt0a_13{background-color:var(--surface-interactive-border-hover)}._separator_orientation_horizontal_iwt0a_17{height:1px;min-height:1px}._separator_orientation_vertical_iwt0a_22{width:1px;min-width:1px}}

package/dist/styles/core.css

@@ -1 +1 @@
-@layer reset,theme,base,components,utilities;@layer reset{*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}}@layer theme{[data-theme=light] code[class*=language-],[data-theme=light] pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}[data-theme=light] pre[class*=language-]::-moz-selection,[data-theme=light] pre[class*=language-] ::-moz-selection,[data-theme=light] code[class*=language-]::-moz-selection,[data-theme=light] code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}[data-theme=light] pre[class*=language-]::selection,[data-theme=light] pre[class*=language-] ::selection,[data-theme=light] code[class*=language-]::selection,[data-theme=light] code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{[data-theme=light] code[class*=language-],[data-theme=light] pre[class*=language-]{text-shadow:none}}[data-theme=light] pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}[data-theme=light] :not(pre)>code[class*=language-],[data-theme=light] pre[class*=language-]{background:#f5f2f0}[data-theme=light] :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}[data-theme=light] .token.comment,[data-theme=light] .token.prolog,[data-theme=light] .token.doctype,[data-theme=light] .token.cdata{color:#708090}[data-theme=light] .token.punctuation{color:#999}[data-theme=light] .token.namespace{opacity:.7}[data-theme=light] .token.property,[data-theme=light] .token.tag,[data-theme=light] .token.boolean,[data-theme=light] .token.number,[data-theme=light] .token.constant,[data-theme=light] .token.symbol,[data-theme=light] .token.deleted{color:#905}[data-theme=light] .token.selector,[data-theme=light] .token.attr-name,[data-theme=light] .token.string,[data-theme=light] .token.char,[data-theme=light] .token.builtin,[data-theme=light] .token.inserted{color:#690}[data-theme=light] .token.operator,[data-theme=light] .token.entity,[data-theme=light] .token.url,[data-theme=light] .language-css .token.string,[data-theme=light] .style .token.string{color:#9a6e3a;background:#ffffff80}[data-theme=light] .token.atrule,[data-theme=light] .token.attr-value,[data-theme=light] .token.keyword{color:#07a}[data-theme=light] .token.function,[data-theme=light] .token.class-name{color:#dd4a68}[data-theme=light] .token.regex,[data-theme=light] .token.important,[data-theme=light] .token.variable{color:#e90}[data-theme=light] .token.important,[data-theme=light] .token.bold{font-weight:700}[data-theme=light] .token.italic{font-style:italic}[data-theme=light] .token.entity{cursor:help}[data-theme=light]{--shadow-1: 0px 4px 8px 0px rgba(2, 2, 3, .1);--shadow-2: 0px 8px 16px 0px rgba(2, 2, 3, .15);--shadow-3: 0px 16px 32px 0px rgba(2, 2, 3, .2);--background-root: #ebeced;--background-default: #fcfcfc;--background-higher: #f0f1f2;--background-highest: #e4e5e6;--background-overlay: #f0f1f2a0;--foreground-default: #07080a;--foreground-dimmer: #3d4047;--foreground-dimmest: #5c5f66;--outline-dimmest: #d2d4d6;--outline-dimmer: #c0c3c4;--outline-default: #afb1b3;--outline-stronger: #98999c;--outline-strongest: #74767a;--red-dimmest: #ffc7c7;--red-dimmer: #ff9494;--red-default: #fa4b4b;--red-stronger: #c20a0a;--red-strongest: #8a0000;--orange-dimmest: #ffcc99;--orange-dimmer: #ff9933;--orange-default: #d96d00;--orange-stronger: #964b00;--orange-strongest: #693400;--yellow-dimmest: #ebd66e;--yellow-dimmer: #cfb015;--yellow-default: #a68a00;--yellow-stronger: #736000;--yellow-strongest: #4f4200;--lime-dimmest: #c0e378;--lime-dimmer: #93c926;--lime-default: #639400;--lime-stronger: #466900;--lime-strongest: #3a5700;--green-dimmest: #7aeb8d;--green-dimmer: #3cc954;--green-default: #00a11b;--green-stronger: #036e15;--green-strongest: #004d0d;--teal-dimmest: #6fe5fc;--teal-dimmer: #22c1e0;--teal-default: #0093b0;--teal-stronger: #00687d;--teal-strongest: #004857;--blue-dimmest: #b2d9ff;--blue-dimmer: #6bb5ff;--blue-default: #0f87ff;--blue-stronger: #005cb8;--blue-strongest: #004182;--blurple-dimmest: #d7cfff;--blurple-dimmer: #b2a3ff;--blurple-default: #8e78ff;--blurple-stronger: #5b40e3;--blurple-strongest: #412f9c;--purple-dimmest: #e6ccff;--purple-dimmer: #d0a1ff;--purple-default: #b266ff;--purple-stronger: #7f38c7;--purple-strongest: #5b278f;--magenta-dimmest: #ffbfff;--magenta-dimmer: #ff82ff;--magenta-default: #eb3beb;--magenta-stronger: #a321a3;--magenta-strongest: #731c73;--pink-dimmest: #ffc7ec;--pink-dimmer: #ff87d7;--pink-default: #f545ba;--pink-stronger: #ab2980;--pink-strongest: #781e5a;--grey-dimmest: #d5d5d5;--grey-dimmer: #b0b0b0;--grey-default: #898989;--grey-stronger: #616161;--grey-strongest: #454545;--brown-dimmest: #ffc9ab;--brown-dimmer: #dea483;--brown-default: #b07f63;--brown-stronger: #805740;--brown-strongest: #573e30}}@layer theme{[data-theme=dark] code[class*=language-],[data-theme=dark] pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}[data-theme=dark] pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}[data-theme=dark] :not(pre)>code[class*=language-],[data-theme=dark] pre[class*=language-]{background:#2d2d2d}[data-theme=dark] :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}[data-theme=dark] .token.comment,[data-theme=dark] .token.block-comment,[data-theme=dark] .token.prolog,[data-theme=dark] .token.doctype,[data-theme=dark] .token.cdata{color:#999}[data-theme=dark] .token.punctuation{color:#ccc}[data-theme=dark] .token.tag,[data-theme=dark] .token.attr-name,[data-theme=dark] .token.namespace,[data-theme=dark] .token.deleted{color:#e2777a}[data-theme=dark] .token.function-name{color:#6196cc}[data-theme=dark] .token.boolean,[data-theme=dark] .token.number,[data-theme=dark] .token.function{color:#f08d49}[data-theme=dark] .token.property,[data-theme=dark] .token.class-name,[data-theme=dark] .token.constant,[data-theme=dark] .token.symbol{color:#f8c555}[data-theme=dark] .token.selector,[data-theme=dark] .token.important,[data-theme=dark] .token.atrule,[data-theme=dark] .token.keyword,[data-theme=dark] .token.builtin{color:#cc99cd}[data-theme=dark] .token.string,[data-theme=dark] .token.char,[data-theme=dark] .token.attr-value,[data-theme=dark] .token.regex,[data-theme=dark] .token.variable{color:#7ec699}[data-theme=dark] .token.operator,[data-theme=dark] .token.entity,[data-theme=dark] .token.url{color:#67cdcc}[data-theme=dark] .token.important,[data-theme=dark] .token.bold{font-weight:700}[data-theme=dark] .token.italic{font-style:italic}[data-theme=dark] .token.entity{cursor:help}[data-theme=dark] .token.inserted{color:green}[data-theme=dark]{--shadow-1: 0px 4px 8px 0px rgba(2, 2, 3, .16);--shadow-2: 0px 8px 16px 0px rgba(2, 2, 3, .32);--shadow-3: 0px 16px 32px 0px rgba(2, 2, 3, .48);--background-root: #0e1525;--background-default: #1c2333;--background-higher: #2b3245;--background-highest: #3c445c;--background-overlay: #0e1525a0;--foreground-default: #f5f9fc;--foreground-dimmer: #c2c8cc;--foreground-dimmest: #9da2a6;--outline-dimmest: #2b3245;--outline-dimmer: #3c445c;--outline-default: #4e5569;--outline-stronger: #5f677a;--outline-strongest: #70788c;--red-dimmest: #660000;--red-dimmer: #a60808;--red-default: #e52222;--red-stronger: #ff6666;--red-strongest: #ffcfcf;--orange-dimmest: #542a00;--orange-dimmer: #703800;--orange-default: #ad5700;--orange-stronger: #d4781c;--orange-strongest: #ffbd7a;--yellow-dimmest: #4d4000;--yellow-dimmer: #635300;--yellow-default: #967d00;--yellow-stronger: #bfa730;--yellow-strongest: #f2e088;--lime-dimmest: #314a00;--lime-dimmer: #3d5c00;--lime-default: #5a8700;--lime-stronger: #87b825;--lime-strongest: #c4e581;--green-dimmest: #044a10;--green-dimmer: #046113;--green-default: #009118;--green-stronger: #6cd97e;--green-strongest: #7aeb8d;--teal-dimmest: #004452;--teal-dimmer: #006073;--teal-default: #0093b0;--teal-stronger: #27b9d6;--teal-strongest: #69d9f0;--blue-dimmest: #004182;--blue-dimmer: #0053a6;--blue-default: #0079f2;--blue-stronger: #57abff;--blue-strongest: #b2d9ff;--blurple-dimmest: #39298a;--blurple-dimmer: #5239cc;--blurple-default: #795eff;--blurple-stronger: #a694ff;--blurple-strongest: #cec4ff;--purple-dimmest: #582987;--purple-dimmer: #7633b8;--purple-default: #a64dff;--purple-stronger: #c78fff;--purple-strongest: #e2c4ff;--magenta-dimmest: #6b1a6b;--magenta-dimmer: #8a218a;--magenta-default: #c73ac7;--magenta-stronger: #f562f5;--magenta-strongest: #ffbfff;--pink-dimmest: #6e1b52;--pink-dimmer: #8f226b;--pink-default: #d4359f;--pink-stronger: #ff70cf;--pink-strongest: #ffbae8;--grey-dimmest: #404040;--grey-dimmer: #545454;--grey-default: #808080;--grey-stronger: #a6a6a6;--grey-strongest: #d4d4d4;--brown-dimmest: #594031;--brown-dimmer: #75503b;--brown-default: #a3765c;--brown-stronger: #d49877;--brown-strongest: #ffc8a8}}@layer reset{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;border:0 solid;padding:0}}@layer theme{:root{--black: #0e1525;--white: #fcfcfc;--shadow-default: var(--shadow-1);--border-radius-1: 1px;--border-radius-2: 2px;--border-radius-4: 4px;--border-radius-6: 6px;--border-radius-8: 8px;--border-radius-12: 12px;--border-radius-16: 16px;--border-radius-default: var(--border-radius-8);--border-radius-round: 1028px;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-128: 128px;--space-256: 256px;--space-default: var(--space-8);--font-family-default: "IBM Plex Sans", sans-serif;--font-family-code: "IBM Plex Mono", monospace;--font-size-small: 12px;--font-size-default: 14px;--font-size-subhead-default: 16px;--font-size-subhead-big: 20px;--font-size-header-default: 24px;--font-size-header-big: 32px;--line-height-small: 1.5;--line-height-default: 1.6;--line-height-subhead-default: 1.375;--line-height-subhead-big: 1.4;--line-height-header-default: 1.333;--line-height-header-big: 1.25;--line-height-input: 22px;--line-height-single: 1;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--transition-duration-snappy: .12s;--transition-timing-function-snappy: ease-out;--transition-duration-chill: .3s;--transition-timing-function-chill: ease-in-out;--border-width-default: 1px}[data-theme]{--shadow-focus: inset 0 0 0 1.5px var(--primary-default);--primary-dimmest: var(--blue-dimmest);--primary-dimmer: var(--blue-dimmer);--primary-default: var(--blue-default);--primary-stronger: var(--blue-stronger);--primary-strongest: var(--blue-strongest);--positive-dimmest: var(--green-dimmest);--positive-dimmer: var(--green-dimmer);--positive-default: var(--green-default);--positive-stronger: var(--green-stronger);--positive-strongest: var(--green-strongest);--negative-dimmest: var(--red-dimmest);--negative-dimmer: var(--red-dimmer);--negative-default: var(--red-default);--negative-stronger: var(--red-stronger);--negative-strongest: var(--red-strongest);--warning-dimmest: var(--yellow-dimmest);--warning-dimmer: var(--yellow-dimmer);--warning-default: var(--yellow-default);--warning-stronger: var(--yellow-stronger);--warning-strongest: var(--yellow-strongest);--view-colorway-dimmest: var(--primary-dimmest);--view-colorway-dimmer: var(--primary-dimmer);--view-colorway-default: var(--primary-default);--view-colorway-stronger: var(--primary-stronger);--view-colorway-strongest: var(--primary-strongest);--surface-background: var(--background-root);--surface-interactive-background: var(--background-default);--surface-interactive-background-active: var(--background-higher);--surface-interactive-border: var(--outline-dimmest);--surface-interactive-border-hover: var(--outline-default)}}@layer base{body{position:relative;overflow-x:hidden;font-size:var(--font-size-default);line-height:var(--line-height-default);font-family:var(--font-family-default)}.root{isolation:isolate}[data-theme]{background-color:var(--background-root);color:var(--foreground-default)}}
+@layer normalize,theme,base,atom,components;@layer normalize{*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}}@layer theme{[data-theme=light] code[class*=language-],[data-theme=light] pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}[data-theme=light] pre[class*=language-]::-moz-selection,[data-theme=light] pre[class*=language-] ::-moz-selection,[data-theme=light] code[class*=language-]::-moz-selection,[data-theme=light] code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}[data-theme=light] pre[class*=language-]::selection,[data-theme=light] pre[class*=language-] ::selection,[data-theme=light] code[class*=language-]::selection,[data-theme=light] code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{[data-theme=light] code[class*=language-],[data-theme=light] pre[class*=language-]{text-shadow:none}}[data-theme=light] pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}[data-theme=light] :not(pre)>code[class*=language-],[data-theme=light] pre[class*=language-]{background:#f5f2f0}[data-theme=light] :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}[data-theme=light] .token.comment,[data-theme=light] .token.prolog,[data-theme=light] .token.doctype,[data-theme=light] .token.cdata{color:#708090}[data-theme=light] .token.punctuation{color:#999}[data-theme=light] .token.namespace{opacity:.7}[data-theme=light] .token.property,[data-theme=light] .token.tag,[data-theme=light] .token.boolean,[data-theme=light] .token.number,[data-theme=light] .token.constant,[data-theme=light] .token.symbol,[data-theme=light] .token.deleted{color:#905}[data-theme=light] .token.selector,[data-theme=light] .token.attr-name,[data-theme=light] .token.string,[data-theme=light] .token.char,[data-theme=light] .token.builtin,[data-theme=light] .token.inserted{color:#690}[data-theme=light] .token.operator,[data-theme=light] .token.entity,[data-theme=light] .token.url,[data-theme=light] .language-css .token.string,[data-theme=light] .style .token.string{color:#9a6e3a;background:#ffffff80}[data-theme=light] .token.atrule,[data-theme=light] .token.attr-value,[data-theme=light] .token.keyword{color:#07a}[data-theme=light] .token.function,[data-theme=light] .token.class-name{color:#dd4a68}[data-theme=light] .token.regex,[data-theme=light] .token.important,[data-theme=light] .token.variable{color:#e90}[data-theme=light] .token.important,[data-theme=light] .token.bold{font-weight:700}[data-theme=light] .token.italic{font-style:italic}[data-theme=light] .token.entity{cursor:help}[data-theme=light]{--shadow-1: 0px 4px 8px 0px rgba(2, 2, 3, .1);--shadow-2: 0px 8px 16px 0px rgba(2, 2, 3, .15);--shadow-3: 0px 16px 32px 0px rgba(2, 2, 3, .2);--background-root: #ebeced;--background-default: #fcfcfc;--background-higher: #f0f1f2;--background-highest: #e4e5e6;--background-overlay: #f0f1f2a0;--foreground-default: #07080a;--foreground-dimmer: #3d4047;--foreground-dimmest: #5c5f66;--outline-dimmest: #d2d4d6;--outline-dimmer: #c0c3c4;--outline-default: #afb1b3;--outline-stronger: #98999c;--outline-strongest: #74767a;--red-dimmest: #ffc7c7;--red-dimmer: #ff9494;--red-default: #fa4b4b;--red-stronger: #c20a0a;--red-strongest: #8a0000;--orange-dimmest: #ffcc99;--orange-dimmer: #ff9933;--orange-default: #d96d00;--orange-stronger: #964b00;--orange-strongest: #693400;--yellow-dimmest: #ebd66e;--yellow-dimmer: #cfb015;--yellow-default: #a68a00;--yellow-stronger: #736000;--yellow-strongest: #4f4200;--lime-dimmest: #c0e378;--lime-dimmer: #93c926;--lime-default: #639400;--lime-stronger: #466900;--lime-strongest: #3a5700;--green-dimmest: #7aeb8d;--green-dimmer: #3cc954;--green-default: #00a11b;--green-stronger: #036e15;--green-strongest: #004d0d;--teal-dimmest: #6fe5fc;--teal-dimmer: #22c1e0;--teal-default: #0093b0;--teal-stronger: #00687d;--teal-strongest: #004857;--blue-dimmest: #b2d9ff;--blue-dimmer: #6bb5ff;--blue-default: #0f87ff;--blue-stronger: #005cb8;--blue-strongest: #004182;--blurple-dimmest: #d7cfff;--blurple-dimmer: #b2a3ff;--blurple-default: #8e78ff;--blurple-stronger: #5b40e3;--blurple-strongest: #412f9c;--purple-dimmest: #e6ccff;--purple-dimmer: #d0a1ff;--purple-default: #b266ff;--purple-stronger: #7f38c7;--purple-strongest: #5b278f;--magenta-dimmest: #ffbfff;--magenta-dimmer: #ff82ff;--magenta-default: #eb3beb;--magenta-stronger: #a321a3;--magenta-strongest: #731c73;--pink-dimmest: #ffc7ec;--pink-dimmer: #ff87d7;--pink-default: #f545ba;--pink-stronger: #ab2980;--pink-strongest: #781e5a;--grey-dimmest: #d5d5d5;--grey-dimmer: #b0b0b0;--grey-default: #898989;--grey-stronger: #616161;--grey-strongest: #454545;--brown-dimmest: #ffc9ab;--brown-dimmer: #dea483;--brown-default: #b07f63;--brown-stronger: #805740;--brown-strongest: #573e30}}@layer theme{[data-theme=dark] code[class*=language-],[data-theme=dark] pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}[data-theme=dark] pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}[data-theme=dark] :not(pre)>code[class*=language-],[data-theme=dark] pre[class*=language-]{background:#2d2d2d}[data-theme=dark] :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}[data-theme=dark] .token.comment,[data-theme=dark] .token.block-comment,[data-theme=dark] .token.prolog,[data-theme=dark] .token.doctype,[data-theme=dark] .token.cdata{color:#999}[data-theme=dark] .token.punctuation{color:#ccc}[data-theme=dark] .token.tag,[data-theme=dark] .token.attr-name,[data-theme=dark] .token.namespace,[data-theme=dark] .token.deleted{color:#e2777a}[data-theme=dark] .token.function-name{color:#6196cc}[data-theme=dark] .token.boolean,[data-theme=dark] .token.number,[data-theme=dark] .token.function{color:#f08d49}[data-theme=dark] .token.property,[data-theme=dark] .token.class-name,[data-theme=dark] .token.constant,[data-theme=dark] .token.symbol{color:#f8c555}[data-theme=dark] .token.selector,[data-theme=dark] .token.important,[data-theme=dark] .token.atrule,[data-theme=dark] .token.keyword,[data-theme=dark] .token.builtin{color:#cc99cd}[data-theme=dark] .token.string,[data-theme=dark] .token.char,[data-theme=dark] .token.attr-value,[data-theme=dark] .token.regex,[data-theme=dark] .token.variable{color:#7ec699}[data-theme=dark] .token.operator,[data-theme=dark] .token.entity,[data-theme=dark] .token.url{color:#67cdcc}[data-theme=dark] .token.important,[data-theme=dark] .token.bold{font-weight:700}[data-theme=dark] .token.italic{font-style:italic}[data-theme=dark] .token.entity{cursor:help}[data-theme=dark] .token.inserted{color:green}[data-theme=dark]{--shadow-1: 0px 4px 8px 0px rgba(2, 2, 3, .16);--shadow-2: 0px 8px 16px 0px rgba(2, 2, 3, .32);--shadow-3: 0px 16px 32px 0px rgba(2, 2, 3, .48);--background-root: #0e1525;--background-default: #1c2333;--background-higher: #2b3245;--background-highest: #3c445c;--background-overlay: #0e1525a0;--foreground-default: #f5f9fc;--foreground-dimmer: #c2c8cc;--foreground-dimmest: #9da2a6;--outline-dimmest: #2b3245;--outline-dimmer: #3c445c;--outline-default: #4e5569;--outline-stronger: #5f677a;--outline-strongest: #70788c;--red-dimmest: #660000;--red-dimmer: #a60808;--red-default: #e52222;--red-stronger: #ff6666;--red-strongest: #ffcfcf;--orange-dimmest: #542a00;--orange-dimmer: #703800;--orange-default: #ad5700;--orange-stronger: #d4781c;--orange-strongest: #ffbd7a;--yellow-dimmest: #4d4000;--yellow-dimmer: #635300;--yellow-default: #967d00;--yellow-stronger: #bfa730;--yellow-strongest: #f2e088;--lime-dimmest: #314a00;--lime-dimmer: #3d5c00;--lime-default: #5a8700;--lime-stronger: #87b825;--lime-strongest: #c4e581;--green-dimmest: #044a10;--green-dimmer: #046113;--green-default: #009118;--green-stronger: #6cd97e;--green-strongest: #7aeb8d;--teal-dimmest: #004452;--teal-dimmer: #006073;--teal-default: #0093b0;--teal-stronger: #27b9d6;--teal-strongest: #69d9f0;--blue-dimmest: #004182;--blue-dimmer: #0053a6;--blue-default: #0079f2;--blue-stronger: #57abff;--blue-strongest: #b2d9ff;--blurple-dimmest: #39298a;--blurple-dimmer: #5239cc;--blurple-default: #795eff;--blurple-stronger: #a694ff;--blurple-strongest: #cec4ff;--purple-dimmest: #582987;--purple-dimmer: #7633b8;--purple-default: #a64dff;--purple-stronger: #c78fff;--purple-strongest: #e2c4ff;--magenta-dimmest: #6b1a6b;--magenta-dimmer: #8a218a;--magenta-default: #c73ac7;--magenta-stronger: #f562f5;--magenta-strongest: #ffbfff;--pink-dimmest: #6e1b52;--pink-dimmer: #8f226b;--pink-default: #d4359f;--pink-stronger: #ff70cf;--pink-strongest: #ffbae8;--grey-dimmest: #404040;--grey-dimmer: #545454;--grey-default: #808080;--grey-stronger: #a6a6a6;--grey-strongest: #d4d4d4;--brown-dimmest: #594031;--brown-dimmer: #75503b;--brown-default: #a3765c;--brown-stronger: #d49877;--brown-strongest: #ffc8a8}}@layer normalize{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;border:0 solid;padding:0}}@layer theme{:root{--black: #0e1525;--white: #fcfcfc;--shadow-default: var(--shadow-1);--border-radius-1: 1px;--border-radius-2: 2px;--border-radius-4: 4px;--border-radius-6: 6px;--border-radius-8: 8px;--border-radius-12: 12px;--border-radius-16: 16px;--border-radius-default: var(--border-radius-8);--border-radius-round: 1028px;--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-80: 80px;--space-96: 96px;--space-128: 128px;--space-256: 256px;--space-default: var(--space-8);--font-family-default: "IBM Plex Sans", sans-serif;--font-family-code: "IBM Plex Mono", monospace;--font-size-small: 12px;--font-size-default: 14px;--font-size-subhead-default: 16px;--font-size-subhead-big: 20px;--font-size-header-default: 24px;--font-size-header-big: 32px;--line-height-small: 1.5;--line-height-default: 1.6;--line-height-subhead-default: 1.375;--line-height-subhead-big: 1.4;--line-height-header-default: 1.333;--line-height-header-big: 1.25;--line-height-input: 22px;--line-height-single: 1;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--transition-duration-snappy: .12s;--transition-timing-function-snappy: ease-out;--transition-duration-chill: .3s;--transition-timing-function-chill: ease-in-out;--border-width-default: 1px}[data-theme]{--shadow-focus: inset 0 0 0 1.5px var(--primary-default);--primary-dimmest: var(--blue-dimmest);--primary-dimmer: var(--blue-dimmer);--primary-default: var(--blue-default);--primary-stronger: var(--blue-stronger);--primary-strongest: var(--blue-strongest);--positive-dimmest: var(--green-dimmest);--positive-dimmer: var(--green-dimmer);--positive-default: var(--green-default);--positive-stronger: var(--green-stronger);--positive-strongest: var(--green-strongest);--negative-dimmest: var(--red-dimmest);--negative-dimmer: var(--red-dimmer);--negative-default: var(--red-default);--negative-stronger: var(--red-stronger);--negative-strongest: var(--red-strongest);--warning-dimmest: var(--yellow-dimmest);--warning-dimmer: var(--yellow-dimmer);--warning-default: var(--yellow-default);--warning-stronger: var(--yellow-stronger);--warning-strongest: var(--yellow-strongest);--view-colorway-dimmest: var(--primary-dimmest);--view-colorway-dimmer: var(--primary-dimmer);--view-colorway-default: var(--primary-default);--view-colorway-stronger: var(--primary-stronger);--view-colorway-strongest: var(--primary-strongest);--surface-background: var(--background-root);--surface-interactive-background: var(--background-default);--surface-interactive-background-active: var(--background-higher);--surface-interactive-border: var(--outline-dimmest);--surface-interactive-border-hover: var(--outline-default)}}@layer atom{body{position:relative;overflow-x:hidden;font-size:var(--font-size-default);line-height:var(--line-height-default);font-family:var(--font-family-default)}.root{isolation:isolate}[data-theme]{background-color:var(--background-root);color:var(--foreground-default)}}

package/dist/surface.css

@@ -1 +1 @@
-@layer base{._surface_38ylh_2{background-color:var(--surface-background)}._surface--root_38ylh_6{--surface-background: var(--background-root);--surface-interactive-background: var(--background-default);--surface-interactive-background-active: var(--background-higher);--surface-interactive-border: var(--outline-dimmest);--surface-interactive-border-hover: var(--outline-default)}._surface--default_38ylh_14{--surface-background: var(--background-default);--surface-interactive-background: var(--background-higher);--surface-interactive-background-active: var(--background-highest);--surface-interactive-border: var(--outline-dimmer);--surface-interactive-border-hover: var(--outline-stronger)}._surface--higher_38ylh_22{--surface-background: var(--background-higher);--surface-interactive-background: var(--background-highest);--surface-interactive-background-active: var(--background-default);--surface-interactive-border: var(--outline-default);--surface-interactive-border-hover: var(--outline-strongest)}._surface--highest_38ylh_30{--surface-background: var(--background-highest);--surface-interactive-background: var(--background-higher);--surface-interactive-background-active: var(--background-default);--surface-interactive-border: var(--outline-stronger);--surface-interactive-border-hover: var(--outline-strongest)}}
+@layer atom{._surface_1ju4v_2{background-color:var(--surface-background)}._surface--root_1ju4v_6{--surface-background: var(--background-root);--surface-interactive-background: var(--background-default);--surface-interactive-background-active: var(--background-higher);--surface-interactive-border: var(--outline-dimmest);--surface-interactive-border-hover: var(--outline-default)}._surface--default_1ju4v_14{--surface-background: var(--background-default);--surface-interactive-background: var(--background-higher);--surface-interactive-background-active: var(--background-highest);--surface-interactive-border: var(--outline-dimmer);--surface-interactive-border-hover: var(--outline-stronger)}._surface--higher_1ju4v_22{--surface-background: var(--background-higher);--surface-interactive-background: var(--background-highest);--surface-interactive-background-active: var(--background-default);--surface-interactive-border: var(--outline-default);--surface-interactive-border-hover: var(--outline-strongest)}._surface--highest_1ju4v_30{--surface-background: var(--background-highest);--surface-interactive-background: var(--background-higher);--surface-interactive-background-active: var(--background-default);--surface-interactive-border: var(--outline-stronger);--surface-interactive-border-hover: var(--outline-strongest)}}

package/dist/text.css

@@ -1 +1 @@
-@layer base{._text_9ru3m_2{display:inline;vertical-align:middle;overflow:hidden;overflow-wrap:break-word}._text_clip-line_9ru3m_9{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}._text_clamp-lines_9ru3m_16{display:-webkit-box;line-clamp:var(--ui-text-max-lines);-webkit-line-clamp:var(--ui-text-max-lines);-webkit-box-orient:vertical;visibility:visible;white-space:break-spaces}._text_color_inherit_9ru3m_26{color:inherit}._text_color_default_9ru3m_30{color:var(--foreground-default)}._text_color_dimmer_9ru3m_34{color:var(--foreground-dimmer)}._text_color_dimmest_9ru3m_38{color:var(--foreground-dimmest)}._text_size_sm_9ru3m_43{font-weight:var(--font-weight-regular);font-size:var(--font-size-small);line-height:var(--line-height-small)}._text_size_md_9ru3m_49{font-weight:var(--font-weight-regular);font-size:var(--font-size-default);line-height:var(--line-height-default)}._text_size_lg_9ru3m_55{font-weight:var(--font-weight-medium);font-size:var(--font-size-subhead-default);line-height:var(--line-height-subhead-default)}._text_size_xl_9ru3m_61{font-weight:var(--font-weight-medium);font-size:var(--font-size-subhead-big);line-height:var(--line-height-subhead-big)}._text_size_2xl_9ru3m_67{font-weight:var(--font-weight-medium);font-size:var(--font-size-header-default);line-height:var(--line-height-header-default)}._text_size_3xl_9ru3m_73{font-weight:var(--font-weight-medium);font-size:var(--font-size-header-big);line-height:var(--line-height-header-big)}}
+@layer atom{._text_b8h0u_2{display:inline;vertical-align:middle;overflow:hidden;overflow-wrap:break-word}._text_clip-line_b8h0u_9{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap}._text_clamp-lines_b8h0u_16{display:-webkit-box;line-clamp:var(--ui-text-max-lines);-webkit-line-clamp:var(--ui-text-max-lines);-webkit-box-orient:vertical;visibility:visible;white-space:break-spaces}._text_color_inherit_b8h0u_26{color:inherit}._text_color_default_b8h0u_30{color:var(--foreground-default)}._text_color_dimmer_b8h0u_34{color:var(--foreground-dimmer)}._text_color_dimmest_b8h0u_38{color:var(--foreground-dimmest)}._text_size_sm_b8h0u_43{font-weight:var(--font-weight-regular);font-size:var(--font-size-small);line-height:var(--line-height-small)}._text_size_md_b8h0u_49{font-weight:var(--font-weight-regular);font-size:var(--font-size-default);line-height:var(--line-height-default)}._text_size_lg_b8h0u_55{font-weight:var(--font-weight-medium);font-size:var(--font-size-subhead-default);line-height:var(--line-height-subhead-default)}._text_size_xl_b8h0u_61{font-weight:var(--font-weight-medium);font-size:var(--font-size-subhead-big);line-height:var(--line-height-subhead-big)}._text_size_2xl_b8h0u_67{font-weight:var(--font-weight-medium);font-size:var(--font-size-header-default);line-height:var(--line-height-header-default)}._text_size_3xl_b8h0u_73{font-weight:var(--font-weight-medium);font-size:var(--font-size-header-big);line-height:var(--line-height-header-big)}}