@xaui/native 0.9.1-alpha.4 → 0.9.1-alpha.41

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

@@ -0,0 +1,111 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { R as RadiusKey } from '../../theme.type-C2gNHpEx.cjs';
+import { R as Recipe, a as StyleFn } from '../../create-recipe-dC7wMfnj.cjs';
+
+/**
+ * The shape of what has not arrived yet.
+ *
+ * ```tsx
+ * <Skeleton width={140} height={20} />
+ * <Skeleton width={48} height={48} radius="full" />
+ *
+ * <Skeleton isLoading={!user} height={20} width={140}>
+ *   <Typography>{user?.name}</Typography>
+ * </Skeleton>
+ * ```
+ *
+ * **One node and no slots.** A placeholder is a rectangle; there is nothing inside it to
+ * name. A paragraph of them is three of these in a `Column`, which is composition doing
+ * what a `lines={3}` prop would otherwise hard-code — including the last line being
+ * shorter, which is the only reason the paragraph reads as a paragraph.
+ *
+ * **It has no `size`, and that is the design.** Only the caller knows the shape of the
+ * thing that is missing, so R14's `width` and `height` are the whole sizing API — full
+ * React Native names and values, `width="60%"` as readily as `width={140}`. A `size`
+ * token here would be a scale of rectangles nobody's content happens to be.
+ *
+ * **`isLoading={false}` renders `children`**, which is what makes it a gate rather than a
+ * shape you mount and unmount around your own content.
+ */
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    radius?: RadiusKey;
+    color?: string;
+    isLoading?: boolean;
+    animation?: boolean;
+    children?: react.ReactNode;
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "radius" | "animation" | "isLoading"> & react.RefAttributes<View>>;
+
+declare const skeletonRecipe: Recipe<"root", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"root">>;
+}>;
+
+type SkeletonSlot = 'root';
+/**
+ * What the `Skeleton` itself understands. R14 — a name in here is the component's, so the
+ * style prop that shares it is not exposed: `color` is R7's tint.
+ *
+ * **No `variant`.** It had two — the neutral fill and that fill at half — sold as the two
+ * backgrounds a placeholder is drawn on. Measured, the second is *less* visible than the
+ * first on every surface in both modes, so it was never the answer to "this block reads as
+ * a hole"; and on a `secondary` `Card` in dark mode both resolve to the surface's own
+ * `#27272a` and vanish. A skeleton has to contrast with whatever is under it, and a fixed
+ * token cannot know what that is — two frozen values were never going to cover three
+ * surfaces times two modes. `color` is the way past it, and it is honest about being a
+ * raw value rather than a name that promises a system.
+ *
+ * **No `asChild`** (R12), because `children` is already taken and means the opposite of
+ * what the prop would need it to. Here it is the content the block stands in for — what
+ * renders once `isLoading` is `false` — while `asChild` hands `Slot` an element to merge
+ * the block's own styles into. One `children` with two meanings, disambiguated by a second
+ * prop, is the kind of API this library exists not to ship. Styling is the escape hatch
+ * instead, and R14 gives every `ViewStyle` key as a prop.
+ */
+type SkeletonOwnProps = {
+    /**
+     * The corner. `full` is the circle an avatar placeholder needs, and it is why this is a
+     * prop rather than the caller's `borderRadius` — a circle is a shape the vocabulary
+     * names, and it has to survive a theme redrawing every corner in the library.
+     */
+    radius?: RadiusKey;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a block,
+     * so it lands on the block.
+     */
+    color?: string;
+    /**
+     * `false` swaps the block for `children`. It is the prop that makes the component a
+     * gate rather than a shape you mount and unmount around your own content:
+     *
+     * ```tsx
+     * <Skeleton isLoading={!user} height={20} width={140}>
+     *   <Typography>{user?.name}</Typography>
+     * </Skeleton>
+     * ```
+     *
+     * @default true
+     */
+    isLoading?: boolean;
+    /**
+     * `false` freezes the block at full opacity and mounts no worklet.
+     *
+     * A boolean rather than HeroUI's `'shimmer' | 'pulse' | 'none'`: a shimmer is a
+     * gradient sweeping across the block, a gradient needs `react-native-svg`, and that is
+     * an optional peer a component in the core cannot require. One animation, so there is
+     * nothing for a name to choose between.
+     */
+    animation?: boolean;
+    /**
+     * What the block stands in for, rendered once `isLoading` is `false`. A skeleton with no
+     * children is a block that never resolves, which is the right thing for a placeholder
+     * whose content is mounted elsewhere.
+     */
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+type SkeletonProps = Omit<ViewProps, 'style'> & SkeletonOwnProps & Omit<ViewStyleProps, keyof SkeletonOwnProps | keyof ViewProps>;
+
+export { Skeleton, type SkeletonProps, type SkeletonSlot, skeletonRecipe };

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

@@ -0,0 +1,111 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { R as RadiusKey } from '../../theme.type-C2gNHpEx.js';
+import { R as Recipe, a as StyleFn } from '../../create-recipe-BdVd2ffi.js';
+
+/**
+ * The shape of what has not arrived yet.
+ *
+ * ```tsx
+ * <Skeleton width={140} height={20} />
+ * <Skeleton width={48} height={48} radius="full" />
+ *
+ * <Skeleton isLoading={!user} height={20} width={140}>
+ *   <Typography>{user?.name}</Typography>
+ * </Skeleton>
+ * ```
+ *
+ * **One node and no slots.** A placeholder is a rectangle; there is nothing inside it to
+ * name. A paragraph of them is three of these in a `Column`, which is composition doing
+ * what a `lines={3}` prop would otherwise hard-code — including the last line being
+ * shorter, which is the only reason the paragraph reads as a paragraph.
+ *
+ * **It has no `size`, and that is the design.** Only the caller knows the shape of the
+ * thing that is missing, so R14's `width` and `height` are the whole sizing API — full
+ * React Native names and values, `width="60%"` as readily as `width={140}`. A `size`
+ * token here would be a scale of rectangles nobody's content happens to be.
+ *
+ * **`isLoading={false}` renders `children`**, which is what makes it a gate rather than a
+ * shape you mount and unmount around your own content.
+ */
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    radius?: RadiusKey;
+    color?: string;
+    isLoading?: boolean;
+    animation?: boolean;
+    children?: react.ReactNode;
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "radius" | "animation" | "isLoading"> & react.RefAttributes<View>>;
+
+declare const skeletonRecipe: Recipe<"root", "default", {
+    readonly radius: Record<RadiusKey, StyleFn<"root">>;
+}>;
+
+type SkeletonSlot = 'root';
+/**
+ * What the `Skeleton` itself understands. R14 — a name in here is the component's, so the
+ * style prop that shares it is not exposed: `color` is R7's tint.
+ *
+ * **No `variant`.** It had two — the neutral fill and that fill at half — sold as the two
+ * backgrounds a placeholder is drawn on. Measured, the second is *less* visible than the
+ * first on every surface in both modes, so it was never the answer to "this block reads as
+ * a hole"; and on a `secondary` `Card` in dark mode both resolve to the surface's own
+ * `#27272a` and vanish. A skeleton has to contrast with whatever is under it, and a fixed
+ * token cannot know what that is — two frozen values were never going to cover three
+ * surfaces times two modes. `color` is the way past it, and it is honest about being a
+ * raw value rather than a name that promises a system.
+ *
+ * **No `asChild`** (R12), because `children` is already taken and means the opposite of
+ * what the prop would need it to. Here it is the content the block stands in for — what
+ * renders once `isLoading` is `false` — while `asChild` hands `Slot` an element to merge
+ * the block's own styles into. One `children` with two meanings, disambiguated by a second
+ * prop, is the kind of API this library exists not to ship. Styling is the escape hatch
+ * instead, and R14 gives every `ViewStyle` key as a prop.
+ */
+type SkeletonOwnProps = {
+    /**
+     * The corner. `full` is the circle an avatar placeholder needs, and it is why this is a
+     * prop rather than the caller's `borderRadius` — a circle is a shape the vocabulary
+     * names, and it has to survive a theme redrawing every corner in the library.
+     */
+    radius?: RadiusKey;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a block,
+     * so it lands on the block.
+     */
+    color?: string;
+    /**
+     * `false` swaps the block for `children`. It is the prop that makes the component a
+     * gate rather than a shape you mount and unmount around your own content:
+     *
+     * ```tsx
+     * <Skeleton isLoading={!user} height={20} width={140}>
+     *   <Typography>{user?.name}</Typography>
+     * </Skeleton>
+     * ```
+     *
+     * @default true
+     */
+    isLoading?: boolean;
+    /**
+     * `false` freezes the block at full opacity and mounts no worklet.
+     *
+     * A boolean rather than HeroUI's `'shimmer' | 'pulse' | 'none'`: a shimmer is a
+     * gradient sweeping across the block, a gradient needs `react-native-svg`, and that is
+     * an optional peer a component in the core cannot require. One animation, so there is
+     * nothing for a name to choose between.
+     */
+    animation?: boolean;
+    /**
+     * What the block stands in for, rendered once `isLoading` is `false`. A skeleton with no
+     * children is a block that never resolves, which is the right thing for a placeholder
+     * whose content is mounted elsewhere.
+     */
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+type SkeletonProps = Omit<ViewProps, 'style'> & SkeletonOwnProps & Omit<ViewStyleProps, keyof SkeletonOwnProps | keyof ViewProps>;
+
+export { Skeleton, type SkeletonProps, type SkeletonSlot, skeletonRecipe };

package/dist/components/skeleton/index.js

@@ -0,0 +1,11 @@
+import {
+  Skeleton,
+  skeletonRecipe
+} from "../../chunk-IKJVLJKT.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  Skeleton,
+  skeletonRecipe
+};

package/dist/components/spinner/index.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkXWNG2U4Kcjs = require('../../chunk-XWNG2U4K.cjs');
+require('../../chunk-XSQPVDFH.cjs');
+require('../../chunk-WFEMJCXO.cjs');
+require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-7DPL3ZDS.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+exports.Spinner = _chunkXWNG2U4Kcjs.Spinner; exports.spinnerRecipe = _chunkXWNG2U4Kcjs.spinnerRecipe;

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

@@ -0,0 +1,104 @@
+import * as react from 'react';
+import * as react_native from 'react-native';
+import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
+import { S as Size, X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
+import { R as Recipe, S as SlotStyles } from '../../create-recipe-dC7wMfnj.cjs';
+
+type SpinnerSlot = 'root' | 'arc';
+/**
+ * Seven names, and each one is **an ink** — a spinner has no fill for a variant to paint.
+ *
+ * That is what makes this a narrowing of §1 bis rather than a second vocabulary. On a
+ * `Chip`, `fg` means "the colour that reads *on* this variant's surface", which is why
+ * `primary` resolves to `accentForeground` — white. A spinner has no surface, so here a
+ * variant names the colour of the thing itself:
+ *
+ * - **`primary`** — `accent`. The brand, waiting.
+ * - **`secondary`** — the accent as it reads on the page rather than on a fill.
+ * - **`default`** — `foreground`. A spinner beside text, in the text's own ink.
+ * - **`tertiary`** — `muted`. The quiet one, for a refresh nobody is waiting on.
+ * - **`success` / `warning` / `danger`** — the three status families, for the wait whose
+ *   outcome is already named: deleting is a `danger` wait.
+ *
+ * **No `ghost`**, because a spinner with no ink is not a spinner, and **no `-soft`
+ * slices**, because a soft slice is a fill softened and there is no fill here. Both are
+ * absences with a reason, which is the test §1 bis sets for narrowing the union.
+ */
+type SpinnerVariant = 'primary' | 'secondary' | 'default' | 'tertiary' | 'success' | 'warning' | 'danger';
+type SpinnerSize = Size;
+/**
+ * What the `Spinner` itself understands. R14 — a name in here is the component's, so the
+ * style prop that shares it is not exposed: `size` is the spinner's scale and never
+ * `ViewStyle`'s, and `color` is R7's tint.
+ *
+ * **No `asChild`**, and this is the one root in the library without one (R12). `Slot`
+ * merges a root's props into a single element, and that element keeps its own children —
+ * so a caller's element could become the track, but the arc is a second node it has no way
+ * to receive. Handing over the track alone would render a ring that never turns, silently.
+ * Styling is the escape hatch instead, and R14 gives every `ViewStyle` key as a prop.
+ */
+type SpinnerOwnProps = {
+    variant?: SpinnerVariant;
+    /** The diameter, and the thickness that goes with it. */
+    size?: SpinnerSize;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a
+     * spinner, so it lands on the ring — and on the track behind it, at the same fraction
+     * the variant's own ink is faded to.
+     */
+    color?: string;
+    /**
+     * `false` stops the rotation and mounts no worklet. The ring stays, so a list of rows
+     * switched off with `animation={false}` does not change height.
+     *
+     * A boolean rather than the `AnimationProp` union `PressableFeedback` takes: there is
+     * one animation here, so there is nothing for an object to switch off one at a time.
+     */
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+type SpinnerProps = Omit<ViewProps, 'style'> & SpinnerOwnProps & Omit<ViewStyleProps, keyof SpinnerOwnProps | keyof ViewProps>;
+
+/**
+ * The wait, drawn.
+ *
+ * ```tsx
+ * <Spinner />
+ * <Spinner variant="danger" size="sm" />
+ * <Spinner color="#7c3aed" accessibilityLabel="Chargement des projets" />
+ * ```
+ *
+ * **Two rings and no slots.** The root is the track — the full circle, in the variant's
+ * ink at a fraction of its opacity — and its one child is the arc that turns over it,
+ * the same circle with a quarter missing. There is nothing between them for a slot to
+ * name, and the two are one figure rather than two parts.
+ *
+ * It is HeroUI's spinner drawn with borders instead of a gradient stroke. Theirs fades a
+ * single arc from opaque to 55%, which needs an SVG `linearGradient` and therefore
+ * `react-native-svg` — an optional peer, which a component in the fifteen-component core
+ * cannot require. Two circles of one ink at two opacities read as the same figure and
+ * cost two views.
+ *
+ * **`size` is the diameter**, and the only measurement a circle has. A spinner that filled
+ * its parent would be a progress bar, so R14's `width` is available and deliberately not
+ * what `size` means.
+ */
+declare const Spinner: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    variant?: SpinnerVariant;
+    size?: SpinnerSize;
+    color?: string;
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "animation"> & react.RefAttributes<View>>;
+
+declare const spinnerRecipe: Recipe<"root" | "arc", SpinnerVariant, {
+    readonly size: {
+        readonly xs: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
+    };
+}>;
+
+export { Spinner, type SpinnerProps, type SpinnerSize, type SpinnerSlot, type SpinnerVariant, spinnerRecipe };

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

@@ -0,0 +1,104 @@
+import * as react from 'react';
+import * as react_native from 'react-native';
+import { ViewProps, StyleProp, ViewStyle, View } from 'react-native';
+import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.js';
+import { S as Size, X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
+import { R as Recipe, S as SlotStyles } from '../../create-recipe-BdVd2ffi.js';
+
+type SpinnerSlot = 'root' | 'arc';
+/**
+ * Seven names, and each one is **an ink** — a spinner has no fill for a variant to paint.
+ *
+ * That is what makes this a narrowing of §1 bis rather than a second vocabulary. On a
+ * `Chip`, `fg` means "the colour that reads *on* this variant's surface", which is why
+ * `primary` resolves to `accentForeground` — white. A spinner has no surface, so here a
+ * variant names the colour of the thing itself:
+ *
+ * - **`primary`** — `accent`. The brand, waiting.
+ * - **`secondary`** — the accent as it reads on the page rather than on a fill.
+ * - **`default`** — `foreground`. A spinner beside text, in the text's own ink.
+ * - **`tertiary`** — `muted`. The quiet one, for a refresh nobody is waiting on.
+ * - **`success` / `warning` / `danger`** — the three status families, for the wait whose
+ *   outcome is already named: deleting is a `danger` wait.
+ *
+ * **No `ghost`**, because a spinner with no ink is not a spinner, and **no `-soft`
+ * slices**, because a soft slice is a fill softened and there is no fill here. Both are
+ * absences with a reason, which is the test §1 bis sets for narrowing the union.
+ */
+type SpinnerVariant = 'primary' | 'secondary' | 'default' | 'tertiary' | 'success' | 'warning' | 'danger';
+type SpinnerSize = Size;
+/**
+ * What the `Spinner` itself understands. R14 — a name in here is the component's, so the
+ * style prop that shares it is not exposed: `size` is the spinner's scale and never
+ * `ViewStyle`'s, and `color` is R7's tint.
+ *
+ * **No `asChild`**, and this is the one root in the library without one (R12). `Slot`
+ * merges a root's props into a single element, and that element keeps its own children —
+ * so a caller's element could become the track, but the arc is a second node it has no way
+ * to receive. Handing over the track alone would render a ring that never turns, silently.
+ * Styling is the escape hatch instead, and R14 gives every `ViewStyle` key as a prop.
+ */
+type SpinnerOwnProps = {
+    variant?: SpinnerVariant;
+    /** The diameter, and the thickness that goes with it. */
+    size?: SpinnerSize;
+    /**
+     * A raw tint (`'#7c3aed'`), never a token (R7). There is one thing to colour on a
+     * spinner, so it lands on the ring — and on the track behind it, at the same fraction
+     * the variant's own ink is faded to.
+     */
+    color?: string;
+    /**
+     * `false` stops the rotation and mounts no worklet. The ring stays, so a list of rows
+     * switched off with `animation={false}` does not change height.
+     *
+     * A boolean rather than the `AnimationProp` union `PressableFeedback` takes: there is
+     * one animation here, so there is nothing for an object to switch off one at a time.
+     */
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+type SpinnerProps = Omit<ViewProps, 'style'> & SpinnerOwnProps & Omit<ViewStyleProps, keyof SpinnerOwnProps | keyof ViewProps>;
+
+/**
+ * The wait, drawn.
+ *
+ * ```tsx
+ * <Spinner />
+ * <Spinner variant="danger" size="sm" />
+ * <Spinner color="#7c3aed" accessibilityLabel="Chargement des projets" />
+ * ```
+ *
+ * **Two rings and no slots.** The root is the track — the full circle, in the variant's
+ * ink at a fraction of its opacity — and its one child is the arc that turns over it,
+ * the same circle with a quarter missing. There is nothing between them for a slot to
+ * name, and the two are one figure rather than two parts.
+ *
+ * It is HeroUI's spinner drawn with borders instead of a gradient stroke. Theirs fades a
+ * single arc from opaque to 55%, which needs an SVG `linearGradient` and therefore
+ * `react-native-svg` — an optional peer, which a component in the fifteen-component core
+ * cannot require. Two circles of one ink at two opacities read as the same figure and
+ * cost two views.
+ *
+ * **`size` is the diameter**, and the only measurement a circle has. A spinner that filled
+ * its parent would be a progress bar, so R14's `width` is available and deliberately not
+ * what `size` means.
+ */
+declare const Spinner: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
+    variant?: SpinnerVariant;
+    size?: SpinnerSize;
+    color?: string;
+    animation?: boolean;
+    style?: StyleProp<ViewStyle>;
+} & Omit<ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "size" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "variant" | "animation"> & react.RefAttributes<View>>;
+
+declare const spinnerRecipe: Recipe<"root" | "arc", SpinnerVariant, {
+    readonly size: {
+        readonly xs: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
+        readonly sm: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<SpinnerSlot>;
+    };
+}>;
+
+export { Spinner, type SpinnerProps, type SpinnerSize, type SpinnerSlot, type SpinnerVariant, spinnerRecipe };

package/dist/components/spinner/index.js

@@ -0,0 +1,17 @@
+import {
+  Spinner,
+  spinnerRecipe
+} from "../../chunk-LTX6TB5I.js";
+import "../../chunk-3GFRSZYR.js";
+import "../../chunk-NCTOTTVW.js";
+import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-423RQBOX.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-4GTAZM2C.js";
+import "../../chunk-A3EGFI6T.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  Spinner,
+  spinnerRecipe
+};

package/dist/components/switch/index.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+var _chunkDA3OKXHVcjs = require('../../chunk-DA3OKXHV.cjs');
+require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-3E7CDKFO.cjs');
+require('../../chunk-7DPL3ZDS.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-FNEUOBCV.cjs');
+require('../../chunk-57SJ4LJF.cjs');
+require('../../chunk-7GHM4GKL.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+
+
+exports.Switch = _chunkDA3OKXHVcjs.Switch; exports.SwitchLabel = _chunkDA3OKXHVcjs.SwitchLabel; exports.SwitchRoot = _chunkDA3OKXHVcjs.SwitchRoot; exports.SwitchThumb = _chunkDA3OKXHVcjs.SwitchThumb; exports.SwitchTrack = _chunkDA3OKXHVcjs.SwitchTrack; exports.switchRecipe = _chunkDA3OKXHVcjs.switchRecipe; exports.useSwitch = _chunkDA3OKXHVcjs.useSwitch;