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

package/dist/chunk-XWIPLZTD.cjs

@@ -0,0 +1,302 @@
+"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 _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+
+
+var _chunkOW4N2C3Mcjs = require('./chunk-OW4N2C3M.cjs');
+
+
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+
+
+var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
+
+
+var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
+
+
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+
+
+var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
+
+
+var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
+
+
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/rating/rating.context.ts
+var [RatingProvider, useRating] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Rating");
+var [RatingLayerProvider, useRatingLayer] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Rating.Layer");
+
+// src/components/rating/rating-icon.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function RatingIcon({ size, color, ...rest }) {
+  const { icon, iconFill } = useRating();
+  const { tone } = useRatingLayer();
+  const resolved = tone === "fill" ? iconFill : icon;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, { size: _nullishCoalesce(size, () => ( resolved.size)), color: _nullishCoalesce(color, () => ( resolved.color)), ...rest });
+}
+RatingIcon.displayName = "XAUI.Rating.Icon";
+
+// src/components/rating/rating-item.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/rating/rating-star.tsx
+
+
+function RatingStar() {
+  const { glyphStyle, glyphFillStyle, markSize } = useRating();
+  const { tone } = useRatingLayer();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnative.Text,
+    {
+      style: [tone === "fill" ? glyphFillStyle : glyphStyle, { width: markSize }],
+      children: "\u2605"
+    }
+  );
+}
+RatingStar.displayName = "XAUI.Rating.Star";
+
+// src/components/rating/rating.style.ts
+
+var ratingSheet = _reactnative.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
+
+var RatingItem = _react.forwardRef.call(void 0, function RatingItem2({
+  index,
+  children,
+  accessibilityRole,
+  accessibilityState,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const { itemStyle, markSize, value, max, select, isReadOnly, isDisabled } = useRating();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
+  const fill = fillFor(value, index);
+  const inert = isReadOnly || isDisabled;
+  const empty = _react.useMemo.call(void 0, () => ({ tone: "empty" }), []);
+  const filled = _react.useMemo.call(void 0, () => ({ tone: "fill" }), []);
+  const handlePress = (event) => {
+    _optionalChain([onPress, 'optionalCall', _2 => _2(event)]);
+    const ratio = markSize > 0 ? event.nativeEvent.locationX / markSize : 1;
+    select(index, ratio);
+  };
+  const glyph = _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RatingStar, {})));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkOW4N2C3Mcjs.PressableFeedback,
+    {
+      ref,
+      isPressed,
+      isDisabled: inert,
+      accessibilityRole: _nullishCoalesce(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__ */ _jsxruntime.jsx.call(void 0, RatingLayerProvider, { value: empty, children: glyph }),
+        fill > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: [ratingSheet.clip, { width: markSize * fill }], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RatingLayerProvider, { value: filled, children: glyph }) }) : null
+      ]
+    }
+  );
+});
+RatingItem.displayName = "XAUI.Rating.Item";
+
+// src/components/rating/rating.tsx
+
+
+
+// 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 = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  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
+
+var RatingRoot = _react.forwardRef.call(void 0, 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 = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    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 = _react.useCallback.call(void 0, 
+    (index, ratio) => {
+      if (isReadOnly || isDisabled) return;
+      setValue(snapValue({ raw: index + ratio, precision, max }));
+    },
+    [isReadOnly, isDisabled, setValue, precision, max]
+  );
+  const context = _react.useMemo.call(void 0, () => {
+    const glyph = (...layers) => {
+      const flat = _reactnative.StyleSheet.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, _optionalChain([tint, 'optionalAccess', _3 => _3.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: _nullishCoalesce(fill.size, () => ( 0)),
+      value,
+      max,
+      precision,
+      select,
+      isReadOnly,
+      isDisabled
+    };
+  }, [styles, tint, value, max, precision, select, isReadOnly, isDisabled]);
+  const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _4 => _4.root]), styleProps, style];
+  if (!Number.isInteger(max) || max < 1) {
+    _chunkEJQCQPETcjs.warnDev.call(void 0, 
+      `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__ */ _jsxruntime.jsx.call(void 0, RatingProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reactnative.View,
+    {
+      ref,
+      accessibilityRole,
+      accessibilityLabel: isReadOnly ? `${value} out of ${count}` : rest.accessibilityLabel,
+      ...rest,
+      style: rootStyle,
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RatingItem, { index, children }, index))
+    }
+  ) });
+});
+RatingRoot.displayName = "XAUI.Rating.Root";
+
+// src/components/rating/index.ts
+var Rating2 = Object.assign(RatingRoot, {
+  Item: RatingItem,
+  Icon: RatingIcon
+});
+
+
+
+
+
+
+
+
+
+exports.useRating = useRating; exports.useRatingLayer = useRatingLayer; exports.RatingIcon = RatingIcon; exports.RatingItem = RatingItem; exports.ratingRecipe = ratingRecipe; exports.RatingRoot = RatingRoot; exports.Rating = Rating2;

package/dist/components/carousel/index.cjs

@@ -12,7 +12,8 @@
 
 
 
-var _chunkK5UO3HBWcjs = require('../../chunk-K5UO3HBW.cjs');
+var _chunk6JAGPPZUcjs = require('../../chunk-6JAGPPZU.cjs');
+require('../../chunk-FTPPUTWL.cjs');
 require('../../chunk-WFEMJCXO.cjs');
 require('../../chunk-7EIHHOHP.cjs');
 require('../../chunk-OW4N2C3M.cjs');
@@ -39,4 +40,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.Carousel = _chunkK5UO3HBWcjs.Carousel; exports.CarouselContent = _chunkK5UO3HBWcjs.CarouselContent; exports.CarouselCounter = _chunkK5UO3HBWcjs.CarouselCounter; exports.CarouselDot = _chunkK5UO3HBWcjs.CarouselDot; exports.CarouselIndicator = _chunkK5UO3HBWcjs.CarouselIndicator; exports.CarouselItem = _chunkK5UO3HBWcjs.CarouselItem; exports.CarouselNext = _chunkK5UO3HBWcjs.CarouselNext; exports.CarouselPrevious = _chunkK5UO3HBWcjs.CarouselPrevious; exports.CarouselRoot = _chunkK5UO3HBWcjs.CarouselRoot; exports.CarouselThumbnail = _chunkK5UO3HBWcjs.CarouselThumbnail; exports.CarouselThumbnails = _chunkK5UO3HBWcjs.CarouselThumbnails; exports.carouselRecipe = _chunkK5UO3HBWcjs.carouselRecipe; exports.useCarousel = _chunkK5UO3HBWcjs.useCarousel;
+exports.Carousel = _chunk6JAGPPZUcjs.Carousel; exports.CarouselContent = _chunk6JAGPPZUcjs.CarouselContent; exports.CarouselCounter = _chunk6JAGPPZUcjs.CarouselCounter; exports.CarouselDot = _chunk6JAGPPZUcjs.CarouselDot; exports.CarouselIndicator = _chunk6JAGPPZUcjs.CarouselIndicator; exports.CarouselItem = _chunk6JAGPPZUcjs.CarouselItem; exports.CarouselNext = _chunk6JAGPPZUcjs.CarouselNext; exports.CarouselPrevious = _chunk6JAGPPZUcjs.CarouselPrevious; exports.CarouselRoot = _chunk6JAGPPZUcjs.CarouselRoot; exports.CarouselThumbnail = _chunk6JAGPPZUcjs.CarouselThumbnail; exports.CarouselThumbnails = _chunk6JAGPPZUcjs.CarouselThumbnails; exports.carouselRecipe = _chunk6JAGPPZUcjs.carouselRecipe; exports.useCarousel = _chunk6JAGPPZUcjs.useCarousel;

package/dist/components/carousel/index.js

@@ -12,7 +12,8 @@ import {
   CarouselThumbnails,
   carouselRecipe,
   useCarousel
-} from "../../chunk-LIEXFWTN.js";
+} from "../../chunk-P5M5URAB.js";
+import "../../chunk-3A5RK2R7.js";
 import "../../chunk-NCTOTTVW.js";
 import "../../chunk-F6W3JQ7K.js";
 import "../../chunk-2AFA5HA2.js";

package/dist/components/index.d.cts

@@ -34,6 +34,8 @@ export * from './mask-field';
 export * from './menu';
 export * from './morph-button';
 export * from './number-field';
+export * from './number-pad';
+export * from './pager';
 export * from './number-stepper';
 export * from './pie-chart';
 export * from './popover';
@@ -42,6 +44,7 @@ export * from './progress-circle';
 export * from './radar-chart';
 export * from './radial-chart';
 export * from './radio';
+export * from './rating';
 export * from './range-calendar';
 export * from './scaffold';
 export * from './search-field';

package/dist/components/index.d.ts

@@ -34,6 +34,8 @@ export * from './mask-field';
 export * from './menu';
 export * from './morph-button';
 export * from './number-field';
+export * from './number-pad';
+export * from './pager';
 export * from './number-stepper';
 export * from './pie-chart';
 export * from './popover';
@@ -42,6 +44,7 @@ export * from './progress-circle';
 export * from './radar-chart';
 export * from './radial-chart';
 export * from './radio';
+export * from './rating';
 export * from './range-calendar';
 export * from './scaffold';
 export * from './search-field';

package/dist/components/number-pad/index.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkLKRQUQZQcjs = require('../../chunk-LKRQUQZQ.cjs');
+require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-OW4N2C3M.cjs');
+require('../../chunk-7DPL3ZDS.cjs');
+require('../../chunk-GSZDN6EZ.cjs');
+require('../../chunk-FHNIGHN5.cjs');
+require('../../chunk-SL3V7R2Y.cjs');
+require('../../chunk-TVJXC4HY.cjs');
+require('../../chunk-CDRGTUYF.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-IIAQISBG.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.NUMBER_PAD_ROWS = _chunkLKRQUQZQcjs.NUMBER_PAD_ROWS; exports.NUMBER_PAD_ZERO = _chunkLKRQUQZQcjs.NUMBER_PAD_ZERO; exports.NumberPad = _chunkLKRQUQZQcjs.NumberPad; exports.NumberPadAction = _chunkLKRQUQZQcjs.NumberPadAction; exports.NumberPadBackspace = _chunkLKRQUQZQcjs.NumberPadBackspace; exports.NumberPadIcon = _chunkLKRQUQZQcjs.NumberPadIcon; exports.NumberPadKey = _chunkLKRQUQZQcjs.NumberPadKey; exports.NumberPadLabel = _chunkLKRQUQZQcjs.NumberPadLabel; exports.NumberPadRoot = _chunkLKRQUQZQcjs.NumberPadRoot; exports.numberPadRecipe = _chunkLKRQUQZQcjs.numberPadRecipe; exports.useNumberPad = _chunkLKRQUQZQcjs.useNumberPad; exports.useNumberPadCell = _chunkLKRQUQZQcjs.useNumberPadCell;

package/dist/components/number-pad/index.d.cts

@@ -0,0 +1,60 @@
+import { NumberPadIcon } from './number-pad-icon';
+export declare const NumberPad: import("react").ForwardRefExoticComponent<{
+    variant?: import("./number-pad.type").NumberPadVariant;
+    size?: import("./number-pad.type").NumberPadSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    maxLength?: number;
+    isDisabled?: boolean;
+    children?: import("react").ReactNode;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & Omit<import("react-native").ViewProps, "style" | "children"> & Omit<import("../..").ViewStyleProps, keyof {
+    variant?: import("./number-pad.type").NumberPadVariant;
+    size?: import("./number-pad.type").NumberPadSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    maxLength?: number;
+    isDisabled?: boolean;
+    children?: import("react").ReactNode;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+}> & import("react").RefAttributes<import("react-native").View>> & {
+    Key: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+        isDisabled?: boolean;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+        children?: import("react").ReactNode;
+    } & {
+        value: string;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Backspace: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+        isDisabled?: boolean;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Action: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+        isDisabled?: boolean;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Icon: typeof NumberPadIcon;
+};
+export { NumberPadRoot } from './number-pad';
+export { NumberPadAction } from './number-pad-action';
+export { NumberPadBackspace } from './number-pad-backspace';
+export { NumberPadIcon } from './number-pad-icon';
+export { NumberPadKey } from './number-pad-key';
+export { NumberPadLabel } from './number-pad-label';
+export { useNumberPad, useNumberPadCell } from './number-pad.context';
+export { numberPadRecipe } from './number-pad.recipe';
+export { NUMBER_PAD_ROWS, NUMBER_PAD_ZERO } from './number-pad.utils';
+export type { NumberPadActionProps, NumberPadBackspaceProps, NumberPadCellContextValue, NumberPadContextValue, NumberPadIconProps, NumberPadKeyProps, NumberPadLabelProps, NumberPadProps, NumberPadSize, NumberPadSlot, NumberPadVariant, } from './number-pad.type';

package/dist/components/number-pad/index.d.ts

@@ -0,0 +1,60 @@
+import { NumberPadIcon } from './number-pad-icon';
+export declare const NumberPad: import("react").ForwardRefExoticComponent<{
+    variant?: import("./number-pad.type").NumberPadVariant;
+    size?: import("./number-pad.type").NumberPadSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    maxLength?: number;
+    isDisabled?: boolean;
+    children?: import("react").ReactNode;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+} & Omit<import("react-native").ViewProps, "style" | "children"> & Omit<import("../..").ViewStyleProps, keyof {
+    variant?: import("./number-pad.type").NumberPadVariant;
+    size?: import("./number-pad.type").NumberPadSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    onComplete?: (value: string) => void;
+    maxLength?: number;
+    isDisabled?: boolean;
+    children?: import("react").ReactNode;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+}> & import("react").RefAttributes<import("react-native").View>> & {
+    Key: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+        isDisabled?: boolean;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+        children?: import("react").ReactNode;
+    } & {
+        value: string;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Backspace: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+        isDisabled?: boolean;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Action: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+        isDisabled?: boolean;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").View>>;
+    Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Icon: typeof NumberPadIcon;
+};
+export { NumberPadRoot } from './number-pad';
+export { NumberPadAction } from './number-pad-action';
+export { NumberPadBackspace } from './number-pad-backspace';
+export { NumberPadIcon } from './number-pad-icon';
+export { NumberPadKey } from './number-pad-key';
+export { NumberPadLabel } from './number-pad-label';
+export { useNumberPad, useNumberPadCell } from './number-pad.context';
+export { numberPadRecipe } from './number-pad.recipe';
+export { NUMBER_PAD_ROWS, NUMBER_PAD_ZERO } from './number-pad.utils';
+export type { NumberPadActionProps, NumberPadBackspaceProps, NumberPadCellContextValue, NumberPadContextValue, NumberPadIconProps, NumberPadKeyProps, NumberPadLabelProps, NumberPadProps, NumberPadSize, NumberPadSlot, NumberPadVariant, } from './number-pad.type';

package/dist/components/number-pad/index.js

@@ -0,0 +1,40 @@
+import {
+  NUMBER_PAD_ROWS,
+  NUMBER_PAD_ZERO,
+  NumberPad,
+  NumberPadAction,
+  NumberPadBackspace,
+  NumberPadIcon,
+  NumberPadKey,
+  NumberPadLabel,
+  NumberPadRoot,
+  numberPadRecipe,
+  useNumberPad,
+  useNumberPadCell
+} from "../../chunk-GGP2ERSV.js";
+import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-2AFA5HA2.js";
+import "../../chunk-423RQBOX.js";
+import "../../chunk-JN6IRT2M.js";
+import "../../chunk-WFZDAXDI.js";
+import "../../chunk-DKVXTMIJ.js";
+import "../../chunk-3Q42X6EQ.js";
+import "../../chunk-TTZOIXKE.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-Z6JBWRPL.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  NUMBER_PAD_ROWS,
+  NUMBER_PAD_ZERO,
+  NumberPad,
+  NumberPadAction,
+  NumberPadBackspace,
+  NumberPadIcon,
+  NumberPadKey,
+  NumberPadLabel,
+  NumberPadRoot,
+  numberPadRecipe,
+  useNumberPad,
+  useNumberPadCell
+};

package/dist/components/number-pad/number-pad-action.d.cts

@@ -0,0 +1,24 @@
+import type { View } from 'react-native';
+/**
+ * The free corner of the bottom row, opposite the backspace.
+ *
+ * It does nothing on its own — the press is the caller's, because what belongs there is
+ * theirs: a fingerprint that unlocks, a `Clear`, the pad's own decimal separator. Bare like
+ * the backspace, so the two corners read as a pair around the `0`.
+ *
+ * ```tsx
+ * <NumberPad>
+ *   <NumberPad.Action onPress={unlock} accessibilityLabel="Unlock with Face ID">
+ *     <NumberPad.Icon as={FaceIdIcon} color={theme.colors.accent} />
+ *   </NumberPad.Action>
+ * </NumberPad>
+ * ```
+ *
+ * A key that inserts goes there as a `NumberPad.Key` instead; this one is for everything
+ * that is not a character.
+ */
+export declare const NumberPadAction: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<View>>;

package/dist/components/number-pad/number-pad-action.d.ts

@@ -0,0 +1,24 @@
+import type { View } from 'react-native';
+/**
+ * The free corner of the bottom row, opposite the backspace.
+ *
+ * It does nothing on its own — the press is the caller's, because what belongs there is
+ * theirs: a fingerprint that unlocks, a `Clear`, the pad's own decimal separator. Bare like
+ * the backspace, so the two corners read as a pair around the `0`.
+ *
+ * ```tsx
+ * <NumberPad>
+ *   <NumberPad.Action onPress={unlock} accessibilityLabel="Unlock with Face ID">
+ *     <NumberPad.Icon as={FaceIdIcon} color={theme.colors.accent} />
+ *   </NumberPad.Action>
+ * </NumberPad>
+ * ```
+ *
+ * A key that inserts goes there as a `NumberPad.Key` instead; this one is for everything
+ * that is not a character.
+ */
+export declare const NumberPadAction: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<View>>;

package/dist/components/number-pad/number-pad-backspace.d.cts

@@ -0,0 +1,18 @@
+import type { View } from 'react-native';
+/**
+ * The delete key, on the end of the bottom row. Bare rather than filled: it is not a digit,
+ * and eleven identical fills is a pad where the one key that removes looks like the ten that
+ * add.
+ *
+ * **A long press clears the whole value.** It is the gesture every platform's own keypad
+ * carries, and without it a mistyped sixteen-digit card is sixteen presses to undo.
+ *
+ * The arrow is a **character**, not an icon, so the pad needs no SVG peer for the one glyph
+ * it draws itself. It flips under RTL, because a backspace points at what it removes and
+ * that is the other way round in a right-to-left layout. `NumberPad.Icon` replaces it.
+ */
+export declare const NumberPadBackspace: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<View>>;

package/dist/components/number-pad/number-pad-backspace.d.ts

@@ -0,0 +1,18 @@
+import type { View } from 'react-native';
+/**
+ * The delete key, on the end of the bottom row. Bare rather than filled: it is not a digit,
+ * and eleven identical fills is a pad where the one key that removes looks like the ten that
+ * add.
+ *
+ * **A long press clears the whole value.** It is the gesture every platform's own keypad
+ * carries, and without it a mistyped sixteen-digit card is sixteen presses to undo.
+ *
+ * The arrow is a **character**, not an icon, so the pad needs no SVG peer for the one glyph
+ * it draws itself. It flips under RTL, because a backspace points at what it removes and
+ * that is the other way round in a right-to-left layout. `NumberPad.Icon` replaces it.
+ */
+export declare const NumberPadBackspace: import("react").ForwardRefExoticComponent<Omit<import("../..").PressableFeedbackProps, "isPressed" | "style" | "children" | "layout"> & {
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle> | ((state: import("react-native").PressableStateCallbackType) => import("react-native").StyleProp<import("react-native").ViewStyle>);
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<View>>;