@devalok/shilp-sutra 0.55.1 → 0.57.0

package/BREAKING.json

@@ -350,6 +350,19 @@
         "Fastest migration: `npx shadcn@latest add @devalok/sidebar-app`, then replace <AppSidebar navGroups={…} user={…} currentPath={…} /> with the pasted <SidebarApp/>, wiring your router Link + active path. Composing @devalok/shilp-sutra/ui/sidebar directly is equally valid and needs no registry.",
         "Deprecation cycle: no PUBLISHED version carried an @deprecated AppSidebar — 0.53.0 shipped it undeprecated, 0.54.0 removes it. The deprecation marker existed only within the unreleased 0.54.0 line. This is a deliberate call for a 0.x beta with a single coordinated consumer (breaking changes ship in 0.x minors); a post-1.0 removal would get a real deprecate→remove window."
       ]
+    },
+    "0.56.0": {
+      "summary": "TipTap is no longer bundled — @tiptap/* and prosemirror-* are externalized, so RichTextEditor / RichChatInput now REQUIRE their peers to be installed. No symbol, prop, or export changed; this is an install-graph break only.",
+      "migrationDoc": "MIGRATION.md#v0560--tiptap-externalized--no-install-scripts",
+      "notes": [
+        "BREAKING: @tiptap/* and prosemirror-* were declared as optional peerDependencies AND bundled into a 641 KB _chunks/tiptap.js. RichTextEditor / RichChatInput therefore worked whether or not you installed the peers. They are now externalized and the peers are mandatory for those two components. Install command per framework: §2a of docs/recipes/install-*.md, or run the MCP's preflight tool.",
+        "WHY: a consumer who DID follow our peer instructions ran two ProseMirror copies. Plugin keys are module-scoped, so the copies could not see each other's plugins and the editors misbehaved un-attributably. Same failure class as the framer-motion/sonner externalization in 0.37.0. It also removes 641 KB from the package for every consumer who never touches rich text.",
+        "Twelve @tiptap/* packages are now declared as optional peers (previously four: core, pm, react, suggestion) — the full set we import must be resolvable by the consumer. Two internal `prosemirror-state` imports were rerouted to `@tiptap/pm/state` so they ride the existing @tiptap/pm peer instead of requiring a separate prosemirror-state install.",
+        "NOT breaking: every component outside RichTextEditor / RichChatInput is untouched. No exported symbol, prop type, or subpath export changed in this release — no widening and no narrowing.",
+        "use-sync-external-store is no longer a dependency. React 18+ has useSyncExternalStore built in and our own code always called it directly (primitives/_internal/react-use-is-hydrated.ts); the dep existed only to feed the bundled TipTap chunk. Runtime dependencies are now class-variance-authority, clsx, tailwind-merge, tw-animate-css.",
+        "clsx / class-variance-authority / tailwind-merge are now externalized rather than bundled. All three leak into our published .d.ts (25 files reference VariantProps, cva's return type embeds class-variance-authority/types#ClassProp, utils.d.ts imports ClassValue), so consumers already had to resolve them for tsc; bundling a second copy shipped the same code twice and blocked dedupe with the consumer's own copies. tailwind-merge moves devDependency -> dependency (it was already shipping, hidden inside our bundle). All auto-installed with us — no consumer action.",
+        "The postinstall script is REMOVED — this package now runs no lifecycle scripts at all on install. It previously printed a welcome banner and wrote a project-scoped .mcp.json into the consumer's repo pointing at our hosted docs MCP. Nothing is required when upgrading. To clean up after the old behaviour: remove the `shilp-sutra` entry from .mcp.json and delete the node_modules/.shilp-sutra-welcomed and .shilp-sutra-mcp-written sentinels. Add the MCP deliberately with `claude mcp add --transport http shilp-sutra https://shilp-sutra.devalok.in/mcp`."
+      ]
     }
   }
 }

package/MIGRATION.md

@@ -4,6 +4,169 @@ This page indexes all breaking changes across `@devalok/shilp-sutra` versions. F
 
 > **Upgrading from < 0.36?** Start here, then read each intermediate version section. Breaking changes stack — skipping versions means stacking migrations.
 
+## v0.57.0 — one token removed, one renamed, and a colour change you will see
+
+The surface model was rebuilt. Almost all of it is aliased, so `tsc` and your
+build stay green — but **one token is removed with no alias**, and the neutral
+ramp itself changed, so the release looks different even where nothing errors.
+
+Shipped as a minor. Pre-1.0 we bump minor for breaking changes rather than
+reserving major for a stability promise the system is not ready to make, so read
+this section rather than trusting the version number.
+
+### REMOVED, no alias: `surface-chrome`
+
+The one thing here that can actually break you. Every other renamed token still
+resolves through a deprecated alias. `--color-surface-chrome` does not, so
+`bg-surface-chrome` — and the `text-` / `border-` / `ring-` forms — stops
+emitting CSS entirely. The element renders with no background.
+
+Chrome is an arrangement decision, not a theme value: which shell you picked
+decides it. Use `surface-base`, or the new `AppShell` with `variant`
+(`flat` | `inset`) and `chrome` (`dim` | `bright`).
+
+```diff
+- <header className="bg-surface-chrome">
++ <header className="bg-surface-base">
+```
+
+### RENAMED, aliased: `surface-raised` → `surface-panel`
+
+`-hover` and `-active` follow. In light it was never raised — it is the same
+white as the page — so the name was a lie. The old names still resolve as
+deprecated aliases and are removed next major, so nothing breaks on upgrade day.
+
+### Run the codemod. Do not find-and-replace.
+
+```bash
+pnpm add -D @devalok/eslint-plugin-shilp-sutra@latest
+pnpm eslint . --fix
+```
+
+`shilp-sutra/no-renamed-surface-token` ships the autofix. **This is not a
+rename — 37 of the references in our own codebase were a retarget**, and a blind
+search-and-replace ships that many invisible hover states.
+
+The reason: in light, `surface-base`, `surface-panel` and `surface-overlay` are
+now all `#ffffff`. An edge is what makes a card a card, not a fill. So any
+interaction state painted with a *container* value is invisible:
+
+```diff
+- hover:bg-surface-raised          /* container value → invisible on a panel */
++ hover:bg-surface-panel-hover
+
+- bg-surface-raised                /* genuine container → plain rename */
++ bg-surface-panel
+```
+
+The rule tells those two apart, and knows `dark:` and `md:` are not interaction
+states. It **reports template literals without fixing them** — a
+`TemplateElement`'s range covers its delimiters, so rewriting one destroys the
+literal. Those need a human.
+
+**The rule cannot see a JavaScript conditional.** `isActive ? 'bg-surface-panel' : …`
+compiles to a plain string; three of our own components shipped that way and were
+caught by eye, not by tooling. Grep your codebase for `surface-panel` inside
+ternaries and check each one is a container, not a state.
+
+### Visual: the neutral ramp is de-warmed and dark is lifted
+
+This changes the actual colour of **all text and every border**, not only
+surfaces. Every neutral step is now pure grey (chroma 0), and dark lightness
+rises by 0.037 so surfaces have somewhere to stack. Dark page is `#0a0a0a`, a
+dark panel `#171717`.
+
+If you sampled our colours into your own tokens, re-sample them.
+
+### Borders split into two families
+
+Decorative edges are now translucent and no longer carry control contrast:
+
+- `surface-border-subtle` / `-border` / `-border-strong` — **objects**. Black at
+  5/9/14% in light, white at 6/10/16% in dark. On white the default computes to
+  `#e8e8e8`.
+- `surface-border-interactive` / `-interactive-strong` — **controls**. Solid, and
+  carry the WCAG 1.4.11 contrast inputs, checkboxes and switches need.
+
+A form control left on a decorative tier loses required contrast. If you built a
+custom input against `surface-border`, move it to `-border-interactive`.
+
+### Shadows are scoped to things that float
+
+Cards, panels and the inset canvas lose theirs; menus, dialogs, popovers,
+tooltips and control thumbs keep them. Interactive cards now change surface on
+hover instead of gaining a shadow. `Surface elevation="raised"` and
+`Card variant="elevated"` keep their shadows — those are explicit opt-ins.
+`--shadow-strength` is unchanged as the consumer dial.
+
+### Also worth knowing
+
+- **`bg-surface-1` … `bg-surface-4` are still deprecated** and still resolve.
+  They do not invert for dark mode. The named tokens do. `--fix` rewrites them.
+- **A second new rule**, `shilp-sutra/no-subtle-text-on-sunken`, flags
+  `text-surface-fg-subtle` on `bg-surface-sunken` (4.38:1, under AA). Not
+  autofixable — swapping to `fg-muted` changes the text's visual weight, which is
+  your call.
+- **`AvatarGroup`'s `borderColor`** accepts `'surface-panel'`; `'surface-raised'`
+  still works. A widening, not a break.
+
+
+## v0.56.0 — TipTap externalized; no install scripts
+
+One breaking change, and it only affects `RichTextEditor` / `RichChatInput`. No exported symbol, prop type, or subpath export changed — nothing widened and nothing narrowed.
+
+### If you import `RichTextEditor` or `RichChatInput`, install the TipTap peers
+
+0.55.x declared `@tiptap/*` as optional peers **and** bundled TipTap into a 641 KB chunk, so these components worked whether or not you installed anything. TipTap is now externalized: the peers are required.
+
+```bash
+# RichTextEditor
+pnpm add @tiptap/core @tiptap/extension-highlight @tiptap/extension-image \
+  @tiptap/extension-list @tiptap/extension-mention @tiptap/extension-text-align \
+  @tiptap/extensions @tiptap/markdown @tiptap/pm @tiptap/react \
+  @tiptap/starter-kit @tiptap/suggestion
+
+# RichChatInput — the list above, plus:
+pnpm add date-fns
+```
+
+Note these are plain `pnpm add`, not `-D`. In 0.55.0 they were devDependencies for types only; now they are the runtime.
+
+§2a of your framework's install recipe carries the same list, and the docs MCP's `preflight` derives it from your actual imports.
+
+**Why the churn:** the old arrangement meant a consumer who *did* follow our peer instructions ran two ProseMirror copies. Plugin keys are module-scoped, so the copies could not recognise each other's plugins and the editors misbehaved in ways nobody could attribute to us. This is the same failure class as the framer-motion / sonner externalization in 0.37.0. It also removes 641 KB from the package for every consumer who never touches rich text.
+
+### If you don't use the editors — nothing to do
+
+Every other component is untouched, and the package gets smaller.
+
+### `use-sync-external-store` is gone — nothing to do
+
+It was never ours. React 18+ has `useSyncExternalStore` built in and our code always called it directly; the dependency existed only to feed the bundled TipTap chunk. Runtime dependencies are now `class-variance-authority`, `clsx`, `tailwind-merge`, `tw-animate-css`.
+
+### `clsx` / `class-variance-authority` / `tailwind-merge` externalized — nothing to do
+
+All three leak into our published `.d.ts`, so you already had to resolve them for `tsc`. We were also bundling copies, which shipped the same code twice and stopped your own copies from deduping with ours. `tailwind-merge` moves from our devDependencies to our dependencies — it was already shipping, just hidden inside the bundle. All three install with us automatically.
+
+### No more `postinstall` — nothing to do
+
+This package now runs **zero lifecycle scripts** on install. The old `postinstall` printed a welcome banner and wrote a project-scoped `.mcp.json` into your repo pointing at our hosted docs MCP.
+
+To clean up after the old behaviour if you want to:
+
+```bash
+# 1. drop the entry we added (or the whole file, if we created it and you keep nothing else there)
+#    .mcp.json → mcpServers → "shilp-sutra"
+# 2. remove the sentinels
+rm -f node_modules/.shilp-sutra-welcomed node_modules/.shilp-sutra-mcp-written
+```
+
+To add the MCP deliberately:
+
+```bash
+claude mcp add --transport http shilp-sutra https://shilp-sutra.devalok.in/mcp
+```
+
 ## v0.55.0 — additive; one optional step if you use the editors
 
 Nothing breaks. No existing import, prop value, or install stops working.

package/README.md

@@ -53,8 +53,22 @@ claude mcp add --transport http shilp-sutra https://shilp-sutra.devalok.in/mcp
 
 Six read-only tools: `find_component`, `get_component`, `get_tokens`, `get_setup`, `upgrade`, `search_docs`. Every tool takes a `version` param — pass your installed version (from `node_modules/@devalok/shilp-sutra/package.json`) so answers match your prop surface exactly.
 
+Prefer a local skill over a network call? Copy the one we ship:
+
+```sh
+cp -r node_modules/@devalok/shilp-sutra/skill ~/.claude/skills/shilp-sutra
+```
+
 Without MCP: `llms.txt` (router) → `docs/components/<tier>/<name>.md` (per-component) → `mcp-manifest.json` (all props/tokens/composition as JSON). Full contract in `AGENTS.md`.
 
+### No install scripts
+
+This package has **no `postinstall` and no lifecycle scripts of any kind**. Installing it runs zero code on your machine and writes nothing outside its own directory.
+
+Up to 0.55.x we shipped a `postinstall` that printed a welcome banner and wrote a project-scoped `.mcp.json` pointing at the docs MCP above. Both are gone as of 0.56.0. The banner was noise; writing a config file into someone's repo — unasked, to wire their AI agent to our server — is exactly the behaviour npm's install-script blocking exists to stop, and it is not a thing a design system should do to earn a place in your dependency tree. Add the MCP yourself with the command above if you want it.
+
+> **Upgrading from ≤0.55.x?** Nothing to do. If you want the old auto-written config gone, delete the `shilp-sutra` entry from your `.mcp.json` (or the file, if we created it and you keep nothing else there) and remove the `node_modules/.shilp-sutra-welcomed` / `.shilp-sutra-mcp-written` sentinels.
+
 ## Peer Dependencies
 
 ### Required
@@ -74,7 +88,8 @@ Install only what you use:
 |---------|----------|
 | Toasts (`./ui/toaster`, `./ui/toast`) | `sonner` |
 | Charts (`./ui/charts`) | `d3-array`, `d3-axis`, `d3-format`, `d3-interpolate`, `d3-scale`, `d3-selection`, `d3-shape`, `d3-time-format`, `d3-transition` |
-| Rich Text Editor (`./composed/rich-text-editor`) | `@tiptap/react`, `@tiptap/starter-kit` |
+| Rich Text Editor (`./composed/rich-text-editor`) | `@tiptap/core`, `@tiptap/extension-highlight`, `@tiptap/extension-image`, `@tiptap/extension-list`, `@tiptap/extension-mention`, `@tiptap/extension-text-align`, `@tiptap/extensions`, `@tiptap/markdown`, `@tiptap/pm`, `@tiptap/react`, `@tiptap/starter-kit`, `@tiptap/suggestion` |
+| Rich Chat Input (`./composed/rich-chat-input`) | the Rich Text Editor list, plus `date-fns` |
 | DataTable (`./ui/data-table`) | `@tanstack/react-table`, `@tanstack/react-virtual` |
 | Icons | `@tabler/icons-react` |
 | Date components (`./composed/date-picker`) | `date-fns` |

package/dist/_chunks/badge-group.js

@@ -1,128 +1,142 @@
 "use client";
 import { Slot as e } from "./primitives-internal.js";
 import { durations as t, springs as n } from "../ui/lib/motion.js";
-import { cva as r } from "./vendor-utils.js";
-import { cn as i } from "../ui/lib/utils.js";
-import { Icon as a } from "../ui/icon.js";
-import { Dot as o } from "../ui/dot.js";
-import { normalizeIcon as s } from "./normalize-icon.js";
-import { BadgeIndicator as c } from "../ui/badge-indicator.js";
-import * as l from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { IconCheck as f, IconX as p } from "@tabler/icons-react";
-import { AnimatePresence as m, motion as h } from "framer-motion";
+import { cn as r } from "../ui/lib/utils.js";
+import { Icon as i } from "../ui/icon.js";
+import { Dot as a } from "../ui/dot.js";
+import { normalizeIcon as o } from "./normalize-icon.js";
+import { BadgeIndicator as s } from "../ui/badge-indicator.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { IconCheck as d, IconX as f } from "@tabler/icons-react";
+import { AnimatePresence as p, motion as m } from "framer-motion";
+import { cva as h } from "class-variance-authority";
 //#region src/ui/badge.tsx
 var g = {
 	default: {
-		bg: "bg-surface-raised-hover",
+		bg: "bg-surface-panel-hover",
+		softBg: "bg-surface-panel-hover",
 		fg: "text-surface-fg-muted",
 		border: "border-surface-border-strong",
 		solid: "bg-neutral-5",
 		solidFg: "text-surface-fg"
 	},
 	accent: {
-		bg: "bg-accent-3",
+		bg: "bg-accent-2",
+		softBg: "bg-accent-3",
 		fg: "text-accent-11",
-		border: "border-accent-7",
+		border: "border-accent-4",
 		solid: "bg-accent-9",
 		solidFg: "text-accent-fg"
 	},
 	error: {
-		bg: "bg-error-3",
+		bg: "bg-error-2",
+		softBg: "bg-error-3",
 		fg: "text-error-11",
-		border: "border-error-7",
+		border: "border-error-4",
 		solid: "bg-error-9",
 		solidFg: "text-error-fg"
 	},
 	success: {
-		bg: "bg-success-3",
+		bg: "bg-success-2",
+		softBg: "bg-success-3",
 		fg: "text-success-11",
-		border: "border-success-7",
+		border: "border-success-4",
 		solid: "bg-success-9",
 		solidFg: "text-success-fg"
 	},
 	warning: {
-		bg: "bg-warning-3",
+		bg: "bg-warning-2",
+		softBg: "bg-warning-3",
 		fg: "text-warning-11",
-		border: "border-warning-7",
+		border: "border-warning-4",
 		solid: "bg-warning-9",
 		solidFg: "text-warning-fg"
 	},
 	info: {
-		bg: "bg-info-3",
+		bg: "bg-info-2",
+		softBg: "bg-info-3",
 		fg: "text-info-11",
-		border: "border-info-7",
+		border: "border-info-4",
 		solid: "bg-info-9",
 		solidFg: "text-info-fg"
 	},
 	neutral: {
-		bg: "bg-surface-raised-hover",
+		bg: "bg-surface-panel-hover",
+		softBg: "bg-surface-panel-hover",
 		fg: "text-surface-fg-muted",
 		border: "border-surface-border-strong",
 		solid: "bg-neutral-5",
 		solidFg: "text-surface-fg"
 	},
 	teal: {
-		bg: "bg-category-teal-3",
+		bg: "bg-category-teal-2",
+		softBg: "bg-category-teal-3",
 		fg: "text-category-teal-11",
-		border: "border-category-teal-7",
+		border: "border-category-teal-4",
 		solid: "bg-category-teal-9",
-		solidFg: "text-white"
+		solidFg: "text-category-fg"
 	},
 	amber: {
-		bg: "bg-category-amber-3",
+		bg: "bg-category-amber-2",
+		softBg: "bg-category-amber-3",
 		fg: "text-category-amber-11",
-		border: "border-category-amber-7",
+		border: "border-category-amber-4",
 		solid: "bg-category-amber-9",
-		solidFg: "text-white"
+		solidFg: "text-category-fg"
 	},
 	slate: {
-		bg: "bg-category-slate-3",
+		bg: "bg-category-slate-2",
+		softBg: "bg-category-slate-3",
 		fg: "text-category-slate-11",
-		border: "border-category-slate-7",
+		border: "border-category-slate-4",
 		solid: "bg-category-slate-9",
-		solidFg: "text-white"
+		solidFg: "text-category-fg"
 	},
 	indigo: {
-		bg: "bg-category-indigo-3",
+		bg: "bg-category-indigo-2",
+		softBg: "bg-category-indigo-3",
 		fg: "text-category-indigo-11",
-		border: "border-category-indigo-7",
+		border: "border-category-indigo-4",
 		solid: "bg-category-indigo-9",
-		solidFg: "text-white"
+		solidFg: "text-category-fg"
 	},
 	cyan: {
-		bg: "bg-category-cyan-3",
+		bg: "bg-category-cyan-2",
+		softBg: "bg-category-cyan-3",
 		fg: "text-category-cyan-11",
-		border: "border-category-cyan-7",
+		border: "border-category-cyan-4",
 		solid: "bg-category-cyan-9",
-		solidFg: "text-white"
+		solidFg: "text-category-fg"
 	},
 	orange: {
-		bg: "bg-category-orange-3",
+		bg: "bg-category-orange-2",
+		softBg: "bg-category-orange-3",
 		fg: "text-category-orange-11",
-		border: "border-category-orange-7",
+		border: "border-category-orange-4",
 		solid: "bg-category-orange-9",
-		solidFg: "text-white"
+		solidFg: "text-category-fg"
 	},
 	emerald: {
-		bg: "bg-category-emerald-3",
+		bg: "bg-category-emerald-2",
+		softBg: "bg-category-emerald-3",
 		fg: "text-category-emerald-11",
-		border: "border-category-emerald-7",
+		border: "border-category-emerald-4",
 		solid: "bg-category-emerald-9",
-		solidFg: "text-white"
+		solidFg: "text-category-fg"
 	}
 };
 function _(e, t) {
 	if (t === "custom") return "";
 	let n = g[t];
 	switch (e) {
-		case "subtle": return i(n.bg, n.fg, n.border);
-		case "solid": return i(n.solid, n.solidFg, "border-transparent");
-		case "outline": return i("bg-transparent", n.fg, n.border);
-		case "soft": return i(n.bg, n.fg, "border-transparent");
+		case "subtle": return r(n.bg, n.fg, n.border);
+		case "solid": return r(n.solid, n.solidFg, "border-transparent");
+		case "outline": return r("bg-transparent", n.fg, n.border);
+		case "soft": return r(n.softBg, n.fg, "border-transparent");
 	}
 }
-var v = r("relative inline-flex items-center rounded-pill font-sans font-medium overflow-hidden isolate transition-[color,background-color,border-color,padding] duration-fast-02 ease-productive-standard select-none [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]", {
+var v = h("relative inline-flex items-center rounded-pill font-sans font-medium overflow-hidden isolate transition-[color,background-color,border-color,padding] duration-fast-02 ease-productive-standard select-none [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]", {
 	variants: {
 		variant: {
 			subtle: "border",
@@ -156,8 +170,8 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 	sm: "pr-ds-02",
 	md: "pr-ds-02",
 	lg: "pr-ds-02b"
-}, S = l.forwardRef(({ className: r, variant: c, color: l, size: g, asChild: S, startIcon: C, endIcon: w, dot: T, dotPulse: E, onDismiss: D, onClick: O, selected: k, disabled: A, maxWidth: j, truncate: M, circle: N, children: P, style: F, ...I }, L) => {
-	let R = c ?? "subtle", z = l ?? "default", B = g ?? "md", V = S ? e : O && D ? "div" : O ? "button" : "span", H = z === "custom" ? {
+}, S = c.forwardRef(({ className: s, variant: c, color: h, size: g, asChild: S, startIcon: C, endIcon: w, dot: T, dotPulse: E, onDismiss: D, onClick: O, selected: k, disabled: A, maxWidth: j, truncate: M, circle: N, children: P, style: F, ...I }, L) => {
+	let R = c ?? "subtle", z = h ?? "default", B = g ?? "md", V = S ? e : O && D ? "div" : O ? "button" : "span", H = z === "custom" ? {
 		...R === "subtle" && {
 			backgroundColor: "color-mix(in oklch, var(--badge-color) 15%, transparent)",
 			color: "var(--badge-color)",
@@ -181,12 +195,12 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 	} : void 0, U = O && D ? (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), A || O(e)), I.onKeyDown?.(e);
 	} : I.onKeyDown, W = !!(T || C || O && k && !C && !T), G = !!(D || w);
-	return /* @__PURE__ */ d(V, {
+	return /* @__PURE__ */ u(V, {
 		ref: L,
-		className: i(v({
+		className: r(v({
 			variant: R,
 			size: B
-		}), _(R, z), W && b[B], G && x[B], O && "cursor-pointer hover:brightness-[0.97] focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 transition-[color,background-color,border-color,transform,filter] duration-moderate-01 ease-productive-exit hover:duration-fast-02 hover:ease-productive-entrance active:scale-[0.95] active:brightness-[0.92] active:duration-[0ms]", k && "ring-1 ring-current/20 transition-shadow duration-fast-02", A && "opacity-action-disabled pointer-events-none saturate-[0.3]", N && "justify-center px-0 aspect-square", r),
+		}), _(R, z), W && b[B], G && x[B], O && "cursor-pointer hover:brightness-[0.97] focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 transition-[color,background-color,border-color,transform,filter] duration-moderate-01 ease-productive-exit hover:duration-fast-02 hover:ease-productive-entrance active:scale-[0.95] active:brightness-[0.92] active:duration-[0ms]", k && "ring-1 ring-current/20 transition-shadow duration-fast-02", A && "opacity-action-disabled pointer-events-none saturate-[0.3]", N && "justify-center px-0 aspect-square", s),
 		style: {
 			...F,
 			...H,
@@ -202,19 +216,19 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 		} : {},
 		...I,
 		children: [
-			/* @__PURE__ */ u(m, { children: T && /* @__PURE__ */ u(h.span, {
+			/* @__PURE__ */ l(p, { children: T && /* @__PURE__ */ l(m.span, {
 				initial: { scale: 0 },
 				animate: { scale: 1 },
 				exit: { scale: 0 },
 				transition: n.snappy,
 				className: "inline-flex shrink-0",
-				children: /* @__PURE__ */ u(o, {
+				children: /* @__PURE__ */ l(a, {
 					color: "current",
 					size: "sm",
 					pulse: E
 				})
 			}, "dot") }),
-			O && !C && !T && /* @__PURE__ */ u(h.span, {
+			O && !C && !T && /* @__PURE__ */ l(m.span, {
 				initial: !1,
 				animate: k ? {
 					opacity: 1,
@@ -239,33 +253,33 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 				},
 				className: "inline-flex shrink-0 overflow-hidden",
 				"aria-hidden": !k,
-				children: /* @__PURE__ */ u(a, {
-					icon: f,
+				children: /* @__PURE__ */ l(i, {
+					icon: d,
 					size: "xs"
 				})
 			}),
-			C && /* @__PURE__ */ u("span", {
-				className: i("shrink-0", y[B]),
-				children: s(C)
+			C && /* @__PURE__ */ l("span", {
+				className: r("shrink-0", y[B]),
+				children: o(C)
 			}),
-			M || j ? /* @__PURE__ */ u("span", {
+			M || j ? /* @__PURE__ */ l("span", {
 				className: "truncate",
 				title: typeof P == "string" ? P : void 0,
 				children: P
 			}) : P,
-			w && /* @__PURE__ */ u("span", {
-				className: i("shrink-0", y[B]),
-				children: s(w)
+			w && /* @__PURE__ */ l("span", {
+				className: r("shrink-0", y[B]),
+				children: o(w)
 			}),
-			D && /* @__PURE__ */ u("button", {
+			D && /* @__PURE__ */ l("button", {
 				type: "button",
 				onClick: (e) => {
 					e.stopPropagation(), D();
 				},
-				className: i("shrink-0 rounded-pill text-current/60 hover:text-current hover:bg-current/10 transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent-9", B === "xs" ? "p-0 -mr-0.5 min-w-ds-05 min-h-ds-05" : "p-px"),
+				className: r("shrink-0 rounded-pill text-current/60 hover:text-current hover:bg-current/10 transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-accent-9", B === "xs" ? "p-0 -mr-0.5 min-w-ds-05 min-h-ds-05" : "p-px"),
 				"aria-label": `Remove ${typeof P == "string" ? P : ""}`.trim() || "Remove",
-				children: /* @__PURE__ */ u(a, {
-					icon: p,
+				children: /* @__PURE__ */ l(i, {
+					icon: f,
 					size: "xs"
 				})
 			})
@@ -274,24 +288,24 @@ var v = r("relative inline-flex items-center rounded-pill font-sans font-medium
 });
 S.displayName = "Badge";
 var C = Object.assign(S, {
-	Indicator: c,
+	Indicator: s,
 	Group: T
 }), w = {
 	tight: "gap-1",
 	default: "gap-1.5",
 	loose: "gap-2"
-}, T = l.forwardRef(function({ max: e, gap: t = "default", size: n, onOverflowClick: r, className: a, children: o, ...s }, c) {
-	let u = l.Children.toArray(o), f = u.length, p = e !== void 0 && f > e, m = p ? u.slice(0, e) : u, h = p ? f - e : 0;
-	return /* @__PURE__ */ d("div", {
-		ref: c,
-		className: i("flex flex-wrap items-center", w[t], a),
+}, T = c.forwardRef(function({ max: e, gap: t = "default", size: n, onOverflowClick: i, className: a, children: o, ...s }, l) {
+	let d = c.Children.toArray(o), f = d.length, p = e !== void 0 && f > e, m = p ? d.slice(0, e) : d, h = p ? f - e : 0;
+	return /* @__PURE__ */ u("div", {
+		ref: l,
+		className: r("flex flex-wrap items-center", w[t], a),
 		...s,
-		children: [m, p && /* @__PURE__ */ d(C, {
+		children: [m, p && /* @__PURE__ */ u(C, {
 			variant: "outline",
 			color: "neutral",
 			size: n ?? "sm",
-			onClick: r,
-			"aria-label": r ? `Show ${h} more` : void 0,
+			onClick: i,
+			"aria-label": i ? `Show ${h} more` : void 0,
 			children: ["+", h]
 		})]
 	});