@kjun-ui/native 0.0.0-stage → 0.3.0

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

@@ -0,0 +1,87 @@
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+import { type DisplaySize } from "./display.cjs";
+export interface DsDeviationProps {
+    value?: number | null;
+    variant?: "pill" | "badge" | "text";
+    signalThreshold?: number;
+    decimals?: number;
+    formatter?: (value: number) => string;
+}
+export declare function DsDeviation({ value, variant, signalThreshold, decimals, formatter, }: DsDeviationProps): import("react/jsx-runtime").JSX.Element;
+export interface DsHeatmapCellProps {
+    value?: number;
+    min?: number;
+    max?: number;
+    mode?: "diverging" | "sequential" | "price";
+    color?: "brand" | "success" | "danger" | "warning";
+    children?: ReactNode;
+}
+export declare function DsHeatmapCell({ value, min, max, mode, color, children, }: DsHeatmapCellProps): import("react/jsx-runtime").JSX.Element;
+export interface DsProgressCellProps {
+    value?: number;
+    max?: number;
+    showLabel?: boolean;
+    color?: "auto" | "brand" | "success" | "danger" | "warning" | "custom";
+    customColor?: ColorValue;
+    height?: number;
+}
+export declare function DsProgressCell({ value, max, showLabel, color, customColor, height, }: DsProgressCellProps): import("react/jsx-runtime").JSX.Element;
+export interface DsCollectionMarkProps {
+    kind: "favorite" | "interest";
+    active?: boolean;
+    size?: "sm" | "md" | "lg";
+}
+export declare function DsCollectionMark({ kind, active, size, }: DsCollectionMarkProps): import("react/jsx-runtime").JSX.Element;
+export declare const executionStates: {
+    readonly queued: readonly [
+        "secondary",
+        "대기 중"
+    ];
+    readonly starting: readonly [
+        "primary",
+        "시작 중"
+    ];
+    readonly running: readonly [
+        "primary",
+        "실행 중"
+    ];
+    readonly stopping: readonly [
+        "warning",
+        "중단 중"
+    ];
+    readonly stopped: readonly [
+        "secondary",
+        "중단됨"
+    ];
+    readonly completed: readonly [
+        "success",
+        "완료"
+    ];
+    readonly completed_with_errors: readonly [
+        "warning",
+        "완료 (오류)"
+    ];
+    readonly failed: readonly [
+        "danger",
+        "실패"
+    ];
+};
+export interface DsExecutionStatusBadgeProps {
+    status?: string | null;
+    label?: string;
+    size?: DisplaySize;
+}
+export declare function DsExecutionStatusBadge({ status, label, size, }: DsExecutionStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export interface DsSparklineProps {
+    data?: number[];
+    width?: number;
+    height?: number;
+    color?: ColorValue;
+    semantic?: "price" | "status";
+    fill?: boolean;
+    strokeWidth?: number;
+    stretch?: boolean;
+    ariaLabel?: string;
+}
+export declare function DsSparkline({ data, width, height, color, semantic, fill, strokeWidth, stretch, ariaLabel, }: DsSparklineProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,87 @@
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+import { type DisplaySize } from "./display.js";
+export interface DsDeviationProps {
+    value?: number | null;
+    variant?: "pill" | "badge" | "text";
+    signalThreshold?: number;
+    decimals?: number;
+    formatter?: (value: number) => string;
+}
+export declare function DsDeviation({ value, variant, signalThreshold, decimals, formatter, }: DsDeviationProps): import("react/jsx-runtime").JSX.Element;
+export interface DsHeatmapCellProps {
+    value?: number;
+    min?: number;
+    max?: number;
+    mode?: "diverging" | "sequential" | "price";
+    color?: "brand" | "success" | "danger" | "warning";
+    children?: ReactNode;
+}
+export declare function DsHeatmapCell({ value, min, max, mode, color, children, }: DsHeatmapCellProps): import("react/jsx-runtime").JSX.Element;
+export interface DsProgressCellProps {
+    value?: number;
+    max?: number;
+    showLabel?: boolean;
+    color?: "auto" | "brand" | "success" | "danger" | "warning" | "custom";
+    customColor?: ColorValue;
+    height?: number;
+}
+export declare function DsProgressCell({ value, max, showLabel, color, customColor, height, }: DsProgressCellProps): import("react/jsx-runtime").JSX.Element;
+export interface DsCollectionMarkProps {
+    kind: "favorite" | "interest";
+    active?: boolean;
+    size?: "sm" | "md" | "lg";
+}
+export declare function DsCollectionMark({ kind, active, size, }: DsCollectionMarkProps): import("react/jsx-runtime").JSX.Element;
+export declare const executionStates: {
+    readonly queued: readonly [
+        "secondary",
+        "대기 중"
+    ];
+    readonly starting: readonly [
+        "primary",
+        "시작 중"
+    ];
+    readonly running: readonly [
+        "primary",
+        "실행 중"
+    ];
+    readonly stopping: readonly [
+        "warning",
+        "중단 중"
+    ];
+    readonly stopped: readonly [
+        "secondary",
+        "중단됨"
+    ];
+    readonly completed: readonly [
+        "success",
+        "완료"
+    ];
+    readonly completed_with_errors: readonly [
+        "warning",
+        "완료 (오류)"
+    ];
+    readonly failed: readonly [
+        "danger",
+        "실패"
+    ];
+};
+export interface DsExecutionStatusBadgeProps {
+    status?: string | null;
+    label?: string;
+    size?: DisplaySize;
+}
+export declare function DsExecutionStatusBadge({ status, label, size, }: DsExecutionStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export interface DsSparklineProps {
+    data?: number[];
+    width?: number;
+    height?: number;
+    color?: ColorValue;
+    semantic?: "price" | "status";
+    fill?: boolean;
+    strokeWidth?: number;
+    stretch?: boolean;
+    ariaLabel?: string;
+}
+export declare function DsSparkline({ data, width, height, color, semantic, fill, strokeWidth, stretch, ariaLabel, }: DsSparklineProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export { DsCollectionMark, DsDeviation, DsExecutionStatusBadge, DsHeatmapCell, DsProgressCell, DsSparkline } from "./financial-display.cjs";
+export type { DsCollectionMarkProps, DsDeviationProps, DsExecutionStatusBadgeProps, DsHeatmapCellProps, DsProgressCellProps, DsSparklineProps } from "./financial-display.cjs";
+export { DsAnimatedNumber, DsFreshness, DsPriceCell, DsSignedValue, finiteNumber, useCountUp } from "./number-display.cjs";
+export type { DsAnimatedNumberProps, DsFreshnessProps, DsPriceCellProps, DsSignedValueProps } from "./number-display.cjs";

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

@@ -0,0 +1,4 @@
+export { DsCollectionMark, DsDeviation, DsExecutionStatusBadge, DsHeatmapCell, DsProgressCell, DsSparkline } from "./financial-display.js";
+export type { DsCollectionMarkProps, DsDeviationProps, DsExecutionStatusBadgeProps, DsHeatmapCellProps, DsProgressCellProps, DsSparklineProps } from "./financial-display.js";
+export { DsAnimatedNumber, DsFreshness, DsPriceCell, DsSignedValue, finiteNumber, useCountUp } from "./number-display.js";
+export type { DsAnimatedNumberProps, DsFreshnessProps, DsPriceCellProps, DsSignedValueProps } from "./number-display.js";

package/dist/types/packages/native/src/floating-panel.d.cts

@@ -0,0 +1,31 @@
+import { type ReactNode, type RefObject } from "react";
+import { View } from "react-native";
+export declare function LayerTrigger({ trigger, onPress, disabled, }: {
+    trigger: ReactNode;
+    onPress: () => void;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export type Placement = "top" | "bottom" | "left" | "right" | "bottom-start" | "bottom-end" | "top-start" | "top-end";
+export declare function FloatingPanel({ open, onOpenChange, triggerRef, children, placement, matchTriggerWidth, maxHeight, ariaLabel, menu, field, tooltip, popover, flip, minimumWidth, focusOnOpen, reveal, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    triggerRef: RefObject<View | null>;
+    children: ReactNode;
+    placement?: Placement;
+    matchTriggerWidth?: boolean;
+    maxHeight?: number;
+    ariaLabel?: string;
+    menu?: boolean;
+    /** Internal presentation for selection fields, independent of general menus. */
+    field?: boolean;
+    tooltip?: boolean;
+    popover?: boolean;
+    flip?: boolean;
+    minimumWidth?: number;
+    focusOnOpen?: boolean;
+    /** Layout of a row to bring into view when the panel opens (the selected option). */
+    reveal?: RefObject<{
+        y: number;
+        height: number;
+    } | null>;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/packages/native/src/floating-panel.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode, type RefObject } from "react";
+import { View } from "react-native";
+export declare function LayerTrigger({ trigger, onPress, disabled, }: {
+    trigger: ReactNode;
+    onPress: () => void;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export type Placement = "top" | "bottom" | "left" | "right" | "bottom-start" | "bottom-end" | "top-start" | "top-end";
+export declare function FloatingPanel({ open, onOpenChange, triggerRef, children, placement, matchTriggerWidth, maxHeight, ariaLabel, menu, field, tooltip, popover, flip, minimumWidth, focusOnOpen, reveal, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    triggerRef: RefObject<View | null>;
+    children: ReactNode;
+    placement?: Placement;
+    matchTriggerWidth?: boolean;
+    maxHeight?: number;
+    ariaLabel?: string;
+    menu?: boolean;
+    /** Internal presentation for selection fields, independent of general menus. */
+    field?: boolean;
+    tooltip?: boolean;
+    popover?: boolean;
+    flip?: boolean;
+    minimumWidth?: number;
+    focusOnOpen?: boolean;
+    /** Layout of a row to bring into view when the panel opens (the selected option). */
+    reveal?: RefObject<{
+        y: number;
+        height: number;
+    } | null>;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,3 @@
+export declare const FormActionsContext: import("react").Context<{
+    stacked: boolean;
+} | null>;

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

@@ -0,0 +1,3 @@
+export declare const FormActionsContext: import("react").Context<{
+    stacked: boolean;
+} | null>;

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

@@ -0,0 +1,39 @@
+export type { KjunIconDefinition, KjunIconRegistry } from "@kjun-ui/icons";
+export { KjunProvider, useKjunStyles } from "./provider.cjs";
+export type { KjunProviderProps } from "./provider.cjs";
+export { DsButton, DsIcon } from "./button.cjs";
+export type { DsButtonProps } from "./button.cjs";
+export { DsInput, DsFormGroup, DsFormLayout } from "./input.cjs";
+export type { DsInputProps, DsFormGroupProps } from "./input.cjs";
+export { DsModal, DsFormActions } from "./modal.cjs";
+export type { DsModalProps, DsFormActionsProps } from "./modal.cjs";
+export type { KjunColors, KjunDomainColors, ColorRole, DomainColorRole, ButtonSize, InputSize, ButtonVariant, } from "@kjun-ui/tokens";
+export * from "./display.cjs";
+export * from "./feedback.cjs";
+export * from "./controls.cjs";
+export { DsPopover, DsTooltip, DsDropdown, DsDropdownItem, DsDropdownDivider, DsMenuButton, DsDrawer, } from "./layers.cjs";
+export type { DsPopoverProps, DsTooltipProps, DsDropdownProps, DsDropdownItemProps, DsMenuButtonProps, DsDrawerProps, } from "./layers.cjs";
+export { DsSelect, DsCombobox, DsSearchInput, DsDatePicker } from "./select.cjs";
+export type { DsSelectProps, DsComboboxProps, DsSearchInputProps, DsDatePickerProps, OptionValue, SelectOption, } from "./select.cjs";
+export * from "./navigation.cjs";
+export { DsIconToggle, DsCopyButton, DsRefreshButton, DsExternalLink, DsScrollFade, } from "./actions.cjs";
+export type { DsIconToggleProps, DsCopyButtonProps, DsRefreshButtonProps, DsExternalLinkProps, } from "./actions.cjs";
+export { DsDataState, DsErrorBoundary } from "./data-state.cjs";
+export type { DsDataStateProps, DsErrorBoundaryProps } from "./data-state.cjs";
+export * from "./skeletons.cjs";
+export { DsAnimatedNumber, DsFreshness, DsPriceCell, DsSignedValue, DsDeviation, DsHeatmapCell, DsProgressCell, DsCollectionMark, DsExecutionStatusBadge, DsSparkline, } from "./financial.cjs";
+export type { DsAnimatedNumberProps, DsFreshnessProps, DsPriceCellProps, DsSignedValueProps, DsDeviationProps, DsHeatmapCellProps, DsProgressCellProps, DsCollectionMarkProps, DsExecutionStatusBadgeProps, DsSparklineProps, } from "./financial.cjs";
+export { DsTable } from "./table.cjs";
+export type { DsTableProps, TableColumn, TableCardSection, TablePagination, TableSort, } from "./table.cjs";
+export { DsKpiHero, DsKpiRow } from "./kpi.cjs";
+export type { DsKpiHeroProps, DsKpiRowProps, KpiRowItem, KpiValue, } from "./kpi.cjs";
+export { DsMarketCards, DsMarketSimpleList, DsMarketTable, DsMarketListPanel, } from "./market.cjs";
+export type { DsMarketCardsProps, DsMarketSimpleListProps, DsMarketTableProps, MarketBaseProps, MarketColumn, MarketMetric, MarketPagination, MarketFormatter, } from "./market.cjs";
+export * from "./list.cjs";
+export * from "./app-navigation.cjs";
+export * from "./media.cjs";
+export * from "./chip.cjs";
+export * from "./range-input.cjs";
+export * from "./quantity-stepper.cjs";
+export * from "./time-picker.cjs";
+export type { ShadowLayer, ElevationRole, CardElevation } from "@kjun-ui/tokens";

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

@@ -0,0 +1,39 @@
+export type { KjunIconDefinition, KjunIconRegistry } from "@kjun-ui/icons";
+export { KjunProvider, useKjunStyles } from "./provider.js";
+export type { KjunProviderProps } from "./provider.js";
+export { DsButton, DsIcon } from "./button.js";
+export type { DsButtonProps } from "./button.js";
+export { DsInput, DsFormGroup, DsFormLayout } from "./input.js";
+export type { DsInputProps, DsFormGroupProps } from "./input.js";
+export { DsModal, DsFormActions } from "./modal.js";
+export type { DsModalProps, DsFormActionsProps } from "./modal.js";
+export type { KjunColors, KjunDomainColors, ColorRole, DomainColorRole, ButtonSize, InputSize, ButtonVariant, } from "@kjun-ui/tokens";
+export * from "./display.js";
+export * from "./feedback.js";
+export * from "./controls.js";
+export { DsPopover, DsTooltip, DsDropdown, DsDropdownItem, DsDropdownDivider, DsMenuButton, DsDrawer, } from "./layers.js";
+export type { DsPopoverProps, DsTooltipProps, DsDropdownProps, DsDropdownItemProps, DsMenuButtonProps, DsDrawerProps, } from "./layers.js";
+export { DsSelect, DsCombobox, DsSearchInput, DsDatePicker } from "./select.js";
+export type { DsSelectProps, DsComboboxProps, DsSearchInputProps, DsDatePickerProps, OptionValue, SelectOption, } from "./select.js";
+export * from "./navigation.js";
+export { DsIconToggle, DsCopyButton, DsRefreshButton, DsExternalLink, DsScrollFade, } from "./actions.js";
+export type { DsIconToggleProps, DsCopyButtonProps, DsRefreshButtonProps, DsExternalLinkProps, } from "./actions.js";
+export { DsDataState, DsErrorBoundary } from "./data-state.js";
+export type { DsDataStateProps, DsErrorBoundaryProps } from "./data-state.js";
+export * from "./skeletons.js";
+export { DsAnimatedNumber, DsFreshness, DsPriceCell, DsSignedValue, DsDeviation, DsHeatmapCell, DsProgressCell, DsCollectionMark, DsExecutionStatusBadge, DsSparkline, } from "./financial.js";
+export type { DsAnimatedNumberProps, DsFreshnessProps, DsPriceCellProps, DsSignedValueProps, DsDeviationProps, DsHeatmapCellProps, DsProgressCellProps, DsCollectionMarkProps, DsExecutionStatusBadgeProps, DsSparklineProps, } from "./financial.js";
+export { DsTable } from "./table.js";
+export type { DsTableProps, TableColumn, TableCardSection, TablePagination, TableSort, } from "./table.js";
+export { DsKpiHero, DsKpiRow } from "./kpi.js";
+export type { DsKpiHeroProps, DsKpiRowProps, KpiRowItem, KpiValue, } from "./kpi.js";
+export { DsMarketCards, DsMarketSimpleList, DsMarketTable, DsMarketListPanel, } from "./market.js";
+export type { DsMarketCardsProps, DsMarketSimpleListProps, DsMarketTableProps, MarketBaseProps, MarketColumn, MarketMetric, MarketPagination, MarketFormatter, } from "./market.js";
+export * from "./list.js";
+export * from "./app-navigation.js";
+export * from "./media.js";
+export * from "./chip.js";
+export * from "./range-input.js";
+export * from "./quantity-stepper.js";
+export * from "./time-picker.js";
+export type { ShadowLayer, ElevationRole, CardElevation } from "@kjun-ui/tokens";

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

@@ -0,0 +1,44 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { TextInput, type StyleProp, type TextInputProps, type ViewStyle } from "react-native";
+interface FieldValue {
+    id: string;
+    label?: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    describedBy?: string;
+}
+export declare const FieldContext: import("react").Context<FieldValue | null>;
+export declare const useKjunField: () => FieldValue | null;
+export interface DsFormGroupProps {
+    label?: string;
+    id?: string;
+    required?: boolean;
+    error?: string;
+    hint?: string;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function DsFormGroup({ label, id, required, error, hint, children, style, }: DsFormGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface DsInputProps extends Omit<TextInputProps, "value" | "onChange"> {
+    value: string | number;
+    size?: InputSize;
+    error?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    prefixIcon?: string;
+    suffixIcon?: string;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    ariaLabel?: string;
+    onClear?: () => void;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+export declare const DsInput: import("react").ForwardRefExoticComponent<DsInputProps & import("react").RefAttributes<TextInput>>;
+export declare function DsFormLayout({ children, gap, }: {
+    children: ReactNode;
+    gap?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,44 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { TextInput, type StyleProp, type TextInputProps, type ViewStyle } from "react-native";
+interface FieldValue {
+    id: string;
+    label?: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    describedBy?: string;
+}
+export declare const FieldContext: import("react").Context<FieldValue | null>;
+export declare const useKjunField: () => FieldValue | null;
+export interface DsFormGroupProps {
+    label?: string;
+    id?: string;
+    required?: boolean;
+    error?: string;
+    hint?: string;
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function DsFormGroup({ label, id, required, error, hint, children, style, }: DsFormGroupProps): import("react/jsx-runtime").JSX.Element;
+export interface DsInputProps extends Omit<TextInputProps, "value" | "onChange"> {
+    value: string | number;
+    size?: InputSize;
+    error?: boolean;
+    errorMessage?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    prefixIcon?: string;
+    suffixIcon?: string;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    ariaLabel?: string;
+    onClear?: () => void;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+export declare const DsInput: import("react").ForwardRefExoticComponent<DsInputProps & import("react").RefAttributes<TextInput>>;
+export declare function DsFormLayout({ children, gap, }: {
+    children: ReactNode;
+    gap?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type ColorValue, type TextProps } from "react-native";
+export declare function KText({ style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare function content(value: ReactNode, style?: TextProps["style"]): bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const finePointer: () => boolean;
+export declare function useReducedMotion(): boolean;
+export declare function domainColor(domain: Record<string, ColorValue> | undefined, key: string): ColorValue;

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

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+import { type ColorValue, type TextProps } from "react-native";
+export declare function KText({ style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare function content(value: ReactNode, style?: TextProps["style"]): bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const finePointer: () => boolean;
+export declare function useReducedMotion(): boolean;
+export declare function domainColor(domain: Record<string, ColorValue> | undefined, key: string): ColorValue;

package/dist/types/packages/native/src/kpi-hero.d.cts

@@ -0,0 +1,35 @@
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+export interface KpiValue {
+    label?: string;
+    value: number | string;
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    semantic?: "price" | "status";
+    showSign?: boolean;
+    formatter?: (value: number) => string;
+    desc?: string;
+    descColor?: ColorValue;
+    valueColor?: ColorValue;
+}
+export declare const kpiFormat: (item: KpiValue, value?: string | number) => string;
+export interface DsKpiHeroProps {
+    loading?: boolean;
+    label: string;
+    value: number | string;
+    prefix?: string;
+    suffix?: string;
+    decimals?: number;
+    deltaAbsolute?: number | null;
+    deltaPercent?: number | null;
+    deltaDescription?: string;
+    secondary?: KpiValue[];
+    animated?: boolean;
+    size?: "md" | "sm";
+    aside?: ReactNode;
+    formatter?: (value: number) => string;
+    deltaFormatter?: (value: number, kind: "absolute" | "percent") => string;
+    renderSecondary?: (item: KpiValue, index: number) => ReactNode;
+}
+export declare function DsKpiHero(props: DsKpiHeroProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/kpi-hero.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+export interface KpiValue {
+    label?: string;
+    value: number | string;
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    semantic?: "price" | "status";
+    showSign?: boolean;
+    formatter?: (value: number) => string;
+    desc?: string;
+    descColor?: ColorValue;
+    valueColor?: ColorValue;
+}
+export declare const kpiFormat: (item: KpiValue, value?: string | number) => string;
+export interface DsKpiHeroProps {
+    loading?: boolean;
+    label: string;
+    value: number | string;
+    prefix?: string;
+    suffix?: string;
+    decimals?: number;
+    deltaAbsolute?: number | null;
+    deltaPercent?: number | null;
+    deltaDescription?: string;
+    secondary?: KpiValue[];
+    animated?: boolean;
+    size?: "md" | "sm";
+    aside?: ReactNode;
+    formatter?: (value: number) => string;
+    deltaFormatter?: (value: number, kind: "absolute" | "percent") => string;
+    renderSecondary?: (item: KpiValue, index: number) => ReactNode;
+}
+export declare function DsKpiHero(props: DsKpiHeroProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import { type TextStyle } from "react-native";
+/** Separate affixes keep spacing independent of the chosen numeric font. */
+export declare function KpiNumberLine({ prefix, suffix, prefixGap, suffixGap, style, unitStyle, children }: {
+    prefix?: string;
+    suffix?: string;
+    prefixGap: number;
+    suffixGap: number;
+    style: TextStyle;
+    unitStyle: TextStyle;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import { type TextStyle } from "react-native";
+/** Separate affixes keep spacing independent of the chosen numeric font. */
+export declare function KpiNumberLine({ prefix, suffix, prefixGap, suffixGap, style, unitStyle, children }: {
+    prefix?: string;
+    suffix?: string;
+    prefixGap: number;
+    suffixGap: number;
+    style: TextStyle;
+    unitStyle: TextStyle;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/kpi-row.d.cts

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+import { KpiValue } from "./kpi-hero.cjs";
+export interface KpiRowItem extends KpiValue {
+    loading?: boolean;
+    clickable?: boolean;
+    mobileFull?: boolean;
+    mobileSecondary?: boolean;
+    mobileNeutral?: boolean;
+    valueKind?: "text" | "number";
+    animated?: boolean;
+    valueSegments?: {
+        text: string;
+        label?: string;
+        separator?: boolean;
+        color?: ColorValue;
+    }[];
+    badge?: {
+        text: string;
+        variant?: "warning" | "success" | "danger" | "price-up" | "price-down" | "info" | "neutral";
+    };
+    badgePlacement?: "label" | "value";
+}
+export interface DsKpiRowProps {
+    loading?: boolean;
+    items: KpiRowItem[];
+    size?: "md" | "sm";
+    mobileSummary?: boolean;
+    onItemClick?: (item: KpiRowItem, index: number) => void;
+    renderValue?: (item: KpiRowItem, index: number) => ReactNode;
+}
+export declare function DsKpiRow({ loading, items, size, mobileSummary, onItemClick, renderValue, }: DsKpiRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/kpi-row.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+import { type ColorValue } from "react-native";
+import { KpiValue } from "./kpi-hero.js";
+export interface KpiRowItem extends KpiValue {
+    loading?: boolean;
+    clickable?: boolean;
+    mobileFull?: boolean;
+    mobileSecondary?: boolean;
+    mobileNeutral?: boolean;
+    valueKind?: "text" | "number";
+    animated?: boolean;
+    valueSegments?: {
+        text: string;
+        label?: string;
+        separator?: boolean;
+        color?: ColorValue;
+    }[];
+    badge?: {
+        text: string;
+        variant?: "warning" | "success" | "danger" | "price-up" | "price-down" | "info" | "neutral";
+    };
+    badgePlacement?: "label" | "value";
+}
+export interface DsKpiRowProps {
+    loading?: boolean;
+    items: KpiRowItem[];
+    size?: "md" | "sm";
+    mobileSummary?: boolean;
+    onItemClick?: (item: KpiRowItem, index: number) => void;
+    renderValue?: (item: KpiRowItem, index: number) => ReactNode;
+}
+export declare function DsKpiRow({ loading, items, size, mobileSummary, onItemClick, renderValue, }: DsKpiRowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export { DsKpiHero, kpiFormat } from "./kpi-hero.cjs";
+export type { DsKpiHeroProps, KpiValue } from "./kpi-hero.cjs";
+export { DsKpiRow } from "./kpi-row.cjs";
+export type { DsKpiRowProps, KpiRowItem } from "./kpi-row.cjs";

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

@@ -0,0 +1,4 @@
+export { DsKpiHero, kpiFormat } from "./kpi-hero.js";
+export type { DsKpiHeroProps, KpiValue } from "./kpi-hero.js";
+export { DsKpiRow } from "./kpi-row.js";
+export type { DsKpiRowProps, KpiRowItem } from "./kpi-row.js";

package/dist/types/packages/native/src/layer-backdrop.d.cts

@@ -0,0 +1,6 @@
+import { type StyleProp, type ViewStyle } from "react-native";
+/** The backdrop accepts pointer dismissal and never participates in focus traversal. */
+export declare function LayerBackdrop({ onPress, style }: {
+    onPress: () => void;
+    style: StyleProp<ViewStyle>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/layer-backdrop.d.ts

@@ -0,0 +1,6 @@
+import { type StyleProp, type ViewStyle } from "react-native";
+/** The backdrop accepts pointer dismissal and never participates in focus traversal. */
+export declare function LayerBackdrop({ onPress, style }: {
+    onPress: () => void;
+    style: StyleProp<ViewStyle>;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+export { DsDrawer } from "./drawer.cjs";
+export type { DsDrawerProps } from "./drawer.cjs";
+export { DsDropdown, DsDropdownDivider, DsDropdownItem, DsMenuButton } from "./dropdown.cjs";
+export type { DsDropdownItemProps, DsDropdownProps, DsMenuButtonProps } from "./dropdown.cjs";
+export { FloatingPanel } from "./floating-panel.cjs";
+export type { Placement } from "./floating-panel.cjs";
+export { DsPopover, DsTooltip } from "./popover.cjs";
+export type { DsPopoverProps, DsTooltipProps } from "./popover.cjs";