@urbicon-ui/blocks 6.37.1 → 6.38.0

package/dist/internal/field-chrome.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Shared style fragments for the bordered field frame.
+ *
+ * Input, PinInput and TimeInput (and NumberInput, via its Input composition)
+ * all render the same field chrome — the neutral resting frame, the focus ring,
+ * the `outlined | filled | ghost` surfaces, the intent colours, the disabled /
+ * error states and the label / message scaffolding. Before this module each of
+ * the three `*.variants.ts` hand-copied those class strings, so a token fix had
+ * to be applied in three places and drift crept in silently.
+ *
+ * These exports are the single source for the shared tokens. They are composed
+ * back into each `tv()` config at the EXACT positions the inlined strings held,
+ * so the resolved (flattened) class output is byte-identical — proven by the
+ * render-identity matrix diff in the debt-fix-wave-5 (40 960 Input / 2 304 Pin /
+ * 4 608 TimeInput combinations, zero diff). This is a pure de-duplication, not a
+ * behaviour change.
+ *
+ * The one axis of genuine divergence is the focus mechanism: Input and PinInput
+ * put the ring on the focusable element itself (`focus-visible:`), while
+ * TimeInput hosts borderless segments inside a bordered container and lights the
+ * whole field via `focus-within:`. That is why the ring / variant / intent /
+ * error fragments are parameterised by {@link FieldFocus} rather than fixed.
+ *
+ * NOT covered here (deliberately component-local): the per-component frame
+ * prefix (Input's `w-full`, PinInput's cell content styles, TimeInput's
+ * `inline-flex` container), Input's `underline` variant and `placeholder`
+ * colour, PinInput's `focus-visible:z-10`, TimeInput's `fullWidth` and its
+ * cursor-free readonly. The shared label/message MARKUP in the `.svelte` files
+ * is a separate, larger cut (see technical-debt "Field chrome…" part b).
+ *
+ * This is not a component and imports nothing from other component dirs, so it
+ * is exempt from the cross-component import guard (imports-lint treats
+ * `internal/**` as the extraction target).
+ */
+/** The field's colour/border/shadow transition — the longest shared string. */
+export declare const FIELD_TRANSITION = "transition-[color,background-color,border-color,box-shadow] duration-[var(--blocks-duration-fast)] ease-out";
+/** The neutral resting frame: border + primary text + base surface. Input
+ *  appends its own `placeholder:` colour after this. */
+export declare const FIELD_SURFACE = "border text-text-primary bg-surface-base";
+/** `:disabled` / `:read-only` pseudo-class fallbacks on a NATIVE field element
+ *  (Input's `base`, PinInput's `cell`). TimeInput's frame is a container whose
+ *  segments carry their own states, so it omits these. */
+export declare const FIELD_NATIVE_DISABLED = "disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-surface-subtle";
+export declare const FIELD_NATIVE_READONLY = "read-only:bg-surface-subtle read-only:cursor-default";
+/**
+ * Where the focus ring lives: `focus-visible:` on a directly-focusable field
+ * (Input, PinInput cell), `focus-within:` on a container that hosts focusable
+ * segments (TimeInput).
+ */
+export type FieldFocus = 'focus-visible' | 'focus-within';
+/** The primary focus ring (border + 2px ring at 20% alpha), for the given mode. */
+export declare const fieldFocusRing: (f: FieldFocus) => string;
+/**
+ * The `outlined | filled | ghost` surface values, parameterised by focus mode.
+ * `outlined` is a constant; consumers add their own extra variants (Input's
+ * `underline`) alongside.
+ */
+export declare const fieldSurfaceVariants: (f: FieldFocus) => {
+    outlined: string;
+    filled: string;
+    ghost: string;
+};
+/**
+ * The intent frame values (border + focus ring tint) for success/warning/danger,
+ * parameterised by focus mode. `default` carries no frame class, so callers keep
+ * their own empty `default: {}` slot entry.
+ */
+export declare const fieldIntentFrames: (f: FieldFocus) => {
+    success: string;
+    warning: string;
+    danger: string;
+};
+/** The error frame value (danger border + ring), parameterised by focus mode. */
+export declare const fieldErrorFrame: (f: FieldFocus) => string;
+/** Frame classes when the whole control is disabled (the `disabled` variant). */
+export declare const FIELD_DISABLED_FRAME = "opacity-50 cursor-not-allowed bg-surface-disabled pointer-events-none";
+/** The field label base, shared verbatim across all three fields. */
+export declare const FIELD_LABEL = "block font-medium text-text-secondary text-sm";
+/** Label colour when the control is disabled. */
+export declare const FIELD_LABEL_DISABLED = "text-text-disabled";
+/** Required-marker asterisk appended after the label. */
+export declare const FIELD_REQUIRED_LABEL = "after:content-['*'] after:ml-1 after:text-danger";
+/** The two `messageType` message tones (error wins the fold when both apply). */
+export declare const FIELD_MESSAGE_TONES: {
+    readonly error: "text-danger";
+    readonly helper: "text-text-tertiary";
+};

package/dist/internal/field-chrome.js

@@ -0,0 +1,81 @@
+/**
+ * Shared style fragments for the bordered field frame.
+ *
+ * Input, PinInput and TimeInput (and NumberInput, via its Input composition)
+ * all render the same field chrome — the neutral resting frame, the focus ring,
+ * the `outlined | filled | ghost` surfaces, the intent colours, the disabled /
+ * error states and the label / message scaffolding. Before this module each of
+ * the three `*.variants.ts` hand-copied those class strings, so a token fix had
+ * to be applied in three places and drift crept in silently.
+ *
+ * These exports are the single source for the shared tokens. They are composed
+ * back into each `tv()` config at the EXACT positions the inlined strings held,
+ * so the resolved (flattened) class output is byte-identical — proven by the
+ * render-identity matrix diff in the debt-fix-wave-5 (40 960 Input / 2 304 Pin /
+ * 4 608 TimeInput combinations, zero diff). This is a pure de-duplication, not a
+ * behaviour change.
+ *
+ * The one axis of genuine divergence is the focus mechanism: Input and PinInput
+ * put the ring on the focusable element itself (`focus-visible:`), while
+ * TimeInput hosts borderless segments inside a bordered container and lights the
+ * whole field via `focus-within:`. That is why the ring / variant / intent /
+ * error fragments are parameterised by {@link FieldFocus} rather than fixed.
+ *
+ * NOT covered here (deliberately component-local): the per-component frame
+ * prefix (Input's `w-full`, PinInput's cell content styles, TimeInput's
+ * `inline-flex` container), Input's `underline` variant and `placeholder`
+ * colour, PinInput's `focus-visible:z-10`, TimeInput's `fullWidth` and its
+ * cursor-free readonly. The shared label/message MARKUP in the `.svelte` files
+ * is a separate, larger cut (see technical-debt "Field chrome…" part b).
+ *
+ * This is not a component and imports nothing from other component dirs, so it
+ * is exempt from the cross-component import guard (imports-lint treats
+ * `internal/**` as the extraction target).
+ */
+/** The field's colour/border/shadow transition — the longest shared string. */
+export const FIELD_TRANSITION = 'transition-[color,background-color,border-color,box-shadow] duration-[var(--blocks-duration-fast)] ease-out';
+/** The neutral resting frame: border + primary text + base surface. Input
+ *  appends its own `placeholder:` colour after this. */
+export const FIELD_SURFACE = 'border text-text-primary bg-surface-base';
+/** `:disabled` / `:read-only` pseudo-class fallbacks on a NATIVE field element
+ *  (Input's `base`, PinInput's `cell`). TimeInput's frame is a container whose
+ *  segments carry their own states, so it omits these. */
+export const FIELD_NATIVE_DISABLED = 'disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-surface-subtle';
+export const FIELD_NATIVE_READONLY = 'read-only:bg-surface-subtle read-only:cursor-default';
+/** The primary focus ring (border + 2px ring at 20% alpha), for the given mode. */
+export const fieldFocusRing = (f) => `${f}:border-primary ${f}:ring-2 ${f}:ring-primary/20`;
+/**
+ * The `outlined | filled | ghost` surface values, parameterised by focus mode.
+ * `outlined` is a constant; consumers add their own extra variants (Input's
+ * `underline`) alongside.
+ */
+export const fieldSurfaceVariants = (f) => ({
+    outlined: 'border-border-subtle',
+    filled: `bg-surface-interactive border-transparent hover:bg-surface-hover ${f}:bg-surface-base`,
+    ghost: `bg-transparent hover:bg-surface-subtle ${f}:bg-surface-base ${f}:border-border-subtle`
+});
+/**
+ * The intent frame values (border + focus ring tint) for success/warning/danger,
+ * parameterised by focus mode. `default` carries no frame class, so callers keep
+ * their own empty `default: {}` slot entry.
+ */
+export const fieldIntentFrames = (f) => ({
+    success: `border-success ${f}:border-success ${f}:ring-success/20`,
+    warning: `border-warning ${f}:border-warning ${f}:ring-warning/20`,
+    danger: `border-danger ${f}:border-danger ${f}:ring-danger/20`
+});
+/** The error frame value (danger border + ring), parameterised by focus mode. */
+export const fieldErrorFrame = (f) => `border-danger ${f}:border-danger ${f}:ring-danger/20`;
+/** Frame classes when the whole control is disabled (the `disabled` variant). */
+export const FIELD_DISABLED_FRAME = 'opacity-50 cursor-not-allowed bg-surface-disabled pointer-events-none';
+/** The field label base, shared verbatim across all three fields. */
+export const FIELD_LABEL = 'block font-medium text-text-secondary text-sm';
+/** Label colour when the control is disabled. */
+export const FIELD_LABEL_DISABLED = 'text-text-disabled';
+/** Required-marker asterisk appended after the label. */
+export const FIELD_REQUIRED_LABEL = "after:content-['*'] after:ml-1 after:text-danger";
+/** The two `messageType` message tones (error wins the fold when both apply). */
+export const FIELD_MESSAGE_TONES = {
+    error: 'text-danger',
+    helper: 'text-text-tertiary'
+};

package/dist/primitives/Accordion/accordion.variants.d.ts

@@ -1,40 +1,40 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const accordionVariants: ((props?: {
-    variant?: "default" | "ghost" | "card" | undefined;
+    variant?: "default" | "card" | "ghost" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined) => {
     base: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     item: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     trigger: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     chevron: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     content: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     contentInner: (props?: ({
-        variant?: "default" | "ghost" | "card" | undefined;
+        variant?: "default" | "card" | "ghost" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;

package/dist/primitives/Alert/alert.variants.d.ts

@@ -1,53 +1,53 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const alertVariants: ((props?: {
-    intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+    intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
     variant?: "inline" | "filled" | "soft" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined) => {
     base: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     icon: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     content: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     title: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     description: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     actions: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     dismissButton: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         variant?: "inline" | "filled" | "soft" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {

package/dist/primitives/Avatar/avatar.variants.d.ts

@@ -1,9 +1,9 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const avatarVariants: ((props?: {
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
     variant?: "rounded" | "circle" | "square" | undefined;
     intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-    status?: "offline" | "online" | "away" | "busy" | undefined;
+    status?: "online" | "offline" | "away" | "busy" | undefined;
     statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
     pulse?: boolean | undefined;
     ring?: boolean | undefined;
@@ -11,10 +11,10 @@ export declare const avatarVariants: ((props?: {
     interactive?: boolean | undefined;
 } | undefined) => {
     base: (props?: ({
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
         variant?: "rounded" | "circle" | "square" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-        status?: "offline" | "online" | "away" | "busy" | undefined;
+        status?: "online" | "offline" | "away" | "busy" | undefined;
         statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
         pulse?: boolean | undefined;
         ring?: boolean | undefined;
@@ -24,10 +24,10 @@ export declare const avatarVariants: ((props?: {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     frame: (props?: ({
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
         variant?: "rounded" | "circle" | "square" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-        status?: "offline" | "online" | "away" | "busy" | undefined;
+        status?: "online" | "offline" | "away" | "busy" | undefined;
         statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
         pulse?: boolean | undefined;
         ring?: boolean | undefined;
@@ -37,10 +37,10 @@ export declare const avatarVariants: ((props?: {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     image: (props?: ({
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
         variant?: "rounded" | "circle" | "square" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-        status?: "offline" | "online" | "away" | "busy" | undefined;
+        status?: "online" | "offline" | "away" | "busy" | undefined;
         statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
         pulse?: boolean | undefined;
         ring?: boolean | undefined;
@@ -50,10 +50,10 @@ export declare const avatarVariants: ((props?: {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     fallback: (props?: ({
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
         variant?: "rounded" | "circle" | "square" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-        status?: "offline" | "online" | "away" | "busy" | undefined;
+        status?: "online" | "offline" | "away" | "busy" | undefined;
         statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
         pulse?: boolean | undefined;
         ring?: boolean | undefined;
@@ -63,10 +63,10 @@ export declare const avatarVariants: ((props?: {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     status: (props?: ({
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
         variant?: "rounded" | "circle" | "square" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-        status?: "offline" | "online" | "away" | "busy" | undefined;
+        status?: "online" | "offline" | "away" | "busy" | undefined;
         statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
         pulse?: boolean | undefined;
         ring?: boolean | undefined;

package/dist/primitives/Badge/badge.variants.d.ts

@@ -3,8 +3,8 @@ export declare const PLACEMENT_VALUES: readonly ["top", "top-start", "top-end",
 export declare const badgeVariants: ((props?: {
     tier?: "commit" | "modify" | undefined;
     intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-    variant?: "dot" | "filled" | "outlined" | "soft" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | undefined;
+    variant?: "filled" | "dot" | "soft" | "outlined" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined;
     counter?: boolean | undefined;
     pulse?: boolean | undefined;
@@ -16,8 +16,8 @@ export declare const badgeVariants: ((props?: {
     base: (props?: ({
         tier?: "commit" | "modify" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-        variant?: "dot" | "filled" | "outlined" | "soft" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        variant?: "filled" | "dot" | "soft" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined;
         counter?: boolean | undefined;
         pulse?: boolean | undefined;
@@ -31,8 +31,8 @@ export declare const badgeVariants: ((props?: {
     content: (props?: ({
         tier?: "commit" | "modify" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-        variant?: "dot" | "filled" | "outlined" | "soft" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        variant?: "filled" | "dot" | "soft" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined;
         counter?: boolean | undefined;
         pulse?: boolean | undefined;
@@ -46,8 +46,8 @@ export declare const badgeVariants: ((props?: {
     removeButton: (props?: ({
         tier?: "commit" | "modify" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-        variant?: "dot" | "filled" | "outlined" | "soft" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        variant?: "filled" | "dot" | "soft" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined;
         counter?: boolean | undefined;
         pulse?: boolean | undefined;
@@ -61,8 +61,8 @@ export declare const badgeVariants: ((props?: {
     removeIcon: (props?: ({
         tier?: "commit" | "modify" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
-        variant?: "dot" | "filled" | "outlined" | "soft" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        variant?: "filled" | "dot" | "soft" | "outlined" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         placement?: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | undefined;
         counter?: boolean | undefined;
         pulse?: boolean | undefined;

package/dist/primitives/Button/button.variants.d.ts

@@ -4,7 +4,7 @@ export declare const buttonVariants: ((props?: {
     intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
     pressed?: boolean | undefined;
     variant?: "text" | "ghost" | "filled" | "outlined" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xs" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | undefined;
     loading?: boolean | undefined;
     loadingPlacement?: "start" | "end" | "overlay" | undefined;
     active?: boolean | undefined;
@@ -15,7 +15,7 @@ export declare const buttonVariants: ((props?: {
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         pressed?: boolean | undefined;
         variant?: "text" | "ghost" | "filled" | "outlined" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xs" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | undefined;
         loading?: boolean | undefined;
         loadingPlacement?: "start" | "end" | "overlay" | undefined;
         active?: boolean | undefined;
@@ -28,7 +28,7 @@ export declare const buttonVariants: ((props?: {
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         pressed?: boolean | undefined;
         variant?: "text" | "ghost" | "filled" | "outlined" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xs" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | undefined;
         loading?: boolean | undefined;
         loadingPlacement?: "start" | "end" | "overlay" | undefined;
         active?: boolean | undefined;
@@ -41,7 +41,7 @@ export declare const buttonVariants: ((props?: {
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         pressed?: boolean | undefined;
         variant?: "text" | "ghost" | "filled" | "outlined" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xs" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xs" | undefined;
         loading?: boolean | undefined;
         loadingPlacement?: "start" | "end" | "overlay" | undefined;
         active?: boolean | undefined;

package/dist/primitives/Card/card.variants.d.ts

@@ -1,6 +1,6 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const cardVariants: ((props?: {
-    variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
+    variant?: "outlined" | "quiet" | "elevated" | "floating" | undefined;
     padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
     dividers?: boolean | undefined;
     interactive?: boolean | undefined;
@@ -8,7 +8,7 @@ export declare const cardVariants: ((props?: {
     disabled?: boolean | undefined;
 } | undefined) => {
     base: (props?: ({
-        variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
+        variant?: "outlined" | "quiet" | "elevated" | "floating" | undefined;
         padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
         dividers?: boolean | undefined;
         interactive?: boolean | undefined;
@@ -18,7 +18,7 @@ export declare const cardVariants: ((props?: {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     header: (props?: ({
-        variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
+        variant?: "outlined" | "quiet" | "elevated" | "floating" | undefined;
         padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
         dividers?: boolean | undefined;
         interactive?: boolean | undefined;
@@ -28,7 +28,7 @@ export declare const cardVariants: ((props?: {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     content: (props?: ({
-        variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
+        variant?: "outlined" | "quiet" | "elevated" | "floating" | undefined;
         padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
         dividers?: boolean | undefined;
         interactive?: boolean | undefined;
@@ -38,7 +38,7 @@ export declare const cardVariants: ((props?: {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     footer: (props?: ({
-        variant?: "quiet" | "elevated" | "outlined" | "floating" | undefined;
+        variant?: "outlined" | "quiet" | "elevated" | "floating" | undefined;
         padding?: "none" | "sm" | "md" | "lg" | "xl" | undefined;
         dividers?: boolean | undefined;
         interactive?: boolean | undefined;

package/dist/primitives/Checkbox/checkbox.variants.d.ts

@@ -1,7 +1,7 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const checkboxVariants: ((props?: {
     tier?: "commit" | "modify" | undefined;
-    size?: "sm" | "md" | "lg" | "xs" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
     variant?: "ghost" | "filled" | "outlined" | undefined;
     checked?: boolean | undefined;
@@ -11,7 +11,7 @@ export declare const checkboxVariants: ((props?: {
 } | undefined) => {
     wrapper: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "ghost" | "filled" | "outlined" | undefined;
         checked?: boolean | undefined;
@@ -23,7 +23,7 @@ export declare const checkboxVariants: ((props?: {
     }) | undefined) => string;
     control: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "ghost" | "filled" | "outlined" | undefined;
         checked?: boolean | undefined;
@@ -35,7 +35,7 @@ export declare const checkboxVariants: ((props?: {
     }) | undefined) => string;
     box: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "ghost" | "filled" | "outlined" | undefined;
         checked?: boolean | undefined;
@@ -47,7 +47,7 @@ export declare const checkboxVariants: ((props?: {
     }) | undefined) => string;
     icon: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "ghost" | "filled" | "outlined" | undefined;
         checked?: boolean | undefined;
@@ -59,7 +59,7 @@ export declare const checkboxVariants: ((props?: {
     }) | undefined) => string;
     label: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "ghost" | "filled" | "outlined" | undefined;
         checked?: boolean | undefined;
@@ -71,7 +71,7 @@ export declare const checkboxVariants: ((props?: {
     }) | undefined) => string;
     message: (props?: ({
         tier?: "commit" | "modify" | undefined;
-        size?: "sm" | "md" | "lg" | "xs" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         variant?: "ghost" | "filled" | "outlined" | undefined;
         checked?: boolean | undefined;