@kjun-ui/native 0.0.0-stage → 0.3.1

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

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

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

@@ -0,0 +1,21 @@
+import { type ReactNode } from "react";
+import { type GestureResponderEvent } from "react-native";
+export interface DsListRowProps {
+    title: string;
+    description?: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    actions?: ReactNode;
+    href?: string;
+    disabled?: boolean;
+    onPress?: (event: GestureResponderEvent) => void;
+}
+export declare function DsListRow({ title, description, leading, trailing, actions, href, disabled, onPress }: DsListRowProps): import("react/jsx-runtime").JSX.Element;
+export interface DsListSectionProps {
+    title?: string;
+    description?: string;
+    actions?: ReactNode;
+    children: ReactNode;
+    ariaLabel?: string;
+}
+export declare function DsListSection({ title, description, actions, children, ariaLabel }: DsListSectionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import { type ReactNode } from "react";
+import { type GestureResponderEvent } from "react-native";
+export interface DsListRowProps {
+    title: string;
+    description?: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    actions?: ReactNode;
+    href?: string;
+    disabled?: boolean;
+    onPress?: (event: GestureResponderEvent) => void;
+}
+export declare function DsListRow({ title, description, leading, trailing, actions, href, disabled, onPress }: DsListRowProps): import("react/jsx-runtime").JSX.Element;
+export interface DsListSectionProps {
+    title?: string;
+    description?: string;
+    actions?: ReactNode;
+    children: ReactNode;
+    ariaLabel?: string;
+}
+export declare function DsListSection({ title, description, actions, children, ariaLabel }: DsListSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/market-cards.d.cts

@@ -0,0 +1,2 @@
+import { DsMarketCardsProps } from "./market-model.cjs";
+export declare function DsMarketCards<Row extends object = Record<string, unknown>>(props: DsMarketCardsProps<Row>): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/market-cards.d.ts

@@ -0,0 +1,2 @@
+import { DsMarketCardsProps } from "./market-model.js";
+export declare function DsMarketCards<Row extends object = Record<string, unknown>>(props: DsMarketCardsProps<Row>): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/market-layout.d.cts

@@ -0,0 +1,10 @@
+import { type LayoutChangeEvent, type ViewStyle } from "react-native";
+import { type LayoutColumn, marketGeometry } from "../../../shared/package-runtime/market-layout.cjs";
+export { marketGeometry };
+export declare function useMarketLayout(columns: LayoutColumn[], showActions: boolean): {
+    onLayout: (event: LayoutChangeEvent) => void;
+    widths: number[];
+    width: number;
+};
+export declare const marketHeaderStyle: ViewStyle;
+export declare const marketRowStyle: ViewStyle;

package/dist/types/packages/native/src/market-layout.d.ts

@@ -0,0 +1,10 @@
+import { type LayoutChangeEvent, type ViewStyle } from "react-native";
+import { type LayoutColumn, marketGeometry } from "../../../shared/package-runtime/market-layout.js";
+export { marketGeometry };
+export declare function useMarketLayout(columns: LayoutColumn[], showActions: boolean): {
+    onLayout: (event: LayoutChangeEvent) => void;
+    widths: number[];
+    width: number;
+};
+export declare const marketHeaderStyle: ViewStyle;
+export declare const marketRowStyle: ViewStyle;

package/dist/types/packages/native/src/market-list.d.cts

@@ -0,0 +1,2 @@
+import { DsMarketSimpleListProps } from "./market-model.cjs";
+export declare function DsMarketSimpleList<Row extends object = Record<string, unknown>>(props: DsMarketSimpleListProps<Row>): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/market-list.d.ts

@@ -0,0 +1,2 @@
+import { DsMarketSimpleListProps } from "./market-model.js";
+export declare function DsMarketSimpleList<Row extends object = Record<string, unknown>>(props: DsMarketSimpleListProps<Row>): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/market-model.d.cts

@@ -0,0 +1,109 @@
+import { type QueryDisplayProps } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type MarketCardsModelProps, type MarketMetric } from "../../../shared/package-runtime/market-cards.cjs";
+export type { MarketMetric } from "../../../shared/package-runtime/market-cards.cjs";
+export interface MarketPagination {
+    page: number;
+    size: number;
+    total: number;
+}
+export interface MarketBaseProps<Row extends object> extends QueryDisplayProps {
+    rows?: Row[];
+    rowKey?: string;
+    interestKeys?: ReadonlySet<unknown>;
+    favoriteKeys?: ReadonlySet<unknown>;
+    pagination?: MarketPagination | null;
+    primaryLabel?: (row: Row) => string;
+    subMeta?: (row: Row) => string;
+    emptyMessage?: string;
+    emptySubMessage?: string;
+    showFooter?: boolean;
+    calculatedAt?: string | null;
+    footerNote?: string;
+    totalCount?: number;
+    unitLabel?: string;
+    formatDate?: (value: string) => string;
+    renderIdentity?: (row: Row, content: ReactNode) => ReactNode;
+    renderNamePrefix?: (row: Row) => ReactNode;
+    renderNameSuffix?: (row: Row) => ReactNode;
+    renderSubMeta?: (row: Row) => ReactNode;
+    onPageChange?: (page: number) => void;
+    onRowClick?: (row: Row) => void;
+    onRetry?: () => void;
+}
+export interface MarketColumn {
+    key: string;
+    label: string;
+    type?: string;
+    align?: "left" | "right" | "center";
+    width?: number | string;
+    sortable?: boolean;
+    defaultSort?: boolean;
+    flash?: "price" | "change";
+    weight?: string;
+}
+export type MarketFormatter<Row extends object> = (value: unknown, format: string, context: {
+    currency: string;
+    row: Row;
+    column?: MarketColumn;
+}) => string;
+export interface DsMarketSimpleListProps<Row extends object = Record<string, unknown>> extends MarketBaseProps<Row> {
+    priceValue: (row: Row) => number | null;
+    changeValue: (row: Row) => number | null;
+    changeLoading?: (row: Row) => boolean;
+    priceFormatter: (value: number) => string;
+    closingPrice?: boolean;
+    renderPricePrefix?: (row: Row) => ReactNode;
+}
+export interface DsMarketTableProps<Row extends object = Record<string, unknown>> extends MarketBaseProps<Row> {
+    columns: MarketColumn[];
+    cellLoading?: (row: Row, column: MarketColumn) => boolean;
+    showActions?: boolean;
+    togglingInterest?: unknown;
+    togglingFavorite?: unknown;
+    sortKey?: string | null;
+    sortOrder?: "asc" | "desc";
+    priceFormatter?: (value: number) => string;
+    currency?: string;
+    embedded?: boolean;
+    formatMetric?: MarketFormatter<Row>;
+    renderCell?: (row: Row, column: MarketColumn) => ReactNode;
+    onSort?: (key: string) => void;
+    onToggleInterest?: (row: Row) => void;
+    onToggleFavorite?: (row: Row) => void;
+}
+export interface DsMarketCardsProps<Row extends object = Record<string, unknown>> extends MarketBaseProps<Row>, MarketCardsModelProps {
+    columns: MarketColumn[];
+    sortOrder?: "asc" | "desc";
+    currency?: string;
+    changeMetricKey?: string;
+    priceMetricKeys?: string[];
+    metricLoading?: (row: Row, key: string) => boolean;
+    formatMetric?: MarketFormatter<Row>;
+    renderMetricPrefix?: (row: Row, key: string, isPrice: boolean) => ReactNode;
+    renderList?: (state: {
+        selectedKey: string;
+        selectedPill: MarketMetric | undefined;
+        metricDisplay: (row: Row) => string;
+    }) => ReactNode;
+}
+export declare function useMarketCards<Row extends object>(props: DsMarketCardsProps<Row>): {
+    pills: {
+        sortKey: string | null | undefined;
+        isDefaultSort: boolean | undefined;
+        label: string;
+        format?: string;
+        formatter?: (value: unknown) => string;
+        key: string;
+    }[];
+    key: string;
+    pill: {
+        sortKey: string | null | undefined;
+        isDefaultSort: boolean | undefined;
+        label: string;
+        format?: string;
+        formatter?: (value: unknown) => string;
+        key: string;
+    };
+    select: (key: string) => void;
+};

package/dist/types/packages/native/src/market-model.d.ts

@@ -0,0 +1,109 @@
+import { type QueryDisplayProps } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+import { type MarketCardsModelProps, type MarketMetric } from "../../../shared/package-runtime/market-cards.js";
+export type { MarketMetric } from "../../../shared/package-runtime/market-cards.js";
+export interface MarketPagination {
+    page: number;
+    size: number;
+    total: number;
+}
+export interface MarketBaseProps<Row extends object> extends QueryDisplayProps {
+    rows?: Row[];
+    rowKey?: string;
+    interestKeys?: ReadonlySet<unknown>;
+    favoriteKeys?: ReadonlySet<unknown>;
+    pagination?: MarketPagination | null;
+    primaryLabel?: (row: Row) => string;
+    subMeta?: (row: Row) => string;
+    emptyMessage?: string;
+    emptySubMessage?: string;
+    showFooter?: boolean;
+    calculatedAt?: string | null;
+    footerNote?: string;
+    totalCount?: number;
+    unitLabel?: string;
+    formatDate?: (value: string) => string;
+    renderIdentity?: (row: Row, content: ReactNode) => ReactNode;
+    renderNamePrefix?: (row: Row) => ReactNode;
+    renderNameSuffix?: (row: Row) => ReactNode;
+    renderSubMeta?: (row: Row) => ReactNode;
+    onPageChange?: (page: number) => void;
+    onRowClick?: (row: Row) => void;
+    onRetry?: () => void;
+}
+export interface MarketColumn {
+    key: string;
+    label: string;
+    type?: string;
+    align?: "left" | "right" | "center";
+    width?: number | string;
+    sortable?: boolean;
+    defaultSort?: boolean;
+    flash?: "price" | "change";
+    weight?: string;
+}
+export type MarketFormatter<Row extends object> = (value: unknown, format: string, context: {
+    currency: string;
+    row: Row;
+    column?: MarketColumn;
+}) => string;
+export interface DsMarketSimpleListProps<Row extends object = Record<string, unknown>> extends MarketBaseProps<Row> {
+    priceValue: (row: Row) => number | null;
+    changeValue: (row: Row) => number | null;
+    changeLoading?: (row: Row) => boolean;
+    priceFormatter: (value: number) => string;
+    closingPrice?: boolean;
+    renderPricePrefix?: (row: Row) => ReactNode;
+}
+export interface DsMarketTableProps<Row extends object = Record<string, unknown>> extends MarketBaseProps<Row> {
+    columns: MarketColumn[];
+    cellLoading?: (row: Row, column: MarketColumn) => boolean;
+    showActions?: boolean;
+    togglingInterest?: unknown;
+    togglingFavorite?: unknown;
+    sortKey?: string | null;
+    sortOrder?: "asc" | "desc";
+    priceFormatter?: (value: number) => string;
+    currency?: string;
+    embedded?: boolean;
+    formatMetric?: MarketFormatter<Row>;
+    renderCell?: (row: Row, column: MarketColumn) => ReactNode;
+    onSort?: (key: string) => void;
+    onToggleInterest?: (row: Row) => void;
+    onToggleFavorite?: (row: Row) => void;
+}
+export interface DsMarketCardsProps<Row extends object = Record<string, unknown>> extends MarketBaseProps<Row>, MarketCardsModelProps {
+    columns: MarketColumn[];
+    sortOrder?: "asc" | "desc";
+    currency?: string;
+    changeMetricKey?: string;
+    priceMetricKeys?: string[];
+    metricLoading?: (row: Row, key: string) => boolean;
+    formatMetric?: MarketFormatter<Row>;
+    renderMetricPrefix?: (row: Row, key: string, isPrice: boolean) => ReactNode;
+    renderList?: (state: {
+        selectedKey: string;
+        selectedPill: MarketMetric | undefined;
+        metricDisplay: (row: Row) => string;
+    }) => ReactNode;
+}
+export declare function useMarketCards<Row extends object>(props: DsMarketCardsProps<Row>): {
+    pills: {
+        sortKey: string | null | undefined;
+        isDefaultSort: boolean | undefined;
+        label: string;
+        format?: string;
+        formatter?: (value: unknown) => string;
+        key: string;
+    }[];
+    key: string;
+    pill: {
+        sortKey: string | null | undefined;
+        isDefaultSort: boolean | undefined;
+        label: string;
+        format?: string;
+        formatter?: (value: unknown) => string;
+        key: string;
+    };
+    select: (key: string) => void;
+};

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

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export declare function DsMarketListPanel({ controls, children, }: {
+    controls?: ReactNode;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export declare function DsMarketListPanel({ controls, children, }: {
+    controls?: ReactNode;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/market-parts.d.cts

@@ -0,0 +1,10 @@
+import { MarketBaseProps } from "./market-model.cjs";
+export declare function MarketIdentity<Row extends object>({ row, props, table, compact, }: {
+    row: Row;
+    props: MarketBaseProps<Row>;
+    table?: boolean;
+    compact?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MarketFooter<Row extends object>({ props, }: {
+    props: MarketBaseProps<Row>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/market-parts.d.ts

@@ -0,0 +1,10 @@
+import { MarketBaseProps } from "./market-model.js";
+export declare function MarketIdentity<Row extends object>({ row, props, table, compact, }: {
+    row: Row;
+    props: MarketBaseProps<Row>;
+    table?: boolean;
+    compact?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MarketFooter<Row extends object>({ props, }: {
+    props: MarketBaseProps<Row>;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export interface DsMarketTableSkeletonProps {
+    columns?: ({
+        key?: string;
+        label?: string;
+        width?: string | number;
+        align?: "left" | "right" | "center";
+    } | string)[];
+    rows?: number;
+    showActions?: boolean;
+}
+export declare function DsMarketTableSkeleton({ columns, rows, showActions }: DsMarketTableSkeletonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+export interface DsMarketTableSkeletonProps {
+    columns?: ({
+        key?: string;
+        label?: string;
+        width?: string | number;
+        align?: "left" | "right" | "center";
+    } | string)[];
+    rows?: number;
+    showActions?: boolean;
+}
+export declare function DsMarketTableSkeleton({ columns, rows, showActions }: DsMarketTableSkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/market-table.d.cts

@@ -0,0 +1,2 @@
+import { DsMarketTableProps } from "./market-model.cjs";
+export declare function DsMarketTable<Row extends object = Record<string, unknown>>(props: DsMarketTableProps<Row>): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/market-table.d.ts

@@ -0,0 +1,2 @@
+import { DsMarketTableProps } from "./market-model.js";
+export declare function DsMarketTable<Row extends object = Record<string, unknown>>(props: DsMarketTableProps<Row>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+export { DsMarketCards } from "./market-cards.cjs";
+export { DsMarketSimpleList } from "./market-list.cjs";
+export { useMarketCards } from "./market-model.cjs";
+export type { DsMarketCardsProps, DsMarketSimpleListProps, DsMarketTableProps, MarketBaseProps, MarketColumn, MarketFormatter, MarketMetric, MarketPagination } from "./market-model.cjs";
+export { DsMarketListPanel } from "./market-panel.cjs";
+export { MarketIdentity } from "./market-parts.cjs";
+export { DsMarketTable } from "./market-table.cjs";

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

@@ -0,0 +1,7 @@
+export { DsMarketCards } from "./market-cards.js";
+export { DsMarketSimpleList } from "./market-list.js";
+export { useMarketCards } from "./market-model.js";
+export type { DsMarketCardsProps, DsMarketSimpleListProps, DsMarketTableProps, MarketBaseProps, MarketColumn, MarketFormatter, MarketMetric, MarketPagination } from "./market-model.js";
+export { DsMarketListPanel } from "./market-panel.js";
+export { MarketIdentity } from "./market-parts.js";
+export { DsMarketTable } from "./market-table.js";

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

@@ -0,0 +1,27 @@
+import { type ReactNode } from "react";
+import { type ImageSourcePropType } from "react-native";
+export interface DsImageProps {
+    src?: string;
+    source?: ImageSourcePropType;
+    alt: string;
+    decorative?: boolean;
+    aspectRatio?: number;
+    fit?: "cover" | "contain";
+    fallback?: ReactNode;
+    onLoad?: () => void;
+    onError?: () => void;
+}
+export declare function DsImage({ src, source, alt, decorative, aspectRatio, fit, fallback, onLoad, onError }: DsImageProps): import("react/jsx-runtime").JSX.Element;
+export interface DsAvatarProps {
+    src?: string;
+    source?: ImageSourcePropType;
+    name?: string;
+    alt?: string;
+    decorative?: boolean;
+    size?: "sm" | "md" | "lg";
+    shape?: "circle" | "square";
+    fallback?: ReactNode;
+    onLoad?: () => void;
+    onError?: () => void;
+}
+export declare function DsAvatar({ src, source, name, alt, decorative, size, shape, fallback, onLoad, onError }: DsAvatarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+import { type ReactNode } from "react";
+import { type ImageSourcePropType } from "react-native";
+export interface DsImageProps {
+    src?: string;
+    source?: ImageSourcePropType;
+    alt: string;
+    decorative?: boolean;
+    aspectRatio?: number;
+    fit?: "cover" | "contain";
+    fallback?: ReactNode;
+    onLoad?: () => void;
+    onError?: () => void;
+}
+export declare function DsImage({ src, source, alt, decorative, aspectRatio, fit, fallback, onLoad, onError }: DsImageProps): import("react/jsx-runtime").JSX.Element;
+export interface DsAvatarProps {
+    src?: string;
+    source?: ImageSourcePropType;
+    name?: string;
+    alt?: string;
+    decorative?: boolean;
+    size?: "sm" | "md" | "lg";
+    shape?: "circle" | "square";
+    fallback?: ReactNode;
+    onLoad?: () => void;
+    onError?: () => void;
+}
+export declare function DsAvatar({ src, source, name, alt, decorative, size, shape, fallback, onLoad, onError }: DsAvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/modal-window.d.cts

@@ -0,0 +1,5 @@
+import { type ModalProps } from "react-native";
+export interface ModalWindowProps extends ModalProps {
+    generation: number;
+}
+export declare function ModalWindow({ generation, ...props }: ModalWindowProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/packages/native/src/modal-window.d.ts

@@ -0,0 +1,5 @@
+import { type ModalProps } from "react-native";
+export interface ModalWindowProps extends ModalProps {
+    generation: number;
+}
+export declare function ModalWindow({ generation, ...props }: ModalWindowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,46 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+export interface DsFormActionsProps {
+    size?: InputSize;
+    cancelText?: string;
+    confirmText?: string;
+    showCancel?: boolean;
+    showConfirm?: boolean;
+    cancelDisabled?: boolean;
+    confirmDisabled?: boolean;
+    loading?: boolean;
+    variant?: "primary" | "danger" | "success";
+    cancelVariant?: "ghost" | "secondary";
+    onCancel?: () => void;
+    onConfirm?: () => void;
+}
+export declare function DsFormActions({ size, cancelText, confirmText, showCancel, showConfirm, cancelDisabled, confirmDisabled, loading, variant, cancelVariant, onCancel, onConfirm, }: DsFormActionsProps): import("react/jsx-runtime").JSX.Element;
+export interface DsModalProps {
+    open: boolean;
+    onOpenChange: (value: boolean) => void;
+    onClose?: () => void;
+    onCancel?: () => void;
+    onConfirm?: () => void;
+    title?: string;
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+    closable?: boolean;
+    closeOnOverlay?: boolean;
+    closeOnEsc?: boolean;
+    showHeader?: boolean;
+    showFooter?: boolean;
+    showConfirmButton?: boolean;
+    showCancelButton?: boolean;
+    confirmText?: string;
+    cancelText?: string;
+    confirmDisabled?: boolean;
+    loading?: boolean;
+    noPadding?: boolean;
+    height?: number;
+    confirmVariant?: "primary" | "danger" | "success";
+    footerSize?: InputSize;
+    header?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+    ariaLabel?: string;
+}
+export declare function DsModal({ open, onOpenChange, onClose, onCancel, onConfirm, title, size, closable, closeOnOverlay, closeOnEsc, showHeader, showFooter, showConfirmButton, showCancelButton, confirmText, cancelText, confirmDisabled, loading, noPadding, height, confirmVariant, footerSize, header, footer, children, ariaLabel, }: DsModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,46 @@
+import { type InputSize } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+export interface DsFormActionsProps {
+    size?: InputSize;
+    cancelText?: string;
+    confirmText?: string;
+    showCancel?: boolean;
+    showConfirm?: boolean;
+    cancelDisabled?: boolean;
+    confirmDisabled?: boolean;
+    loading?: boolean;
+    variant?: "primary" | "danger" | "success";
+    cancelVariant?: "ghost" | "secondary";
+    onCancel?: () => void;
+    onConfirm?: () => void;
+}
+export declare function DsFormActions({ size, cancelText, confirmText, showCancel, showConfirm, cancelDisabled, confirmDisabled, loading, variant, cancelVariant, onCancel, onConfirm, }: DsFormActionsProps): import("react/jsx-runtime").JSX.Element;
+export interface DsModalProps {
+    open: boolean;
+    onOpenChange: (value: boolean) => void;
+    onClose?: () => void;
+    onCancel?: () => void;
+    onConfirm?: () => void;
+    title?: string;
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+    closable?: boolean;
+    closeOnOverlay?: boolean;
+    closeOnEsc?: boolean;
+    showHeader?: boolean;
+    showFooter?: boolean;
+    showConfirmButton?: boolean;
+    showCancelButton?: boolean;
+    confirmText?: string;
+    cancelText?: string;
+    confirmDisabled?: boolean;
+    loading?: boolean;
+    noPadding?: boolean;
+    height?: number;
+    confirmVariant?: "primary" | "danger" | "success";
+    footerSize?: InputSize;
+    header?: ReactNode;
+    footer?: ReactNode;
+    children: ReactNode;
+    ariaLabel?: string;
+}
+export declare function DsModal({ open, onOpenChange, onClose, onCancel, onConfirm, title, size, closable, closeOnOverlay, closeOnEsc, showHeader, showFooter, showConfirmButton, showCancelButton, confirmText, cancelText, confirmDisabled, loading, noPadding, height, confirmVariant, footerSize, header, footer, children, ariaLabel, }: DsModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { Animated, type EasingFunction } from "react-native";
+export declare const motionOut: EasingFunction;
+export declare const motionIn: EasingFunction;
+export declare const motionEmphasized: EasingFunction;
+export declare const motionLinear: EasingFunction;
+export declare const nativeDriver: boolean;
+export declare function useMotionValue(target: number, duration?: number, initial?: number, easing?: EasingFunction, useNative?: boolean): Animated.Value;
+type PresenceOptions = {
+    fade?: number;
+    enterEasing?: EasingFunction;
+};
+export declare function useNativePresence(open: boolean, enter?: number, exit?: number, ready?: boolean, initial?: number, { fade, enterEasing }?: PresenceOptions): {
+    present: boolean;
+    progress: Animated.Value;
+    opacity: Animated.Value;
+    reduced: boolean;
+};
+export {};

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

@@ -0,0 +1,18 @@
+import { Animated, type EasingFunction } from "react-native";
+export declare const motionOut: EasingFunction;
+export declare const motionIn: EasingFunction;
+export declare const motionEmphasized: EasingFunction;
+export declare const motionLinear: EasingFunction;
+export declare const nativeDriver: boolean;
+export declare function useMotionValue(target: number, duration?: number, initial?: number, easing?: EasingFunction, useNative?: boolean): Animated.Value;
+type PresenceOptions = {
+    fade?: number;
+    enterEasing?: EasingFunction;
+};
+export declare function useNativePresence(open: boolean, enter?: number, exit?: number, ready?: boolean, initial?: number, { fade, enterEasing }?: PresenceOptions): {
+    present: boolean;
+    progress: Animated.Value;
+    opacity: Animated.Value;
+    reduced: boolean;
+};
+export {};

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

@@ -0,0 +1,45 @@
+import { type ReactNode } from "react";
+export { DsTabs, DsTabPane, type TabItem, type DsTabsProps, type DsTabPaneProps } from "./tabs.cjs";
+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;