@astryxdesign/lab 0.0.0-bootstrap.0 → 0.1.2-canary.04e71b2

package/dist/index.js

@@ -0,0 +1,47 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @astryxdesign/lab — Experimental Astryx components
+ *
+ * Components here are functional but not yet hardened for production.
+ * They're available in storybook and sandbox for testing and iteration.
+ * Once vetted, components graduate to @astryxdesign/core.
+ *
+ * This package is published to npm ONLY under the @canary dist-tag
+ * (npm install @astryxdesign/lab@canary). It is never released as a
+ * stable (latest) version.
+ */
+
+// Code components — syntax highlighting domain
+export { CodeBlock } from "./CodeBlock/index.js";
+export { CodeEditor } from "./CodeEditor/index.js";
+export { tokenize, tokenizeAsync, SYNC_TOKENIZE_THRESHOLD } from '@astryxdesign/core/CodeBlock';
+
+// Chat — experimental reasoning display
+export { ChatReasoning } from "./ChatReasoning/ChatReasoning.js";
+
+// Schedule — experimental full-calendar views
+export * from "./Schedule/index.js";
+
+// SVG Icon system — CSS-variable-driven multi-variation icons
+export { SVGIcon, iconVars, variations, opticalSize, xIcon, checkIcon, bellIcon, homeIcon, settingsIcon, calendarIcon, menuIcon, heartIcon, eyeIcon, starIcon, folderIcon, shieldIcon, searchIcon, mailIcon, lockIcon, starterIcons } from "./SVGIcon/index.js";
+
+// Chart components — composable d3-based data visualization
+export { Chart, ChartAxis, ChartGrid, ChartBar, ChartLine, ChartArea, ChartErrorBar, ChartCandlestick, ChartDot, ChartDotGL, ChartDotGLInteractive, ChartHeatmapGL, ChartStreamGL, ChartTooltip, ChartLegend, useChart, m4Reduce, useChartColors, useChartRange, getChartColors, getChartColorsFromResolver, compactNumber, currency, percent, shortDate, monthYear } from "./Chart/index.js";
+
+// Radial charts — spider, pie, donut
+export { RadialChart, RadialGrid, RadialArea, RadialAxis, RadialSlice, RadialTooltip, useRadial } from "./Radial/index.js";
+
+// 3D charts — projected SVG with interactive rotation
+export { ThreeDChart, ThreeDScatter, ThreeDScatterGL, ThreeDBar, ThreeDGrid, ThreeDAxis, ThreeDSurface, use3D } from "./ThreeD/index.js";
+
+// Chart interactions
+export { ChartBrush, ChartZoom, ChartSelect, ChartReferenceLine } from "./Chart/index.js";
+
+// Sankey / flow diagrams — ribbon-based flow visualization
+export { SankeyChart, SankeyLink, SankeyNode, SankeyLabel, useSankey, SankeyGrid } from "./Sankey/index.js";
+
+// Chart v2 — config model
+export { Chart as ChartV2, ChartLegend as ChartV2Legend, ChartAxis as ChartV2Axis, ChartGrid as ChartV2Grid, ChartSwatch as ChartV2Swatch, swatchVariantForType as xdsChartV2SwatchVariantForType, ChartTooltip as ChartV2Tooltip, bar, line, dot, area, band, candlestick, errorBar, referenceLine, dotGL, dotGLInteractive, heatmapGL, streamGL, useChartV2 } from "./ChartV2/index.js";
+export * from "./Stepper/index.js";
+export * from "./CircularProgress/index.js";

package/dist/lab.css

@@ -0,0 +1,423 @@
+/* Astryx Lab Pre-compiled StyleX CSS — experimental components */
+/* Auto-generated. Do not edit manually. */
+
+@layer astryx-base {
+  @property --x-gridAutoRows { syntax: "*"; inherits: false;}
+  @property --x-gridColumn { syntax: "*"; inherits: false;}
+  @property --x-gridRow { syntax: "*"; inherits: false;}
+  @property --x-gridTemplateColumns { syntax: "*"; inherits: false;}
+  @property --x-height { syntax: "*"; inherits: false;}
+  @property --x-insetInlineStart { syntax: "*"; inherits: false;}
+  @property --x-marginBlockStart { syntax: "*"; inherits: false;}
+  @property --x-minHeight { syntax: "*"; inherits: false;}
+  @property --x-minWidth { syntax: "*"; inherits: false;}
+  @property --x-top { syntax: "*"; inherits: false;}
+  @property --x-zIndex { syntax: "*"; inherits: false;}
+  @keyframes x1ofn8cw-B{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
+  @keyframes xr5kuex-B{0%{stroke-dasharray:1,150;stroke-dashoffset:0;}50%{stroke-dasharray:90,150;stroke-dashoffset:-35;}100%{stroke-dasharray:90,150;stroke-dashoffset:-124;}}
+  @keyframes xqng64z-B{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
+  :root, .x1ucsbpz{--icon-layer-primary-fill:none;--icon-layer-primary-stroke:currentColor;--icon-layer-primary-opacity:1;--icon-layer-primary-stroke-role-fill:none;--icon-layer-primary-stroke-role-stroke:currentColor;--icon-layer-primary-stroke-role-opacity:1;--icon-layer-primary-stroke-role-width:1.5;--icon-layer-secondary-fill:none;--icon-layer-secondary-stroke:currentColor;--icon-layer-secondary-opacity:1;--icon-layer-secondary-stroke-role-fill:none;--icon-layer-secondary-stroke-role-stroke:currentColor;--icon-layer-secondary-stroke-role-opacity:1;--icon-layer-secondary-stroke-role-width:1.5;--icon-size:24px;--icon-stroke-width:1.5;--icon-stroke-linecap:round;--icon-stroke-linejoin:round;--icon-padding:0px;--icon-inline-offset:0px;--icon-block-offset:0px;--icon-bold-stroke-boost:0.5;--icon-gap:0.75;--icon-gap-linejoin:round;}
+  .x1eijsz{--icon-layer-primary-fill:currentColor}
+  .xawlqpt{--icon-layer-primary-fill:none}
+  .xgmpc9a{--icon-layer-primary-opacity:1}
+  .x1behde{--icon-layer-primary-stroke-role-fill:none}
+  .x167zosf{--icon-layer-primary-stroke-role-opacity:.4}
+  .x1ixq0ah{--icon-layer-primary-stroke-role-opacity:1}
+  .x12z8fwv{--icon-layer-primary-stroke-role-stroke:currentColor}
+  .x1lampxp{--icon-layer-primary-stroke-role-width:2}
+  .xo1qp05{--icon-layer-primary-stroke:currentColor}
+  .xxn8g3f{--icon-layer-primary-stroke:none}
+  .x1a7uvwd{--icon-layer-secondary-fill:currentColor}
+  .x14svsep{--icon-layer-secondary-fill:none}
+  .x1pm3eyu{--icon-layer-secondary-opacity:.4}
+  .xontptu{--icon-layer-secondary-opacity:0}
+  .xin2e9c{--icon-layer-secondary-opacity:1}
+  .x1q3b5jp{--icon-layer-secondary-stroke-role-fill:none}
+  .x1grmq33{--icon-layer-secondary-stroke-role-opacity:.4}
+  .x1m4cuqp{--icon-layer-secondary-stroke-role-opacity:0}
+  .x1ddoxvq{--icon-layer-secondary-stroke-role-opacity:1}
+  .xvx4rvh{--icon-layer-secondary-stroke-role-stroke:currentColor}
+  .x1l94yqg{--icon-layer-secondary-stroke-role-width:2.5}
+  .xjilf3y{--icon-layer-secondary-stroke:currentColor}
+  .xqw5mls{--icon-layer-secondary-stroke:none}
+  .x1x62q30{--icon-size:12px}
+  .x1ddsvy1{--icon-size:16px}
+  .xhxmg62{--icon-size:20px}
+  .xu3j10d{--icon-size:24px}
+  .x1mdqp0b{--icon-stroke-width:1.5}
+  .x5m04n3{--icon-stroke-width:1.75}
+  .x1uhwwbp{--icon-stroke-width:2}
+  .x10a8y8t:not(#\#){inset:0}
+  .xkdpibf:not(#\#){margin:-1px}
+  .x1ghz6dp:not(#\#){margin:0}
+  .x10h29id:not(#\#){margin:var(--spacing-0-5)}
+  .x1717udv:not(#\#){padding:0}
+  .x103w4nt:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-blue) 48%,var(--color-border))}
+  .x14n1b0s:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-cyan) 48%,var(--color-border))}
+  .x1uk4s2l:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-green) 48%,var(--color-border))}
+  .x1nhezck:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-orange) 48%,var(--color-border))}
+  .x1ykxfgw:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-pink) 48%,var(--color-border))}
+  .x1jpwwg7:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-purple) 48%,var(--color-border))}
+  .x1t9827k:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-red) 48%,var(--color-border))}
+  .x1ooq0ed:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-teal) 48%,var(--color-border))}
+  .x1t0z2uq:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-yellow) 48%,var(--color-border))}
+  .xad5do:not(#\#):not(#\#){border-color:var(--color-accent)}
+  .xlee4gx:not(#\#):not(#\#){border-color:var(--color-border-blue)}
+  .xb1xfl:not(#\#):not(#\#){border-color:var(--color-border-cyan)}
+  .x1w9ec3u:not(#\#):not(#\#){border-color:var(--color-border-gray)}
+  .xy90a9n:not(#\#):not(#\#){border-color:var(--color-border-green)}
+  .xloqurj:not(#\#):not(#\#){border-color:var(--color-border-orange)}
+  .x1czkbn8:not(#\#):not(#\#){border-color:var(--color-border-pink)}
+  .xq98wne:not(#\#):not(#\#){border-color:var(--color-border-purple)}
+  .xjqgoec:not(#\#):not(#\#){border-color:var(--color-border-red)}
+  .x1r9gxr1:not(#\#):not(#\#){border-color:var(--color-border-teal)}
+  .x1kpnwn1:not(#\#):not(#\#){border-color:var(--color-border-yellow)}
+  .x14i3s5s:not(#\#):not(#\#){border-color:var(--color-border)}
+  .xbvija:not(#\#):not(#\#){border-radius:1.5px}
+  .x1cum3z5:not(#\#):not(#\#){border-radius:2px}
+  .x1hviunn:not(#\#):not(#\#){border-radius:var(--radius-container)}
+  .xh6dtrn:not(#\#):not(#\#){border-radius:var(--radius-element)}
+  .xjspbzw:not(#\#):not(#\#){border-radius:var(--radius-full)}
+  .xx3sua9:not(#\#):not(#\#){border-radius:var(--radius-inner)}
+  .x1y0btm7:not(#\#):not(#\#){border-style:solid}
+  .xc342km:not(#\#):not(#\#){border-width:0}
+  .x1litavf:not(#\#):not(#\#){border-width:var(--border-width)}
+  .x98rzlu:not(#\#):not(#\#){flex:1}
+  .xxhr3t:not(#\#):not(#\#){gap:0}
+  .x195vfkc:not(#\#):not(#\#){gap:2px}
+  .x1lsbc85:not(#\#):not(#\#){gap:var(--spacing-0-5)}
+  .x1s4dlld:not(#\#):not(#\#){gap:var(--spacing-1-5)}
+  .xzye2dw:not(#\#):not(#\#){gap:var(--spacing-1)}
+  .x1txdalj:not(#\#):not(#\#){gap:var(--spacing-2)}
+  .xjcht0a:not(#\#):not(#\#){gap:var(--spacing-3)}
+  .x1osaytk:not(#\#):not(#\#){grid-column:1 / -1}
+  .xgkxs2y:not(#\#):not(#\#){grid-column:1}
+  .x1npkx4u:not(#\#):not(#\#){grid-column:2}
+  .x14d52f8:not(#\#):not(#\#){grid-column:var(--x-gridColumn)}
+  .x1ms6mhf:not(#\#):not(#\#){grid-row:1}
+  .x7sv70a:not(#\#):not(#\#){grid-row:2}
+  .xz51j44:not(#\#):not(#\#){grid-row:3}
+  .x33j1x8:not(#\#):not(#\#){grid-row:var(--x-gridRow)}
+  .x17y0mx6:not(#\#):not(#\#){inset-inline:0}
+  .x1yqqeh1:not(#\#):not(#\#){margin-block:var(--spacing-0-5)}
+  .xckhbgb:not(#\#):not(#\#){margin-inline:1px}
+  .x1a2a7pz:not(#\#):not(#\#){outline:none}
+  .xysyzu8:not(#\#):not(#\#){overflow:auto}
+  .xb3r6kr:not(#\#):not(#\#){overflow:hidden}
+  .x13f7esw:not(#\#):not(#\#){padding-block:var(--spacing-0-5)}
+  .xu0wf1k:not(#\#):not(#\#){padding-block:var(--spacing-1)}
+  .xce4md1:not(#\#):not(#\#){padding-block:var(--spacing-2)}
+  .x8o8v82:not(#\#):not(#\#){padding-block:var(--spacing-3)}
+  .x4ezzuc:not(#\#):not(#\#){padding-inline:var(--spacing-1-5)}
+  .x7a5moj:not(#\#):not(#\#){padding-inline:var(--spacing-1)}
+  .xf314gf:not(#\#):not(#\#){padding-inline:var(--spacing-2)}
+  .xrrkdod:not(#\#):not(#\#){padding-inline:var(--spacing-3)}
+  .x1pzlopt:not(#\#):not(#\#){padding-inline:var(--spacing-4)}
+  .x1ku5rj1:not(#\#):not(#\#){place-items:center}
+  .xb0j27v:not(#\#):not(#\#){transition:grid-template-rows var(--duration-medium) var(--ease-standard)}
+  .x1ob6yzd:not(#\#):not(#\#){transition:transform var(--duration-fast) var(--ease-standard)}
+  .x17nn4n9:focus-visible:not(#\#):not(#\#){outline:2px solid var(--color-accent)}
+  .x6s0dn4:not(#\#):not(#\#):not(#\#){align-items:center}
+  .x1cy8zhl:not(#\#):not(#\#):not(#\#){align-items:flex-start}
+  .x7a106z:not(#\#):not(#\#):not(#\#){align-items:start}
+  .x1qjc9v5:not(#\#):not(#\#):not(#\#){align-items:stretch}
+  .xqcrz7y:not(#\#):not(#\#):not(#\#){align-self:flex-start}
+  .x1y8v6su:not(#\#):not(#\#):not(#\#){align-self:start}
+  .xkh2ocl:not(#\#):not(#\#):not(#\#){align-self:stretch}
+  .xmg6eyc:not(#\#):not(#\#):not(#\#){animation-duration:1.5s}
+  .x1c74tu6:not(#\#):not(#\#):not(#\#){animation-duration:2s}
+  .xeaay5l:not(#\#):not(#\#):not(#\#){animation-duration:4s}
+  .xa4qsjk:not(#\#):not(#\#):not(#\#){animation-iteration-count:infinite}
+  .x3mlza6:not(#\#):not(#\#):not(#\#){animation-name:x1ofn8cw-B}
+  .x1ka1v4i:not(#\#):not(#\#):not(#\#){animation-name:xqng64z-B}
+  .x1mla6dk:not(#\#):not(#\#):not(#\#){animation-name:xr5kuex-B}
+  .x4hg4is:not(#\#):not(#\#):not(#\#){animation-timing-function:ease-in-out}
+  .x1esw782:not(#\#):not(#\#):not(#\#){animation-timing-function:linear}
+  .x1ta4xzc:not(#\#):not(#\#):not(#\#){background-clip:text}
+  .xndu7tf:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-blue) 10%,var(--color-background-card))}
+  .xuei7rd:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-blue) 20%,var(--color-background-card))}
+  .xjwanps:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-cyan) 10%,var(--color-background-card))}
+  .xt74dbf:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-cyan) 20%,var(--color-background-card))}
+  .x1o2lugu:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-gray) 10%,var(--color-background-card))}
+  .x1j9tyrv:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-gray) 20%,var(--color-background-card))}
+  .x1xcvo73:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-green) 10%,var(--color-background-card))}
+  .x1obh4um:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-green) 20%,var(--color-background-card))}
+  .x8ayxpi:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-orange) 10%,var(--color-background-card))}
+  .xu0zddy:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-orange) 20%,var(--color-background-card))}
+  .xiipwng:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-pink) 10%,var(--color-background-card))}
+  .x903q04:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-pink) 20%,var(--color-background-card))}
+  .x1rfpnkv:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-purple) 10%,var(--color-background-card))}
+  .xya6syd:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-purple) 20%,var(--color-background-card))}
+  .xcostcg:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-red) 10%,var(--color-background-card))}
+  .xfna726:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-red) 20%,var(--color-background-card))}
+  .xuro2n0:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-teal) 10%,var(--color-background-card))}
+  .x1607b1m:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-teal) 20%,var(--color-background-card))}
+  .x17tjail:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-yellow) 10%,var(--color-background-card))}
+  .x1sjw1wq:not(#\#):not(#\#):not(#\#){background-color:color-mix(in srgb,var(--color-border-yellow) 20%,var(--color-background-card))}
+  .xjbqb8w:not(#\#):not(#\#):not(#\#){background-color:transparent}
+  .x1ewilqj:not(#\#):not(#\#):not(#\#){background-color:var(--color-accent)}
+  .x1o0wnni:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-blue)}
+  .x1de1mus:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-card)}
+  .x1rgj867:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-cyan)}
+  .xspzpui:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-gray)}
+  .x1sqjeoo:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-green)}
+  .xwmxj5m:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}
+  .x1e9xt6e:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-orange)}
+  .xnpoty2:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-pink)}
+  .x1prclbq:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-popover)}
+  .x16i6n6f:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-purple)}
+  .x1cibrc5:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-red)}
+  .x1jtji5o:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-teal)}
+  .x1bo7t0x:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-yellow)}
+  .xr0mm9x:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-blue)}
+  .xl5sasa:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-cyan)}
+  .x6ipefc:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-green)}
+  .x1f80rgn:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-orange)}
+  .x17ey546:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-pink)}
+  .xpp9lhe:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-purple)}
+  .xg9c4l2:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-red)}
+  .x1m3yk8c:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-teal)}
+  .x154rz6c:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-yellow)}
+  .x1m4xfpy:not(#\#):not(#\#):not(#\#){background-color:var(--color-border)}
+  .x1pjz0fi:not(#\#):not(#\#):not(#\#){background-color:var(--color-error)}
+  .xdsz4j9:not(#\#):not(#\#):not(#\#){background-color:var(--color-success)}
+  .xdomwnj:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-secondary)}
+  .x1q8g9m5:not(#\#):not(#\#):not(#\#){background-color:var(--color-warning)}
+  .xct3ic7:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(90deg,var(--color-text-secondary) 0%,var(--color-text-disabled) 50%,var(--color-text-secondary) 100%)}
+  .xakli9p:not(#\#):not(#\#):not(#\#){background-size:200% 100%}
+  .x1gejf6u:not(#\#):not(#\#):not(#\#){border-inline-end-color:var(--color-border)}
+  .x18b5jzi:not(#\#):not(#\#):not(#\#){border-inline-end-style:solid}
+  .x10w94by:not(#\#):not(#\#):not(#\#){border-inline-end-width:0}
+  .xw8tdv1:not(#\#):not(#\#):not(#\#){border-inline-end-width:var(--border-width)}
+  .x18oyj42:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 1px var(--color-accent)}
+  .x14hfi27:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-med)}
+  .x1ftfhsn:not(#\#):not(#\#):not(#\#){caret-color:var(--color-text-primary)}
+  .xeh89do:not(#\#):not(#\#):not(#\#){clip:rect(0 0 0 0)}
+  .xzpqnlu:not(#\#):not(#\#):not(#\#){clip:rect(0,0,0,0)}
+  .xda2nnr:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-blue) 52%,var(--color-text-secondary))}
+  .x1u1o4zu:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-cyan) 52%,var(--color-text-secondary))}
+  .x2xxiir:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-green) 52%,var(--color-text-secondary))}
+  .xnveu8w:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-orange) 52%,var(--color-text-secondary))}
+  .x1gcpyt4:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-pink) 52%,var(--color-text-secondary))}
+  .x1xphww9:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-purple) 52%,var(--color-text-secondary))}
+  .xogwzh6:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-red) 52%,var(--color-text-secondary))}
+  .x1s4jh2n:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-teal) 52%,var(--color-text-secondary))}
+  .x1wzna5w:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-yellow) 52%,var(--color-text-secondary))}
+  .x1heor9g:not(#\#):not(#\#):not(#\#){color:inherit}
+  .x19co3pv:not(#\#):not(#\#):not(#\#){color:transparent}
+  .xqwr325:not(#\#):not(#\#):not(#\#){color:var(--color-accent)}
+  .xrkvqaz:not(#\#):not(#\#):not(#\#){color:var(--color-background-surface)}
+  .xjt36v0:not(#\#):not(#\#):not(#\#){color:var(--color-error)}
+  .xqa6c3m:not(#\#):not(#\#):not(#\#){color:var(--color-icon-disabled)}
+  .xtbr613:not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}
+  .xv9yike:not(#\#):not(#\#):not(#\#){color:var(--color-icon-secondary)}
+  .x17wrial:not(#\#):not(#\#):not(#\#){color:var(--color-on-accent)}
+  .x1m024r3:not(#\#):not(#\#):not(#\#){color:var(--color-on-error)}
+  .xri61p4:not(#\#):not(#\#):not(#\#){color:var(--color-on-success)}
+  .xrebv38:not(#\#):not(#\#):not(#\#){color:var(--color-on-warning)}
+  .xtjic6:not(#\#):not(#\#):not(#\#){color:var(--color-success)}
+  .x1vvqiwl:not(#\#):not(#\#):not(#\#){color:var(--color-text-blue)}
+  .x1txnczv:not(#\#):not(#\#):not(#\#){color:var(--color-text-cyan)}
+  .xnbbluu:not(#\#):not(#\#):not(#\#){color:var(--color-text-disabled)}
+  .xru1t7f:not(#\#):not(#\#):not(#\#){color:var(--color-text-gray)}
+  .xltfdvo:not(#\#):not(#\#):not(#\#){color:var(--color-text-green)}
+  .xm47u9q:not(#\#):not(#\#):not(#\#){color:var(--color-text-orange)}
+  .xiuofww:not(#\#):not(#\#):not(#\#){color:var(--color-text-pink)}
+  .x1tgivj0:not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}
+  .x1m9wyeb:not(#\#):not(#\#):not(#\#){color:var(--color-text-purple)}
+  .x1joocv1:not(#\#):not(#\#):not(#\#){color:var(--color-text-red)}
+  .xv1l7n4:not(#\#):not(#\#):not(#\#){color:var(--color-text-secondary)}
+  .x9x0lbs:not(#\#):not(#\#):not(#\#){color:var(--color-text-teal)}
+  .xdhq94a:not(#\#):not(#\#):not(#\#){color:var(--color-text-yellow)}
+  .xs3pv69:not(#\#):not(#\#):not(#\#){color:var(--color-warning)}
+  .xak3so:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-2)}
+  .xewh9hi:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-3)}
+  .x1ypdohk:not(#\#):not(#\#):not(#\#){cursor:pointer}
+  .x1lliihq:not(#\#):not(#\#):not(#\#){display:block}
+  .xjp7ctv:not(#\#):not(#\#):not(#\#){display:contents}
+  .x78zum5:not(#\#):not(#\#):not(#\#){display:flex}
+  .xrvj5dj:not(#\#):not(#\#):not(#\#){display:grid}
+  .x3nfvp2:not(#\#):not(#\#):not(#\#){display:inline-flex}
+  .x1s85apg:not(#\#):not(#\#):not(#\#){display:none}
+  .xbh8q5q:not(#\#):not(#\#):not(#\#){fill:none}
+  .xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
+  .x1q0g3np:not(#\#):not(#\#):not(#\#){flex-direction:row}
+  .x2lah0s:not(#\#):not(#\#):not(#\#){flex-shrink:0}
+  .x9ynric:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-body)}
+  .x9m5x89:not(#\#):not(#\#):not(#\#){font-family:var(--font-family-code)}
+  .x1k6wstc:not(#\#):not(#\#):not(#\#){font-size:10px}
+  .x1j29vfg:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-base)}
+  .x1eqnyfr:not(#\#):not(#\#):not(#\#){font-size:var(--font-size-sm)}
+  .xjm74w1:not(#\#):not(#\#):not(#\#){font-size:var(--text-body-size)}
+  .x141an7d:not(#\#):not(#\#):not(#\#){font-size:var(--text-supporting-size)}
+  .x1lvx875:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-bold)}
+  .x1e4wzip:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-medium)}
+  .x1sodnla:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-normal)}
+  .x2mo6ok:not(#\#):not(#\#):not(#\#){font-weight:var(--font-weight-semibold)}
+  .x1pbwhf9:not(#\#):not(#\#):not(#\#){grid-auto-columns:minmax(140px,1fr)}
+  .x1mt1orb:not(#\#):not(#\#):not(#\#){grid-auto-flow:column}
+  .xc2ull6:not(#\#):not(#\#):not(#\#){grid-auto-rows:128px}
+  .xhij9v2:not(#\#):not(#\#):not(#\#){grid-auto-rows:var(--x-gridAutoRows)}
+  .x857yr4:not(#\#):not(#\#):not(#\#){grid-template-columns:12px 144px minmax(0,1fr)}
+  .x6c1iq1:not(#\#):not(#\#):not(#\#){grid-template-columns:60px minmax(0,1fr)}
+  .x1cmcxw8:not(#\#):not(#\#):not(#\#){grid-template-columns:88px minmax(0,1fr)}
+  .x37c5m6:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
+  .x1gj6vdr:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(7,minmax(0,1fr))}
+  .xqketvx:not(#\#):not(#\#):not(#\#){grid-template-columns:var(--x-gridTemplateColumns)}
+  .xihq33y:not(#\#):not(#\#):not(#\#){grid-template-rows:0fr}
+  .x1tu4anv:not(#\#):not(#\#):not(#\#){grid-template-rows:1fr}
+  .xb29p26:not(#\#):not(#\#):not(#\#){grid-template-rows:56px auto 1fr}
+  .xq124y2:not(#\#):not(#\#):not(#\#){inset-inline-end:var(--spacing-0-5)}
+  .x1lxsm33:not(#\#):not(#\#):not(#\#){inset-inline-start:var(--x-insetInlineStart)}
+  .xl56j7k:not(#\#):not(#\#):not(#\#){justify-content:center}
+  .x13a6bvl:not(#\#):not(#\#):not(#\#){justify-content:flex-end}
+  .x1nhvcw1:not(#\#):not(#\#):not(#\#){justify-content:flex-start}
+  .x7v7x1q:not(#\#):not(#\#):not(#\#){justify-self:center}
+  .x1qab1bc:not(#\#):not(#\#):not(#\#){justify-self:end}
+  .x1lqcxt8:not(#\#):not(#\#):not(#\#){justify-self:start}
+  .xo5v014:not(#\#):not(#\#):not(#\#){line-height:1}
+  .xklk4pu:not(#\#):not(#\#):not(#\#){line-height:30px}
+  .xw6l6zx:not(#\#):not(#\#):not(#\#){line-height:var(--text-body-leading)}
+  .x17iicif:not(#\#):not(#\#):not(#\#){line-height:var(--text-code-leading)}
+  .x1ltkj2j:not(#\#):not(#\#):not(#\#){line-height:var(--text-supporting-leading)}
+  .x3ct3a4:not(#\#):not(#\#):not(#\#){list-style-type:none}
+  .x1h1dc9q:not(#\#):not(#\#):not(#\#){margin-inline-end:calc(var(--spacing-0-5) + var(--border-width))}
+  .xhi58n4:not(#\#):not(#\#):not(#\#){margin-inline-start:calc(var(--spacing-1) * -1)}
+  .xladpz9:not(#\#):not(#\#):not(#\#){margin-inline-start:var(--spacing-0-5)}
+  .xbyyjgo:not(#\#):not(#\#):not(#\#){opacity:.5}
+  .x1us6l5c:not(#\#):not(#\#):not(#\#){opacity:.8}
+  .x1wfwxd8:not(#\#):not(#\#):not(#\#){outline-offset:0}
+  .x1h4wwuj:not(#\#):not(#\#):not(#\#){overflow-wrap:normal}
+  .xyri2b:not(#\#):not(#\#):not(#\#){padding-inline-end:0}
+  .x1nryj5t:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-1)}
+  .x1t818jl:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-3)}
+  .x1f43n9v:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(16px + var(--spacing-1-5))}
+  .xmarwi5:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--icon-inline-offset)}
+  .x18gyask:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-0)}
+  .x1vsv5vr:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-1)}
+  .x1rey3nv:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-4)}
+  .x31w388:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-6)}
+  .xchaq28:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-7)}
+  .x67bb7w:not(#\#):not(#\#):not(#\#){pointer-events:auto}
+  .x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
+  .x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
+  .xixxii4:not(#\#):not(#\#):not(#\#){position:fixed}
+  .x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
+  .x1owpc8m:not(#\#):not(#\#):not(#\#){stroke-linecap:round}
+  .xnpr05h:not(#\#):not(#\#):not(#\#){stroke-width:1}
+  .ximx5ud:not(#\#):not(#\#):not(#\#){stroke:var(--color-accent-muted)}
+  .xjsr54c:not(#\#):not(#\#):not(#\#){stroke:var(--color-accent)}
+  .x113i6qz:not(#\#):not(#\#):not(#\#){stroke:var(--color-border-emphasized)}
+  .xjswp7v:not(#\#):not(#\#):not(#\#){stroke:var(--color-error-muted)}
+  .x1vco6zm:not(#\#):not(#\#):not(#\#){stroke:var(--color-error)}
+  .x1uro670:not(#\#):not(#\#):not(#\#){stroke:var(--color-success-muted)}
+  .x8y33gb:not(#\#):not(#\#):not(#\#){stroke:var(--color-success)}
+  .xuxf9kk:not(#\#):not(#\#):not(#\#){stroke:var(--color-text-disabled)}
+  .x1lo1t26:not(#\#):not(#\#):not(#\#){stroke:var(--color-text-primary)}
+  .xpi25hw:not(#\#):not(#\#):not(#\#){stroke:var(--color-track)}
+  .x1wjzxuj:not(#\#):not(#\#):not(#\#){stroke:var(--color-warning-muted)}
+  .x9ezeq1:not(#\#):not(#\#):not(#\#){stroke:var(--color-warning)}
+  .xeq4nuv:not(#\#):not(#\#):not(#\#){tab-size:2}
+  .x2b8uid:not(#\#):not(#\#):not(#\#){text-align:center}
+  .xp4054r:not(#\#):not(#\#):not(#\#){text-align:end}
+  .x1yc453h:not(#\#):not(#\#):not(#\#){text-align:start}
+  .xlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
+  .x9tu13d:not(#\#):not(#\#):not(#\#){transform:rotate(-90deg)}
+  .x19jd1h0:not(#\#):not(#\#):not(#\#){transform:rotate(180deg)}
+  .x1cb1t30:not(#\#):not(#\#):not(#\#){transform:translateY(-50%)}
+  .xkvfbh3:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast-min)}
+  .x80gvsz:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-medium)}
+  .x15406qy:not(#\#):not(#\#):not(#\#){transition-property:background-color}
+  .xxnu56j:not(#\#):not(#\#):not(#\#){transition-property:stroke-dashoffset}
+  .xlr8y92:not(#\#):not(#\#):not(#\#){transition-timing-function:var(--ease-standard)}
+  .x87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
+  .xlshs6z:not(#\#):not(#\#):not(#\#){visibility:hidden}
+  .xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
+  .x1sdyfia:not(#\#):not(#\#):not(#\#){white-space:pre}
+  .x1lldw8n:not(#\#):not(#\#):not(#\#){word-break:normal}
+  .x1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
+  .x1355qak:not(#\#):not(#\#):not(#\#){z-index:20}
+  .x1q2oy4v:not(#\#):not(#\#):not(#\#){z-index:9999}
+  .xr3buco:not(#\#):not(#\#):not(#\#){z-index:var(--x-zIndex)}
+  .x7s97pk:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:2px}
+  .xyxi2l3:active:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}
+  @media (prefers-reduced-motion: reduce){.xnh0sag.xnh0sag:not(#\#):not(#\#):not(#\#){animation-duration:3s}}
+  @media (prefers-reduced-motion: reduce){.xy02sl2.xy02sl2:not(#\#):not(#\#):not(#\#){animation-duration:4s}}
+  @media (hover: hover){.xe9uy6x.xe9uy6x:hover:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}}
+  .xw8gpjh:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--color-border)}
+  .x1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-style:solid}
+  .x1qhh985:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:0}
+  .x92x3c3:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:var(--border-width)}
+  .x5mp61g:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--color-border-orange)}
+  .x13fuv20:not(#\#):not(#\#):not(#\#):not(#\#){border-top-style:solid}
+  .xamhcws:not(#\#):not(#\#):not(#\#):not(#\#){border-top-width:2px}
+  .x170jfvy:not(#\#):not(#\#):not(#\#):not(#\#){height:10px}
+  .x1v9usgg:not(#\#):not(#\#):not(#\#):not(#\#){height:14px}
+  .xlup9mm:not(#\#):not(#\#):not(#\#):not(#\#){height:16px}
+  .xjm9jq1:not(#\#):not(#\#):not(#\#):not(#\#){height:1px}
+  .xxk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
+  .x1gnnpzl:not(#\#):not(#\#):not(#\#):not(#\#){height:30px}
+  .xuoj239:not(#\#):not(#\#):not(#\#):not(#\#){height:3px}
+  .xqu0tyb:not(#\#):not(#\#):not(#\#):not(#\#){height:4px}
+  .x1d9x2de:not(#\#):not(#\#):not(#\#):not(#\#){height:640px}
+  .xdk7pt:not(#\#):not(#\#):not(#\#):not(#\#){height:8px}
+  .xhigkf7:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--icon-size)}
+  .x6b6gus:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-4)}
+  .x1grt7ep:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-5)}
+  .x16ye13r:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--x-height)}
+  .x1unci72:not(#\#):not(#\#):not(#\#):not(#\#){left:var(--spacing-4)}
+  .x1yztbdb:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:16px}
+  .xlstkdb:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-0-5)}
+  .x160xvyo:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-1) * -1)}
+  .xtbrsbv:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-2)}
+  .x1vhfslr:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--x-marginBlockStart)}
+  .x2lwn1j:not(#\#):not(#\#):not(#\#):not(#\#){min-height:0}
+  .xjwf9q1:not(#\#):not(#\#):not(#\#):not(#\#){min-height:24px}
+  .x1cy360x:not(#\#):not(#\#):not(#\#):not(#\#){min-height:3em}
+  .x82snj4:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--x-minHeight)}
+  .xeuugli:not(#\#):not(#\#):not(#\#):not(#\#){min-width:0}
+  .x17s4nb9:not(#\#):not(#\#):not(#\#):not(#\#){min-width:30px}
+  .x1uz6y0c:not(#\#):not(#\#):not(#\#):not(#\#){min-width:784px}
+  .xkj4a21:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--x-minWidth)}
+  .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
+  .x1j85h84:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:1px}
+  .xy143xn:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-1)}
+  .xpgmcrp:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--icon-block-offset)}
+  .xbx876j:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-0-5)}
+  .x1xye8es:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--spacing-2)}
+  .xyx6v2t:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--spacing-3)}
+  .xjbys53:not(#\#):not(#\#):not(#\#):not(#\#){top:var(--x-top)}
+  .xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
+  .x1fsd2vl:not(#\#):not(#\#):not(#\#):not(#\#){width:10px}
+  .x6jxa94:not(#\#):not(#\#):not(#\#):not(#\#){width:14px}
+  .x1kky2od:not(#\#):not(#\#):not(#\#):not(#\#){width:16px}
+  .x1i1rx1s:not(#\#):not(#\#):not(#\#):not(#\#){width:1px}
+  .xvy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
+  .x1849jeq:not(#\#):not(#\#):not(#\#):not(#\#){width:30px}
+  .x51ohtg:not(#\#):not(#\#):not(#\#):not(#\#){width:4px}
+  .x1xc55vz:not(#\#):not(#\#):not(#\#):not(#\#){width:8px}
+  .x1oai4fc:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--icon-size)}
+  .x12xnipv:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-4)}
+  .xfyiiit:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-5)}
+  .xmwhqxd:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-radius:var(--radius-full)}
+  .xq94oqs:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{border-radius:var(--radius-full)}
+  .xm4btww:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline:0}
+  .x19jfor0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{background-color:var(--color-border-orange)}
+  .xvgeimn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-border-orange)}
+  .x1cpjm7i:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:""}
+  .x1s928wv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{content:""}
+  .xxxjk75:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:-1px}
+  .xh7j7mt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:-6px}
+  .x1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
+  .x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
+  .x1b5r9ul:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-color:var(--color-border-orange)}
+  .xnvurfn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-style:solid}
+  .x1b8stmw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-top-width:2px}
+  .x17zp9gg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{height:10px}
+  .x1bymyaz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:10px}
+  .x1mpa3hi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:-6px}
+  .x1m1drc7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{top:0}
+  .xw9j58:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:4px}
+  .xaknh5y:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{width:10px}
+  .xg4xgkf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:10px}
+}

package/package.json

@@ -1,7 +1,72 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.0.0-bootstrap.0",
-  "description": "Bootstrap placeholder for trusted publishing setup; do not install",
+  "version": "0.1.2-canary.04e71b2",
+  "description": "Experimental Astryx components — published to npm only under the @canary dist-tag for early testing; never released as a stable (latest) version.",
+  "author": "Meta Open Source",
   "license": "MIT",
-  "repository": { "type": "git", "url": "git+https://github.com/facebook/astryx.git" }
-}
+  "homepage": "https://github.com/facebook/astryx#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/facebook/astryx.git",
+    "directory": "packages/lab"
+  },
+  "bugs": {
+    "url": "https://github.com/facebook/astryx/issues"
+  },
+  "keywords": [
+    "astryx",
+    "lab",
+    "experimental",
+    "design-system"
+  ],
+  "astryx": {
+    "canaryOnly": true,
+    "_comment": "Published ONLY to the @canary dist-tag (see .github/workflows/release.yml). Never published as a stable `latest` release. `private: true` is intentional and must stay — it is npm's hard guarantee against an accidental stable publish."
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "src",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./lab.css": {
+      "default": "./dist/lab.css"
+    }
+  },
+  "peerDependencies": {
+    "@stylexjs/stylex": ">=0.10.0",
+    "@astryxdesign/core": "0.1.2-canary.04e71b2",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "dependencies": {
+    "d3-array": "^3.2.4",
+    "d3-scale": "^4.0.2",
+    "d3-shape": "^3.2.0"
+  },
+  "devDependencies": {
+    "@types/d3-array": "^3.2.2",
+    "@types/d3-scale": "^4.0.9",
+    "@types/d3-shape": "^3.1.8"
+  },
+  "scripts": {
+    "build": "rm -rf dist && pnpm build:esm && tsc --project tsconfig.build.json && pnpm build:css",
+    "build:esm": "babel src --out-dir dist --extensions '.ts,.tsx' --out-file-extension '.js' --ignore '**/*.test.ts,**/*.test.tsx,**/__tests__/**,**/*.perf.test.*,**/*.doc.mjs,**/*.d.ts,**/*.css,**/*.css.d.ts' --config-file ./babel.config.js",
+    "build:css": "node ../../scripts/build-css.mjs --package lab",
+    "dev": "babel src --watch --out-dir dist --extensions '.ts,.tsx' --out-file-extension '.js' --ignore '**/*.test.*,**/*.doc.mjs,**/*.d.ts,**/*.css*' --config-file ./babel.config.js",
+    "test": "vitest run --root ../..",
+    "test:watch": "vitest --root ../..",
+    "lint": "eslint src",
+    "typecheck": "tsc --project tsconfig.json --noEmit"
+  }
+}