npm - @elmethis/qwik - Versions diffs - 1.0.0-alpha.22 → 1.0.0-alpha.24 - Mend

@elmethis/qwik 1.0.0-alpha.22 → 1.0.0-alpha.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/README.md CHANGED Viewed

@@ -70,35 +70,43 @@ The `throw` is intentional — if the OAuth code path is ever reached at
 runtime, you'll get a loud error instead of silent broken crypto. Omit the
 alias if your app actually uses the MCP SDK's OAuth flow.
-### Theming
+### Design tokens
-The library ships a set of CSS custom properties typed as
-`ElmethisCSSVariables`. Two layers:
+The design tokens are provided by [`@elmethis/core`](../core) as
+`--elmethis-*` CSS custom properties. They load automatically when you import
+from `@elmethis/qwik` (the entry runs `import "@elmethis/core/tokens.css"`).
+Two layers:
-- **Primitives** (`--elmethis-neutral-*`, `--elmethis-accent-*`) — theme-agnostic
-  raw values.
-- **Semantic roles** (`--elmethis-color-*`) — theme-aware. Flip automatically
-  under `[data-theme="dark"]` on `<html>` (toggled by `useElmethisTheme()`).
-  Components consume these.
+- **Primitives** (`--elmethis-primitive-*`, e.g.
+  `--elmethis-primitive-color-blue-500`) — theme-agnostic raw values.
+- **Semantic roles** (`--elmethis-color-*`, plus a few non-color tokens like
+  `--elmethis-margin-block-start`) — reference the primitives. Components
+  consume these.
-Override on a wrapper element to retheme a region:
+### Theming
-```tsx
-import type { ElmethisCSSVariables } from "@elmethis/qwik";
+Theme switching is **native**: every themed token is a CSS `light-dark()`
+value that resolves against the root's computed `color-scheme`. The default
+(`color-scheme: light dark`) follows the OS (`prefers-color-scheme`).
+`useElmethisTheme()` pins `color-scheme` on `<html>` to force light or dark
+(and also sets `data-theme`, read only by the handful of non-color overrides
+that can't use `light-dark()`).
-const themed: ElmethisCSSVariables = { "--elmethis-color-primary": "tomato" };
+Override a token on a wrapper element to retheme a region:
-<div style={themed}>
+```tsx
+<div style={{ "--elmethis-color-primary": "tomato" }}>
   <ElmHeading>I cascade tomato.</ElmHeading>
-</div>;
+</div>
 ```
 For per-instance overrides (one paragraph's color, one icon's fill), use the
 component's own props (`color`, `backgroundColor`, etc.). Those write to
-component-private CSS variables that don't cascade into descendants.
+component-private `--elmethis-scoped-*` variables that don't cascade into
+descendants.
-**Rule of thumb:** variable on a wrapper retheme a region; prop on a component
-styles one element. See the `ElmethisCSSVariables` type for the full token list.
+**Rule of thumb:** a variable on a wrapper retheme a region; a prop on a
+component styles one element.
 ## Coding style

package/lib/index.qwik.cjs CHANGED Viewed

@@ -24,6 +24,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("@elmethis/core/tokens.css");
 const core$1 = require("@qwik.dev/core");
 const v0_9 = require("@a2ui/web_core/v0_9");
 const basic_catalog = require("@a2ui/web_core/v0_9/basic_catalog");
@@ -2806,7 +2807,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 tr = "_tr_14q3t_1";
+const tr = "_tr_8c0na_1";
 const styles$v = {
   tr
 };
@@ -7506,13 +7507,13 @@ const ElmToggleTheme = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$
     ], 3, null)
   ], 2, "7Z_1"), 1, "7Z_2");
 }, "ElmToggleTheme_component_UCPPH0ZjWO4"));
-const container = "_container_fdajv_1";
-const icon = "_icon_fdajv_23";
-const chunk = "_chunk_fdajv_38";
-const chevron = "_chevron_fdajv_42";
+const container = "_container_19tkl_1";
+const icon = "_icon_19tkl_23";
+const chunk = "_chunk_19tkl_36";
+const chevron = "_chevron_19tkl_41";
 const styles$5 = {
   container,
-  "link-container": "_link-container_fdajv_9",
+  "link-container": "_link-container_19tkl_9",
   icon,
   chunk,
   chevron
@@ -7534,24 +7535,22 @@ const ElmBreadcrumb = /* @__PURE__ */ core$1.componentQrl(/* @__PURE__ */ core$1
     }, {
       class: styles$5["link-container"]
     }, [
-      /* @__PURE__ */ core$1._jsxSorted("span", null, {
-        class: styles$5.icon
-      }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
+      /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, {
         d: index === 0 ? js.mdiHome : index === _rawProps.links.length - 1 ? js.mdiApplicationOutline : js.mdiFolderOpen
       }, {
-        size: "1.25em"
-      }, null, 3, "wL_0"), 1, null),
+        class: styles$5.icon,
+        size: "1rem"
+      }, null, 3, "wL_0"),
       /* @__PURE__ */ core$1._jsxSorted("span", null, {
         class: styles$5.chunk
-      }, /* @__PURE__ */ core$1._jsxSorted(ElmInlineText, null, null, core$1._wrapProp(link2, "text"), 1, "wL_1"), 1, null)
+      }, core$1._wrapProp(link2, "text"), 1, null)
     ], 0, null),
-    _rawProps.links.length !== index + 1 && /* @__PURE__ */ core$1._jsxSorted("span", null, {
-      class: styles$5.chevron
-    }, /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
+    _rawProps.links.length !== index + 1 && /* @__PURE__ */ core$1._jsxSorted(ElmMdiIcon, null, {
+      class: styles$5.chevron,
       d: js.mdiChevronRight,
-      size: "1em"
-    }, null, 3, "wL_2"), 1, "wL_3")
-  ], 1, "wL_4")), 0, "wL_5");
+      size: "1rem"
+    }, null, 3, "wL_1")
+  ], 1, "wL_2")), 0, "wL_3");
 }, "ElmBreadcrumb_component_Bm4cHEZjNRM"));
 const wrapper = "_wrapper_1uubg_1";
 const partial = "_partial_1uubg_30";

package/lib/index.qwik.mjs CHANGED Viewed

@@ -1,6 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
 var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
+import "@elmethis/core/tokens.css";
 import { componentQrl, inlinedQrl, _restProps, _jsxSplit, _getVarProps, _fnSignal, _getConstProps, _jsxSorted, Slot, useSignal, useContext, _wrapProp, useContextProvider, createContextId, _captures, useTaskQrl, noSerialize, useStore, useVisibleTaskQrl, useComputedQrl, Fragment, isSignal, useOnWindow, useOnDocument } from "@qwik.dev/core";
 import { ComponentContext, Catalog, MessageProcessor } from "@a2ui/web_core/v0_9";
 import { TextApi, RowApi, ColumnApi, ListApi, CardApi, ButtonApi, ImageApi, IconApi, DividerApi, TextFieldApi, CheckBoxApi, SliderApi, TabsApi, ModalApi, VideoApi, AudioPlayerApi, ChoicePickerApi, DateTimeInputApi, BASIC_COMPONENTS, BASIC_FUNCTIONS } from "@a2ui/web_core/v0_9/basic_catalog";
@@ -2784,7 +2785,7 @@ const ElmTableBody = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_r
     ..._getVarProps(props)
   }, _getConstProps(props), /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "d6_0"), 0, "d6_1");
 }, "ElmTableBody_component_cc34lI5xf6Y"));
-const tr = "_tr_14q3t_1";
+const tr = "_tr_8c0na_1";
 const styles$v = {
   tr
 };
@@ -7484,13 +7485,13 @@ const ElmToggleTheme = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
     ], 3, null)
   ], 2, "7Z_1"), 1, "7Z_2");
 }, "ElmToggleTheme_component_UCPPH0ZjWO4"));
-const container = "_container_fdajv_1";
-const icon = "_icon_fdajv_23";
-const chunk = "_chunk_fdajv_38";
-const chevron = "_chevron_fdajv_42";
+const container = "_container_19tkl_1";
+const icon = "_icon_19tkl_23";
+const chunk = "_chunk_19tkl_36";
+const chevron = "_chevron_19tkl_41";
 const styles$5 = {
   container,
-  "link-container": "_link-container_fdajv_9",
+  "link-container": "_link-container_19tkl_9",
   icon,
   chunk,
   chevron
@@ -7512,24 +7513,22 @@ const ElmBreadcrumb = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_
     }, {
       class: styles$5["link-container"]
     }, [
-      /* @__PURE__ */ _jsxSorted("span", null, {
-        class: styles$5.icon
-      }, /* @__PURE__ */ _jsxSorted(ElmMdiIcon, {
+      /* @__PURE__ */ _jsxSorted(ElmMdiIcon, {
         d: index === 0 ? mdiHome : index === _rawProps.links.length - 1 ? mdiApplicationOutline : mdiFolderOpen
       }, {
-        size: "1.25em"
-      }, null, 3, "wL_0"), 1, null),
+        class: styles$5.icon,
+        size: "1rem"
+      }, null, 3, "wL_0"),
       /* @__PURE__ */ _jsxSorted("span", null, {
         class: styles$5.chunk
-      }, /* @__PURE__ */ _jsxSorted(ElmInlineText, null, null, _wrapProp(link2, "text"), 1, "wL_1"), 1, null)
+      }, _wrapProp(link2, "text"), 1, null)
     ], 0, null),
-    _rawProps.links.length !== index + 1 && /* @__PURE__ */ _jsxSorted("span", null, {
-      class: styles$5.chevron
-    }, /* @__PURE__ */ _jsxSorted(ElmMdiIcon, null, {
+    _rawProps.links.length !== index + 1 && /* @__PURE__ */ _jsxSorted(ElmMdiIcon, null, {
+      class: styles$5.chevron,
       d: mdiChevronRight,
-      size: "1em"
-    }, null, 3, "wL_2"), 1, "wL_3")
-  ], 1, "wL_4")), 0, "wL_5");
+      size: "1rem"
+    }, null, 3, "wL_1")
+  ], 1, "wL_2")), 0, "wL_3");
 }, "ElmBreadcrumb_component_Bm4cHEZjNRM"));
 const wrapper = "_wrapper_1uubg_1";
 const partial = "_partial_1uubg_30";

package/lib/q-manifest.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"version": "1",
-	"manifestHash": "ragusb",
+	"manifestHash": "c4uot7",
 	"options": {
 		"target": "lib",
 		"buildMode": "development",
@@ -30,8 +30,8 @@
 	"mapping": {},
 	"bundles": {
 		"../index.qwik.cjs": {
-			"size": 524122,
-			"total": 524122,
+			"size": 523950,
+			"total": 523950,
 			"origins": [
 				"src/components/a2ui/catalog/basic-catalog.tsx",
 				"src/components/a2ui/catalog/block-catalog.tsx",
@@ -199,7 +199,6 @@
 				"src/hooks/use-throttled-signal.ts",
 				"src/hooks/use-throttled-store.ts",
 				"src/index.ts",
-				"src/styles/global.css",
 				"src/styles/text.module.css"
 			],
 			"interactivity": 0
@@ -208,7 +207,7 @@
 	"assets": {
 		"style.css": {
 			"name": "style.css.css",
-			"size": 77522
+			"size": 69802
 		},
 		"assets/bundle-graph.BqrDAOEV.json": {
 			"name": "bundle-graph.json",

package/lib/style.css CHANGED Viewed

@@ -1,221 +1,3 @@
-:root {
-  /* === PRIMITIVE LAYER === */
-  --elmethis-primitive-color-red-100: #e9dddd;
-  --elmethis-primitive-color-red-500: #ae6e6e;
-  --elmethis-primitive-color-red-900: #291313;
-  --elmethis-primitive-color-orange-100: #ebdfdb;
-  --elmethis-primitive-color-orange-500: #b8816e;
-  --elmethis-primitive-color-orange-900: #3f251c;
-  --elmethis-primitive-color-yellow-100: #ebe6db;
-  --elmethis-primitive-color-yellow-500: #b09a66;
-  --elmethis-primitive-color-yellow-900: #332b19;
-  --elmethis-primitive-color-green-100: #dde9e2;
-  --elmethis-primitive-color-green-500: #659878;
-  --elmethis-primitive-color-green-900: #15281d;
-  --elmethis-primitive-color-cyan-100: #dde9e7;
-  --elmethis-primitive-color-cyan-500: #6091a0;
-  --elmethis-primitive-color-cyan-900: #203b37;
-  --elmethis-primitive-color-blue-100: #dde2e9;
-  --elmethis-primitive-color-blue-500: #68779f;
-  --elmethis-primitive-color-blue-900: #242d3e;
-  --elmethis-primitive-color-purple-100: #e3dde9;
-  --elmethis-primitive-color-purple-500: #8d799f;
-  --elmethis-primitive-color-purple-900: #271836;
-  --elmethis-primitive-color-magenta-100: #eadce4;
-  --elmethis-primitive-color-magenta-500: #b17396;
-  --elmethis-primitive-color-magenta-900: #3c1f2f;
-  --elmethis-primitive-color-slate-100: #d7d9e1;
-  --elmethis-primitive-color-slate-200: #b0b5be;
-  --elmethis-primitive-color-slate-300: #949ba7;
-  --elmethis-primitive-color-slate-400: #6c7483;
-  --elmethis-primitive-color-slate-500: #555b67;
-  --elmethis-primitive-color-slate-600: #40444c;
-  --elmethis-primitive-color-slate-700: #393e46;
-  --elmethis-primitive-color-slate-800: #31353a;
-  --elmethis-primitive-color-slate-900: #242629;
-  --elmethis-primitive-color-gold-100: #f7f5f4;
-  --elmethis-primitive-color-gold-200: #efecea;
-  --elmethis-primitive-color-gold-300: #d9d3cc;
-  --elmethis-primitive-color-gold-400: #cabfb2;
-  --elmethis-primitive-color-gold-500: #c6b5a2;
-  --elmethis-primitive-color-gold-600: #bda68b;
-  --elmethis-primitive-color-gold-700: #a68c70;
-  --elmethis-primitive-color-gold-800: #8e7356;
-  --elmethis-primitive-color-gold-900: #6e583f;
-  --elmethis-primitive-font-family-monospace:
-    "DM Mono", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
-  /*
-    Light:
-      Background: Gold
-      Foreground Normal: Slate
-      Foreground Accent: Gold
-    Dark:
-      Background: Slate
-      Foreground Normal: Slate
-      Foreground Accent: Gold
-    Theme switching is native: each themed token below is a
-    `light-dark(<light>, <dark>)` value that resolves against the computed
-    `color-scheme`. The default `color-scheme: light dark` follows the OS
-    (`prefers-color-scheme`); pinning `color-scheme: light | dark` on the
-    root element (see `useElmethisTheme`) forces a specific theme.
-   */
-  color-scheme: light dark;
-  /* === SEMANTIC LAYER === */
-  /* COMMON (theme-independent) */
-  --elmethis-margin-block-start: 2rem;
-  --elmethis-font-family-monospace: var(
-    --elmethis-primitive-font-family-monospace
-  );
-  --elmethis-color-accent-link: var(--elmethis-primitive-color-blue-500);
-  --elmethis-color-accent-link-visited: var(
-    --elmethis-primitive-color-purple-500
-  );
-  --elmethis-color-primary-hover: oklch(
-    from var(--elmethis-color-primary) l c h / 15%
-  );
-  /* SURFACES */
-  /* Header background */
-  --elmethis-color-surface-sunken: light-dark(
-    var(--elmethis-primitive-color-gold-300),
-    var(--elmethis-primitive-color-slate-800)
-  );
-  /* Body background */
-  --elmethis-color-surface-base: light-dark(
-    var(--elmethis-primitive-color-gold-200),
-    var(--elmethis-primitive-color-slate-700)
-  );
-  /* a surface lifted above its neighbors */
-  --elmethis-color-surface-raised: light-dark(
-    var(--elmethis-primitive-color-gold-100),
-    var(--elmethis-primitive-color-slate-600)
-  );
-  /* NEUTRAL */
-  --elmethis-color-neutral-weak: var(--elmethis-primitive-color-slate-300);
-  --elmethis-color-neutral: light-dark(
-    var(--elmethis-primitive-color-slate-400),
-    var(--elmethis-primitive-color-slate-200)
-  );
-  --elmethis-color-neutral-strong: light-dark(
-    var(--elmethis-primitive-color-slate-500),
-    var(--elmethis-primitive-color-slate-100)
-  );
-  /* PRIMARY */
-  --elmethis-color-primary-weak: var(--elmethis-primitive-color-gold-600);
-  --elmethis-color-primary: light-dark(
-    var(--elmethis-primitive-color-gold-700),
-    var(--elmethis-primitive-color-gold-500)
-  );
-  --elmethis-color-primary-strong: light-dark(
-    var(--elmethis-primitive-color-gold-800),
-    var(--elmethis-primitive-color-gold-400)
-  );
-  --elmethis-box-shadow-color: light-dark(
-    oklch(from #3e434b l c h / 0.25),
-    var(--elmethis-primitive-color-slate-900)
-  );
-  /* ACCENTS */
-  --elmethis-color-accent-info: var(--elmethis-primitive-color-blue-500);
-  --elmethis-color-accent-info-surface: light-dark(
-    var(--elmethis-primitive-color-blue-100),
-    var(--elmethis-primitive-color-blue-900)
-  );
-  --elmethis-color-accent-success: var(--elmethis-primitive-color-green-500);
-  --elmethis-color-accent-success-surface: light-dark(
-    var(--elmethis-primitive-color-green-100),
-    var(--elmethis-primitive-color-green-900)
-  );
-  --elmethis-color-accent-important: var(--elmethis-primitive-color-purple-500);
-  --elmethis-color-accent-important-surface: light-dark(
-    var(--elmethis-primitive-color-purple-100),
-    var(--elmethis-primitive-color-purple-900)
-  );
-  --elmethis-color-accent-warning: var(--elmethis-primitive-color-yellow-500);
-  --elmethis-color-accent-warning-surface: light-dark(
-    var(--elmethis-primitive-color-yellow-100),
-    var(--elmethis-primitive-color-yellow-900)
-  );
-  --elmethis-color-accent-error: var(--elmethis-primitive-color-red-500);
-  --elmethis-color-accent-error-surface: light-dark(
-    var(--elmethis-primitive-color-red-100),
-    var(--elmethis-primitive-color-red-900)
-  );
-  /* DISPLAY */
-  --elmethis-color-display-red: var(--elmethis-primitive-color-red-500);
-  --elmethis-color-display-red-surface: light-dark(
-    var(--elmethis-primitive-color-red-100),
-    var(--elmethis-primitive-color-red-900)
-  );
-  --elmethis-color-display-orange: var(--elmethis-primitive-color-orange-500);
-  --elmethis-color-display-orange-surface: light-dark(
-    var(--elmethis-primitive-color-orange-100),
-    var(--elmethis-primitive-color-orange-900)
-  );
-  --elmethis-color-display-yellow: var(--elmethis-primitive-color-yellow-500);
-  --elmethis-color-display-yellow-surface: light-dark(
-    var(--elmethis-primitive-color-yellow-100),
-    var(--elmethis-primitive-color-yellow-900)
-  );
-  --elmethis-color-display-green: var(--elmethis-primitive-color-green-500);
-  --elmethis-color-display-green-surface: light-dark(
-    var(--elmethis-primitive-color-green-100),
-    var(--elmethis-primitive-color-green-900)
-  );
-  --elmethis-color-display-cyan: var(--elmethis-primitive-color-cyan-500);
-  --elmethis-color-display-cyan-surface: light-dark(
-    var(--elmethis-primitive-color-cyan-100),
-    var(--elmethis-primitive-color-cyan-900)
-  );
-  --elmethis-color-display-blue: var(--elmethis-primitive-color-blue-500);
-  --elmethis-color-display-blue-surface: light-dark(
-    var(--elmethis-primitive-color-blue-100),
-    var(--elmethis-primitive-color-blue-900)
-  );
-  --elmethis-color-display-purple: var(--elmethis-primitive-color-purple-500);
-  --elmethis-color-display-purple-surface: light-dark(
-    var(--elmethis-primitive-color-purple-100),
-    var(--elmethis-primitive-color-purple-900)
-  );
-  --elmethis-color-display-magenta: var(--elmethis-primitive-color-magenta-500);
-  --elmethis-color-display-magenta-surface: light-dark(
-    var(--elmethis-primitive-color-magenta-100),
-    var(--elmethis-primitive-color-magenta-900)
-  );
-}
 ._elm-tabs_4ntkf_1 {
   margin-block-start: var(--elmethis-margin-block-start);
   display: flex;
@@ -1550,7 +1332,7 @@
     color 400ms;
   border-bottom: 2px solid var(--elmethis-color-primary-weak);
 }
-._tr_14q3t_1 {
+._tr_8c0na_1 {
   transition: background-color 200ms;
   &:nth-child(odd) {
@@ -1558,7 +1340,7 @@
   }
   &:nth-child(even) {
-    background-color: var(--elmethis-color-surface);
+    background-color: var(--elmethis-color-surface-base);
   }
   &:hover {
@@ -3045,7 +2827,7 @@ select._field-input_8yo2s_157 {
   box-shadow: 0 0 0.125rem light-dark(rgb(0 0 0 / 30%), rgb(0 0 0 / 60%));
   background-color: light-dark(rgb(255 255 255 / 20%), rgb(0 0 0 / 20%));
 }
-._container_fdajv_1 {
+._container_19tkl_1 {
   display: flex;
   flex-flow: row wrap;
   align-items: center;
@@ -3053,11 +2835,11 @@ select._field-input_8yo2s_157 {
   user-select: none;
 }
-._link-container_fdajv_9 {
+._link-container_19tkl_9 {
   display: flex;
   flex-direction: row;
   align-items: center;
-  gap: 0;
+  gap: 0.25rem;
   box-sizing: border-box;
   padding: 0.25rem;
   border-radius: 0.25rem;
@@ -3067,26 +2849,25 @@ select._field-input_8yo2s_157 {
     opacity 100ms,
     transform 100ms;
-  ._icon_fdajv_23 {
+  ._icon_19tkl_23 {
     color: var(--elmethis-color-neutral);
   }
   &:hover {
     background-color: oklch(from var(--elmethis-color-primary) l c h / 25%);
-    transform: translateX(-1px) translateY(-1px);
   }
   &:active {
-    opacity: 0.5;
-    transform: translateX(1px) translateY(1px);
+    background-color: oklch(from var(--elmethis-color-primary) l c h / 50%);
   }
 }
-._chunk_fdajv_38 {
-  padding: 0 0.25rem;
+._chunk_19tkl_36 {
+  color: var(--elmethis-color-neutral);
+  user-select: none;
 }
-._chevron_fdajv_42 {
+._chevron_19tkl_41 {
   padding: 0 0.25rem;
   color: var(--elmethis-color-primary);
 }

package/lib-types/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import "./styles/global.css";
+import "@elmethis/core/tokens.css";
 export { ElmA2ui, type ElmA2uiProps, A2uiSurface, type A2uiSurfaceProps, } from "./components/a2ui/elm-a2ui";
 export { ComponentHost, ROOT_COMPONENT_ID, A2uiSurfaceContext, A2uiCatalogContext, } from "./components/a2ui/component-host";
 export { CatalogRenderer, defineRenderer, type RenderArgs, type RenderFn, type RendererEntry, type ChildRef, } from "./components/a2ui/catalog/catalog";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/qwik",
-  "version": "1.0.0-alpha.22",
+  "version": "1.0.0-alpha.24",
   "publishConfig": {
     "access": "public"
   },
@@ -40,7 +40,7 @@
   "devDependencies": {
     "@eslint/js": "latest",
     "@qwik.dev/core": "2.0.0-beta.36",
-    "@storybook/addon-docs": "^10.4.3",
+    "@storybook/addon-docs": "^10.4.4",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "25.7.0",
     "@vitest/ui": "^4.1.8",
@@ -50,8 +50,8 @@
     "happy-dom": "^20.10.2",
     "jarkup-ts": "^0.14.0",
     "np": "^11.2.1",
-    "prettier": "3.8.3",
-    "storybook": "^10.4.3",
+    "prettier": "3.8.4",
+    "storybook": "^10.4.4",
     "storybook-framework-qwik": "0.6.2--canary.95.25602496384.0",
     "stylelint": "^17.13.0",
     "stylelint-config-css-modules": "^4.6.0",
@@ -80,7 +80,7 @@
     "uuid": "^14.0.0",
     "zod": "^3",
     "zod-to-json-schema": "^3.25.2",
-    "@elmethis/core": "^0.9.2"
+    "@elmethis/core": "^0.10.0"
   },
   "peerDependencies": {
     "@qwik.dev/core": ">=2.0.0-beta.31"