@xaui/native 0.9.1-beta.97 → 0.9.1-beta.99

package/dist/{chunk-VQG7K5QE.js → chunk-XJEG4Q2R.js}

@@ -1,5 +1,6 @@
 import { collectItemLabels, readItemLabel, useLabelRegistry } from "./chunk-4WCBZFAK.js";
 import { useAnchoredPosition } from "./chunk-Z6FRP4EV.js";
+import { textFieldRecipe } from "./chunk-NTVPLDJC.js";
 import { selectRecipe } from "./chunk-AMFGATFY.js";
 import { Portal } from "./chunk-2PMXMKS5.js";
 import { INDICATOR_ROTATION, INDICATOR_SPRING, anchoredEntering, anchoredExiting, overlayEntering, overlayExiting } from "./chunk-64MXEVT3.js";
@@ -10,13 +11,13 @@ import { usePressState } from "./chunk-423RQBOX.js";
 import { ChevronDownIcon, Icon, IconContext } from "./chunk-JN6IRT2M.js";
 import { childrenToString } from "./chunk-WFZDAXDI.js";
 import { createRecipe } from "./chunk-DKVXTMIJ.js";
-import { createSlotContext } from "./chunk-TTZOIXKE.js";
+import { Slot, createSlotContext } from "./chunk-TTZOIXKE.js";
 import { useXAUITheme } from "./chunk-Z6JBWRPL.js";
 import { useStyleProps } from "./chunk-M63GFNKV.js";
 
 // src/components/autocomplete/autocomplete.tsx
-import { useCallback, useMemo, useState } from "react";
-import { StyleSheet } from "react-native";
+import { forwardRef, useCallback, useId, useMemo, useState } from "react";
+import { StyleSheet, View } from "react-native";
 
 // src/components/autocomplete/autocomplete.context.ts
 var [AutocompleteProvider, useAutocomplete] = createSlotContext("Autocomplete");
@@ -101,7 +102,7 @@ var autocompleteRecipe = createRecipe({
 
 // src/components/autocomplete/autocomplete.tsx
 import { jsx } from "react/jsx-runtime";
-function Autocomplete({
+var Autocomplete = forwardRef(function Autocomplete2({
   children,
   variant,
   size,
@@ -117,14 +118,21 @@ function Autocomplete({
   defaultQuery = "",
   onQueryChange,
   isDisabled = false,
-  isInvalid = false
-}) {
+  isInvalid = false,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
   const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
   const {
     labelFor,
     registerLabel
   } = useLabelRegistry();
   const [anchor, setAnchor] = useState(null);
+  const id = useId();
+  const labelId = `${id}-label`;
+  const descriptionId = `${id}-description`;
   const [value, setValue] = useControllableState({
     value: controlledValue,
     defaultValue,
@@ -149,10 +157,7 @@ function Autocomplete({
   };
   const styles = selectRecipe.resolve({
     theme,
-    selection,
-    states: {
-      disabled: isDisabled
-    }
+    selection
   });
   const pressed = selectRecipe.resolve({
     theme,
@@ -166,6 +171,16 @@ function Autocomplete({
     color,
     selection
   }) : void 0;
+  const labelled = textFieldRecipe.resolve({
+    theme,
+    selection: {
+      size,
+      isInvalid: isInvalid ? "true" : void 0
+    },
+    states: {
+      disabled: isDisabled
+    }
+  });
   const own = autocompleteRecipe.resolve({
     theme,
     selection: {
@@ -208,6 +223,9 @@ function Autocomplete({
       itemStyle: styles.item,
       itemPressedStyle: pressed.item,
       itemLabelStyle: styles.itemLabel,
+      labelStyle: labelled.label,
+      descriptionStyle: labelled.description,
+      errorStyle: labelled.error,
       glyph: {
         size: indicator.fontSize,
         color: typeof indicator.color === "string" ? indicator.color : void 0
@@ -226,18 +244,35 @@ function Autocomplete({
       anchor,
       setAnchor,
       labelFor,
-      registerLabel
+      registerLabel,
+      labelId,
+      descriptionId
     };
-  }, [styles, pressed, tint, own, ownTint, value, query, setQueryState, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
+  }, [styles, pressed, tint, own, ownTint, labelled, labelId, descriptionId, value, query, setQueryState, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
+  const columnStyle = [labelled.root, styleProps, style];
+  const column = asChild ?
+  // R12 — the caller's element is the column.
+  /* @__PURE__ */
+  jsx(Slot, {
+    ref,
+    ...rest,
+    style: columnStyle,
+    children
+  }) : /* @__PURE__ */jsx(View, {
+    ref,
+    ...rest,
+    style: columnStyle,
+    children
+  });
   return /* @__PURE__ */jsx(AutocompleteProvider, {
     value: context,
-    children
+    children: column
   });
-}
+});
 Autocomplete.displayName = "XAUI.Autocomplete.Root";
 
 // src/components/autocomplete/autocomplete-content.tsx
-import { Children as Children2, forwardRef as forwardRef5, isValidElement as isValidElement2, useEffect, useMemo as useMemo3 } from "react";
+import { Children as Children2, forwardRef as forwardRef6, isValidElement as isValidElement2, useEffect, useMemo as useMemo3 } from "react";
 import { ScrollView } from "react-native";
 import Animated from "react-native-reanimated";
 
@@ -270,10 +305,10 @@ function filterItems(children, query, isItem2) {
 }
 
 // src/components/autocomplete/autocomplete-empty.tsx
-import { forwardRef } from "react";
+import { forwardRef as forwardRef2 } from "react";
 import { Text } from "react-native";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var AutocompleteEmpty = forwardRef(function AutocompleteEmpty2({
+var AutocompleteEmpty = forwardRef2(function AutocompleteEmpty2({
   children,
   style,
   ...props
@@ -292,13 +327,13 @@ var AutocompleteEmpty = forwardRef(function AutocompleteEmpty2({
 AutocompleteEmpty.displayName = "XAUI.Autocomplete.Empty";
 
 // src/components/autocomplete/autocomplete-item.tsx
-import { forwardRef as forwardRef3, useCallback as useCallback2, useMemo as useMemo2 } from "react";
+import { forwardRef as forwardRef4, useCallback as useCallback2, useMemo as useMemo2 } from "react";
 
 // src/components/autocomplete/autocomplete-item-label.tsx
-import { forwardRef as forwardRef2 } from "react";
+import { forwardRef as forwardRef3 } from "react";
 import { Text as Text2 } from "react-native";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var AutocompleteItemLabel = forwardRef2(function AutocompleteItemLabel2({
+var AutocompleteItemLabel = forwardRef3(function AutocompleteItemLabel2({
   children,
   style,
   ...props
@@ -318,7 +353,7 @@ AutocompleteItemLabel.displayName = "XAUI.Autocomplete.ItemLabel";
 
 // src/components/autocomplete/autocomplete-item.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
-var AutocompleteItem = forwardRef3(function AutocompleteItem2({
+var AutocompleteItem = forwardRef4(function AutocompleteItem2({
   value,
   label,
   children,
@@ -385,10 +420,10 @@ var AutocompleteItem = forwardRef3(function AutocompleteItem2({
 AutocompleteItem.displayName = "XAUI.Autocomplete.Item";
 
 // src/components/autocomplete/autocomplete-search.tsx
-import { forwardRef as forwardRef4 } from "react";
+import { forwardRef as forwardRef5 } from "react";
 import { TextInput } from "react-native";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var AutocompleteSearch = forwardRef4(function AutocompleteSearch2({
+var AutocompleteSearch = forwardRef5(function AutocompleteSearch2({
   autoFocus = true,
   style,
   ...props
@@ -429,7 +464,7 @@ var DEFAULT_INSETS = {
 var isItem = type => type === AutocompleteItem;
 var isSearch = type => type === AutocompleteSearch;
 var isEmpty = type => type === AutocompleteEmpty;
-var AutocompleteContent = forwardRef5(function AutocompleteContent2({
+var AutocompleteContent = forwardRef6(function AutocompleteContent2({
   children,
   placement = "bottom",
   align = "center",
@@ -533,14 +568,61 @@ function partition(children) {
   };
 }
 
+// src/components/autocomplete/autocomplete-description.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { Text as Text3 } from "react-native";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var AutocompleteDescription = forwardRef7(function AutocompleteDescription2({
+  children,
+  style,
+  nativeID,
+  ...props
+}, ref) {
+  const {
+    descriptionStyle,
+    descriptionId
+  } = useAutocomplete();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx7(Text3, {
+    ref,
+    nativeID: nativeID ?? descriptionId,
+    style: [descriptionStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+AutocompleteDescription.displayName = "XAUI.Autocomplete.Description";
+
+// src/components/autocomplete/autocomplete-error.tsx
+import { forwardRef as forwardRef8 } from "react";
+import { Text as Text4 } from "react-native";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var AutocompleteError = forwardRef8(function AutocompleteError2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    errorStyle
+  } = useAutocomplete();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx8(Text4, {
+    ref,
+    style: [errorStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+AutocompleteError.displayName = "XAUI.Autocomplete.Error";
+
 // src/components/autocomplete/autocomplete-indicator.tsx
 import { useEffect as useEffect2 } from "react";
 import Animated2, { interpolate, useAnimatedStyle, useSharedValue, withSpring } from "react-native-reanimated";
-import { jsx as jsx7 } from "react/jsx-runtime";
-const _worklet_2784553697165_init_data = {
-  code: "function chunkVQG7K5QEJs1(){const{interpolate,progress,INDICATOR_ROTATION}=this.__closure;return{transform:[{rotate:interpolate(progress.get(),[0,1],[INDICATOR_ROTATION[0],INDICATOR_ROTATION[1]])+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-VQG7K5QE.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkVQG7K5QEJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-VQG7K5QE.js\"],\"mappings\":\"AA4hBoC,SAAAA,gBAAMA,CAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,CAEtC,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,WAAW,CAACC,QAAQ,CAACK,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,kBAAkB,CAAC,CAAC,CAAC,CAAEA,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAChG,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
+import { jsx as jsx9 } from "react/jsx-runtime";
+const _worklet_6900067877253_init_data = {
+  code: "function chunkXJEG4Q2RJs1(){const{interpolate,progress,INDICATOR_ROTATION}=this.__closure;return{transform:[{rotate:interpolate(progress.get(),[0,1],[INDICATOR_ROTATION[0],INDICATOR_ROTATION[1]])+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-XJEG4Q2R.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkXJEG4Q2RJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-XJEG4Q2R.js\"],\"mappings\":\"AAwlBoC,SAAAA,gBAAMA,CAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,CAEtC,MAAO,CACLC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,WAAW,CAACC,QAAQ,CAACK,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,kBAAkB,CAAC,CAAC,CAAC,CAAEA,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAChG,CAAC,CAEL,CAAC,CACH\",\"ignoreList\":[]}"
 };
 function AutocompleteIndicator(props) {
   const {
@@ -554,52 +636,77 @@ function AutocompleteIndicator(props) {
   useEffect2(() => {
     progress.set(withSpring(isOpen ? 1 : 0, INDICATOR_SPRING));
   }, [isOpen, progress]);
-  const rotation = useAnimatedStyle(function chunkVQG7K5QEJs1Factory({
-    _worklet_2784553697165_init_data,
+  const rotation = useAnimatedStyle(function chunkXJEG4Q2RJs1Factory({
+    _worklet_6900067877253_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkVQG7K5QEJs1 = function () {
+    const chunkXJEG4Q2RJs1 = function () {
       return {
         transform: [{
           rotate: `${interpolate(progress.get(), [0, 1], [INDICATOR_ROTATION[0], INDICATOR_ROTATION[1]])}deg`
         }]
       };
     };
-    chunkVQG7K5QEJs1.__closure = {
+    chunkXJEG4Q2RJs1.__closure = {
       interpolate,
       progress,
       INDICATOR_ROTATION
     };
-    chunkVQG7K5QEJs1.__workletHash = 2784553697165;
-    chunkVQG7K5QEJs1.__pluginVersion = "0.7.4";
-    chunkVQG7K5QEJs1.__initData = _worklet_2784553697165_init_data;
-    chunkVQG7K5QEJs1.__stackDetails = _e;
-    return chunkVQG7K5QEJs1;
+    chunkXJEG4Q2RJs1.__workletHash = 6900067877253;
+    chunkXJEG4Q2RJs1.__pluginVersion = "0.7.4";
+    chunkXJEG4Q2RJs1.__initData = _worklet_6900067877253_init_data;
+    chunkXJEG4Q2RJs1.__stackDetails = _e;
+    return chunkXJEG4Q2RJs1;
   }({
-    _worklet_2784553697165_init_data,
+    _worklet_6900067877253_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
   }), [progress]);
-  return /* @__PURE__ */jsx7(Animated2.View, {
+  return /* @__PURE__ */jsx9(Animated2.View, {
     style: [indicatorStyle, rotation],
-    children: /* @__PURE__ */jsx7(Icon, {
+    children: /* @__PURE__ */jsx9(Icon, {
       as
     })
   });
 }
 AutocompleteIndicator.displayName = "XAUI.Autocomplete.Indicator";
 
+// src/components/autocomplete/autocomplete-label.tsx
+import { forwardRef as forwardRef9 } from "react";
+import { Text as Text5 } from "react-native";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var AutocompleteLabel = forwardRef9(function AutocompleteLabel2({
+  children,
+  style,
+  nativeID,
+  ...props
+}, ref) {
+  const {
+    labelStyle,
+    labelId
+  } = useAutocomplete();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx10(Text5, {
+    ref,
+    nativeID: nativeID ?? labelId,
+    style: [labelStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+AutocompleteLabel.displayName = "XAUI.Autocomplete.Label";
+
 // src/components/autocomplete/autocomplete-overlay.tsx
-import { forwardRef as forwardRef6 } from "react";
+import { forwardRef as forwardRef10 } from "react";
 import { Pressable } from "react-native";
 import Animated3 from "react-native-reanimated";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var AnimatedPressable = Animated3.createAnimatedComponent(Pressable);
-var AutocompleteOverlay = forwardRef6(function AutocompleteOverlay2({
+var AutocompleteOverlay = forwardRef10(function AutocompleteOverlay2({
   children,
   style,
   ...props
@@ -612,10 +719,10 @@ var AutocompleteOverlay = forwardRef6(function AutocompleteOverlay2({
   } = context;
   const [styleProps, rest] = useStyleProps(props);
   if (!isOpen) return null;
-  return /* @__PURE__ */jsx8(Portal, {
-    children: /* @__PURE__ */jsx8(AutocompleteProvider, {
+  return /* @__PURE__ */jsx11(Portal, {
+    children: /* @__PURE__ */jsx11(AutocompleteProvider, {
       value: context,
-      children: /* @__PURE__ */jsx8(AnimatedPressable, {
+      children: /* @__PURE__ */jsx11(AnimatedPressable, {
         ref,
         entering: overlayEntering,
         exiting: overlayExiting,
@@ -632,9 +739,9 @@ var AutocompleteOverlay = forwardRef6(function AutocompleteOverlay2({
 AutocompleteOverlay.displayName = "XAUI.Autocomplete.Overlay";
 
 // src/components/autocomplete/autocomplete-trigger.tsx
-import { forwardRef as forwardRef7, useCallback as useCallback3, useEffect as useEffect3, useRef } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
+import { forwardRef as forwardRef11, useCallback as useCallback3, useEffect as useEffect3, useRef } from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var AutocompleteTrigger = forwardRef11(function AutocompleteTrigger2({
   children,
   asChild = false,
   accessibilityRole = "combobox",
@@ -654,7 +761,9 @@ var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
     isDisabled,
     isInvalid,
     toggle,
-    setAnchor
+    setAnchor,
+    labelId,
+    descriptionId
   } = useAutocomplete();
   const [styleProps, rest] = useStyleProps(props);
   const [isPressed, press] = usePressState({
@@ -685,9 +794,9 @@ var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
     measure();
     toggle();
   }, [measure, onPress, toggle]);
-  return /* @__PURE__ */jsx9(IconContext.Provider, {
+  return /* @__PURE__ */jsx12(IconContext.Provider, {
     value: glyph,
-    children: /* @__PURE__ */jsx9(PressableFeedback, {
+    children: /* @__PURE__ */jsx12(PressableFeedback, {
       ref: refs,
       isPressed,
       isDisabled,
@@ -699,6 +808,8 @@ var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
         ...accessibilityState
       },
       "aria-invalid": isInvalid || void 0,
+      "aria-labelledby": labelId,
+      "aria-describedby": descriptionId,
       ...rest,
       onLayout: handleLayout,
       style: [triggerStyle, isPressed && triggerPressedStyle, styleProps, typeof style === "function" ? style({
@@ -714,10 +825,10 @@ var AutocompleteTrigger = forwardRef7(function AutocompleteTrigger2({
 AutocompleteTrigger.displayName = "XAUI.Autocomplete.Trigger";
 
 // src/components/autocomplete/autocomplete-value.tsx
-import { forwardRef as forwardRef8 } from "react";
-import { Text as Text3 } from "react-native";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var AutocompleteValue = forwardRef8(function AutocompleteValue2({
+import { forwardRef as forwardRef12 } from "react";
+import { Text as Text6 } from "react-native";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var AutocompleteValue = forwardRef12(function AutocompleteValue2({
   children,
   placeholder,
   style,
@@ -732,7 +843,7 @@ var AutocompleteValue = forwardRef8(function AutocompleteValue2({
   const [styleProps, rest] = useStyleProps(props);
   const label = children ?? (value === void 0 ? void 0 : labelFor(value));
   const isEmpty2 = label === void 0 || label === null;
-  return /* @__PURE__ */jsx10(Text3, {
+  return /* @__PURE__ */jsx13(Text6, {
     ref,
     numberOfLines: 1,
     ...rest,
@@ -743,7 +854,8 @@ var AutocompleteValue = forwardRef8(function AutocompleteValue2({
 AutocompleteValue.displayName = "XAUI.Autocomplete.Value";
 
 // src/components/autocomplete/index.ts
-var Autocomplete2 = Object.assign(Autocomplete, {
+var Autocomplete3 = Object.assign(Autocomplete, {
+  Label: AutocompleteLabel,
   Trigger: AutocompleteTrigger,
   Value: AutocompleteValue,
   Indicator: AutocompleteIndicator,
@@ -752,6 +864,8 @@ var Autocomplete2 = Object.assign(Autocomplete, {
   Search: AutocompleteSearch,
   Item: AutocompleteItem,
   ItemLabel: AutocompleteItemLabel,
-  Empty: AutocompleteEmpty
+  Empty: AutocompleteEmpty,
+  Description: AutocompleteDescription,
+  Error: AutocompleteError
 });
-export { useAutocomplete, useAutocompleteItem, autocompleteRecipe, Autocomplete, AutocompleteEmpty, AutocompleteItemLabel, AutocompleteItem, AutocompleteSearch, AutocompleteContent, AutocompleteIndicator, AutocompleteOverlay, AutocompleteTrigger, AutocompleteValue, Autocomplete2 };
+export { useAutocomplete, useAutocompleteItem, autocompleteRecipe, Autocomplete, AutocompleteEmpty, AutocompleteItemLabel, AutocompleteItem, AutocompleteSearch, AutocompleteContent, AutocompleteDescription, AutocompleteError, AutocompleteIndicator, AutocompleteLabel, AutocompleteOverlay, AutocompleteTrigger, AutocompleteValue, Autocomplete3 as Autocomplete2 };

package/dist/{chunk-SIOSYITD.cjs → chunk-ZBFBF7S4.cjs}

@@ -324,14 +324,30 @@ var AgendaCalendarNextButton = navButton(1, "XAUI.AgendaCalendar.NextButton", sh
 // src/components/agenda-calendar/agenda-calendar.recipe.ts
 var SLOTS = ["root", "header", "nav", "navButton", "today", "todayDisabled", "todayLabel", "week", "picker", "pickerItem"];
 var VARIANT_TOKENS = {
-  // One entry, and it is still a table: `resolveTint` only maps roles a variant declared,
-  // and without one the `color` a caller writes would never reach the pill's word. `fg` is
-  // `accent` — the word reads as the accent by default and takes the tint when there is
-  // one; `foreground` here left it plain, and left it `undefined` (RN's black) in dark
-  // wherever the token failed to resolve.
-  default: {
-    bg: "default",
+  // The four the `Calendar` declares, answered on the pill rather than on a disc. The
+  // variant is a level of emphasis, and the two controls it reaches are the chosen day and
+  // this button — a strip whose chosen day is a soft wash under a pill that kept a hard
+  // accent border is two variants on one card.
+  //
+  // The emphasis runs the other way round from a `Button`'s, and on purpose: `primary`
+  // outlines rather than fills. The pill sits between two bare chevrons, so the filled
+  // accent that makes a `Button` primary would read here as the primary action of the whole
+  // card — the accent goes on the word instead, which is where the strip's own accent is.
+  primary: {
+    border: "border",
     fg: "accent"
+  },
+  secondary: {
+    bg: "accentSoft",
+    fg: "accentSoftForeground"
+  },
+  tertiary: {
+    bg: "default",
+    fg: "defaultForeground"
+  },
+  // No fill and no border: the word alone, as `ghost` means everywhere else.
+  ghost: {
+    fg: "foreground"
   }
 };
 var SIZES = {
@@ -410,18 +426,14 @@ var agendaCalendarRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
       alignItems: "center",
       justifyContent: "center"
     },
-    // A bordered pill rather than a filled one: it sits between two bare chevrons, and a
-    // filled button there would read as the primary action of the whole card.
+    // The box only. Whether it is outlined, washed or bare is the variant's, below.
     today: {
       alignItems: "center",
-      justifyContent: "center",
-      borderWidth: theme.borderWidth.default,
-      borderColor: theme.colors.border
+      justifyContent: "center"
     },
     todayLabel: {
       fontFamily: theme.fontFamilies.body,
-      fontWeight: theme.fontWeights.medium,
-      color: theme.colors.accent
+      fontWeight: theme.fontWeights.medium
     },
     week: {
       flexDirection: "row"
@@ -445,14 +457,20 @@ var agendaCalendarRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
     }
   }),
   variantTokens: VARIANT_TOKENS,
-  // The word is the one thing here a variant colours: the accent by default, the tint when
-  // a `color` is set. Guarded because a resolve pass with no variant token leaves `fg`
-  // unset, and spreading `{ color: undefined }` over the base would drop it to RN's black.
-  paint: (_theme, colors) => colors.fg ? {
+  // The `Button`'s own paint, one slot down: the border's *width* follows the presence of
+  // the border role rather than a per-variant flag, because which variant outlines is
+  // already stated in the table above. `undefined` where a variant names no `bg` is the
+  // transparent the outlined and the bare pill both want.
+  paint: (theme, colors) => ({
+    today: {
+      backgroundColor: colors.bg,
+      borderColor: colors.border,
+      borderWidth: colors.border ? theme.borderWidth.default : 0
+    },
     todayLabel: {
       color: colors.fg
     }
-  } : {},
+  }),
   variants: {
     size: {
       sm: sizeAxis(SIZES.sm),
@@ -469,11 +487,12 @@ var agendaCalendarRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
       }
     })
   },
-  // `variant: 'default'` so both passes resolve the one token — without it `resolve` runs
-  // `paint` with no colours and `tint` bails before the word, so a `color` prop never
-  // reached the pill and dark mode fell through to black.
+  // The `Calendar`'s default, because the two resolve from the same `variant` prop and a
+  // card whose strip defaulted to one and whose pill to another is not one component.
+  // Naming it is also what makes `paint` and `tint` run at all — without a variant both are
+  // handed no colours, and the pill loses its word to RN's black.
   defaultVariants: {
-    variant: "default",
+    variant: "primary",
     size: "md"
   }
 });
@@ -528,14 +547,14 @@ var AgendaCalendarRoot = _react.forwardRef.call(void 0, function AgendaCalendar(
   });
   const resolvedLocale = _nullishCoalesce(locale, () => deviceLocale());
   const weekStart = _nullishCoalesce(firstDayOfWeek, () => _chunkISHMSP6Pcjs.firstDayOfWeekFor.call(void 0, resolvedLocale));
-  const cellSelection = {
+  const selection = {
     variant,
     size,
     radius
   };
   const cells = _chunk6ZWQDTGQcjs.calendarRecipe.resolve({
     theme,
-    selection: cellSelection,
+    selection,
     states: {
       disabled: isDisabled
     }
@@ -543,12 +562,8 @@ var AgendaCalendarRoot = _react.forwardRef.call(void 0, function AgendaCalendar(
   const cellTint = color ? _chunk6ZWQDTGQcjs.calendarRecipe.tint({
     theme,
     color,
-    selection: cellSelection
+    selection
   }) : void 0;
-  const selection = {
-    size,
-    radius
-  };
   const styles = agendaCalendarRecipe.resolve({
     theme,
     selection,
@@ -646,7 +661,7 @@ var AgendaCalendarRoot = _react.forwardRef.call(void 0, function AgendaCalendar(
       },
       pickerItemLabelStyle: cells.dayLabel,
       pickerItemLabelSelectedStyle: cellTint ? [cells.dayLabelSelected, cellTint.dayLabelSelected] : cells.dayLabelSelected,
-      todayStyle: styles.today,
+      todayStyle: tint ? [styles.today, tint.today] : styles.today,
       todayDisabledStyle: styles.todayDisabled,
       todayLabelStyle: tint ? [styles.todayLabel, tint.todayLabel] : styles.todayLabel,
       weekStyle: styles.week,
@@ -806,10 +821,10 @@ var SPRING = {
   stiffness: 220,
   mass: 0.6
 };
-const _worklet_15620349857844_init_data = {
-  code: "function chunkSIOSYITDCjs1(){const{drag}=this.__closure;return{transform:[{translateX:drag.get()}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SIOSYITD.cjs",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkSIOSYITDCjs1\",\"drag\",\"__closure\",\"transform\",\"translateX\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SIOSYITD.cjs\"],\"mappings\":\"AAs0BuE,SAAAA,iBAAMA,CAAA,QAAAC,IAAA,OAAAC,SAAA,CAEvE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEH,IAAI,CAACI,GAAG,CAAC,CAAE,CAAC,CAAE,CAAC,CACpD\",\"ignoreList\":[]}"
+const _worklet_368808865208_init_data = {
+  code: "function chunkZBFBF7S4Cjs1(){const{drag}=this.__closure;return{transform:[{translateX:drag.get()}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-ZBFBF7S4.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkZBFBF7S4Cjs1\",\"drag\",\"__closure\",\"transform\",\"translateX\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-ZBFBF7S4.cjs\"],\"mappings\":\"AA+0BuE,SAAAA,iBAAMA,CAAA,QAAAC,IAAA,OAAAC,SAAA,CAEvE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEH,IAAI,CAACI,GAAG,CAAC,CAAE,CAAC,CAAE,CAAC,CACpD\",\"ignoreList\":[]}"
 };
 var AgendaCalendarWeek = _react.forwardRef.call(void 0, function AgendaCalendarWeek2({
   children,
@@ -839,28 +854,28 @@ var AgendaCalendarWeek = _react.forwardRef.call(void 0, function AgendaCalendarW
   }).onFinalize(() => {
     drag.set(_reactnativereanimated.withSpring.call(void 0, 0, SPRING));
   });
-  const slide = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkSIOSYITDCjs1Factory({
-    _worklet_15620349857844_init_data,
+  const slide = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkZBFBF7S4Cjs1Factory({
+    _worklet_368808865208_init_data,
     drag
   }) {
     const _e = [new global.Error(), -2, -27];
-    const chunkSIOSYITDCjs1 = function () {
+    const chunkZBFBF7S4Cjs1 = function () {
       return {
         transform: [{
           translateX: drag.get()
         }]
       };
     };
-    chunkSIOSYITDCjs1.__closure = {
+    chunkZBFBF7S4Cjs1.__closure = {
       drag
     };
-    chunkSIOSYITDCjs1.__workletHash = 15620349857844;
-    chunkSIOSYITDCjs1.__pluginVersion = "0.7.4";
-    chunkSIOSYITDCjs1.__initData = _worklet_15620349857844_init_data;
-    chunkSIOSYITDCjs1.__stackDetails = _e;
-    return chunkSIOSYITDCjs1;
+    chunkZBFBF7S4Cjs1.__workletHash = 368808865208;
+    chunkZBFBF7S4Cjs1.__pluginVersion = "0.7.4";
+    chunkZBFBF7S4Cjs1.__initData = _worklet_368808865208_init_data;
+    chunkZBFBF7S4Cjs1.__stackDetails = _e;
+    return chunkZBFBF7S4Cjs1;
   }({
-    _worklet_15620349857844_init_data,
+    _worklet_368808865208_init_data,
     drag
   }), [drag]);
   const cells = days.map(date => /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {

package/dist/components/agenda-calendar/agenda-calendar-today-button.d.cts

@@ -13,6 +13,10 @@ import { View } from 'react-native';
  *
  * The word is the caller's: "Today", "Aujourd'hui", "Hoy". R3 wraps a text child into the
  * label, so `<AgendaCalendar.TodayButton>Today</…>` is the whole call.
+ *
+ * **It wears the card's `variant`**, the one that aims the chosen day: outlined with the
+ * word in the accent on `primary`, a soft fill on `secondary`, a neutral one on `tertiary`,
+ * the bare word on `ghost`. Nothing to pass — the pill reads the root's resolution.
  */
 export declare const AgendaCalendarTodayButton: import("react").ForwardRefExoticComponent<{
     children?: import("react").ReactNode;