@xaui/native 0.0.16 → 0.0.17

package/dist/segment-button/index.d.ts

@@ -0,0 +1,141 @@
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.js';
+
+type SegmentButtonVariant = 'outlined' | 'flat' | 'light' | 'faded';
+type ElevationLevel = 0 | 1 | 2 | 3 | 4;
+type SegmentButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+type SegmentButtonSelectionMode = 'single' | 'multiple';
+type SegmentButtonProps = {
+    /**
+     * SegmentButtonItem children
+     */
+    children: ReactNode;
+    /**
+     * The currently selected key(s) (controlled mode).
+     * Use a string for single-select, string array for multi-select.
+     */
+    selected?: string | string[];
+    /**
+     * Default selected key(s) for uncontrolled mode.
+     * Use a string for single-select, string array for multi-select.
+     */
+    defaultSelected?: string | string[];
+    /**
+     * Callback fired when selection changes.
+     * Returns a string for single-select mode, string array for multi-select.
+     */
+    onSelectionChange?: (selected: string | string[]) => void;
+    /**
+     * Selection mode: single or multiple
+     * @default 'single'
+     */
+    selectionMode?: SegmentButtonSelectionMode;
+    /**
+     * The theme color of the segment button
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * The variant of the segment button
+     * @default 'outlined'
+     */
+    variant?: SegmentButtonVariant;
+    /**
+     * The size of the segment button
+     * @default 'md'
+     */
+    size?: Size;
+    /**
+     * The border radius of the segment button
+     * @default 'full'
+     */
+    radius?: SegmentButtonRadius;
+    /**
+     * Whether the segment button should take the full width of its container
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether the entire segment button group is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether to show a checkmark icon on selected segments
+     * @default true
+     */
+    showCheckmark?: boolean;
+    /**
+     * Android elevation level from 0 to 4.
+     * Does not apply to `outlined` and `light` variants.
+     * @default 0
+     */
+    elevation?: ElevationLevel;
+    /**
+     * Custom styles for the outer container
+     */
+    customAppearance?: {
+        container?: ViewStyle;
+    };
+};
+
+declare const SegmentButton: React.FC<SegmentButtonProps>;
+
+type SegmentButtonItemCustomAppearance = {
+    /**
+     * Custom styles for the segment container
+     */
+    segment?: ViewStyle;
+    /**
+     * Custom styles for the selected segment
+     */
+    selectedSegment?: ViewStyle;
+    /**
+     * Custom styles for segment label text
+     */
+    text?: TextStyle;
+    /**
+     * Custom styles for selected segment label text
+     */
+    selectedText?: TextStyle;
+};
+type SegmentButtonItemProps = {
+    /**
+     * Unique key for the segment item
+     */
+    itemKey: string;
+    /**
+     * Label text for the segment
+     */
+    label: string;
+    /**
+     * Content to display at the start of the segment item
+     */
+    startContent?: ReactNode;
+    /**
+     * @deprecated Use `startContent` instead
+     */
+    icon?: ReactNode;
+    /**
+     * Content to display at the end of the segment item
+     */
+    endContent?: ReactNode;
+    /**
+     * Custom indicator shown when the segment item is selected
+     */
+    checkIndicator?: ReactNode;
+    /**
+     * Whether the segment item is disabled
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Custom appearance styles for this segment item
+     */
+    customAppearance?: SegmentButtonItemCustomAppearance;
+};
+
+declare const SegmentButtonItem: React.FC<SegmentButtonItemProps>;
+
+export { type ElevationLevel, SegmentButton, SegmentButtonItem, type SegmentButtonItemProps, type SegmentButtonProps, type SegmentButtonRadius, type SegmentButtonSelectionMode, type SegmentButtonVariant };

package/dist/segment-button/index.js

@@ -0,0 +1,10 @@
+import {
+  SegmentButton,
+  SegmentButtonItem
+} from "../chunk-STUNTRKJ.js";
+import "../chunk-DXXNBF5P.js";
+import "../chunk-MZL77KV5.js";
+export {
+  SegmentButton,
+  SegmentButtonItem
+};

package/dist/select/index.js

@@ -1,9 +1,10 @@
 import {
   CheckmarkIcon
 } from "../chunk-GBHQCAKW.js";
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-NBRASCX4.js";
+} from "../chunk-MZL77KV5.js";
 
 // src/components/select/select.tsx
 import React3, { useCallback as useCallback2, useMemo as useMemo2 } from "react";

package/dist/switch/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-NBRASCX4.js";
+} from "../chunk-MZL77KV5.js";
 
 // src/components/switch/switch.tsx
 import React, { useEffect, useMemo as useMemo2, useRef, useState } from "react";

package/dist/typography/index.js

@@ -1,7 +1,8 @@
 import {
   Typography
-} from "../chunk-ZYTBRHLJ.js";
-import "../chunk-NBRASCX4.js";
+} from "../chunk-PWCUULAL.js";
+import "../chunk-DXXNBF5P.js";
+import "../chunk-MZL77KV5.js";
 export {
   Typography
 };