@vegastack/design 0.4.0 → 0.4.1

package/dist/{chunk-LRQSVCP6.js → chunk-DS7SBEDS.js}

@@ -112,8 +112,12 @@ var fieldControlGroup = [
   "data-disabled:cursor-not-allowed data-disabled:bg-surface-1 data-disabled:opacity-(--opacity-dim)"
 ].join(" ");
 var selectedChipVariants = {
-  /** The muted track the chips sit in — the ladder's well rung. */
-  track: "bg-surface-1",
+  /**
+   * The muted track the chips sit in — the ladder's well rung with a drawn inset boundary. The
+   * pseudo-element keeps the 28 / 32px track boxes unchanged; a real root border would add 2px and
+   * silently break the shared control scale.
+   */
+  track: "relative bg-surface-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:content-['']",
   /**
    * Chrome shared by every chip: a transparent hairline reserved at rest (so selecting adds no
    * layout shift) and the muted→ink text step.

package/dist/create-animated-icon.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-LRQSVCP6.js";
+} from "./chunk-DS7SBEDS.js";
 
 // src/icons/create-animated-icon.tsx
 import * as React from "react";

package/dist/icons/index.js

@@ -1,6 +1,6 @@
 import {
   cn
-} from "../chunk-LRQSVCP6.js";
+} from "../chunk-DS7SBEDS.js";
 
 // src/icons/icon.tsx
 import "react";

package/dist/index.cjs

@@ -147,8 +147,12 @@ var fieldControlGroup = [
   "data-disabled:cursor-not-allowed data-disabled:bg-surface-1 data-disabled:opacity-(--opacity-dim)"
 ].join(" ");
 var selectedChipVariants = {
-  /** The muted track the chips sit in — the ladder's well rung. */
-  track: "bg-surface-1",
+  /**
+   * The muted track the chips sit in — the ladder's well rung with a drawn inset boundary. The
+   * pseudo-element keeps the 28 / 32px track boxes unchanged; a real root border would add 2px and
+   * silently break the shared control scale.
+   */
+  track: "relative bg-surface-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:content-['']",
   /**
    * Chrome shared by every chip: a transparent hairline reserved at rest (so selecting adds no
    * layout shift) and the muted→ink text step.

package/dist/index.d.cts

@@ -208,7 +208,8 @@ declare const fieldControlGroup: string;
  * existed the four wrote four different selected looks (`bg-background`, `bg-secondary` + hairline,
  * `bg-foreground/10`); audit 2026-09-07 B6-02.
  *
- * The track is the ladder's well rung (`surface-1`); the chip is the ladder's alpha form of the
+ * The track is the ladder's well rung (`surface-1`) with one inset semantic boundary; the chip is
+ * the ladder's alpha form of the
  * pressed/selected step (§Surfaces) — `bg-foreground/(--alpha-ink-tint)`, which doctrine reaches
  * for exactly here ("a chip on a well"). Over the `surface-1` track it composites to L 0.899 light
  * / 0.318 dark, which is Δ0.023 / Δ0.028 PAST `surface-3` — a full extra rung, since the ladder's
@@ -232,8 +233,12 @@ declare const fieldControlGroup: string;
  * </div>
  */
 declare const selectedChipVariants: {
-    /** The muted track the chips sit in — the ladder's well rung. */
-    readonly track: "bg-surface-1";
+    /**
+     * The muted track the chips sit in — the ladder's well rung with a drawn inset boundary. The
+     * pseudo-element keeps the 28 / 32px track boxes unchanged; a real root border would add 2px and
+     * silently break the shared control scale.
+     */
+    readonly track: "relative bg-surface-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:content-['']";
     /**
      * Chrome shared by every chip: a transparent hairline reserved at rest (so selecting adds no
      * layout shift) and the muted→ink text step.

package/dist/index.d.ts

@@ -208,7 +208,8 @@ declare const fieldControlGroup: string;
  * existed the four wrote four different selected looks (`bg-background`, `bg-secondary` + hairline,
  * `bg-foreground/10`); audit 2026-09-07 B6-02.
  *
- * The track is the ladder's well rung (`surface-1`); the chip is the ladder's alpha form of the
+ * The track is the ladder's well rung (`surface-1`) with one inset semantic boundary; the chip is
+ * the ladder's alpha form of the
  * pressed/selected step (§Surfaces) — `bg-foreground/(--alpha-ink-tint)`, which doctrine reaches
  * for exactly here ("a chip on a well"). Over the `surface-1` track it composites to L 0.899 light
  * / 0.318 dark, which is Δ0.023 / Δ0.028 PAST `surface-3` — a full extra rung, since the ladder's
@@ -232,8 +233,12 @@ declare const fieldControlGroup: string;
  * </div>
  */
 declare const selectedChipVariants: {
-    /** The muted track the chips sit in — the ladder's well rung. */
-    readonly track: "bg-surface-1";
+    /**
+     * The muted track the chips sit in — the ladder's well rung with a drawn inset boundary. The
+     * pseudo-element keeps the 28 / 32px track boxes unchanged; a real root border would add 2px and
+     * silently break the shared control scale.
+     */
+    readonly track: "relative bg-surface-1 after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:border after:border-border after:content-['']";
     /**
      * Chrome shared by every chip: a transparent hairline reserved at rest (so selecting adds no
      * layout shift) and the muted→ink text step.

package/dist/index.js

@@ -11,7 +11,7 @@ import {
   selectedChipVariants,
   surfaceInteractive,
   surfaceInteractiveGroup
-} from "./chunk-LRQSVCP6.js";
+} from "./chunk-DS7SBEDS.js";
 export {
   FLOATING,
   TIMINGS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegastack/design",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "VegaStack design system — cn utility, icon runtime, Tailwind v4 preset, and the vegastack-design CLI (tokens ship separately as @vegastack/design-tokens)",
   "license": "MIT",
   "repository": {