@justanarthur/modo-ui 0.6.0-canary.9 → 0.6.0

package/dist/base.css

@@ -66,41 +66,6 @@
   --destructive: light-dark(oklch(0.6368 0.2078 25.33), oklch(0.7106 0.1661 22.22));
   --destructive-light: light-dark(oklch(0.971 0.013 17.38), oklch(0.2575 0.0886 26.04));
 
-  /* ── Tinted actions (local) ──
-     Button's destructive and success variants: the hue as text on a wash of
-     itself, never a solid fill behind text (DESIGN.md › Status). The washes
-     mix toward transparent like --hover, so they read on any surface level;
-     hover and press deepen them (16 → 20 → 24%). The -strong text steps are
-     the hue darkened in light and lightened in dark, so a 13px label holds
-     WCAG AA (≥ 4.5:1) on its wash at rest, hover and press, over surfaces
-     1–5 in both schemes (worst case 4.69:1, the dark destructive press on
-     surface 5). */
-  --destructive-strong: light-dark(oklch(0.47 0.175 27), oklch(0.81 0.105 22));
-  --destructive-wash: color-mix(in oklab, var(--destructive) 16%, transparent);
-  --destructive-wash-hover: color-mix(in oklab, var(--destructive) 20%, transparent);
-  --destructive-wash-active: color-mix(in oklab, var(--destructive) 24%, transparent);
-  --success-strong: light-dark(oklch(0.46 0.12 151), oklch(0.83 0.15 152));
-  --success-wash: color-mix(in oklab, var(--status-success) 16%, transparent);
-  --success-wash-hover: color-mix(in oklab, var(--status-success) 20%, transparent);
-  --success-wash-active: color-mix(in oklab, var(--status-success) 24%, transparent);
-
-  /* ── Placeholders and media edges (local) ──
-     --skeleton: the loading placeholder's fill, a foreground mix like
-     --border so it tracks the scheme and reads on any surface level.
-     --image-edge: the 1px inset outline over avatars and other images, so a
-     pale picture keeps its shape against the surface (upstream FF's media
-     outline: black 10% in light, white 10% in dark). */
-  --skeleton: color-mix(in oklab, var(--foreground) 8%, transparent);
-  --image-edge: light-dark(rgb(0 0 0 / 0.1), rgb(255 255 255 / 0.1));
-  /* The progress track: a recessed line any fill reads against. */
-  --progress-track: color-mix(in oklab, var(--foreground) 10%, transparent);
-  /* The recessed well under the segmented tabs' indicator. Light is --muted
-     (the greyer step the ladder's floor lacks). Dark can't be: --muted there
-     is surface-2, the very value of the card and the inset, so a track of it
-     vanishes on both. Black at 25% darkens whatever it sits on, so the well
-     reads on the page, a card and the inset alike. */
-  --well: light-dark(var(--muted), oklch(0 0 0 / 0.25));
-
   /* ── Brand blue ──
      FF's one chromatic accent: the switch's on-track, the copy field's hover
      highlight, drop-target and selected-swatch rings. */
@@ -168,33 +133,6 @@
   --syntax-sign: var(--muted-foreground);
 }
 
-/* ── Primary action (theme hooks) ──
-   What the primary Button paints, as hooks a host re-points to recolour it
-   (a brand fill with a lit edge) without forking the component:
-     --primary             the fill. Defaults to the ink.
-     --primary-hover       its hover fill, 10% toward --background.
-     --primary-active      its pressed fill, 20% toward --background.
-     --primary-foreground  the label on the fill. Defaults to --background.
-     --shadow-button-primary  an extra shadow list for the fill layer, drawn on
-                           top of the layer's own press ring (a highlight,
-                           an outline, a drop). The default is an invisible
-                           no-op that stays valid inside a comma list.
-   All five default to what the primary Button always drew, so nothing
-   changes until one is overridden. Override --primary-hover and
-   --primary-active with it, since their defaults mix from the value
-   --primary has where they are declared. Re-point them on `:root, .light,
-   .dark` (or on `:root` alone when the value is the same in both schemes).
-   `bg-primary`, `text-primary` and `text-primary-foreground` read them.
-   Zero specificity (:where): a host's override wins from any stylesheet
-   order, `<html class="dark">` included. */
-:where(:root, .light, .dark) {
-  --primary: var(--foreground);
-  --primary-hover: color-mix(in oklab, var(--primary) 90%, var(--background));
-  --primary-active: color-mix(in oklab, var(--primary) 80%, var(--background));
-  --primary-foreground: var(--background);
-  --shadow-button-primary: 0 0 #0000;
-}
-
 /* ── Badge palette ──
    Badge's `color` hues (upstream hex, as exact oklch). Constant across
    schemes; the solid variant mixes each 15% into --background. */
@@ -253,10 +191,6 @@
  *
  * Local addition: `goo`, the morph engine's tier for the goo effect — 250ms
  * to land (bounce 0.15), a 200ms spring back — so the liquid neck reads.
- *
- * Local addition: `loop`, the period of the ambient animations that run while
- * something is pending (the skeleton's pulse, the spinner's travel, the
- * indeterminate bar's sweep). They never land, so they are not a spring tier.
  */
 
 :root {
@@ -268,7 +202,6 @@
   --duration-slow-exit: 160ms;
   --duration-goo: 250ms;
   --duration-goo-exit: 200ms;
-  --duration-loop: 2s;
 }
 
 :root {
@@ -435,9 +368,6 @@
  *   :focus-visible fallback), html.transitioning, native scrollbars,
  *   .scrollbar-hide, shimmer + spinner keyframes, .scroll-fade(-x).
  *
- * Local scope change: the inline code chip applies inside the docs shell, a
- * `data-modo="prose"` block or a `.modo-prose` container, not to every <code>.
- *
  * Local value changes: the inline code chip and the shimmer stops read color
  * tokens instead of upstream's hex (light code chip `--muted`, dark
  * `--surface-4`; shimmer dim → bright runs `--muted-foreground` →
@@ -531,11 +461,10 @@ body {
     text-wrap: pretty;
   }
 
-  /* Inline code chips, for prose that opts in: the docs shell (`data-modo="app"`),
-     a modo prose block (`data-modo="prose"`) or a `.modo-prose` container. A bare
-     <code> in an app is left alone. Excludes code inside <pre>. Base layer, so a
-     page can still override with utilities. */
-  :where([data-modo="app"], [data-modo="prose"], .modo-prose) code:not(pre code) {
+  /* Inline code chips: bare <code> in prose gets its own ground. Excludes
+     code inside <pre>. Base layer, so a page can still override with
+     utilities. */
+  code:not(pre code) {
     background: light-dark(var(--muted), var(--surface-4));
     border-radius: 4px;
     padding: 1px 4px;
@@ -925,72 +854,6 @@ html.transitioning *::after {
   }
 }
 
-/*
- * Local addition (not part of Fluid Functionalism): Progress's loops. The
- * indeterminate bar sweeps a segment across the track (transform only); the
- * spinner reuses Button's figure-eight keyframes from base.css. Both run on
- * `--duration-loop`. Under reduced motion (Progress swaps the classes through
- * useReduceMotion; the media query covers the first paint) nothing travels:
- * the fill breathes in opacity instead.
- */
-
-@keyframes progress-sweep {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(250%);
-  }
-}
-
-@keyframes progress-breathe {
-  50% {
-    opacity: 0.4;
-  }
-}
-
-.progress-sweep {
-  animation: progress-sweep var(--duration-loop) ease-in-out infinite;
-}
-
-.progress-spin {
-  stroke-dasharray: 15 85;
-  animation:
-    spinner-move var(--duration-loop) linear infinite,
-    spinner-dash calc(var(--duration-loop) * 2) ease-in-out infinite;
-}
-
-.progress-breathe {
-  animation: progress-breathe var(--duration-loop) ease-in-out infinite;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .progress-sweep {
-    width: 100%;
-    animation: progress-breathe var(--duration-loop) ease-in-out infinite;
-  }
-  .progress-spin {
-    stroke-dasharray: none;
-    animation: progress-breathe var(--duration-loop) ease-in-out infinite;
-  }
-}
-
-/*
- * Local addition (not part of Fluid Functionalism): the Skeleton's pulse.
- * Opacity only, one period of `--duration-loop`, every placeholder in step.
- * A fade, so it runs under reduced motion too (DESIGN.md › Motion keeps fades).
- */
-
-@keyframes skeleton-pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
-
-.skeleton-pulse {
-  animation: skeleton-pulse var(--duration-loop) ease-in-out infinite;
-}
-
 /* biome-ignore-all lint: vendored upstream code keeps its own values (see the header) */
 /*
  * Surface elevation module: the 8-level surface ladder and its 1:1 shadow

package/dist/blocks/sidebar-app/index.js

@@ -1,45 +1,31 @@
 import {
   SidebarApp2
-} from "../../shared/components-1e64t8aj.js";
-import"../../shared/components-xd3emmy4.js";
-import"../../shared/components-kswxnm3h.js";
-import"../../shared/components-rrbpmfx4.js";
-import"../../shared/components-2a7hcand.js";
-import"../../shared/components-hdzrqqpx.js";
-import"../../shared/components-124epb7f.js";
-import"../../shared/components-z3v0n0de.js";
-import"../../shared/components-2qbqqpgq.js";
-import"../../shared/components-kz5q11pp.js";
-import"../../shared/components-tz4gaf1v.js";
-import"../../shared/components-wbbckbw8.js";
-import"../../shared/components-9as3rf68.js";
-import"../../shared/components-2krsc300.js";
-import"../../shared/components-krtx3m5b.js";
-import"../../shared/components-czdvj1a8.js";
-import"../../shared/components-h6p86be3.js";
-import"../../shared/components-vf45j12c.js";
-import"../../shared/components-mrbaxt8q.js";
-import"../../shared/components-c7rwx0ap.js";
-import"../../shared/components-b1e239g3.js";
-import"../../shared/components-dhgk6mbt.js";
-import"../../shared/components-jqpefjsn.js";
-import"../../shared/components-dc5q749x.js";
-import"../../shared/components-pwayrkw9.js";
-import"../../shared/components-yhgq0qxx.js";
-import"../../shared/components-m06yq8wk.js";
-import"../../shared/components-dcc02hs2.js";
-import"../../shared/components-9sttq78t.js";
-import"../../shared/components-4vfm04wq.js";
-import"../../shared/components-tz1fv35x.js";
-import"../../shared/components-ctqmge8t.js";
-import"../../shared/components-drxrtnp2.js";
-import"../../shared/components-de99ykt7.js";
-import"../../shared/components-3ey0hzpb.js";
-import"../../shared/components-h83az0bz.js";
-import"../../shared/components-34txk9rj.js";
-import"../../shared/components-71nbt03m.js";
-import"../../shared/components-gx4h5rbb.js";
-import"../../shared/components-jcnjay5g.js";
+} from "../../shared/components-n42c79bz.js";
+import"../../shared/components-w90endve.js";
+import"../../shared/components-c6s6b43g.js";
+import"../../shared/components-raknhppb.js";
+import"../../shared/components-rr7a6ja9.js";
+import"../../shared/components-ng72k97e.js";
+import"../../shared/components-zfnmn5d4.js";
+import"../../shared/components-3ky44908.js";
+import"../../shared/components-ypp01w3p.js";
+import"../../shared/components-5xc2j8jz.js";
+import"../../shared/components-zrkzcayz.js";
+import"../../shared/components-0q0sqfh4.js";
+import"../../shared/components-kvr7f9hy.js";
+import"../../shared/components-chacnk61.js";
+import"../../shared/components-59efxjd9.js";
+import"../../shared/components-hqeq3w9q.js";
+import"../../shared/components-jjw69c4c.js";
+import"../../shared/components-b2wyq2cq.js";
+import"../../shared/components-n7mjr357.js";
+import"../../shared/components-men63rwj.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-b0eac83j.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-vc7vq5nz.js";
+import"../../shared/components-zx6b6yby.js";
+import"../../shared/components-ezxhrmer.js";
 export {
   SidebarApp2 as default
 };

package/dist/components/AI/input-message/index.js

@@ -2,29 +2,22 @@ import {
   FileThumbnail2,
   InputMessage2,
   input_message_default
-} from "../../../shared/components-hgv6tygd.js";
-import"../../../shared/components-2krsc300.js";
-import"../../../shared/components-vf45j12c.js";
-import"../../../shared/components-mrbaxt8q.js";
-import"../../../shared/components-c7rwx0ap.js";
-import"../../../shared/components-b1e239g3.js";
-import"../../../shared/components-dhgk6mbt.js";
-import"../../../shared/components-jqpefjsn.js";
-import"../../../shared/components-dc5q749x.js";
-import"../../../shared/components-pwayrkw9.js";
-import"../../../shared/components-yhgq0qxx.js";
-import"../../../shared/components-m06yq8wk.js";
-import"../../../shared/components-dcc02hs2.js";
-import"../../../shared/components-9sttq78t.js";
-import"../../../shared/components-4vfm04wq.js";
-import"../../../shared/components-tz1fv35x.js";
-import"../../../shared/components-de99ykt7.js";
-import"../../../shared/components-3ey0hzpb.js";
-import"../../../shared/components-h83az0bz.js";
-import"../../../shared/components-34txk9rj.js";
-import"../../../shared/components-71nbt03m.js";
-import"../../../shared/components-gx4h5rbb.js";
-import"../../../shared/components-jcnjay5g.js";
+} from "../../../shared/components-d6xtjht3.js";
+import"../../../shared/components-ng72k97e.js";
+import"../../../shared/components-zrkzcayz.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-kvr7f9hy.js";
+import"../../../shared/components-chacnk61.js";
+import"../../../shared/components-59efxjd9.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-jjw69c4c.js";
+import"../../../shared/components-b2wyq2cq.js";
+import"../../../shared/components-n7mjr357.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-cv16mryv.js";
+import"../../../shared/components-zx6b6yby.js";
+import"../../../shared/components-ezxhrmer.js";
 export {
   FileThumbnail2 as FileThumbnail,
   InputMessage2 as InputMessage,

package/dist/components/AI/thinking-indicator/index.js

@@ -1,15 +1,12 @@
 import {
   ThinkingIndicator2,
   thinking_indicator_default
-} from "../../../shared/components-bae8sbjx.js";
-import"../../../shared/components-c7rwx0ap.js";
-import"../../../shared/components-b1e239g3.js";
-import"../../../shared/components-m06yq8wk.js";
-import"../../../shared/components-de99ykt7.js";
-import"../../../shared/components-3ey0hzpb.js";
-import"../../../shared/components-h83az0bz.js";
-import"../../../shared/components-34txk9rj.js";
-import"../../../shared/components-jcnjay5g.js";
+} from "../../../shared/components-27nnvrwe.js";
+import"../../../shared/components-0q0sqfh4.js";
+import"../../../shared/components-hqeq3w9q.js";
+import"../../../shared/components-men63rwj.js";
+import"../../../shared/components-0sn7ypjw.js";
+import"../../../shared/components-ezxhrmer.js";
 export {
   ThinkingIndicator2 as ThinkingIndicator,
   thinking_indicator_default as default

package/dist/components/accordion/index.d.ts

@@ -1,23 +1,5 @@
-import { ForwardRefExoticComponent, HTMLAttributes, ReactNode as ReactNode3, RefAttributes } from "react";
-import { ComponentType } from "react";
-interface IconComponentProps {
-	size?: number | string;
-	strokeWidth?: number | string;
-	className?: string;
-}
-type IconComponent = ComponentType<IconComponentProps>;
+import { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
 type SizeVariant = "default" | "compact";
-import { ButtonHTMLAttributes, ReactElement, ReactNode as ReactNode2 } from "react";
-interface SlotProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-	/** The element that becomes the control, e.g. a Button. Children fill it when it has none of its own. */
-	render?: ReactElement;
-	/** Compose onto the single child instead. Both spellings work in both flavors. Defaults to `false`. */
-	asChild?: boolean;
-	/** Control content when there is no render element, or the content of a render element that has none of its own. */
-	children?: ReactNode2;
-	/** Whether the render element is a native `<button>`: pass `false` for a `<div>` or a link, so Base UI adds the button role and keyboard handling itself. Parts not built on a Base UI button ignore it. Defaults to `true`. */
-	nativeButton?: boolean;
-}
 type AccordionGroupSingleProps = {
 	/** Whether one or multiple items can be expanded. Defaults to `"single"`. */
 	type?: "single";
@@ -41,7 +23,7 @@ type AccordionGroupMultipleProps = {
 	onValueChange?: (value: string[]) => void;
 };
 type AccordionGroupProps = HTMLAttributes<HTMLDivElement> & {
-	children: ReactNode3;
+	children: ReactNode;
 	/** Pins the group's rows to one step of the size ladder (default 36px,
 	*  compact 28px — see /docs/sizes). Omitted, they follow the surrounding
 	*  SizeProvider. */
@@ -56,7 +38,7 @@ type AccordionGroupProps = HTMLAttributes<HTMLDivElement> & {
 declare const AccordionGroup: ForwardRefExoticComponent<AccordionGroupProps & RefAttributes<HTMLDivElement>>;
 interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
 	/** The accordion's items (`Accordion.Item`). */
-	children: ReactNode3;
+	children: ReactNode;
 	/** Whether one or multiple items can be expanded. Defaults to `"single"`. */
 	type?: "single" | "multiple";
 	/** Allow collapsing all items when type is single. Defaults to `true` (Base UI's single mode is always collapsible). */
@@ -98,13 +80,9 @@ type AccordionComponent = ForwardRefExoticComponent<AccordionProps & RefAttribut
 *
 * Statics: Accordion.Group (the grouped root: type, collapsible,
 * defaultValue, value, onValueChange, highlight, size), Accordion.Item (value,
-* index, disabled), Accordion.Trigger (the row that toggles its item: `icon`
-* swaps or hides the chevron, `weightShift={false}` renders a rich label once,
-* `render` / `asChild` make your own element the trigger, unstyled and without
-* chevron or label copy)
-* and Accordion.Content (the collapsible panel: `effect` — `'goo'` or a plain
-* `'morph'` — the spring `tier`, `'slow'` or `'moderate'`, and
-* `contentClassName` for the inner row).
+* index, disabled), Accordion.Trigger (the row that toggles its item) and
+* Accordion.Content (the collapsible panel: `effect` — `'goo'` or a plain
+* `'morph'` — and the spring `tier`, `'slow'` or `'moderate'`).
 *
 * @example {@include ./examples.mdx}
 */
@@ -119,27 +97,21 @@ interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
 	/** Standalone equivalent of the group's prop: what an open item tints. Ignored inside a group, which decides for all its rows. Defaults to the standalone root's `highlight`, else `"item"`. */
 	highlight?: "trigger" | "item";
 	/** The item's `Accordion.Trigger` and `Accordion.Content`. */
-	children: ReactNode3;
+	children: ReactNode;
 }
 declare const AccordionItem: ForwardRefExoticComponent<AccordionItemProps & RefAttributes<HTMLDivElement>>;
-interface AccordionTriggerProps extends Omit<SlotProps, "children"> {
-	/** Trigger label content. With `asChild`, the single child element that becomes the trigger instead, and `render` takes an element the same way: that element is rendered as it is, the whole trigger, look included. It gets Base UI's `aria-expanded`, `aria-controls`, `data-panel-open` and key handling, and sits in the same row, but the label copy, `weightShift`, `icon` and chevron are not rendered (give it its own content), nor are the trigger's padding and ring. */
-	children?: ReactNode3;
-	/** The glyph at the row's end, which turns a quarter turn when the item opens (so give it a right-pointing one), or `false` for none. Defaults to the icon context's `chevron-right`. */
-	icon?: IconComponent | false;
-	/** Whether the label gets heavier while the item is open. On, the label renders twice in one grid cell (a hidden semibold copy reserves its width, so nothing reflows); off, it renders once and keeps whatever weight its content has, which suits rich content such as a whole `Card.Header` that would otherwise be duplicated in the DOM. The label sits inside the trigger `<button>`, so give it phrasing content (spans), not block elements such as a `div`-based header. Rich content that sets its own text colour does not change on open: only the chevron, the highlight and the open tint signal the state. Defaults to `true`. */
-	weightShift?: boolean;
+interface AccordionTriggerProps extends HTMLAttributes<HTMLButtonElement> {
+	/** Trigger label content. */
+	children: ReactNode;
 }
 declare const AccordionTrigger: ForwardRefExoticComponent<AccordionTriggerProps & RefAttributes<HTMLButtonElement>>;
 interface AccordionContentProps extends HTMLAttributes<HTMLDivElement> {
 	/** Collapsible content. */
-	children: ReactNode3;
+	children: ReactNode;
 	/** How the panel grows out of its row (see Morph): `goo` melts the open tint out of the row through a liquid neck, `morph` grows it without one. Defaults to `'goo'`. */
 	effect?: "goo" | "morph";
 	/** Spring tier the panel opens on; it closes on the tier's faster exit tween. Defaults to `'slow'`. */
 	tier?: "moderate" | "slow";
-	/** Classes for the inner row that holds the children, merged over its defaults (the row inset, the top and bottom padding, the muted body text), so `px-0 text-foreground` takes the content flush and full-strength. */
-	contentClassName?: string;
 }
 declare const AccordionContent: ForwardRefExoticComponent<AccordionContentProps & RefAttributes<HTMLDivElement>>;
 export { Accordion, AccordionContent, AccordionGroup, AccordionItem, AccordionTrigger, Accordion as default };

package/dist/components/accordion/index.js

@@ -5,24 +5,19 @@ import {
   AccordionTrigger2,
   AccordionContent2,
   accordion_default
-} from "../../shared/components-pv1dyrtn.js";
-import"../../shared/components-mrbaxt8q.js";
-import"../../shared/components-c7rwx0ap.js";
-import"../../shared/components-b1e239g3.js";
-import"../../shared/components-jqpefjsn.js";
-import"../../shared/components-dc5q749x.js";
-import"../../shared/components-pwayrkw9.js";
-import"../../shared/components-yhgq0qxx.js";
-import"../../shared/components-m06yq8wk.js";
-import"../../shared/components-dcc02hs2.js";
-import"../../shared/components-tz1fv35x.js";
-import"../../shared/components-de99ykt7.js";
-import"../../shared/components-3ey0hzpb.js";
-import"../../shared/components-h83az0bz.js";
-import"../../shared/components-34txk9rj.js";
-import"../../shared/components-71nbt03m.js";
-import"../../shared/components-gx4h5rbb.js";
-import"../../shared/components-jcnjay5g.js";
+} from "../../shared/components-b3c5et5b.js";
+import"../../shared/components-zrkzcayz.js";
+import"../../shared/components-0q0sqfh4.js";
+import"../../shared/components-kvr7f9hy.js";
+import"../../shared/components-chacnk61.js";
+import"../../shared/components-59efxjd9.js";
+import"../../shared/components-hqeq3w9q.js";
+import"../../shared/components-jjw69c4c.js";
+import"../../shared/components-n7mjr357.js";
+import"../../shared/components-men63rwj.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-ezxhrmer.js";
 export {
   Accordion2 as Accordion,
   AccordionContent2 as AccordionContent,

package/dist/components/badge/index.d.ts

@@ -1,6 +1,8 @@
 import { VariantProps } from "class-variance-authority";
 import { HTMLAttributes } from "react";
 import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
 declare const badgeColors: {
 	readonly gray: "var(--badge-gray)";
 	readonly red: "var(--badge-red)";
@@ -21,9 +23,8 @@ declare const badgeColors: {
 	readonly rose: "var(--badge-rose)";
 };
 type BadgeColor = keyof typeof badgeColors;
-type BadgeVariant = "solid" | "dot" | "outline";
 declare const badgeVariants: (props?: ({
-	variant?: "dot" | "outline" | "solid" | null | undefined;
+	variant?: "dot" | "solid" | null | undefined;
 	size?: "default" | "compact" | null | undefined;
 } & ClassProp_wz9o0r) | undefined) => string;
 type BadgeSizeCanonical = "default" | "compact";
@@ -31,36 +32,28 @@ type BadgeSizeCanonical = "default" | "compact";
 *  aliases, kept so existing call sites keep compiling. Aliases resolve onto
 *  the canonical ladder (sm → compact; md/lg → default). */
 type BadgeSize = BadgeSizeCanonical | "sm" | "md" | "lg";
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
-import { RefAttributes as RefAttributes_miuf56 } from "react";
 interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, Omit<VariantProps<typeof badgeVariants>, "size"> {
-	/** Visual style. Solid uses a tinted background; dot shows a colored indicator; outline is the dot badge's neutral hairline frame without the dot (it ignores `color`). Defaults to `"solid"`. */
-	variant?: "solid" | "dot" | "outline";
+	/** Visual style. Solid uses a tinted background; dot shows a colored indicator. Defaults to `"solid"`. */
+	variant?: "solid" | "dot";
 	/** Step on the size ladder (see Sizes). Legacy sm/md/lg values resolve as aliases (sm → compact; md/lg → default). Defaults to the surrounding SizeProvider, else `"default"`. */
-	size?: "default" | "compact" | "sm" | "md" | "lg";
+	size?: BadgeSize;
 	/** Color from the Tailwind palette: gray, red, orange, amber, yellow, lime, green, emerald, teal, cyan, blue, indigo, violet, purple, fuchsia, pink, rose. Defaults to `"gray"`. */
 	color?: BadgeColor;
 }
 /**
-* Compact label for status, category, or metadata. Supports solid, dot and
-* outline variants with Tailwind colors.
+* Compact label for status, category, or metadata. Supports solid and dot
+* variants with Tailwind colors.
 *
 * Solid badges tint their background with the chosen color mixed into the
 * page background (gray uses the accent token); dot badges keep a neutral
-* border and show the color as a small indicator; outline badges are the
-* neutral frame alone, for a label that carries no status. The badge rides the size
+* border and show the color as a small indicator. The badge rides the size
 * ladder — `size` pins it, otherwise it follows the surrounding SizeProvider
 * — and takes its corner radius from the shape context. Changes animate: a
 * new label or variant springs the width while the label crossfades, and a
 * new color fades in. The palette is also exported as `badgeColors`, the class
-* recipe as `badgeVariants` (both callable on the server).
-*
-* Status labels pick a hue rather than a fill of their own: a destructive or
-* error label is `color="red"`, a success label `color="green"`, a secondary
-* or default one `color="gray"`, and a neutral outlined one
-* `variant="outline"` (see the Status mapping example).
+* recipe as `badgeVariants`.
 *
 * @example {@include ./examples.mdx}
 */
 declare const Badge: ForwardRefExoticComponent_tcubfn<BadgeProps & RefAttributes_miuf56<HTMLSpanElement>>;
-export { Badge, BadgeColor, BadgeProps, BadgeSize, BadgeVariant, badgeColors, badgeVariants, Badge as default };
+export { Badge, BadgeColor, BadgeProps, BadgeSize, badgeColors, badgeVariants, Badge as default };

package/dist/components/badge/index.js

@@ -1,18 +1,13 @@
 import {
+  badgeColors2,
+  badgeVariants2,
   Badge2,
   badge_default
-} from "../../shared/components-4nck8acq.js";
-import {
-  badgeColors2,
-  badgeVariants2
-} from "../../shared/components-c9yr4ed1.js";
-import"../../shared/components-de99ykt7.js";
-import"../../shared/components-3ey0hzpb.js";
-import"../../shared/components-h83az0bz.js";
-import"../../shared/components-34txk9rj.js";
-import"../../shared/components-71nbt03m.js";
-import"../../shared/components-gx4h5rbb.js";
-import"../../shared/components-jcnjay5g.js";
+} from "../../shared/components-7r3etddy.js";
+import"../../shared/components-men63rwj.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-ezxhrmer.js";
 export {
   Badge2 as Badge,
   badgeColors2 as badgeColors,