@kjun-ui/native 0.0.0-stage → 0.3.1

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

@@ -0,0 +1,7 @@
+import { type PressableProps, type View } from "react-native";
+export declare function focusVisible(target: unknown): boolean;
+export declare const AccessiblePressable: import("react").ForwardRefExoticComponent<PressableProps & {
+    focusRingInset?: boolean;
+    focusRing?: boolean;
+    focusRingRadius?: number;
+} & import("react").RefAttributes<View>>;

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

@@ -0,0 +1,7 @@
+import { type PressableProps, type View } from "react-native";
+export declare function focusVisible(target: unknown): boolean;
+export declare const AccessiblePressable: import("react").ForwardRefExoticComponent<PressableProps & {
+    focusRingInset?: boolean;
+    focusRing?: boolean;
+    focusRingRadius?: number;
+} & import("react").RefAttributes<View>>;

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

@@ -0,0 +1,58 @@
+import { type ButtonSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+import { type DsButtonProps } from "./button.cjs";
+import { type DsTooltipProps } from "./popover.cjs";
+export interface DsIconToggleProps {
+    active?: boolean;
+    activeIcon: string;
+    inactiveIcon?: string;
+    activeColor?: ColorValue;
+    inactiveColor?: ColorValue;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+    ariaLabel: string;
+    /** Defaults to ariaLabel, like RefreshButton; an empty string disables the hint. */
+    tooltip?: string;
+    tooltipPlacement?: DsTooltipProps["placement"];
+    tooltipDelay?: number;
+    onToggle?: () => void;
+}
+export declare function DsIconToggle({ active, activeIcon, inactiveIcon, activeColor, inactiveColor, size, disabled, loading, ariaLabel, tooltip, tooltipPlacement, tooltipDelay, onToggle, }: DsIconToggleProps): import("react/jsx-runtime").JSX.Element;
+export interface DsCopyButtonProps {
+    value: string;
+    ariaLabel?: string;
+    text?: string;
+    successText?: string;
+    inline?: boolean;
+    size?: "xs" | "sm" | "md";
+    disabled?: boolean;
+    copyText: (value: string) => void | Promise<void>;
+    onCopied?: (value: string) => void;
+    onCopyError?: (error: unknown) => void;
+}
+export declare function DsCopyButton({ value, ariaLabel, text, successText, inline, size, disabled, copyText, onCopied, onCopyError, }: DsCopyButtonProps): import("react/jsx-runtime").JSX.Element;
+export interface DsRefreshButtonProps extends Omit<DsButtonProps, "onPress" | "children"> {
+    targetName?: string;
+    mode?: "icon" | "text";
+    text?: string;
+    /** Defaults to the icon button's accessible label; an empty string disables it. */
+    tooltip?: string;
+    tooltipPlacement?: DsTooltipProps["placement"];
+    tooltipDelay?: number;
+    onRefresh?: () => void;
+}
+export declare function DsRefreshButton({ targetName, mode, text, size, variant, ariaLabel, tooltip, tooltipPlacement, tooltipDelay, spinOnLoading, onRefresh, ...props }: DsRefreshButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function safeExternalUrl(href: string): string;
+export interface DsExternalLinkProps {
+    href?: string;
+    mode?: "icon" | "text";
+    label?: string;
+    children?: ReactNode;
+    openUrl: (url: string) => void | Promise<void>;
+}
+export declare function DsExternalLink({ href, mode, label, children, openUrl, }: DsExternalLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function DsScrollFade({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,58 @@
+import { type ButtonSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+import { type DsButtonProps } from "./button.js";
+import { type DsTooltipProps } from "./popover.js";
+export interface DsIconToggleProps {
+    active?: boolean;
+    activeIcon: string;
+    inactiveIcon?: string;
+    activeColor?: ColorValue;
+    inactiveColor?: ColorValue;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+    ariaLabel: string;
+    /** Defaults to ariaLabel, like RefreshButton; an empty string disables the hint. */
+    tooltip?: string;
+    tooltipPlacement?: DsTooltipProps["placement"];
+    tooltipDelay?: number;
+    onToggle?: () => void;
+}
+export declare function DsIconToggle({ active, activeIcon, inactiveIcon, activeColor, inactiveColor, size, disabled, loading, ariaLabel, tooltip, tooltipPlacement, tooltipDelay, onToggle, }: DsIconToggleProps): import("react/jsx-runtime").JSX.Element;
+export interface DsCopyButtonProps {
+    value: string;
+    ariaLabel?: string;
+    text?: string;
+    successText?: string;
+    inline?: boolean;
+    size?: "xs" | "sm" | "md";
+    disabled?: boolean;
+    copyText: (value: string) => void | Promise<void>;
+    onCopied?: (value: string) => void;
+    onCopyError?: (error: unknown) => void;
+}
+export declare function DsCopyButton({ value, ariaLabel, text, successText, inline, size, disabled, copyText, onCopied, onCopyError, }: DsCopyButtonProps): import("react/jsx-runtime").JSX.Element;
+export interface DsRefreshButtonProps extends Omit<DsButtonProps, "onPress" | "children"> {
+    targetName?: string;
+    mode?: "icon" | "text";
+    text?: string;
+    /** Defaults to the icon button's accessible label; an empty string disables it. */
+    tooltip?: string;
+    tooltipPlacement?: DsTooltipProps["placement"];
+    tooltipDelay?: number;
+    onRefresh?: () => void;
+}
+export declare function DsRefreshButton({ targetName, mode, text, size, variant, ariaLabel, tooltip, tooltipPlacement, tooltipDelay, spinOnLoading, onRefresh, ...props }: DsRefreshButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function safeExternalUrl(href: string): string;
+export interface DsExternalLinkProps {
+    href?: string;
+    mode?: "icon" | "text";
+    label?: string;
+    children?: ReactNode;
+    openUrl: (url: string) => void | Promise<void>;
+}
+export declare function DsExternalLink({ href, mode, label, children, openUrl, }: DsExternalLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function DsScrollFade({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/alert-actions-context.d.cts

@@ -0,0 +1 @@
+export declare const AlertActionsContext: import("react").Context<boolean>;

package/dist/types/packages/native/src/alert-actions-context.d.ts

@@ -0,0 +1 @@
+export declare const AlertActionsContext: import("react").Context<boolean>;

package/dist/types/packages/native/src/app-navigation.d.cts

@@ -0,0 +1,36 @@
+import { type ReactNode } from "react";
+import { type GestureResponderEvent } from "react-native";
+export interface DsTopNavigationProps {
+    title: string;
+    description?: string;
+    leading?: ReactNode;
+    actions?: ReactNode;
+    safeAreaTop?: number;
+}
+export declare function DsTopNavigation({ title, description, leading, actions, safeAreaTop }: DsTopNavigationProps): import("react/jsx-runtime").JSX.Element;
+export interface NavigationDestination {
+    key: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    badge?: string | number;
+    disabled?: boolean;
+}
+export interface DsBottomNavigationProps {
+    items: NavigationDestination[];
+    value: string;
+    ariaLabel?: string;
+    safeAreaBottom?: number;
+    keyboardVisible?: boolean;
+    hideOnKeyboard?: boolean;
+    onNavigate?: (key: string, event: GestureResponderEvent) => void;
+}
+export declare function DsBottomNavigation({ items, value, ariaLabel, safeAreaBottom, keyboardVisible, hideOnKeyboard, onNavigate }: DsBottomNavigationProps): import("react/jsx-runtime").JSX.Element | null;
+export interface DsBottomActionBarProps {
+    description?: string;
+    children: ReactNode;
+    safeAreaBottom?: number;
+    keyboardVisible?: boolean;
+    hideOnKeyboard?: boolean;
+}
+export declare function DsBottomActionBar({ description, children, safeAreaBottom, keyboardVisible, hideOnKeyboard }: DsBottomActionBarProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,36 @@
+import { type ReactNode } from "react";
+import { type GestureResponderEvent } from "react-native";
+export interface DsTopNavigationProps {
+    title: string;
+    description?: string;
+    leading?: ReactNode;
+    actions?: ReactNode;
+    safeAreaTop?: number;
+}
+export declare function DsTopNavigation({ title, description, leading, actions, safeAreaTop }: DsTopNavigationProps): import("react/jsx-runtime").JSX.Element;
+export interface NavigationDestination {
+    key: string;
+    label: string;
+    href?: string;
+    icon?: string;
+    badge?: string | number;
+    disabled?: boolean;
+}
+export interface DsBottomNavigationProps {
+    items: NavigationDestination[];
+    value: string;
+    ariaLabel?: string;
+    safeAreaBottom?: number;
+    keyboardVisible?: boolean;
+    hideOnKeyboard?: boolean;
+    onNavigate?: (key: string, event: GestureResponderEvent) => void;
+}
+export declare function DsBottomNavigation({ items, value, ariaLabel, safeAreaBottom, keyboardVisible, hideOnKeyboard, onNavigate }: DsBottomNavigationProps): import("react/jsx-runtime").JSX.Element | null;
+export interface DsBottomActionBarProps {
+    description?: string;
+    children: ReactNode;
+    safeAreaBottom?: number;
+    keyboardVisible?: boolean;
+    hideOnKeyboard?: boolean;
+}
+export declare function DsBottomActionBar({ description, children, safeAreaBottom, keyboardVisible, hideOnKeyboard }: DsBottomActionBarProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/packages/native/src/bottom-action-bar-context.d.cts

@@ -0,0 +1 @@
+export declare const BottomActionBarContext: import("react").Context<boolean>;

package/dist/types/packages/native/src/bottom-action-bar-context.d.ts

@@ -0,0 +1 @@
+export declare const BottomActionBarContext: import("react").Context<boolean>;

package/dist/types/packages/native/src/button-group-motion.d.cts

@@ -0,0 +1,17 @@
+import { Animated, type LayoutChangeEvent, type LayoutRectangle } from "react-native";
+import { type ButtonSize } from "@kjun-ui/tokens";
+import type { ChoiceOption, ChoiceValue } from "./choice-controls.cjs";
+export declare function useButtonGroupMotion(selected: ChoiceOption | undefined): {
+    x: Animated.Value;
+    width: Animated.Value;
+    layout: LayoutRectangle | undefined;
+    measure: (value: ChoiceValue, event: LayoutChangeEvent) => void;
+    updateLayout: (value: ChoiceValue, box: LayoutRectangle) => void;
+    reduced: boolean;
+};
+export declare function ButtonGroupLabel({ label, active, size, reduced }: {
+    label: string;
+    active: boolean;
+    size: ButtonSize;
+    reduced: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/button-group-motion.d.ts

@@ -0,0 +1,17 @@
+import { Animated, type LayoutChangeEvent, type LayoutRectangle } from "react-native";
+import { type ButtonSize } from "@kjun-ui/tokens";
+import type { ChoiceOption, ChoiceValue } from "./choice-controls.js";
+export declare function useButtonGroupMotion(selected: ChoiceOption | undefined): {
+    x: Animated.Value;
+    width: Animated.Value;
+    layout: LayoutRectangle | undefined;
+    measure: (value: ChoiceValue, event: LayoutChangeEvent) => void;
+    updateLayout: (value: ChoiceValue, box: LayoutRectangle) => void;
+    reduced: boolean;
+};
+export declare function ButtonGroupLabel({ label, active, size, reduced }: {
+    label: string;
+    active: boolean;
+    size: ButtonSize;
+    reduced: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { type ButtonSize, type ButtonVariant } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type ColorValue, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
+export declare function DsIcon({ name, size, color, spin, filled, }: {
+    name: string;
+    size?: number;
+    color?: ColorValue;
+    spin?: boolean;
+    filled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export interface DsButtonProps extends Omit<PressableProps, "children" | "style"> {
+    children?: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    block?: boolean;
+    prefixIcon?: string;
+    suffixIcon?: string;
+    prefixIconFilled?: boolean;
+    suffixIconFilled?: boolean;
+    ariaLabel?: string;
+    spinOnLoading?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function DsButton(input: DsButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+import { type ButtonSize, type ButtonVariant } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type ColorValue, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
+export declare function DsIcon({ name, size, color, spin, filled, }: {
+    name: string;
+    size?: number;
+    color?: ColorValue;
+    spin?: boolean;
+    filled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export interface DsButtonProps extends Omit<PressableProps, "children" | "style"> {
+    children?: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    block?: boolean;
+    prefixIcon?: string;
+    suffixIcon?: string;
+    prefixIconFilled?: boolean;
+    suffixIconFilled?: boolean;
+    ariaLabel?: string;
+    spinOnLoading?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function DsButton(input: DsButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/card-actions-context.d.cts

@@ -0,0 +1 @@
+export declare const CardActionsContext: import("react").Context<boolean>;

package/dist/types/packages/native/src/card-actions-context.d.ts

@@ -0,0 +1 @@
+export declare const CardActionsContext: import("react").Context<boolean>;

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

@@ -0,0 +1,21 @@
+import { type CardElevation, type CardPadding, type CardRadius, type CardSurface } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface DsCardProps {
+    title?: string;
+    subtitle?: string;
+    header?: ReactNode;
+    headerActions?: ReactNode;
+    media?: ReactNode;
+    footer?: ReactNode;
+    padding?: CardPadding;
+    bodyPadding?: CardPadding;
+    radius?: CardRadius;
+    surface?: CardSurface;
+    elevation?: CardElevation;
+    border?: boolean;
+    dividers?: boolean;
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function DsCard({ title, subtitle, header, headerActions, media, footer, padding, bodyPadding, radius, surface, elevation, border, dividers, children, style, }: DsCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { type CardElevation, type CardPadding, type CardRadius, type CardSurface } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface DsCardProps {
+    title?: string;
+    subtitle?: string;
+    header?: ReactNode;
+    headerActions?: ReactNode;
+    media?: ReactNode;
+    footer?: ReactNode;
+    padding?: CardPadding;
+    bodyPadding?: CardPadding;
+    radius?: CardRadius;
+    surface?: CardSurface;
+    elevation?: CardElevation;
+    border?: boolean;
+    dividers?: boolean;
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function DsCard({ title, subtitle, header, headerActions, media, footer, padding, bodyPadding, radius, surface, elevation, border, dividers, children, style, }: DsCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export interface DsChipProps {
+    label: string;
+    icon?: string;
+    removable?: boolean;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    removeLabel?: string;
+    onRemove?: () => void;
+}
+export declare function DsChip({ label, icon, removable, disabled, size, removeLabel, onRemove }: DsChipProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+export interface DsChipProps {
+    label: string;
+    icon?: string;
+    removable?: boolean;
+    disabled?: boolean;
+    size?: "sm" | "md" | "lg";
+    removeLabel?: string;
+    onRemove?: () => void;
+}
+export declare function DsChip({ label, icon, removable, disabled, size, removeLabel, onRemove }: DsChipProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/choice-accessibility.d.cts

@@ -0,0 +1,4 @@
+import type { RefObject } from "react";
+import type { View } from "react-native";
+export declare function useChoiceSpace(_root: RefObject<View | null>, _role?: string, _disabled?: boolean): void;
+export declare function useRadioKeyboard(_root: RefObject<View | null>): void;

package/dist/types/packages/native/src/choice-accessibility.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from "react";
+import type { View } from "react-native";
+export declare function useChoiceSpace(_root: RefObject<View | null>, _role?: string, _disabled?: boolean): void;
+export declare function useRadioKeyboard(_root: RefObject<View | null>): void;

package/dist/types/packages/native/src/choice-controls.d.cts

@@ -0,0 +1,60 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+export type ChoiceValue = string | number | boolean | null;
+export interface ChoiceOption<T = ChoiceValue> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+    dot?: ColorValue;
+}
+export interface DsCheckboxProps<T = ChoiceValue> {
+    value: boolean | T[];
+    val?: T;
+    label?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+    size?: InputSize;
+    children?: ReactNode;
+    onValueChange?: (value: boolean | T[]) => void;
+    onChange?: (value: boolean | T[]) => void;
+}
+export declare function DsCheckbox<T = ChoiceValue>({ value, val, label, ariaLabel, disabled, size, children, onValueChange, onChange, }: DsCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface DsSwitchProps {
+    value: boolean;
+    label?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+    size?: InputSize;
+    children?: ReactNode;
+    onValueChange?: (value: boolean) => void;
+    onChange?: (value: boolean) => void;
+}
+export declare function DsSwitch({ value, label, ariaLabel, disabled, size, children, onValueChange, onChange, }: DsSwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare const RadioContext: import("react").Context<{
+    value: ChoiceValue;
+    change: (v: ChoiceValue) => void;
+} | null>;
+export interface DsRadioProps {
+    value?: ChoiceValue;
+    val: ChoiceValue;
+    label?: string;
+    disabled?: boolean;
+    name?: string;
+    ariaLabel?: string;
+    children?: ReactNode;
+    onValueChange?: (value: ChoiceValue) => void;
+    onChange?: (value: ChoiceValue) => void;
+}
+export declare function DsRadio({ value, val, label, disabled, ariaLabel, children, onValueChange, onChange, }: DsRadioProps): import("react/jsx-runtime").JSX.Element;
+export interface DsRadioGroupProps {
+    value: ChoiceValue;
+    options?: ChoiceOption[];
+    direction?: "horizontal" | "vertical";
+    ariaLabel?: string;
+    children?: ReactNode;
+    onValueChange?: (value: ChoiceValue) => void;
+    onChange?: (value: ChoiceValue) => void;
+}
+export declare function DsRadioGroup({ value, options, direction, ariaLabel, children, onValueChange, onChange, }: DsRadioGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/choice-controls.d.ts

@@ -0,0 +1,60 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+export type ChoiceValue = string | number | boolean | null;
+export interface ChoiceOption<T = ChoiceValue> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+    icon?: string;
+    dot?: ColorValue;
+}
+export interface DsCheckboxProps<T = ChoiceValue> {
+    value: boolean | T[];
+    val?: T;
+    label?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+    size?: InputSize;
+    children?: ReactNode;
+    onValueChange?: (value: boolean | T[]) => void;
+    onChange?: (value: boolean | T[]) => void;
+}
+export declare function DsCheckbox<T = ChoiceValue>({ value, val, label, ariaLabel, disabled, size, children, onValueChange, onChange, }: DsCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface DsSwitchProps {
+    value: boolean;
+    label?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+    size?: InputSize;
+    children?: ReactNode;
+    onValueChange?: (value: boolean) => void;
+    onChange?: (value: boolean) => void;
+}
+export declare function DsSwitch({ value, label, ariaLabel, disabled, size, children, onValueChange, onChange, }: DsSwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare const RadioContext: import("react").Context<{
+    value: ChoiceValue;
+    change: (v: ChoiceValue) => void;
+} | null>;
+export interface DsRadioProps {
+    value?: ChoiceValue;
+    val: ChoiceValue;
+    label?: string;
+    disabled?: boolean;
+    name?: string;
+    ariaLabel?: string;
+    children?: ReactNode;
+    onValueChange?: (value: ChoiceValue) => void;
+    onChange?: (value: ChoiceValue) => void;
+}
+export declare function DsRadio({ value, val, label, disabled, ariaLabel, children, onValueChange, onChange, }: DsRadioProps): import("react/jsx-runtime").JSX.Element;
+export interface DsRadioGroupProps {
+    value: ChoiceValue;
+    options?: ChoiceOption[];
+    direction?: "horizontal" | "vertical";
+    ariaLabel?: string;
+    children?: ReactNode;
+    onValueChange?: (value: ChoiceValue) => void;
+    onChange?: (value: ChoiceValue) => void;
+}
+export declare function DsRadioGroup({ value, options, direction, ariaLabel, children, onValueChange, onChange, }: DsRadioGroupProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export declare function Collapse({ open, children }: {
+    open: boolean;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export declare function Collapse({ open, children }: {
+    open: boolean;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,48 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { OptionValue, SelectOption } from "./select-options.cjs";
+export interface DsComboboxProps<T extends SelectOption = SelectOption> {
+    value: OptionValue | null;
+    options?: T[];
+    placeholder?: string;
+    ariaLabel?: string;
+    labelKey?: string;
+    valueKey?: string;
+    filterFn?: (option: T, query: string) => boolean;
+    size?: InputSize;
+    disabled?: boolean;
+    error?: boolean;
+    clearable?: boolean;
+    emptyText?: string;
+    renderOption?: (option: T) => ReactNode;
+    onValueChange?: (v: OptionValue | null) => void;
+    onChange?: (v: OptionValue | null) => void;
+    onSearch?: (v: string) => void;
+    onClear?: () => void;
+}
+export declare function DsCombobox<T extends SelectOption = SelectOption>({ value, options, placeholder, ariaLabel, labelKey, valueKey, filterFn, size, disabled, error, clearable, emptyText, renderOption, onValueChange, onChange, onSearch, onClear, }: DsComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface SearchFieldProps<T extends SelectOption> {
+    value: string;
+    size: InputSize;
+    placeholder: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+    error?: boolean;
+    clearable?: boolean;
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    options: T[];
+    labelKey: string;
+    itemKey: string;
+    emptyText: string;
+    loading?: boolean;
+    /** A failed request; shown instead of the empty text so the two never look alike. */
+    failed?: boolean;
+    errorText?: string;
+    renderOption?: (o: T) => ReactNode;
+    onValueChange: (v: string) => void;
+    onSelect: (o: T) => void;
+    onClear?: () => void;
+    onEnter?: () => void;
+}
+export declare function SearchField<T extends SelectOption>({ value, size, placeholder, ariaLabel, disabled, error, clearable, open, onOpenChange, options, labelKey, itemKey, emptyText, loading, failed, errorText, renderOption, onValueChange, onSelect, onClear, onEnter, }: SearchFieldProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,48 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { OptionValue, SelectOption } from "./select-options.js";
+export interface DsComboboxProps<T extends SelectOption = SelectOption> {
+    value: OptionValue | null;
+    options?: T[];
+    placeholder?: string;
+    ariaLabel?: string;
+    labelKey?: string;
+    valueKey?: string;
+    filterFn?: (option: T, query: string) => boolean;
+    size?: InputSize;
+    disabled?: boolean;
+    error?: boolean;
+    clearable?: boolean;
+    emptyText?: string;
+    renderOption?: (option: T) => ReactNode;
+    onValueChange?: (v: OptionValue | null) => void;
+    onChange?: (v: OptionValue | null) => void;
+    onSearch?: (v: string) => void;
+    onClear?: () => void;
+}
+export declare function DsCombobox<T extends SelectOption = SelectOption>({ value, options, placeholder, ariaLabel, labelKey, valueKey, filterFn, size, disabled, error, clearable, emptyText, renderOption, onValueChange, onChange, onSearch, onClear, }: DsComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export interface SearchFieldProps<T extends SelectOption> {
+    value: string;
+    size: InputSize;
+    placeholder: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+    error?: boolean;
+    clearable?: boolean;
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    options: T[];
+    labelKey: string;
+    itemKey: string;
+    emptyText: string;
+    loading?: boolean;
+    /** A failed request; shown instead of the empty text so the two never look alike. */
+    failed?: boolean;
+    errorText?: string;
+    renderOption?: (o: T) => ReactNode;
+    onValueChange: (v: string) => void;
+    onSelect: (o: T) => void;
+    onClear?: () => void;
+    onEnter?: () => void;
+}
+export declare function SearchField<T extends SelectOption>({ value, size, placeholder, ariaLabel, disabled, error, clearable, open, onOpenChange, options, labelKey, itemKey, emptyText, loading, failed, errorText, renderOption, onValueChange, onSelect, onClear, onEnter, }: SearchFieldProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { type ReactNode, type RefObject } from "react";
+import { View } from "react-native";
+import { type InputSize } from "@kjun-ui/tokens";
+export declare const CompoundControlContext: import("react").Context<{
+    size: InputSize;
+    focusRef?: RefObject<View | null>;
+    onFocusChange?: (focused: boolean) => void;
+    /** First time segment: its value starts on the field text line. */
+    leading?: boolean;
+} | null>;
+export declare function CompoundTarget({ children, square }: {
+    children: ReactNode;
+    square?: boolean;
+}): import("react/jsx-runtime").JSX.Element;