@sableui/react 0.9.1 → 0.10.0

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 import { ClassValue } from 'clsx';
 import { C as ComponentMeta } from './meta-DVG8ceze.js';
 export { A as AnatomyMeta, a as BestPracticeMeta, E as ExampleMeta, M as MotionMeta, b as MotionSlot, c as PropMeta, R as RelatedMeta, S as SubcomponentMeta, U as UsageMeta } from './meta-DVG8ceze.js';
-import { T as ThemeManifest, a as ThemeMode$1 } from './_contract-C2M1SjBf.js';
-export { A as ART_TOKENS, D as DENSITY_TOKENS, b as DensityToken, M as MOTION_TOKENS, c as MotionToken, R as RADIUS_TOKENS, d as RadiusToken, S as SEMANTIC_TOKENS, e as SemanticToken, f as TYPE_OVERLINE_TOKENS, g as TYPE_REFINEMENT_TOKENS, h as TYPE_SCALE_TOKENS, i as TYPE_UI_TOKENS, j as TypeOverlineToken, k as TypeRefinementToken, l as TypeScaleToken, m as TypeUiToken, W as WORKSPACE_SURFACE_TOKENS, n as WorkspaceSurfaceToken } from './_contract-C2M1SjBf.js';
-import { T as ThemeId } from './theme-provider-S0NVJs2Y.js';
-export { D as DEFAULT_THEME_ID, S as SABLE_COLOR_STORAGE_KEY, a as SABLE_THEME_ATTRIBUTE, b as SABLE_THEME_STORAGE_KEY, c as SableColorMode, d as SableThemeContextValue, e as SableThemePreference, f as SableThemeProvider, g as SableThemeProviderProps, h as applySableColorMode, i as applySableTheme, k as defaultThemeId, m as getThemeManifest, o as isThemeId, t as themeIds, p as themeManifestById, q as themeManifests, u as useSableTheme } from './theme-provider-S0NVJs2Y.js';
+import { T as ThemeManifest, a as ThemeMode$1 } from './_contract-CkqXDVww.js';
+export { A as ART_TOKENS, D as DENSITY_TOKENS, b as DensityToken, M as MOTION_TOKENS, c as MotionToken, P as PALETTE_TOKENS, R as RADIUS_TOKENS, d as RHYTHM_TOKENS, e as RadiusToken, f as RhythmToken, S as SEMANTIC_TOKENS, g as SemanticToken, h as TYPE_OVERLINE_TOKENS, i as TYPE_REFINEMENT_TOKENS, j as TYPE_SCALE_TOKENS, k as TYPE_UI_TOKENS, l as TypeOverlineToken, m as TypeRefinementToken, n as TypeScaleToken, o as TypeUiToken, W as WORKSPACE_SURFACE_TOKENS, p as WorkspaceSurfaceToken } from './_contract-CkqXDVww.js';
+import { T as ThemeId } from './theme-provider-CdSicAad.js';
+export { D as DEFAULT_THEME_ID, S as SABLE_COLOR_STORAGE_KEY, a as SABLE_THEME_ATTRIBUTE, b as SABLE_THEME_STORAGE_KEY, c as SableColorMode, d as SableThemeContextValue, e as SableThemePreference, f as SableThemeProvider, g as SableThemeProviderProps, h as applySableColorMode, i as applySableTheme, k as defaultThemeId, m as getThemeManifest, o as isThemeId, t as themeIds, p as themeManifestById, q as themeManifests, u as useSableTheme } from './theme-provider-CdSicAad.js';
 export { AspectBox, AspectBoxProps, Bleed, BleedProps, Breakpoint, Center, CenterProps, Col, ColProps, Columns, ColumnsProps, Grid, GridOverlay, GridOverlayProps, GridProps, Page, PageProps, Region, RegionMax, RegionProps, Responsive, Row, RowProps, SafeArea, SafeAreaProps, Spacer, SpacerProps, SplitPane, SplitPaneProps, Stack, StackProps } from './layout/index.js';
 export { Icon, IconContextValue, IconProps, IconProvider, IconProviderProps, composeIconSets, useIconSet } from './icon/index.js';
 export { a as IconRenderProps, I as IconSet, b as IconVariant } from './registry-CyL28OzJ.js';
@@ -309,7 +309,7 @@ interface PresenceProps {
  * mount/unmount with no animation). The child must accept a `ref`.
  *
  *   <Presence show={open}>
- *     <Banner>Heads up — mint window closes soon.</Banner>
+ *     <Banner>Heads up — your trial ends soon.</Banner>
  *   </Presence>
  */
 declare function Presence({ show, children, duration, easing, offset, onExitComplete, }: PresenceProps): ReactElement<{
@@ -423,7 +423,7 @@ declare namespace Button {
 declare const buttonMeta: ComponentMeta;
 
 interface CardProps extends ComponentPropsWithRef<"div"> {
-    /** "default" = raised surface (bg-card + border + soft shadow). "flat" = transparent. */
+    /** "default" = raised surface (bg-card + edge + soft shadow). "flat" = transparent. */
     variant?: "default" | "flat";
     /**
      * Padding scale for the Header/Content/Footer parts. "comfortable" = p-6 (the
@@ -554,20 +554,23 @@ declare const cardMeta: ComponentMeta;
  *             ("● Ready"). Neutral and the calm tones keep the body ink;
  *             destructive turns the label itself.
  */
-declare const BADGE_TONES: readonly ["neutral", "standard", "collectible", "edition", "info", "success", "warning", "destructive"];
+declare const BADGE_TONES: readonly ["neutral", "1", "2", "3", "info", "success", "warning", "destructive", "red", "orange", "yellow", "green", "teal", "blue", "purple", "pink"];
 type BadgeTone = (typeof BADGE_TONES)[number];
 declare const BADGE_APPEARANCES: readonly ["soft", "outline", "solid", "overlay", "plain"];
 type BadgeAppearance = (typeof BADGE_APPEARANCES)[number];
 declare const badgeVariants: (props?: ({
     appearance?: "overlay" | "outline" | "solid" | "soft" | "plain" | null | undefined;
-    tone?: "destructive" | "success" | "neutral" | "standard" | "warning" | "info" | "edition" | "collectible" | null | undefined;
+    tone?: "1" | "2" | "3" | "destructive" | "success" | "blue" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "neutral" | "warning" | "info" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface BadgeProps extends ComponentPropsWithRef<"span"> {
     /** How it is drawn: soft fill, outline, solid, on media, or plain text. @default "soft" */
     appearance?: BadgeAppearance;
-    /** What it means. @default "neutral" */
+    /**
+     * What it means — or, for a palette family (`red` … `pink`), a category
+     * with no meaning attached: a tag, a label, a project colour. @default "neutral"
+     */
     tone?: BadgeTone;
     /** @default "md" */
     size?: "sm" | "md";
@@ -586,9 +589,10 @@ interface BadgeProps extends ComponentPropsWithRef<"span"> {
  * Pill; for an unread count on an icon, NotificationBadge.
  *
  *   <Badge>Draft</Badge>
- *   <Badge tone="edition">12 of 50</Badge>
+ *   <Badge tone="1">12 of 50</Badge>
  *   <Badge appearance="overlay">0:42</Badge>
  *   <Badge appearance="plain" tone="success" dot>Ready</Badge>
+ *   <Badge tone="teal">Design</Badge>
  */
 declare function Badge({ appearance, tone, size, icon, dot, pulse, className, children, ...props }: BadgeProps): react.JSX.Element;
 declare namespace Badge {
@@ -1047,7 +1051,7 @@ interface LabelProps$2 extends ComponentPropsWithRef<"label">, VariantProps<type
  * for a dotted-underline label that reveals help text in a tooltip.
  *
  *   <Label htmlFor="email">Email</Label>
- *   <Label htmlFor="royalty" hint="A percentage of every resale, paid to you.">Royalty</Label>
+ *   <Label htmlFor="discount" hint="Taken off every order this code is used on.">Discount</Label>
  */
 declare function Label({ size, eyebrow, hint, className, tabIndex, ...props }: LabelProps$2): react.JSX.Element;
 declare namespace Label {
@@ -1160,7 +1164,7 @@ declare const tabsMeta: ComponentMeta;
  *   <TooltipProvider>
  *     <Tooltip>
  *       <TooltipTrigger render={<Button variant="ghost">?</Button>} />
- *       <TooltipContent>Stored permanently on Arweave.</TooltipContent>
+ *       <TooltipContent>Saved to your workspace.</TooltipContent>
  *     </Tooltip>
  *   </TooltipProvider>
  */
@@ -1206,7 +1210,7 @@ type SimpleTooltipProps = Omit<ComponentProps<typeof Tooltip$1.Root>, "children"
 /**
  * Shorthand tooltip for the common case — no Trigger/Content boilerplate:
  *
- *   <SimpleTooltip content="Stored on Arweave">
+ *   <SimpleTooltip content="Saved to your workspace">
  *     <Button variant="ghost">?</Button>
  *   </SimpleTooltip>
  *
@@ -1710,7 +1714,7 @@ declare const progressTrackVariants: (props?: ({
 
 declare const progressMeta: ComponentMeta;
 
-type MeterTone = "primary" | "standard" | "success" | "warning" | "destructive";
+type MeterTone = "primary" | "3" | "success" | "warning" | "destructive";
 type MeterSize = "sm" | "md" | "lg";
 type RootProps$2 = Omit<ComponentProps<typeof Meter$1.Root>, "className"> & {
     className?: string;
@@ -1807,7 +1811,7 @@ declare namespace MeterValue {
  * the call site from thresholds you own; the component does not guess them.
  */
 declare const meterIndicatorVariants: (props?: ({
-    tone?: "primary" | "destructive" | "success" | "standard" | "warning" | null | undefined;
+    tone?: "3" | "primary" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Bar thickness, per size. Shared with Progress (`progressTrackVariants`): a
@@ -1827,7 +1831,7 @@ declare const meterMeta: ComponentMeta;
  * failed).
  */
 declare const segmentedBarSegmentVariants: (props?: ({
-    tone?: "primary" | "destructive" | "success" | "neutral" | "standard" | "warning" | "info" | "edition" | "collectible" | null | undefined;
+    tone?: "1" | "2" | "3" | "primary" | "destructive" | "success" | "neutral" | "warning" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /** Bar thickness — the same three rails as Meter and Progress. */
 declare const segmentedBarVariants: (props?: ({
@@ -1861,7 +1865,7 @@ declare const SEGMENTED_BAR_TONES: readonly SegmentedBarTone[];
  * it, in a table — depends on the card.
  *
  * The bar is one image to assistive tech, named by `label` and every
- * segment's share ("Revenue by type: Editions 42%, Collectibles 27%, …"), so a
+ * segment's share ("Revenue by channel: Direct 42%, Partners 27%, …"), so a
  * legend that repeats it visually can stay out of the accessible reading.
  */
 declare function SegmentedBar({ segments, label, locale, size, className, ...props }: SegmentedBarProps): react.JSX.Element;
@@ -1880,11 +1884,11 @@ type ChartCurve = "smooth" | "linear" | "step";
 
 /**
  * A series colour by role. The decorative tones lead — a chart names
- * categories (desktop / mobile, editions / collectibles), not good and bad —
+ * categories (desktop / mobile, plans / channels), not good and bad —
  * and they follow the active theme and Customize → Color → Palette. The
  * status tones are for a series that IS a judgement (errors, warnings).
  */
-type ChartTone = "edition" | "collectible" | "standard" | "info" | "warning" | "primary" | "neutral" | "success" | "destructive";
+type ChartTone = "1" | "2" | "3" | "info" | "warning" | "primary" | "neutral" | "success" | "destructive";
 /** How many series colours the palette holds (--chart-1 … --chart-8). */
 declare const CHART_SERIES_COUNT = 8;
 /**
@@ -1903,7 +1907,7 @@ declare function chartColor(index: number): string;
  * (`tone: "success"`), not for default series (see chartColor). Tones are
  * tuned to be legible as TEXT (dark, restrained); a plotted mark keeps the hue
  * but is lifted into the chart lightness band with a chroma floor, so a quiet
- * tone (a slate "standard") still reads as colour rather than grey.
+ * tone (a slate "3") still reads as colour rather than grey.
  */
 declare function toneColor(tone: ChartTone): string;
 /** One plotted measure: which field of each datum, what to call it, how to colour it. */
@@ -2499,7 +2503,7 @@ declare const toolbarMeta: ComponentMeta;
  *
  *   <RadioGroup defaultValue="standard">
  *     <Field label="Standard" orientation="horizontal"><Radio value="standard" /></Field>
- *     <Field label="Edition" orientation="horizontal"><Radio value="edition" /></Field>
+ *     <Field label="Poll" orientation="horizontal"><Radio value="poll" /></Field>
  *   </RadioGroup>
  *
  * Controlled via value + onValueChange; uncontrolled via defaultValue. Give each
@@ -2630,8 +2634,8 @@ declare const selectMeta: ComponentMeta;
  *   <Popover>
  *     <PopoverTrigger render={<Button variant="secondary">Open</Button>} />
  *     <PopoverContent>
- *       <PopoverTitle>Edition details</PopoverTitle>
- *       <PopoverDescription>Stored permanently on Arweave.</PopoverDescription>
+ *       <PopoverTitle>Plan details</PopoverTitle>
+ *       <PopoverDescription>Billed monthly, per seat.</PopoverDescription>
  *       <PopoverClose render={<Button variant="ghost" size="sm">Close</Button>} />
  *     </PopoverContent>
  *   </Popover>
@@ -3060,6 +3064,7 @@ declare const pillVariants: (props?: ({
     appearance?: "outline" | "solid" | null | undefined;
     size?: "sm" | "md" | null | undefined;
     selected?: boolean | null | undefined;
+    tone?: "blue" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "neutral" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface PillProps extends ComponentPropsWithRef<"button">, Omit<VariantProps<typeof pillVariants>, "selected"> {
@@ -3077,9 +3082,10 @@ interface PillProps extends ComponentPropsWithRef<"button">, Omit<VariantProps<t
  * `appearance="outline"` is the quiet chip for choices that annotate other
  * content (a reaction, a tag on a card); `size="sm"` puts it on the xs control
  * height. Use these rather than restyling a Pill with classes — an override is
- * a look that exists nowhere else in the system.
+ * a look that exists nowhere else in the system. `tone="blue"` (any palette
+ * family) colours the chip as a category, like a tag picker's choices.
  */
-declare function Pill({ selected, appearance, size, icon, className, children, type, ...props }: PillProps): react.JSX.Element;
+declare function Pill({ selected, appearance, size, tone, icon, className, children, type, ...props }: PillProps): react.JSX.Element;
 declare namespace Pill {
     var displayName: string;
 }
@@ -3142,7 +3148,7 @@ declare const notificationBadgeMeta: ComponentMeta;
  * rounded-full and shrink-0 so it holds its shape inline next to text.
  */
 declare const statusDotVariants: (props?: ({
-    tone?: "destructive" | "success" | "neutral" | "standard" | "warning" | "info" | "edition" | "collectible" | null | undefined;
+    tone?: "1" | "2" | "3" | "destructive" | "success" | "blue" | "green" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "neutral" | "warning" | "info" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -3361,8 +3367,8 @@ declare const useToastManager: typeof useToast;
  *
  *   toast.success("Saved")
  *   toast.error("Upload failed", { description: err.message })
- *   const id = toast.loading("Pinning to Arweave…")
- *   toast.update(id, { title: "Pinned", type: "success", timeout: 4000 })
+ *   const id = toast.loading("Uploading report…")
+ *   toast.update(id, { title: "Uploaded", type: "success", timeout: 4000 })
  *   toast.promise(save(), { loading: "Saving…", success: "Saved", error: "Failed" })
  */
 declare const toast: ToastApi;
@@ -3492,12 +3498,12 @@ declare const toastMeta: ComponentMeta;
  *
  *   <Accordion defaultValue={["faq-1"]}>
  *     <AccordionItem value="faq-1">
- *       <AccordionTrigger>Is it permanent?</AccordionTrigger>
- *       <AccordionPanel>Yes — stored on Arweave.</AccordionPanel>
+ *       <AccordionTrigger>Can I cancel anytime?</AccordionTrigger>
+ *       <AccordionPanel>Yes — from billing settings.</AccordionPanel>
  *     </AccordionItem>
  *     <AccordionItem value="faq-2">
  *       <AccordionTrigger>How much does it cost?</AccordionTrigger>
- *       <AccordionPanel>A one-time mint fee.</AccordionPanel>
+ *       <AccordionPanel>$16 per seat each month.</AccordionPanel>
  *     </AccordionItem>
  *   </Accordion>
  *
@@ -4005,7 +4011,7 @@ declare const contextMenuMeta: ComponentMeta;
  *     <BreadcrumbSeparator />
  *     <BreadcrumbItem><BreadcrumbLink href="/library">Library</BreadcrumbLink></BreadcrumbItem>
  *     <BreadcrumbSeparator />
- *     <BreadcrumbItem><BreadcrumbPage>Editions</BreadcrumbPage></BreadcrumbItem>
+ *     <BreadcrumbItem><BreadcrumbPage>Reports</BreadcrumbPage></BreadcrumbItem>
  *   </Breadcrumbs>
  *
  * The trail is a single horizontal row; the final crumb is the current page
@@ -4333,7 +4339,7 @@ declare const inlineStatusMeta: ComponentMeta;
 /**
  * Full-width announcement bar, two axes:
  *
- *  - `tone`       — the meaning (neutral or info/success/warning/edition/destructive).
+ *  - `tone`       — the meaning (neutral or info/success/warning/1/destructive).
  *  - `appearance` — the emphasis. `soft` (default) is a low-alpha tint of the tone
  *                over the page foreground; `solid` is the full tone fill with its
  *                paired tone-foreground ink, for loud, can't-miss states
@@ -4344,7 +4350,7 @@ declare const inlineStatusMeta: ComponentMeta;
  * and `sticky` positioning live in `banner.tsx`.
  */
 declare const bannerVariants: (props?: ({
-    tone?: "destructive" | "success" | "neutral" | "warning" | "info" | "edition" | null | undefined;
+    tone?: "1" | "destructive" | "success" | "neutral" | "warning" | "info" | null | undefined;
     appearance?: "solid" | "soft" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -5336,7 +5342,7 @@ interface AppHeaderProps extends Omit<ComponentPropsWithRef<"header">, "title">
     leading?: ReactNode;
     /** Center slot — the brand wordmark or the contextual page title. */
     title?: ReactNode;
-    /** Trailing slot — wallet trigger, action buttons. */
+    /** Trailing slot — account menu, action buttons. */
     actions?: ReactNode;
 }
 /**
@@ -5345,7 +5351,7 @@ interface AppHeaderProps extends Omit<ComponentPropsWithRef<"header">, "title">
  * into the top safe-area (notch). A 3-column grid keeps the center title
  * optically centered regardless of the leading/trailing slot widths.
  *
- *   <AppHeader leading={<BackButton />} title="Notifications" actions={<WalletTrigger />} />
+ *   <AppHeader leading={<BackButton />} title="Notifications" actions={<AccountMenu />} />
  */
 declare function AppHeader({ leading, title, actions, className, ...props }: AppHeaderProps): react.JSX.Element;
 declare namespace AppHeader {
@@ -5736,23 +5742,23 @@ declare const radioCardToneClasses: {
         readonly dot: "bg-primary";
         readonly glyph: "text-foreground";
     };
-    readonly standard: {
+    readonly "3": {
         readonly card: string;
-        readonly marker: "group-data-[checked]:border-tone-standard";
-        readonly dot: "bg-tone-standard";
-        readonly glyph: "text-tone-standard";
+        readonly marker: "group-data-[checked]:border-tone-3";
+        readonly dot: "bg-tone-3";
+        readonly glyph: "text-tone-3";
     };
-    readonly collectible: {
+    readonly "2": {
         readonly card: string;
-        readonly marker: "group-data-[checked]:border-tone-collectible";
-        readonly dot: "bg-tone-collectible";
-        readonly glyph: "text-tone-collectible";
+        readonly marker: "group-data-[checked]:border-tone-2";
+        readonly dot: "bg-tone-2";
+        readonly glyph: "text-tone-2";
     };
-    readonly edition: {
+    readonly "1": {
         readonly card: string;
-        readonly marker: "group-data-[checked]:border-tone-edition";
-        readonly dot: "bg-tone-edition";
-        readonly glyph: "text-tone-edition";
+        readonly marker: "group-data-[checked]:border-tone-1";
+        readonly dot: "bg-tone-1";
+        readonly glyph: "text-tone-1";
     };
     readonly info: {
         readonly card: string;
@@ -5780,13 +5786,13 @@ type RadioCardTone = keyof typeof radioCardToneClasses;
  * arrow-key navigation, ARIA radiogroup/radio wiring, form integration, and the
  * data-[checked] / data-disabled state attributes. We own the visual surface.
  *
- *   <RadioGroup defaultValue="collectible" className="grid sm:grid-cols-3">
- *     <RadioCard value="post" tone="standard" icon={<Icon name="plus" />}
- *       title="Standard" description="Share without minting" />
- *     <RadioCard value="collectible" tone="collectible" icon={<Icon name="gem" />}
- *       title="Collectible" description="Free to collect as NFT" />
- *     <RadioCard value="edition" tone="edition" icon={<Icon name="image-stack" />}
- *       title="Edition" description="Sell as NFT editions" />
+ *   <RadioGroup defaultValue="studio" className="grid sm:grid-cols-3">
+ *     <RadioCard value="post" tone="3" icon={<Icon name="plus" />}
+ *       title="Starter" description="Free for one person" />
+ *     <RadioCard value="studio" tone="2" icon={<Icon name="gem" />}
+ *       title="Studio" description="For small teams" />
+ *     <RadioCard value="business" tone="1" icon={<Icon name="image-stack" />}
+ *       title="Business" description="SSO and audit log" />
  *   </RadioGroup>
  *
  * Controlled via value + onValueChange; uncontrolled via defaultValue.
@@ -5847,23 +5853,23 @@ declare const checkboxCardToneClasses: {
         readonly check: "text-primary-foreground";
         readonly glyph: "text-foreground";
     };
-    readonly standard: {
+    readonly "3": {
         readonly card: string;
-        readonly box: "group-data-[checked]:border-tone-standard group-data-[checked]:bg-tone-standard group-data-[indeterminate]:border-tone-standard group-data-[indeterminate]:bg-tone-standard";
-        readonly check: "text-tone-standard-foreground";
-        readonly glyph: "text-tone-standard";
+        readonly box: "group-data-[checked]:border-tone-3 group-data-[checked]:bg-tone-3 group-data-[indeterminate]:border-tone-3 group-data-[indeterminate]:bg-tone-3";
+        readonly check: "text-tone-3-foreground";
+        readonly glyph: "text-tone-3";
     };
-    readonly collectible: {
+    readonly "2": {
         readonly card: string;
-        readonly box: "group-data-[checked]:border-tone-collectible group-data-[checked]:bg-tone-collectible group-data-[indeterminate]:border-tone-collectible group-data-[indeterminate]:bg-tone-collectible";
-        readonly check: "text-tone-collectible-foreground";
-        readonly glyph: "text-tone-collectible";
+        readonly box: "group-data-[checked]:border-tone-2 group-data-[checked]:bg-tone-2 group-data-[indeterminate]:border-tone-2 group-data-[indeterminate]:bg-tone-2";
+        readonly check: "text-tone-2-foreground";
+        readonly glyph: "text-tone-2";
     };
-    readonly edition: {
+    readonly "1": {
         readonly card: string;
-        readonly box: "group-data-[checked]:border-tone-edition group-data-[checked]:bg-tone-edition group-data-[indeterminate]:border-tone-edition group-data-[indeterminate]:bg-tone-edition";
-        readonly check: "text-tone-edition-foreground";
-        readonly glyph: "text-tone-edition";
+        readonly box: "group-data-[checked]:border-tone-1 group-data-[checked]:bg-tone-1 group-data-[indeterminate]:border-tone-1 group-data-[indeterminate]:bg-tone-1";
+        readonly check: "text-tone-1-foreground";
+        readonly glyph: "text-tone-1";
     };
     readonly info: {
         readonly card: string;
@@ -6254,6 +6260,14 @@ interface DisclosurePickerOptionProps extends Omit<ComponentProps<"div">, "class
     disabled?: boolean;
     /** What type-ahead matches, when the name is not plain text. @default the name's text */
     textValue?: string;
+    /**
+     * Makes the option removable: a trash glyph at the row's end (on hover or
+     * focus; always on touch) and Delete or Backspace on the focused row call it.
+     * Focus moves to the next option first. Removing never picks.
+     */
+    onRemove?: () => void;
+    /** The remove glyph's tooltip. @default "Remove" */
+    removeLabel?: string;
     className?: string;
 }
 /**
@@ -6261,7 +6275,7 @@ interface DisclosurePickerOptionProps extends Omit<ComponentProps<"div">, "class
  * (from arrow keys, Home/End or type-ahead) rings it; Enter, Space or a click
  * picks it and closes the row.
  */
-declare function DisclosurePickerOption({ value, children, media, note, disabled, textValue, className, onClick, ...props }: DisclosurePickerOptionProps): react.JSX.Element;
+declare function DisclosurePickerOption({ value, children, media, note, disabled, textValue, onRemove, removeLabel, className, ref, onClick, ...props }: DisclosurePickerOptionProps): react.JSX.Element;
 declare namespace DisclosurePickerOption {
     var displayName: string;
 }
@@ -6796,7 +6810,7 @@ declare const overflowMenuMeta: ComponentMeta;
  * ContextCard — a themed rich hover/preview card over Base UI's PreviewCard
  * (hover/focus open with delay, collision-aware positioning, Esc/outside
  * dismissal, ARIA wiring all come from Base UI). Unlike Tooltip it holds rich,
- * non-interactive context (a profile, an edition summary) and opens on hover or
+ * non-interactive context (a profile, a project summary) and opens on hover or
  * focus of an inline anchor. Compose:
  *
  *   <ContextCard>
@@ -7309,7 +7323,7 @@ declare const carouselMeta: ComponentMeta;
 type ArtVariant = "mesh" | "grain";
 
 /** The decorative tones art can be painted from — the palette's `--tone-*` family. */
-type ArtTone = "info" | "standard" | "collectible" | "edition" | "warning";
+type ArtTone = "info" | "3" | "2" | "1" | "warning";
 interface GradientArtProps extends ComponentProps<"div"> {
     /**
      * `mesh` (default) — soft spots of colour pulled together by gentle waves
@@ -8378,6 +8392,57 @@ interface UseCopyResult {
  */
 declare function useCopy(text: string, { timeout }?: UseCopyOptions): UseCopyResult;
 
-declare const SABLE_UI_VERSION: "0.9.1";
+/**
+ * The palette: nine colour families and a scale under every tone, generated
+ * for whatever theme is painting. `scripts/build-palette.mjs` writes this into
+ * `src/palette.css`; `palette.test.ts` holds every built-in theme to it.
+ *
+ * The contract is roles, and roles are not enough for a product. Tags, avatars,
+ * labels and illustration need more colours than three tones, and raw Tailwind
+ * steps ignore the theme, so they were banned outright. These follow it:
+ *
+ * - A **family** (red, orange, yellow, green, teal, blue, purple, pink) keeps
+ *   its own hue and leans toward the brand by half the gap, at most 15°, and
+ *   only as far as the brand has colour to lean toward (an ink-black primary
+ *   pulls nothing). Material 3's harmonize, the same lean the customizer gives
+ *   status colours. Lightness and chroma are fixed per step, fitted inside sRGB
+ *   across the whole lean, so no brand can push a step out of gamut.
+ * - **neutral** is the theme's own page and ink mixed in steps, so it carries
+ *   whatever tint the theme's surfaces do.
+ * - Every **tone** (tone-1…3, info, warning, success, destructive) gets a scale
+ *   anchored on itself: step 500 IS the tone, the rest walk from it toward the
+ *   page and toward the ink.
+ *
+ * Steps follow the mode rather than literal lightness: a low step is always
+ * near the page and a high step always far from it, so 800 text on a 100
+ * wash reads in both modes with no `dark:` (Sable has none).
+ */
+declare const PALETTE_STEPS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+type PaletteStep = (typeof PALETTE_STEPS)[number];
+interface PaletteFamily {
+    name: string;
+    /** The family's own hue, before the lean. */
+    hue: number;
+    /** Step 500, per mode: lightness and the chroma the family is aiming for. */
+    light: {
+        l: number;
+        c: number;
+    };
+    dark: {
+        l: number;
+        c: number;
+    };
+}
+declare const PALETTE_FAMILIES: readonly PaletteFamily[];
+/** The hue families by name — the values Badge, Pill and StatusDot take on `tone`. */
+declare const PALETTE_COLORS: readonly ["red", "orange", "yellow", "green", "teal", "blue", "purple", "pink"];
+type PaletteColor = (typeof PALETTE_COLORS)[number];
+declare const isPaletteColor: (value: unknown) => value is PaletteColor;
+/** Tokens that get a scale of their own, `--<token>-50` … `--<token>-950`. */
+declare const PALETTE_TONES: readonly ["tone-1", "tone-2", "tone-3", "tone-info", "tone-warning", "success", "destructive"];
+/** Everything the palette names: neutral, the families, then the tone scales. */
+declare const PALETTE_SCALES: readonly ["neutral", ...string[], "tone-1", "tone-2", "tone-3", "tone-info", "tone-warning", "success", "destructive"];
+
+declare const SABLE_UI_VERSION: "0.10.0";
 
-export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, AppHeader, type AppHeaderProps, AppShell, type AppShellProps, AreaChart, type AreaChartProps, type ArtTone, Attachment, type AttachmentProps, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, AvatarRoot, BADGE_APPEARANCES, BADGE_TONES, Badge, type BadgeAppearance, type BadgeProps, type BadgeTone, Banner, type BannerProps, BarChart, type BarChartProps, BottomNav, BottomNavItem, type BottomNavItemProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Browser, type BrowserProps, Bubble, type BubbleProps, BubbleReaction, type BubbleReactionProps, BubbleReactions, type BubbleReactionsProps, Button, type ButtonBleed, type ButtonProps, CHART_SERIES_COUNT, COMPONENT_GROUPS, COMPONENT_TAXONOMY, Calendar, type CalendarProps, Card, CardAction, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, CardList, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselProps, type CarouselSlidesToShow, type ChartCategories, type ChartCenterLabel, type ChartCurve, type ChartDatum, type ChartSeries, type ChartTone, type ChartTooltipIndicator, type ChartTooltipOptions, type ChartValueFormatter, ChatComposer, type ChatComposerProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxCardTone, CheckboxGroup, type CheckboxGroupProps, Code, CodeBlock, type CodeBlockProps, CodeHighlightProvider, type CodeHighlighter, type CodeProps, Collapsible, CollapsibleIndicator, CollapsiblePanel, CollapsibleTrigger, ColorField, type ColorFieldProps, Combobox, ComboboxChips, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, type ComboboxItemGroup, ComboboxItemIndicator, ComboboxList, ComboboxPortal, type ComboboxProps, ComboboxValue, ComboboxVirtualList, type ComboboxVirtualListProps, type CommandFilter, type CommandItem, CommandMenu, CommandMenuGroup, type CommandMenuGroupProps, CommandMenuItem, type CommandMenuItemProps, CommandMenuPanel, type CommandMenuPanelProps, type CommandMenuProps, CommandMenuTrigger, type CommandMenuTriggerProps, type ComponentGroup, type ComponentGuidance, ComponentMeta, type ComponentRegister, type ConstraintFlag, ContextCard, ContextCardArrow, ContextCardContent, ContextCardPortal, ContextCardTrigger, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, DataTable, type DataTableColumn, type DataTableProps, type DataTableRowKey, DatePicker, type DatePickerProps, DateTile, type DateTileProps, Density, DensityProvider, Density as DensityValue, DestructiveActionModal, type DestructiveActionModalProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, DisclosurePicker, DisclosurePickerEmpty, DisclosurePickerList, type DisclosurePickerListProps, DisclosurePickerOption, type DisclosurePickerOptionProps, DisclosurePickerPanel, type DisclosurePickerPanelProps, type DisclosurePickerProps, type DisclosurePickerSearch, DisclosurePickerTrigger, type DisclosurePickerTriggerProps, EmptyState, type EmptyStateProps, Entity, type EntityProps, Feedback, type FeedbackData, type FeedbackProps, type FeedbackRating, Field, type FieldProps, Fieldset, FieldsetContent, FieldsetDescription, FieldsetFooter, FieldsetLegend, type FieldsetVariant, FileDropzone, type FileDropzoneProps, type FileRejection, type FileRejectionCode, FontPicker, type FontPickerFont, type FontPickerOption, type FontPickerProps, Form, type FormProps, GlidingHighlight, type GlidingHighlightProps, GradientArt, type GradientArtProps, type Hsv, InlineStatus, type InlineStatusProps, type StatusTone as InlineTone, Input, type InputProps$1 as InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps$2 as LabelProps, LineChart, type LineChartProps, Marker, type MarkerProps, Marquee, type MarqueeProps, MediaImage, type MediaImageProps, MediaTile, type MediaTileProps, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Message, type MessageProps, MessageScroller, type MessageScrollerHandle, type MessageScrollerProps, Meter, MeterIndicator, MeterLabel, type MeterSize, type MeterTone, MeterTrack, MeterValue, MiddleTruncate, type MiddleTruncateProps, type MotionPolicy, MotionProvider, type MotionProviderProps, Note, type NoteAction, type NoteProps, NotificationBadge, type NotificationBadgeProps, NumberField, type NumberFieldProps, type OrbMode, type OrbSize, OtpField, type OtpFieldProps, OverflowMenu, type OverflowMenuProps, PageHeader, type PageHeaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Panel, PanelGroup, PanelResizer, type PanelResizerProps, PanelSection, type PanelWidthBounds, Phone, type PhoneProps, PieChart, type PieChartProps, Pill, type PillProps, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Presence, type PresenceProps, type Presentation, PresentationProvider, Progress, ProgressIndicator, ProgressLabel, type ProgressSize, ProgressTrack, ProgressValue, PropertyPair, PropertyRow, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, Radio, RadioCard, type RadioCardProps, type RadioCardTone, RadioGroup, RelativeTime, type RelativeTimeProps, Reveal, type RevealProps, type Rgb, SABLE_UI_VERSION, SEGMENTED_BAR_TONES, STATUS_TONES, STATUS_TONE_ICON, type ScrollCommandOptions, Scroller, type ScrollerProps, ScrubField, type ScrubFieldProps, SearchInput, type SearchInputProps, SectionHeader, type SectionHeaderProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, type SegmentedBarTone, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPortal, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps$3 as SeparatorProps, SettingsMenu, type SettingsMenuProps, SettingsRow, type SettingsRowProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetList, SheetPortal, SheetTitle, SheetTrigger, ShowMore, type ShowMoreProps, SideNav, type SideNavActiveVariant, SideNavGroup, type SideNavGroupProps, SideNavItem, type SideNavItemProps, type SideNavProps, type SideNavSize, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarFooter, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarProps, SimpleTooltip, Skeleton, SkipLink, Slider, SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, StatusBarGroup, StatusBarSeparator, StatusDot, type StatusDotProps, type StatusTone, type StepStatus, Stepper, StepperItem, type StepperItemProps, type StepperOrientation, type StepperProps, StreamingText, type StreamingTextProps, Switch, TRANSPARENT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsList, TabsPanel, TabsTrigger, TextReveal, type TextRevealProps, Textarea, type TextareaProps, ThemeId, ThemeManifest, ThemeMode$1 as ThemeManifestMode, type ThemeMode, ThemePreview, type ThemePreviewProps, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, type ThemeSwitcherProps, ThinkingOrb, type ThinkingOrbProps, ToastAction, type ToastApi, ToastClose, ToastContent, ToastDescription, type ToastManagerApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastType, ToastViewport, Toggle, ToggleGroup, type ToggleGroupAppearance, Toggle as ToggleGroupItem, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Tree, TreeAddRow, TreeEmpty, TreeRow, TreeSection, type UseCopyOptions, type UseCopyResult, type UseInViewOptions, type UsePanelWidthOptions, Video, type VideoProps, ViewTransitionName, type ViewTransitionNameProps, Workspace, WorkspaceBar, WorkspaceCanvas, accordionMeta, appHeaderMeta, appShellMeta, areaChartMeta, attachmentMeta, avatarGroupVariants, avatarMeta, avatarVariants, badgeMeta, badgeVariants, bannerMeta, bannerVariants, barChartMeta, bottomNavMeta, breadcrumbsMeta, browserMeta, bubbleMeta, buttonMeta, buttonVariants, calendarMeta, cardMeta, carouselMeta, chartColor, toneColor as chartToneColor, chatComposerMeta, checkboxCardMeta, checkboxMeta, cn, codeBlockMeta, codeMeta, collapsibleMeta, colorFieldMeta, comboboxMeta, commandMenuMeta, componentGuidance, componentLabel, componentSlug, componentsInGroup, contextCardMeta, contextMenuMeta, dataTableMeta, datePickerMeta, dateTileMeta, destructiveActionModalMeta, dialogMeta, disclosurePickerMeta, emptyStateMeta, entityMeta, feedbackMeta, fieldsetMeta, fileDropzoneMeta, fileDropzoneVariants, fontPickerMeta, formMeta, formatFileSize, formatHex, glidingHighlightMeta, gradientArtMeta, hsvToRgb, hueColor, inlineStatusMeta, inputMeta, isTransparent, kbdMeta, labelMeta, lineChartMeta, markerMeta, marqueeMeta, mediaImageMeta, mediaTileMeta, menuMeta, messageMeta, messageScrollerMeta, meterIndicatorVariants, meterMeta, meterTrackVariants, middleTruncateMeta, noteMeta, noteVariants, notificationBadgeMeta, notificationCountVariants, notificationDotVariants, numberFieldMeta, otpFieldMeta, overflowMenuMeta, pageHeaderMeta, pageLoaderMeta, paginationMeta, panelGroupMeta, panelSectionMeta, parseHex, phoneMeta, pieChartMeta, pillMeta, pillVariants, popoverMeta, progressMeta, progressTrackVariants, radarChartMeta, radialChartMeta, radioCardMeta, radioMeta, relativeTimeMeta, rgbToHsv, scrollerMeta, scrubFieldMeta, searchInputMeta, sectionHeaderMeta, segmentedBarMeta, segmentedBarSegmentVariants, segmentedBarVariants, selectMeta, separatorMeta, settingsMenuMeta, sheetMeta, sheetVariants, showMoreMeta, sideNavMeta, sidebarMeta, skeletonMeta, sliderMeta, sparklineMeta, spinnerMeta, startViewTransition, statusBarMeta, statusDotMeta, statusDotVariants, stepperConnectorVariants, stepperIndicatorVariants, stepperMeta, streamingTextMeta, supportsViewTransitions, switchMeta, tableMeta, tabsMeta, textareaMeta, themeSelectorMeta, themeSwitcherMeta, thinkingOrbMeta, toast, toastMeta, toggleMeta, toolbarGroupVariants, toolbarMeta, toolbarSeparatorVariants, toolbarVariants, tooltipMeta, treeIndent, treeMeta, useAnchoredDensity, useComboboxFilteredItems, useCommandMenuShortcut, useCopy, useDensity, useDisclosurePicker, useInView, useMotion, usePanelWidth, usePresentation, useReducedMotion, useScrollActivity, useSidebar, useToast, useToastManager, useTypeTier, videoMeta, workspaceMeta };
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogTitle, AlertDialogTrigger, AppHeader, type AppHeaderProps, AppShell, type AppShellProps, AreaChart, type AreaChartProps, type ArtTone, Attachment, type AttachmentProps, Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarProps, AvatarRoot, BADGE_APPEARANCES, BADGE_TONES, Badge, type BadgeAppearance, type BadgeProps, type BadgeTone, Banner, type BannerProps, BarChart, type BarChartProps, BottomNav, BottomNavItem, type BottomNavItemProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Breadcrumbs, type BreadcrumbsProps, Browser, type BrowserProps, Bubble, type BubbleProps, BubbleReaction, type BubbleReactionProps, BubbleReactions, type BubbleReactionsProps, Button, type ButtonBleed, type ButtonProps, CHART_SERIES_COUNT, COMPONENT_GROUPS, COMPONENT_TAXONOMY, Calendar, type CalendarProps, Card, CardAction, CardContent, type CardContentProps, CardDescription, CardFooter, type CardFooterProps, CardHeader, CardList, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselProps, type CarouselSlidesToShow, type ChartCategories, type ChartCenterLabel, type ChartCurve, type ChartDatum, type ChartSeries, type ChartTone, type ChartTooltipIndicator, type ChartTooltipOptions, type ChartValueFormatter, ChatComposer, type ChatComposerProps, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxCardTone, CheckboxGroup, type CheckboxGroupProps, Code, CodeBlock, type CodeBlockProps, CodeHighlightProvider, type CodeHighlighter, type CodeProps, Collapsible, CollapsibleIndicator, CollapsiblePanel, CollapsibleTrigger, ColorField, type ColorFieldProps, Combobox, ComboboxChips, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, type ComboboxItemGroup, ComboboxItemIndicator, ComboboxList, ComboboxPortal, type ComboboxProps, ComboboxValue, ComboboxVirtualList, type ComboboxVirtualListProps, type CommandFilter, type CommandItem, CommandMenu, CommandMenuGroup, type CommandMenuGroupProps, CommandMenuItem, type CommandMenuItemProps, CommandMenuPanel, type CommandMenuPanelProps, type CommandMenuProps, CommandMenuTrigger, type CommandMenuTriggerProps, type ComponentGroup, type ComponentGuidance, ComponentMeta, type ComponentRegister, type ConstraintFlag, ContextCard, ContextCardArrow, ContextCardContent, ContextCardPortal, ContextCardTrigger, ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPortal, ContextMenuSeparator, ContextMenuTrigger, DataTable, type DataTableColumn, type DataTableProps, type DataTableRowKey, DatePicker, type DatePickerProps, DateTile, type DateTileProps, Density, DensityProvider, Density as DensityValue, DestructiveActionModal, type DestructiveActionModalProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, DisclosurePicker, DisclosurePickerEmpty, DisclosurePickerList, type DisclosurePickerListProps, DisclosurePickerOption, type DisclosurePickerOptionProps, DisclosurePickerPanel, type DisclosurePickerPanelProps, type DisclosurePickerProps, type DisclosurePickerSearch, DisclosurePickerTrigger, type DisclosurePickerTriggerProps, EmptyState, type EmptyStateProps, Entity, type EntityProps, Feedback, type FeedbackData, type FeedbackProps, type FeedbackRating, Field, type FieldProps, Fieldset, FieldsetContent, FieldsetDescription, FieldsetFooter, FieldsetLegend, type FieldsetVariant, FileDropzone, type FileDropzoneProps, type FileRejection, type FileRejectionCode, FontPicker, type FontPickerFont, type FontPickerOption, type FontPickerProps, Form, type FormProps, GlidingHighlight, type GlidingHighlightProps, GradientArt, type GradientArtProps, type Hsv, InlineStatus, type InlineStatusProps, type StatusTone as InlineTone, Input, type InputProps$1 as InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps$2 as LabelProps, LineChart, type LineChartProps, Marker, type MarkerProps, Marquee, type MarqueeProps, MediaImage, type MediaImageProps, MediaTile, type MediaTileProps, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, Message, type MessageProps, MessageScroller, type MessageScrollerHandle, type MessageScrollerProps, Meter, MeterIndicator, MeterLabel, type MeterSize, type MeterTone, MeterTrack, MeterValue, MiddleTruncate, type MiddleTruncateProps, type MotionPolicy, MotionProvider, type MotionProviderProps, Note, type NoteAction, type NoteProps, NotificationBadge, type NotificationBadgeProps, NumberField, type NumberFieldProps, type OrbMode, type OrbSize, OtpField, type OtpFieldProps, OverflowMenu, type OverflowMenuProps, PALETTE_COLORS, PALETTE_FAMILIES, PALETTE_SCALES, PALETTE_STEPS, PALETTE_TONES, PageHeader, type PageHeaderProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, type PaletteColor, type PaletteFamily, type PaletteStep, Panel, PanelGroup, PanelResizer, type PanelResizerProps, PanelSection, type PanelWidthBounds, Phone, type PhoneProps, PieChart, type PieChartProps, Pill, type PillProps, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverPortal, PopoverTitle, PopoverTrigger, Presence, type PresenceProps, type Presentation, PresentationProvider, Progress, ProgressIndicator, ProgressLabel, type ProgressSize, ProgressTrack, ProgressValue, PropertyPair, PropertyRow, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, Radio, RadioCard, type RadioCardProps, type RadioCardTone, RadioGroup, RelativeTime, type RelativeTimeProps, Reveal, type RevealProps, type Rgb, SABLE_UI_VERSION, SEGMENTED_BAR_TONES, STATUS_TONES, STATUS_TONE_ICON, type ScrollCommandOptions, Scroller, type ScrollerProps, ScrubField, type ScrubFieldProps, SearchInput, type SearchInputProps, SectionHeader, type SectionHeaderProps, SegmentedBar, type SegmentedBarProps, type SegmentedBarSegment, type SegmentedBarTone, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPortal, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps$3 as SeparatorProps, SettingsMenu, type SettingsMenuProps, SettingsRow, type SettingsRowProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetList, SheetPortal, SheetTitle, SheetTrigger, ShowMore, type ShowMoreProps, SideNav, type SideNavActiveVariant, SideNavGroup, type SideNavGroupProps, SideNavItem, type SideNavItemProps, type SideNavProps, type SideNavSize, Sidebar, SidebarBrand, type SidebarBrandProps, SidebarFooter, SidebarHeader, SidebarItem, type SidebarItemProps, SidebarNav, type SidebarProps, SimpleTooltip, Skeleton, SkipLink, Slider, SliderControl, SliderIndicator, SliderRoot, SliderThumb, SliderTrack, SliderValue, Sparkline, type SparklineProps, Spinner, type SpinnerProps, StatusBar, StatusBarGroup, StatusBarSeparator, StatusDot, type StatusDotProps, type StatusTone, type StepStatus, Stepper, StepperItem, type StepperItemProps, type StepperOrientation, type StepperProps, StreamingText, type StreamingTextProps, Switch, TRANSPARENT, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsPanel as TabsContent, TabsList, TabsPanel, TabsTrigger, TextReveal, type TextRevealProps, Textarea, type TextareaProps, ThemeId, ThemeManifest, ThemeMode$1 as ThemeManifestMode, type ThemeMode, ThemePreview, type ThemePreviewProps, ThemeSelector, type ThemeSelectorProps, ThemeSwitcher, type ThemeSwitcherProps, ThinkingOrb, type ThinkingOrbProps, ToastAction, type ToastApi, ToastClose, ToastContent, ToastDescription, type ToastManagerApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, ToastRoot, ToastTitle, type ToastType, ToastViewport, Toggle, ToggleGroup, type ToggleGroupAppearance, Toggle as ToggleGroupItem, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Tree, TreeAddRow, TreeEmpty, TreeRow, TreeSection, type UseCopyOptions, type UseCopyResult, type UseInViewOptions, type UsePanelWidthOptions, Video, type VideoProps, ViewTransitionName, type ViewTransitionNameProps, Workspace, WorkspaceBar, WorkspaceCanvas, accordionMeta, appHeaderMeta, appShellMeta, areaChartMeta, attachmentMeta, avatarGroupVariants, avatarMeta, avatarVariants, badgeMeta, badgeVariants, bannerMeta, bannerVariants, barChartMeta, bottomNavMeta, breadcrumbsMeta, browserMeta, bubbleMeta, buttonMeta, buttonVariants, calendarMeta, cardMeta, carouselMeta, chartColor, toneColor as chartToneColor, chatComposerMeta, checkboxCardMeta, checkboxMeta, cn, codeBlockMeta, codeMeta, collapsibleMeta, colorFieldMeta, comboboxMeta, commandMenuMeta, componentGuidance, componentLabel, componentSlug, componentsInGroup, contextCardMeta, contextMenuMeta, dataTableMeta, datePickerMeta, dateTileMeta, destructiveActionModalMeta, dialogMeta, disclosurePickerMeta, emptyStateMeta, entityMeta, feedbackMeta, fieldsetMeta, fileDropzoneMeta, fileDropzoneVariants, fontPickerMeta, formMeta, formatFileSize, formatHex, glidingHighlightMeta, gradientArtMeta, hsvToRgb, hueColor, inlineStatusMeta, inputMeta, isPaletteColor, isTransparent, kbdMeta, labelMeta, lineChartMeta, markerMeta, marqueeMeta, mediaImageMeta, mediaTileMeta, menuMeta, messageMeta, messageScrollerMeta, meterIndicatorVariants, meterMeta, meterTrackVariants, middleTruncateMeta, noteMeta, noteVariants, notificationBadgeMeta, notificationCountVariants, notificationDotVariants, numberFieldMeta, otpFieldMeta, overflowMenuMeta, pageHeaderMeta, pageLoaderMeta, paginationMeta, panelGroupMeta, panelSectionMeta, parseHex, phoneMeta, pieChartMeta, pillMeta, pillVariants, popoverMeta, progressMeta, progressTrackVariants, radarChartMeta, radialChartMeta, radioCardMeta, radioMeta, relativeTimeMeta, rgbToHsv, scrollerMeta, scrubFieldMeta, searchInputMeta, sectionHeaderMeta, segmentedBarMeta, segmentedBarSegmentVariants, segmentedBarVariants, selectMeta, separatorMeta, settingsMenuMeta, sheetMeta, sheetVariants, showMoreMeta, sideNavMeta, sidebarMeta, skeletonMeta, sliderMeta, sparklineMeta, spinnerMeta, startViewTransition, statusBarMeta, statusDotMeta, statusDotVariants, stepperConnectorVariants, stepperIndicatorVariants, stepperMeta, streamingTextMeta, supportsViewTransitions, switchMeta, tableMeta, tabsMeta, textareaMeta, themeSelectorMeta, themeSwitcherMeta, thinkingOrbMeta, toast, toastMeta, toggleMeta, toolbarGroupVariants, toolbarMeta, toolbarSeparatorVariants, toolbarVariants, tooltipMeta, treeIndent, treeMeta, useAnchoredDensity, useComboboxFilteredItems, useCommandMenuShortcut, useCopy, useDensity, useDisclosurePicker, useInView, useMotion, usePanelWidth, usePresentation, useReducedMotion, useScrollActivity, useSidebar, useToast, useToastManager, useTypeTier, videoMeta, workspaceMeta };

package/dist/index.js

@@ -16,8 +16,10 @@ import {
   TYPE_REFINEMENT_TOKENS,
   TYPE_OVERLINE_TOKENS,
   DENSITY_TOKENS,
+  RHYTHM_TOKENS,
   WORKSPACE_SURFACE_TOKENS,
   ART_TOKENS,
+  PALETTE_TOKENS,
   TYPE_UI_TOKENS
 } from "./themes/_contract.js";
 import {
@@ -160,7 +162,8 @@ import { PresentationProvider, usePresentation } from "./lib/presentation.js";
 import { useScrollActivity } from "./lib/use-scroll-activity.js";
 import { useCopy } from "./lib/use-copy.js";
 import { STATUS_TONES, STATUS_TONE_ICON } from "./lib/status-tone.js";
-var SABLE_UI_VERSION = "0.9.1";
+import { PALETTE_COLORS, PALETTE_FAMILIES, PALETTE_SCALES, PALETTE_STEPS, PALETTE_TONES, isPaletteColor } from "./lib/palette.js";
+var SABLE_UI_VERSION = "0.10.0";
 export {
   ART_TOKENS,
   CHART_SERIES_COUNT,
@@ -171,8 +174,15 @@ export {
   Density,
   DensityProvider,
   MOTION_TOKENS,
+  PALETTE_COLORS,
+  PALETTE_FAMILIES,
+  PALETTE_SCALES,
+  PALETTE_STEPS,
+  PALETTE_TOKENS,
+  PALETTE_TONES,
   PresentationProvider,
   RADIUS_TOKENS,
+  RHYTHM_TOKENS,
   SABLE_COLOR_STORAGE_KEY,
   SABLE_THEME_ATTRIBUTE,
   SABLE_THEME_STORAGE_KEY,
@@ -197,6 +207,7 @@ export {
   componentsInGroup,
   defaultThemeId,
   getThemeManifest,
+  isPaletteColor,
   isThemeId,
   switchMeta,
   themeIds,

package/dist/lib/chart/types.js

@@ -4,9 +4,9 @@ function chartColor(index) {
   return `var(--chart-${index % CHART_SERIES_COUNT + 1})`;
 }
 var TONE_VAR = {
-  edition: "var(--tone-edition)",
-  collectible: "var(--tone-collectible)",
-  standard: "var(--tone-standard)",
+  "1": "var(--tone-1)",
+  "2": "var(--tone-2)",
+  "3": "var(--tone-3)",
   info: "var(--tone-info)",
   warning: "var(--tone-warning)",
   primary: "var(--primary)",