@stackone/malachite 2.55.0 → 2.55.1

package/COMPONENTS.md

@@ -110,7 +110,7 @@ The catalog of components exported from `@stackone/malachite`. **Reach for one o
 - **`Table`** — Data table with columns, sizing, pagination and row selection. `column.align` places a column's header as well as its cells. What lands on the aligned edge is the last thing in the header row rather than the title: the sort caret on a sortable column, the info icon on one carrying `info` without a sorter. `headerVariant` picks the header layout, and only `inline` lines header and body up exactly, because both are cells of one `<table>`. `detached` builds them from flex rows, where a sortable header cell is 32px narrower than a non-sortable one — its padding sits on the inner button rather than on the flex item — so its header cells sit 15–17px off their column at any alignment; reach for `inline` where exact alignment matters. Sorting is internal, so the array passed as `data` is not the order rendered once a column is sorted: `onVisibleOrderChange` reports the rows in render order — the whole of `data`, compared by `rowKey` so an equal order never re-fires — for a consumer stepping a master-detail view the way the user sees it. _Key props:_ `TableColumns` (incl. `align`), `TableSize`, `TableType`, `TableRowSelection`, `TablePaginationPosition`, `headerVariant`, `onVisibleOrderChange`.
 - **`Statistic`** — Displays a statistic value with a label; primary/secondary sizes. _Key props:_ `StatisticValueSize`.
 - **`Avatar`** — Logo/initial avatar. Renders the image when available, otherwise a coloured tile with the first letter of `name`, or with `fallback="placeholder"` the generic "no logo available" tile. Encapsulates the fallback colour. _Key props:_ `src`, `name`, `size`, `shape="square" | "circle"`, `fallback="initial" | "placeholder"`.
-- **`AppLogo`** — A connector's mark, optionally with its name and version tag. Builds on `Avatar`, so a missing or broken logo falls back to the generic "no logo available" placeholder, an accent tile with a white dot. The gap tightens below 18px so the mark and label still read as one unit. _Key props:_ `src`, `name`, `showName`, `size`, `nameSize`, `nameWeight`, `version`, `truncate`, `className`.
+- **`AppLogo`** — A connector's mark, optionally with its name and version tag. Builds on `Avatar`, so a missing or broken logo falls back to the generic "no logo available" placeholder, a neutral grey tile with a darker square, the same mark stackone-logos.com serves. The gap tightens below 18px so the mark and label still read as one unit. _Key props:_ `src`, `name`, `showName`, `size`, `nameSize`, `nameWeight`, `version`, `truncate`, `className`.
 - **`ConnectionHeader`** — Two tilted logo tiles (from → to) showing a connection between apps. _Key props:_ `from`, `to` (`ConnectionEndpoint`: `icon`, `label`, `background`).
 - **`CodeBlock`** — Syntax-styled code block. _Key props:_ `code`.
 - **`Stepper`** — Progress dots/segments for a multi-step flow; optionally clickable. _Key props:_ `steps`, `active`, `onChange`.

package/dist/assets/empty_logo.svg.js

@@ -0,0 +1,6 @@
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { "data-malachite-shape": "", d: "M16 0H8C3.58172 0 0 3.58172 0 8V16C0 20.4183 3.58172 24 8 24H16C20.4183 24 24 20.4183 24 16V8C24 3.58172 20.4183 0 16 0Z", fill: "#D5D4D2" }), /* @__PURE__ */ e.createElement("path", { "data-malachite-shape": "", d: "M13.3333 8H10.6667C9.19391 8 8 9.19391 8 10.6667V13.3333C8 14.8061 9.19391 16 10.6667 16H13.3333C14.8061 16 16 14.8061 16 13.3333V10.6667C16 9.19391 14.8061 8 13.3333 8Z", fill: "#A19F9E" }));
+export {
+  a as default
+};
+//# sourceMappingURL=empty_logo.svg.js.map

package/dist/assets/empty_logo.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty_logo.svg.js","sources":["../../src/assets/empty_logo.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgEmptyLogo = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { \"data-malachite-shape\": \"\", d: \"M16 0H8C3.58172 0 0 3.58172 0 8V16C0 20.4183 3.58172 24 8 24H16C20.4183 24 24 20.4183 24 16V8C24 3.58172 20.4183 0 16 0Z\", fill: \"#D5D4D2\" }), /* @__PURE__ */ React.createElement(\"path\", { \"data-malachite-shape\": \"\", d: \"M13.3333 8H10.6667C9.19391 8 8 9.19391 8 10.6667V13.3333C8 14.8061 9.19391 16 10.6667 16H13.3333C14.8061 16 16 14.8061 16 13.3333V10.6667C16 9.19391 14.8061 8 13.3333 8Z\", fill: \"#A19F9E\" }));\nexport default SvgEmptyLogo;\n"],"names":["SvgEmptyLogo","props","React"],"mappings":";AACK,MAACA,IAAe,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,wBAAwB,IAAI,GAAG,4HAA4H,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,wBAAwB,IAAI,GAAG,6KAA6K,MAAM,WAAW,CAAC;"}

package/dist/components/Avatar.js

@@ -1,5 +1,6 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useState as g } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { useState as u } from "react";
+import g from "../assets/empty_logo.svg.js";
 const p = (e) => {
   let r = 0;
   for (let t = 0; t < e.length; t += 1)
@@ -9,20 +10,20 @@ const p = (e) => {
   src: e,
   name: r,
   size: t = 24,
-  shape: h = "square",
-  fallback: c = "initial",
+  shape: l = "square",
+  fallback: h = "initial",
   className: o = ""
 }) => {
-  const [f, u] = g(void 0), n = (r == null ? void 0 : r.trim()) ?? "", a = h === "circle" ? "50%" : `${Math.round(t * 0.25)}px`;
-  if (e && f !== e)
-    return /* @__PURE__ */ i(
+  const [c, f] = u(void 0), i = (r == null ? void 0 : r.trim()) ?? "", a = l === "circle" ? "50%" : `${Math.round(t * 0.25)}px`;
+  if (e && c !== e)
+    return /* @__PURE__ */ n(
       "img",
       {
         src: e,
-        alt: n,
+        alt: i,
         loading: "lazy",
         decoding: "async",
-        onError: () => u(e),
+        onError: () => f(e),
         className: o,
         style: {
           width: `${t}px`,
@@ -33,42 +34,23 @@ const p = (e) => {
         }
       }
     );
-  const l = n ? { role: "img", "aria-label": n } : { "aria-hidden": !0 };
-  if (c === "placeholder") {
-    const d = `${Math.round(t * 0.25)}px`;
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ...l,
-        className: o,
-        style: {
-          width: `${t}px`,
-          height: `${t}px`,
-          flexShrink: 0,
-          borderRadius: a,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          background: "var(--malachite-accent-background, rgb(0, 175, 102))"
-        },
-        children: /* @__PURE__ */ i(
-          "span",
-          {
-            style: {
-              width: d,
-              height: d,
-              borderRadius: "50%",
-              background: "rgba(255, 255, 255, 0.8)"
-            }
-          }
-        )
+  const d = i ? { role: "img", "aria-label": i } : { "aria-hidden": !0 };
+  return h === "placeholder" ? /* @__PURE__ */ n(
+    g,
+    {
+      ...d,
+      className: o,
+      width: t,
+      height: t,
+      style: {
+        flexShrink: 0,
+        borderRadius: l === "circle" ? "50%" : void 0
       }
-    );
-  }
-  return /* @__PURE__ */ i(
+    }
+  ) : /* @__PURE__ */ n(
     "div",
     {
-      ...l,
+      ...d,
       className: o,
       style: {
         width: `${t}px`,
@@ -78,14 +60,14 @@ const p = (e) => {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        background: p(n),
+        background: p(i),
         color: "#ffffff",
         fontWeight: 600,
         fontSize: `${Math.round(t * 0.45)}px`,
         lineHeight: 1,
         textTransform: "uppercase"
       },
-      children: n.charAt(0) || "?"
+      children: i.charAt(0) || "?"
     }
   );
 };

package/dist/components/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nexport type AvatarShape = 'square' | 'circle';\n\n/** `initial` suits a named entity (a person, a model); `placeholder` says \"no logo available\". */\nexport type AvatarFallback = 'initial' | 'placeholder';\n\nexport interface AvatarProps {\n    /** Image URL (logo/photo). Falls back to `fallback` when missing or it fails to load. */\n    src?: string;\n    /** Used for the initial fallback and as the image alt / accessible label. */\n    name?: string;\n    /** Pixel size of the (square) avatar. */\n    size?: number;\n    shape?: AvatarShape;\n    /** What shows when `src` is missing or fails to load. Defaults to `initial`. */\n    fallback?: AvatarFallback;\n    className?: string;\n}\n\n// Deterministic, evenly-distributed hue from the label so the same entity always gets\n// the same colour. Saturation/lightness are fixed for a consistent, on-brand feel.\n// NOTE: avatar identity colours (this hue and the white text below) are intentionally\n// NOT theme tokens — they are a generated identity palette, an explicit exception to\n// the \"colours come from theme tokens\" rule (there is no avatar-colour token group).\nconst backgroundFor = (seed: string): string => {\n    let hash = 0;\n    for (let index = 0; index < seed.length; index += 1) {\n        hash = seed.charCodeAt(index) + ((hash << 5) - hash);\n    }\n    return `hsl(${Math.abs(hash) % 360}, 55%, 52%)`;\n};\n\n/**\n * A logo/initial avatar. Renders `src` when available, otherwise a coloured tile\n * with the first letter of `name`. Encapsulates the fallback colour so consumers\n * never hand-roll it.\n */\nconst Avatar: React.FC<AvatarProps> = ({\n    src,\n    name,\n    size = 24,\n    shape = 'square',\n    fallback = 'initial',\n    className = '',\n}) => {\n    // Track which src failed (not a boolean) so switching `src` to a new URL retries the\n    // image instead of staying stuck on the fallback.\n    const [failedSrc, setFailedSrc] = useState<string | undefined>(undefined);\n    const label = name?.trim() ?? '';\n    const borderRadius = shape === 'circle' ? '50%' : `${Math.round(size * 0.25)}px`;\n\n    if (src && failedSrc !== src) {\n        return (\n            <img\n                src={src}\n                alt={label}\n                loading=\"lazy\"\n                decoding=\"async\"\n                onError={() => setFailedSrc(src)}\n                className={className}\n                style={{\n                    width: `${size}px`,\n                    height: `${size}px`,\n                    borderRadius,\n                    objectFit: 'contain',\n                    flexShrink: 0,\n                }}\n            />\n        );\n    }\n\n    // With a label the tile is an image with an accessible name; without one it carries\n    // no information, so mark it decorative (aria-hidden, no role) to avoid an unnamed\n    // image in the accessibility tree.\n    const tileSemantics = label ? { role: 'img', 'aria-label': label } : { 'aria-hidden': true };\n\n    if (fallback === 'placeholder') {\n        const dotSize = `${Math.round(size * 0.25)}px`;\n        return (\n            <div\n                {...tileSemantics}\n                className={className}\n                style={{\n                    width: `${size}px`,\n                    height: `${size}px`,\n                    flexShrink: 0,\n                    borderRadius,\n                    display: 'flex',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    background: 'var(--malachite-accent-background, rgb(0, 175, 102))',\n                }}\n            >\n                {/* The website's and docs' \"no logo\" mark: its white dot is part of the mark, not a theme colour. */}\n                <span\n                    style={{\n                        width: dotSize,\n                        height: dotSize,\n                        borderRadius: '50%',\n                        background: 'rgba(255, 255, 255, 0.8)',\n                    }}\n                />\n            </div>\n        );\n    }\n\n    return (\n        <div\n            {...tileSemantics}\n            className={className}\n            style={{\n                width: `${size}px`,\n                height: `${size}px`,\n                flexShrink: 0,\n                borderRadius,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                background: backgroundFor(label),\n                color: '#ffffff',\n                fontWeight: 600,\n                fontSize: `${Math.round(size * 0.45)}px`,\n                lineHeight: 1,\n                textTransform: 'uppercase',\n            }}\n        >\n            {label.charAt(0) || '?'}\n        </div>\n    );\n};\n\nexport default Avatar;\nexport { Avatar };\n"],"names":["backgroundFor","seed","hash","index","Avatar","src","name","size","shape","fallback","className","failedSrc","setFailedSrc","useState","label","borderRadius","jsx","tileSemantics","dotSize"],"mappings":";;AAyBA,MAAMA,IAAgB,CAACC,MAAyB;AAC5C,MAAIC,IAAO;AACX,WAASC,IAAQ,GAAGA,IAAQF,EAAK,QAAQE,KAAS;AAC9C,IAAAD,IAAOD,EAAK,WAAWE,CAAK,MAAMD,KAAQ,KAAKA;AAEnD,SAAO,OAAO,KAAK,IAAIA,CAAI,IAAI,GAAG;AACtC,GAOME,IAAgC,CAAC;AAAA,EACnC,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAChB,MAAM;AAGF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAA6B,MAAS,GAClEC,KAAQR,KAAA,gBAAAA,EAAM,WAAU,IACxBS,IAAeP,MAAU,WAAW,QAAQ,GAAG,KAAK,MAAMD,IAAO,IAAI,CAAC;AAE5E,MAAIF,KAAOM,MAAcN;AACrB,WACI,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAX;AAAA,QACA,KAAKS;AAAA,QACL,SAAQ;AAAA,QACR,UAAS;AAAA,QACT,SAAS,MAAMF,EAAaP,CAAG;AAAA,QAC/B,WAAAK;AAAA,QACA,OAAO;AAAA,UACH,OAAO,GAAGH,CAAI;AAAA,UACd,QAAQ,GAAGA,CAAI;AAAA,UACf,cAAAQ;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAQZ,QAAME,IAAgBH,IAAQ,EAAE,MAAM,OAAO,cAAcA,EAAA,IAAU,EAAE,eAAe,GAAA;AAEtF,MAAIL,MAAa,eAAe;AAC5B,UAAMS,IAAU,GAAG,KAAK,MAAMX,IAAO,IAAI,CAAC;AAC1C,WACI,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAGC;AAAA,QACJ,WAAAP;AAAA,QACA,OAAO;AAAA,UACH,OAAO,GAAGH,CAAI;AAAA,UACd,QAAQ,GAAGA,CAAI;AAAA,UACf,YAAY;AAAA,UACZ,cAAAQ;AAAA,UACA,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,YAAY;AAAA,QAAA;AAAA,QAIhB,UAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,cACH,OAAOE;AAAA,cACP,QAAQA;AAAA,cACR,cAAc;AAAA,cACd,YAAY;AAAA,YAAA;AAAA,UAChB;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAGZ;AAEA,SACI,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGC;AAAA,MACJ,WAAAP;AAAA,MACA,OAAO;AAAA,QACH,OAAO,GAAGH,CAAI;AAAA,QACd,QAAQ,GAAGA,CAAI;AAAA,QACf,YAAY;AAAA,QACZ,cAAAQ;AAAA,QACA,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAYf,EAAcc,CAAK;AAAA,QAC/B,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,UAAU,GAAG,KAAK,MAAMP,IAAO,IAAI,CAAC;AAAA,QACpC,YAAY;AAAA,QACZ,eAAe;AAAA,MAAA;AAAA,MAGlB,UAAAO,EAAM,OAAO,CAAC,KAAK;AAAA,IAAA;AAAA,EAAA;AAGhC;"}
+{"version":3,"file":"Avatar.js","sources":["../../src/components/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\n// The no-logo mark stackone-logos.com serves; the same in every theme, so its colours are fixed.\nimport EmptyLogoSvg from '../assets/empty_logo.svg?react';\n\nexport type AvatarShape = 'square' | 'circle';\n\n/** `initial` suits a named entity (a person, a model); `placeholder` says \"no logo available\". */\nexport type AvatarFallback = 'initial' | 'placeholder';\n\nexport interface AvatarProps {\n    /** Image URL (logo/photo). Falls back to `fallback` when missing or it fails to load. */\n    src?: string;\n    /** Used for the initial fallback and as the image alt / accessible label. */\n    name?: string;\n    /** Pixel size of the (square) avatar. */\n    size?: number;\n    shape?: AvatarShape;\n    /** What shows when `src` is missing or fails to load. Defaults to `initial`. */\n    fallback?: AvatarFallback;\n    className?: string;\n}\n\n// Deterministic, evenly-distributed hue from the label so the same entity always gets\n// the same colour. Saturation/lightness are fixed for a consistent, on-brand feel.\n// NOTE: avatar identity colours (this hue and the white text below) are intentionally\n// NOT theme tokens — they are a generated identity palette, an explicit exception to\n// the \"colours come from theme tokens\" rule (there is no avatar-colour token group).\nconst backgroundFor = (seed: string): string => {\n    let hash = 0;\n    for (let index = 0; index < seed.length; index += 1) {\n        hash = seed.charCodeAt(index) + ((hash << 5) - hash);\n    }\n    return `hsl(${Math.abs(hash) % 360}, 55%, 52%)`;\n};\n\n/**\n * A logo/initial avatar. Renders `src` when available, otherwise a coloured tile\n * with the first letter of `name`. Encapsulates the fallback colour so consumers\n * never hand-roll it.\n */\nconst Avatar: React.FC<AvatarProps> = ({\n    src,\n    name,\n    size = 24,\n    shape = 'square',\n    fallback = 'initial',\n    className = '',\n}) => {\n    // Track which src failed (not a boolean) so switching `src` to a new URL retries the\n    // image instead of staying stuck on the fallback.\n    const [failedSrc, setFailedSrc] = useState<string | undefined>(undefined);\n    const label = name?.trim() ?? '';\n    const borderRadius = shape === 'circle' ? '50%' : `${Math.round(size * 0.25)}px`;\n\n    if (src && failedSrc !== src) {\n        return (\n            <img\n                src={src}\n                alt={label}\n                loading=\"lazy\"\n                decoding=\"async\"\n                onError={() => setFailedSrc(src)}\n                className={className}\n                style={{\n                    width: `${size}px`,\n                    height: `${size}px`,\n                    borderRadius,\n                    objectFit: 'contain',\n                    flexShrink: 0,\n                }}\n            />\n        );\n    }\n\n    // With a label the tile is an image with an accessible name; without one it carries\n    // no information, so mark it decorative (aria-hidden, no role) to avoid an unnamed\n    // image in the accessibility tree.\n    const tileSemantics = label ? { role: 'img', 'aria-label': label } : { 'aria-hidden': true };\n\n    if (fallback === 'placeholder') {\n        return (\n            <EmptyLogoSvg\n                {...tileSemantics}\n                className={className}\n                width={size}\n                height={size}\n                style={{\n                    flexShrink: 0,\n                    borderRadius: shape === 'circle' ? '50%' : undefined,\n                }}\n            />\n        );\n    }\n\n    return (\n        <div\n            {...tileSemantics}\n            className={className}\n            style={{\n                width: `${size}px`,\n                height: `${size}px`,\n                flexShrink: 0,\n                borderRadius,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                background: backgroundFor(label),\n                color: '#ffffff',\n                fontWeight: 600,\n                fontSize: `${Math.round(size * 0.45)}px`,\n                lineHeight: 1,\n                textTransform: 'uppercase',\n            }}\n        >\n            {label.charAt(0) || '?'}\n        </div>\n    );\n};\n\nexport default Avatar;\nexport { Avatar };\n"],"names":["backgroundFor","seed","hash","index","Avatar","src","name","size","shape","fallback","className","failedSrc","setFailedSrc","useState","label","borderRadius","jsx","tileSemantics","EmptyLogoSvg"],"mappings":";;;AA2BA,MAAMA,IAAgB,CAACC,MAAyB;AAC5C,MAAIC,IAAO;AACX,WAASC,IAAQ,GAAGA,IAAQF,EAAK,QAAQE,KAAS;AAC9C,IAAAD,IAAOD,EAAK,WAAWE,CAAK,MAAMD,KAAQ,KAAKA;AAEnD,SAAO,OAAO,KAAK,IAAIA,CAAI,IAAI,GAAG;AACtC,GAOME,IAAgC,CAAC;AAAA,EACnC,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAChB,MAAM;AAGF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAA6B,MAAS,GAClEC,KAAQR,KAAA,gBAAAA,EAAM,WAAU,IACxBS,IAAeP,MAAU,WAAW,QAAQ,GAAG,KAAK,MAAMD,IAAO,IAAI,CAAC;AAE5E,MAAIF,KAAOM,MAAcN;AACrB,WACI,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAX;AAAA,QACA,KAAKS;AAAA,QACL,SAAQ;AAAA,QACR,UAAS;AAAA,QACT,SAAS,MAAMF,EAAaP,CAAG;AAAA,QAC/B,WAAAK;AAAA,QACA,OAAO;AAAA,UACH,OAAO,GAAGH,CAAI;AAAA,UACd,QAAQ,GAAGA,CAAI;AAAA,UACf,cAAAQ;AAAA,UACA,WAAW;AAAA,UACX,YAAY;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAQZ,QAAME,IAAgBH,IAAQ,EAAE,MAAM,OAAO,cAAcA,EAAA,IAAU,EAAE,eAAe,GAAA;AAEtF,SAAIL,MAAa,gBAET,gBAAAO;AAAA,IAACE;AAAAA,IAAA;AAAA,MACI,GAAGD;AAAA,MACJ,WAAAP;AAAA,MACA,OAAOH;AAAA,MACP,QAAQA;AAAA,MACR,OAAO;AAAA,QACH,YAAY;AAAA,QACZ,cAAcC,MAAU,WAAW,QAAQ;AAAA,MAAA;AAAA,IAC/C;AAAA,EAAA,IAMR,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGC;AAAA,MACJ,WAAAP;AAAA,MACA,OAAO;AAAA,QACH,OAAO,GAAGH,CAAI;AAAA,QACd,QAAQ,GAAGA,CAAI;AAAA,QACf,YAAY;AAAA,QACZ,cAAAQ;AAAA,QACA,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAYf,EAAcc,CAAK;AAAA,QAC/B,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,UAAU,GAAG,KAAK,MAAMP,IAAO,IAAI,CAAC;AAAA,QACpC,YAAY;AAAA,QACZ,eAAe;AAAA,MAAA;AAAA,MAGlB,UAAAO,EAAM,OAAO,CAAC,KAAK;AAAA,IAAA;AAAA,EAAA;AAGhC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackone/malachite",
-  "version": "2.55.0",
+  "version": "2.55.1",
   "description": "StackOne's themeable React component library — Shadow DOM isolated, scoped Tailwind, theme-token driven.",
   "license": "MIT",
   "author": "StackOne",