@xaui/native 0.9.1-alpha.26 → 0.9.1-alpha.28

package/dist/components/radio/index.js

@@ -0,0 +1,24 @@
+import {
+  Radio,
+  RadioIndicator,
+  RadioLabel,
+  RadioRoot,
+  radioRecipe,
+  useRadio
+} from "../../chunk-LKB3RIR2.js";
+import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-EYJEUXXC.js";
+import "../../chunk-4HELPMAK.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-3JATAB7S.js";
+import "../../chunk-PMO62QK4.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-GGW42MY4.js";
+export {
+  Radio,
+  RadioIndicator,
+  RadioLabel,
+  RadioRoot,
+  radioRecipe,
+  useRadio
+};

package/dist/components/typography/index.d.cts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
 import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
-import { R as Recipe } from '../../create-recipe-dBN_ewZc.cjs';
+import { R as Recipe } from '../../create-recipe-CWvI5ot3.cjs';
 import { X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
 
 /**

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

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
 import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
-import { R as Recipe } from '../../create-recipe-C4JkINrA.js';
+import { R as Recipe } from '../../create-recipe-DUo8doTt.js';
 import { X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
 
 /**

package/dist/{create-recipe-dBN_ewZc.d.cts → create-recipe-CWvI5ot3.d.cts}

@@ -19,8 +19,15 @@ type SlotStyles<Slot extends string> = Partial<Record<Slot, SlotStyle>>;
  * **A state that reads a role must find it declared on every variant.** The merge is a
  * shallow spread, so a `borderColor: colors.borderFocus` on a variant that names no
  * `borderFocus` writes `undefined` over the colour `paint` had set.
+ *
+ * `bgSelected` and `fgSelected` are the same reasoning for a control that **toggles**:
+ * `bg` is the box at rest and `bgSelected` is the box once it is on, with `fgSelected`
+ * the mark that has to read against it. They are roles rather than tokens named in an
+ * `isSelected` axis for one reason — **the tint pass re-runs `paint` and the states, not
+ * the axes** — and that is what makes a raw `color` the colour a `Checkbox` checks in,
+ * rather than a colour that disappears the moment it is ticked.
  */
-type VariantRole = 'bg' | 'bgPressed' | 'fg' | 'border' | 'borderFocus';
+type VariantRole = 'bg' | 'bgPressed' | 'bgSelected' | 'fg' | 'fgSelected' | 'border' | 'borderFocus';
 /** Token names per role — no colour value ever appears in a recipe. */
 type VariantTokens = Partial<Record<VariantRole, keyof XAUIColors>>;
 /** The same roles resolved: theme colours, or the slices of a raw `color`. */

package/dist/{create-recipe-C4JkINrA.d.ts → create-recipe-DUo8doTt.d.ts}

@@ -19,8 +19,15 @@ type SlotStyles<Slot extends string> = Partial<Record<Slot, SlotStyle>>;
  * **A state that reads a role must find it declared on every variant.** The merge is a
  * shallow spread, so a `borderColor: colors.borderFocus` on a variant that names no
  * `borderFocus` writes `undefined` over the colour `paint` had set.
+ *
+ * `bgSelected` and `fgSelected` are the same reasoning for a control that **toggles**:
+ * `bg` is the box at rest and `bgSelected` is the box once it is on, with `fgSelected`
+ * the mark that has to read against it. They are roles rather than tokens named in an
+ * `isSelected` axis for one reason — **the tint pass re-runs `paint` and the states, not
+ * the axes** — and that is what makes a raw `color` the colour a `Checkbox` checks in,
+ * rather than a colour that disappears the moment it is ticked.
  */
-type VariantRole = 'bg' | 'bgPressed' | 'fg' | 'border' | 'borderFocus';
+type VariantRole = 'bg' | 'bgPressed' | 'bgSelected' | 'fg' | 'fgSelected' | 'border' | 'borderFocus';
 /** Token names per role — no colour value ever appears in a recipe. */
 type VariantTokens = Partial<Record<VariantRole, keyof XAUIColors>>;
 /** The same roles resolved: theme colours, or the slices of a raw `color`. */

package/dist/index.cjs

@@ -1,6 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
+
+
+
+
+
+
+
+var _chunk63TWVWHGcjs = require('./chunk-63TWVWHG.cjs');
+
+
+
+
+
+
+
+var _chunk5A4M6X5Bcjs = require('./chunk-5A4M6X5B.cjs');
+
+
+
 var _chunk5OXZIZRZcjs = require('./chunk-5OXZIZRZ.cjs');
 
 
@@ -18,7 +37,7 @@ var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
 
 
 
-var _chunk6HXWQ5AUcjs = require('./chunk-6HXWQ5AU.cjs');
+var _chunkVZGBEGDVcjs = require('./chunk-VZGBEGDV.cjs');
 
 
 
@@ -40,7 +59,7 @@ var _chunkJ4JFIC4Wcjs = require('./chunk-J4JFIC4W.cjs');
 
 
 
-var _chunkWVCAFORAcjs = require('./chunk-WVCAFORA.cjs');
+var _chunkCQRUNV6Scjs = require('./chunk-CQRUNV6S.cjs');
 
 
 
@@ -52,22 +71,25 @@ var _chunk6FBGCF5Tcjs = require('./chunk-6FBGCF5T.cjs');
 
 
 
-var _chunkI7G77Q65cjs = require('./chunk-I7G77Q65.cjs');
 
 
 
-var _chunkJ2JJLKLGcjs = require('./chunk-J2JJLKLG.cjs');
+var _chunkV6DGGDHFcjs = require('./chunk-V6DGGDHF.cjs');
 
 
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
+var _chunkE6EFYPJRcjs = require('./chunk-E6EFYPJR.cjs');
 
 
 
 
+var _chunkH7DVR52Zcjs = require('./chunk-H7DVR52Z.cjs');
 
 
 
+var _chunkJ2JJLKLGcjs = require('./chunk-J2JJLKLG.cjs');
 
 
 
@@ -79,7 +101,6 @@ var _chunkJ2JJLKLGcjs = require('./chunk-J2JJLKLG.cjs');
 
 
 
-var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
 
 
 
@@ -89,12 +110,12 @@ var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
 
 
 
-var _chunk3LKGVKQYcjs = require('./chunk-3LKGVKQY.cjs');
 
 
+var _chunkIG4Q3WQOcjs = require('./chunk-IG4Q3WQO.cjs');
+require('./chunk-EJQCQPET.cjs');
 
 
-var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
 
 
 
@@ -102,11 +123,12 @@ var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
 
 
 
+var _chunk3LKGVKQYcjs = require('./chunk-3LKGVKQY.cjs');
 
 
-var _chunkJCKVYYZOcjs = require('./chunk-JCKVYYZO.cjs');
 
 
+var _chunkB4W2XNBPcjs = require('./chunk-B4W2XNBP.cjs');
 
 
 
@@ -116,8 +138,7 @@ var _chunkJCKVYYZOcjs = require('./chunk-JCKVYYZO.cjs');
 
 
 
-var _chunkBULNTP5Ncjs = require('./chunk-BULNTP5N.cjs');
-require('./chunk-EJQCQPET.cjs');
+var _chunkJCKVYYZOcjs = require('./chunk-JCKVYYZO.cjs');
 
 
 
@@ -259,4 +280,17 @@ function usePrevious(value) {
 
 
 
-exports.Alert = _chunkJ4JFIC4Wcjs.Alert; exports.Button = _chunkWVCAFORAcjs.Button; exports.CARD_BACKGROUND = _chunk6FBGCF5Tcjs.CARD_BACKGROUND; exports.Card = _chunk6FBGCF5Tcjs.Card; exports.Chip = _chunkI7G77Q65cjs.Chip; exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.Input = _chunkJCKVYYZOcjs.Input; exports.InputDescription = _chunkJCKVYYZOcjs.InputDescription; exports.InputError = _chunkJCKVYYZOcjs.InputError; exports.InputField = _chunkJCKVYYZOcjs.InputField; exports.InputGroup = _chunk3LKGVKQYcjs.InputGroup; exports.InputGroupField = _chunk3LKGVKQYcjs.InputGroupField; exports.InputGroupIcon = _chunk3LKGVKQYcjs.InputGroupIcon; exports.InputGroupPrefix = _chunk3LKGVKQYcjs.InputGroupPrefix; exports.InputGroupRoot = _chunk3LKGVKQYcjs.InputGroupRoot; exports.InputGroupSuffix = _chunk3LKGVKQYcjs.InputGroupSuffix; exports.InputLabel = _chunkJCKVYYZOcjs.InputLabel; exports.InputOTP = _chunkBULNTP5Ncjs.InputOTP; exports.InputRoot = _chunkJCKVYYZOcjs.InputRoot; exports.OTP_ALPHANUMERIC = _chunkBULNTP5Ncjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunkBULNTP5Ncjs.OTP_DIGITS; exports.OTP_LETTERS = _chunkBULNTP5Ncjs.OTP_LETTERS; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.TextArea = _chunk5OXZIZRZcjs.TextArea; exports.TextSpan = _chunkY7U6ACMBcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkY7U6ACMBcjs.Typography; exports.XAUIProvider = _chunkOHEHPQLCcjs.XAUIProvider; exports.alertRecipe = _chunkJ4JFIC4Wcjs.alertRecipe; exports.buildRadius = _chunkOHEHPQLCcjs.buildRadius; exports.buildShadows = _chunkOHEHPQLCcjs.buildShadows; exports.buildSlots = _chunkBULNTP5Ncjs.buildSlots; exports.buttonRecipe = _chunkWVCAFORAcjs.buttonRecipe; exports.cardRecipe = _chunk6FBGCF5Tcjs.cardRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkI7G77Q65cjs.chipRecipe; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkOHEHPQLCcjs.createTheme; exports.decoratorPadding = _chunk3LKGVKQYcjs.decoratorPadding; exports.defaultTheme = _chunkOHEHPQLCcjs.defaultTheme; exports.deriveColors = _chunkOHEHPQLCcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.extractPastedCode = _chunkBULNTP5Ncjs.extractPastedCode; exports.inputOTPRecipe = _chunkBULNTP5Ncjs.inputOTPRecipe; exports.inputRecipe = _chunkJCKVYYZOcjs.inputRecipe; exports.markBackground = _chunk6FBGCF5Tcjs.markBackground; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkOHEHPQLCcjs.palette; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.primitives = _chunkOHEHPQLCcjs.primitives; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.sourceKeys = _chunkOHEHPQLCcjs.sourceKeys; exports.tokens = _chunkOHEHPQLCcjs.tokens; exports.typographyRecipe = _chunkY7U6ACMBcjs.typographyRecipe; exports.useAlert = _chunkJ4JFIC4Wcjs.useAlert; exports.useButton = _chunkWVCAFORAcjs.useButton; exports.useCard = _chunk6FBGCF5Tcjs.useCard; exports.useChip = _chunkI7G77Q65cjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunkBULNTP5Ncjs.useControllableState; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useInput = _chunkJCKVYYZOcjs.useInput; exports.useInputGroup = _chunk3LKGVKQYcjs.useInputGroup; exports.useInputOTP = _chunkBULNTP5Ncjs.useInputOTP; exports.useInputOTPBox = _chunkBULNTP5Ncjs.useInputOTPBox; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIG4Q3WQOcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useTextArea = _chunk5OXZIZRZcjs.useTextArea; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Alert = _chunkJ4JFIC4Wcjs.Alert; exports.Button = _chunkCQRUNV6Scjs.Button; exports.CARD_BACKGROUND = _chunk6FBGCF5Tcjs.CARD_BACKGROUND; exports.Card = _chunk6FBGCF5Tcjs.Card; exports.Checkbox = _chunkV6DGGDHFcjs.Checkbox; exports.CheckboxIndicator = _chunkV6DGGDHFcjs.CheckboxIndicator; exports.CheckboxLabel = _chunkV6DGGDHFcjs.CheckboxLabel; exports.CheckboxRoot = _chunkV6DGGDHFcjs.CheckboxRoot; exports.Chip = _chunkH7DVR52Zcjs.Chip; exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.Input = _chunkJCKVYYZOcjs.Input; exports.InputDescription = _chunkJCKVYYZOcjs.InputDescription; exports.InputError = _chunkJCKVYYZOcjs.InputError; exports.InputField = _chunkJCKVYYZOcjs.InputField; exports.InputGroup = _chunk3LKGVKQYcjs.InputGroup; exports.InputGroupField = _chunk3LKGVKQYcjs.InputGroupField; exports.InputGroupIcon = _chunk3LKGVKQYcjs.InputGroupIcon; exports.InputGroupPrefix = _chunk3LKGVKQYcjs.InputGroupPrefix; exports.InputGroupRoot = _chunk3LKGVKQYcjs.InputGroupRoot; exports.InputGroupSuffix = _chunk3LKGVKQYcjs.InputGroupSuffix; exports.InputLabel = _chunkJCKVYYZOcjs.InputLabel; exports.InputOTP = _chunk63TWVWHGcjs.InputOTP; exports.InputRoot = _chunkJCKVYYZOcjs.InputRoot; exports.OTP_ALPHANUMERIC = _chunk63TWVWHGcjs.OTP_ALPHANUMERIC; exports.OTP_DIGITS = _chunk63TWVWHGcjs.OTP_DIGITS; exports.OTP_LETTERS = _chunk63TWVWHGcjs.OTP_LETTERS; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunkVZGBEGDVcjs.Portal; exports.PortalContext = _chunkVZGBEGDVcjs.PortalContext; exports.PortalHost = _chunkVZGBEGDVcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.Radio = _chunk5A4M6X5Bcjs.Radio; exports.RadioIndicator = _chunk5A4M6X5Bcjs.RadioIndicator; exports.RadioLabel = _chunk5A4M6X5Bcjs.RadioLabel; exports.RadioRoot = _chunk5A4M6X5Bcjs.RadioRoot; exports.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkE6EFYPJRcjs.SelectionFill; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.TextArea = _chunk5OXZIZRZcjs.TextArea; exports.TextSpan = _chunkY7U6ACMBcjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkY7U6ACMBcjs.Typography; exports.XAUIProvider = _chunkOHEHPQLCcjs.XAUIProvider; exports.alertRecipe = _chunkJ4JFIC4Wcjs.alertRecipe; exports.buildRadius = _chunkOHEHPQLCcjs.buildRadius; exports.buildShadows = _chunkOHEHPQLCcjs.buildShadows; exports.buildSlots = _chunk63TWVWHGcjs.buildSlots; exports.buttonRecipe = _chunkCQRUNV6Scjs.buttonRecipe; exports.cardRecipe = _chunk6FBGCF5Tcjs.cardRecipe; exports.checkboxRecipe = _chunkV6DGGDHFcjs.checkboxRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkH7DVR52Zcjs.chipRecipe; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkOHEHPQLCcjs.createTheme; exports.decoratorPadding = _chunk3LKGVKQYcjs.decoratorPadding; exports.defaultTheme = _chunkOHEHPQLCcjs.defaultTheme; exports.deriveColors = _chunkOHEHPQLCcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.extractPastedCode = _chunk63TWVWHGcjs.extractPastedCode; exports.inputOTPRecipe = _chunk63TWVWHGcjs.inputOTPRecipe; exports.inputRecipe = _chunkJCKVYYZOcjs.inputRecipe; exports.markBackground = _chunk6FBGCF5Tcjs.markBackground; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkOHEHPQLCcjs.palette; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.primitives = _chunkOHEHPQLCcjs.primitives; exports.radioRecipe = _chunk5A4M6X5Bcjs.radioRecipe; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.sourceKeys = _chunkOHEHPQLCcjs.sourceKeys; exports.tokens = _chunkOHEHPQLCcjs.tokens; exports.typographyRecipe = _chunkY7U6ACMBcjs.typographyRecipe; exports.useAlert = _chunkJ4JFIC4Wcjs.useAlert; exports.useButton = _chunkCQRUNV6Scjs.useButton; exports.useCard = _chunk6FBGCF5Tcjs.useCard; exports.useCheckbox = _chunkV6DGGDHFcjs.useCheckbox; exports.useChip = _chunkH7DVR52Zcjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = _chunk7EIHHOHPcjs.useControllableState; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useInput = _chunkJCKVYYZOcjs.useInput; exports.useInputGroup = _chunk3LKGVKQYcjs.useInputGroup; exports.useInputOTP = _chunk63TWVWHGcjs.useInputOTP; exports.useInputOTPBox = _chunk63TWVWHGcjs.useInputOTPBox; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkIG4Q3WQOcjs.usePressState; exports.usePrevious = usePrevious; exports.useRadio = _chunk5A4M6X5Bcjs.useRadio; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useTextArea = _chunk5OXZIZRZcjs.useTextArea; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;

package/dist/index.d.cts

@@ -1,20 +1,22 @@
 export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDescriptionProps, AlertIconProps, AlertProps, AlertSize, AlertSlot, AlertTitleProps, AlertVariant, alertRecipe, useAlert } from './components/alert/index.cjs';
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.cjs';
 export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.cjs';
+export { Checkbox, CheckboxContextValue, CheckboxIndicator, CheckboxIndicatorProps, CheckboxLabel, CheckboxLabelProps, CheckboxProps, CheckboxRoot, CheckboxSize, CheckboxSlot, CheckboxVariant, checkboxRecipe, useCheckbox } from './components/checkbox/index.cjs';
 export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.cjs';
 export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot, inputRecipe, useInput } from './components/input/index.cjs';
 export { InputGroup, InputGroupContextValue, InputGroupField, InputGroupFieldProps, InputGroupIcon, InputGroupIconProps, InputGroupPrefix, InputGroupPrefixProps, InputGroupProps, InputGroupRoot, InputGroupSide, InputGroupSuffix, InputGroupSuffixProps, decoratorPadding, useInputGroup } from './components/input-group/index.cjs';
 export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.cjs';
+export { Radio, RadioContextValue, RadioIndicator, RadioIndicatorProps, RadioLabel, RadioLabelProps, RadioProps, RadioRoot, RadioSize, RadioSlot, RadioVariant, radioRecipe, useRadio } from './components/radio/index.cjs';
 export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.cjs';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.cjs';
 export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.cjs';
 import { RefCallback } from 'react';
 import { PossibleRef } from './system/index.cjs';
-export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.cjs';
+export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, SelectionFill, SelectionFillProps, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.cjs';
 import { GestureResponderEvent } from 'react-native';
 export { C as CloseButtonProps } from './close-button.type-CHsgZ3wO.cjs';
 export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-CF4KiMKl.cjs';
-export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-dBN_ewZc.cjs';
+export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-CWvI5ot3.cjs';
 export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.cjs';
 export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.cjs';

package/dist/index.d.ts

@@ -1,20 +1,22 @@
 export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDescriptionProps, AlertIconProps, AlertProps, AlertSize, AlertSlot, AlertTitleProps, AlertVariant, alertRecipe, useAlert } from './components/alert/index.js';
 export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.js';
 export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.js';
+export { Checkbox, CheckboxContextValue, CheckboxIndicator, CheckboxIndicatorProps, CheckboxLabel, CheckboxLabelProps, CheckboxProps, CheckboxRoot, CheckboxSize, CheckboxSlot, CheckboxVariant, checkboxRecipe, useCheckbox } from './components/checkbox/index.js';
 export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.js';
 export { Input, InputDescription, InputError, InputField, InputLabel, InputRoot, inputRecipe, useInput } from './components/input/index.js';
 export { InputGroup, InputGroupContextValue, InputGroupField, InputGroupFieldProps, InputGroupIcon, InputGroupIconProps, InputGroupPrefix, InputGroupPrefixProps, InputGroupProps, InputGroupRoot, InputGroupSide, InputGroupSuffix, InputGroupSuffixProps, decoratorPadding, useInputGroup } from './components/input-group/index.js';
 export { InputOTP, InputOTPBoxContextValue, InputOTPBoxProps, InputOTPCaretProps, InputOTPContextValue, InputOTPGroupProps, InputOTPHandle, InputOTPPattern, InputOTPPlaceholderProps, InputOTPProps, InputOTPRenderState, InputOTPSeparatorProps, InputOTPSize, InputOTPSlot, InputOTPValueProps, InputOTPVariant, OTPSlotState, OTP_ALPHANUMERIC, OTP_DIGITS, OTP_LETTERS, buildSlots, extractPastedCode, inputOTPRecipe, useInputOTP, useInputOTPBox } from './components/input-otp/index.js';
+export { Radio, RadioContextValue, RadioIndicator, RadioIndicatorProps, RadioLabel, RadioLabelProps, RadioProps, RadioRoot, RadioSize, RadioSlot, RadioVariant, radioRecipe, useRadio } from './components/radio/index.js';
 export { TextArea, TextAreaContextValue, TextAreaFieldProps, TextAreaProps, useTextArea } from './components/text-area/index.js';
 export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.js';
 export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.js';
 import { RefCallback } from 'react';
 import { PossibleRef } from './system/index.js';
-export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.js';
+export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, PortalHostProps, PortalMethods, PortalProps, PressableFeedback, PressableFeedbackHighlightProps, PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, SCALE_REFERENCE_WIDTH, SelectionFill, SelectionFillProps, Slot, SlotProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps } from './system/index.js';
 import { GestureResponderEvent } from 'react-native';
 export { C as CloseButtonProps } from './close-button.type-BUYuoSt2.js';
 export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-Dq4_qePa.js';
-export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-C4JkINrA.js';
+export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-DUo8doTt.js';
 export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.js';
 export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.js';
 export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.js';

package/dist/index.js

@@ -1,3 +1,22 @@
+import {
+  InputOTP,
+  OTP_ALPHANUMERIC,
+  OTP_DIGITS,
+  OTP_LETTERS,
+  buildSlots,
+  extractPastedCode,
+  inputOTPRecipe,
+  useInputOTP,
+  useInputOTPBox
+} from "./chunk-N4UJYDOW.js";
+import {
+  Radio,
+  RadioIndicator,
+  RadioLabel,
+  RadioRoot,
+  radioRecipe,
+  useRadio
+} from "./chunk-LKB3RIR2.js";
 import {
   TextArea,
   useTextArea
@@ -18,7 +37,7 @@ import {
   Portal,
   PortalContext,
   PortalHost
-} from "./chunk-AKXG43S4.js";
+} from "./chunk-Y4BPKSD3.js";
 import {
   XAUIProvider,
   buildRadius,
@@ -40,7 +59,7 @@ import {
   Button,
   buttonRecipe,
   useButton
-} from "./chunk-PQHC65AG.js";
+} from "./chunk-56KVKM27.js";
 import {
   CARD_BACKGROUND,
   Card,
@@ -48,11 +67,25 @@ import {
   markBackground,
   useCard
 } from "./chunk-ZTA47PO5.js";
+import {
+  Checkbox,
+  CheckboxIndicator,
+  CheckboxLabel,
+  CheckboxRoot,
+  checkboxRecipe,
+  useCheckbox
+} from "./chunk-3YN7JQ55.js";
+import {
+  useControllableState
+} from "./chunk-F6W3JQ7K.js";
+import {
+  SelectionFill
+} from "./chunk-EYJEUXXC.js";
 import {
   Chip,
   chipRecipe,
   useChip
-} from "./chunk-3WISQT22.js";
+} from "./chunk-EHARM2EN.js";
 import {
   CloseButton,
   closeButtonBase
@@ -80,6 +113,7 @@ import {
   useFeedback,
   usePressState
 } from "./chunk-4HELPMAK.js";
+import "./chunk-EGLLDKN6.js";
 import {
   InputGroup,
   InputGroupField,
@@ -105,19 +139,6 @@ import {
   inputRecipe,
   useInput
 } from "./chunk-V2FQN6ZK.js";
-import {
-  InputOTP,
-  OTP_ALPHANUMERIC,
-  OTP_DIGITS,
-  OTP_LETTERS,
-  buildSlots,
-  extractPastedCode,
-  inputOTPRecipe,
-  useControllableState,
-  useInputOTP,
-  useInputOTPBox
-} from "./chunk-I6UCYAO2.js";
-import "./chunk-EGLLDKN6.js";
 import {
   createRecipe,
   radiusAxis
@@ -159,6 +180,10 @@ export {
   Button,
   CARD_BACKGROUND,
   Card,
+  Checkbox,
+  CheckboxIndicator,
+  CheckboxLabel,
+  CheckboxRoot,
   Chip,
   CloseButton,
   Column,
@@ -197,8 +222,13 @@ export {
   RIPPLE_FADE_OUT_DELAY,
   RIPPLE_OPACITY,
   RIPPLE_START_SCALE,
+  Radio,
+  RadioIndicator,
+  RadioLabel,
+  RadioRoot,
   Row,
   SCALE_REFERENCE_WIDTH,
+  SelectionFill,
   Slot,
   Stack,
   TextArea,
@@ -212,6 +242,7 @@ export {
   buildSlots,
   buttonRecipe,
   cardRecipe,
+  checkboxRecipe,
   childrenToString,
   chipRecipe,
   closeButtonBase,
@@ -232,6 +263,7 @@ export {
   palette,
   pressScaleFor,
   primitives,
+  radioRecipe,
   radiusAxis,
   resolveAnimation,
   resolveSlotAnimation,
@@ -242,6 +274,7 @@ export {
   useAlert,
   useButton,
   useCard,
+  useCheckbox,
   useChip,
   useColorMode,
   useControllableState,
@@ -255,6 +288,7 @@ export {
   useMergedRef,
   usePressState,
   usePrevious,
+  useRadio,
   useStyleProps,
   useTextArea,
   useThemeColor,

package/dist/system/index.cjs

@@ -2,7 +2,10 @@
 
 
 
-var _chunk6HXWQ5AUcjs = require('../chunk-6HXWQ5AU.cjs');
+var _chunkVZGBEGDVcjs = require('../chunk-VZGBEGDV.cjs');
+
+
+var _chunkE6EFYPJRcjs = require('../chunk-E6EFYPJR.cjs');
 
 
 
@@ -29,12 +32,12 @@ var _chunkJ2JJLKLGcjs = require('../chunk-J2JJLKLG.cjs');
 
 
 var _chunkIG4Q3WQOcjs = require('../chunk-IG4Q3WQO.cjs');
+require('../chunk-EJQCQPET.cjs');
 
 
 
 
 var _chunkB4W2XNBPcjs = require('../chunk-B4W2XNBP.cjs');
-require('../chunk-EJQCQPET.cjs');
 
 
 
@@ -86,4 +89,5 @@ require('../chunk-MC7SY2QH.cjs');
 
 
 
-exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps;
+
+exports.CloseButton = _chunkJ2JJLKLGcjs.CloseButton; exports.FEEDBACK_OVERLAY = _chunkIG4Q3WQOcjs.FEEDBACK_OVERLAY; exports.HIGHLIGHT_DURATION = _chunkIG4Q3WQOcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkIG4Q3WQOcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkB4W2XNBPcjs.Icon; exports.IconContext = _chunkB4W2XNBPcjs.IconContext; exports.PRESS_DURATION = _chunkIG4Q3WQOcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkIG4Q3WQOcjs.PRESS_SCALE; exports.Portal = _chunkVZGBEGDVcjs.Portal; exports.PortalContext = _chunkVZGBEGDVcjs.PortalContext; exports.PortalHost = _chunkVZGBEGDVcjs.PortalHost; exports.PressableFeedback = _chunkIG4Q3WQOcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkIG4Q3WQOcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkIG4Q3WQOcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkIG4Q3WQOcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkIG4Q3WQOcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkIG4Q3WQOcjs.RIPPLE_START_SCALE; exports.SCALE_REFERENCE_WIDTH = _chunkIG4Q3WQOcjs.SCALE_REFERENCE_WIDTH; exports.SelectionFill = _chunkE6EFYPJRcjs.SelectionFill; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.closeButtonBase = _chunkJ2JJLKLGcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.markOverlay = _chunkIG4Q3WQOcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.pressScaleFor = _chunkIG4Q3WQOcjs.pressScaleFor; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkIG4Q3WQOcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkIG4Q3WQOcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkIG4Q3WQOcjs.rippleRadiusFor; exports.useFeedback = _chunkIG4Q3WQOcjs.useFeedback; exports.useIconContext = _chunkB4W2XNBPcjs.useIconContext; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps;

package/dist/system/index.d.cts

@@ -5,8 +5,8 @@ import { ReactNode, Provider, Ref, RefCallback } from 'react';
 import { S as SlotAnimation, F as FeedbackContext, a as AnimationProp, b as ResolvedAnimation, P as PressableFeedbackProps } from '../pressable-feedback.type-BA2C9sSz.cjs';
 export { A as AnimationConfig, R as RadiusStyle, c as RippleWave } from '../pressable-feedback.type-BA2C9sSz.cjs';
 import { R as RadiusKey, X as XAUITheme } from '../theme.type-C2gNHpEx.cjs';
-import { j as StyleFn, f as SlotStyle } from '../create-recipe-dBN_ewZc.cjs';
-export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-dBN_ewZc.cjs';
+import { j as StyleFn, f as SlotStyle } from '../create-recipe-CWvI5ot3.cjs';
+export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-CWvI5ot3.cjs';
 export { C as CloseButtonProps } from '../close-button.type-CHsgZ3wO.cjs';
 import { b as IconProps, a as IconContextValue } from '../icon.type-CF4KiMKl.cjs';
 export { I as IconComponentProps } from '../icon.type-CF4KiMKl.cjs';
@@ -328,6 +328,39 @@ declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_nati
  */
 declare function radiusAxis<Slot extends string>(slot: Slot): Record<RadiusKey, StyleFn<Slot>>;
 
+type SelectionFillProps = {
+    /** Whether the control is on. The fill is the answer, and the mark rides on it. */
+    isVisible: boolean;
+    /** The resolved style of the host component's `fill` slot (R5). */
+    style: StyleProp<ViewStyle>;
+    /** `false` shows the fill without the fade and the scale, and mounts no worklet. */
+    animation?: boolean;
+    /** The mark — a check, a dash, a dot. It appears with the fill, never before it. */
+    children?: ReactNode;
+};
+
+/**
+ * The colour a control takes when it is on, and the mark that arrives with it — the
+ * `Checkbox`'s check on its accent square, the `Radio`'s dot in its accent circle.
+ *
+ * It is a node of its own rather than a background on the box, because it has to fade and
+ * grow in **without taking the border with it**, and the mark has to ride along: a check
+ * arriving before its background reads as a glitch rather than as an animation.
+ *
+ * ```tsx
+ * <SelectionFill isVisible={isSelected} style={fillStyle} animation={animation}>
+ *   <Check />
+ * </SelectionFill>
+ * ```
+ *
+ * The style is the host component's own resolved `fill` slot (R5) — this owns the motion
+ * and nothing else, which is what lets two components share it without sharing a recipe.
+ */
+declare function SelectionFill({ isVisible, style, animation, children, }: SelectionFillProps): react.JSX.Element | null;
+declare namespace SelectionFill {
+    var displayName: string;
+}
+
 /**
  * R3: the string a root should wrap in its default text slot, or `null` when it should
  * render its children as they are.
@@ -471,4 +504,4 @@ type CloseButtonSlots = {
  */
 declare function closeButtonBase(theme: XAUITheme): CloseButtonSlots;
 
-export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };
+export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };

package/dist/system/index.d.ts

@@ -5,8 +5,8 @@ import { ReactNode, Provider, Ref, RefCallback } from 'react';
 import { S as SlotAnimation, F as FeedbackContext, a as AnimationProp, b as ResolvedAnimation, P as PressableFeedbackProps } from '../pressable-feedback.type-Bs4dQlGj.js';
 export { A as AnimationConfig, R as RadiusStyle, c as RippleWave } from '../pressable-feedback.type-Bs4dQlGj.js';
 import { R as RadiusKey, X as XAUITheme } from '../theme.type-C2gNHpEx.js';
-import { j as StyleFn, f as SlotStyle } from '../create-recipe-C4JkINrA.js';
-export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-C4JkINrA.js';
+import { j as StyleFn, f as SlotStyle } from '../create-recipe-DUo8doTt.js';
+export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-DUo8doTt.js';
 export { C as CloseButtonProps } from '../close-button.type-BUYuoSt2.js';
 import { b as IconProps, a as IconContextValue } from '../icon.type-Dq4_qePa.js';
 export { I as IconComponentProps } from '../icon.type-Dq4_qePa.js';
@@ -328,6 +328,39 @@ declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_nati
  */
 declare function radiusAxis<Slot extends string>(slot: Slot): Record<RadiusKey, StyleFn<Slot>>;
 
+type SelectionFillProps = {
+    /** Whether the control is on. The fill is the answer, and the mark rides on it. */
+    isVisible: boolean;
+    /** The resolved style of the host component's `fill` slot (R5). */
+    style: StyleProp<ViewStyle>;
+    /** `false` shows the fill without the fade and the scale, and mounts no worklet. */
+    animation?: boolean;
+    /** The mark — a check, a dash, a dot. It appears with the fill, never before it. */
+    children?: ReactNode;
+};
+
+/**
+ * The colour a control takes when it is on, and the mark that arrives with it — the
+ * `Checkbox`'s check on its accent square, the `Radio`'s dot in its accent circle.
+ *
+ * It is a node of its own rather than a background on the box, because it has to fade and
+ * grow in **without taking the border with it**, and the mark has to ride along: a check
+ * arriving before its background reads as a glitch rather than as an animation.
+ *
+ * ```tsx
+ * <SelectionFill isVisible={isSelected} style={fillStyle} animation={animation}>
+ *   <Check />
+ * </SelectionFill>
+ * ```
+ *
+ * The style is the host component's own resolved `fill` slot (R5) — this owns the motion
+ * and nothing else, which is what lets two components share it without sharing a recipe.
+ */
+declare function SelectionFill({ isVisible, style, animation, children, }: SelectionFillProps): react.JSX.Element | null;
+declare namespace SelectionFill {
+    var displayName: string;
+}
+
 /**
  * R3: the string a root should wrap in its default text slot, or `null` when it should
  * render its children as they are.
@@ -471,4 +504,4 @@ type CloseButtonSlots = {
  */
 declare function closeButtonBase(theme: XAUITheme): CloseButtonSlots;
 
-export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };
+export { AnimationProp, type AsChildProps, CloseButton, type CloseButtonSlots, FEEDBACK_OVERLAY, FeedbackContext, HIGHLIGHT_DURATION, HIGHLIGHT_OPACITY, Icon, IconContext, IconContextValue, IconProps, type MergeableProps, PRESS_DURATION, PRESS_SCALE, Portal, PortalContext, PortalHost, type PortalHostProps, type PortalMethods, type PortalProps, type PossibleRef, PressableFeedback, type PressableFeedbackHighlightProps, PressableFeedbackProps, type PressableFeedbackRippleProps, RIPPLE_CONFIRM_DURATION, RIPPLE_EXPAND_DURATION, RIPPLE_FADE_IN, RIPPLE_FADE_OUT, RIPPLE_FADE_OUT_DELAY, RIPPLE_OPACITY, RIPPLE_START_SCALE, ResolvedAnimation, SCALE_REFERENCE_WIDTH, SelectionFill, type SelectionFillProps, Slot, SlotAnimation, type SlotProps, SlotStyle, StyleFn, ViewStyleProps, childrenToString, closeButtonBase, createSlotContext, markOverlay, mergeProps, mergeRefs, pressScaleFor, radiusAxis, resolveAnimation, resolveSlotAnimation, rippleRadiusFor, useFeedback, useIconContext, useStyleProps };

package/dist/system/index.js

@@ -2,7 +2,10 @@ import {
   Portal,
   PortalContext,
   PortalHost
-} from "../chunk-AKXG43S4.js";
+} from "../chunk-Y4BPKSD3.js";
+import {
+  SelectionFill
+} from "../chunk-EYJEUXXC.js";
 import {
   CloseButton,
   closeButtonBase
@@ -29,12 +32,12 @@ import {
   rippleRadiusFor,
   useFeedback
 } from "../chunk-4HELPMAK.js";
+import "../chunk-EGLLDKN6.js";
 import {
   Icon,
   IconContext,
   useIconContext
 } from "../chunk-ICR42HHG.js";
-import "../chunk-EGLLDKN6.js";
 import {
   createRecipe,
   radiusAxis
@@ -70,6 +73,7 @@ export {
   RIPPLE_OPACITY,
   RIPPLE_START_SCALE,
   SCALE_REFERENCE_WIDTH,
+  SelectionFill,
   Slot,
   childrenToString,
   closeButtonBase,