@kjun-ui/native 0.0.0-stage → 0.3.0

package/dist/types/packages/native/src/navigation.d.ts

@@ -0,0 +1,45 @@
+import { type ReactNode } from "react";
+export { DsTabs, DsTabPane, type TabItem, type DsTabsProps, type DsTabPaneProps } from "./tabs.js";
+export interface DsAccordionProps {
+    multiple?: boolean;
+    tone?: "card" | "muted";
+    children: ReactNode;
+}
+export declare function DsAccordion({ multiple, tone, children, }: DsAccordionProps): import("react/jsx-runtime").JSX.Element;
+export interface DsAccordionItemProps {
+    title?: string;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    header?: ReactNode;
+    children: ReactNode;
+}
+export declare function DsAccordionItem({ title, defaultOpen, disabled, header, children, }: DsAccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbItem {
+    label: string;
+    to?: string;
+    icon?: string;
+}
+export interface DsBreadcrumbProps {
+    items: BreadcrumbItem[];
+    renderLink?: (item: BreadcrumbItem, children: ReactNode) => ReactNode;
+    onNavigate?: (item: BreadcrumbItem) => void;
+    ariaLabel?: string;
+}
+export declare function DsBreadcrumb({ items, renderLink, onNavigate, ariaLabel, }: DsBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+export interface DsPaginationProps {
+    currentPage?: number;
+    page?: number;
+    totalPages: number;
+    totalRows?: number;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    siblingCount?: number;
+    showInfo?: boolean;
+    showSizeSelector?: boolean;
+    showFirstLast?: boolean;
+    formatter?: (value: number) => string;
+    onPageChange?: (page: number) => void;
+    onChange?: (page: number) => void;
+    onPageSizeChange?: (size: number) => void;
+}
+export declare function DsPagination({ currentPage, page, totalPages, totalRows, pageSize, pageSizeOptions, siblingCount, showInfo, showSizeSelector, showFirstLast, formatter, onPageChange, onChange, onPageSizeChange, }: DsPaginationProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/packages/native/src/number-display.d.cts

@@ -0,0 +1,49 @@
+import { type StyleProp, type TextStyle } from "react-native";
+export declare const finiteNumber: (value: unknown) => number | null;
+export declare const format: (value: number, decimals?: number) => string;
+export declare function useCountUp(value: number | string, animated: boolean, fromPrevious: boolean): string | number;
+export interface DsAnimatedNumberProps {
+    value: number | string;
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    animated?: boolean;
+    fromPrevious?: boolean;
+    formatter?: (value: number) => string;
+    style?: StyleProp<TextStyle>;
+}
+/** Internal: market lists set price and change type like Web .kjun-market-price/.kjun-market-change (Text styles do not inherit). */
+export declare const MarketQuoteTypeContext: import("react").Context<{
+    price: TextStyle;
+    change: TextStyle;
+} | null>;
+export declare function DsAnimatedNumber({ value, decimals, prefix, suffix, animated, fromPrevious, formatter, style, }: DsAnimatedNumberProps): import("react/jsx-runtime").JSX.Element;
+export interface DsFreshnessProps {
+    stale?: boolean;
+    source?: string | null;
+    fetchedAt?: string | null;
+    formatter?: (time: string) => string;
+}
+export declare function DsFreshness({ stale, source, fetchedAt, formatter, }: DsFreshnessProps): import("react/jsx-runtime").JSX.Element | null;
+export interface DsPriceCellProps extends Omit<DsFreshnessProps, "formatter"> {
+    value?: number | null;
+    formatter?: (value: number) => string;
+    fromPrevious?: boolean;
+    showFreshness?: boolean;
+}
+export declare function DsPriceCell({ value, formatter, stale, showFreshness, source, fetchedAt, fromPrevious, }: DsPriceCellProps): import("react/jsx-runtime").JSX.Element;
+export interface DsSignedValueProps {
+    value?: number | string | null;
+    format?: "number" | "percent";
+    isRaw?: boolean;
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    showSign?: boolean;
+    tone?: "plain" | "pill";
+    loading?: boolean;
+    stale?: boolean;
+    showFreshness?: boolean;
+    formatter?: (value: number) => string;
+}
+export declare function DsSignedValue({ value, format: kind, isRaw, decimals, prefix, suffix, showSign, tone, loading, stale, showFreshness, formatter, }: DsSignedValueProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/number-display.d.ts

@@ -0,0 +1,49 @@
+import { type StyleProp, type TextStyle } from "react-native";
+export declare const finiteNumber: (value: unknown) => number | null;
+export declare const format: (value: number, decimals?: number) => string;
+export declare function useCountUp(value: number | string, animated: boolean, fromPrevious: boolean): string | number;
+export interface DsAnimatedNumberProps {
+    value: number | string;
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    animated?: boolean;
+    fromPrevious?: boolean;
+    formatter?: (value: number) => string;
+    style?: StyleProp<TextStyle>;
+}
+/** Internal: market lists set price and change type like Web .kjun-market-price/.kjun-market-change (Text styles do not inherit). */
+export declare const MarketQuoteTypeContext: import("react").Context<{
+    price: TextStyle;
+    change: TextStyle;
+} | null>;
+export declare function DsAnimatedNumber({ value, decimals, prefix, suffix, animated, fromPrevious, formatter, style, }: DsAnimatedNumberProps): import("react/jsx-runtime").JSX.Element;
+export interface DsFreshnessProps {
+    stale?: boolean;
+    source?: string | null;
+    fetchedAt?: string | null;
+    formatter?: (time: string) => string;
+}
+export declare function DsFreshness({ stale, source, fetchedAt, formatter, }: DsFreshnessProps): import("react/jsx-runtime").JSX.Element | null;
+export interface DsPriceCellProps extends Omit<DsFreshnessProps, "formatter"> {
+    value?: number | null;
+    formatter?: (value: number) => string;
+    fromPrevious?: boolean;
+    showFreshness?: boolean;
+}
+export declare function DsPriceCell({ value, formatter, stale, showFreshness, source, fetchedAt, fromPrevious, }: DsPriceCellProps): import("react/jsx-runtime").JSX.Element;
+export interface DsSignedValueProps {
+    value?: number | string | null;
+    format?: "number" | "percent";
+    isRaw?: boolean;
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    showSign?: boolean;
+    tone?: "plain" | "pill";
+    loading?: boolean;
+    stale?: boolean;
+    showFreshness?: boolean;
+    formatter?: (value: number) => string;
+}
+export declare function DsSignedValue({ value, format: kind, isRaw, decimals, prefix, suffix, showSign, tone, loading, stale, showFreshness, formatter, }: DsSignedValueProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/overlay-host.d.cts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import { type ModalProps } from "react-native";
+export interface FeedbackOverlayHost {
+    top: string | undefined;
+    register: (id: string) => () => void;
+    render: () => ReactNode;
+}
+export declare const FeedbackOverlayContext: import("react").Context<FeedbackOverlayHost | null>;
+export declare function ScopedNativeModal({ children, visible, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/overlay-host.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import { type ModalProps } from "react-native";
+export interface FeedbackOverlayHost {
+    top: string | undefined;
+    register: (id: string) => () => void;
+    render: () => ReactNode;
+}
+export declare const FeedbackOverlayContext: import("react").Context<FeedbackOverlayHost | null>;
+export declare function ScopedNativeModal({ children, visible, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/popover.d.cts

@@ -0,0 +1,24 @@
+import { type ReactNode } from "react";
+import { type PressableProps } from "react-native";
+export interface DsPopoverProps {
+    noPadding?: boolean;
+    open?: boolean;
+    onOpenChange?: (v: boolean) => void;
+    manualTrigger?: boolean;
+    matchTriggerWidth?: boolean;
+    maxHeight?: number;
+    flip?: boolean;
+    focusOnOpen?: boolean;
+    ariaLabel?: string;
+    placement?: "top" | "bottom" | "left" | "right";
+    trigger: ReactNode | ((open: boolean) => ReactNode);
+    children: ReactNode | ((close: () => void) => ReactNode);
+}
+export declare function DsPopover({ noPadding, open: controlled, onOpenChange, manualTrigger, matchTriggerWidth, maxHeight, flip, focusOnOpen, ariaLabel, placement, trigger, children, }: DsPopoverProps): import("react/jsx-runtime").JSX.Element;
+export interface DsTooltipProps extends Pick<PressableProps, "onPress" | "disabled"> {
+    content?: string;
+    placement?: "top" | "bottom" | "left" | "right";
+    delay?: number;
+    children: ReactNode;
+}
+export declare function DsTooltip({ content: message, placement, delay, children, onPress, disabled, }: DsTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/popover.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from "react";
+import { type PressableProps } from "react-native";
+export interface DsPopoverProps {
+    noPadding?: boolean;
+    open?: boolean;
+    onOpenChange?: (v: boolean) => void;
+    manualTrigger?: boolean;
+    matchTriggerWidth?: boolean;
+    maxHeight?: number;
+    flip?: boolean;
+    focusOnOpen?: boolean;
+    ariaLabel?: string;
+    placement?: "top" | "bottom" | "left" | "right";
+    trigger: ReactNode | ((open: boolean) => ReactNode);
+    children: ReactNode | ((close: () => void) => ReactNode);
+}
+export declare function DsPopover({ noPadding, open: controlled, onOpenChange, manualTrigger, matchTriggerWidth, maxHeight, flip, focusOnOpen, ariaLabel, placement, trigger, children, }: DsPopoverProps): import("react/jsx-runtime").JSX.Element;
+export interface DsTooltipProps extends Pick<PressableProps, "onPress" | "disabled"> {
+    content?: string;
+    placement?: "top" | "bottom" | "left" | "right";
+    delay?: number;
+    children: ReactNode;
+}
+export declare function DsTooltip({ content: message, placement, delay, children, onPress, disabled, }: DsTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/provider.d.cts

@@ -0,0 +1,20 @@
+import type { KjunIconRegistry } from "@kjun-ui/icons";
+import { type KjunColors, type ResolvedKjunColors, type KjunDomainColors } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type ColorValue, type StyleProp, type ViewStyle } from "react-native";
+interface KjunStyles {
+    colors: ResolvedKjunColors<ColorValue>;
+    fontFamily?: string;
+    numericFontFamily?: string;
+    domainColors?: KjunDomainColors<ColorValue>;
+}
+export declare function useKjunStyles(): KjunStyles;
+export interface KjunProviderProps extends Omit<KjunStyles, "colors"> {
+    icons?: KjunIconRegistry;
+    colors: KjunColors<ColorValue>;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function KjunProvider({ icons, colors, fontFamily, numericFontFamily, domainColors, children, style, }: KjunProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useKjunDomainColors(): Readonly<Record<"priceUp" | "priceUpLight" | "priceUpBg" | "priceUpBgStrong" | "priceDown" | "priceDownLight" | "priceDownBg" | "priceDownBgStrong" | "priceNeutral" | "priceNeutralBg" | "favorite" | "favoriteHover" | "interest", ColorValue>>;
+export {};

package/dist/types/packages/native/src/provider.d.ts

@@ -0,0 +1,20 @@
+import type { KjunIconRegistry } from "@kjun-ui/icons";
+import { type KjunColors, type ResolvedKjunColors, type KjunDomainColors } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type ColorValue, type StyleProp, type ViewStyle } from "react-native";
+interface KjunStyles {
+    colors: ResolvedKjunColors<ColorValue>;
+    fontFamily?: string;
+    numericFontFamily?: string;
+    domainColors?: KjunDomainColors<ColorValue>;
+}
+export declare function useKjunStyles(): KjunStyles;
+export interface KjunProviderProps extends Omit<KjunStyles, "colors"> {
+    icons?: KjunIconRegistry;
+    colors: KjunColors<ColorValue>;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function KjunProvider({ icons, colors, fontFamily, numericFontFamily, domainColors, children, style, }: KjunProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useKjunDomainColors(): Readonly<Record<"priceUp" | "priceUpLight" | "priceUpBg" | "priceUpBgStrong" | "priceDown" | "priceDownLight" | "priceDownBg" | "priceDownBgStrong" | "priceNeutral" | "priceNeutralBg" | "favorite" | "favoriteHover" | "interest", ColorValue>>;
+export {};

package/dist/types/packages/native/src/quantity-stepper.d.cts

@@ -0,0 +1,18 @@
+import { type InputSize } from "@kjun-ui/tokens";
+export interface DsQuantityStepperProps {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    disabled?: boolean;
+    error?: boolean;
+    size?: InputSize;
+    block?: boolean;
+    id?: string;
+    ariaLabel?: string;
+    onValueChange?: (value: number) => void;
+    onChangeCommit?: (value: number) => void;
+    onInvalidInput?: (draft: string) => void;
+}
+export declare function DsQuantityStepper({ value, min, max, step, precision, disabled, error, size, block, id, ariaLabel, onValueChange, onChangeCommit, onInvalidInput }: DsQuantityStepperProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/quantity-stepper.d.ts

@@ -0,0 +1,18 @@
+import { type InputSize } from "@kjun-ui/tokens";
+export interface DsQuantityStepperProps {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    precision?: number;
+    disabled?: boolean;
+    error?: boolean;
+    size?: InputSize;
+    block?: boolean;
+    id?: string;
+    ariaLabel?: string;
+    onValueChange?: (value: number) => void;
+    onChangeCommit?: (value: number) => void;
+    onInvalidInput?: (draft: string) => void;
+}
+export declare function DsQuantityStepper({ value, min, max, step, precision, disabled, error, size, block, id, ariaLabel, onValueChange, onChangeCommit, onInvalidInput }: DsQuantityStepperProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/range-input.d.cts

@@ -0,0 +1,31 @@
+export interface DsSliderProps {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    label?: string;
+    ariaLabel?: string;
+    onValueChange?: (value: number) => void;
+    onChangeCommit?: (value: number) => void;
+}
+export interface DsRangeSliderProps extends Omit<DsSliderProps, "value" | "onValueChange" | "onChangeCommit"> {
+    value: [
+        number,
+        number
+    ];
+    thumbLabels?: [
+        string,
+        string
+    ];
+    onValueChange?: (value: [
+        number,
+        number
+    ]) => void;
+    onChangeCommit?: (value: [
+        number,
+        number
+    ]) => void;
+}
+export declare function DsSlider(props: DsSliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DsRangeSlider(props: DsRangeSliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/range-input.d.ts

@@ -0,0 +1,31 @@
+export interface DsSliderProps {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    label?: string;
+    ariaLabel?: string;
+    onValueChange?: (value: number) => void;
+    onChangeCommit?: (value: number) => void;
+}
+export interface DsRangeSliderProps extends Omit<DsSliderProps, "value" | "onValueChange" | "onChangeCommit"> {
+    value: [
+        number,
+        number
+    ];
+    thumbLabels?: [
+        string,
+        string
+    ];
+    onValueChange?: (value: [
+        number,
+        number
+    ]) => void;
+    onChangeCommit?: (value: [
+        number,
+        number
+    ]) => void;
+}
+export declare function DsSlider(props: DsSliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DsRangeSlider(props: DsRangeSliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/search-input.d.cts

@@ -0,0 +1,21 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type SearchInputModelProps } from "../../../shared/package-runtime/search-input.cjs";
+import { SelectOption } from "./select-options.cjs";
+export interface DsSearchInputProps<T extends SelectOption = SelectOption> extends SearchInputModelProps<T> {
+    placeholder?: string;
+    ariaLabel?: string;
+    error?: boolean;
+    clearable?: boolean;
+    size?: InputSize;
+    itemKey?: string;
+    labelField?: string;
+    emptyText?: string;
+    /** Shown when loadOptions rejects, instead of the empty text. */
+    errorText?: string;
+    renderOption?: (option: T) => ReactNode;
+    onSelect?: (option: T) => void;
+    onEnter?: () => void;
+    onClear?: () => void;
+}
+export declare function DsSearchInput<T extends SelectOption = SelectOption>({ value, placeholder, ariaLabel, disabled, error, clearable, debounce, size, loadOptions, itemKey, labelField, minChars, emptyText, errorText, renderOption, onValueChange, onSelect, onSearchError, onEnter, onClear, }: DsSearchInputProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/search-input.d.ts

@@ -0,0 +1,21 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type SearchInputModelProps } from "../../../shared/package-runtime/search-input.js";
+import { SelectOption } from "./select-options.js";
+export interface DsSearchInputProps<T extends SelectOption = SelectOption> extends SearchInputModelProps<T> {
+    placeholder?: string;
+    ariaLabel?: string;
+    error?: boolean;
+    clearable?: boolean;
+    size?: InputSize;
+    itemKey?: string;
+    labelField?: string;
+    emptyText?: string;
+    /** Shown when loadOptions rejects, instead of the empty text. */
+    errorText?: string;
+    renderOption?: (option: T) => ReactNode;
+    onSelect?: (option: T) => void;
+    onEnter?: () => void;
+    onClear?: () => void;
+}
+export declare function DsSearchInput<T extends SelectOption = SelectOption>({ value, placeholder, ariaLabel, disabled, error, clearable, debounce, size, loadOptions, itemKey, labelField, minChars, emptyText, errorText, renderOption, onValueChange, onSelect, onSearchError, onEnter, onClear, }: DsSearchInputProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/select-control.d.cts

@@ -0,0 +1,30 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { OptionValue, SelectOption } from "./select-options.cjs";
+export interface DsSelectProps<T extends SelectOption = SelectOption> {
+    value: OptionValue | OptionValue[] | null;
+    options?: T[];
+    placeholder?: string;
+    ariaLabel?: string;
+    labelKey?: string;
+    valueKey?: string;
+    size?: InputSize;
+    disabled?: boolean;
+    searchable?: boolean;
+    open?: boolean;
+    loading?: boolean;
+    searchPlaceholder?: string;
+    optionPageSize?: number;
+    clearable?: boolean;
+    multiple?: boolean;
+    error?: boolean;
+    menuHeader?: ReactNode;
+    renderOption?: (option: T, selected: boolean) => ReactNode;
+    renderSelected?: (option: T | undefined) => ReactNode;
+    onValueChange?: (v: OptionValue | OptionValue[] | null) => void;
+    onChange?: (v: OptionValue | OptionValue[] | null) => void;
+    onOpenChange?: (v: boolean) => void;
+    onSearch?: (v: string) => void;
+    onClear?: () => void;
+}
+export declare function DsSelect<T extends SelectOption = SelectOption>({ value, options, placeholder, ariaLabel, labelKey, valueKey, size, disabled, searchable, open: controlled, loading, searchPlaceholder, optionPageSize, clearable, multiple, error, menuHeader, renderOption, renderSelected, onValueChange, onChange, onOpenChange, onSearch, onClear, }: DsSelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/select-control.d.ts

@@ -0,0 +1,30 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { OptionValue, SelectOption } from "./select-options.js";
+export interface DsSelectProps<T extends SelectOption = SelectOption> {
+    value: OptionValue | OptionValue[] | null;
+    options?: T[];
+    placeholder?: string;
+    ariaLabel?: string;
+    labelKey?: string;
+    valueKey?: string;
+    size?: InputSize;
+    disabled?: boolean;
+    searchable?: boolean;
+    open?: boolean;
+    loading?: boolean;
+    searchPlaceholder?: string;
+    optionPageSize?: number;
+    clearable?: boolean;
+    multiple?: boolean;
+    error?: boolean;
+    menuHeader?: ReactNode;
+    renderOption?: (option: T, selected: boolean) => ReactNode;
+    renderSelected?: (option: T | undefined) => ReactNode;
+    onValueChange?: (v: OptionValue | OptionValue[] | null) => void;
+    onChange?: (v: OptionValue | OptionValue[] | null) => void;
+    onOpenChange?: (v: boolean) => void;
+    onSearch?: (v: string) => void;
+    onClear?: () => void;
+}
+export declare function DsSelect<T extends SelectOption = SelectOption>({ value, options, placeholder, ariaLabel, labelKey, valueKey, size, disabled, searchable, open: controlled, loading, searchPlaceholder, optionPageSize, clearable, multiple, error, menuHeader, renderOption, renderSelected, onValueChange, onChange, onOpenChange, onSearch, onClear, }: DsSelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/select-options.d.cts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+import { type PressableProps } from "react-native";
+export { optionValue, optionKey, optionLabel, optionDisabled } from "../../../shared/package-runtime/options.cjs";
+export type { OptionValue, SelectOption } from "../../../shared/package-runtime/options.cjs";
+export declare function OptionRow({ selected, disabled, multiple, label, children, onPress, onLayout, }: {
+    selected: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
+    label: string;
+    children?: ReactNode;
+    onPress: () => void;
+    onLayout?: PressableProps["onLayout"];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/select-options.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from "react";
+import { type PressableProps } from "react-native";
+export { optionValue, optionKey, optionLabel, optionDisabled } from "../../../shared/package-runtime/options.js";
+export type { OptionValue, SelectOption } from "../../../shared/package-runtime/options.js";
+export declare function OptionRow({ selected, disabled, multiple, label, children, onPress, onLayout, }: {
+    selected: boolean;
+    disabled?: boolean;
+    multiple?: boolean;
+    label: string;
+    children?: ReactNode;
+    onPress: () => void;
+    onLayout?: PressableProps["onLayout"];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/select.d.cts

@@ -0,0 +1,10 @@
+export { DsCombobox } from "./combobox.cjs";
+export type { DsComboboxProps } from "./combobox.cjs";
+export { DsDatePicker } from "./date-picker.cjs";
+export type { DsDatePickerProps } from "./date-picker.cjs";
+export { DsSearchInput } from "./search-input.cjs";
+export type { DsSearchInputProps } from "./search-input.cjs";
+export { DsSelect } from "./select-control.cjs";
+export type { DsSelectProps } from "./select-control.cjs";
+export { optionLabel, optionValue } from "./select-options.cjs";
+export type { OptionValue, SelectOption } from "./select-options.cjs";

package/dist/types/packages/native/src/select.d.ts

@@ -0,0 +1,10 @@
+export { DsCombobox } from "./combobox.js";
+export type { DsComboboxProps } from "./combobox.js";
+export { DsDatePicker } from "./date-picker.js";
+export type { DsDatePickerProps } from "./date-picker.js";
+export { DsSearchInput } from "./search-input.js";
+export type { DsSearchInputProps } from "./search-input.js";
+export { DsSelect } from "./select-control.js";
+export type { DsSelectProps } from "./select-control.js";
+export { optionLabel, optionValue } from "./select-options.js";
+export type { OptionValue, SelectOption } from "./select-options.js";

package/dist/types/packages/native/src/selection-groups.d.cts

@@ -0,0 +1,22 @@
+import { type ButtonSize } from "@kjun-ui/tokens";
+import { ChoiceOption, ChoiceValue } from "./choice-controls.cjs";
+export interface DsButtonGroupProps {
+    value: ChoiceValue;
+    options: ChoiceOption[];
+    size?: ButtonSize;
+    variant?: "primary" | "secondary" | "ghost";
+    disabled?: boolean;
+    fullWidth?: boolean;
+    ariaLabel?: string;
+    onValueChange?: (value: ChoiceValue) => void;
+    onChange?: (value: ChoiceValue) => void;
+}
+export declare function DsButtonGroup({ value, options, size, disabled, fullWidth, ariaLabel, onValueChange, onChange, }: DsButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface DsFilterGroupProps extends Omit<DsButtonGroupProps, "value" | "onValueChange" | "onChange" | "fullWidth" | "variant"> {
+    value: ChoiceValue | ChoiceValue[];
+    multiple?: boolean;
+    scroll?: boolean;
+    onValueChange?: (value: ChoiceValue | ChoiceValue[]) => void;
+    onChange?: (value: ChoiceValue | ChoiceValue[]) => void;
+}
+export declare function DsFilterGroup({ value, options, size, disabled, multiple, scroll, ariaLabel, onValueChange, onChange, }: DsFilterGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/selection-groups.d.ts

@@ -0,0 +1,22 @@
+import { type ButtonSize } from "@kjun-ui/tokens";
+import { ChoiceOption, ChoiceValue } from "./choice-controls.js";
+export interface DsButtonGroupProps {
+    value: ChoiceValue;
+    options: ChoiceOption[];
+    size?: ButtonSize;
+    variant?: "primary" | "secondary" | "ghost";
+    disabled?: boolean;
+    fullWidth?: boolean;
+    ariaLabel?: string;
+    onValueChange?: (value: ChoiceValue) => void;
+    onChange?: (value: ChoiceValue) => void;
+}
+export declare function DsButtonGroup({ value, options, size, disabled, fullWidth, ariaLabel, onValueChange, onChange, }: DsButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface DsFilterGroupProps extends Omit<DsButtonGroupProps, "value" | "onValueChange" | "onChange" | "fullWidth" | "variant"> {
+    value: ChoiceValue | ChoiceValue[];
+    multiple?: boolean;
+    scroll?: boolean;
+    onValueChange?: (value: ChoiceValue | ChoiceValue[]) => void;
+    onChange?: (value: ChoiceValue | ChoiceValue[]) => void;
+}
+export declare function DsFilterGroup({ value, options, size, disabled, multiple, scroll, ariaLabel, onValueChange, onChange, }: DsFilterGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/skeleton-base.d.cts

@@ -0,0 +1,11 @@
+import { type DimensionValue } from "react-native";
+export interface DsSkeletonProps {
+    type?: "text" | "avatar" | "card" | "table" | "chart" | "stat" | "block";
+    rows?: number;
+    columns?: number;
+    height?: DimensionValue;
+    width?: DimensionValue;
+    animated?: boolean;
+    rounded?: boolean;
+}
+export declare function DsSkeleton({ type, rows, columns, height, width, animated, rounded, }: DsSkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/skeleton-base.d.ts

@@ -0,0 +1,11 @@
+import { type DimensionValue } from "react-native";
+export interface DsSkeletonProps {
+    type?: "text" | "avatar" | "card" | "table" | "chart" | "stat" | "block";
+    rows?: number;
+    columns?: number;
+    height?: DimensionValue;
+    width?: DimensionValue;
+    animated?: boolean;
+    rounded?: boolean;
+}
+export declare function DsSkeleton({ type, rows, columns, height, width, animated, rounded, }: DsSkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/skeletons.d.cts

@@ -0,0 +1,28 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type DimensionValue } from "react-native";
+export interface DsListSkeletonProps {
+    rows?: number;
+    variant?: "market" | "compact" | "notification";
+    avatar?: boolean;
+    avatarSize?: DimensionValue;
+    quote?: boolean;
+}
+export declare function DsListSkeleton({ rows, variant, avatar, avatarSize, quote, }: DsListSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export interface DsFormSkeletonProps {
+    fields?: (string | {
+        label?: string;
+        height?: DimensionValue;
+    })[];
+    columns?: number;
+    multiline?: boolean;
+    size?: InputSize;
+}
+export declare function DsFormSkeleton({ fields, columns, multiline, size, }: DsFormSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export interface DsChartSkeletonProps {
+    loadingText?: string;
+    kind?: "grid" | "line" | "bar" | "donut" | "candle" | "matrix";
+    height?: DimensionValue;
+}
+export declare function DsChartSkeleton({ loadingText, kind, height, }: DsChartSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export { DsMarketTableSkeleton } from "./market-skeleton.cjs";
+export type { DsMarketTableSkeletonProps } from "./market-skeleton.cjs";