@xaui/native 0.9.1-alpha.90 → 0.9.1-alpha.92

package/dist/{chunk-CVPBNJRG.js → chunk-6RU6GUJP.js}

@@ -1,7 +1,7 @@
 import {
   CloseButtonBase,
   closeButtonGeometry
-} from "./chunk-4BAKKBHJ.js";
+} from "./chunk-USIWPESU.js";
 import {
   createRecipe,
   radiusAxis

package/dist/{chunk-XUF7K4WP.js → chunk-7EVW6O2Q.js}

@@ -1,7 +1,7 @@
 import {
   CloseButtonBase,
   closeButtonGeometry
-} from "./chunk-4BAKKBHJ.js";
+} from "./chunk-USIWPESU.js";
 import {
   Icon
 } from "./chunk-JN6IRT2M.js";

package/dist/chunk-7NQL5DXY.js

@@ -0,0 +1,302 @@
+import {
+  useControllableState
+} from "./chunk-F6W3JQ7K.js";
+import {
+  PressableFeedback
+} from "./chunk-2AFA5HA2.js";
+import {
+  usePressState
+} from "./chunk-423RQBOX.js";
+import {
+  Icon
+} from "./chunk-JN6IRT2M.js";
+import {
+  createRecipe
+} from "./chunk-DKVXTMIJ.js";
+import {
+  createSlotContext
+} from "./chunk-TTZOIXKE.js";
+import {
+  warnDev
+} from "./chunk-EGLLDKN6.js";
+import {
+  useXAUITheme
+} from "./chunk-Z6JBWRPL.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
+
+// src/components/rating/rating.context.ts
+var [RatingProvider, useRating] = createSlotContext("Rating");
+var [RatingLayerProvider, useRatingLayer] = createSlotContext("Rating.Layer");
+
+// src/components/rating/rating-icon.tsx
+import { jsx } from "react/jsx-runtime";
+function RatingIcon({ size, color, ...rest }) {
+  const { icon, iconFill } = useRating();
+  const { tone } = useRatingLayer();
+  const resolved = tone === "fill" ? iconFill : icon;
+  return /* @__PURE__ */ jsx(Icon, { size: size ?? resolved.size, color: color ?? resolved.color, ...rest });
+}
+RatingIcon.displayName = "XAUI.Rating.Icon";
+
+// src/components/rating/rating-item.tsx
+import { forwardRef, useMemo } from "react";
+import { View } from "react-native";
+
+// src/components/rating/rating-star.tsx
+import { Text } from "react-native";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function RatingStar() {
+  const { glyphStyle, glyphFillStyle, markSize } = useRating();
+  const { tone } = useRatingLayer();
+  return /* @__PURE__ */ jsx2(
+    Text,
+    {
+      style: [tone === "fill" ? glyphFillStyle : glyphStyle, { width: markSize }],
+      children: "\u2605"
+    }
+  );
+}
+RatingStar.displayName = "XAUI.Rating.Star";
+
+// src/components/rating/rating.style.ts
+import { StyleSheet } from "react-native";
+var ratingSheet = StyleSheet.create({
+  clip: { position: "absolute", top: 0, start: 0, bottom: 0, overflow: "hidden" }
+});
+
+// src/components/rating/rating.utils.ts
+function fillFor(value, index) {
+  return Math.min(1, Math.max(0, value - index));
+}
+function snapValue({ raw, precision, max }) {
+  if (precision <= 0) return Math.min(max, Math.max(0, raw));
+  const stepped = Math.ceil(raw / precision) * precision;
+  const clamped = Math.min(max, Math.max(precision, stepped));
+  return Math.round(clamped * 1e3) / 1e3;
+}
+
+// src/components/rating/rating-item.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var RatingItem = forwardRef(function RatingItem2({
+  index,
+  children,
+  accessibilityRole,
+  accessibilityState,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const { itemStyle, markSize, value, max, select, isReadOnly, isDisabled } = useRating();
+  const [styleProps, rest] = useStyleProps(props);
+  const [isPressed, press] = usePressState({ onPressIn, onPressOut });
+  const fill = fillFor(value, index);
+  const inert = isReadOnly || isDisabled;
+  const empty = useMemo(() => ({ tone: "empty" }), []);
+  const filled = useMemo(() => ({ tone: "fill" }), []);
+  const handlePress = (event) => {
+    onPress?.(event);
+    const ratio = markSize > 0 ? event.nativeEvent.locationX / markSize : 1;
+    select(index, ratio);
+  };
+  const glyph = children ?? /* @__PURE__ */ jsx3(RatingStar, {});
+  return /* @__PURE__ */ jsxs(
+    PressableFeedback,
+    {
+      ref,
+      isPressed,
+      isDisabled: inert,
+      accessibilityRole: accessibilityRole ?? (isReadOnly ? "image" : "button"),
+      accessibilityState: { disabled: isDisabled, ...accessibilityState },
+      accessibilityValue: isReadOnly ? void 0 : { now: index + 1, min: 1, max },
+      animation: false,
+      ...rest,
+      style: [
+        itemStyle,
+        styleProps,
+        typeof style === "function" ? style({ pressed: isPressed }) : style
+      ],
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: [
+        /* @__PURE__ */ jsx3(RatingLayerProvider, { value: empty, children: glyph }),
+        fill > 0 ? /* @__PURE__ */ jsx3(View, { style: [ratingSheet.clip, { width: markSize * fill }], children: /* @__PURE__ */ jsx3(RatingLayerProvider, { value: filled, children: glyph }) }) : null
+      ]
+    }
+  );
+});
+RatingItem.displayName = "XAUI.Rating.Item";
+
+// src/components/rating/rating.tsx
+import { forwardRef as forwardRef2, useCallback, useMemo as useMemo2 } from "react";
+import { StyleSheet as StyleSheet2, View as View2 } from "react-native";
+
+// src/components/rating/rating.recipe.ts
+var SLOTS = ["root", "item", "glyph", "glyphFill"];
+var VARIANT_TOKENS = {
+  primary: { bgSelected: "accent" },
+  secondary: { bgSelected: "defaultForeground" },
+  tertiary: { bgSelected: "foreground" }
+};
+var SIZES = {
+  xs: { glyph: "sm", gap: 0.5 },
+  sm: { glyph: "md", gap: 0.5 },
+  md: { glyph: "xl", gap: 1 },
+  lg: { glyph: "2xl", gap: 1 }
+};
+function sizeAxis(step) {
+  const { glyph, gap } = step;
+  return (theme) => {
+    const type = {
+      fontSize: theme.fontSizes[glyph],
+      lineHeight: theme.lineHeights[glyph]
+    };
+    return {
+      root: { gap: theme.spacing(gap) },
+      glyph: type,
+      glyphFill: type
+    };
+  };
+}
+var ratingRecipe = createRecipe({
+  slots: SLOTS,
+  base: (theme) => ({
+    root: { flexDirection: "row", alignItems: "center" },
+    // A mark is as wide as its glyph, and the fill layer is positioned against its start
+    // edge — `relative` is what that layer's `position: absolute` is measured from.
+    item: { position: "relative" },
+    /**
+     * The unfilled mark reads the **neutral fill** token rather than a faint version of the
+     * filled colour: a pale tint of the accent under a row of stars looks like a control
+     * that half failed to load, where a neutral one looks like a mark that is simply not
+     * given yet. It is the same choice the `Carousel`'s inactive dots make.
+     */
+    glyph: {
+      fontFamily: theme.fontFamilies.body,
+      color: theme.colors.default
+    },
+    glyphFill: { fontFamily: theme.fontFamilies.body }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (_theme, colors) => ({
+    glyphFill: { color: colors.bgSelected }
+  }),
+  variants: {
+    size: {
+      xs: sizeAxis(SIZES.xs),
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    }
+  },
+  states: {
+    disabled: (theme) => ({ root: { opacity: theme.opacity.disabled } })
+  },
+  defaultVariants: { variant: "primary", size: "md" }
+});
+
+// src/components/rating/rating.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var RatingRoot = forwardRef2(function Rating({
+  children,
+  variant,
+  size,
+  color,
+  max = 5,
+  value: controlledValue,
+  defaultValue = 0,
+  onValueChange,
+  precision = 1,
+  isReadOnly = false,
+  isDisabled = false,
+  accessibilityRole = "none",
+  style,
+  ...props
+}, ref) {
+  const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
+  const [value, setValue] = useControllableState({
+    value: controlledValue,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const selection = { variant, size };
+  const states = { disabled: isDisabled };
+  const styles = ratingRecipe.resolve({ theme, selection, states });
+  const tint = color ? ratingRecipe.tint({ theme, color, selection, states }) : void 0;
+  const select = useCallback(
+    (index, ratio) => {
+      if (isReadOnly || isDisabled) return;
+      setValue(snapValue({ raw: index + ratio, precision, max }));
+    },
+    [isReadOnly, isDisabled, setValue, precision, max]
+  );
+  const context = useMemo2(() => {
+    const glyph = (...layers) => {
+      const flat = StyleSheet2.flatten(layers);
+      return {
+        size: flat.fontSize,
+        // `ColorValue` also covers the platform's opaque colours, which `Icon` cannot hand
+        // to a third-party component expecting a string.
+        color: typeof flat.color === "string" ? flat.color : void 0
+      };
+    };
+    const fill = glyph(styles.glyphFill, tint?.glyphFill);
+    return {
+      itemStyle: styles.item,
+      glyphStyle: styles.glyph,
+      glyphFillStyle: tint ? [styles.glyphFill, tint.glyphFill] : styles.glyphFill,
+      icon: glyph(styles.glyph),
+      iconFill: fill,
+      // The mark's width *is* its type size: a glyph is text, and the clip over it has to be
+      // measured in the same unit the glyph was set in. Read off the resolved slot rather
+      // than recomputed, so the recipe stays the only place a size is decided.
+      markSize: fill.size ?? 0,
+      value,
+      max,
+      precision,
+      select,
+      isReadOnly,
+      isDisabled
+    };
+  }, [styles, tint, value, max, precision, select, isReadOnly, isDisabled]);
+  const rootStyle = [styles.root, tint?.root, styleProps, style];
+  if (!Number.isInteger(max) || max < 1) {
+    warnDev(
+      `Rating: \`max\` is ${max}, and it has to be a whole number of at least one \u2014 a row of marks cannot be a fraction of a mark long.`
+    );
+  }
+  const count = Math.max(1, Math.floor(max));
+  return /* @__PURE__ */ jsx4(RatingProvider, { value: context, children: /* @__PURE__ */ jsx4(
+    View2,
+    {
+      ref,
+      accessibilityRole,
+      accessibilityLabel: isReadOnly ? `${value} out of ${count}` : rest.accessibilityLabel,
+      ...rest,
+      style: rootStyle,
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ jsx4(RatingItem, { index, children }, index))
+    }
+  ) });
+});
+RatingRoot.displayName = "XAUI.Rating.Root";
+
+// src/components/rating/index.ts
+var Rating2 = Object.assign(RatingRoot, {
+  Item: RatingItem,
+  Icon: RatingIcon
+});
+
+export {
+  useRating,
+  useRatingLayer,
+  RatingIcon,
+  RatingItem,
+  ratingRecipe,
+  RatingRoot,
+  Rating2 as Rating
+};

package/dist/{chunk-ACWFIZKC.cjs → chunk-AR7667VN.cjs}

@@ -3,10 +3,10 @@
 var _chunkGTR5X65Mcjs = require('./chunk-GTR5X65M.cjs');
 
 
-var _chunkH2FTAU5Ccjs = require('./chunk-H2FTAU5C.cjs');
+var _chunkXSQPVDFHcjs = require('./chunk-XSQPVDFH.cjs');
 
 
-var _chunkXSQPVDFHcjs = require('./chunk-XSQPVDFH.cjs');
+var _chunkH2FTAU5Ccjs = require('./chunk-H2FTAU5C.cjs');
 
 
 var _chunkYVYYONTPcjs = require('./chunk-YVYYONTP.cjs');
@@ -28,7 +28,7 @@ var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -321,7 +321,7 @@ var FabDiscoveryAction = _react.forwardRef.call(void 0,
     );
     const text = _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPIU3JONRcjs.PressableFeedback,
+      _chunkOW4N2C3Mcjs.PressableFeedback,
       {
         ref,
         isPressed,
@@ -737,7 +737,7 @@ var FabRoot = _react.forwardRef.call(void 0, function Fab({
     typeof style === "function" ? style({ pressed: isPressed }) : style
   ];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FabProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkPIU3JONRcjs.PressableFeedback,
+    _chunkOW4N2C3Mcjs.PressableFeedback,
     {
       ref,
       isPressed,
@@ -1162,7 +1162,7 @@ var FabMenuItem = _react.forwardRef.call(void 0, function FabMenuItem2({
   );
   const text = _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPIU3JONRcjs.PressableFeedback,
+    _chunkOW4N2C3Mcjs.PressableFeedback,
     {
       ref,
       isPressed,

package/dist/{chunk-DSCZZZIG.cjs → chunk-B33OU34Z.cjs}

@@ -4,7 +4,7 @@ var _chunkWLWZG2PAcjs = require('./chunk-WLWZG2PA.cjs');
 
 
 
-var _chunkSDLDRTT7cjs = require('./chunk-SDLDRTT7.cjs');
+var _chunkUEW3GAP5cjs = require('./chunk-UEW3GAP5.cjs');
 
 
 var _chunkISHMSP6Pcjs = require('./chunk-ISHMSP6P.cjs');
@@ -31,7 +31,7 @@ var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -197,7 +197,7 @@ var DatePicker = _react.forwardRef.call(void 0, function DatePicker2({
       // The panel's floor: the grid's seven cells **plus the panel's own inset**, so the
       // week fits inside the padding rather than being clipped by it. The panel matches the
       // field above that and never goes under it.
-      panelMinWidth: CALENDAR_COLUMNS * _chunkSDLDRTT7cjs.SIZES[size].cell + 2 * panelPad,
+      panelMinWidth: CALENDAR_COLUMNS * _chunkUEW3GAP5cjs.SIZES[size].cell + 2 * panelPad,
       labelStyle: labelled.label,
       descriptionStyle: labelled.description,
       errorStyle: labelled.error,
@@ -261,11 +261,11 @@ var DatePickerCalendar = _react.forwardRef.call(void 0,
   function DatePickerCalendar2({ children, ...props }, ref) {
     const { calendar, value, isDisabled, select } = useDatePicker();
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkSDLDRTT7cjs.Calendar,
+      _chunkUEW3GAP5cjs.Calendar,
       {
         ref,
         width: "100%",
-        minWidth: COLUMNS * _chunkSDLDRTT7cjs.SIZES[calendar.size].cell,
+        minWidth: COLUMNS * _chunkUEW3GAP5cjs.SIZES[calendar.size].cell,
         variant: calendar.variant,
         size: calendar.size,
         color: calendar.color,
@@ -278,13 +278,13 @@ var DatePickerCalendar = _react.forwardRef.call(void 0,
         isDisabled,
         ...props,
         children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSDLDRTT7cjs.Calendar.Header, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.PreviousButton, {}),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.Title, {}),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.NextButton, {})
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUEW3GAP5cjs.Calendar.Header, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEW3GAP5cjs.Calendar.PreviousButton, {}),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEW3GAP5cjs.Calendar.Title, {}),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEW3GAP5cjs.Calendar.NextButton, {})
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.Weekdays, {}),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSDLDRTT7cjs.Calendar.Grid, {})
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEW3GAP5cjs.Calendar.Weekdays, {}),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEW3GAP5cjs.Calendar.Grid, {})
         ] })))
       }
     );
@@ -491,7 +491,7 @@ var DatePickerTrigger = _react.forwardRef.call(void 0,
       [measure, onPress, toggle]
     );
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPIU3JONRcjs.PressableFeedback,
+      _chunkOW4N2C3Mcjs.PressableFeedback,
       {
         ref: refs,
         isPressed,

package/dist/{chunk-WGXOYMZM.cjs → chunk-BI5ME4QP.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunk67WT74DYcjs = require('./chunk-67WT74DY.cjs');
+var _chunkZE4IHUUOcjs = require('./chunk-ZE4IHUUO.cjs');
 
 
-var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -60,7 +60,7 @@ ChipAvatar.displayName = "XAUI.Chip.Avatar";
 var ChipClose = _react.forwardRef.call(void 0, function ChipClose2({ isDisabled, ...props }, ref) {
   const { closeStyle, closeGlyphStyle, isDisabled: isChipDisabled } = useChip();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk67WT74DYcjs.CloseButtonBase,
+    _chunkZE4IHUUOcjs.CloseButtonBase,
     {
       ref,
       name: "Chip.Close",
@@ -244,7 +244,7 @@ var chipRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
   // The cross's own geometry — thickness and centring — belongs to the shared
   // `CloseButtonBase`; what stays below is the box and bar size this component's scale sets.
   base: (theme) => ({
-    ..._chunk67WT74DYcjs.closeButtonGeometry.call(void 0, theme),
+    ..._chunkZE4IHUUOcjs.closeButtonGeometry.call(void 0, theme),
     root: {
       // A chip hugs its content where a `Button` fills its column. The difference is what
       // the two are: a button is a control the layout sizes, a chip is a token *about*
@@ -373,7 +373,7 @@ var ChipRoot = _react.forwardRef.call(void 0, function Chip({
     );
   }
   const surface = isPressable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPIU3JONRcjs.PressableFeedback,
+    _chunkOW4N2C3Mcjs.PressableFeedback,
     {
       ref,
       isPressed,

package/dist/{chunk-IEEUSJBJ.js → chunk-BJVO7DWJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-F6W3JQ7K.js";
 import {
   PressableFeedback
-} from "./chunk-XZ42OWKC.js";
+} from "./chunk-2AFA5HA2.js";
 import {
   usePressState
 } from "./chunk-423RQBOX.js";

package/dist/{chunk-5YEMZL4C.cjs → chunk-CBRW53GN.cjs}

@@ -5,7 +5,7 @@
 var _chunkYSTLHVQVcjs = require('./chunk-YSTLHVQV.cjs');
 
 
-var _chunkD2UYBAGBcjs = require('./chunk-D2UYBAGB.cjs');
+var _chunkIPD3IUE2cjs = require('./chunk-IPD3IUE2.cjs');
 
 
 var _chunkJ5COSALOcjs = require('./chunk-J5COSALO.cjs');
@@ -14,7 +14,7 @@ var _chunkJ5COSALOcjs = require('./chunk-J5COSALO.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -846,10 +846,10 @@ TimePicker.displayName = "XAUI.TimePicker.Root";
 
 function TimePickerSheet({ children, ...props }) {
   const picker = useTimePicker();
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkD2UYBAGBcjs.BottomSheet2, { isOpen: picker.isOpen, onOpenChange: picker.setOpen, ...props, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2UYBAGBcjs.BottomSheet2.Overlay, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2UYBAGBcjs.BottomSheet2.Content, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimePickerProvider, { value: picker, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2UYBAGBcjs.BottomSheet2.Handle, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIPD3IUE2cjs.BottomSheet2, { isOpen: picker.isOpen, onOpenChange: picker.setOpen, ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIPD3IUE2cjs.BottomSheet2.Overlay, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIPD3IUE2cjs.BottomSheet2.Content, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimePickerProvider, { value: picker, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIPD3IUE2cjs.BottomSheet2.Handle, {}),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimePickerDisplay, { style: { alignSelf: "center" } }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimePickerClock, { style: { alignSelf: "center" } })
     ] }))) }) })
@@ -884,7 +884,7 @@ var TimePickerTrigger = _react.forwardRef.call(void 0,
     const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPIU3JONRcjs.PressableFeedback,
+      _chunkOW4N2C3Mcjs.PressableFeedback,
       {
         ref,
         isPressed,

package/dist/{chunk-34UJTR37.cjs → chunk-CBXILKQZ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkAXSY2KPTcjs = require('./chunk-AXSY2KPT.cjs');
+var _chunkPROLOLZ5cjs = require('./chunk-PROLOLZ5.cjs');
 
 
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
@@ -651,7 +651,7 @@ var TableSelectAllCell = _react.forwardRef.call(void 0,
         ...rest,
         style: [cellStyle, { width: selectionWidth }, styleProps, style],
         children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkAXSY2KPTcjs.Checkbox,
+          _chunkPROLOLZ5cjs.Checkbox,
           {
             isSelected: isAll,
             isIndeterminate: isSome,
@@ -678,7 +678,7 @@ var TableSelectionCell = _react.forwardRef.call(void 0,
         ...rest,
         style: [cellStyle, { width: selectionWidth }, styleProps, style],
         children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkAXSY2KPTcjs.Checkbox,
+          _chunkPROLOLZ5cjs.Checkbox,
           {
             isSelected,
             isDisabled,

package/dist/{chunk-FB4JF34M.cjs → chunk-CEPX7CKM.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkUDVKP3V2cjs = require('./chunk-UDVKP3V2.cjs');
+var _chunkX4CZYJZ6cjs = require('./chunk-X4CZYJZ6.cjs');
 
 
-var _chunkD2UYBAGBcjs = require('./chunk-D2UYBAGB.cjs');
+var _chunkIPD3IUE2cjs = require('./chunk-IPD3IUE2.cjs');
 
 
 var _chunkJ5COSALOcjs = require('./chunk-J5COSALO.cjs');
@@ -17,7 +17,7 @@ var _chunkEKS3W46Mcjs = require('./chunk-EKS3W46M.cjs');
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
 
 
-var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.cjs');
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
 
 
 var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
@@ -73,7 +73,7 @@ function DateRangePicker({
   const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
   const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
     value: controlledValue,
-    defaultValue: _nullishCoalesce(defaultValue, () => ( _chunkUDVKP3V2cjs.EMPTY_RANGE)),
+    defaultValue: _nullishCoalesce(defaultValue, () => ( _chunkX4CZYJZ6cjs.EMPTY_RANGE)),
     onChange: onValueChange
   });
   const [isOpen, setOpen] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
@@ -187,10 +187,10 @@ function DateRangePickerSheet({
   ...props
 }) {
   const picker = useDateRangePicker();
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkD2UYBAGBcjs.BottomSheet2, { isOpen: picker.isOpen, onOpenChange: picker.setOpen, ...props, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2UYBAGBcjs.BottomSheet2.Overlay, {}),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2UYBAGBcjs.BottomSheet2.Content, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DateRangePickerProvider, { value: picker, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2UYBAGBcjs.BottomSheet2.Handle, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkIPD3IUE2cjs.BottomSheet2, { isOpen: picker.isOpen, onOpenChange: picker.setOpen, ...props, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIPD3IUE2cjs.BottomSheet2.Overlay, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIPD3IUE2cjs.BottomSheet2.Content, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DateRangePickerProvider, { value: picker, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIPD3IUE2cjs.BottomSheet2.Handle, {}),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         DateRangePickerCalendar,
         {
@@ -209,7 +209,7 @@ function DateRangePickerCalendar({
 }) {
   const { value, onPickRange, calendar } = useDateRangePicker();
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkUDVKP3V2cjs.RangeCalendar,
+    _chunkX4CZYJZ6cjs.RangeCalendar,
     {
       variant: calendar.variant,
       size: calendar.size,
@@ -222,13 +222,13 @@ function DateRangePickerCalendar({
       onValueChange: onPickRange,
       ...props,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUDVKP3V2cjs.RangeCalendar.Header, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUDVKP3V2cjs.RangeCalendar.PreviousButton, { accessibilityLabel: previousLabel }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUDVKP3V2cjs.RangeCalendar.Title, {}),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUDVKP3V2cjs.RangeCalendar.NextButton, { accessibilityLabel: nextLabel })
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkX4CZYJZ6cjs.RangeCalendar.Header, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX4CZYJZ6cjs.RangeCalendar.PreviousButton, { accessibilityLabel: previousLabel }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX4CZYJZ6cjs.RangeCalendar.Title, {}),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX4CZYJZ6cjs.RangeCalendar.NextButton, { accessibilityLabel: nextLabel })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUDVKP3V2cjs.RangeCalendar.Weekdays, {}),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUDVKP3V2cjs.RangeCalendar.Grid, {})
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX4CZYJZ6cjs.RangeCalendar.Weekdays, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX4CZYJZ6cjs.RangeCalendar.Grid, {})
       ]
     }
   );
@@ -289,7 +289,7 @@ var DateRangePickerTrigger = _react.forwardRef.call(void 0,
     const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
     const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, { value: glyph, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPIU3JONRcjs.PressableFeedback,
+      _chunkOW4N2C3Mcjs.PressableFeedback,
       {
         ref,
         isPressed,