@elmethis/qwik 1.0.0-alpha.25 → 1.0.0-alpha.27

package/lib/index.qwik.cjs

@@ -30,11 +30,11 @@ const v0_9 = require("@a2ui/web_core/v0_9");
 const basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
 const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
 const katex = require("katex");
+const core = require("@elmethis/core");
 const js = require("@mdi/js");
 const shiki = require("shiki");
 const ikumaDark = require("@46ki75/ikuma-theme/dark");
 const ikumaLight = require("@46ki75/ikuma-theme/light");
-const core = require("@elmethis/core");
 const client = require("@ag-ui/client");
 const core$2 = require("@ag-ui/core");
 const marked = require("marked");
@@ -44,7 +44,7 @@ const autoAnimate = require("@formkit/auto-animate");
 const esToolkit = require("es-toolkit");
 const tab = "_tab_1fco0_14";
 const active$3 = "_active_1fco0_37";
-const styles$T = {
+const styles$R = {
   "elm-tabs": "_elm-tabs_1fco0_1",
   "tab-container": "_tab-container_1fco0_14",
   tab,
@@ -54,18 +54,18 @@ const styles$T = {
 };
 const row$2 = "_row_12wiu_5";
 const open$1 = "_open_12wiu_11";
-const column$2 = "_column_12wiu_16";
+const column$1 = "_column_12wiu_16";
 const both = "_both_12wiu_27";
 const inner = "_inner_12wiu_44";
-const styles$S = {
+const styles$Q = {
   "elm-collapse": "_elm-collapse_12wiu_1",
   row: row$2,
   open: open$1,
-  column: column$2,
+  column: column$1,
   both,
   inner
 };
-const _hf0$S = (p0) => ({
+const _hf0$A = (p0) => ({
   "--elmethis-scoped-transition-timing-function": p0.transitionTimingFunction ?? "ease-in-out"
 });
 const ElmCollapse = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
@@ -77,28 +77,28 @@ const ElmCollapse = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$S["elm-collapse"],
+      styles$Q["elm-collapse"],
       {
-        [styles$S["open"]]: _rawProps.isOpen,
-        [styles$S["row"]]: (_rawProps.direction ?? "row") === "row",
-        [styles$S["column"]]: (_rawProps.direction ?? "row") === "column",
-        [styles$S["both"]]: (_rawProps.direction ?? "row") === "both"
+        [styles$Q["open"]]: _rawProps.isOpen,
+        [styles$Q["row"]]: (_rawProps.direction ?? "row") === "row",
+        [styles$Q["column"]]: (_rawProps.direction ?? "row") === "column",
+        [styles$Q["both"]]: (_rawProps.direction ?? "row") === "both"
       },
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$S, [
+    style: core$1._fnSignal(_hf0$A, [
       _rawProps
     ]),
     ...core$1._getVarProps(props)
   }, core$1._getConstProps(props), /* @__PURE__ */ core$1._jsxSorted("div", null, {
-    class: styles$S["inner"]
+    class: styles$Q["inner"]
   }, /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "iE_0"), 1, null), 0, "iE_1");
 }, "ElmCollapse_component_P0XF5bWlJxw"));
 function useBindableSignal({ signal, defaultValue }) {
   const internal = core$1.useSignal(defaultValue);
   return signal ?? internal;
 }
-const _hf0$R = (p0, p1) => p0.selectedValue.value === p1.value;
+const _hf0$z = (p0, p1) => p0.selectedValue.value === p1.value;
 const ElmTabsContext = core$1.createContextId("elmethis.tabs");
 const ElmTabs = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
   const rest = core$1._restProps(props, [
@@ -117,7 +117,7 @@ const ElmTabs = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlin
   });
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$T["elm-tabs"],
+      styles$R["elm-tabs"],
       props.class
     ],
     ...core$1._getVarProps(rest)
@@ -129,7 +129,7 @@ const ElmTabList = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$T["tab-container"],
+      styles$R["tab-container"],
       _rawProps.class
     ],
     ...core$1._getVarProps(rest)
@@ -150,9 +150,9 @@ const ElmTab = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inline
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$T["tab"],
+      styles$R["tab"],
       {
-        [styles$T["active"]]: ctx.selectedValue.value === props.value
+        [styles$R["active"]]: ctx.selectedValue.value === props.value
       },
       props.class
     ],
@@ -168,19 +168,19 @@ const ElmTabPanel = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   const ctx = core$1.useContext(ElmTabsContext);
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$T["tab-content"],
+      styles$R["tab-content"],
       props.class
     ],
     ...core$1._getVarProps(rest)
   }, core$1._getConstProps(rest), /* @__PURE__ */ core$1._jsxSorted(ElmCollapse, null, {
     direction: "row",
-    isOpen: core$1._fnSignal(_hf0$R, [
+    isOpen: core$1._fnSignal(_hf0$z, [
       ctx,
       props
     ]),
     transitionTimingFunction: core$1._wrapProp(ctx, "transitionTimingFunction")
   }, /* @__PURE__ */ core$1._jsxSorted("div", null, {
-    class: styles$T["tab-content-inner"]
+    class: styles$R["tab-content-inner"]
   }, /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "lK_6"), 1, null), 1, "lK_7"), 0, "lK_8");
 }, "ElmTabPanel_component_4GhH207NkRY"));
 const h1 = "_h1_9vw8y_13";
@@ -189,7 +189,7 @@ const h3 = "_h3_9vw8y_72";
 const h4 = "_h4_9vw8y_87";
 const h5 = "_h5_9vw8y_91";
 const h6 = "_h6_9vw8y_95";
-const styles$R = {
+const styles$P = {
   "elm-heading": "_elm-heading_9vw8y_1",
   h1,
   h2,
@@ -203,7 +203,7 @@ const text$2 = "_text_zme4t_1";
 const textStyles = {
   text: text$2
 };
-const styles$Q = {
+const styles$O = {
   "elm-fragment-identifier": "_elm-fragment-identifier_xb2v4_1"
 };
 const ElmFragmentIdentifier = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
@@ -224,7 +224,7 @@ const ElmFragmentIdentifier = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ *
   }, "ElmFragmentIdentifier_component_handleHashClick_0I1su3qeCsY");
   return /* @__PURE__ */ core$1._jsxSplit("span", {
     class: [
-      styles$Q["elm-fragment-identifier"],
+      styles$O["elm-fragment-identifier"],
       _rawProps.class
     ],
     "q-e:click": /* @__PURE__ */ core$1.inlinedQrl((_, _1, _rawProps2, handleHashClick2) => handleHashClick2(_rawProps2.id), "ElmFragmentIdentifier_component_span_q_e_click_acZZ1kAS1Ek"),
@@ -254,9 +254,9 @@ const ElmHeading = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
   const Tag = `h${_rawProps.level}`;
   return /* @__PURE__ */ core$1._jsxSplit(Tag, {
     class: [
-      styles$R["elm-heading"],
+      styles$P["elm-heading"],
       textStyles.text,
-      styles$R[`h${_rawProps.level}`],
+      styles$P[`h${_rawProps.level}`],
       _rawProps.class
     ],
     style: {
@@ -276,7 +276,7 @@ const ElmHeading = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
       id: core$1._wrapProp(_rawProps, "id")
     }, null, 3, "sL_1"), 1, "sL_2"),
     _rawProps.level === 2 && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$R["h2-underline"],
+      class: styles$P["h2-underline"],
       "aria-hidden": "true"
     }, null, 3, "sL_3")
   ], 0, "sL_4");
@@ -284,16 +284,16 @@ const ElmHeading = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
 const code$1 = "_code_uf3sg_13";
 const kbd = "_kbd_uf3sg_25";
 const link$1 = "_link_uf3sg_58";
-const styles$P = {
+const styles$N = {
   "elm-inline-text": "_elm-inline-text_uf3sg_1",
   code: code$1,
   kbd,
   link: link$1
 };
-const styles$O = {
+const styles$M = {
   "elm-inline-icon": "_elm-inline-icon_1qs0i_1"
 };
-const _hf0$Q = (p0) => p0.width ?? p0.size ?? 16;
+const _hf0$y = (p0) => p0.width ?? p0.size ?? 16;
 const _hf1$i = (p0) => p0.height ?? p0.size ?? 16;
 const ElmInlineIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const props = core$1._restProps(_rawProps, [
@@ -306,7 +306,7 @@ const ElmInlineIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("span", {
     class: [
-      styles$O["elm-inline-icon"],
+      styles$M["elm-inline-icon"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
@@ -316,14 +316,14 @@ const ElmInlineIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
       _rawProps
     ]),
     src: core$1._wrapProp(_rawProps, "src"),
-    width: core$1._fnSignal(_hf0$Q, [
+    width: core$1._fnSignal(_hf0$y, [
       _rawProps
     ])
   }, {
-    class: styles$O["elm-inline-icon"]
+    class: styles$M["elm-inline-icon"]
   }, null, 3, null), 0, "D4_0");
 }, "ElmInlineIcon_component_9LkENpSGozA"));
-const _hf0$P = (p0) => ({
+const _hf0$x = (p0) => ({
   ...p0.style,
   "--elmethis-scoped-color": p0.color,
   "--elmethis-scoped-font-size": p0.size ?? "1em",
@@ -351,7 +351,7 @@ const ElmInlineText = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     vnode = /* @__PURE__ */ core$1._jsxSorted("a", {
       href: core$1._wrapProp(_rawProps, "href")
     }, {
-      class: styles$P.link,
+      class: styles$N.link,
       target: "_blank",
       rel: "noopener noreferrer"
     }, [
@@ -363,18 +363,18 @@ const ElmInlineText = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     ], 1, "7t_2");
   }
   if (_rawProps.kbd ?? false) vnode = /* @__PURE__ */ core$1._jsxSorted("kbd", null, {
-    class: styles$P.kbd
+    class: styles$N.kbd
   }, vnode, 1, "7t_3");
   if (_rawProps.strikethrough ?? false) vnode = /* @__PURE__ */ core$1._jsxSorted("del", null, null, vnode, 1, "7t_4");
   if (_rawProps.italic ?? false) vnode = /* @__PURE__ */ core$1._jsxSorted("em", null, null, vnode, 1, "7t_5");
   if (_rawProps.underline ?? false) vnode = /* @__PURE__ */ core$1._jsxSorted("ins", null, null, vnode, 1, "7t_6");
   if (_rawProps.bold ?? false) vnode = /* @__PURE__ */ core$1._jsxSorted("strong", null, null, vnode, 1, "7t_7");
   if (_rawProps.code ?? false) vnode = /* @__PURE__ */ core$1._jsxSorted("code", null, {
-    class: styles$P.code
+    class: styles$N.code
   }, vnode, 1, "7t_8");
   if (_rawProps.ruby) {
     vnode = /* @__PURE__ */ core$1._jsxSorted("ruby", null, {
-      class: styles$P["elm-inline-text"]
+      class: styles$N["elm-inline-text"]
     }, [
       /* @__PURE__ */ core$1._jsxSorted("span", null, null, vnode, 1, null),
       /* @__PURE__ */ core$1._jsxSorted("rt", null, null, core$1._wrapProp(_rawProps, "ruby"), 1, null)
@@ -382,20 +382,20 @@ const ElmInlineText = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
   }
   return /* @__PURE__ */ core$1._jsxSplit("span", {
     class: [
-      styles$P["elm-inline-text"],
+      styles$N["elm-inline-text"],
       textStyles.text,
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$P, [
+    style: core$1._fnSignal(_hf0$x, [
       _rawProps
     ]),
     ...core$1._getVarProps(rest)
   }, core$1._getConstProps(rest), vnode, 0, "7t_10");
 }, "ElmInlineText_component_MdjKbLJ3SR0"));
-const styles$N = {
+const styles$L = {
   "elm-paragraph": "_elm-paragraph_rbsk5_1"
 };
-const _hf0$O = (p0) => ({
+const _hf0$w = (p0) => ({
   ...p0.style,
   "--elmethis-scoped-color": p0.color,
   "--elmethis-scoped-background-color": p0.backgroundColor
@@ -409,11 +409,11 @@ const ElmParagraph = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("p", {
     class: [
-      styles$N["elm-paragraph"],
+      styles$L["elm-paragraph"],
       textStyles.text,
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$O, [
+    style: core$1._fnSignal(_hf0$w, [
       _rawProps
     ]),
     ...core$1._getVarProps(props)
@@ -421,7 +421,7 @@ const ElmParagraph = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
 }, "ElmParagraph_component_dmeJIyB25Lw"));
 const surface$1 = "_surface_4ps3c_5";
 const row$1 = "_row_4ps3c_47";
-const column$1 = "_column_4ps3c_53";
+const column = "_column_4ps3c_53";
 const list = "_list_4ps3c_64";
 const card$1 = "_card_4ps3c_81";
 const button = "_button_4ps3c_91";
@@ -435,11 +435,11 @@ const slider = "_slider_4ps3c_192";
 const modal = "_modal_4ps3c_199";
 const video = "_video_4ps3c_209";
 const audio = "_audio_4ps3c_210";
-const styles$M = {
+const styles$K = {
   "elm-a2ui": "_elm-a2ui_4ps3c_1",
   surface: surface$1,
   row: row$1,
-  column: column$1,
+  column,
   "child-wrap": "_child-wrap_4ps3c_60",
   list,
   "list-horizontal": "_list-horizontal_4ps3c_71",
@@ -533,7 +533,7 @@ function firstChildMargin(index) {
     marginBlockStart: 0
   } : void 0;
 }
-const _hf0$N = (p0) => p0.props.min ?? 0;
+const _hf0$v = (p0) => p0.props.min ?? 0;
 const _hf1$h = (p0) => p0.props.max;
 const textFieldInputType = {
   shortText: "text",
@@ -572,28 +572,28 @@ const basicCatalog = new CatalogRenderer([
       alignItems: alignItemsMap[_rawProps.props.align ?? "center"]
     }
   }, {
-    class: styles$M.row
-  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, {
-    class: styles$M["child-wrap"]
-  }, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Lh_3")),
+    class: styles$K.row
+  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, {
+    class: styles$K["child-wrap"]
+  }, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Lh_3")),
   defineRenderer(basic_catalog.ColumnApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted("div", null, {
-    class: styles$M.column,
+    class: styles$K.column,
     style: {
       "--margin-block": "2rem"
     }
-  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, {
-    class: styles$M["child-wrap"]
-  }, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Lh_4")),
+  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, {
+    class: styles$K["child-wrap"]
+  }, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Lh_4")),
   defineRenderer(basic_catalog.ListApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$M.list,
-      _rawProps.props.direction === "horizontal" && styles$M["list-horizontal"]
+      styles$K.list,
+      _rawProps.props.direction === "horizontal" && styles$K["list-horizontal"]
     ]
-  }, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted("div", null, {
-    class: styles$M["list-item"]
-  }, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Lh_5")),
+  }, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted("div", null, {
+    class: styles$K["list-item"]
+  }, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Lh_5")),
   defineRenderer(basic_catalog.CardApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted("div", null, {
-    class: styles$M.card
+    class: styles$K.card
   }, _rawProps.renderChild(_rawProps.props.child), 1, "Lh_6")),
   // Rendered as a div-with-role rather than a native <button> because the
   // A2UI `child` can be any component (Row, Column, Card, etc.), and those
@@ -601,8 +601,8 @@ const basicCatalog = new CatalogRenderer([
   // SSR validator (Q12).
   defineRenderer(basic_catalog.ButtonApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$M.button,
-      _rawProps.props.variant === "primary" && styles$M["button-primary"]
+      styles$K.button,
+      _rawProps.props.variant === "primary" && styles$K["button-primary"]
     ],
     "q-e:click": _rawProps.props.action ? () => _rawProps.dispatchAction$("action") : void 0,
     "q-e:keydown": _rawProps.props.action ? (e) => {
@@ -624,7 +624,7 @@ const basicCatalog = new CatalogRenderer([
         objectFit: objectFitMap[_rawProps.props.fit ?? "cover"]
       }
     }, {
-      class: styles$M.image
+      class: styles$K.image
     }, null, 3, "Lh_8")
   )),
   defineRenderer(basic_catalog.IconApi, (_rawProps) => {
@@ -633,13 +633,13 @@ const basicCatalog = new CatalogRenderer([
       "aria-label": name,
       "data-icon": name
     }, {
-      class: styles$M.icon
+      class: styles$K.icon
     }, null, 3, "Lh_9");
   }),
   defineRenderer(basic_catalog.DividerApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$M.divider,
-      _rawProps.props.axis === "vertical" && styles$M["divider-vertical"]
+      styles$K.divider,
+      _rawProps.props.axis === "vertical" && styles$K["divider-vertical"]
     ]
   }, {
     role: "separator"
@@ -648,10 +648,10 @@ const basicCatalog = new CatalogRenderer([
     const variant = _rawProps.props.variant ?? "shortText";
     const value = _rawProps.props.value ? _rawProps.resolve(_rawProps.props.value) : "";
     return /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$M["text-field"]
+      class: styles$K["text-field"]
     }, [
       /* @__PURE__ */ core$1._jsxSorted("label", null, {
-        class: styles$M.label
+        class: styles$K.label
       }, _rawProps.resolve(_rawProps.props.label), 1, null),
       variant === "longText" ? /* @__PURE__ */ core$1._jsxSorted("textarea", {
         "q-e:change": /* @__PURE__ */ core$1.inlinedQrl((_e, el, _rawProps2) => _rawProps2.setBinding$("value", el.value), "basicCatalog_defineRenderer_div_textarea_q_e_change_AvRxzHDOuzE"),
@@ -659,7 +659,7 @@ const basicCatalog = new CatalogRenderer([
         "q:p": _rawProps,
         value
       }, {
-        class: styles$M.input
+        class: styles$K.input
       }, null, 6, "Lh_11") : /* @__PURE__ */ core$1._jsxSorted("input", {
         "q-e:change": /* @__PURE__ */ core$1.inlinedQrl((_e, el, _rawProps2) => _rawProps2.setBinding$("value", el.value), "basicCatalog_defineRenderer_div_input_q_e_change_d4MNBikoI0c"),
         "q-e:input": /* @__PURE__ */ core$1.inlinedQrl((_e, el, _rawProps2) => _rawProps2.setBinding$("value", el.value), "basicCatalog_defineRenderer_div_input_q_e_input_XTp8fL9T8eo"),
@@ -667,14 +667,14 @@ const basicCatalog = new CatalogRenderer([
         type: textFieldInputType[variant] ?? "text",
         value
       }, {
-        class: styles$M.input
+        class: styles$K.input
       }, null, 6, "Lh_12")
     ], 1, "Lh_13");
   }),
   defineRenderer(basic_catalog.CheckBoxApi, (_rawProps) => {
     const checked2 = typeof _rawProps.props.value === "boolean" ? _rawProps.props.value : Boolean(_rawProps.ctx.dataContext.resolveDynamicValue(_rawProps.props.value) ?? false);
     return /* @__PURE__ */ core$1._jsxSorted("label", null, {
-      class: styles$M.checkbox
+      class: styles$K.checkbox
     }, [
       /* @__PURE__ */ core$1._jsxSorted("input", {
         checked: checked2,
@@ -684,7 +684,7 @@ const basicCatalog = new CatalogRenderer([
         type: "checkbox"
       }, null, 6, null),
       /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$M["checkbox-label"]
+        class: styles$K["checkbox-label"]
       }, _rawProps.resolve(_rawProps.props.label), 1, null)
     ], 1, "Lh_14");
   }),
@@ -694,7 +694,7 @@ const basicCatalog = new CatalogRenderer([
       max: core$1._fnSignal(_hf1$h, [
         _rawProps
       ]),
-      min: core$1._fnSignal(_hf0$N, [
+      min: core$1._fnSignal(_hf0$v, [
         _rawProps
       ]),
       "q-e:change": /* @__PURE__ */ core$1.inlinedQrl((_e, el, _rawProps2) => _rawProps2.setBinding$("value", Number(el.value)), "basicCatalog_defineRenderer_input_q_e_change_U0Dwvjz0O9o"),
@@ -702,7 +702,7 @@ const basicCatalog = new CatalogRenderer([
       "q:p": _rawProps,
       value
     }, {
-      class: styles$M.slider,
+      class: styles$K.slider,
       type: "range"
     }, null, 6, "Lh_15");
   }),
@@ -717,23 +717,23 @@ const basicCatalog = new CatalogRenderer([
     }, null, _rawProps.renderChild(tab2.child), 1, idx))
   ], 1, "Lh_17")),
   defineRenderer(basic_catalog.ModalApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted("div", null, {
-    class: styles$M.modal
+    class: styles$K.modal
   }, [
     _rawProps.renderChild(_rawProps.props.trigger),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$M["modal-content"]
+      class: styles$K["modal-content"]
     }, _rawProps.renderChild(_rawProps.props.content), 1, null)
   ], 1, "Lh_18")),
   defineRenderer(basic_catalog.VideoApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted("video", {
     src: _rawProps.resolve(_rawProps.props.url)
   }, {
-    class: styles$M.video,
+    class: styles$K.video,
     controls: true
   }, null, 3, "Lh_19")),
   defineRenderer(basic_catalog.AudioPlayerApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted("audio", {
     src: _rawProps.resolve(_rawProps.props.url)
   }, {
-    class: styles$M.audio,
+    class: styles$K.audio,
     controls: true
   }, null, 3, "Lh_20")),
   defineRenderer(basic_catalog.ChoicePickerApi, (_rawProps) => {
@@ -750,15 +750,15 @@ const basicCatalog = new CatalogRenderer([
       }, "basicCatalog_defineRenderer_div_q_e_change_HaNxxdy0Z1g"),
       "q:p": _rawProps
     }, {
-      class: styles$M["choice-picker"]
+      class: styles$K["choice-picker"]
     }, [
       _rawProps.props.label ? /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$M["choice-picker-label"]
+        class: styles$K["choice-picker-label"]
       }, _rawProps.resolve(_rawProps.props.label), 1, "Lh_21") : null,
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$M["choice-picker-options"]
+        class: styles$K["choice-picker-options"]
       }, _rawProps.props.options.map((opt) => /* @__PURE__ */ core$1._jsxSorted("label", null, {
-        class: styles$M["choice-picker-option"]
+        class: styles$K["choice-picker-option"]
       }, [
         /* @__PURE__ */ core$1._jsxSorted("input", {
           checked: selected.includes(opt.value),
@@ -775,10 +775,10 @@ const basicCatalog = new CatalogRenderer([
     const enableTime = _rawProps.props.enableTime ?? false;
     const inputType = enableDate && enableTime ? "datetime-local" : enableDate ? "date" : enableTime ? "time" : "text";
     return /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$M["datetime-input"]
+      class: styles$K["datetime-input"]
     }, [
       _rawProps.props.label ? /* @__PURE__ */ core$1._jsxSorted("label", null, {
-        class: styles$M.label
+        class: styles$K.label
       }, _rawProps.resolve(_rawProps.props.label), 1, "Lh_23") : null,
       /* @__PURE__ */ core$1._jsxSorted("input", {
         max: _rawProps.props.max != null ? String(_rawProps.props.max) : void 0,
@@ -789,7 +789,7 @@ const basicCatalog = new CatalogRenderer([
         type: inputType,
         value: _rawProps.props.value ? _rawProps.resolve(_rawProps.props.value) : ""
       }, {
-        class: styles$M.input
+        class: styles$K.input
       }, null, 6, null)
     ], 1, "Lh_24");
   })
@@ -900,7 +900,7 @@ const ComponentHost = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     }
     return [];
   };
-  const renderChild = (childId, path2 = props.basePath, childIndex = 0) => (
+  const renderChild = (childId, path = props.basePath, childIndex = 0) => (
     // `key={childId}` is load-bearing: it forces Qwik to unmount the
     // previous host and mount a fresh one when a parent re-binds a
     // single-child slot (e.g. Card.child changes "a" → "b"). Without
@@ -913,7 +913,7 @@ const ComponentHost = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     // covers the single-child renderers (Card, Modal slots, Button
     // child, …) and any future custom renderer.
     /* @__PURE__ */ core$1._jsxSorted(ComponentHost, {
-      basePath: path2,
+      basePath: path,
       id: childId,
       index: childIndex
     }, null, null, 3, childId)
@@ -926,8 +926,8 @@ const ComponentHost = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     if (!m) return;
     const raw = m.properties[propName];
     if (!raw || typeof raw !== "object" || !("path" in raw)) return;
-    const path2 = raw.path;
-    new v0_9.ComponentContext(surface22, idCapture2).dataContext.set(path2, value);
+    const path = raw.path;
+    new v0_9.ComponentContext(surface22, idCapture2).dataContext.set(path, value);
   }, "ComponentHost_component_setBinding_CEvXL9spdoU", [
     idCapture,
     surface2
@@ -1022,7 +1022,7 @@ const A2uiSurface = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   core$1.useContextProvider(A2uiSurfaceContext, props.surface);
   core$1.useContextProvider(A2uiAncestorContext, []);
   return /* @__PURE__ */ core$1._jsxSorted("div", null, {
-    class: styles$M.surface,
+    class: styles$K.surface,
     style: {
       "--elmethis-margin-block-start": "2rem"
     }
@@ -1035,7 +1035,7 @@ const SurfaceView = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   core$1.useContextProvider(A2uiSurfaceContext, props.surface);
   core$1.useContextProvider(A2uiAncestorContext, []);
   return /* @__PURE__ */ core$1._jsxSorted("div", null, {
-    class: styles$M.surface,
+    class: styles$K.surface,
     style: {
       "--elmethis-margin-block-start": "2rem"
     }
@@ -1179,7 +1179,7 @@ const ElmA2ui = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlin
   ]));
   return /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$M["elm-a2ui"],
+      styles$K["elm-a2ui"],
       props.class
     ],
     style: core$1._wrapProp(props, "style")
@@ -1187,10 +1187,10 @@ const ElmA2ui = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlin
     surface: core$1.noSerialize(surface2)
   }, null, null, 3, surface2.id)), 1, "pJ_4");
 }, "ElmA2ui_component_JeVykabE5oE"));
-const styles$L = {
+const styles$J = {
   "elm-katex": "_elm-katex_189xe_1"
 };
-const _hf0$M = (p0) => p0.value ?? "";
+const _hf0$u = (p0) => p0.value ?? "";
 const ElmKatex = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
   const rest = core$1._restProps(props, [
     "class",
@@ -1209,10 +1209,10 @@ const ElmKatex = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inli
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
       textStyles.text,
-      props.block ? styles$L["elm-katex"] : void 0,
+      props.block ? styles$J["elm-katex"] : void 0,
       props.class
     ],
-    dangerouslySetInnerHTML: core$1._fnSignal(_hf0$M, [
+    dangerouslySetInnerHTML: core$1._fnSignal(_hf0$u, [
       html
     ]),
     ...core$1._getVarProps(rest)
@@ -1221,7 +1221,7 @@ const ElmKatex = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inli
 const caption$1 = "_caption_xdmlc_22";
 const divider$1 = "_divider_xdmlc_33";
 const code = "_code_xdmlc_40";
-const styles$K = {
+const styles$I = {
   "elm-code-block": "_elm-code-block_xdmlc_1",
   "language-icon": "_language-icon_xdmlc_17",
   caption: caption$1,
@@ -1229,640 +1229,50 @@ const styles$K = {
   divider: divider$1,
   code
 };
-const _hf0$L = (p0) => p0.size ?? 24;
-const Rust = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 128 128",
-    fill: "#a84f33",
-    width: core$1._fnSignal(_hf0$L, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$L, [
-      _rawProps
-    ]),
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), /* @__PURE__ */ core$1._jsxSorted("path", null, {
-    d: "M62.96.242c-.232.135-1.203 1.528-2.16 3.097c-2.4 3.94-2.426 3.942-5.65.55c-2.098-2.208-2.605-2.612-3.28-2.607c-.44.002-.995.152-1.235.332s-.916 1.612-1.504 3.183c-1.346 3.6-1.41 3.715-2.156 3.86c-.46.086-1.343-.407-3.463-1.929c-1.565-1.125-3.1-2.045-3.411-2.045c-1.291 0-1.655.706-2.27 4.4c-.78 4.697-.754 4.681-4.988 2.758c-1.71-.776-3.33-1.41-3.603-1.41s-.792.293-1.15.652c-.652.652-.653.655-.475 4.246l.178 3.595l-.68.364c-.602.322-1.017.283-3.684-.348c-3.48-.822-4.216-.8-4.92.15l-.516.693l.692 2.964c.38 1.63.745 3.2.814 3.487c.067.287-.05.746-.26 1.02c-.348.448-.717.49-3.94.44c-5.452-.086-5.761.382-3.51 5.3c.718 1.56 1.305 2.98 1.305 3.15c0 .898-.717 1.224-3.794 1.727c-1.722.28-3.218.51-3.326.51c-.107 0-.43.235-.717.522c-.937.936-.671 1.816 1.453 4.814c2.646 3.735 2.642 3.75-1.73 5.421c-4.971 1.902-5.072 2.37-1.287 5.96c3.525 3.344 3.53 3.295-.461 5.804C.208 62.8.162 62.846.085 63.876c-.093 1.253-.071 1.275 3.538 3.48c3.57 2.18 3.57 2.246.067 5.56C-.078 76.48.038 77 5.013 78.877c4.347 1.64 4.353 1.66 1.702 5.394c-1.502 2.117-1.981 3-1.981 3.653c0 1.223.637 1.535 4.44 2.174c3.206.54 3.92.857 3.92 1.741c0 .182-.588 1.612-1.307 3.177c-2.236 4.87-1.981 5.275 3.31 5.275c4.93 0 4.799-.15 3.737 4.294c-.8 3.35-.813 3.992-.088 4.715c.554.556 1.6.494 4.87-.289c2.499-.596 2.937-.637 3.516-.328l.66.354l-.177 3.594c-.178 3.593-.177 3.595.475 4.248c.358.36.884.652 1.165.652s1.903-.63 3.604-1.404c4.22-1.916 4.194-1.932 4.973 2.75c.617 3.711.977 4.4 2.294 4.4c.327 0 1.83-.88 3.34-1.958c2.654-1.893 3.342-2.19 4.049-1.74c.182.115.89 1.67 1.572 3.455c1.003 2.625 1.37 3.31 1.929 3.576c1.062.51 1.72.1 4.218-2.62c3.016-3.286 3.14-3.27 5.602.72c2.72 4.406 3.424 4.396 6.212-.089c2.402-3.864 2.374-3.862 5.621-.47c2.157 2.25 2.616 2.61 3.343 2.61c.464 0 1.019-.175 1.23-.388c.214-.213.92-1.786 1.568-3.496c.649-1.71 1.321-3.2 1.495-3.31c.687-.436 1.398-.13 4.048 1.752c1.56 1.108 3.028 1.96 3.377 1.96c1.296 0 1.764-.92 2.302-4.535c.46-3.082.554-3.378 1.16-3.685c.596-.302.954-.2 3.75 1.07c1.701.77 3.323 1.402 3.604 1.402s.816-.302 1.184-.672l.672-.67l-.184-3.448c-.177-3.29-.16-3.468.364-3.943c.54-.488.596-.486 3.615.204c3.656.835 4.338.857 5.025.17c.671-.67.664-.818-.254-4.69c-1.03-4.346-1.168-4.19 3.78-4.19c3.374 0 3.75-.049 4.18-.523c.718-.793.547-1.702-.896-4.779c-.729-1.55-1.32-2.96-1.315-3.135c.024-.914.743-1.227 4.065-1.767c2.033-.329 3.553-.71 3.829-.96c.923-.833.584-1.918-1.523-4.873c-2.642-3.703-2.63-3.738 1.599-5.297c5.064-1.866 5.209-2.488 1.419-6.09c-3.51-3.335-3.512-3.317.333-5.677c4.648-2.853 4.655-3.496.082-6.335c-3.933-2.44-3.93-2.406-.405-5.753c3.78-3.593 3.678-4.063-1.295-5.965c-4.388-1.679-4.402-1.72-1.735-5.38c1.588-2.18 1.982-2.903 1.982-3.65c0-1.306-.586-1.598-4.436-2.22c-3.216-.52-3.924-.835-3.924-1.75c0-.174.588-1.574 1.307-3.113c1.406-3.013 1.604-4.22.808-4.94c-.428-.387-1-.443-4.067-.392c-3.208.054-3.618.008-4.063-.439c-.486-.488-.48-.557.278-3.725c.931-3.88.935-3.975.17-4.694c-.777-.73-1.262-.718-4.826.121c-2.597.612-3.027.653-3.617.337l-.67-.36l.185-3.582l.186-3.58l-.67-.67c-.369-.37-.891-.67-1.163-.67c-.27 0-1.884.64-3.583 1.421c-2.838 1.306-3.143 1.393-3.757 1.072c-.612-.32-.714-.637-1.237-3.829c-.603-3.693-.977-4.412-2.288-4.412c-.311 0-1.853.925-3.426 2.055c-2.584 1.856-2.93 2.032-3.574 1.807c-.533-.186-.843-.59-1.221-1.599c-.28-.742-.817-2.172-1.194-3.177c-.762-2.028-1.187-2.482-2.328-2.482c-.637 0-1.213.458-3.28 2.604c-3.25 3.375-3.261 3.374-5.65-.545C66.073 1.78 65.075.382 64.81.24c-.597-.32-1.3-.32-1.85.002m2.96 11.798c2.83 2.014 1.326 6.75-2.144 6.75c-3.368 0-5.064-4.057-2.66-6.36c1.358-1.3 3.304-1.459 4.805-.39m-3.558 12.507c1.855.705 2.616.282 6.852-3.8l3.182-3.07l1.347.18c4.225.56 12.627 4.25 17.455 7.666c4.436 3.14 10.332 9.534 12.845 13.93l.537.942l-2.38 5.364c-1.31 2.95-2.382 5.673-2.382 6.053c0 .878.576 2.267 1.13 2.726c.234.195 2.457 1.265 4.939 2.378l4.51 2.025l.178 1.148c.23 1.495.26 5.167.052 6.21l-.163.816h-2.575c-2.987 0-2.756-.267-2.918 3.396c-.118 2.656-.76 4.124-2.22 5.075c-2.377 1.551-6.304 1.27-7.97-.57c-.255-.284-.752-1.705-1.105-3.16c-1.03-4.254-2.413-6.64-5.193-8.965c-.878-.733-1.595-1.418-1.595-1.522c0-.102.965-.915 2.145-1.803c4.298-3.24 6.77-7.012 7.04-10.747c.519-7.126-5.158-13.767-13.602-15.92c-2.002-.51-2.857-.526-27.624-.526c-14.057 0-25.56-.092-25.56-.204c0-.263 3.125-3.295 4.965-4.816c5.054-4.178 11.618-7.465 18.417-9.22l2.35-.61l3.34 3.387c1.839 1.863 3.64 3.5 4.003 3.637M20.3 46.34c1.539 1.008 2.17 3.54 1.26 5.062c-1.405 2.356-4.966 2.455-6.373.178c-2.046-3.309 1.895-7.349 5.113-5.24m90.672.13c4.026 2.454.906 8.493-3.404 6.586c-2.877-1.273-2.97-5.206-.155-6.64c1.174-.6 2.523-.579 3.56.053M32.163 61.5v15.02h-13.28l-.526-2.285c-1.036-4.5-1.472-9.156-1.211-12.969l.182-2.679l4.565-2.047c2.864-1.283 4.706-2.262 4.943-2.625c1.038-1.584.94-2.715-.518-5.933l-.68-1.502h6.523V61.5M70.39 47.132c2.843.74 4.345 2.245 4.349 4.355c.002 1.55-.765 2.52-2.67 3.38c-1.348.61-1.562.625-10.063.708l-8.686.084v-8.92h7.782c6.078 0 8.112.086 9.288.393m-2.934 21.554c1.41.392 3.076 1.616 3.93 2.888c.898 1.337 1.423 3.076 2.667 8.836c1.05 4.87 1.727 6.46 3.62 8.532c2.345 2.566 1.8 2.466 13.514 2.466c5.61 0 10.198.09 10.198.2c0 .197-3.863 4.764-4.03 4.764c-.048 0-2.066-.422-4.484-.939c-6.829-1.458-7.075-1.287-8.642 6.032l-1.008 4.702l-.91.448c-1.518.75-6.453 2.292-9.01 2.82c-4.228.87-8.828 1.162-12.871.821c-6.893-.585-16.02-3.259-16.377-4.8c-.075-.327-.535-2.443-1.018-4.704c-.485-2.26-1.074-4.404-1.31-4.764c-1.13-1.724-2.318-1.83-7.547-.674c-1.98.44-3.708.796-3.84.796c-.248 0-3.923-4.249-3.923-4.535c0-.09 8.728-.194 19.396-.23l19.395-.066l.07-6.89c.05-4.865-.018-6.997-.23-7.25c-.234-.284-1.485-.358-6.011-.358H53.32v-8.36l6.597.001c3.626.002 7.02.12 7.539.264M37.57 100.02c3.084 1.88 1.605 6.804-2.043 6.8c-3.74 0-5.127-4.88-1.94-6.826c1.055-.643 2.908-.63 3.983.026m56.48.206c1.512 1.108 2.015 3.413 1.079 4.95c-2.46 4.034-8.612.827-6.557-3.419c1.01-2.085 3.695-2.837 5.478-1.53"
-  }, null, 3, null), 0, "YT_0");
-}, "Rust_component_FAp1GAc0j08"));
-const _hf0$K = (p0) => p0.size ?? 24;
-const Javascript = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$K, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$K, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#f0db4f",
-      d: "M1.408 1.408h125.184v125.185H1.408z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#323330",
-      d: "M116.347 96.736c-.917-5.711-4.641-10.508-15.672-14.981c-3.832-1.761-8.104-3.022-9.377-5.926c-.452-1.69-.512-2.642-.226-3.665c.821-3.32 4.784-4.355 7.925-3.403c2.023.678 3.938 2.237 5.093 4.724c5.402-3.498 5.391-3.475 9.163-5.879c-1.381-2.141-2.118-3.129-3.022-4.045c-3.249-3.629-7.676-5.498-14.756-5.355l-3.688.477c-3.534.893-6.902 2.748-8.877 5.235c-5.926 6.724-4.236 18.492 2.975 23.335c7.104 5.332 17.54 6.545 18.873 11.531c1.297 6.104-4.486 8.08-10.234 7.378c-4.236-.881-6.592-3.034-9.139-6.949c-4.688 2.713-4.688 2.713-9.508 5.485c1.143 2.499 2.344 3.63 4.26 5.795c9.068 9.198 31.76 8.746 35.83-5.176c.165-.478 1.261-3.666.38-8.581M69.462 58.943H57.753l-.048 30.272c0 6.438.333 12.34-.714 14.149c-1.713 3.558-6.152 3.117-8.175 2.427c-2.059-1.012-3.106-2.451-4.319-4.485c-.333-.584-.583-1.036-.667-1.071l-9.52 5.83c1.583 3.249 3.915 6.069 6.902 7.901c4.462 2.678 10.459 3.499 16.731 2.059c4.082-1.189 7.604-3.652 9.448-7.401c2.666-4.915 2.094-10.864 2.07-17.444c.06-10.735.001-21.468.001-32.237"
-    }, null, 3, null)
-  ], 0, "9U_0");
-}, "Javascript_component_PsVeZ5WAECA"));
-const _hf0$J = (p0) => p0.size ?? 24;
-const Typescript = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$J, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$J, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#fff",
-      d: "M22.67 47h99.67v73.67H22.67z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#007acc",
-      d: "M1.5 63.91v62.5h125v-125H1.5zm100.73-5a15.56 15.56 0 0 1 7.82 4.5a20.6 20.6 0 0 1 3 4c0 .16-5.4 3.81-8.69 5.85c-.12.08-.6-.44-1.13-1.23a7.09 7.09 0 0 0-5.87-3.53c-3.79-.26-6.23 1.73-6.21 5a4.6 4.6 0 0 0 .54 2.34c.83 1.73 2.38 2.76 7.24 4.86c8.95 3.85 12.78 6.39 15.16 10c2.66 4 3.25 10.46 1.45 15.24c-2 5.2-6.9 8.73-13.83 9.9a38.3 38.3 0 0 1-9.52-.1a23 23 0 0 1-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9 9 0 0 1 1.15-.73L82 101l3.59-2.08l.75 1.11a16.8 16.8 0 0 0 4.74 4.54c4 2.1 9.46 1.81 12.16-.62a5.43 5.43 0 0 0 .69-6.92c-1-1.39-3-2.56-8.59-5c-6.45-2.78-9.23-4.5-11.77-7.24a16.5 16.5 0 0 1-3.43-6.25a25 25 0 0 1-.22-8c1.33-6.23 6-10.58 12.82-11.87a31.7 31.7 0 0 1 9.49.26zm-29.34 5.24v5.12H56.66v46.23H45.15V69.26H28.88v-5a49 49 0 0 1 .12-5.17C29.08 59 39 59 51 59h21.83z"
-    }, null, 3, null)
-  ], 0, "Os_0");
-}, "Typescript_component_nLU7Qpu0u0k"));
-const path = "_path_1aa0a_1";
-const styles$J = {
-  path
+const _hf0$t = (p0) => p0.icon.viewBox;
+const _hf1$g = (p0) => p0.size ?? 24;
+const scopeId = (value, key2, suffix) => key2 === "id" ? `${value}-${suffix}` : value.replace(/url\(#([^)]+)\)/g, `url(#$1-${suffix})`);
+const renderNode = (node, suffix, key2) => {
+  const attrs = {};
+  for (const [k, v] of Object.entries(node.attrs ?? {})) {
+    attrs[k] = scopeId(v, k, suffix);
+  }
+  const Tag = node.tag;
+  return /* @__PURE__ */ core$1._jsxSplit(Tag, {
+    ...core$1._getVarProps(attrs),
+    ...core$1._getConstProps(attrs)
+  }, {
+    style: core$1._wrapProp(node, "style")
+  }, node.children?.map((child, i) => renderNode(child, suffix, i)), 0, key2);
 };
-const _hf0$I = (p0) => p0.size ?? 24;
-const Bash = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 128 128",
-    width: core$1._fnSignal(_hf0$I, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$I, [
-      _rawProps
-    ]),
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "none",
-      d: "M4.24 4.24h119.53v119.53H4.24z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      class: styles$J.path,
-      d: "M109.01 28.64L71.28 6.24c-2.25-1.33-4.77-2-7.28-2s-5.03.67-7.28 2.01l-37.74 22.4c-4.5 2.67-7.28 7.61-7.28 12.96v44.8c0 5.35 2.77 10.29 7.28 12.96l37.73 22.4c2.25 1.34 4.76 2 7.28 2c2.51 0 5.03-.67 7.28-2l37.74-22.4c4.5-2.67 7.28-7.62 7.28-12.96V41.6c0-5.34-2.77-10.29-7.28-12.96M79.79 98.59l.06 3.22c0 .39-.25.83-.55.99l-1.91 1.1c-.3.15-.56-.03-.56-.42l-.03-3.17c-1.63.68-3.29.84-4.34.42c-.2-.08-.29-.37-.21-.71l.69-2.91c.06-.23.18-.46.34-.6c.06-.06.12-.1.18-.13c.11-.06.22-.07.31-.03c1.14.38 2.59.2 3.99-.5c1.78-.9 2.97-2.72 2.95-4.52c-.02-1.64-.9-2.31-3.05-2.33c-2.74.01-5.3-.53-5.34-4.57c-.03-3.32 1.69-6.78 4.43-8.96l-.03-3.25c0-.4.24-.84.55-1l1.85-1.18c.3-.15.56.04.56.43l.03 3.25c1.36-.54 2.54-.69 3.61-.44c.23.06.34.38.24.75l-.72 2.88c-.06.22-.18.44-.33.58a.8.8 0 0 1-.19.14c-.1.05-.19.06-.28.05c-.49-.11-1.65-.36-3.48.56c-1.92.97-2.59 2.64-2.58 3.88c.02 1.48.77 1.93 3.39 1.97c3.49.06 4.99 1.58 5.03 5.09c.05 3.44-1.79 7.15-4.61 9.41m26.34-60.5l-35.7 22.05c-4.45 2.6-7.73 5.52-7.74 10.89v43.99c0 3.21 1.3 5.29 3.29 5.9c-.65.11-1.32.19-1.98.19c-2.09 0-4.15-.57-5.96-1.64l-37.73-22.4c-3.69-2.19-5.98-6.28-5.98-10.67V41.6c0-4.39 2.29-8.48 5.98-10.67l37.74-22.4c1.81-1.07 3.87-1.64 5.96-1.64s4.15.57 5.96 1.64l37.74 22.4c3.11 1.85 5.21 5.04 5.8 8.63c-1.27-2.67-4.09-3.39-7.38-1.47"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#4fa847",
-      d: "m99.12 90.73l-9.4 5.62c-.25.15-.43.31-.43.61v2.46c0 .3.2.43.45.28l9.54-5.8c.25-.15.29-.42.29-.72v-2.17c0-.3-.2-.42-.45-.28"
-    }, null, 3, null)
-  ], 0, "Zd_0");
-}, "Bash_component_ZQtXAfkWqew"));
-const _hf0$H = (p0) => p0.size ?? 24;
-const Terraform = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$H, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$H, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), /* @__PURE__ */ core$1._jsxSorted("g", null, {
-    "fill-rule": "evenodd"
-  }, [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#5c4ee5",
-      d: "M77.941 44.5v36.836L46.324 62.918V26.082zm0 0"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#4040b2",
-      d: "m81.41 81.336l31.633-18.418V26.082L81.41 44.5zm0 0"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#5c4ee5",
-      d: "M11.242 42.36L42.86 60.776V23.941L11.242 5.523zm66.699 43.015L46.324 66.957v36.82l31.617 18.418zm0 0"
-    }, null, 3, null)
-  ], 3, null), 0, "ph_0");
-}, "Terraform_component_Rcw24hjU5y8"));
-const _hf0$G = (p0) => p0.size ?? 24;
-const Html = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$G, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$G, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#e44d26",
-      d: "M19.037 113.876L9.032 1.661h109.936l-10.016 112.198l-45.019 12.48z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#f16529",
-      d: "m64 116.8l36.378-10.086l8.559-95.878H64z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#ebebeb",
-      d: "M64 52.455H45.788L44.53 38.361H64V24.599H29.489l.33 3.692l3.382 37.927H64zm0 35.743l-.061.017l-15.327-4.14l-.979-10.975H33.816l1.928 21.609l28.193 7.826l.063-.017z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#fff",
-      d: "M63.952 52.455v13.763h16.947l-1.597 17.849l-15.35 4.143v14.319l28.215-7.82l.207-2.325l3.234-36.233l.335-3.696h-3.708zm0-27.856v13.762h33.244l.276-3.092l.628-6.978l.329-3.692z"
-    }, null, 3, null)
-  ], 0, "69_0");
-}, "Html_component_oech6CSvP0E"));
-const _hf0$F = (p0) => p0.size ?? 24;
-const Css = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: core$1._fnSignal(_hf0$F, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$F, [
-      _rawProps
-    ]),
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), /* @__PURE__ */ core$1._jsxSorted("path", null, {
-    fill: "#3f9de9",
-    d: "m5 3l-.65 3.34h13.59L17.5 8.5H3.92l-.66 3.33h13.59l-.76 3.81l-5.48 1.81l-4.75-1.81l.33-1.64H2.85l-.79 4l7.85 3l9.05-3l1.2-6.03l.24-1.21L21.94 3z"
-  }, null, 3, null), 0, "0U_0");
-}, "Css_component_Cd0p31J5fL4"));
-const _hf0$E = (p0) => p0.size ?? 24;
-const Npm = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$E, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$E, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#cb3837",
-      d: "M0 7.062C0 3.225 3.225 0 7.062 0h113.88c3.838 0 7.063 3.225 7.063 7.062v113.88c0 3.838-3.225 7.063-7.063 7.063H7.062c-3.837 0-7.062-3.225-7.062-7.063zm23.69 97.518h40.395l.05-58.532h19.494l-.05 58.581h19.543l.05-78.075l-78.075-.1l-.1 78.126z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#fff",
-      d: "M25.105 65.52V26.512H40.96c8.72 0 26.274.034 39.008.075l23.153.075v77.866H83.645v-58.54H64.057v58.54H25.105z"
-    }, null, 3, null)
-  ], 0, "IW_0");
-}, "Npm_component_y4SGkU0mN4s"));
-const _hf0$D = (p0) => p0.size ?? 24;
-const Java = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$D, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$D, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#0074bd",
-      d: "M47.617 98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968 25.845-1.092c0 0 2.871 1.795 6.873 3.351c-24.439 10.47-55.308-.607-36.115-5.969m-2.988-13.665s-5.348 3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6c0 0 1.993 2.025 5.132 3.131c-29.542 8.64-62.446.68-41.309-6.336"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#ea2d2e",
-      d: "M69.802 61.271c6.025 6.935-1.58 13.17-1.58 13.17s15.289-7.891 8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58c0 .001-42.731 10.67-22.324 34.187"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#0074bd",
-      d: "M102.123 108.229s3.529 2.91-3.888 5.159c-14.102 4.272-58.706 5.56-71.094.171c-4.451-1.938 3.899-4.625 6.526-5.192c2.739-.593 4.303-.485 4.303-.485c-4.953-3.487-32.013 6.85-13.743 9.815c49.821 8.076 90.817-3.637 77.896-9.468M49.912 70.294s-22.686 5.389-8.033 7.348c6.188.828 18.518.638 30.011-.326c9.39-.789 18.813-2.474 18.813-2.474s-3.308 1.419-5.704 3.053c-23.042 6.061-67.544 3.238-54.731-2.958c10.832-5.239 19.644-4.643 19.644-4.643m40.697 22.747c23.421-12.167 12.591-23.86 5.032-22.285c-1.848.385-2.677.72-2.677.72s.688-1.079 2-1.543c14.953-5.255 26.451 15.503-4.823 23.725c0-.002.359-.327.468-.617"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#ea2d2e",
-      d: "M76.491 1.587S89.459 14.563 64.188 34.51c-20.266 16.006-4.621 25.13-.007 35.559c-11.831-10.673-20.509-20.07-14.688-28.815C58.041 28.42 81.722 22.195 76.491 1.587"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#0074bd",
-      d: "M52.214 126.021c22.476 1.437 57-.8 57.817-11.436c0 0-1.571 4.032-18.577 7.231c-19.186 3.612-42.854 3.191-56.887.874c0 .001 2.875 2.381 17.647 3.331"
-    }, null, 3, null)
-  ], 0, "ZF_0");
-}, "Java_component_vsaqvkillVU"));
-const _hf0$C = (p0) => p0.size ?? 24;
-const Kotlin = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$C, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$C, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("defs", null, null, /* @__PURE__ */ core$1._jsxSorted("linearGradient", null, {
-      id: "deviconKotlin0",
-      x1: "500.003",
-      x2: "-.097",
-      y1: "579.106",
-      y2: "1079.206",
-      gradientTransform: "translate(15.534 -96.774)scale(.1939)",
-      gradientUnits: "userSpaceOnUse"
-    }, [
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: ".003",
-        "stop-color": "#e44857"
-      }, null, 3, null),
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: ".469",
-        "stop-color": "#c711e1"
-      }, null, 3, null),
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "1",
-        "stop-color": "#7f52ff"
-      }, null, 3, null)
-    ], 3, null), 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "url(#deviconKotlin0)",
-      d: "M112.484 112.484H15.516V15.516h96.968L64 64Zm0 0"
-    }, null, 3, null)
-  ], 0, "Tq_0");
-}, "Kotlin_component_1pW6m4cmRZQ"));
-const _hf0$B = (p0) => p0.size ?? 24;
-const Go = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$B, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$B, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), /* @__PURE__ */ core$1._jsxSorted("g", null, {
-    fill: "#00acd7",
-    "fill-rule": "evenodd"
-  }, [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      d: "M11.156 54.829c-.243 0-.303-.122-.182-.303l1.273-1.637c.12-.182.424-.303.666-.303H34.55c.243 0 .303.182.182.364l-1.03 1.576c-.121.181-.424.363-.606.363zm-9.152 5.575c-.242 0-.303-.12-.182-.303l1.273-1.636c.121-.182.424-.303.667-.303h27.636c.242 0 .364.182.303.364l-.485 1.454c-.06.243-.303.364-.545.364zM16.67 65.98c-.242 0-.302-.182-.181-.364l.848-1.515c.122-.182.364-.363.607-.363h12.12c.243 0 .364.181.364.424l-.12 1.454c0 .243-.243.425-.425.425zm62.91-12.242c-3.819.97-6.425 1.697-10.182 2.666c-.91.243-.97.303-1.758-.606c-.909-1.03-1.576-1.697-2.848-2.303c-3.819-1.878-7.516-1.333-10.97.91c-4.121 2.666-6.242 6.605-6.182 11.514c.06 4.849 3.394 8.849 8.182 9.516c4.121.545 7.576-.91 10.303-4c.545-.667 1.03-1.394 1.636-2.243H56.064c-1.272 0-1.575-.788-1.151-1.818c.788-1.879 2.242-5.03 3.09-6.606c.183-.364.607-.97 1.516-.97h22.06c-.12 1.637-.12 3.273-.363 4.91c-.667 4.363-2.303 8.363-4.97 11.878c-4.364 5.758-10.06 9.333-17.273 10.303c-5.939.788-11.454-.364-16.302-4c-4.485-3.394-7.03-7.879-7.697-13.454c-.788-6.606 1.151-12.546 5.151-17.758c4.303-5.636 10-9.212 16.97-10.485c5.697-1.03 11.151-.363 16.06 2.97c3.212 2.121 5.515 5.03 7.03 8.545c.364.546.122.849-.606 1.03z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      "fill-rule": "nonzero",
-      d: "M99.64 87.253c-5.515-.122-10.546-1.697-14.788-5.334c-3.576-3.09-5.818-7.03-6.545-11.697c-1.091-6.848.787-12.909 4.909-18.302c4.424-5.819 9.757-8.849 16.97-10.122c6.181-1.09 12-.484 17.272 3.091c4.788 3.273 7.757 7.697 8.545 13.515c1.03 8.182-1.333 14.849-6.97 20.546c-4 4.06-8.909 6.606-14.545 7.757c-1.636.303-3.273.364-4.848.546m14.424-24.485c-.06-.788-.06-1.394-.182-2c-1.09-6-6.606-9.394-12.363-8.06c-5.637 1.272-9.273 4.848-10.606 10.545c-1.091 4.727 1.212 9.515 5.575 11.454c3.334 1.455 6.667 1.273 9.879-.363c4.788-2.485 7.394-6.364 7.697-11.576"
-    }, null, 3, null)
-  ], 3, null), 0, "go_0");
-}, "Go_component_0UX0vi2zT7c"));
-const _hf0$A = (p0) => p0.size ?? 24;
-const Python = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$A, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$A, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("linearGradient", null, {
-      id: "deviconPython0",
-      x1: "70.252",
-      x2: "170.659",
-      y1: "1237.476",
-      y2: "1151.089",
-      gradientTransform: "matrix(.563 0 0 -.568 -29.215 707.817)",
-      gradientUnits: "userSpaceOnUse"
-    }, [
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "0",
-        "stop-color": "#5a9fd4"
-      }, null, 3, null),
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "1",
-        "stop-color": "#306998"
-      }, null, 3, null)
-    ], 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("linearGradient", null, {
-      id: "deviconPython1",
-      x1: "209.474",
-      x2: "173.62",
-      y1: "1098.811",
-      y2: "1149.537",
-      gradientTransform: "matrix(.563 0 0 -.568 -29.215 707.817)",
-      gradientUnits: "userSpaceOnUse"
-    }, [
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "0",
-        "stop-color": "#ffd43b"
-      }, null, 3, null),
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "1",
-        "stop-color": "#ffe873"
-      }, null, 3, null)
-    ], 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "url(#deviconPython0)",
-      d: "M63.391 1.988c-4.222.02-8.252.379-11.8 1.007c-10.45 1.846-12.346 5.71-12.346 12.837v9.411h24.693v3.137H29.977c-7.176 0-13.46 4.313-15.426 12.521c-2.268 9.405-2.368 15.275 0 25.096c1.755 7.311 5.947 12.519 13.124 12.519h8.491V67.234c0-8.151 7.051-15.34 15.426-15.34h24.665c6.866 0 12.346-5.654 12.346-12.548V15.833c0-6.693-5.646-11.72-12.346-12.837c-4.244-.706-8.645-1.027-12.866-1.008M50.037 9.557c2.55 0 4.634 2.117 4.634 4.721c0 2.593-2.083 4.69-4.634 4.69c-2.56 0-4.633-2.097-4.633-4.69c-.001-2.604 2.073-4.721 4.633-4.721",
-      transform: "translate(0 10.26)"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "url(#deviconPython1)",
-      d: "M91.682 28.38v10.966c0 8.5-7.208 15.655-15.426 15.655H51.591c-6.756 0-12.346 5.783-12.346 12.549v23.515c0 6.691 5.818 10.628 12.346 12.547c7.816 2.297 15.312 2.713 24.665 0c6.216-1.801 12.346-5.423 12.346-12.547v-9.412H63.938v-3.138h37.012c7.176 0 9.852-5.005 12.348-12.519c2.578-7.735 2.467-15.174 0-25.096c-1.774-7.145-5.161-12.521-12.348-12.521h-9.268zM77.809 87.927c2.561 0 4.634 2.097 4.634 4.692c0 2.602-2.074 4.719-4.634 4.719c-2.55 0-4.633-2.117-4.633-4.719c0-2.595 2.083-4.692 4.633-4.692",
-      transform: "translate(0 10.26)"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("radialGradient", null, {
-      id: "deviconPython2",
-      cx: "1825.678",
-      cy: "444.45",
-      r: "26.743",
-      gradientTransform: "matrix(0 -.24 -1.055 0 532.979 557.576)",
-      gradientUnits: "userSpaceOnUse"
-    }, [
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "0",
-        "stop-color": "#b8b8b8",
-        "stop-opacity": "0.498"
-      }, null, 3, null),
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "1",
-        "stop-color": "#7f7f7f",
-        "stop-opacity": "0"
-      }, null, 3, null)
-    ], 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "url(#deviconPython2)",
-      d: "M97.309 119.597c0 3.543-14.816 6.416-33.091 6.416c-18.276 0-33.092-2.873-33.092-6.416s14.815-6.417 33.092-6.417c18.275 0 33.091 2.872 33.091 6.417",
-      opacity: "0.444"
-    }, null, 3, null)
-  ], 0, "m7_0");
-}, "Python_component_QseUf5f00nc"));
-const _hf0$z = (p0) => p0.size ?? 24;
-const Sql = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$z, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$z, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), /* @__PURE__ */ core$1._jsxSorted("path", null, {
-    fill: "#00618a",
-    d: "M117.688 98.242c-6.973-.191-12.297.461-16.852 2.379c-1.293.547-3.355.559-3.566 2.18c.711.746.82 1.859 1.387 2.777c1.086 1.754 2.922 4.113 4.559 5.352c1.789 1.348 3.633 2.793 5.551 3.961c3.414 2.082 7.223 3.27 10.504 5.352c1.938 1.23 3.859 2.777 5.75 4.164c.934.684 1.563 1.75 2.773 2.18v-.195c-.637-.812-.801-1.93-1.387-2.777l-2.578-2.578c-2.52-3.344-5.719-6.281-9.117-8.719c-2.711-1.949-8.781-4.578-9.91-7.73l-.199-.199c1.922-.219 4.172-.914 5.949-1.391c2.98-.797 5.645-.59 8.719-1.387l4.164-1.187v-.793c-1.555-1.594-2.664-3.707-4.359-5.152c-4.441-3.781-9.285-7.555-14.273-10.703c-2.766-1.746-6.184-2.883-9.117-4.363c-.988-.496-2.719-.758-3.371-1.586c-1.539-1.961-2.379-4.449-3.566-6.738c-2.488-4.793-4.93-10.023-7.137-15.066c-1.504-3.437-2.484-6.828-4.359-9.91c-9-14.797-18.687-23.73-33.695-32.508c-3.195-1.867-7.039-2.605-11.102-3.57l-6.543-.395c-1.332-.555-2.715-2.184-3.965-2.977C16.977 3.52 4.223-3.312.539 5.672C-1.785 11.34 4.016 16.871 6.09 19.746c1.457 2.012 3.32 4.273 4.359 6.539c.688 1.492.805 2.984 1.391 4.559c1.438 3.883 2.695 8.109 4.559 11.695c.941 1.816 1.98 3.727 3.172 5.352c.727.996 1.98 1.438 2.18 2.973c-1.227 1.715-1.297 4.375-1.984 6.543c-3.098 9.77-1.926 21.91 2.578 29.137c1.383 2.223 4.641 6.98 9.117 5.156c3.918-1.598 3.043-6.539 4.164-10.902c.254-.988.098-1.715.594-2.379v.199l3.57 7.133c2.641 4.254 7.324 8.699 11.297 11.699c2.059 1.555 3.68 4.242 6.344 5.152v-.199h-.199c-.516-.805-1.324-1.137-1.98-1.781c-1.551-1.523-3.277-3.414-4.559-5.156c-3.613-4.902-6.805-10.27-9.711-15.855c-1.391-2.668-2.598-5.609-3.77-8.324c-.453-1.047-.445-2.633-1.387-3.172c-1.281 1.988-3.172 3.598-4.164 5.945c-1.582 3.754-1.789 8.336-2.375 13.082c-.348.125-.195.039-.398.199c-2.762-.668-3.73-3.508-4.758-5.949c-2.594-6.164-3.078-16.09-.793-23.191c.59-1.836 3.262-7.617 2.18-9.316c-.516-1.691-2.219-2.672-3.172-3.965c-1.18-1.598-2.355-3.703-3.172-5.551c-2.125-4.805-3.113-10.203-5.352-15.062c-1.07-2.324-2.875-4.676-4.359-6.738c-1.645-2.289-3.484-3.977-4.758-6.742c-.453-.984-1.066-2.559-.398-3.566c.215-.684.516-.969 1.191-1.191c1.148-.887 4.352.297 5.547.793c3.18 1.32 5.832 2.578 8.527 4.363c1.289.855 2.598 2.512 4.16 2.973h1.785c2.789.641 5.914.195 8.523.988c4.609 1.402 8.738 3.582 12.488 5.949c11.422 7.215 20.766 17.48 27.156 29.734c1.027 1.973 1.473 3.852 2.379 5.945c1.824 4.219 4.125 8.559 5.941 12.688c1.816 4.113 3.582 8.27 6.148 11.695c1.348 1.801 6.551 2.766 8.918 3.766c1.66.699 4.379 1.43 5.949 2.379c3 1.809 5.906 3.965 8.723 5.945c1.402.992 5.73 3.168 5.945 4.957zm-88.605-75.52c-1.453-.027-2.48.156-3.566.395v.199h.195c.695 1.422 1.918 2.34 2.777 3.566l1.98 4.164l.199-.195c1.227-.867 1.789-2.25 1.781-4.363c-.492-.52-.562-1.164-.992-1.785c-.562-.824-1.66-1.289-2.375-1.98zm0 0"
-  }, null, 3, null), 0, "j8_0");
-}, "Sql_component_4n1zvVUQlz4"));
-const _hf0$y = (p0) => p0.size ?? 24;
-const Json = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$y, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$y, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("linearGradient", null, {
-      id: "deviconJson0",
-      x1: "-670.564",
-      x2: "-583.105",
-      y1: "-280.831",
-      y2: "-368.306",
-      gradientTransform: "matrix(.9988 0 0 -.9987 689.011 -259.008)",
-      gradientUnits: "userSpaceOnUse"
-    }, [
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "0"
-      }, null, 3, null),
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "1",
-        "stop-color": "#fff"
-      }, null, 3, null)
-    ], 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "url(#deviconJson0)",
-      "fill-rule": "evenodd",
-      d: "M63.895 94.303c27.433 37.398 54.281-10.438 54.241-39.205c-.046-34.012-34.518-53.021-54.263-53.021C32.182 2.077 2 28.269 2 64.105C2 103.937 36.596 126 63.873 126c-6.172-.889-26.742-5.296-27.019-52.674c-.186-32.044 10.453-44.846 26.974-39.214c.37.137 18.223 7.18 18.223 30.187c0 22.908-18.156 30.004-18.156 30.004",
-      "clip-rule": "evenodd"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("linearGradient", null, {
-      id: "deviconJson1",
-      x1: "-579.148",
-      x2: "-666.607",
-      y1: "-364.34",
-      y2: "-276.865",
-      gradientTransform: "matrix(.9988 0 0 -.9987 689.011 -259.008)",
-      gradientUnits: "userSpaceOnUse"
-    }, [
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "0"
-      }, null, 3, null),
-      /* @__PURE__ */ core$1._jsxSorted("stop", null, {
-        offset: "1",
-        "stop-color": "#fff"
-      }, null, 3, null)
-    ], 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "url(#deviconJson1)",
-      "fill-rule": "evenodd",
-      d: "M63.895 94.303c27.433 37.398 54.281-10.438 54.241-39.205c-.046-34.012-34.518-53.021-54.263-53.021C32.182 2.077 2 28.269 2 64.105C2 103.937 36.596 126 63.873 126c-6.172-.889-26.742-5.296-27.019-52.674c-.186-32.044 10.453-44.846 26.974-39.214c.37.137 18.223 7.18 18.223 30.187c0 22.908-18.156 30.004-18.156 30.004",
-      "clip-rule": "evenodd"
-    }, null, 3, null)
-  ], 0, "AB_0");
-}, "Json_component_fcFOewcgaQQ"));
-const _hf0$x = (p0) => p0.size ?? 24;
-const Lua = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: core$1._fnSignal(_hf0$x, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$x, [
-      _rawProps
-    ]),
-    viewBox: "0 0 128 128",
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#000080",
-      d: "M112.956.708c-7.912 0-14.335 6.424-14.335 14.336s6.424 14.335 14.335 14.335s14.335-6.41 14.335-14.335c0-7.912-6.424-14.336-14.335-14.336M64 15.058c-27.02 0-48.956 21.935-48.956 48.955S36.979 112.97 64 112.97c27.02 0 48.956-21.935 48.956-48.956c0-27.02-21.936-48.956-48.956-48.956"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#fff",
-      d: "M84.285 29.392c-7.91 0-14.335 6.424-14.335 14.335s6.424 14.336 14.335 14.336s14.336-6.424 14.336-14.336s-6.424-14.335-14.335-14.335zM30.773 56.36v32.119h19.961v-3.611H34.87V56.359Zm57.584 8.37c-3.354 0-6.126.975-7.668 2.692c-1.055 1.19-1.488 2.516-1.582 4.801h3.705c.311-2.826 1.988-4.098 5.423-4.098c3.3 0 5.153 1.231 5.153 3.435v.974c0 1.542-.92 2.205-3.827 2.556c-5.193.663-5.991.839-7.398 1.407c-2.69 1.095-4.057 3.164-4.057 6.166c0 4.193 2.908 6.83 7.574 6.83c2.907 0 5.247-1.014 7.843-3.395c.257 2.34 1.407 3.395 3.787 3.395c.757 0 1.325-.081 2.515-.392v-2.773a3 3 0 0 1-.798.095c-1.284 0-1.988-.663-1.988-1.812V71.032c0-4.098-3.002-6.302-8.682-6.302m-33.742.664V83.19c0 3.84 2.867 6.302 7.357 6.302c3.395 0 5.545-1.19 7.709-4.233v3.219h3.3V65.393h-3.652v13.09c0 4.72-2.475 7.804-6.302 7.804c-2.907 0-4.76-1.772-4.76-4.544v-16.35Zm38.773 11.67v4.139c0 1.244-.365 1.988-1.46 3.002c-1.502 1.366-3.3 2.07-5.464 2.07c-2.867 0-4.544-1.367-4.544-3.706c0-2.42 1.636-3.665 5.558-4.233c3.881-.528 4.68-.703 5.91-1.271z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#808080",
-      d: "M61.733 0a64 64 0 0 0-5.57.436l.179 1.458a63 63 0 0 1 5.442-.426zm5.585.046l-.075 1.468a62 62 0 0 1 5.433.52L72.88.578a64 64 0 0 0-5.561-.532Zm-16.665 1.31a63 63 0 0 0-5.409 1.398l.43 1.405a62 62 0 0 1 5.284-1.367Zm27.72.237l-.33 1.431a63 63 0 0 1 5.262 1.455l.452-1.397a64 64 0 0 0-5.384-1.489M39.98 4.623a64 64 0 0 0-5.081 2.323l.668 1.308a62 62 0 0 1 4.964-2.27zm49.012.41l-.573 1.353a63 63 0 0 1 4.929 2.346l.688-1.298a64 64 0 0 0-5.044-2.4ZM30.04 9.706a64 64 0 0 0-4.6 3.17l.886 1.173a63 63 0 0 1 4.494-3.098zm-8.906 6.728a64 64 0 0 0-3.983 3.918l1.075 1.001a63 63 0 0 1 3.891-3.827zm-7.61 8.165a64 64 0 0 0-3.247 4.546l1.231.8a63 63 0 0 1 3.172-4.44zm-6.086 9.357a64 64 0 0 0-2.408 5.042l1.352.574a62 62 0 0 1 2.352-4.925zm113.623.973l-1.31.667a63 63 0 0 1 2.263 4.967l1.362-.55a64 64 0 0 0-2.315-5.083zM3.075 44.23a63 63 0 0 0-1.49 5.385l1.432.328a62 62 0 0 1 1.455-5.26Zm122.166 1.049l-1.404.429a63 63 0 0 1 1.366 5.285l1.437-.306a64 64 0 0 0-1.399-5.409zM.574 55.108a64 64 0 0 0-.528 5.561l1.467.075a63 63 0 0 1 .516-5.434Zm126.988 1.088l-1.458.179a63 63 0 0 1 .428 5.441l1.468-.05a64 64 0 0 0-.438-5.57M1.468 66.205L0 66.255a64 64 0 0 0 .435 5.57l1.458-.179a63 63 0 0 1-.425-5.441m125.018 1.071a63 63 0 0 1-.518 5.434l1.455.203a64 64 0 0 0 .53-5.561zM2.79 77.031l-1.437.304a63 63 0 0 0 1.398 5.41l1.405-.43A62 62 0 0 1 2.79 77.03Zm122.188 1.046a62 62 0 0 1-1.457 5.26l1.397.454a63 63 0 0 0 1.492-5.384zM5.981 87.459l-1.362.551a63 63 0 0 0 2.323 5.082l1.307-.669a62 62 0 0 1-2.268-4.964m115.627.99a62 62 0 0 1-2.354 4.925l1.296.69a64 64 0 0 0 2.41-5.04zM10.944 97.17l-1.245.78a64 64 0 0 0 3.17 4.6l1.172-.885a63 63 0 0 1-3.097-4.495m105.534.904a63 63 0 0 1-3.173 4.44l1.156.906a64 64 0 0 0 3.249-4.545zm-98.96 7.8l-1.092.983a64 64 0 0 0 3.917 3.983l1.002-1.074a63 63 0 0 1-3.827-3.892m92.24.79a63 63 0 0 1-3.893 3.826l.983 1.092a64 64 0 0 0 3.984-3.916zm-84.263 6.648l-.906 1.157a64 64 0 0 0 4.546 3.248l.8-1.232a63 63 0 0 1-4.44-3.173m76.16.654a63 63 0 0 1-4.495 3.096l.78 1.245a64 64 0 0 0 4.6-3.17zm-67.018 5.294l-.691 1.296a64 64 0 0 0 5.04 2.409l.575-1.352a62 62 0 0 1-4.924-2.353m57.775.496a62 62 0 0 1-4.964 2.268l.551 1.362a63 63 0 0 0 5.082-2.322zm-47.74 3.77l-.453 1.396a63 63 0 0 0 5.385 1.49l.329-1.43a62 62 0 0 1-5.26-1.456zm37.632.322a62 62 0 0 1-5.284 1.365l.304 1.437a63 63 0 0 0 5.41-1.398zm-27.003 2.122l-.203 1.455a64 64 0 0 0 5.561.529l.075-1.467a63 63 0 0 1-5.433-.517m16.335.139a63 63 0 0 1-5.442.424l.05 1.468a64 64 0 0 0 5.57-.434z"
-    }, null, 3, null)
-  ], 0, "et_0");
-}, "Lua_component_Nu4TK4es0Xo"));
-const _hf0$w = (p0) => p0.size ?? 24;
-const Csharp = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
+const LanguageGlyph = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
+  const suffix = core$1.useId();
   return /* @__PURE__ */ core$1._jsxSplit("svg", {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 128 128",
-    width: core$1._fnSignal(_hf0$w, [
+    viewBox: core$1._fnSignal(_hf0$t, [
       _rawProps
     ]),
-    height: core$1._fnSignal(_hf0$w, [
-      _rawProps
-    ]),
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#9b4f96",
-      d: "M115.4 30.7L67.1 2.9c-.8-.5-1.9-.7-3.1-.7s-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.4 1 3.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#68217a",
-      d: "M10.7 95.3c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7s2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4V36.1c0-.9-.1-1.9-.6-2.8z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#fff",
-      d: "M85.3 76.1C81.1 83.5 73.1 88.5 64 88.5c-13.5 0-24.5-11-24.5-24.5s11-24.5 24.5-24.5c9.1 0 17.1 5 21.3 12.5l13-7.5c-6.8-11.9-19.6-20-34.3-20c-21.8 0-39.5 17.7-39.5 39.5s17.7 39.5 39.5 39.5c14.6 0 27.4-8 34.2-19.8zM97 66.2l.9-4.3h-4.2v-4.7h5.1L100 51h4.9l-1.2 6.1h3.8l1.2-6.1h4.8l-1.2 6.1h2.4v4.7h-3.3l-.9 4.3h4.2v4.7h-5.1l-1.2 6h-4.9l1.2-6h-3.8l-1.2 6h-4.8l1.2-6h-2.4v-4.7H97zm4.8 0h3.8l.9-4.3h-3.8z"
-    }, null, 3, null)
-  ], 0, "0a_0");
-}, "Csharp_component_yFicJlZ0ehE"));
-const _hf0$v = (p0) => p0.size ?? 24;
-const Cplusplus = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 128 128",
-    width: core$1._fnSignal(_hf0$v, [
-      _rawProps
-    ]),
-    height: core$1._fnSignal(_hf0$v, [
-      _rawProps
-    ]),
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#00599c",
-      d: "M118.766 95.82c.89-1.543 1.441-3.28 1.441-4.843V36.78c0-1.558-.55-3.297-1.441-4.84l-55.32 31.94Zm0 0"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#004482",
-      d: "m68.36 126.586l46.933-27.094c1.352-.781 2.582-2.129 3.473-3.672l-55.32-31.94L8.12 95.82c.89 1.543 2.121 2.89 3.473 3.672l46.933 27.094c2.703 1.562 7.13 1.562 9.832 0Zm0 0"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#659ad2",
-      d: "M118.766 31.941c-.891-1.546-2.121-2.894-3.473-3.671L68.359 1.172c-2.703-1.563-7.129-1.563-9.832 0L11.594 28.27C8.89 29.828 6.68 33.66 6.68 36.78v54.196c0 1.562.55 3.3 1.441 4.843L63.445 63.88Zm0 0"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#fff",
-      d: "M63.445 26.035c-20.867 0-37.843 16.977-37.843 37.844s16.976 37.844 37.843 37.844c13.465 0 26.024-7.247 32.77-18.91L79.84 73.335c-3.38 5.84-9.66 9.465-16.395 9.465c-10.433 0-18.922-8.488-18.922-18.922s8.49-18.922 18.922-18.922c6.73 0 13.017 3.629 16.39 9.465l16.38-9.477c-6.75-11.664-19.305-18.91-32.77-18.91zM92.88 57.57v4.207h-4.207v4.203h4.207v4.207h4.203V65.98h4.203v-4.203h-4.203V57.57zm15.766 0v4.207h-4.204v4.203h4.204v4.207h4.207V65.98h4.203v-4.203h-4.203V57.57z"
-    }, null, 3, null)
-  ], 0, "n0_0");
-}, "Cplusplus_component_We60oaxTljI"));
-const _hf0$u = (p0) => p0.size ?? 24;
-const C = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  const props = core$1._restProps(_rawProps, [
-    "size"
-  ]);
-  return /* @__PURE__ */ core$1._jsxSplit("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 128 128",
-    width: core$1._fnSignal(_hf0$u, [
+    width: core$1._fnSignal(_hf1$g, [
       _rawProps
     ]),
-    height: core$1._fnSignal(_hf0$u, [
+    height: core$1._fnSignal(_hf1$g, [
       _rawProps
     ]),
-    ...core$1._getVarProps(props)
-  }, core$1._getConstProps(props), [
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#659ad3",
-      d: "M115.4 30.7L67.1 2.9c-.8-.5-1.9-.7-3.1-.7s-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.4 1 3.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#03599c",
-      d: "M10.7 95.3c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7s2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4V36.1c0-.9-.1-1.9-.6-2.8z"
-    }, null, 3, null),
-    /* @__PURE__ */ core$1._jsxSorted("path", null, {
-      fill: "#fff",
-      d: "M85.3 76.1C81.1 83.5 73.1 88.5 64 88.5c-13.5 0-24.5-11-24.5-24.5s11-24.5 24.5-24.5c9.1 0 17.1 5 21.3 12.5l13-7.5c-6.8-11.9-19.6-20-34.3-20c-21.8 0-39.5 17.7-39.5 39.5s17.7 39.5 39.5 39.5c14.6 0 27.4-8 34.2-19.8z"
-    }, null, 3, null)
-  ], 0, "gG_0");
-}, "C_component_8furXfuHI4I"));
-const styles$I = {
+    class: core$1._wrapProp(_rawProps, "class"),
+    style: core$1._wrapProp(_rawProps, "style"),
+    ..._rawProps.icon.attrs
+  }, null, _rawProps.icon.children.map((child, i) => renderNode(child, suffix, i)), 0, "d4_0");
+}, "LanguageGlyph_component_8wkMyHdmoRo"));
+const styles$H = {
   "elm-mdi-icon": "_elm-mdi-icon_ihskx_1"
 };
-const _hf0$t = (p0) => ({
+const _hf0$s = (p0) => ({
   "--elmethis-scoped-color": p0.lightColor ?? p0.color ?? "currentColor",
   "--dark-color": p0.darkColor ?? p0.color ?? "currentColor",
   ...p0.style
 });
-const _hf1$g = (p0) => p0.size ?? "1em";
-const _hf2$b = (p0) => p0.color ?? "currentColor";
+const _hf1$f = (p0) => p0.size ?? "1em";
+const _hf2$a = (p0) => p0.color ?? "currentColor";
 const ElmMdiIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const props = core$1._restProps(_rawProps, [
     "class",
@@ -1875,20 +1285,20 @@ const ElmMdiIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("svg", {
     class: [
-      styles$I["elm-mdi-icon"],
+      styles$H["elm-mdi-icon"],
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$t, [
+    style: core$1._fnSignal(_hf0$s, [
       _rawProps
     ]),
-    width: core$1._fnSignal(_hf1$g, [
+    width: core$1._fnSignal(_hf1$f, [
       _rawProps
     ]),
-    height: core$1._fnSignal(_hf1$g, [
+    height: core$1._fnSignal(_hf1$f, [
       _rawProps
     ]),
     viewBox: "0 0 24 24",
-    fill: core$1._fnSignal(_hf2$b, [
+    fill: core$1._fnSignal(_hf2$a, [
       _rawProps
     ]),
     xmlns: "http://www.w3.org/2000/svg",
@@ -1899,100 +1309,27 @@ const ElmMdiIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
     d: core$1._wrapProp(_rawProps, "d")
   }, null, null, 3, null), 0, "IA_0");
 }, "ElmMdiIcon_component_AUxPCIu3tI0"));
-const _hf0$s = (p0) => p0.size ?? 24;
-const normalizeLanguage = (language) => {
-  switch (language) {
-    case "rust":
-    case "rs":
-      return "rust";
-    case "javascript":
-    case "js":
-      return "javascript";
-    case "typescript":
-    case "ts":
-      return "typescript";
-    case "bash":
-    case "sh":
-    case "shell":
-      return "shell";
-    case "tf":
-    case "terraform":
-    case "hcl":
-      return "terraform";
-    case "html":
-    case "html5":
-      return "html";
-    case "css":
-    case "css3":
-      return "css";
-    case "npm":
-      return "npm";
-    case "java":
-      return "java";
-    case "kotlin":
-    case "kt":
-      return "kotlin";
-    case "go":
-    case "golang":
-      return "go";
-    case "python":
-    case "py":
-      return "python";
-    case "sql":
-      return "sql";
-    case "json":
-      return "json";
-    case "lua":
-      return "lua";
-    case "cs":
-    case "c#":
-    case "csharp":
-      return "csharp";
-    case "cpp":
-    case "c++":
-      return "cpp";
-    case "c":
-    case "clang":
-      return "c";
-    default:
-      return "file";
+const _hf0$r = (p0) => p0.size ?? 24;
+const ElmLanguageIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
+  const normalized = core.normalizeLanguage(_rawProps.language);
+  if (normalized === "file") {
+    return /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
+      size: String(_rawProps.size ?? 24)
+    }, {
+      d: js.mdiCodeTags
+    }, null, 3, "bu_0");
   }
-};
-const renderMap = {
-  rust: Rust,
-  javascript: Javascript,
-  typescript: Typescript,
-  shell: Bash,
-  terraform: Terraform,
-  html: Html,
-  css: Css,
-  npm: Npm,
-  java: Java,
-  kotlin: Kotlin,
-  go: Go,
-  python: Python,
-  sql: Sql,
-  json: Json,
-  lua: Lua,
-  csharp: Csharp,
-  cpp: Cplusplus,
-  c: C,
-  file: (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
-    size: String(_rawProps.size)
+  return /* @__PURE__ */ core$1._jsxSorted(LanguageGlyph, {
+    icon: core.languageIcons[normalized]
   }, {
-    d: js.mdiCodeTags
-  }, null, 3, "bu_0")
-};
-const ElmLanguageIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
-  return /* @__PURE__ */ core$1._jsxSorted(renderMap[normalizeLanguage(_rawProps.language)], null, {
-    size: core$1._fnSignal(_hf0$s, [
+    size: core$1._fnSignal(_hf0$r, [
       _rawProps
     ]),
     class: core$1._wrapProp(_rawProps, "class"),
     style: core$1._wrapProp(_rawProps, "style")
   }, null, 3, "bu_1");
 }, "ElmLanguageIcon_component_nXOhYnvIKLk"));
-const styles$H = {
+const styles$G = {
   "elm-shiki-highlighter": "_elm-shiki-highlighter_j5tas_1"
 };
 const ElmShikiHighlighter = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
@@ -2032,14 +1369,14 @@ const ElmShikiHighlighter = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
   ]));
   return /* @__PURE__ */ core$1._jsxSplit("pre", {
     class: [
-      styles$H["elm-shiki-highlighter"],
+      styles$G["elm-shiki-highlighter"],
       _rawProps.class
     ],
     dangerouslySetInnerHTML: core$1._wrapProp(rawHtml),
     ...core$1._getVarProps(props)
   }, core$1._getConstProps(props), null, 0, "ZN_0");
 }, "ElmShikiHighlighter_component_vKuHJZdaUdo"));
-const styles$G = {
+const styles$F = {
   "use-clipboard": "_use-clipboard_mb0qt_1",
   "use-clipboard-icon-copied": "_use-clipboard-icon-copied_mb0qt_15"
 };
@@ -2078,7 +1415,7 @@ const useClipboard = (options) => {
     const copied2 = core$1._captures[0], copy2 = core$1._captures[1], options2 = core$1._captures[2];
     return /* @__PURE__ */ core$1._jsxSorted("span", {
       class: [
-        styles$G["use-clipboard"],
+        styles$F["use-clipboard"],
         options2.class
       ],
       style: core$1._wrapProp(options2, "style")
@@ -2087,7 +1424,7 @@ const useClipboard = (options) => {
     }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
       class: [
         {
-          [styles$G["use-clipboard-icon-copied"]]: copied2.value
+          [styles$F["use-clipboard-icon-copied"]]: copied2.value
         }
       ],
       d: copied2.value ? js.mdiClipboardCheckOutline : js.mdiClipboardOutline
@@ -2104,8 +1441,8 @@ const useClipboard = (options) => {
     copy
   };
 };
-const _hf0$r = (p0) => p0.language ?? "txt";
-const _hf1$f = (p0) => p0.caption || (p0.language ?? "txt");
+const _hf0$q = (p0) => p0.language ?? "txt";
+const _hf1$e = (p0) => p0.caption || (p0.language ?? "txt");
 const ElmCodeBlock = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const props = core$1._restProps(_rawProps, [
     "class",
@@ -2118,37 +1455,37 @@ const ElmCodeBlock = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
   });
   return /* @__PURE__ */ core$1._jsxSplit("figure", {
     class: [
-      styles$K["elm-code-block"],
+      styles$I["elm-code-block"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
   }, core$1._getConstProps(props), [
     /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$K["language-icon"]
+      class: styles$I["language-icon"]
     }, /* @__PURE__ */ core$1._jsxSorted(ElmLanguageIcon, null, {
-      language: core$1._fnSignal(_hf0$r, [
+      language: core$1._fnSignal(_hf0$q, [
         _rawProps
       ])
     }, null, 3, "sK_0"), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$K.caption
+      class: styles$I.caption
     }, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, [
-      core$1._fnSignal(_hf1$f, [
+      core$1._fnSignal(_hf1$e, [
         _rawProps
       ]),
       /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "sK_1")
     ], 1, "sK_2"), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$K["copy-icon"]
+      class: styles$I["copy-icon"]
     }, /* @__PURE__ */ core$1._jsxSorted(clipboard.CopyButton, null, null, null, 3, "sK_3"), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("hr", null, {
-      class: styles$K.divider
+      class: styles$I.divider
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$K.code
+      class: styles$I.code
     }, /* @__PURE__ */ core$1._jsxSorted(ElmShikiHighlighter, null, {
       code: core$1._wrapProp(_rawProps, "code"),
-      language: core$1._fnSignal(_hf0$r, [
+      language: core$1._fnSignal(_hf0$q, [
         _rawProps
       ])
     }, null, 3, "sK_4"), 1, null)
@@ -2156,7 +1493,7 @@ const ElmCodeBlock = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
 }, "ElmCodeBlock_component_rH8kn9Tvguw"));
 const image$2 = "_image_kwjx3_12";
 const fallback$1 = "_fallback_kwjx3_36";
-const styles$F = {
+const styles$E = {
   "elm-block-image": "_elm-block-image_kwjx3_1",
   "image-container": "_image-container_kwjx3_12",
   image: image$2,
@@ -2164,7 +1501,7 @@ const styles$F = {
   "caption-box": "_caption-box_kwjx3_46",
   "caption-icon": "_caption-icon_kwjx3_57"
 };
-const styles$E = {
+const styles$D = {
   "elm-rectangle-wave": "_elm-rectangle-wave_70gad_21"
 };
 const ElmRectangleWave = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
@@ -2174,14 +1511,14 @@ const ElmRectangleWave = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ cor
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     "aria-hidden": "true",
     class: [
-      styles$E["elm-rectangle-wave"],
+      styles$D["elm-rectangle-wave"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
   }, core$1._getConstProps(props), null, 0, "vI_0");
 }, "ElmRectangleWave_component_4z0HAhT3758"));
 const shown = "_shown_12j1m_18";
-const styles$D = {
+const styles$C = {
   "elm-modal": "_elm-modal_12j1m_1",
   shown
 };
@@ -2228,10 +1565,10 @@ const ElmModal = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inli
   return /* @__PURE__ */ core$1._jsxSplit("dialog", {
     ref: dialogRef,
     class: [
-      styles$D["elm-modal"],
+      styles$C["elm-modal"],
       props.class,
       {
-        [styles$D["shown"]]: isShown.value
+        [styles$C["shown"]]: isShown.value
       }
     ],
     "q-e:click": handleClose,
@@ -2289,13 +1626,13 @@ const useModal = (options = {}) => {
     toggle
   };
 };
-const _hf0$q = (p0) => p0.alt ?? p0.caption ?? "Image";
-const _hf1$e = (p0, p1) => p0 ? void 0 : p1.srcset;
-const _hf2$a = (p0, p1) => p0 ? void 0 : p1.sizes;
-const _hf3$9 = (p0) => ({
+const _hf0$p = (p0) => p0.alt ?? p0.caption ?? "Image";
+const _hf1$d = (p0, p1) => p0 ? void 0 : p1.srcset;
+const _hf2$9 = (p0, p1) => p0 ? void 0 : p1.sizes;
+const _hf3$8 = (p0) => ({
   "--elmethis-scoped-opacity": p0.value ? 1 : 0.01
 });
-const _hf4$5 = (p0) => ({
+const _hf4$4 = (p0) => ({
   "--elmethis-scoped-opacity": p0.value ? 0.01 : 1
 });
 const ElmBlockImage = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
@@ -2345,7 +1682,7 @@ const ElmBlockImage = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     isLoading
   ]));
   const ImageComponent = (isModal) => /* @__PURE__ */ core$1._jsxSorted("img", {
-    alt: core$1._fnSignal(_hf0$q, [
+    alt: core$1._fnSignal(_hf0$p, [
       props
     ]),
     fetchPriority: isModal ? "low" : "auto",
@@ -2355,12 +1692,12 @@ const ElmBlockImage = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     // Only the inline image owns imgRef; the modal image must not steal it
     // (ElmModal keeps its slot mounted, so both can coexist in the DOM).
     ref: isModal ? void 0 : imgRef,
-    sizes: core$1._fnSignal(_hf2$a, [
+    sizes: core$1._fnSignal(_hf2$9, [
       isModal,
       props
     ]),
     src: core$1._wrapProp(props, "src"),
-    srcset: core$1._fnSignal(_hf1$e, [
+    srcset: core$1._fnSignal(_hf1$d, [
       isModal,
       props
     ]),
@@ -2371,36 +1708,36 @@ const ElmBlockImage = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     },
     width: core$1._wrapProp(props, "width")
   }, {
-    class: styles$F.image,
+    class: styles$E.image,
     "q-e:load": handleImageLoad
   }, null, 2, "zM_0");
   return /* @__PURE__ */ core$1._jsxSplit("figure", {
     class: [
-      styles$F["elm-block-image"],
+      styles$E["elm-block-image"],
       props.class
     ],
     ...core$1._getVarProps(rest)
   }, core$1._getConstProps(rest), [
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$F["image-container"],
-      style: core$1._fnSignal(_hf3$9, [
+      class: styles$E["image-container"],
+      style: core$1._fnSignal(_hf3$8, [
         isLoading
       ]),
       "q-e:click": handleOpenModal
     }, [
       ImageComponent(false),
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$F.fallback
+        class: styles$E.fallback
       }, /* @__PURE__ */ core$1._jsxSorted(ElmRectangleWave, null, null, null, 3, "zM_1"), 1, null)
     ], 1, null),
     props.caption && /* @__PURE__ */ core$1._jsxSorted("figcaption", null, {
-      class: styles$F["caption-box"],
-      style: core$1._fnSignal(_hf4$5, [
+      class: styles$E["caption-box"],
+      style: core$1._fnSignal(_hf4$4, [
         isLoading
       ])
     }, [
       /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$F["caption-icon"]
+        class: styles$E["caption-icon"]
       }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
         d: js.mdiMessageImageOutline,
         size: "1.25rem"
@@ -2412,7 +1749,7 @@ const ElmBlockImage = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     /* @__PURE__ */ core$1._jsxSorted(modal2.Modal, null, null, modal2.isOpen.value && ImageComponent(true), 1, "zM_5")
   ], 0, "zM_6");
 }, "ElmBlockImage_component_XGyydMLGB8M"));
-const styles$C = {
+const styles$B = {
   "elm-file": "_elm-file_1oen6_1",
   "file-size": "_file-size_1oen6_13",
   "download-icon": "_download-icon_1oen6_18"
@@ -2450,7 +1787,7 @@ const ElmFile = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlin
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$C["elm-file"],
+      styles$B["elm-file"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
@@ -2461,10 +1798,10 @@ const ElmFile = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlin
     }, null, 3, "r0_0"), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, null, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, _rawProps.name ?? getLastPathSegmentWithoutQueryOrHash(_rawProps.src), 1, "r0_1"), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$C["file-size"]
+      class: styles$B["file-size"]
     }, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._wrapProp(_rawProps, "filesize"), 1, "r0_2"), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$C["download-icon"],
+      class: styles$B["download-icon"],
       "q-e:click": downloadFile
     }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
       d: js.mdiDownload,
@@ -2478,7 +1815,7 @@ const content$2 = "_content_67069_56";
 const title = "_title_67069_72";
 const description = "_description_67069_76";
 const link = "_link_67069_81";
-const styles$B = {
+const styles$A = {
   "elm-bookmark": "_elm-bookmark_67069_1",
   container,
   image: image$1,
@@ -2487,7 +1824,7 @@ const styles$B = {
   description,
   link
 };
-const _hf0$p = (p0, p1, p2) => p2.value || p0.image == null ? p1 : {};
+const _hf0$o = (p0, p1, p2) => p2.value || p0.image == null ? p1 : {};
 const ElmBookmark = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const props = core$1._restProps(_rawProps, [
     "class",
@@ -2510,44 +1847,44 @@ const ElmBookmark = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   };
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$B["elm-bookmark"],
+      styles$A["elm-bookmark"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
   }, core$1._getConstProps(props), /* @__PURE__ */ core$1._jsxSorted("a", {
     href: core$1._wrapProp(_rawProps, "url")
   }, {
-    class: styles$B.container,
+    class: styles$A.container,
     target: "_blank",
     rel: "noopener noreferrer"
   }, [
     /* @__PURE__ */ core$1._jsxSorted("img", {
       src: core$1._wrapProp(_rawProps, "image"),
-      style: core$1._fnSignal(_hf0$p, [
+      style: core$1._fnSignal(_hf0$o, [
         _rawProps,
         hiddenStyle,
         isError
       ])
     }, {
-      class: styles$B.image,
+      class: styles$A.image,
       alt: "OGP Image",
       "q-e:error": handleImageOnError
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$B.content
+      class: styles$A.content
     }, [
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$B.title
+        class: styles$A.title
       }, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
         bold: true
       }, core$1._wrapProp(_rawProps, "title"), 1, "cr_0"), 1, null),
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$B.description
+        class: styles$A.description
       }, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
         size: "0.75rem"
       }, core$1._wrapProp(_rawProps, "description"), 1, "cr_1"), 1, null),
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$B.link
+        class: styles$A.link
       }, [
         _rawProps.favicon ? /* @__PURE__ */ core$1._jsxSorted(ElmInlineIcon, null, {
           src: core$1._wrapProp(_rawProps, "favicon")
@@ -2569,7 +1906,7 @@ const chevron$1 = "_chevron_d59g8_50";
 const cross = "_cross_d59g8_63";
 const border = "_border_d59g8_77";
 const content$1 = "_content_d59g8_85";
-const styles$A = {
+const styles$z = {
   "elm-toggle": "_elm-toggle_d59g8_1",
   open,
   summary: summary$1,
@@ -2580,8 +1917,8 @@ const styles$A = {
   border,
   content: content$1
 };
-const _hf0$o = (p0) => p0.monochrome ? "var(--elmethis-color-neutral-weak)" : "var(--elmethis-color-primary)";
-const _hf1$d = (p0, p1) => p1.monochrome ? "var(--elmethis-color-neutral-weak)" : p0.value ? "var(--elmethis-color-accent-error)" : "var(--elmethis-color-primary)";
+const _hf0$n = (p0) => p0.monochrome ? "var(--elmethis-color-neutral-weak)" : "var(--elmethis-color-primary)";
+const _hf1$c = (p0, p1) => p1.monochrome ? "var(--elmethis-color-neutral-weak)" : p0.value ? "var(--elmethis-color-accent-error)" : "var(--elmethis-color-primary)";
 const ElmToggle = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
   const rest = core$1._restProps(props, [
     "class",
@@ -2597,9 +1934,9 @@ const ElmToggle = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
   });
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$A["elm-toggle"],
+      styles$z["elm-toggle"],
       {
-        [styles$A.open]: isOpen.value
+        [styles$z.open]: isOpen.value
       },
       props.class
     ],
@@ -2614,22 +1951,22 @@ const ElmToggle = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
         isOpen
       ])
     }, {
-      class: styles$A.summary,
+      class: styles$z.summary,
       "preventdefault:click": true
     }, [
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$A["summary-left"]
+        class: styles$z["summary-left"]
       }, [
         /* @__PURE__ */ core$1._jsxSorted("span", {
           class: [
-            styles$A.chevron,
+            styles$z.chevron,
             {
-              [styles$A.open]: isOpen.value
+              [styles$z.open]: isOpen.value
             }
           ]
         }, null, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
           d: js.mdiChevronRight,
-          color: core$1._fnSignal(_hf0$o, [
+          color: core$1._fnSignal(_hf0$n, [
             props
           ]),
           size: "1rem"
@@ -2639,32 +1976,32 @@ const ElmToggle = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
         }, null, 3, "VD_2"), 1, null)
       ], 1, null),
       /* @__PURE__ */ core$1._jsxSorted("hr", null, {
-        class: styles$A.divider
+        class: styles$z.divider
       }, null, 3, null),
       /* @__PURE__ */ core$1._jsxSorted("span", {
         class: [
-          styles$A.cross,
+          styles$z.cross,
           {
-            [styles$A.open]: isOpen.value
+            [styles$z.open]: isOpen.value
           }
         ]
       }, null, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
         d: js.mdiPlus,
         size: "1rem",
-        color: core$1._fnSignal(_hf1$d, [
+        color: core$1._fnSignal(_hf1$c, [
           isOpen,
           props
         ])
       }, null, 3, "VD_3"), 1, null)
     ], 0, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$A.border
+      class: styles$z.border
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("div", {
       class: [
-        styles$A.content,
+        styles$z.content,
         {
-          [styles$A.open]: isOpen.value
+          [styles$z.open]: isOpen.value
         }
       ]
     }, null, /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "VD_4"), 1, null)
@@ -2672,7 +2009,7 @@ const ElmToggle = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
 }, "ElmToggle_component_Gna1lAQa8FY"));
 const body$4 = "_body_lqbme_20";
 const icon$3 = "_icon_lqbme_25";
-const styles$z = {
+const styles$y = {
   "elm-block-quote": "_elm-block-quote_lqbme_1",
   body: body$4,
   icon: icon$3,
@@ -2685,7 +2022,7 @@ const ElmBlockQuote = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("blockquote", {
     class: [
-      styles$z["elm-block-quote"],
+      styles$y["elm-block-quote"],
       textStyles.text,
       _rawProps.class
     ],
@@ -2693,19 +2030,19 @@ const ElmBlockQuote = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
   }, core$1._getConstProps(props), [
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
       class: [
-        styles$z.icon,
-        styles$z["icon-top-left"]
+        styles$y.icon,
+        styles$y["icon-top-left"]
       ]
     }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
       d: js.mdiFormatQuoteOpen
     }, null, 3, "Cw_0"), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$z.body
+      class: styles$y.body
     }, /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "Cw_1"), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
       class: [
-        styles$z.icon,
-        styles$z["icon-bottom-right"]
+        styles$y.icon,
+        styles$y["icon-bottom-right"]
       ]
     }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
       d: js.mdiFormatQuoteClose
@@ -2720,7 +2057,7 @@ const tip = "_tip_1xydl_49";
 const important = "_important_1xydl_53";
 const warning = "_warning_1xydl_57";
 const caution = "_caution_1xydl_61";
-const styles$y = {
+const styles$x = {
   "elm-callout": "_elm-callout_1xydl_1",
   header: header$3,
   content,
@@ -2731,7 +2068,7 @@ const styles$y = {
   warning,
   caution
 };
-const _hf0$n = (p0) => p0.type ?? "note";
+const _hf0$m = (p0) => p0.type ?? "note";
 const ICON_MAP = Object.freeze({
   note: js.mdiInformation,
   tip: js.mdiLightbulbOn,
@@ -2747,32 +2084,32 @@ const ElmCallout = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("aside", {
     class: [
-      styles$y["elm-callout"],
-      styles$y[_rawProps.type ?? "note"],
+      styles$x["elm-callout"],
+      styles$x[_rawProps.type ?? "note"],
       _rawProps.class
     ],
     style: core$1._wrapProp(_rawProps, "style"),
     ...core$1._getVarProps(props)
   }, core$1._getConstProps(props), [
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$y.header
+      class: styles$x.header
     }, [
       /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
         d: ICON_MAP[_rawProps.type ?? "note"]
       }, {
-        class: styles$y.icon,
+        class: styles$x.icon,
         size: "1.25rem"
       }, null, 3, "qp_0"),
-      /* @__PURE__ */ core$1._jsxSorted("span", null, null, core$1._fnSignal(_hf0$n, [
+      /* @__PURE__ */ core$1._jsxSorted("span", null, null, core$1._fnSignal(_hf0$m, [
         _rawProps
       ]), 1, null)
     ], 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$y.content
+      class: styles$x.content
     }, /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "qp_1"), 1, null)
   ], 0, "qp_2");
 }, "ElmCallout_component_vJ404ghu0V8"));
-const styles$x = {
+const styles$w = {
   "elm-divider": "_elm-divider_8xkqn_1"
 };
 const ElmDivider = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
@@ -2781,7 +2118,7 @@ const ElmDivider = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("hr", {
     class: [
-      styles$x["elm-divider"],
+      styles$w["elm-divider"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
@@ -2789,7 +2126,7 @@ const ElmDivider = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
 }, "ElmDivider_component_SDbNuDT10PU"));
 const bulleted = "_bulleted_n8430_9";
 const numbered = "_numbered_n8430_58";
-const styles$w = {
+const styles$v = {
   "elm-list": "_elm-list_n8430_1",
   bulleted,
   numbered
@@ -2804,8 +2141,8 @@ const ElmList = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlin
     return /* @__PURE__ */ core$1._jsxSplit("ol", {
       class: [
         textStyles.text,
-        styles$w["elm-list"],
-        styles$w.numbered,
+        styles$v["elm-list"],
+        styles$v.numbered,
         _rawProps.class
       ],
       style: core$1._wrapProp(_rawProps, "style"),
@@ -2815,8 +2152,8 @@ const ElmList = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlin
     return /* @__PURE__ */ core$1._jsxSplit("ul", {
       class: [
         textStyles.text,
-        styles$w["elm-list"],
-        styles$w.bulleted,
+        styles$v["elm-list"],
+        styles$v.bulleted,
         _rawProps.class
       ],
       style: core$1._wrapProp(_rawProps, "style"),
@@ -2826,7 +2163,7 @@ const ElmList = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlin
 }, "ElmList_component_aFEzPziW6Gs"));
 const caption = "_caption_14qfo_8";
 const spacing = "_spacing_14qfo_25";
-const styles$v = {
+const styles$u = {
   "elm-table": "_elm-table_14qfo_1",
   caption,
   "caption-inner": "_caption-inner_14qfo_18",
@@ -2851,29 +2188,29 @@ const ElmTable = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inli
   core$1.useContextProvider(HasRowHeaderContext, hasRowHeader);
   return /* @__PURE__ */ core$1._jsxSplit("table", {
     class: [
-      styles$v["elm-table"],
+      styles$u["elm-table"],
       textStyles.text,
       props.class
     ],
     ...core$1._getVarProps(rest)
   }, core$1._getConstProps(rest), [
     props.caption && /* @__PURE__ */ core$1._jsxSorted("caption", null, null, /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$v.caption
+      class: styles$u.caption
     }, [
       /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$v.spacing
+        class: styles$u.spacing
       }, null, 3, null),
       /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$v["caption-inner"]
+        class: styles$u["caption-inner"]
       }, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._wrapProp(props, "caption"), 1, "Yw_0"), 1, null),
       /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$v.spacing
+        class: styles$u.spacing
       }, null, 3, null)
     ], 1, null), 1, "Yw_1"),
     /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "Yw_2")
   ], 0, "Yw_3");
 }, "ElmTable_component_UT2AChu46oY"));
-const styles$u = {
+const styles$t = {
   "elm-table-header": "_elm-table-header_jhft7_1"
 };
 const ElmTableHeader = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
@@ -2883,7 +2220,7 @@ const ElmTableHeader = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$
   core$1.useContextProvider(TableSectionContext, "head");
   return /* @__PURE__ */ core$1._jsxSplit("thead", {
     class: [
-      styles$u["elm-table-header"],
+      styles$t["elm-table-header"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
@@ -2899,7 +2236,7 @@ const ElmTableBody = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
     ...core$1._getVarProps(props)
   }, core$1._getConstProps(props), /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "d6_0"), 0, "d6_1");
 }, "ElmTableBody_component_cc34lI5xf6Y"));
-const styles$t = {
+const styles$s = {
   "elm-table-row": "_elm-table-row_mkm0q_1"
 };
 const ElmTableRow = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
@@ -2908,7 +2245,7 @@ const ElmTableRow = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("tr", {
     class: [
-      styles$t["elm-table-row"],
+      styles$s["elm-table-row"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
@@ -2916,7 +2253,7 @@ const ElmTableRow = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
 }, "ElmTableRow_component_9imYSdaY9q8"));
 const td = "_td_1a21f_20";
 const th = "_th_1a21f_25";
-const styles$s = {
+const styles$r = {
   "elm-table-cell": "_elm-table-cell_1a21f_1",
   td,
   th
@@ -2940,8 +2277,8 @@ const ElmTableCell = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
   const scope = props.scope ?? (inHead ? "col" : isRowHeader ? "row" : void 0);
   return renderAsTh ? /* @__PURE__ */ core$1._jsxSplit("th", {
     class: [
-      styles$s["elm-table-cell"],
-      styles$s.th,
+      styles$r["elm-table-cell"],
+      styles$r.th,
       props.class
     ],
     style: core$1._wrapProp(props, "style"),
@@ -2949,8 +2286,8 @@ const ElmTableCell = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
     ...core$1._getVarProps(rest)
   }, core$1._getConstProps(rest), props.text != null ? props.text : /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "Vm_0"), 0, "Vm_1") : /* @__PURE__ */ core$1._jsxSplit("td", {
     class: [
-      styles$s["elm-table-cell"],
-      styles$s.td,
+      styles$r["elm-table-cell"],
+      styles$r.td,
       props.class
     ],
     style: core$1._wrapProp(props, "style"),
@@ -2960,7 +2297,7 @@ const ElmTableCell = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
 const message = "_message_xdddx_14";
 const icon$1 = "_icon_xdddx_21";
 const details = "_details_xdddx_25";
-const styles$r = {
+const styles$q = {
   "elm-unsupported-block": "_elm-unsupported-block_xdddx_1",
   message,
   icon: icon$1,
@@ -2973,43 +2310,43 @@ const ElmUnsupportedBlock = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$r["elm-unsupported-block"],
+      styles$q["elm-unsupported-block"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
   }, core$1._getConstProps(props), [
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$r.message
+      class: styles$q.message
     }, [
       /* @__PURE__ */ core$1._jsxSorted("svg", null, {
         viewBox: "0 0 24 24",
         width: "1.25rem",
         height: "1.25rem",
-        class: styles$r.icon
+        class: styles$q.icon
       }, /* @__PURE__ */ core$1._jsxSorted("path", null, {
         d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
       }, null, 3, null), 3, null),
       /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, "UNSUPPORTED BLOCK", 3, "90_0")
     ], 1, null),
     _rawProps.details && /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$r.details
+      class: styles$q.details
     }, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._wrapProp(_rawProps, "details"), 1, "90_1"), 1, "90_2")
   ], 0, "90_3");
 }, "ElmUnsupportedBlock_component_yKqwfnlPSP4"));
-const _hf0$m = (p0) => p0.props.color;
-const _hf1$c = (p0) => p0.props.ruby;
-const _hf10$1 = (p0) => p0.props.width;
-const _hf11$1 = (p0) => p0.props.height;
-const _hf12$1 = (p0) => p0.props.hasRowHeader;
-const _hf13$1 = (p0) => p0.props.isHeader;
-const _hf2$9 = (p0) => p0.props.href;
-const _hf3$8 = (p0) => p0.props.favicon;
-const _hf4$4 = (p0) => p0.props.alt;
-const _hf5$3 = (p0) => p0.props.level;
-const _hf6$2 = (p0) => p0.props.backgroundColor;
-const _hf7$1 = (p0) => p0.props.style ?? "unordered";
-const _hf8$1 = (p0) => p0.props.cite;
-const _hf9$1 = (p0) => p0.props.type;
+const _hf0$l = (p0) => p0.props.color;
+const _hf1$b = (p0) => p0.props.ruby;
+const _hf10 = (p0) => p0.props.width;
+const _hf11 = (p0) => p0.props.height;
+const _hf12 = (p0) => p0.props.hasRowHeader;
+const _hf13 = (p0) => p0.props.isHeader;
+const _hf2$8 = (p0) => p0.props.href;
+const _hf3$7 = (p0) => p0.props.favicon;
+const _hf4$3 = (p0) => p0.props.alt;
+const _hf5$2 = (p0) => p0.props.level;
+const _hf6$1 = (p0) => p0.props.backgroundColor;
+const _hf7 = (p0) => p0.props.style ?? "unordered";
+const _hf8 = (p0) => p0.props.cite;
+const _hf9 = (p0) => p0.props.type;
 function extractChildIds(value) {
   if (!Array.isArray(value)) return [];
   return value.filter((id) => typeof id === "string");
@@ -3043,26 +2380,26 @@ const blockCatalog = basicCatalog.extend(
       strikethrough: decoration.includes("strikethrough"),
       underline: decoration.includes("underline")
     }, {
-      color: core$1._fnSignal(_hf0$m, [
+      color: core$1._fnSignal(_hf0$l, [
         _rawProps
       ]),
-      ruby: core$1._fnSignal(_hf1$c, [
+      ruby: core$1._fnSignal(_hf1$b, [
         _rawProps
       ])
     }, text2, 1, "Fl_1");
   }),
   defineRenderer(core.LinkTextApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
-    href: core$1._fnSignal(_hf2$9, [
+    href: core$1._fnSignal(_hf2$8, [
       _rawProps
     ]),
-    favicon: core$1._fnSignal(_hf3$8, [
+    favicon: core$1._fnSignal(_hf3$7, [
       _rawProps
     ])
   }, _rawProps.resolve(_rawProps.props.text), 1, "Fl_2")),
   defineRenderer(core.IconApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmInlineIcon, {
     src: _rawProps.resolve(_rawProps.props.src)
   }, {
-    alt: core$1._fnSignal(_hf4$4, [
+    alt: core$1._fnSignal(_hf4$3, [
       _rawProps
     ])
   }, null, 3, "Fl_3")),
@@ -3080,55 +2417,55 @@ const blockCatalog = basicCatalog.extend(
       padding: "0.125rem",
       ...firstChildMargin(_rawProps.index)
     }
-  }, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_4")),
+  }, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_4")),
   defineRenderer(core.ColumnListApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted("div", {
     style: {
       ...columnListStyle,
       ...firstChildMargin(_rawProps.index)
     }
-  }, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_5")),
+  }, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_5")),
   // -------------------------------------------------------------------------
   // Block typography
   // -------------------------------------------------------------------------
   defineRenderer(core.HeadingApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmHeading, {
     style: firstChildMargin(_rawProps.index)
   }, {
-    level: core$1._fnSignal(_hf5$3, [
+    level: core$1._fnSignal(_hf5$2, [
       _rawProps
     ])
-  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_6")),
+  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_6")),
   defineRenderer(core.ParagraphApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmParagraph, {
     style: firstChildMargin(_rawProps.index)
   }, {
-    color: core$1._fnSignal(_hf0$m, [
+    color: core$1._fnSignal(_hf0$l, [
       _rawProps
     ]),
-    backgroundColor: core$1._fnSignal(_hf6$2, [
+    backgroundColor: core$1._fnSignal(_hf6$1, [
       _rawProps
     ])
-  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_7")),
+  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_7")),
   defineRenderer(core.ListApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmList, {
     style: firstChildMargin(_rawProps.index)
   }, {
-    listStyle: core$1._fnSignal(_hf7$1, [
+    listStyle: core$1._fnSignal(_hf7, [
       _rawProps
     ])
-  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted("li", null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_8")),
-  defineRenderer(core.ListItemApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(jsxRuntime.Fragment, null, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_9")),
+  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted("li", null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_8")),
+  defineRenderer(core.ListItemApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(jsxRuntime.Fragment, null, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_9")),
   defineRenderer(core.BlockQuoteApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmBlockQuote, {
     style: firstChildMargin(_rawProps.index)
   }, {
-    cite: core$1._fnSignal(_hf8$1, [
+    cite: core$1._fnSignal(_hf8, [
       _rawProps
     ])
-  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_10")),
+  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_10")),
   defineRenderer(core.CalloutApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmCallout, {
     style: firstChildMargin(_rawProps.index)
   }, {
-    type: core$1._fnSignal(_hf9$1, [
+    type: core$1._fnSignal(_hf9, [
       _rawProps
     ])
-  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_11")),
+  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_11")),
   defineRenderer(core.DividerApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmDivider, {
     style: firstChildMargin(_rawProps.index)
   }, null, null, 3, "Fl_12")),
@@ -3137,8 +2474,8 @@ const blockCatalog = basicCatalog.extend(
   }, null, [
     /* @__PURE__ */ core$1._jsxSorted("div", {
       "q:slot": "summary"
-    }, null, _rawProps.childRefs(_rawProps.props.summary).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, null),
-    _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`))
+    }, null, _rawProps.childRefs(_rawProps.props.summary).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, null),
+    _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`))
   ], 1, "Fl_13")),
   // -------------------------------------------------------------------------
   // Media / embed
@@ -3163,10 +2500,10 @@ const blockCatalog = basicCatalog.extend(
     srcset: _rawProps.props.srcset ? _rawProps.resolve(_rawProps.props.srcset) : void 0,
     style: firstChildMargin(_rawProps.index)
   }, {
-    width: core$1._fnSignal(_hf10$1, [
+    width: core$1._fnSignal(_hf10, [
       _rawProps
     ]),
-    height: core$1._fnSignal(_hf11$1, [
+    height: core$1._fnSignal(_hf11, [
       _rawProps
     ]),
     enableModal: true
@@ -3230,20 +2567,20 @@ const blockCatalog = basicCatalog.extend(
     caption: _rawProps.props.caption ? String(_rawProps.props.caption) : void 0,
     style: firstChildMargin(_rawProps.index)
   }, {
-    hasRowHeader: core$1._fnSignal(_hf12$1, [
+    hasRowHeader: core$1._fnSignal(_hf12, [
       _rawProps
     ])
   }, [
-    _rawProps.props.header && _rawProps.props.header.length > 0 && /* @__PURE__ */ core$1._jsxSorted(ElmTableHeader, null, null, _rawProps.childRefs(_rawProps.props.header).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_22"),
-    /* @__PURE__ */ core$1._jsxSorted(ElmTableBody, null, null, _rawProps.childRefs(_rawProps.props.body).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_23")
+    _rawProps.props.header && _rawProps.props.header.length > 0 && /* @__PURE__ */ core$1._jsxSorted(ElmTableHeader, null, null, _rawProps.childRefs(_rawProps.props.header).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_22"),
+    /* @__PURE__ */ core$1._jsxSorted(ElmTableBody, null, null, _rawProps.childRefs(_rawProps.props.body).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_23")
   ], 1, "Fl_24")),
-  defineRenderer(core.TableRowApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmTableRow, null, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_25")),
+  defineRenderer(core.TableRowApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmTableRow, null, null, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted(core$1.Fragment, null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_25")),
   defineRenderer(core.TableCellApi, (_rawProps) => /* @__PURE__ */ core$1._jsxSorted(ElmTableCell, null, {
-    isHeader: core$1._fnSignal(_hf13$1, [
+    isHeader: core$1._fnSignal(_hf13, [
       _rawProps
     ]),
     columnIndex: core$1._wrapProp(_rawProps, "index")
-  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path: path2 }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, null, _rawProps.renderChild(id, path2, i), 1, `${id}:${i}`)), 1, "Fl_26")),
+  }, _rawProps.childRefs(_rawProps.props.children).map(({ id, path }, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, null, _rawProps.renderChild(id, path, i), 1, `${id}:${i}`)), 1, "Fl_26")),
   // -------------------------------------------------------------------------
   // Fallback
   // -------------------------------------------------------------------------
@@ -3324,7 +2661,7 @@ function compactReasoningMessageEvents(events) {
 function compactEventsExtended(events) {
   return client.compactEvents(compactReasoningMessageEvents(events));
 }
-const styles$q = {
+const styles$p = {
   "message-content-user-wrapper": "_message-content-user-wrapper_80z92_8",
   "message-content-user-inner": "_message-content-user-inner_80z92_14",
   "message-content-user-content": "_message-content-user-content_80z92_22",
@@ -3381,25 +2718,25 @@ const ElmAgUiEventRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
           if (!userMsg) break;
           const contents = userMsg.content;
           const userInputComponent = /* @__PURE__ */ core$1._jsxSorted("div", null, {
-            class: styles$q["message-content-user-wrapper"]
+            class: styles$p["message-content-user-wrapper"]
           }, /* @__PURE__ */ core$1._jsxSorted("div", null, {
-            class: styles$q["message-content-user-inner"]
+            class: styles$p["message-content-user-inner"]
           }, [
             /* @__PURE__ */ core$1._jsxSorted("div", null, {
-              class: styles$q["message-content-type"]
+              class: styles$p["message-content-type"]
             }, [
               /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
-                class: styles$q["message-content-icon"],
+                class: styles$p["message-content-icon"],
                 d: js.mdiAccount
               }, null, 3, "Ds_3"),
               /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, "User", 3, "Ds_4"),
               /* @__PURE__ */ core$1._jsxSorted("div", null, {
                 "aria-hidden": "true",
-                class: styles$q["message-content-spacer"]
+                class: styles$p["message-content-spacer"]
               }, null, 3, null)
             ], 1, null),
             /* @__PURE__ */ core$1._jsxSorted("div", null, {
-              class: styles$q["message-content-user-content"]
+              class: styles$p["message-content-user-content"]
             }, typeof contents === "string" ? /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, contents, 1, "Ds_5") : contents.map((item, i) => /* @__PURE__ */ core$1._jsxSorted("span", null, null, renderInputContent(item), 1, i)), 1, null)
           ], 1, null), 1, "Ds_6");
           components.push(userInputComponent);
@@ -3415,7 +2752,7 @@ const ElmAgUiEventRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
   };
   return /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$q["elm-my-something"],
+      styles$p["elm-my-something"],
       _rawProps.class
     ],
     style: core$1._wrapProp(_rawProps, "style")
@@ -3423,7 +2760,7 @@ const ElmAgUiEventRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
 }, "ElmAgUiEventRenderer_component_ifhto4pMkTc"));
 const card = "_card_1st6f_22";
 const input$1 = "_input_1st6f_33";
-const styles$p = {
+const styles$o = {
   "elm-ag-ui-input": "_elm-ag-ui-input_1st6f_1",
   "picker-container": "_picker-container_1st6f_9",
   card,
@@ -3436,7 +2773,7 @@ const panel$1 = "_panel_8yo2s_1";
 const empty$1 = "_empty_8yo2s_16";
 const form = "_form_8yo2s_86";
 const error$2 = "_error_8yo2s_135";
-const styles$o = {
+const styles$n = {
   panel: panel$1,
   empty: empty$1,
   "prompt-row": "_prompt-row_8yo2s_23",
@@ -3459,11 +2796,11 @@ const styles$o = {
   "field-input": "_field-input_8yo2s_157",
   "field-hint": "_field-hint_8yo2s_178"
 };
-const _hf0$l = (p0) => p0.descriptor.name;
-const _hf1$b = (p0) => p0.descriptor.description;
-const _hf2$8 = (p0, p1) => p1.values[p0.name] ?? "";
-const _hf3$7 = (p0) => p0.patternMessage ?? p0.description;
-const _hf4$3 = (p0) => p0.submitting ? "Resolving…" : "Use prompt";
+const _hf0$k = (p0) => p0.descriptor.name;
+const _hf1$a = (p0) => p0.descriptor.description;
+const _hf2$7 = (p0, p1) => p1.values[p0.name] ?? "";
+const _hf3$6 = (p0) => p0.patternMessage ?? p0.description;
+const _hf4$2 = (p0) => p0.submitting ? "Resolving…" : "Use prompt";
 const ElmAgUiPromptPicker = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const modal2 = useModal({});
   const active2 = core$1.useStore({
@@ -3573,12 +2910,12 @@ const ElmAgUiPromptPicker = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
   return /* @__PURE__ */ core$1._jsxSorted(jsxRuntime.Fragment, null, null, [
     /* @__PURE__ */ core$1._jsxSorted("div", {
       class: [
-        styles$o.panel,
+        styles$n.panel,
         _rawProps.class
       ],
       style: core$1._wrapProp(_rawProps, "style")
     }, null, _rawProps.prompts.length === 0 ? /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$o.empty
+      class: styles$n.empty
     }, "No prompts available.", 3, "O0_0") : _rawProps.prompts.map((p, idx) => {
       const qrl_4294901764 = /* @__PURE__ */ core$1.inlinedQrl((_, _1, p2) => {
         const onRowClick$2 = core$1._captures[0];
@@ -3588,41 +2925,41 @@ const ElmAgUiPromptPicker = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
       ]);
       return /* @__PURE__ */ core$1._jsxSorted("div", {
         class: [
-          styles$o["prompt-row"],
-          idx === _rawProps.activeIndex && styles$o["prompt-row-active"]
+          styles$n["prompt-row"],
+          idx === _rawProps.activeIndex && styles$n["prompt-row-active"]
         ],
         "q-e:click": qrl_4294901764,
         "q:p": p
       }, null, [
         /* @__PURE__ */ core$1._jsxSorted("div", null, {
-          class: styles$o["prompt-head"]
+          class: styles$n["prompt-head"]
         }, /* @__PURE__ */ core$1._jsxSorted("span", null, {
-          class: styles$o["prompt-name"]
+          class: styles$n["prompt-name"]
         }, core$1._wrapProp(p, "name"), 1, null), 1, null),
         p.description && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-          class: styles$o["prompt-description"]
+          class: styles$n["prompt-description"]
         }, core$1._wrapProp(p, "description"), 1, "O0_1")
       ], 4, p.key);
     }), 1, null),
     /* @__PURE__ */ core$1._jsxSorted(modal2.Modal, null, null, /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$o["modal-card"]
+      class: styles$n["modal-card"]
     }, active2.descriptor && /* @__PURE__ */ core$1._jsxSorted(jsxRuntime.Fragment, null, null, [
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$o["modal-header"]
+        class: styles$n["modal-header"]
       }, [
         /* @__PURE__ */ core$1._jsxSorted("span", null, {
-          class: styles$o["modal-title"]
-        }, core$1._fnSignal(_hf0$l, [
+          class: styles$n["modal-title"]
+        }, core$1._fnSignal(_hf0$k, [
           active2
         ]), 3, null),
         active2.descriptor.description && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-          class: styles$o["modal-description"]
-        }, core$1._fnSignal(_hf1$b, [
+          class: styles$n["modal-description"]
+        }, core$1._fnSignal(_hf1$a, [
           active2
         ]), 3, "O0_2")
       ], 1, null),
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$o.form
+        class: styles$n.form
       }, [
         (active2.descriptor.arguments ?? []).map((a, idx) => {
           const qrl_4294901765 = /* @__PURE__ */ core$1.inlinedQrl((_, el, a2) => {
@@ -3638,14 +2975,14 @@ const ElmAgUiPromptPicker = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
             active2
           ]);
           return /* @__PURE__ */ core$1._jsxSorted("label", null, {
-            class: styles$o["field-label"]
+            class: styles$n["field-label"]
           }, [
             /* @__PURE__ */ core$1._jsxSorted("span", null, {
-              class: styles$o["field-name"]
+              class: styles$n["field-name"]
             }, [
               core$1._wrapProp(a, "name"),
               a.required && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-                class: styles$o["field-required"]
+                class: styles$n["field-required"]
               }, "*", 3, "O0_3")
             ], 1, null),
             a.enum && a.enum.length > 0 ? /* @__PURE__ */ core$1._jsxSorted("select", {
@@ -3653,12 +2990,12 @@ const ElmAgUiPromptPicker = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
               "q-e:change": qrl_4294901765,
               "q:p": a,
               ref: idx === 0 ? firstFieldRef : void 0,
-              value: core$1._fnSignal(_hf2$8, [
+              value: core$1._fnSignal(_hf2$7, [
                 a,
                 active2
               ])
             }, {
-              class: styles$o["field-input"]
+              class: styles$n["field-input"]
             }, [
               !a.required && /* @__PURE__ */ core$1._jsxSorted("option", null, {
                 value: ""
@@ -3678,50 +3015,50 @@ const ElmAgUiPromptPicker = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
               "q-e:input": qrl_4294901766,
               "q:p": a,
               ref: idx === 0 ? firstFieldRef : void 0,
-              title: core$1._fnSignal(_hf3$7, [
+              title: core$1._fnSignal(_hf3$6, [
                 a
               ]),
-              value: core$1._fnSignal(_hf2$8, [
+              value: core$1._fnSignal(_hf2$7, [
                 a,
                 active2
               ])
             }, {
-              class: styles$o["field-input"],
+              class: styles$n["field-input"],
               type: "text"
             }, null, 6, "O0_6"),
             a.enum && a.description && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-              class: styles$o["field-hint"]
+              class: styles$n["field-hint"]
             }, core$1._wrapProp(a, "description"), 1, "O0_7")
           ], 1, a.name);
         }),
         active2.error && /* @__PURE__ */ core$1._jsxSorted("div", null, {
-          class: styles$o.error
+          class: styles$n.error
         }, core$1._wrapProp(active2, "error"), 3, "O0_8")
       ], 1, null),
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$o["form-actions"]
+        class: styles$n["form-actions"]
       }, [
         /* @__PURE__ */ core$1._jsxSorted("button", null, {
           type: "button",
-          class: styles$o["cancel-button"],
+          class: styles$n["cancel-button"],
           "q-e:click": onCancel$
         }, "Cancel", 3, null),
         /* @__PURE__ */ core$1._jsxSorted("button", null, {
           type: "button",
-          class: styles$o["use-button"],
+          class: styles$n["use-button"],
           disabled: core$1._wrapProp(active2, "submitting"),
           "q-e:click": onSubmit$
-        }, core$1._fnSignal(_hf4$3, [
+        }, core$1._fnSignal(_hf4$2, [
           active2
         ]), 3, null)
       ], 3, null)
     ], 1, "O0_9"), 1, null), 1, "O0_10")
   ], 1, "O0_11");
 }, "ElmAgUiPromptPicker_component_rrSAnBfqqKQ"));
-const _hf0$k = (p0, p1, p2) => p0 && (p1.value || p2.value !== null);
-const _hf1$a = (p0, p1, p2) => p2.value !== null ? p1.value : p0.prompts ?? [];
-const _hf2$7 = (p0, p1) => p1.value !== null ? p0.value : void 0;
-const _hf3$6 = (p0) => p0.value ? "Close prompts" : "Open prompts";
+const _hf0$j = (p0, p1, p2) => p0 && (p1.value || p2.value !== null);
+const _hf1$9 = (p0, p1, p2) => p2.value !== null ? p1.value : p0.prompts ?? [];
+const _hf2$6 = (p0, p1) => p1.value !== null ? p0.value : void 0;
+const _hf3$5 = (p0) => p0.value ? "Close prompts" : "Open prompts";
 const ElmAgUiInput = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const textAreaRef = core$1.useSignal();
   const isPickerOpen = core$1.useSignal(false);
@@ -3855,26 +3192,26 @@ const ElmAgUiInput = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
   ]);
   return /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$p["elm-ag-ui-input"],
+      styles$o["elm-ag-ui-input"],
       _rawProps.class
     ],
     style: core$1._wrapProp(_rawProps, "style")
   }, null, [
     /* @__PURE__ */ core$1._jsxSorted(ElmCollapse, null, {
-      isOpen: core$1._fnSignal(_hf0$k, [
+      isOpen: core$1._fnSignal(_hf0$j, [
         hasPicker,
         isPickerOpen,
         slashRange
       ]),
-      class: styles$p["picker-container"]
+      class: styles$o["picker-container"]
     }, /* @__PURE__ */ core$1._jsxSorted(ElmAgUiPromptPicker, null, {
-      prompts: core$1._fnSignal(_hf1$a, [
+      prompts: core$1._fnSignal(_hf1$9, [
         _rawProps,
         filteredPrompts,
         slashRange
       ]),
       onPick$: onPickPrompt,
-      activeIndex: core$1._fnSignal(_hf2$7, [
+      activeIndex: core$1._fnSignal(_hf2$6, [
         activeIndex,
         slashRange
       ]),
@@ -3882,7 +3219,7 @@ const ElmAgUiInput = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
     }, null, 3, "C8_0"), 1, "C8_1"),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
       class: [
-        styles$p["card"],
+        styles$o["card"],
         textStyles["text"]
       ]
     }, [
@@ -3891,12 +3228,12 @@ const ElmAgUiInput = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
       }, {
         name: "prompt",
         "aria-label": "Prompt",
-        class: styles$p["input"],
+        class: styles$o["input"],
         "q-e:input": handleInput$,
         "q-e:keydown": handleKeyDown$
       }, null, 3, null),
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$p["button-row"]
+        class: styles$o["button-row"]
       }, [
         hasPicker && /* @__PURE__ */ core$1._jsxSorted("div", {
           "q-e:click": /* @__PURE__ */ core$1.inlinedQrl((_, _1, isPickerOpen2, textAreaRef2) => {
@@ -3915,8 +3252,8 @@ const ElmAgUiInput = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
             textAreaRef
           ]
         }, {
-          class: styles$p["plus-button"],
-          "aria-label": core$1._fnSignal(_hf3$6, [
+          class: styles$o["plus-button"],
+          "aria-label": core$1._fnSignal(_hf3$5, [
             isPickerOpen
           ])
         }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
@@ -3928,7 +3265,7 @@ const ElmAgUiInput = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
         /* @__PURE__ */ core$1._jsxSorted("div", {
           "q-e:click": _rawProps.isRunning ? _rawProps.onAbort$ : onSubmit
         }, {
-          class: styles$p["submit-button"]
+          class: styles$o["submit-button"]
         }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
           d: _rawProps.isRunning ? js.mdiStop : js.mdiSend
         }, {
@@ -3939,7 +3276,7 @@ const ElmAgUiInput = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
     ], 1, null)
   ], 1, "C8_5");
 }, "ElmAgUiInput_component_Q6DXfNqyu3E"));
-const styles$n = {
+const styles$m = {
   "message-content-assistant-wrapper": "_message-content-assistant-wrapper_1jrzm_1",
   "message-content-user-wrapper": "_message-content-user-wrapper_1jrzm_8",
   "message-content-user-inner": "_message-content-user-inner_1jrzm_14",
@@ -3950,10 +3287,10 @@ const styles$n = {
   "clickable-icon": "_clickable-icon_1jrzm_51",
   "reasoning-running": "_reasoning-running_1jrzm_65"
 };
-const styles$m = {
+const styles$l = {
   "elm-markdown": "_elm-markdown_14gxe_1"
 };
-const _hf0$j = (p0) => p0.ordered ? "ordered" : "unordered";
+const _hf0$i = (p0) => p0.ordered ? "ordered" : "unordered";
 const renderByToken = (tokens) => {
   const results = [];
   for (let i = 0; i < tokens.length; i++) {
@@ -4034,7 +3371,7 @@ const renderByToken = (tokens) => {
       case "list": {
         const listItems = token.items.map((item, index) => /* @__PURE__ */ core$1._jsxSorted("li", null, null, renderByToken(item.tokens), 1, index));
         results.push(/* @__PURE__ */ core$1._jsxSorted(ElmList, null, {
-          listStyle: core$1._fnSignal(_hf0$j, [
+          listStyle: core$1._fnSignal(_hf0$i, [
             token
           ])
         }, listItems, 1, i));
@@ -4108,7 +3445,7 @@ const ElmMarkdown = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   ]));
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$m["elm-markdown"],
+      styles$l["elm-markdown"],
       props.class
     ],
     ...core$1._getVarProps(rest)
@@ -4120,7 +3457,7 @@ const ElmMarkdown = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   ], 0, "c0_5");
 }, "ElmMarkdown_component_MjKh8ZU4JE4"));
 const summary = "_summary_1ya7x_2";
-const styles$l = {
+const styles$k = {
   "elm-ag-ui-tool-execution": "_elm-ag-ui-tool-execution_1ya7x_1",
   summary
 };
@@ -4202,7 +3539,7 @@ function useThrottledQueue(minInterval = 200) {
   ]));
   return queueRef;
 }
-const _hf0$i = (p0) => ({
+const _hf0$h = (p0) => ({
   "--margin-block": "0",
   ...p0.style
 });
@@ -4272,10 +3609,10 @@ const ElmAgUiToolExecution = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
   ]));
   return /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$l["elm-ag-ui-tool-execution"],
+      styles$k["elm-ag-ui-tool-execution"],
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$i, [
+    style: core$1._fnSignal(_hf0$h, [
       _rawProps
     ])
   }, null, /* @__PURE__ */ core$1._jsxSorted(ElmToggle, null, {
@@ -4285,7 +3622,7 @@ const ElmAgUiToolExecution = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
     /* @__PURE__ */ core$1._jsxSorted("div", {
       "q:slot": "summary"
     }, {
-      class: styles$l.summary
+      class: styles$k.summary
     }, [
       /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
         d: js.mdiHammerScrewdriver,
@@ -4294,7 +3631,7 @@ const ElmAgUiToolExecution = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
       /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._wrapProp(_rawProps, "toolName"), 1, "o2_1")
     ], 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$l.summary
+      class: styles$k.summary
     }, [
       /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
         color: _rawProps.toolEventType === core$2.EventType.TOOL_CALL_START ? "var(--elmethis-color-accent-info)" : "var(--elmethis-color-accent-success)"
@@ -4311,7 +3648,7 @@ const ElmAgUiToolExecution = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
       /* @__PURE__ */ core$1._jsxSorted("div", {
         "q:slot": "summary"
       }, {
-        class: styles$l.summary
+        class: styles$k.summary
       }, [
         /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
           d: js.mdiCodeJson,
@@ -4325,7 +3662,7 @@ const ElmAgUiToolExecution = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
       }, null, 3, "o2_6")
     ], 1, "o2_7"),
     _rawProps.toolEventType === core$2.EventType.TOOL_CALL_START ? null : /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$l.summary
+      class: styles$k.summary
     }, [
       /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
         color: _rawProps.toolEventType === core$2.EventType.TOOL_CALL_ARGS || _rawProps.toolEventType === core$2.EventType.TOOL_CALL_END ? "var(--elmethis-color-accent-info)" : "var(--elmethis-color-accent-success)"
@@ -4342,7 +3679,7 @@ const ElmAgUiToolExecution = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
       /* @__PURE__ */ core$1._jsxSorted("div", {
         "q:slot": "summary"
       }, {
-        class: styles$l.summary
+        class: styles$k.summary
       }, [
         /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
           d: js.mdiCodeJson,
@@ -4367,7 +3704,7 @@ const ElmCopyIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
 }, "ElmCopyIcon_component_F4DnU406zxQ"));
 const image = "_image_1io0s_29";
 const text$1 = "_text_1io0s_35";
-const styles$k = {
+const styles$j = {
   "elm-ag-ui-input-content": "_elm-ag-ui-input-content_1io0s_1",
   "media-component-container": "_media-component-container_1io0s_8",
   "media-component": "_media-component_1io0s_8",
@@ -4377,12 +3714,12 @@ const styles$k = {
   "mime-type-label": "_mime-type-label_1io0s_55",
   "message-content-user-content": "_message-content-user-content_1io0s_82"
 };
-const _hf0$h = (p0) => p0.source.value;
-const _hf1$9 = (p0) => p0.source.mimeType;
+const _hf0$g = (p0) => p0.source.value;
+const _hf1$8 = (p0) => p0.source.mimeType;
 const ElmAgUiInputContent = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const renderTextContent = (text2) => {
     return /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$k["message-content-user-content"]
+      class: styles$j["message-content-user-content"]
     }, text2, 1, "xj_0");
   };
   if (typeof _rawProps.inputContent === "string") {
@@ -4405,23 +3742,23 @@ const ElmAgUiInputContent = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
         case "document": {
           return /* @__PURE__ */ core$1._jsxSorted(jsxRuntime.Fragment, null, null, /* @__PURE__ */ core$1._jsxSorted("div", {
             class: [
-              styles$k["media-component"],
+              styles$j["media-component"],
               _rawProps.class
             ],
             style: core$1._wrapProp(_rawProps, "style")
           }, null, [
             /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
-              class: styles$k["type-icon"],
+              class: styles$j["type-icon"],
               d: js.mdiTextBox
             }, null, 3, "xj_3"),
             /* @__PURE__ */ core$1._jsxSorted("div", null, null, /* @__PURE__ */ core$1._jsxSorted("pre", null, {
-              class: styles$k.text
-            }, core$1._fnSignal(_hf0$h, [
+              class: styles$j.text
+            }, core$1._fnSignal(_hf0$g, [
               content2
             ]), 1, null), 1, null),
             /* @__PURE__ */ core$1._jsxSorted("div", null, {
-              class: styles$k["mime-type-label"]
-            }, core$1._fnSignal(_hf1$9, [
+              class: styles$j["mime-type-label"]
+            }, core$1._fnSignal(_hf1$8, [
               content2
             ]), 1, null)
           ], 1, null), 1, "xj_4");
@@ -4434,24 +3771,24 @@ const ElmAgUiInputContent = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
           const url = source.type === "data" ? `data:${source.mimeType};base64,${source.value}` : source.value;
           mediaComponents.push(/* @__PURE__ */ core$1._jsxSorted("div", {
             class: [
-              styles$k["media-component"],
+              styles$j["media-component"],
               _rawProps.class
             ],
             style: core$1._wrapProp(_rawProps, "style")
           }, null, [
             /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
-              class: styles$k["type-icon"],
+              class: styles$j["type-icon"],
               d: js.mdiImage
             }, null, 3, "xj_6"),
             /* @__PURE__ */ core$1._jsxSorted("img", {
               src: url
             }, {
-              class: styles$k.image,
+              class: styles$j.image,
               width: 96,
               height: 96
             }, null, 3, null),
             source.mimeType && /* @__PURE__ */ core$1._jsxSorted("div", null, {
-              class: styles$k["mime-type-label"]
+              class: styles$j["mime-type-label"]
             }, core$1._wrapProp(source, "mimeType"), 1, "xj_7")
           ], 1, "xj_8"));
           break;
@@ -4459,19 +3796,19 @@ const ElmAgUiInputContent = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
       }
     }
     return /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$k["elm-ag-ui-input-content"]
+      class: styles$j["elm-ag-ui-input-content"]
     }, [
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$k["media-component-container"]
+        class: styles$j["media-component-container"]
       }, mediaComponents, 1, null),
       texts.length > 0 && renderTextContent(texts.join("\n"))
     ], 1, "xj_9");
   }
 }, "ElmAgUiInputContent_component_SCvDpdP9V0U"));
-const _hf0$g = (p0) => p0.function.name;
-const _hf1$8 = (p0) => p0.function.arguments;
-const _hf2$6 = (p0) => p0?.content;
-const _hf3$5 = (p0, p1) => p0.messages.length - 1 === p1;
+const _hf0$f = (p0) => p0.function.name;
+const _hf1$7 = (p0) => p0.function.arguments;
+const _hf2$5 = (p0) => p0?.content;
+const _hf3$4 = (p0, p1) => p0.messages.length - 1 === p1;
 const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const renderTool = (toolCall, messages2) => {
     let toolEventType = core$2.EventType.TOOL_CALL_START;
@@ -4481,13 +3818,13 @@ const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
     return /* @__PURE__ */ core$1._jsxSorted(ElmAgUiToolExecution, {
       toolEventType
     }, {
-      toolName: core$1._fnSignal(_hf0$g, [
+      toolName: core$1._fnSignal(_hf0$f, [
         toolCall
       ]),
-      toolCallArgs: core$1._fnSignal(_hf1$8, [
+      toolCallArgs: core$1._fnSignal(_hf1$7, [
         toolCall
       ]),
-      toolCallResult: core$1._fnSignal(_hf2$6, [
+      toolCallResult: core$1._fnSignal(_hf2$5, [
         toolCallResultEvent
       ])
     }, null, 3, "nO_0");
@@ -4509,19 +3846,19 @@ const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
           return /* @__PURE__ */ core$1._jsxSorted(jsxRuntime.Fragment, null, null, [
             message2.toolCalls?.map((toolCall) => renderTool(toolCall, _rawProps.messages)),
             message2.content != null && /* @__PURE__ */ core$1._jsxSorted("div", null, {
-              class: styles$n["message-content-assistant-wrapper"]
+              class: styles$m["message-content-assistant-wrapper"]
             }, [
               /* @__PURE__ */ core$1._jsxSorted("div", null, {
-                class: styles$n["message-content-type"]
+                class: styles$m["message-content-type"]
               }, [
                 /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
-                  class: styles$n["message-content-icon"],
+                  class: styles$m["message-content-icon"],
                   d: js.mdiCreation
                 }, null, 3, "nO_2"),
                 /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, "Assistant", 3, "nO_3"),
                 /* @__PURE__ */ core$1._jsxSorted("div", null, {
                   "aria-hidden": "true",
-                  class: styles$n["message-content-spacer"]
+                  class: styles$m["message-content-spacer"]
                 }, null, 3, null)
               ], 1, null),
               /* @__PURE__ */ core$1._jsxSorted(ElmMarkdown, null, {
@@ -4529,7 +3866,7 @@ const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
                 isStreaming: true
               }, null, 3, "nO_4"),
               !_rawProps.isRunning && /* @__PURE__ */ core$1._jsxSorted("div", null, {
-                class: styles$n["message-content-assistant-actions"]
+                class: styles$m["message-content-assistant-actions"]
               }, [
                 /* @__PURE__ */ core$1._jsxSorted(ElmCopyIcon, null, {
                   content: core$1._wrapProp(message2, "content")
@@ -4537,7 +3874,7 @@ const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
                 /* @__PURE__ */ core$1._jsxSorted("span", {
                   "q-e:click": _rawProps.handleRetry$
                 }, {
-                  class: styles$n["clickable-icon"]
+                  class: styles$m["clickable-icon"]
                 }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
                   d: js.mdiRefresh,
                   size: "1.25rem"
@@ -4597,22 +3934,22 @@ const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
             /* @__PURE__ */ core$1._jsxSorted("div", {
               "q:slot": "summary"
             }, {
-              class: styles$n["message-content-type"]
+              class: styles$m["message-content-type"]
             }, [
               /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
-                class: styles$n["message-content-icon"],
+                class: styles$m["message-content-icon"],
                 d: js.mdiLightbulbOn
               }, null, 3, "nO_12"),
               /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, "Reasoning", 3, "nO_13"),
               /* @__PURE__ */ core$1._jsxSorted("div", null, {
                 "aria-hidden": "true",
-                class: styles$n["message-content-spacer"]
+                class: styles$m["message-content-spacer"]
               }, null, 3, null)
             ], 1, null),
             /* @__PURE__ */ core$1._jsxSorted("div", {
               class: [
                 {
-                  [styles$n["reasoning-running"]]: props.isReasoningRunning
+                  [styles$m["reasoning-running"]]: props.isReasoningRunning
                 }
               ],
               ref: reasoningRef
@@ -4622,7 +3959,7 @@ const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
           ], 1, "nO_15");
         }, "ElmAgUiMessageRenderer_component_render_Reasoning_component_aNX9iol0O8o"));
         return /* @__PURE__ */ core$1._jsxSorted(Reasoning, null, {
-          isReasoningRunning: core$1._fnSignal(_hf3$5, [
+          isReasoningRunning: core$1._fnSignal(_hf3$4, [
             _rawProps,
             index
           ]),
@@ -4644,21 +3981,21 @@ const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
           return "";
         };
         return /* @__PURE__ */ core$1._jsxSorted("div", null, {
-          class: styles$n["message-content-user-wrapper"]
+          class: styles$m["message-content-user-wrapper"]
         }, /* @__PURE__ */ core$1._jsxSorted("div", null, {
-          class: styles$n["message-content-user-inner"]
+          class: styles$m["message-content-user-inner"]
         }, [
           /* @__PURE__ */ core$1._jsxSorted("div", null, {
-            class: styles$n["message-content-type"]
+            class: styles$m["message-content-type"]
           }, [
             /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
-              class: styles$n["message-content-icon"],
+              class: styles$m["message-content-icon"],
               d: js.mdiAccount
             }, null, 3, "nO_17"),
             /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, "User", 3, "nO_18"),
             /* @__PURE__ */ core$1._jsxSorted("div", null, {
               "aria-hidden": "true",
-              class: styles$n["message-content-spacer"]
+              class: styles$m["message-content-spacer"]
             }, null, 3, null)
           ], 1, null),
           /* @__PURE__ */ core$1._jsxSorted(ElmAgUiInputContent, null, {
@@ -4673,7 +4010,7 @@ const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
   };
   return /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$n["elm-my-something"],
+      styles$m["elm-my-something"],
       _rawProps.class
     ],
     style: core$1._wrapProp(_rawProps, "style")
@@ -4681,7 +4018,7 @@ const ElmAgUiMessageRenderer = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
 }, "ElmAgUiMessageRenderer_component_0OscNQKsfZA"));
 const messages = "_messages_q1w8g_20";
 const error$1 = "_error_q1w8g_27";
-const styles$j = {
+const styles$i = {
   "elm-ag-ui-agent": "_elm-ag-ui-agent_q1w8g_1",
   "agent-container": "_agent-container_q1w8g_14",
   messages,
@@ -4693,13 +4030,13 @@ const styles$j = {
   "prompt-template-tip-icon": "_prompt-template-tip-icon_q1w8g_71",
   "clickable-icon": "_clickable-icon_q1w8g_84"
 };
-const _hf0$f = (p0) => ({
+const _hf0$e = (p0) => ({
   "--agent-ui-width": p0.width ?? "clamp(300px, 100%, 600px)",
   ...p0.style
 });
-const _hf1$7 = (p0) => p0.state.isRunning;
-const _hf2$5 = (p0) => p0.state.messages;
-const _hf3$4 = (p0) => p0.state.error;
+const _hf1$6 = (p0) => p0.state.isRunning;
+const _hf2$4 = (p0) => p0.state.messages;
+const _hf3$3 = (p0) => p0.state.error;
 const ElmAgUiAgent = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
   const input2 = core$1.useSignal("");
   const containerRef = core$1.useSignal();
@@ -4757,32 +4094,32 @@ const ElmAgUiAgent = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
   ]);
   return /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$j["elm-ag-ui-agent"],
+      styles$i["elm-ag-ui-agent"],
       props.class
     ],
     ref: containerRef,
-    style: core$1._fnSignal(_hf0$f, [
+    style: core$1._fnSignal(_hf0$e, [
       props
     ])
   }, null, [
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$j["agent-container"]
+      class: styles$i["agent-container"]
     }, /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$j["messages"]
+      class: styles$i["messages"]
     }, [
       /* @__PURE__ */ core$1._jsxSorted(ElmAgUiMessageRenderer, {
         handleRetry$: props.retry$
       }, {
-        isRunning: core$1._fnSignal(_hf1$7, [
+        isRunning: core$1._fnSignal(_hf1$6, [
           props
         ]),
-        messages: core$1._fnSignal(_hf2$5, [
+        messages: core$1._fnSignal(_hf2$4, [
           props
         ])
       }, null, 2, "Oj_0"),
       props.state.error && /* @__PURE__ */ core$1._jsxSorted(jsxRuntime.Fragment, null, null, [
         /* @__PURE__ */ core$1._jsxSorted("div", null, {
-          class: styles$j["error"]
+          class: styles$i["error"]
         }, [
           /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
             d: js.mdiAlert,
@@ -4793,14 +4130,14 @@ const ElmAgUiAgent = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
           }, null, 3, "Oj_1"),
           /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
             color: "var(--elmethis-color-accent-error)"
-          }, core$1._fnSignal(_hf3$4, [
+          }, core$1._fnSignal(_hf3$3, [
             props
           ]), 1, "Oj_2")
         ], 1, null),
         /* @__PURE__ */ core$1._jsxSorted("span", {
           "q-e:click": props.retry$
         }, {
-          class: styles$j["clickable-icon"]
+          class: styles$i["clickable-icon"]
         }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
           d: js.mdiRefresh,
           size: "1.25rem"
@@ -4808,20 +4145,20 @@ const ElmAgUiAgent = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
       ], 1, "Oj_4")
     ], 1, null), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$j["agent-input-container"]
+      class: styles$i["agent-input-container"]
     }, /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$j["agent-input"]
+      class: styles$i["agent-input"]
     }, [
       !props.state.isRunning && /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$j["prompt-template-container"]
+        class: styles$i["prompt-template-container"]
       }, props.state.promptTemplates.map((template, index) => /* @__PURE__ */ core$1._jsxSorted("span", {
         "data-template-index": index
       }, {
-        class: styles$j["prompt-template-tip"],
+        class: styles$i["prompt-template-tip"],
         "q-e:click": onTemplateClick$
       }, [
         /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
-          class: styles$j["prompt-template-tip-icon"],
+          class: styles$i["prompt-template-tip-icon"],
           d: js.mdiForumOutline
         }, null, 3, "Oj_5"),
         /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._wrapProp(template, "description"), 1, "Oj_6")
@@ -4832,7 +4169,7 @@ const ElmAgUiAgent = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
       }, {
         onInput$,
         onSubmit$,
-        isRunning: core$1._fnSignal(_hf1$7, [
+        isRunning: core$1._fnSignal(_hf1$6, [
           props
         ]),
         prompts: core$1._wrapProp(props, "prompts")
@@ -5383,11 +4720,11 @@ function useMcpPrompts(options) {
   };
 }
 const parallax = "_parallax_z693a_1";
-const styles$i = {
+const styles$h = {
   "parallax-watcher": "_parallax-watcher_z693a_1",
   parallax
 };
-const _hf0$e = (p0, p1, p2) => ({
+const _hf0$d = (p0, p1, p2) => ({
   backgroundImage: `url(${p0})`,
   transform: `scale(1.2) translateY(${p2.value / (1e3 * (p1 + 1))}%)`,
   transformOrigin: "bottom"
@@ -5408,22 +4745,22 @@ const ElmParallax = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
       }, "ElmParallax_component_div_div_q_w_scroll_Xf5lDCA47z0"),
       "q:p": y
     }, {
-      class: styles$i["parallax-watcher"]
+      class: styles$h["parallax-watcher"]
     }, null, 6, null),
     _rawProps.images.map((image2, index) => /* @__PURE__ */ core$1._jsxSorted("div", {
-      style: core$1._fnSignal(_hf0$e, [
+      style: core$1._fnSignal(_hf0$d, [
         image2,
         index,
         y
       ])
     }, {
-      class: styles$i.parallax
+      class: styles$h.parallax
     }, null, 3, index))
   ], 0, "sq_0");
 }, "ElmParallax_component_EJLLht8TfbM"));
 const tooltip = "_tooltip_1b13f_5";
 const show = "_show_1b13f_18";
-const styles$h = {
+const styles$g = {
   "elm-tooltip": "_elm-tooltip_1b13f_1",
   tooltip,
   show
@@ -5482,7 +4819,7 @@ const ElmTooltip = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
   return /* @__PURE__ */ core$1._jsxSplit("span", {
     ref: elRef,
     class: [
-      styles$h["elm-tooltip"],
+      styles$g["elm-tooltip"],
       _rawProps.class
     ],
     "q-e:mouseover": handleMouseOver,
@@ -5494,9 +4831,9 @@ const ElmTooltip = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
     }, null, 3, "Kf_0"),
     /* @__PURE__ */ core$1._jsxSorted("div", {
       class: [
-        styles$h.tooltip,
+        styles$g.tooltip,
         {
-          [styles$h.show]: isHover.value
+          [styles$g.show]: isHover.value
         }
       ]
     }, {
@@ -5506,15 +4843,15 @@ const ElmTooltip = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
     }, null, 3, "Kf_1"), 1, null)
   ], 0, "Kf_2");
 }, "ElmTooltip_component_7Z8Jw17rnA4"));
-const styles$g = {
+const styles$f = {
   "elm-block-fallback": "_elm-block-fallback_1sx02_1"
 };
 const dot = "_dot_qjgj2_25";
-const styles$f = {
+const styles$e = {
   "elm-dot-loading-icon": "_elm-dot-loading-icon_qjgj2_15",
   dot
 };
-const _hf0$d = (p0) => ({
+const _hf0$c = (p0) => ({
   "--elmethis-scoped-size": p0.size ?? "4em",
   ...p0.style
 });
@@ -5526,29 +4863,29 @@ const ElmDotLoadingIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ co
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("span", {
     class: [
-      styles$f["elm-dot-loading-icon"],
+      styles$e["elm-dot-loading-icon"],
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$d, [
+    style: core$1._fnSignal(_hf0$c, [
       _rawProps
     ]),
     ...core$1._getVarProps(props)
   }, core$1._getConstProps(props), [
     /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$f.dot,
+      class: styles$e.dot,
       "aria-hidden": "true"
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$f.dot,
+      class: styles$e.dot,
       "aria-hidden": "true"
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$f.dot,
+      class: styles$e.dot,
       "aria-hidden": "true"
     }, null, 3, null)
   ], 0, "Zs_0");
 }, "ElmDotLoadingIcon_component_xNGwJOdBjUI"));
-const _hf0$c = (p0) => ({
+const _hf0$b = (p0) => ({
   "--elmethis-scoped-height": p0.height ?? "16rem",
   ...p0.style
 });
@@ -5560,10 +4897,10 @@ const ElmBlockFallback = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ cor
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$g["elm-block-fallback"],
+      styles$f["elm-block-fallback"],
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$c, [
+    style: core$1._fnSignal(_hf0$b, [
       _rawProps
     ]),
     ...core$1._getVarProps(props)
@@ -5578,7 +4915,7 @@ const colored = "_colored_9qh0y_36";
 const enable = "_enable_9qh0y_40";
 const flex = "_flex_9qh0y_59";
 const ripple = "_ripple_9qh0y_83";
-const styles$e = {
+const styles$d = {
   "elm-button": "_elm-button_9qh0y_1",
   normal,
   primary,
@@ -5614,11 +4951,11 @@ const ElmButton = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
   return /* @__PURE__ */ core$1._jsxSplit("button", {
     "q-e:click": handleClick,
     class: [
-      styles$e["elm-button"],
-      !props.isLoading && !rest.disabled && styles$e.enable,
-      props.color && styles$e.colored,
-      !props.color && !props.primary && styles$e.normal,
-      !props.color && props.primary && styles$e.primary,
+      styles$d["elm-button"],
+      !props.isLoading && !rest.disabled && styles$d.enable,
+      props.color && styles$d.colored,
+      !props.color && !props.primary && styles$d.normal,
+      !props.color && props.primary && styles$d.primary,
       props.class
     ],
     style: {
@@ -5632,12 +4969,12 @@ const ElmButton = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
     ...core$1._getVarProps(rest)
   }, core$1._getConstProps(rest), [
     clicked.value && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$e.ripple
+      class: styles$d.ripple
     }, null, 3, "3N_0"),
     props.isLoading ? /* @__PURE__ */ core$1._jsxSorted(ElmDotLoadingIcon, null, {
       size: "1.5rem"
     }, null, 3, "3N_1") : /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$e.flex
+      class: styles$d.flex
     }, /* @__PURE__ */ core$1._jsxSorted(core$1.Slot, null, null, null, 3, "3N_2"), 1, "3N_3")
   ], 0, "3N_4");
 }, "ElmButton_component_f1UuOse0UGw"));
@@ -5646,7 +4983,7 @@ const checkbox = "_checkbox_18dfs_22";
 const rect = "_rect_18dfs_27";
 const loading$2 = "_loading_18dfs_30";
 const checked$1 = "_checked_18dfs_34";
-const styles$d = {
+const styles$c = {
   "elm-checkbox": "_elm-checkbox_18dfs_1",
   disabled: disabled$4,
   checkbox,
@@ -5656,7 +4993,7 @@ const styles$d = {
   "loading-dot": "_loading-dot_18dfs_39",
   "check-line": "_check-line_18dfs_54"
 };
-const _hf0$b = (p0) => ({
+const _hf0$a = (p0) => ({
   opacity: p0.isLoading ? 1 : 0
 });
 const ElmCheckbox = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
@@ -5674,8 +5011,8 @@ const ElmCheckbox = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   });
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$d["elm-checkbox"],
-      props.disabled && styles$d.disabled,
+      styles$c["elm-checkbox"],
+      props.disabled && styles$c.disabled,
       props.class
     ],
     "q-e:click": /* @__PURE__ */ core$1.inlinedQrl(() => {
@@ -5698,17 +5035,17 @@ const ElmCheckbox = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
     /* @__PURE__ */ core$1._jsxSorted("svg", null, {
       width: "24",
       height: "24",
-      class: styles$d.checkbox
+      class: styles$c.checkbox
     }, [
       /* @__PURE__ */ core$1._jsxSorted("circle", {
-        style: core$1._fnSignal(_hf0$b, [
+        style: core$1._fnSignal(_hf0$a, [
           props
         ])
       }, {
         cx: "0",
         cy: "0",
         r: "2",
-        class: styles$d["loading-dot"]
+        class: styles$c["loading-dot"]
       }, [
         /* @__PURE__ */ core$1._jsxSorted("animate", null, {
           attributeName: "cx",
@@ -5728,14 +5065,14 @@ const ElmCheckbox = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
         }, null, 3, null)
       ], 3, null),
       /* @__PURE__ */ core$1._jsxSorted("circle", {
-        style: core$1._fnSignal(_hf0$b, [
+        style: core$1._fnSignal(_hf0$a, [
           props
         ])
       }, {
         cx: "20",
         cy: "20",
         r: "2",
-        class: styles$d["loading-dot"]
+        class: styles$c["loading-dot"]
       }, [
         /* @__PURE__ */ core$1._jsxSorted("animate", null, {
           attributeName: "cx",
@@ -5756,9 +5093,9 @@ const ElmCheckbox = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
       ], 3, null),
       /* @__PURE__ */ core$1._jsxSorted("rect", {
         class: [
-          styles$d.rect,
-          isChecked.value && styles$d.checked,
-          props.isLoading && styles$d.loading
+          styles$c.rect,
+          isChecked.value && styles$c.checked,
+          props.isLoading && styles$c.loading
         ]
       }, {
         x: "4",
@@ -5768,7 +5105,7 @@ const ElmCheckbox = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
         "stroke-width": "0.8"
       }, null, 3, null),
       isChecked.value && /* @__PURE__ */ core$1._jsxSorted("polyline", null, {
-        class: styles$d["check-line"],
+        class: styles$c["check-line"],
         points: "5,12 10,17 19,8",
         "stroke-width": "1.5",
         fill: "transparent"
@@ -5842,7 +5179,7 @@ const body$3 = "_body_1u7w1_49";
 const fallback = "_fallback_1u7w1_66";
 const pulldown = "_pulldown_1u7w1_74";
 const option = "_option_1u7w1_59";
-const styles$c = {
+const styles$b = {
   "elm-select": "_elm-select_1u7w1_1",
   disabled: disabled$3,
   active: active$2,
@@ -5855,9 +5192,9 @@ const styles$c = {
   pulldown,
   option
 };
-const _hf0$a = (p0) => p0.value.icon;
-const _hf1$6 = (p0) => p0.value.label;
-const _hf2$4 = (p0) => p0.placeholder ?? "Select an option";
+const _hf0$9 = (p0) => p0.value.icon;
+const _hf1$5 = (p0) => p0.value.label;
+const _hf2$3 = (p0) => p0.placeholder ?? "Select an option";
 const ElmSelect = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
   const rest = core$1._restProps(props, [
     "class",
@@ -5895,11 +5232,11 @@ const ElmSelect = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     ref: containerRef,
     class: [
-      styles$c["elm-select"],
-      isOpen.value && styles$c.active,
+      styles$b["elm-select"],
+      isOpen.value && styles$b.active,
       props.class,
       {
-        [styles$c.disabled]: props.disabled || props.isLoading
+        [styles$b.disabled]: props.disabled || props.isLoading
       }
     ],
     style: core$1._wrapProp(props, "style"),
@@ -5916,9 +5253,9 @@ const ElmSelect = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
   }, core$1._getConstProps(rest), [
     /* @__PURE__ */ core$1._jsxSorted("span", {
       class: [
-        styles$c.label,
+        styles$b.label,
         {
-          [styles$c["label-active"]]: isOpen.value
+          [styles$b["label-active"]]: isOpen.value
         }
       ]
     }, null, [
@@ -5931,27 +5268,27 @@ const ElmSelect = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
       core$1._wrapProp(props, "label")
     ], 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$c.body
+      class: styles$b.body
     }, [
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
         class: [
-          styles$c["selected-option"],
+          styles$b["selected-option"],
           textStyles.text
         ]
       }, selectedOption.value ? /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$c["option-content"]
+        class: styles$b["option-content"]
       }, [
         selectedOption.value.icon && /* @__PURE__ */ core$1._jsxSorted(ElmInlineIcon, null, {
-          src: core$1._fnSignal(_hf0$a, [
+          src: core$1._fnSignal(_hf0$9, [
             selectedOption
           ])
         }, null, 3, "5b_2"),
-        /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._fnSignal(_hf1$6, [
+        /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._fnSignal(_hf1$5, [
           selectedOption
         ]), 3, "5b_3")
       ], 1, selectedOption.value.id) : /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$c.fallback
-      }, /* @__PURE__ */ core$1._jsxSorted("span", null, null, core$1._fnSignal(_hf2$4, [
+        class: styles$b.fallback
+      }, /* @__PURE__ */ core$1._jsxSorted("span", null, null, core$1._fnSignal(_hf2$3, [
         props
       ]), 1, null), 1, "5b_4"), 1, null),
       /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
@@ -5960,7 +5297,7 @@ const ElmSelect = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
       }, null, 3, "5b_5"),
       /* @__PURE__ */ core$1._jsxSorted(ElmCollapse, null, {
         isOpen: core$1._wrapProp(isOpen),
-        class: styles$c.pulldown
+        class: styles$b.pulldown
       }, props.options.map((option2) => {
         const qrl_4294901762 = /* @__PURE__ */ core$1.inlinedQrl((e, _1, option22) => {
           const isOpen2 = core$1._captures[0], props2 = core$1._captures[1];
@@ -5976,7 +5313,7 @@ const ElmSelect = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
           "q:p": option2
         }, {
           class: [
-            styles$c.option,
+            styles$b.option,
             textStyles.text
           ]
         }, [
@@ -5998,14 +5335,14 @@ const bar = "_bar_9s4vz_5";
 const checked = "_checked_9s4vz_21";
 const disabled$2 = "_disabled_9s4vz_26";
 const circle = "_circle_9s4vz_31";
-const styles$b = {
+const styles$a = {
   "switch": "_switch_9s4vz_1",
   bar,
   checked,
   disabled: disabled$2,
   circle
 };
-const _hf0$9 = (p0) => p0.checked.value;
+const _hf0$8 = (p0) => p0.checked.value;
 const ElmSwitch = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
   const rest = core$1._restProps(props, [
     "class",
@@ -6037,25 +5374,25 @@ const ElmSwitch = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inl
     ...core$1._getVarProps(rest)
   }, core$1._getConstProps(rest), [
     /* @__PURE__ */ core$1._jsxSorted("input", {
-      checked: core$1._fnSignal(_hf0$9, [
+      checked: core$1._fnSignal(_hf0$8, [
         props
       ]),
       disabled: core$1._wrapProp(props, "disabled")
     }, {
-      class: styles$b.switch,
+      class: styles$a.switch,
       type: "checkbox"
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("div", {
       class: [
-        styles$b.bar,
-        props.checked.value && styles$b.checked,
-        props.disabled && styles$b.disabled
+        styles$a.bar,
+        props.checked.value && styles$a.checked,
+        props.disabled && styles$a.disabled
       ]
     }, null, /* @__PURE__ */ core$1._jsxSorted("div", {
       class: [
-        styles$b.circle,
-        props.checked.value && styles$b.checked,
-        props.disabled && styles$b.disabled
+        styles$a.circle,
+        props.checked.value && styles$a.checked,
+        props.disabled && styles$a.disabled
       ]
     }, null, null, 3, null), 1, null)
   ], 0, "hS_0");
@@ -6067,7 +5404,7 @@ const header$2 = "_header_lgmx3_72";
 const requierd$1 = "_requierd_lgmx3_90";
 const body$2 = "_body_lgmx3_96";
 const textarea = "_textarea_lgmx3_101";
-const styles$a = {
+const styles$9 = {
   loading: loading$1,
   "elm-text-area": "_elm-text-area_lgmx3_37",
   disabled: disabled$1,
@@ -6078,15 +5415,15 @@ const styles$a = {
   body: body$2,
   textarea
 };
-const _hf0$8 = (p0) => p0.maxLength != null && p0.value.value.length > p0.maxLength ? "var(--elmethis-color-accent-error)" : "gray";
-const _hf1$5 = (p0) => p0.maxLength != null ? `${p0.value.value.length} / ${p0.maxLength}` : `${p0.value.value.length}`;
-const _hf2$3 = (p0) => p0.value?.value;
-const _hf3$3 = (p0) => p0.rows ?? 3;
-const _hf4$2 = (p0) => p0.disabled || p0.isLoading;
-const _hf5$2 = (p0) => ({
+const _hf0$7 = (p0) => p0.maxLength != null && p0.value.value.length > p0.maxLength ? "var(--elmethis-color-accent-error)" : "gray";
+const _hf1$4 = (p0) => p0.maxLength != null ? `${p0.value.value.length} / ${p0.maxLength}` : `${p0.value.value.length}`;
+const _hf2$2 = (p0) => p0.value?.value;
+const _hf3$2 = (p0) => p0.rows ?? 3;
+const _hf4$1 = (p0) => p0.disabled || p0.isLoading;
+const _hf5$1 = (p0) => ({
   cursor: p0.disabled ? "not-allowed" : p0.isLoading ? "progress" : "auto"
 });
-const _hf6$1 = (p0) => ({
+const _hf6 = (p0) => ({
   opacity: p0.isLoading ? 1 : 0
 });
 const ElmTextArea = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
@@ -6105,11 +5442,11 @@ const ElmTextArea = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   const isFocused = core$1.useSignal(false);
   return /* @__PURE__ */ core$1._jsxSplit("label", {
     class: [
-      styles$a["elm-text-area"],
-      isFocused.value && styles$a.active,
+      styles$9["elm-text-area"],
+      isFocused.value && styles$9.active,
       props.class,
       {
-        [styles$a.disabled]: props.disabled || props.isLoading
+        [styles$9.disabled]: props.disabled || props.isLoading
       }
     ],
     style: core$1._wrapProp(props, "style"),
@@ -6117,9 +5454,9 @@ const ElmTextArea = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
   }, core$1._getConstProps(rest), [
     /* @__PURE__ */ core$1._jsxSorted("span", {
       class: [
-        styles$a.header,
+        styles$9.header,
         {
-          [styles$a["label-active"]]: isFocused.value
+          [styles$9["label-active"]]: isFocused.value
         }
       ]
     }, null, [
@@ -6132,23 +5469,23 @@ const ElmTextArea = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
       /* @__PURE__ */ core$1._jsxSorted("span", null, null, [
         core$1._wrapProp(props, "label"),
         props.required && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-          class: styles$a.requierd
+          class: styles$9.requierd
         }, "*", 3, "RT_2")
       ], 1, null),
       props.value != null && /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
-        color: core$1._fnSignal(_hf0$8, [
+        color: core$1._fnSignal(_hf0$7, [
           props
         ]),
         size: "0.75rem"
-      }, core$1._fnSignal(_hf1$5, [
+      }, core$1._fnSignal(_hf1$4, [
         props
       ]), 1, "RT_3")
     ], 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$a.body
+      class: styles$9.body
     }, /* @__PURE__ */ core$1._jsxSorted("textarea", {
       "aria-required": core$1._wrapProp(props, "required"),
-      disabled: core$1._fnSignal(_hf4$2, [
+      disabled: core$1._fnSignal(_hf4$1, [
         props
       ]),
       placeholder: core$1._wrapProp(props, "placeholder"),
@@ -6161,24 +5498,24 @@ const ElmTextArea = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.i
         props
       ]),
       "q:p": isFocused,
-      rows: core$1._fnSignal(_hf3$3, [
+      rows: core$1._fnSignal(_hf3$2, [
         props
       ]),
-      style: core$1._fnSignal(_hf5$2, [
+      style: core$1._fnSignal(_hf5$1, [
         props
       ]),
-      value: core$1._fnSignal(_hf2$3, [
+      value: core$1._fnSignal(_hf2$2, [
         props
       ])
     }, {
-      class: styles$a.textarea
+      class: styles$9.textarea
     }, null, 6, null), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", {
-      style: core$1._fnSignal(_hf6$1, [
+      style: core$1._fnSignal(_hf6, [
         props
       ])
     }, {
-      class: styles$a.loading
+      class: styles$9.loading
     }, null, 3, null)
   ], 0, "RT_4");
 }, "ElmTextArea_component_eI5Hurm0OV8"));
@@ -6189,7 +5526,7 @@ const header$1 = "_header_11box_68";
 const requierd = "_requierd_11box_86";
 const body$1 = "_body_11box_92";
 const input = "_input_11box_100";
-const styles$9 = {
+const styles$8 = {
   loading,
   "elm-text-field": "_elm-text-field_11box_37",
   disabled,
@@ -6203,14 +5540,14 @@ const styles$9 = {
   "clickable-icon": "_clickable-icon_11box_126",
   "prefix-suffix": "_prefix-suffix_11box_142"
 };
-const _hf0$7 = (p0) => p0.maxLength != null && p0.value.value.length > p0.maxLength ? "var(--elmethis-color-accent-error)" : "gray";
-const _hf1$4 = (p0) => p0.maxLength != null ? `${p0.value.value.length} / ${p0.maxLength}` : `${p0.value.value.length}`;
-const _hf2$2 = (p0) => p0.value?.value;
-const _hf3$2 = (p0) => p0.disabled || p0.isLoading;
-const _hf4$1 = (p0) => ({
+const _hf0$6 = (p0) => p0.maxLength != null && p0.value.value.length > p0.maxLength ? "var(--elmethis-color-accent-error)" : "gray";
+const _hf1$3 = (p0) => p0.maxLength != null ? `${p0.value.value.length} / ${p0.maxLength}` : `${p0.value.value.length}`;
+const _hf2$1 = (p0) => p0.value?.value;
+const _hf3$1 = (p0) => p0.disabled || p0.isLoading;
+const _hf4 = (p0) => ({
   cursor: p0.disabled ? "not-allowed" : p0.isLoading ? "progress" : "auto"
 });
-const _hf5$1 = (p0) => ({
+const _hf5 = (p0) => ({
   opacity: p0.isLoading ? 1 : 0
 });
 const ElmTextField = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
@@ -6232,11 +5569,11 @@ const ElmTextField = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
   const inputType = core$1.useSignal(props.isPassword ? "password" : "text");
   return /* @__PURE__ */ core$1._jsxSplit("label", {
     class: [
-      styles$9["elm-text-field"],
-      isFocused.value && styles$9.active,
+      styles$8["elm-text-field"],
+      isFocused.value && styles$8.active,
       props.class,
       {
-        [styles$9.disabled]: props.disabled || props.isLoading
+        [styles$8.disabled]: props.disabled || props.isLoading
       }
     ],
     style: core$1._wrapProp(props, "style"),
@@ -6244,9 +5581,9 @@ const ElmTextField = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
   }, core$1._getConstProps(rest), [
     /* @__PURE__ */ core$1._jsxSorted("span", {
       class: [
-        styles$9.header,
+        styles$8.header,
         {
-          [styles$9["label-active"]]: isFocused.value
+          [styles$8["label-active"]]: isFocused.value
         }
       ]
     }, null, [
@@ -6259,27 +5596,27 @@ const ElmTextField = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
       /* @__PURE__ */ core$1._jsxSorted("span", null, null, [
         core$1._wrapProp(props, "label"),
         props.required && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-          class: styles$9.requierd
+          class: styles$8.requierd
         }, "*", 3, "3a_2")
       ], 1, null),
       props.value != null && /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
-        color: core$1._fnSignal(_hf0$7, [
+        color: core$1._fnSignal(_hf0$6, [
           props
         ]),
         size: "0.75rem"
-      }, core$1._fnSignal(_hf1$4, [
+      }, core$1._fnSignal(_hf1$3, [
         props
       ]), 1, "3a_3")
     ], 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$9.body
+      class: styles$8.body
     }, [
       props.prefix && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$9["prefix-suffix"]
+        class: styles$8["prefix-suffix"]
       }, core$1._wrapProp(props, "prefix"), 1, "3a_4"),
       /* @__PURE__ */ core$1._jsxSorted("input", {
         "aria-required": core$1._wrapProp(props, "required"),
-        disabled: core$1._fnSignal(_hf3$2, [
+        disabled: core$1._fnSignal(_hf3$1, [
           props
         ]),
         placeholder: core$1._wrapProp(props, "placeholder"),
@@ -6292,21 +5629,21 @@ const ElmTextField = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
           props
         ]),
         "q:p": isFocused,
-        style: core$1._fnSignal(_hf4$1, [
+        style: core$1._fnSignal(_hf4, [
           props
         ]),
-        value: core$1._fnSignal(_hf2$2, [
+        value: core$1._fnSignal(_hf2$1, [
           props
         ])
       }, {
         type: core$1._wrapProp(inputType),
-        class: styles$9.input
+        class: styles$8.input
       }, null, 6, null),
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$9["right-icon-box"]
+        class: styles$8["right-icon-box"]
       }, [
         /* @__PURE__ */ core$1._jsxSorted("span", null, {
-          class: styles$9["prefix-suffix"]
+          class: styles$8["prefix-suffix"]
         }, props.suffix != null && /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._wrapProp(props, "suffix"), 1, "3a_5"), 1, null),
         /* @__PURE__ */ core$1._jsxSorted("div", {
           "q-e:click": /* @__PURE__ */ core$1.inlinedQrl(() => {
@@ -6319,7 +5656,7 @@ const ElmTextField = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
             props
           ])
         }, {
-          class: styles$9["clickable-icon"]
+          class: styles$8["clickable-icon"]
         }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
           d: inputType.value === "text" ? js.mdiEyeOutline : js.mdiEyeOffOutline
         }, {
@@ -6336,7 +5673,7 @@ const ElmTextField = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
             props
           ])
         }, {
-          class: styles$9["clickable-icon"]
+          class: styles$8["clickable-icon"]
         }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
           d: js.mdiTrashCanOutline,
           size: "1.25rem",
@@ -6345,22 +5682,22 @@ const ElmTextField = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.
       ], 1, null)
     ], 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", {
-      style: core$1._fnSignal(_hf5$1, [
+      style: core$1._fnSignal(_hf5, [
         props
       ])
     }, {
-      class: styles$9.loading
+      class: styles$8.loading
     }, null, 3, null)
   ], 0, "3a_8");
 }, "ElmTextField_component_7yeLskO1oF0"));
-const styles$8 = {
+const styles$7 = {
   "elm-validation": "_elm-validation_1cigg_1"
 };
-const _hf0$6 = (p0) => ({
+const _hf0$5 = (p0) => ({
   "--elmethis-scoped-opacity": p0.isValid ? 1 : 0.5,
   ...p0.style
 });
-const _hf1$3 = (p0) => p0.isValid ? p0.validColor ?? "var(--elmethis-color-accent-success)" : void 0;
+const _hf1$2 = (p0) => p0.isValid ? p0.validColor ?? "var(--elmethis-color-accent-success)" : void 0;
 const ElmValidation = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const props = core$1._restProps(_rawProps, [
     "class",
@@ -6371,10 +5708,10 @@ const ElmValidation = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("div", {
     class: [
-      styles$8["elm-validation"],
+      styles$7["elm-validation"],
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$6, [
+    style: core$1._fnSignal(_hf0$5, [
       _rawProps
     ]),
     ...core$1._getVarProps(props)
@@ -6382,12 +5719,12 @@ const ElmValidation = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
       d: _rawProps.isValid ? js.mdiCheckCircle : js.mdiCheckCircleOutline
     }, {
-      color: core$1._fnSignal(_hf1$3, [
+      color: core$1._fnSignal(_hf1$2, [
         _rawProps
       ])
     }, null, 3, "fb_0"),
     /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
-      color: core$1._fnSignal(_hf1$3, [
+      color: core$1._fnSignal(_hf1$2, [
         _rawProps
       ])
     }, core$1._wrapProp(_rawProps, "text"), 1, "fb_1")
@@ -6917,11 +6254,11 @@ const useSessionStorage = (_rawProps) => {
   });
 };
 const square = "_square_m72nq_28";
-const styles$7 = {
+const styles$6 = {
   "elm-square-loading-icon": "_elm-square-loading-icon_m72nq_19",
   square
 };
-const _hf0$5 = (p0) => ({
+const _hf0$4 = (p0) => ({
   "--elmethis-scoped-size": p0.size ?? "3rem",
   "--elmethis-scoped-dimensions": p0.dimensions ?? 4,
   "--elmethis-scoped-duration": `${1200}ms`,
@@ -6937,10 +6274,10 @@ const ElmSquareLoadingIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
   const DELAY = 1200 / ((_rawProps.dimensions ?? 4) * 3);
   return /* @__PURE__ */ core$1._jsxSplit("span", {
     class: [
-      styles$7["elm-square-loading-icon"],
+      styles$6["elm-square-loading-icon"],
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$5, [
+    style: core$1._fnSignal(_hf0$4, [
       _rawProps
     ]),
     ...core$1._getVarProps(props)
@@ -6949,26 +6286,26 @@ const ElmSquareLoadingIcon = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */
       "--elmethis-scoped-delay": `${DELAY * (rowIndex + columnIndex)}ms`
     }
   }, {
-    class: styles$7.square
+    class: styles$6.square
   }, null, 3, `${rowIndex}-${columnIndex}`))), 0, "dY_0");
 }, "ElmSquareLoadingIcon_component_URq2y0Vp5Ws"));
-const styles$6 = {
+const styles$5 = {
   "elm-toggle-theme": "_elm-toggle-theme_11awq_1"
 };
-const _hf0$4 = (p0) => p0.size ?? "2rem";
+const _hf0$3 = (p0) => p0.size ?? "2rem";
 const ElmToggleTheme = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((_rawProps) => {
   const elmethistheme = useElmethisTheme();
   return /* @__PURE__ */ core$1._jsxSorted(jsxRuntime.Fragment, null, null, !elmethistheme.isDarkTheme.value ? /* @__PURE__ */ core$1._jsxSorted("svg", {
     class: [
-      styles$6["elm-toggle-theme"],
+      styles$5["elm-toggle-theme"],
       _rawProps.class
     ],
-    height: core$1._fnSignal(_hf0$4, [
+    height: core$1._fnSignal(_hf0$3, [
       _rawProps
     ]),
     "q-e:click": elmethistheme.toggleTheme,
     style: core$1._wrapProp(_rawProps, "style"),
-    width: core$1._fnSignal(_hf0$4, [
+    width: core$1._fnSignal(_hf0$3, [
       _rawProps
     ])
   }, {
@@ -7164,15 +6501,15 @@ const ElmToggleTheme = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$
     ], 3, null)
   ], 2, "7Z_0") : /* @__PURE__ */ core$1._jsxSorted("svg", {
     class: [
-      styles$6["elm-toggle-theme"],
+      styles$5["elm-toggle-theme"],
       _rawProps.class
     ],
-    height: core$1._fnSignal(_hf0$4, [
+    height: core$1._fnSignal(_hf0$3, [
       _rawProps
     ]),
     "q-e:click": elmethistheme.toggleTheme,
     style: core$1._wrapProp(_rawProps, "style"),
-    width: core$1._fnSignal(_hf0$4, [
+    width: core$1._fnSignal(_hf0$3, [
       _rawProps
     ])
   }, {
@@ -7408,7 +6745,7 @@ const ElmToggleTheme = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$
 const icon = "_icon_13oke_23";
 const chunk = "_chunk_13oke_36";
 const chevron = "_chevron_13oke_41";
-const styles$5 = {
+const styles$4 = {
   "elm-breadcrumb": "_elm-breadcrumb_13oke_1",
   "link-container": "_link-container_13oke_9",
   icon,
@@ -7422,7 +6759,7 @@ const ElmBreadcrumb = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
   ]);
   return /* @__PURE__ */ core$1._jsxSplit("nav", {
     class: [
-      styles$5["elm-breadcrumb"],
+      styles$4["elm-breadcrumb"],
       _rawProps.class
     ],
     ...core$1._getVarProps(props)
@@ -7430,20 +6767,20 @@ const ElmBreadcrumb = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     /* @__PURE__ */ core$1._jsxSorted("span", {
       "q-e:click": link2.onClick$
     }, {
-      class: styles$5["link-container"]
+      class: styles$4["link-container"]
     }, [
       /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
         d: index === 0 ? js.mdiHome : index === _rawProps.links.length - 1 ? js.mdiApplicationOutline : js.mdiFolderOpen
       }, {
-        class: styles$5.icon,
+        class: styles$4.icon,
         size: "1rem"
       }, null, 3, "wL_0"),
       /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$5.chunk
+        class: styles$4.chunk
       }, core$1._wrapProp(link2, "text"), 1, null)
     ], 0, null),
     _rawProps.links.length !== index + 1 && /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
-      class: styles$5.chevron,
+      class: styles$4.chevron,
       d: js.mdiChevronRight,
       size: "1rem"
     }, null, 3, "wL_1")
@@ -7452,13 +6789,13 @@ const ElmBreadcrumb = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
 const visible = "_visible_18d6m_30";
 const partial = "_partial_18d6m_37";
 const text = "_text_18d6m_74";
-const styles$4 = {
+const styles$3 = {
   "elm-page-top": "_elm-page-top_18d6m_1",
   visible,
   partial,
   text
 };
-const _hf0$3 = (p0) => ({
+const _hf0$2 = (p0) => ({
   "--elmethis-scoped-size": `${64}px`,
   left: (p0.position ?? "right") === "left" ? "0" : "auto",
   right: (p0.position ?? "right") === "right" ? "0" : "auto",
@@ -7494,13 +6831,13 @@ const ElmPageTop = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
   }, "ElmPageTop_component_toTop_40Bu5QRIQBE");
   return /* @__PURE__ */ core$1._jsxSplit("nav", {
     class: [
-      styles$4["elm-page-top"],
+      styles$3["elm-page-top"],
       {
-        [styles$4.visible]: isVisible.value
+        [styles$3.visible]: isVisible.value
       },
       _rawProps.class
     ],
-    style: core$1._fnSignal(_hf0$3, [
+    style: core$1._fnSignal(_hf0$2, [
       _rawProps
     ]),
     "q-e:click": toTop,
@@ -7508,18 +6845,18 @@ const ElmPageTop = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.in
   }, core$1._getConstProps(props), [
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
       "aria-hidden": "true",
-      class: styles$4.partial
+      class: styles$3.partial
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
       "aria-hidden": "true",
-      class: styles$4.partial
+      class: styles$3.partial
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
       "aria-hidden": "true",
-      class: styles$4.partial
+      class: styles$3.partial
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$4.text
+      class: styles$3.text
     }, "Back to Top", 3, null)
   ], 0, "Ai_0");
 }, "ElmPageTop_component_byQ7OLwyL2c"));
@@ -7527,7 +6864,7 @@ const toolbar$1 = "_toolbar_vuro0_6";
 const group$1 = "_group_vuro0_40";
 const scale = "_scale_vuro0_46";
 const swatch = "_swatch_vuro0_52";
-const styles$3 = {
+const styles$2 = {
   "elm-color-primitive-sample": "_elm-color-primitive-sample_vuro0_1",
   toolbar: toolbar$1,
   "mode-toggle": "_mode-toggle_vuro0_11",
@@ -7539,8 +6876,8 @@ const styles$3 = {
   "swatch-name": "_swatch-name_vuro0_55",
   "swatch-bg": "_swatch-bg_vuro0_60"
 };
-const _hf0$2 = (p0) => p0.value === "hex" ? "hex value" : "variable name";
-const _hf1$2 = (p0, p1, p2) => p0.value === p2 ? "copied!" : p1;
+const _hf0$1 = (p0) => p0.value === "hex" ? "hex value" : "variable name";
+const _hf1$1 = (p0, p1, p2) => p0.value === p2 ? "copied!" : p1;
 const rgbToHex$1 = (rgb) => {
   const parts = rgb.match(/\d+(\.\d+)?/g);
   if (!parts || parts.length < 3) return null;
@@ -7649,7 +6986,7 @@ const ElmColorPrimitiveSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
   ]);
   return /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$3["elm-color-primitive-sample"],
+      styles$2["elm-color-primitive-sample"],
       _rawProps.class
     ],
     style: core$1._wrapProp(_rawProps, "style")
@@ -7657,7 +6994,7 @@ const ElmColorPrimitiveSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
     "q-e:click": copyToken$
   }, [
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$3.toolbar
+      class: styles$2.toolbar
     }, /* @__PURE__ */ core$1._jsxSorted("button", {
       "q-e:click": /* @__PURE__ */ core$1.inlinedQrl(() => {
         const copyMode2 = core$1._captures[0];
@@ -7667,27 +7004,27 @@ const ElmColorPrimitiveSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
       ])
     }, {
       type: "button",
-      class: styles$3["mode-toggle"]
+      class: styles$2["mode-toggle"]
     }, [
       /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
         d: copyMode.value === "hex" ? js.mdiHexadecimal : js.mdiFormatColorFill
       }, {
-        class: styles$3["mode-toggle-icon"],
+        class: styles$2["mode-toggle-icon"],
         size: "1.25rem"
       }, null, 3, "MO_0"),
       "Copy: ",
-      core$1._fnSignal(_hf0$2, [
+      core$1._fnSignal(_hf0$1, [
         copyMode
       ])
     ], 0, null), 1, null),
     PRIMITIVE_SCALES.map((_rawProps2) => /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$3.group
+      class: styles$2.group
     }, [
       /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$3["section-title"]
+        class: styles$2["section-title"]
       }, core$1._wrapProp(_rawProps2, "hue"), 1, null),
       /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$3.scale
+        class: styles$2.scale
       }, _rawProps2.steps.map((step) => {
         const token = `--elmethis-primitive-color-${_rawProps2.hue}-${step}`;
         return /* @__PURE__ */ core$1._jsxSorted("div", {
@@ -7699,18 +7036,18 @@ const ElmColorPrimitiveSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
           },
           title: token
         }, {
-          class: styles$3.swatch
+          class: styles$2.swatch
         }, [
           /* @__PURE__ */ core$1._jsxSorted("div", {
             style: {
               backgroundColor: `var(${token})`
             }
           }, {
-            class: styles$3["swatch-bg"]
+            class: styles$2["swatch-bg"]
           }, null, 3, null),
           /* @__PURE__ */ core$1._jsxSorted("code", null, {
-            class: styles$3["swatch-name"]
-          }, core$1._fnSignal(_hf1$2, [
+            class: styles$2["swatch-name"]
+          }, core$1._fnSignal(_hf1$1, [
             copiedToken,
             step,
             token
@@ -7728,7 +7065,7 @@ const group = "_group_6i1j1_63";
 const panel = "_panel_6i1j1_33";
 const surface = "_surface_6i1j1_86";
 const foreground = "_foreground_6i1j1_97";
-const styles$2 = {
+const styles$1 = {
   "elm-color-semantic-sample": "_elm-color-semantic-sample_6i1j1_1",
   toolbar,
   "mode-toggle": "_mode-toggle_6i1j1_11",
@@ -7748,15 +7085,15 @@ const styles$2 = {
   "color-sample-bg": "_color-sample-bg_6i1j1_121",
   "color-sample-name": "_color-sample-name_6i1j1_127"
 };
-const _hf0$1 = (p0, p1) => p0.copiedToken.value === p1 ? "copied!" : p1;
-const _hf1$1 = (p0) => ({
+const _hf0 = (p0, p1) => p0.copiedToken.value === p1 ? "copied!" : p1;
+const _hf1 = (p0) => ({
   colorScheme: p0.theme
 });
-const _hf2$1 = (p0) => ({
+const _hf2 = (p0) => ({
   color: `var(${p0.fg})`,
   backgroundColor: `var(${p0.surface})`
 });
-const _hf3$1 = (p0) => p0.value === "hex" ? "hex value" : "variable name";
+const _hf3 = (p0) => p0.value === "hex" ? "hex value" : "variable name";
 const rgbToHex = (rgb) => {
   const parts = rgb.match(/\d+(\.\d+)?/g);
   if (!parts || parts.length < 3) return null;
@@ -7790,22 +7127,22 @@ const PRIMARY_TOKENS = [
 ];
 const ColorSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((args) => {
   return /* @__PURE__ */ core$1._jsxSorted("div", null, {
-    class: styles$2["color-sample-container"]
+    class: styles$1["color-sample-container"]
   }, args.variables.map((variable) => /* @__PURE__ */ core$1._jsxSorted("div", {
     "data-copy-token": variable
   }, {
-    class: styles$2["color-sample"]
+    class: styles$1["color-sample"]
   }, [
     /* @__PURE__ */ core$1._jsxSorted("div", {
       style: {
         backgroundColor: `var(${variable})`
       }
     }, {
-      class: styles$2["color-sample-bg"]
+      class: styles$1["color-sample-bg"]
     }, null, 3, null),
     /* @__PURE__ */ core$1._jsxSorted("code", null, {
-      class: styles$2["color-sample-name"]
-    }, core$1._fnSignal(_hf0$1, [
+      class: styles$1["color-sample-name"]
+    }, core$1._fnSignal(_hf0, [
       args,
       variable
     ]), 1, null)
@@ -7897,19 +7234,19 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
       // inside a page; `color-scheme`/`data-theme` apply to any element.
       /* @__PURE__ */ core$1._jsxSorted("div", {
         "data-theme": core$1._wrapProp(props, "theme"),
-        style: core$1._fnSignal(_hf1$1, [
+        style: core$1._fnSignal(_hf1, [
           props
         ])
       }, {
-        class: styles$2.panel
+        class: styles$1.panel
       }, /* @__PURE__ */ core$1._jsxSorted("div", null, {
-        class: styles$2["panel-body"],
+        class: styles$1["panel-body"],
         style: {
           backgroundColor: "var(--elmethis-color-surface-base)"
         }
       }, [
         /* @__PURE__ */ core$1._jsxSorted("header", null, {
-          class: styles$2.header,
+          class: styles$1.header,
           style: {
             backgroundColor: "var(--elmethis-color-surface-sunken)"
           }
@@ -7917,13 +7254,13 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
           "data-copy-token": "--elmethis-color-surface-sunken"
         }, label2("--elmethis-color-surface-sunken"), 1, null), 1, null),
         /* @__PURE__ */ core$1._jsxSorted("div", null, {
-          class: styles$2.body
+          class: styles$1.body
         }, [
           /* @__PURE__ */ core$1._jsxSorted("div", null, {
-            class: styles$2.group
+            class: styles$1.group
           }, [
             /* @__PURE__ */ core$1._jsxSorted("span", null, {
-              class: styles$2["section-title"]
+              class: styles$1["section-title"]
             }, "Surface", 3, null),
             SURFACE_TOKENS.map((name) => /* @__PURE__ */ core$1._jsxSorted("div", {
               "data-copy-token": name,
@@ -7931,14 +7268,14 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
                 backgroundColor: `var(${name})`
               }
             }, {
-              class: styles$2.surface
+              class: styles$1.surface
             }, label2(name), 1, name))
           ], 1, null),
           /* @__PURE__ */ core$1._jsxSorted("div", null, {
-            class: styles$2.group
+            class: styles$1.group
           }, [
             /* @__PURE__ */ core$1._jsxSorted("span", null, {
-              class: styles$2["section-title"]
+              class: styles$1["section-title"]
             }, "Foreground", 3, null),
             FOREGROUND_TOKENS.map((name) => /* @__PURE__ */ core$1._jsxSorted("span", {
               "data-copy-token": name,
@@ -7946,21 +7283,21 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
                 color: `var(${name})`
               }
             }, {
-              class: styles$2.foreground
+              class: styles$1.foreground
             }, label2(name), 1, name))
           ], 1, null),
           /* @__PURE__ */ core$1._jsxSorted("div", null, {
-            class: styles$2.group
+            class: styles$1.group
           }, [
             /* @__PURE__ */ core$1._jsxSorted("span", null, {
-              class: styles$2["section-title"]
+              class: styles$1["section-title"]
             }, "Accent", 3, null),
             ACCENT_PAIRS.map((_rawProps2) => /* @__PURE__ */ core$1._jsxSorted("div", {
-              style: core$1._fnSignal(_hf2$1, [
+              style: core$1._fnSignal(_hf2, [
                 _rawProps2
               ])
             }, {
-              class: styles$2["accent-pair"]
+              class: styles$1["accent-pair"]
             }, [
               /* @__PURE__ */ core$1._jsxSorted("span", {
                 "data-copy-token": core$1._wrapProp(_rawProps2, "fg")
@@ -7971,10 +7308,10 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
             ], 1, _rawProps2.fg))
           ], 1, null),
           /* @__PURE__ */ core$1._jsxSorted("div", null, {
-            class: styles$2.group
+            class: styles$1.group
           }, [
             /* @__PURE__ */ core$1._jsxSorted("span", null, {
-              class: styles$2["section-title"]
+              class: styles$1["section-title"]
             }, "Neutral", 3, null),
             /* @__PURE__ */ core$1._jsxSorted(ColorSample, null, {
               variables: NEUTRAL_TOKENS,
@@ -7982,10 +7319,10 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
             }, null, 3, "2F_1")
           ], 1, null),
           /* @__PURE__ */ core$1._jsxSorted("div", null, {
-            class: styles$2.group
+            class: styles$1.group
           }, [
             /* @__PURE__ */ core$1._jsxSorted("span", null, {
-              class: styles$2["section-title"]
+              class: styles$1["section-title"]
             }, "Primary", 3, null),
             /* @__PURE__ */ core$1._jsxSorted(ColorSample, null, {
               variables: PRIMARY_TOKENS,
@@ -7993,17 +7330,17 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
             }, null, 3, "2F_2")
           ], 1, null),
           /* @__PURE__ */ core$1._jsxSorted("div", null, {
-            class: styles$2.group
+            class: styles$1.group
           }, [
             /* @__PURE__ */ core$1._jsxSorted("span", null, {
-              class: styles$2["section-title"]
+              class: styles$1["section-title"]
             }, "Display", 3, null),
             DISPLAY_PAIRS.map((_rawProps2) => /* @__PURE__ */ core$1._jsxSorted("div", {
-              style: core$1._fnSignal(_hf2$1, [
+              style: core$1._fnSignal(_hf2, [
                 _rawProps2
               ])
             }, {
-              class: styles$2["accent-pair"]
+              class: styles$1["accent-pair"]
             }, [
               /* @__PURE__ */ core$1._jsxSorted("span", {
                 "data-copy-token": core$1._wrapProp(_rawProps2, "fg")
@@ -8021,13 +7358,13 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
   ]));
   return /* @__PURE__ */ core$1._jsxSorted("div", {
     class: [
-      styles$2["elm-color-semantic-sample"],
+      styles$1["elm-color-semantic-sample"],
       _rawProps.class
     ],
     style: core$1._wrapProp(_rawProps, "style")
   }, null, [
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$2.toolbar
+      class: styles$1.toolbar
     }, /* @__PURE__ */ core$1._jsxSorted("button", {
       "q-e:click": /* @__PURE__ */ core$1.inlinedQrl(() => {
         const copyMode2 = core$1._captures[0];
@@ -8037,21 +7374,21 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
       ])
     }, {
       type: "button",
-      class: styles$2["mode-toggle"]
+      class: styles$1["mode-toggle"]
     }, [
       /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
         d: copyMode.value === "hex" ? js.mdiHexadecimal : js.mdiFormatColorFill
       }, {
-        class: styles$2["mode-toggle-icon"],
+        class: styles$1["mode-toggle-icon"],
         size: "1.25rem"
       }, null, 3, "2F_4"),
       "Copy: ",
-      core$1._fnSignal(_hf3$1, [
+      core$1._fnSignal(_hf3, [
         copyMode
       ])
     ], 0, null), 1, null),
     /* @__PURE__ */ core$1._jsxSorted("div", null, {
-      class: styles$2.panels,
+      class: styles$1.panels,
       "q-e:click": copyToken$
     }, [
       /* @__PURE__ */ core$1._jsxSorted(Render, null, {
@@ -8063,295 +7400,6 @@ const ElmColorSemanticSample = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__
     ], 1, null)
   ], 1, "2F_7");
 }, "ElmColorSemanticSample_component_c40U9Y9RzyA"));
-const column = "_column_1uevw_1";
-const styles$1 = {
-  "column-list": "_column-list_1uevw_1",
-  column
-};
-const _hf0 = (p0) => p0.props.src;
-const _hf1 = (p0) => p0.props.alt;
-const _hf10 = (p0) => p0.props.description;
-const _hf11 = (p0) => p0.props.image;
-const _hf12 = (p0) => p0.props.name;
-const _hf13 = (p0) => p0.props.width;
-const _hf14 = (p0) => p0.props.height;
-const _hf15 = (p0) => p0.props.srcset;
-const _hf16 = (p0) => p0.props.sizes;
-const _hf17 = (p0) => p0.props.code;
-const _hf18 = (p0) => p0.props.language;
-const _hf19 = (p0) => p0.props.expression;
-const _hf2 = (p0) => p0.props.level;
-const _hf20 = (p0) => p0.props?.caption;
-const _hf21 = (p0) => p0.props?.hasRowHeader;
-const _hf22 = (p0, p1) => ({
-  "--width-ratio": p0.props?.widthRatio || 1,
-  width: p0.props?.widthRatio ? `${p0.props.widthRatio * 100}%` : void 0,
-  ...p1
-});
-const _hf23 = (p0) => ({
-  "--elmethis-margin-block-start": "2.5rem",
-  ...p0.style
-});
-const _hf3 = (p0) => p0.props?.color;
-const _hf4 = (p0) => p0.props?.backgroundColor;
-const _hf5 = (p0) => p0.props?.listStyle === "unordered" ? "unordered" : "ordered";
-const _hf6 = (p0) => p0.props?.cite;
-const _hf7 = (p0) => p0.props?.type;
-const _hf8 = (p0) => p0.props.url;
-const _hf9 = (p0) => p0.props.title;
-const convertInlineComponentsToPlainText = (inlineComponents) => {
-  return inlineComponents.map((component) => {
-    if (component.type === "Text") {
-      return component.props.text;
-    } else {
-      return "";
-    }
-  }).join("");
-};
-const ElmJarkup = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1.inlinedQrl((props) => {
-  const rest = core$1._restProps(props, [
-    "class",
-    "style",
-    "jsonComponents",
-    "skipUnsupportedComponentWarning"
-  ]);
-  const render = (jsonComponents) => {
-    return jsonComponents.map((component, index) => {
-      const key2 = component.id || index;
-      const firstStyle = index === 0 ? {
-        "--elmethis-margin-block-start": "0"
-      } : void 0;
-      switch (component.type) {
-        case "Text": {
-          const { props: p } = component;
-          if (p.katex) {
-            return /* @__PURE__ */ core$1._jsxSorted(ElmKatex, null, {
-              expression: core$1._wrapProp(p, "text"),
-              block: false
-            }, null, 3, key2);
-          }
-          return /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, {
-            color: core$1._wrapProp(p, "color"),
-            backgroundColor: core$1._wrapProp(p, "backgroundColor"),
-            bold: core$1._wrapProp(p, "bold"),
-            italic: core$1._wrapProp(p, "italic"),
-            underline: core$1._wrapProp(p, "underline"),
-            strikethrough: core$1._wrapProp(p, "strikethrough"),
-            code: core$1._wrapProp(p, "code"),
-            ruby: core$1._wrapProp(p, "ruby"),
-            href: core$1._wrapProp(p, "href"),
-            favicon: core$1._wrapProp(p, "favicon")
-          }, core$1._wrapProp(p, "text"), 1, key2);
-        }
-        case "Icon":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmInlineIcon, {
-            alt: core$1._fnSignal(_hf1, [
-              component
-            ]),
-            src: core$1._fnSignal(_hf0, [
-              component
-            ])
-          }, null, null, 3, key2);
-        case "Fragment": {
-          return /* @__PURE__ */ core$1._jsxSorted(jsxRuntime.Fragment, null, null, render(component.slots.default), 1, "Ck_0");
-        }
-        case "Heading":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmHeading, {
-            id: esToolkit.kebabCase(convertInlineComponentsToPlainText(component.slots.default)),
-            level: core$1._fnSignal(_hf2, [
-              component
-            ]),
-            style: firstStyle
-          }, null, render(component.slots.default), 1, key2);
-        case "Paragraph":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmParagraph, {
-            backgroundColor: core$1._fnSignal(_hf4, [
-              component
-            ]),
-            color: core$1._fnSignal(_hf3, [
-              component
-            ]),
-            style: firstStyle
-          }, null, render(component.slots.default), 1, key2);
-        case "ListItem":
-          return /* @__PURE__ */ core$1._jsxSorted("li", null, null, render(component.slots.default), 1, key2);
-        case "List":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmList, {
-            listStyle: core$1._fnSignal(_hf5, [
-              component
-            ]),
-            style: firstStyle
-          }, null, render(component.slots.default), 1, key2);
-        case "BlockQuote":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmBlockQuote, {
-            cite: core$1._fnSignal(_hf6, [
-              component
-            ]),
-            style: firstStyle
-          }, null, render(component.slots.default), 1, key2);
-        case "Callout":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmCallout, {
-            style: firstStyle,
-            type: core$1._fnSignal(_hf7, [
-              component
-            ])
-          }, null, render(component.slots.default), 1, key2);
-        case "Divider":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmDivider, {
-            style: firstStyle
-          }, null, null, 3, key2);
-        case "Toggle":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmToggle, {
-            style: firstStyle
-          }, null, [
-            /* @__PURE__ */ core$1._jsxSorted("div", {
-              "q:slot": "summary"
-            }, null, render(component.slots.summary), 1, null),
-            render(component.slots.default)
-          ], 1, key2);
-        case "Bookmark":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmBookmark, {
-            description: core$1._fnSignal(_hf10, [
-              component
-            ]),
-            image: core$1._fnSignal(_hf11, [
-              component
-            ]),
-            style: firstStyle,
-            title: core$1._fnSignal(_hf9, [
-              component
-            ]),
-            url: core$1._fnSignal(_hf8, [
-              component
-            ])
-          }, null, null, 3, key2);
-        case "File":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmFile, {
-            name: core$1._fnSignal(_hf12, [
-              component
-            ]),
-            src: core$1._fnSignal(_hf0, [
-              component
-            ]),
-            style: firstStyle
-          }, null, null, 3, key2);
-        case "Image":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmBlockImage, {
-            alt: core$1._fnSignal(_hf1, [
-              component
-            ]),
-            height: core$1._fnSignal(_hf14, [
-              component
-            ]),
-            sizes: core$1._fnSignal(_hf16, [
-              component
-            ]),
-            src: core$1._fnSignal(_hf0, [
-              component
-            ]),
-            srcset: core$1._fnSignal(_hf15, [
-              component
-            ]),
-            style: firstStyle,
-            width: core$1._fnSignal(_hf13, [
-              component
-            ])
-          }, {
-            enableModal: true
-          }, null, 3, key2);
-        case "CodeBlock":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmCodeBlock, {
-            code: core$1._fnSignal(_hf17, [
-              component
-            ]),
-            language: core$1._fnSignal(_hf18, [
-              component
-            ]),
-            style: firstStyle
-          }, null, component.slots?.default && render(component.slots.default), 1, key2);
-        case "Katex":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmKatex, {
-            expression: core$1._fnSignal(_hf19, [
-              component
-            ]),
-            style: firstStyle
-          }, {
-            block: true
-          }, null, 3, key2);
-        case "Tabs": {
-          const labels = [];
-          const contents = [];
-          for (const tab2 of component.slots.default) {
-            labels.push(tab2.slots.labels);
-            contents.push(tab2.slots.contents);
-          }
-          return /* @__PURE__ */ core$1._jsxSorted(ElmTabs, null, {
-            defaultValue: "0"
-          }, [
-            /* @__PURE__ */ core$1._jsxSorted(ElmTabList, null, null, labels.map((label2, index2) => /* @__PURE__ */ core$1._jsxSorted(ElmTab, {
-              value: String(index2)
-            }, null, render(label2), 1, index2)), 1, "Ck_1"),
-            labels.map((_, index2) => /* @__PURE__ */ core$1._jsxSorted(ElmTabPanel, {
-              value: String(index2)
-            }, null, render(contents[index2]), 1, index2))
-          ], 1, "Ck_2");
-        }
-        case "Table":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmTable, {
-            caption: core$1._fnSignal(_hf20, [
-              component
-            ]),
-            hasRowHeader: core$1._fnSignal(_hf21, [
-              component
-            ]),
-            style: firstStyle
-          }, null, [
-            component.slots.header && /* @__PURE__ */ core$1._jsxSorted(ElmTableHeader, null, null, render(component.slots.header), 1, "Ck_3"),
-            /* @__PURE__ */ core$1._jsxSorted(ElmTableBody, null, null, render(component.slots.body), 1, "Ck_4")
-          ], 1, key2);
-        case "TableRow":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmTableRow, null, null, render(component.slots.default), 1, key2);
-        case "TableCell":
-          return /* @__PURE__ */ core$1._jsxSorted(ElmTableCell, null, null, render(component.slots.default), 1, key2);
-        case "ColumnList":
-          return /* @__PURE__ */ core$1._jsxSorted("div", {
-            style: firstStyle
-          }, {
-            class: styles$1["column-list"]
-          }, render(component.slots.default), 1, key2);
-        case "Column":
-          return /* @__PURE__ */ core$1._jsxSorted("div", {
-            style: core$1._fnSignal(_hf22, [
-              component,
-              firstStyle
-            ])
-          }, {
-            class: styles$1.column
-          }, render(component.slots.default), 1, key2);
-        case "Unsupported": {
-          if (props.skipUnsupportedComponentWarning) return null;
-          return /* @__PURE__ */ core$1._jsxSorted(ElmUnsupportedBlock, {
-            details: `Unsupported component type: ${component.props?.details || component.type}`,
-            style: firstStyle
-          }, null, null, 3, key2);
-        }
-        default:
-          if (props.skipUnsupportedComponentWarning) return null;
-          return /* @__PURE__ */ core$1._jsxSorted(ElmUnsupportedBlock, {
-            details: `Unsupported component type: ${component.type}`,
-            style: firstStyle
-          }, null, null, 3, key2);
-      }
-    });
-  };
-  return /* @__PURE__ */ core$1._jsxSplit("div", {
-    class: core$1._wrapProp(props, "class"),
-    style: core$1._fnSignal(_hf23, [
-      props
-    ]),
-    ...core$1._getVarProps(rest)
-  }, core$1._getConstProps(rest), render(props.jsonComponents), 0, "Ck_5");
-}, "ElmJarkup_component_v1hxPALYrDQ"));
 const error = "_error_1llms_26";
 const status = "_status_1llms_32";
 const board = "_board_1llms_41";
@@ -25241,7 +24289,6 @@ exports.ElmFragmentIdentifier = ElmFragmentIdentifier;
 exports.ElmHeading = ElmHeading;
 exports.ElmInlineIcon = ElmInlineIcon;
 exports.ElmInlineText = ElmInlineText;
-exports.ElmJarkup = ElmJarkup;
 exports.ElmKatex = ElmKatex;
 exports.ElmLanguageIcon = ElmLanguageIcon;
 exports.ElmList = ElmList;