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

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

@@ -1,4 +1,4 @@
-import { VariantProps as VariantProps2 } from "class-variance-authority";
+import { VariantProps } from "class-variance-authority";
 import { ButtonHTMLAttributes, ReactNode as ReactNode2 } from "react";
 import { ComponentType } from "react";
 interface IconComponentProps {
@@ -8,50 +8,27 @@ interface IconComponentProps {
 }
 type IconComponent = ComponentType<IconComponentProps>;
 import { ClassProp as ClassProp_wz9o0r } from "class-variance-authority/types";
-type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
-declare const buttonRecipe: (props?: ({
-	variant?: "link" | "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | null | undefined;
+import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
+import { RefAttributes as RefAttributes_miuf56 } from "react";
+declare const buttonVariants: (props?: ({
+	variant?: "primary" | "secondary" | "tertiary" | "ghost" | null | undefined;
 	size?: "default" | "compact" | "icon" | "icon-compact" | null | undefined;
 	iconLeft?: boolean | null | undefined;
 	iconRight?: boolean | null | undefined;
-	surface?: boolean | null | undefined;
 } & ClassProp_wz9o0r) | undefined) => string;
 type ButtonSizeCanonical = "default" | "compact" | "icon" | "icon-compact";
-/** Public size values: the canonical two-size scale plus aliases, kept so
-*  existing call sites keep compiling. Aliases resolve onto the canonical
-*  ladder (sm, xs → compact; md/lg → default). The ladder has two steps, so
-*  `xs` is compact rather than a third height. */
-type ButtonSize = ButtonSizeCanonical | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
-type ButtonRecipeOptions = NonNullable<Parameters<typeof buttonRecipe>[0]>;
-/** Options of `buttonVariants`: the Button's look, picked without rendering one. */
-interface ButtonVariantsOptions extends Omit<ButtonRecipeOptions, "size"> {
-	/** Visual style. Defaults to `"primary"`. */
-	variant?: ButtonVariant | null;
-	/** Step on the size ladder; the aliases resolve as on the Button (xs, sm → compact; md, lg → default; icon-sm → icon-compact; icon-lg → icon). Defaults to `"default"`. */
-	size?: ButtonSize | null;
-	/** Draw the fill, ring, hover, press and disabled (`aria-disabled`) look on the element itself, for a host that is not a Button, such as an `<a>`. Static: no press shrink or loading morph — prefer `<Button asChild>` when you can render a component. Defaults to `false`. */
-	surface?: boolean | null;
-}
-/**
-* The Button's class recipe, callable from server code (no JSX, hooks or
-* context). Without `surface` it returns the root classes the Button builds
-* on: layout, label color, size, focus ring — the fill lives on the Button's
-* inner layer, so on its own it reads as a bare label. With `surface: true`
-* the fill and ring go on the element itself, for an anchor styled as a
-* button. Size aliases resolve onto the ladder; the radius is the rounded
-* shape's (pass `rounded-[20px]` or read `useShape().button` for pill).
-*/
-declare function buttonVariants({ size,...options }?: ButtonVariantsOptions): string;
-import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
-import { RefAttributes as RefAttributes_miuf56 } from "react";
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<VariantProps2<typeof buttonVariants>, "size" | "surface"> {
-	/** Visual style of the button. `outline` is `tertiary` under its shadcn name; `destructive` and `success` tint the label and a wash of their hue; `link` is underlined text on the control height. Defaults to `"primary"`. */
-	variant?: "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "destructive" | "success" | "link";
-	/** Step on the size ladder (36px default, 28px compact — see Sizes): `"default"` | `"compact"` | `"icon"` | `"icon-compact"`. Omitted, the button follows the surrounding SizeProvider. Aliases resolve onto the ladder (xs, sm → compact; md/lg → default; icon-sm → icon-compact; icon-lg → icon). */
-	size?: "default" | "compact" | "icon" | "icon-compact" | "xs" | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
+/** Public size values: the canonical two-size scale plus the pre-sizes-system
+*  aliases, kept so existing call sites keep compiling. Aliases resolve onto
+*  the canonical ladder (sm → compact; md/lg → default). */
+type ButtonSize = ButtonSizeCanonical | "sm" | "md" | "lg" | "icon-sm" | "icon-lg";
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<VariantProps<typeof buttonVariants>, "size"> {
+	/** Visual style of the button. Defaults to `"primary"`. */
+	variant?: "primary" | "secondary" | "tertiary" | "ghost";
+	/** Step on the size ladder (36px default, 28px compact — see Sizes): `"default"` | `"compact"` | `"icon"` | `"icon-compact"`. Omitted, the button follows the surrounding SizeProvider. Legacy sm/md/lg values resolve as aliases (sm → compact; md/lg → default; icon-sm → icon-compact; icon-lg → icon). */
+	size?: ButtonSize;
 	/** Merge props onto the child element instead of rendering a `<button>` — the single React-element child becomes the rendered element (slot-style). Defaults to `false`. */
 	asChild?: boolean;
-	/** Folds the button into a circle around a spinner and blocks presses; the button keeps its box, so nothing around it moves, and keeps focus (`aria-disabled`, not `disabled`). Defaults to `false`. */
+	/** Folds the button into a circle around a spinner and disables it; the button keeps its box, so nothing around it moves. Defaults to `false`. */
 	loading?: boolean;
 	/** Icon displayed before the label. */
 	leadingIcon?: IconComponent;
@@ -69,27 +46,14 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Omit<Vari
 *
 * Four variants (primary, secondary, tertiary, ghost) on the two-step size
 * ladder: 36px by default, 28px compact — an explicit `size` wins, otherwise
-* the button follows the surrounding SizeProvider. For hosts with a
-* shadcn-style API there are four more: `outline` (tertiary by its other
-* name), `destructive` and `success` (the hue as the label on a wash of
-* itself, never a solid fill, so a view keeps one primary) and `link`
-* (underlined text on the control height). The press effect shrinks
+* the button follows the surrounding SizeProvider. The press effect shrinks
 * the fill by exactly 1px per side at any width, icons thicken their stroke
 * on hover, and `loading` folds the surface into a circle around a spinner
 * (and back when it ends) while the button keeps its box, so nothing around
 * it moves. Built on Base UI's Button; `asChild` renders your own
 * element (e.g. a link) with the button's styling instead.
 *
-* Also exported from this item:
-* - `buttonVariants` — the class recipe (also from `button/variants`, safe in
-*   server code): `variant`, `size` (aliases included), `iconLeft`,
-*   `iconRight`, `surface`. On its own it gives the root classes, and the fill
-*   lives on the Button's inner layer; `surface: true` puts the fill, ring,
-*   hover, press and `aria-disabled` look on the element itself, for an
-*   anchor you can't render through `asChild`. Prefer `<Button asChild>`
-*   where you can: it keeps the press shrink, the icon stroke and `loading`.
-*
 * @example {@include ./examples.mdx}
 */
 declare const Button: ForwardRefExoticComponent_tcubfn<ButtonProps & RefAttributes_miuf56<HTMLButtonElement>>;
-export { Button, ButtonProps, ButtonSize, ButtonSizeCanonical, ButtonVariant, ButtonVariantsOptions, buttonVariants, Button as default };
+export { Button, ButtonProps, ButtonSize, buttonVariants, Button as default };

package/dist/components/button/index.js

@@ -1,17 +1,12 @@
 import {
+  buttonVariants2,
   Button2,
   button_default
-} from "../../shared/components-9sttq78t.js";
-import {
-  buttonVariants2
-} from "../../shared/components-4vfm04wq.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-b2wyq2cq.js";
+import"../../shared/components-men63rwj.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-ezxhrmer.js";
 export {
   Button2 as Button,
   buttonVariants2 as buttonVariants,

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

@@ -1,4 +1,4 @@
-import { ForwardRefExoticComponent, HTMLAttributes, MouseEventHandler, ReactNode as ReactNode2, RefAttributes } from "react";
+import { ForwardRefExoticComponent, HTMLAttributes, ReactNode as ReactNode2, RefAttributes } from "react";
 import { ComponentType } from "react";
 interface IconComponentProps {
 	size?: number | string;
@@ -7,13 +7,6 @@ interface IconComponentProps {
 }
 type IconComponent = ComponentType<IconComponentProps>;
 type SizeVariant = "default" | "compact";
-import { ComponentPropsWithoutRef } from "react";
-interface SeparatorProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
-	/** Which way the line runs: across a stack, or down between items of a row. A vertical line stretches to its row's height. Defaults to `"horizontal"`. */
-	orientation?: "horizontal" | "vertical";
-	/** Classes for the line: margins, or a length that isn't the full run. */
-	className?: string;
-}
 import { JSX as JSX_1kxb2 } from "react";
 type CardOrientation = "card" | "inline";
 type CardBorder = "none" | "outlined";
@@ -40,8 +33,8 @@ declare const CardGroup: ForwardRefExoticComponent<CardGroupProps & RefAttribute
 interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
 	/** Compositional parts: Card.Image, Card.Media, Card.Header, Card.Content, Card.Footer. */
 	children?: ReactNode2;
-	/** Makes the whole card a clickable target (stretched button); fluid hover previews it. Receives the click event, or takes no argument. */
-	onClick?: MouseEventHandler<HTMLElement>;
+	/** Makes the whole card a clickable target (stretched button); fluid hover previews it. */
+	onClick?: () => void;
 	/** Makes the whole card a link (stretched anchor). */
 	href?: string;
 	/** Opens href in a new tab. Defaults to `false`. */
@@ -60,8 +53,6 @@ interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
 	onDismiss?: () => void;
 	/** Pins the card to one step of the size ladder — compact tightens type and padding. Omitted, it follows the surrounding SizeProvider. */
 	size?: SizeVariant;
-	/** Frame of a standalone card: `"outlined"` draws a hairline around it, like an outlined group's tiles. Inside a Card.Group the group's `border` decides. Defaults to `"none"`. */
-	border?: CardBorder;
 	/** Injected by Card.Group — do not set by hand. */
 	index?: number;
 }
@@ -73,7 +64,6 @@ type CardComponent = ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDiv
 	Action: typeof CardAction;
 	Content: typeof CardContent;
 	Footer: typeof CardFooter;
-	Divider: typeof CardDivider;
 	Media: typeof CardMedia;
 	Image: typeof CardImage;
 	Eyebrow: typeof CardEyebrow;
@@ -87,8 +77,7 @@ type CardComponent = ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDiv
 *
 * The same parts and data-slot contract as shadcn's Card, on a transparent,
 * borderless surface: a card inherits its parent's substrate and leans on
-* hairline dividers rather than a drawn frame (a standalone card opts into
-* one with `border="outlined"`). Card.Group owns the layout (a
+* hairline dividers rather than a drawn frame. Card.Group owns the layout (a
 * stacked list, inline rows or a grid) and assigns every child its fluid
 * hover index; only a clickable card (`onClick` or `href`) joins the magnetic
 * highlight. A clickable card is one stretched button or link, while footer
@@ -97,10 +86,8 @@ type CardComponent = ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDiv
 * Statics: Card.Group (orientation "card" | "inline", columns, border "none"
 * | "outlined", separated, fluidHover), Card.Header (title + description
 * grid, pins Card.Action top-right), Card.Title (weight-animates when the card
-* is selected; `as` renders it as a heading level), Card.Description,
-* Card.Action, Card.Content (`bodyText` sets the body size), Card.Footer (the
-* actions row; it wraps), Card.Divider (a hairline across the card between
-* its parts, vertical in an inline card), Card.Media (an icon tile, a logo or a [logoA, logoB] pair),
+* is selected), Card.Description, Card.Action, Card.Content, Card.Footer (the
+* actions row), Card.Media (an icon tile, a logo or a [logoA, logoB] pair),
 * Card.Image (full-bleed banner, or a leading image when inline),
 * Card.Eyebrow (small uppercase label), Card.Feature (icon + title +
 * description row) and Card.Button (primary | secondary | ghost | link
@@ -110,21 +97,11 @@ type CardComponent = ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDiv
 */
 declare const Card: CardComponent;
 declare const CardHeader: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
-type CardTitleTag = "span" | "div" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-interface CardTitleProps extends HTMLAttributes<HTMLSpanElement> {
-	/** The element the title renders as: a heading level (`'h2'`, `'h3'`, …) for a page outline, or another tag. The title keeps its look whatever the tag. Defaults to `'span'`. */
-	as?: CardTitleTag;
-}
-declare const CardTitle: ForwardRefExoticComponent<CardTitleProps & RefAttributes<HTMLSpanElement>>;
+declare const CardTitle: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
 declare const CardDescription: ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & RefAttributes<HTMLParagraphElement>>;
 declare const CardAction: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
-interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
-	/** Sets the size ladder's body text (`text-body`, one step down in a compact region) on the content, so plain text there no longer takes the size of whatever surrounds the card. Off, the content inherits it, as before. Defaults to `false`. */
-	bodyText?: boolean;
-}
-declare const CardContent: ForwardRefExoticComponent<CardContentProps & RefAttributes<HTMLDivElement>>;
+declare const CardContent: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 declare const CardFooter: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
-declare const CardDivider: ForwardRefExoticComponent<SeparatorProps & RefAttributes<HTMLDivElement>>;
 type CardLogo = string | [string, string];
 interface CardMediaProps {
 	logo?: CardLogo;
@@ -161,4 +138,4 @@ interface CardButtonProps {
 	disabled?: boolean;
 }
 declare function CardButton({ children, onClick, href, variant, icon: Icon, iconPosition, external, disabled }: CardButtonProps): Element_12xgc2;
-export { Card, CardAction, CardBorder, CardButton, CardButtonProps, CardButtonVariant, CardContent, CardContentProps, CardDescription, CardDivider, CardEyebrow, CardFeature, CardFooter, CardGroup, CardGroupProps, CardHeader, CardImage, CardLogo, CardMedia, CardProps, CardTitle, CardTitleProps, CardTitleTag, Card as default };
+export { Card, CardAction, CardButton, CardButtonProps, CardButtonVariant, CardContent, CardDescription, CardEyebrow, CardFeature, CardFooter, CardGroup, CardGroupProps, CardHeader, CardImage, CardLogo, CardMedia, CardProps, CardTitle, Card as default };

package/dist/components/card/index.js

@@ -7,35 +7,29 @@ import {
   CardAction2,
   CardContent2,
   CardFooter2,
-  CardDivider2,
   CardMedia2,
   CardImage2,
   CardEyebrow2,
   CardFeature2,
   CardButton2,
   card_default
-} from "../../shared/components-9jmjnkqd.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-3h92d94m.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-jbbmdr74.js";
+import"../../shared/components-zrkzcayz.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-men63rwj.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-ezxhrmer.js";
 export {
   Card2 as Card,
   CardAction2 as CardAction,
   CardButton2 as CardButton,
   CardContent2 as CardContent,
   CardDescription2 as CardDescription,
-  CardDivider2 as CardDivider,
   CardEyebrow2 as CardEyebrow,
   CardFeature2 as CardFeature,
   CardFooter2 as CardFooter,

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

@@ -1,33 +1,19 @@
-import { HTMLAttributes, ReactNode } from "react";
+import { HTMLAttributes } from "react";
 type SizeVariant = "default" | "compact";
 import { ForwardRefExoticComponent as ForwardRefExoticComponent_tcubfn } from "react";
 import { RefAttributes as RefAttributes_miuf56 } from "react";
-type CopyVariant = "icon" | "button" | "chip" | "glyph";
+type CopyVariant = "icon" | "button";
 type CopyAlign = "right" | "left";
-interface CopyLabels {
-	/** The idle tooltip, and the accessible name when there is no `label`. Defaults to `"Copy to clipboard"`. */
-	copy?: string;
-	/** The copied state: tooltip, accessible name, the button variant's word and the announcement. Defaults to `"Copied"`. */
-	copied?: string;
-	/** The failed state: tooltip, accessible name and the announcement. Defaults to `"Copy failed"`. */
-	failed?: string;
-	/** The button variant's word at rest, and the accessible name when a `label` joins it. Defaults to `"Copy"`. */
-	word?: string;
-	/** The button variant's word after a failed copy. Defaults to `"Failed"`. */
-	failedWord?: string;
-}
-interface CopyBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-	/** The text to copy, shown in the field. Required for every variant except `"chip"`, which copies its own text when this is left out. */
-	value?: string;
-	/** What the chip shows (`variant="chip"` only): any inline content, copied as its text unless `value` is given. Defaults to `value`. */
-	children?: ReactNode;
+interface CopyProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+	/** The text value to display and copy to clipboard. */
+	value: string;
 	/** Optional label displayed above the input. */
 	label?: string;
 	/** Callback fired after the value is successfully copied. */
 	onCopy?: () => void;
 	/** Disables the input and copy button. Defaults to `false`. */
 	disabled?: boolean;
-	/** `"icon"`: the value with a trailing copy glyph and a tooltip. `"button"`: the value with a visible Copy word. `"chip"`: an inline chip around `children` that copies its text. `"glyph"`: only the copy glyph, no visible value. Defaults to `"icon"`. */
+	/** Icon-only with tooltip, or button with visible label. Defaults to `"icon"`. */
 	variant?: CopyVariant;
 	/** Position of the copy action relative to the value. Defaults to `"right"`. */
 	align?: CopyAlign;
@@ -35,18 +21,7 @@ interface CopyBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "children">
 	size?: SizeVariant;
 	/** Extra classes for the wrapper around the label and the field. */
 	className?: string;
-	/** The accessible name of the `"chip"` and `"glyph"` buttons. A glyph has no visible text, so name it; a chip is named by its content and, without this, adds the copy hint. Defaults to `labels.copy`. */
-	"aria-label"?: string;
-	/** The words of the control, for another language. Each key falls back to its English default. */
-	labels?: CopyLabels;
 }
-type CopyProps = CopyBaseProps & ({
-	variant?: Exclude<CopyVariant, "chip">;
-	value: string;
-} | {
-	variant: "chip";
-	value?: string;
-});
 /**
 * Read-only input with a copy-to-clipboard button and animated check
 * feedback.
@@ -63,15 +38,7 @@ type CopyProps = CopyBaseProps & ({
 * Copy button, `align` moves that action to the leading edge, and the field
 * follows the surrounding SizeProvider unless `size` pins it.
 *
-* Two variants have no field. `chip` is an inline `<span>` around `children`
-* (the root is a span, so it sits in a sentence): it copies its own text, or
-* `value`, and shows the same glyph after it. `glyph` is the copy glyph alone,
-* for a place where the value is already on screen; give it an `aria-label`.
-* Both are real buttons, keep a stable accessible name and announce "Copied"
-* (or the failure) through a live region, so a screen reader hears the result
-* of Enter or Space. `labels` translates every word.
-*
 * @example {@include ./examples.mdx}
 */
-declare const Copy: ForwardRefExoticComponent_tcubfn<CopyProps & RefAttributes_miuf56<HTMLElement>>;
-export { Copy, CopyAlign, CopyLabels, CopyProps, CopyVariant, Copy as default };
+declare const Copy: ForwardRefExoticComponent_tcubfn<CopyProps & RefAttributes_miuf56<HTMLDivElement>>;
+export { Copy, CopyAlign, CopyProps, CopyVariant, Copy as default };

package/dist/components/copy/index.js

@@ -1,21 +1,15 @@
 import {
   Copy2,
   copy_default
-} from "../../shared/components-005jt2nz.js";
-import"../../shared/components-2krsc300.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-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-71nbt03m.js";
-import"../../shared/components-gx4h5rbb.js";
-import"../../shared/components-jcnjay5g.js";
+} from "../../shared/components-s083f38z.js";
+import"../../shared/components-ng72k97e.js";
+import"../../shared/components-zrkzcayz.js";
+import"../../shared/components-0q0sqfh4.js";
+import"../../shared/components-hqeq3w9q.js";
+import"../../shared/components-men63rwj.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-ezxhrmer.js";
 export {
   Copy2 as Copy,
   copy_default as default

package/dist/components/inputs/checkbox/index.d.ts

@@ -13,29 +13,17 @@ interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
 	size?: SizeVariant;
 }
 declare const CheckboxGroup: ForwardRefExoticComponent<CheckboxGroupProps & RefAttributes<HTMLDivElement>>;
-/** A checkbox's state: on, off, or `'indeterminate'` (partly on), as Radix and shadcn spell it. */
-type CheckboxCheckedState = boolean | "indeterminate";
 interface CheckboxProps extends HTMLAttributes<HTMLDivElement> {
-	/** Label beside the box, any node. Omit it, outside a group, for a bare box (see Bare): name it with `aria-label`, `aria-labelledby` or a `<label htmlFor>` pointing at its `id`. */
-	label?: ReactNode;
-	/** Whether the checkbox is checked (controlled); `'indeterminate'` shows the dash, as `indeterminate` does. Defaults to the group's checked set inside a `Checkbox.Group`, else its own state. */
-	checked?: CheckboxCheckedState;
+	/** Text label for the checkbox. */
+	label: string;
+	/** Whether the checkbox is checked (controlled). Defaults to the group's checked set inside a `Checkbox.Group`, else its own state. */
+	checked?: boolean;
 	/** Whether a standalone checkbox starts checked (uncontrolled). Defaults to `false`. */
 	defaultChecked?: boolean;
-	/** Shows a dash instead of the check: some, not all, of what it stands for is on. A press checks it. Defaults to `false`. */
-	indeterminate?: boolean;
 	/** Called with the new state whenever the checkbox is toggled, in a group or not. */
 	onCheckedChange?: (checked: boolean) => void;
 	/** Called when the checkbox is toggled (a group's `onCheckedIndicesChange` fires too). */
 	onToggle?: () => void;
-	/** Dims the checkbox and ignores presses; in a group the hover and the arrow keys skip it. Defaults to `false`. */
-	disabled?: boolean;
-	/** Form field name: a hidden checkbox input submits `value` while checked. */
-	name?: string;
-	/** Value submitted with `name` while checked. Defaults to `"on"`. */
-	value?: string;
-	/** Marks the hidden form input required. Defaults to `false`. */
-	required?: boolean;
 	/** Position within a `Checkbox.Group`: the row's key in `checkedIndices`. Defaults to its order among the group's rows. */
 	index?: number;
 	/** Pins the checkbox to one step of the size ladder (see Sizes). Defaults to the surrounding SizeProvider (a group's `size`). */
@@ -45,28 +33,21 @@ type CheckboxComponent = ForwardRefExoticComponent<CheckboxProps & RefAttributes
 	Group: typeof CheckboxGroup;
 };
 /**
-* Checkbox with a self-drawing check, alone, bare, or in a group with merged
+* Checkbox with a self-drawing check, alone or in a group with merged
 * backgrounds for contiguous picks.
 *
 * The whole row is the hit target; Space or Enter toggles it, the check mark
 * draws itself in, and the checked label animates to semibold without
 * shifting its width. A standalone checkbox keeps its own state from
 * `defaultChecked`, or is controlled with `checked`; `onCheckedChange`
-* reports every toggle. `indeterminate` (or `checked="indeterminate"`) shows
-* a dash, which blurs into the check when it is pressed, and back.
-*
-* Without a `label` the checkbox is just the box: Base UI's checkbox, so a
-* `<label htmlFor>` pointing at its `id` toggles it, `aria-label` names it,
-* and `name` / `value` / `required` take part in a form. It sits on its own
-* in a table cell or beside a label you lay out yourself.
+* reports every toggle.
 *
 * In a `Checkbox.Group`, contiguous checked rows share one background: a
 * checked row's background grows out of its center and melts into its
 * neighbours, an unchecked one pinches off and shrinks away (the liquid
 * indicators in Morph). A fluid hover highlight melts from row to row, and
-* Arrow Up/Down, Home and End move focus, skipping disabled rows. The group
-* numbers its rows in order, so they need no `index`; pass one to key a row
-* explicitly.
+* Arrow Up/Down, Home and End move focus. The group numbers its rows in
+* order, so they need no `index`; pass one to key a row explicitly.
 *
 * Statics:
 * - `Checkbox.Group` — the list: uncontrolled with `defaultCheckedIndices`
@@ -78,4 +59,4 @@ type CheckboxComponent = ForwardRefExoticComponent<CheckboxProps & RefAttributes
 * @example {@include ./examples.mdx}
 */
 declare const Checkbox: CheckboxComponent;
-export { Checkbox, CheckboxCheckedState, CheckboxGroup, CheckboxGroupProps, CheckboxProps, Checkbox as default };
+export { Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, Checkbox as default };

package/dist/components/inputs/checkbox/index.js

@@ -2,24 +2,19 @@ import {
   CheckboxGroup2,
   Checkbox2,
   checkbox_default
-} from "../../../shared/components-868v7scv.js";
-import"../../../shared/components-r8eqs7gz.js";
-import"../../../shared/components-kz5q11pp.js";
-import"../../../shared/components-h6p86be3.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-hyq23phv.js";
+import"../../../shared/components-ta7shw28.js";
+import"../../../shared/components-5xc2j8jz.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 {
   Checkbox2 as Checkbox,
   CheckboxGroup2 as CheckboxGroup,

package/dist/components/inputs/color-picker/index.d.ts

@@ -1,6 +1,12 @@
 import { CSSProperties, ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes, RefObject } from "react";
 type SizeVariant = "default" | "compact";
+import { JSX as JSX_1kxb } from "react";
 type ColorFormat = "hex" | "rgb" | "hsl" | "oklch";
+type Element_12xgc = JSX_1kxb["Element"];
+declare function ColorPickerPortalContainer({ value, children }: {
+	value: HTMLElement | null;
+	children: ReactNode;
+}): Element_12xgc;
 interface ParsedColor {
 	h: number;
 	s: number;
@@ -14,19 +20,6 @@ interface ParsedColor {
 	hsl: string;
 	oklch: string;
 }
-declare function parseColor(input: string): {
-	r: number;
-	g: number;
-	b: number;
-	a: number;
-} | null;
-declare function buildParsed(h: number, s: number, v: number, a: number): ParsedColor;
-import { JSX as JSX_1kxb } from "react";
-type Element_12xgc = JSX_1kxb["Element"];
-declare function ColorPickerPortalContainer({ value, children }: {
-	value: HTMLElement | null;
-	children: ReactNode;
-}): Element_12xgc;
 interface ColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
 	/** Controlled color value, in any of the supported formats. Omit it to let the picker keep its own state, seeded from `defaultValue`. */
 	value?: string;
@@ -60,18 +53,10 @@ interface ColorPickerPopoverProps extends ColorPickerProps {
 	triggerLabelPosition?: "left" | "right";
 	/** Show the hex value (without alpha) next to the tile. Defaults to `true`. */
 	triggerShowValue?: boolean;
-	/** Render an X button on the trigger; pairs with `onTriggerRemove`. Hidden while `disabled` or `readOnly`. Defaults to `false`. */
+	/** Render an X button on the trigger; pairs with `onTriggerRemove`. Defaults to `false`. */
 	triggerShowRemove?: boolean;
 	/** Fired when the X button is clicked. */
 	onTriggerRemove?: () => void;
-	/** Accessible name of the trigger's X button. Defaults to `"Remove color"`. */
-	removeLabel?: string;
-	/** Disables the trigger: it dims, skips the tab order and never opens the panel. Defaults to `false`. */
-	disabled?: boolean;
-	/** Shows the color but keeps it unchangeable: the trigger skips the tab order, loses its hover fill, never opens the panel and hides the X button. Defaults to `false`. */
-	readOnly?: boolean;
-	/** Classes for the div around the trigger, an `inline-flex` box. Add `w-full` with `triggerClassName="w-full"` to make the trigger fill a field's width. `className` styles the panel, not this. */
-	rootClassName?: string;
 	/** Custom classes on the trigger button. */
 	triggerClassName?: string;
 	/** Controls the popover's open state. When provided, the popover is fully
@@ -98,6 +83,13 @@ interface ColorSwatchProps extends Omit<HTMLAttributes<HTMLButtonElement>, "colo
 	/** Draws the selection ring. */
 	selected?: boolean;
 }
+declare function parseColor(input: string): {
+	r: number;
+	g: number;
+	b: number;
+	a: number;
+} | null;
+declare function buildParsed(h: number, s: number, v: number, a: number): ParsedColor;
 interface ColorTileProps {
 	color: string;
 	size?: number;

package/dist/components/inputs/color-picker/index.js

@@ -1,36 +1,28 @@
 import {
   ColorPickerPortalContainer2,
+  parseColor2,
+  buildParsed2,
   ColorTile2,
   ColorSwatch2,
   ColorPicker2,
   ColorPickerPopover2,
   color_picker_default
-} from "../../../shared/components-303jf96s.js";
-import {
-  parseColor2,
-  buildParsed2
-} from "../../../shared/components-26snnbs9.js";
-import"../../../shared/components-t5pk5nmc.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-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-jthe1pwb.js";
+import"../../../shared/components-wvp1m52g.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-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 {
   ColorPicker2 as ColorPicker,
   ColorPickerPopover2 as ColorPickerPopover,