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

package/dist/components/segment/index.cjs

@@ -0,0 +1,374 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkGBTNFQXNcjs = require('../../chunk-GBTNFQXN.cjs');
+
+
+var _chunk7EIHHOHPcjs = require('../../chunk-7EIHHOHP.cjs');
+
+
+var _chunkOW4N2C3Mcjs = require('../../chunk-OW4N2C3M.cjs');
+
+
+var _chunk7DPL3ZDScjs = require('../../chunk-7DPL3ZDS.cjs');
+
+
+var _chunkFHNIGHN5cjs = require('../../chunk-FHNIGHN5.cjs');
+
+
+
+var _chunkSL3V7R2Ycjs = require('../../chunk-SL3V7R2Y.cjs');
+require('../../chunk-TVJXC4HY.cjs');
+
+
+
+var _chunkCDRGTUYFcjs = require('../../chunk-CDRGTUYF.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-EJQCQPET.cjs');
+
+
+var _chunkIIAQISBGcjs = require('../../chunk-IIAQISBG.cjs');
+
+
+var _chunkTK44VBIEcjs = require('../../chunk-TK44VBIE.cjs');
+
+// src/components/segment/segment.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/segment/segment.context.ts
+var [SegmentProvider, useSegment] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Segment");
+var [SegmentItemProvider, useSegmentItem] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Segment.Item");
+
+// src/components/segment/segment.recipe.ts
+
+var SLOTS = [
+  "root",
+  "indicator",
+  "item",
+  "separator",
+  "label",
+  "labelSelected"
+];
+var VARIANT_TOKENS = {
+  default: {
+    bg: "default",
+    bgSelected: "segment",
+    fgSelected: "segmentForeground"
+  }
+};
+var HAIRLINE = _reactnative.StyleSheet.hairlineWidth;
+var TRACK_INSET = 3;
+var SIZES = {
+  sm: { paddingHorizontal: 2.5, paddingVertical: 1, gap: 1, label: "sm" },
+  md: { paddingHorizontal: 3, paddingVertical: 1.5, gap: 1.5, label: "md" },
+  lg: { paddingHorizontal: 4, paddingVertical: 2, gap: 2, label: "lg" }
+};
+function sizeAxis(step) {
+  const { paddingHorizontal, paddingVertical, gap, label } = step;
+  return (theme) => ({
+    item: {
+      paddingHorizontal: theme.spacing(paddingHorizontal),
+      paddingVertical: theme.spacing(paddingVertical),
+      gap: theme.spacing(gap)
+    },
+    // Inset by the option's own vertical padding, so the rule spans exactly the label
+    // beside it. A hairline running the full height of the track reads as a column edge
+    // rather than as the seam between two options.
+    separator: {
+      top: theme.spacing(paddingVertical),
+      bottom: theme.spacing(paddingVertical)
+    },
+    label: {
+      fontSize: theme.fontSizes[label],
+      lineHeight: theme.lineHeights[label]
+    }
+  });
+}
+var segmentRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: (theme) => ({
+    root: {
+      // Hugs its options rather than filling the row. A segment as wide as the screen with
+      // two options in it is a navigation bar pretending to be a filter.
+      alignSelf: "flex-start",
+      flexDirection: "row",
+      alignItems: "center",
+      padding: TRACK_INSET,
+      borderRadius: theme.radius["3xl"],
+      borderCurve: "continuous"
+    },
+    indicator: {
+      position: "absolute",
+      zIndex: 0,
+      top: TRACK_INSET,
+      bottom: TRACK_INSET,
+      borderRadius: theme.radius["3xl"],
+      borderCurve: "continuous",
+      ...theme.shadows.surface
+    },
+    item: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    // Pinned to the option's own leading edge, which is the boundary between it and the
+    // one before it: the track lays its options out with no gap, so the two edges coincide.
+    separator: {
+      position: "absolute",
+      start: 0,
+      width: HAIRLINE,
+      backgroundColor: theme.colors.separator
+    },
+    label: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium,
+      color: theme.colors.muted
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (_theme, colors) => ({
+    root: { backgroundColor: colors.bg },
+    indicator: { backgroundColor: colors.bgSelected },
+    // Read by the root and handed to the chosen option's label alone, which is why it is
+    // on a slot the recipe otherwise leaves to `muted`.
+    labelSelected: { color: colors.fgSelected }
+  }),
+  variants: {
+    size: {
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    },
+    radius: _chunkSL3V7R2Ycjs.radiusAxis.call(void 0, "root", "indicator")
+  },
+  states: {
+    disabled: (theme) => ({ root: { opacity: theme.opacity.disabled } })
+  },
+  defaultVariants: { variant: "default", size: "md" }
+});
+
+// src/components/segment/segment.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var SegmentRoot = _react.forwardRef.call(void 0, function Segment({
+  children,
+  size,
+  radius,
+  color,
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  hasSeparator = false,
+  isDisabled = false,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [rects, setRects] = _react.useState.call(void 0, {});
+  const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledValue,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const selection = { size, radius };
+  const styles = segmentRecipe.resolve({
+    theme,
+    selection,
+    states: { disabled: isDisabled }
+  });
+  const tint = color ? segmentRecipe.tint({ theme, color, selection }) : void 0;
+  const select = _react.useCallback.call(void 0, (next) => setValue(next), [setValue]);
+  const setRect = _react.useCallback.call(void 0, (option, rect) => {
+    setRects((current) => {
+      const previous = current[option];
+      if (previous && previous.x === rect.x && previous.width === rect.width)
+        return current;
+      return { ...current, [option]: rect };
+    });
+  }, []);
+  const context = _react.useMemo.call(void 0, () => {
+    const selected = _reactnative.StyleSheet.flatten([
+      styles.labelSelected,
+      _optionalChain([tint, 'optionalAccess', _ => _.labelSelected])
+    ]);
+    return {
+      itemStyle: styles.item,
+      separatorStyle: styles.separator,
+      labelStyle: styles.label,
+      labelSelectedStyle: { color: selected.color },
+      value,
+      hasSeparator,
+      isDisabled,
+      select,
+      rects,
+      setRect
+    };
+  }, [styles, tint, value, hasSeparator, isDisabled, select, rects, setRect]);
+  const travel = _chunkGBTNFQXNcjs.useSlidingIndicator.call(void 0, value === void 0 ? void 0 : rects[value]);
+  const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _2 => _2.root]), styleProps, style];
+  const Node = asChild ? _chunkCDRGTUYFcjs.Slot : _reactnative.View;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SegmentProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Node,
+    {
+      ref,
+      accessibilityRole: "radiogroup",
+      ...rest,
+      style: rootStyle,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _reactnativereanimated2.default.View,
+          {
+            style: [styles.indicator, _optionalChain([tint, 'optionalAccess', _3 => _3.indicator]), travel],
+            pointerEvents: "none"
+          }
+        ),
+        children
+      ]
+    }
+  ) });
+});
+SegmentRoot.displayName = "XAUI.Segment.Root";
+
+// src/components/segment/segment-item.tsx
+
+
+
+// src/components/segment/segment-label.tsx
+
+
+
+var SegmentLabel = _react.forwardRef.call(void 0, 
+  function SegmentLabel2({ children, style, ...props }, ref) {
+    const { labelStyle, labelSelectedStyle } = useSegment();
+    const { isSelected } = useSegmentItem();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reactnative.Text,
+      {
+        ref,
+        ...rest,
+        style: [labelStyle, isSelected && labelSelectedStyle, styleProps, style],
+        children
+      }
+    );
+  }
+);
+SegmentLabel.displayName = "XAUI.Segment.Label";
+
+// src/components/segment/segment.utils.ts
+function hasLeadingSeparator(rects, value, selected) {
+  const self = rects[value];
+  if (self === void 0 || value === selected) return false;
+  let previous;
+  let previousX = -Infinity;
+  for (const [key, rect] of Object.entries(rects)) {
+    if (rect.x < self.x && rect.x > previousX) {
+      previous = key;
+      previousX = rect.x;
+    }
+  }
+  return previous !== void 0 && previous !== selected;
+}
+
+// src/components/segment/segment-item.tsx
+
+var SegmentItem = _react.forwardRef.call(void 0, function SegmentItem2({
+  value,
+  children,
+  isDisabled = false,
+  asChild = false,
+  accessibilityRole = "radio",
+  accessibilityState,
+  style,
+  onLayout,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const {
+    itemStyle,
+    separatorStyle,
+    hasSeparator,
+    rects,
+    value: selected,
+    isDisabled: isRootDisabled,
+    select,
+    setRect
+  } = useSegment();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, { onPressIn, onPressOut });
+  const isSelected = selected === value;
+  const disabled = isRootDisabled || isDisabled;
+  const measure = _react.useCallback.call(void 0, 
+    (event) => {
+      _optionalChain([onLayout, 'optionalCall', _4 => _4(event)]);
+      const { x, width } = event.nativeEvent.layout;
+      setRect(value, { x, width });
+    },
+    [onLayout, setRect, value]
+  );
+  const handlePress = _react.useCallback.call(void 0, 
+    (event) => {
+      _optionalChain([onPress, 'optionalCall', _5 => _5(event)]);
+      select(value);
+    },
+    [onPress, select, value]
+  );
+  const context = _react.useMemo.call(void 0, 
+    () => ({ isSelected, isPressed, isDisabled: disabled }),
+    [isSelected, isPressed, disabled]
+  );
+  const text = typeof children === "function" ? null : _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SegmentItemProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkOW4N2C3Mcjs.PressableFeedback,
+    {
+      ref,
+      isPressed,
+      isDisabled: disabled,
+      asChild,
+      accessibilityRole,
+      accessibilityState: {
+        disabled,
+        checked: isSelected,
+        ...accessibilityState
+      },
+      ...rest,
+      onLayout: measure,
+      style: [
+        itemStyle,
+        styleProps,
+        typeof style === "function" ? style({ pressed: isPressed }) : style
+      ],
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: [
+        hasSeparator && hasLeadingSeparator(rects, value, selected) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { style: separatorStyle }) : null,
+        typeof children === "function" ? children(context) : text !== null ? (
+          // R3 — a stringifiable option becomes its label, which is what makes the common
+          // case `<Segment.Item value="all">Tout</Segment.Item>`.
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SegmentLabel, { children: text })
+        ) : children
+      ]
+    }
+  ) });
+});
+SegmentItem.displayName = "XAUI.Segment.Item";
+
+// src/components/segment/index.ts
+var Segment2 = Object.assign(SegmentRoot, {
+  Item: SegmentItem,
+  Label: SegmentLabel
+});
+
+
+
+
+
+
+
+
+exports.Segment = Segment2; exports.SegmentItem = SegmentItem; exports.SegmentLabel = SegmentLabel; exports.SegmentRoot = SegmentRoot; exports.segmentRecipe = segmentRecipe; exports.useSegment = useSegment; exports.useSegmentItem = useSegmentItem;

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

@@ -0,0 +1,44 @@
+export declare const Segment: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    size?: import("./segment.type").SegmentSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+} & Omit<import("react-native").ViewProps, keyof {
+    children?: import("react").ReactNode;
+    size?: import("./segment.type").SegmentSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+}> & Omit<import("../..").ViewStyleProps, "color" | "value" | "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" | "isDisabled" | "asChild" | "radius" | "size" | "defaultValue" | "onValueChange" | "hasSeparator"> & import("react").RefAttributes<import("react-native").View>> & {
+    Item: import("react").ForwardRefExoticComponent<{
+        value: string;
+        children?: import("react").ReactNode | ((state: import("./segment.type").SegmentItemRenderState) => import("react").ReactNode);
+        isDisabled?: boolean;
+        asChild?: boolean;
+    } & Omit<import("react-native").PressableProps, keyof {
+        value: string;
+        children?: import("react").ReactNode | ((state: import("./segment.type").SegmentItemRenderState) => import("react").ReactNode);
+        isDisabled?: boolean;
+        asChild?: boolean;
+    }> & Omit<import("../..").ViewStyleProps, "value" | "pointerEvents" | "disabled" | "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" | "onHoverIn" | "onHoverOut" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "isDisabled" | "asChild"> & import("react").RefAttributes<import("react-native").View>>;
+    Label: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+};
+export { SegmentRoot } from './segment';
+export { SegmentItem } from './segment-item';
+export { SegmentLabel } from './segment-label';
+export { useSegment, useSegmentItem } from './segment.context';
+export { segmentRecipe } from './segment.recipe';
+export type { SegmentContextValue, SegmentItemContextValue, SegmentItemProps, SegmentItemRenderState, SegmentLabelProps, SegmentProps, SegmentRect, SegmentSize, SegmentSlot, SegmentVariant, } from './segment.type';

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

@@ -0,0 +1,44 @@
+export declare const Segment: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    size?: import("./segment.type").SegmentSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+} & Omit<import("react-native").ViewProps, keyof {
+    children?: import("react").ReactNode;
+    size?: import("./segment.type").SegmentSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    hasSeparator?: boolean;
+    isDisabled?: boolean;
+    asChild?: boolean;
+}> & Omit<import("../..").ViewStyleProps, "color" | "value" | "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" | "isDisabled" | "asChild" | "radius" | "size" | "defaultValue" | "onValueChange" | "hasSeparator"> & import("react").RefAttributes<import("react-native").View>> & {
+    Item: import("react").ForwardRefExoticComponent<{
+        value: string;
+        children?: import("react").ReactNode | ((state: import("./segment.type").SegmentItemRenderState) => import("react").ReactNode);
+        isDisabled?: boolean;
+        asChild?: boolean;
+    } & Omit<import("react-native").PressableProps, keyof {
+        value: string;
+        children?: import("react").ReactNode | ((state: import("./segment.type").SegmentItemRenderState) => import("react").ReactNode);
+        isDisabled?: boolean;
+        asChild?: boolean;
+    }> & Omit<import("../..").ViewStyleProps, "value" | "pointerEvents" | "disabled" | "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" | "onHoverIn" | "onHoverOut" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "pressRetentionOffset" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay" | "isDisabled" | "asChild"> & import("react").RefAttributes<import("react-native").View>>;
+    Label: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+    } & Omit<import("react-native").TextProps, "children"> & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & import("react").RefAttributes<import("react-native").Text>>;
+};
+export { SegmentRoot } from './segment';
+export { SegmentItem } from './segment-item';
+export { SegmentLabel } from './segment-label';
+export { useSegment, useSegmentItem } from './segment.context';
+export { segmentRecipe } from './segment.recipe';
+export type { SegmentContextValue, SegmentItemContextValue, SegmentItemProps, SegmentItemRenderState, SegmentLabelProps, SegmentProps, SegmentRect, SegmentSize, SegmentSlot, SegmentVariant, } from './segment.type';