@kjun-ui/native 0.0.0-stage → 0.3.0

package/dist/types/shared/package-runtime/table.d.ts

@@ -0,0 +1,96 @@
+import { type TableSort, type QueryDisplayProps } from "@kjun-ui/tokens";
+export type { TableSort } from "@kjun-ui/tokens";
+import { type ReactNode } from "react";
+export interface TableColumn<Row extends object = Record<string, unknown>> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: number | string;
+    align?: "left" | "center" | "right";
+    type?: "number" | "date" | "datetime" | "text";
+    format?: (value: unknown, row: Row) => ReactNode;
+    render?: (value: unknown, row: Row, index: number) => ReactNode;
+    pill?: boolean;
+    badge?: boolean;
+    inlineInCard?: boolean;
+    hideInCard?: boolean;
+    hideEmptyInCard?: boolean;
+    fullWidthInCard?: boolean;
+    secondary?: boolean;
+    className?: string;
+    headerClass?: string;
+}
+export interface TableCardSection {
+    key?: string;
+    label?: string;
+    labelAlign?: "left" | "right";
+    layout?: "stack" | "grid" | "metrics";
+    columns: string[];
+}
+export interface TablePagination {
+    page: number;
+    total: number;
+    pageSize?: number;
+}
+export interface TableProps<Row extends object = Record<string, unknown>, MaxHeight = number> extends QueryDisplayProps {
+    columns: TableColumn<Row>[];
+    data?: Row[];
+    rowKey?: string;
+    skeletonRows?: number;
+    emptyText?: string;
+    sortable?: boolean;
+    sort?: TableSort | null;
+    sortMode?: "client" | "server";
+    hoverable?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    stickyHeader?: boolean;
+    maxHeight?: MaxHeight;
+    pagination?: TablePagination | null;
+    compact?: boolean;
+    striped?: boolean;
+    ariaLabel?: string;
+    responsive?: "card" | "compact" | "none" | null;
+    mobileColumns?: string[];
+    cardTitle?: string | null;
+    cardSubtitle?: string | null;
+    cardSections?: TableCardSection[];
+    expandable?: boolean;
+    expandedRows?: (string | number)[];
+    expandSingle?: boolean;
+    rowClass?: string | ((row: Row, index: number) => string);
+    selectable?: boolean;
+    selected?: Row[];
+    toolbar?: ReactNode;
+    emptyContent?: ReactNode;
+    renderCell?: (value: unknown, column: TableColumn<Row>, row: Row, index: number) => ReactNode;
+    formatValue?: (value: unknown, column: TableColumn<Row>, row: Row) => ReactNode;
+    renderExpand?: (row: Row, index: number) => ReactNode;
+    renderSelectionToolbar?: (selected: Row[]) => ReactNode;
+    onSortChange?: (value: {
+        key: string;
+        order: "asc" | "desc";
+    }) => void;
+    onSelectionChange?: (selected: Row[]) => void;
+    onExpandedRowsChange?: (keys: (string | number)[]) => void;
+    onPageChange?: (page: number) => void;
+    onRowClick?: (row: Row, index: number) => void;
+    onSearch?: (query: string) => void;
+    onRetry?: () => void;
+}
+export declare function getValue(row: object, key: string): unknown;
+export declare function useTableModel<Row extends object>(props: TableProps<Row, unknown>): {
+    rows: Row[];
+    key: (row: Row, index?: number) => string | number;
+    sort: TableSort;
+    search: string;
+    all: boolean;
+    some: boolean;
+    selectedRow: (row: Row) => boolean;
+    expanded: (string | number)[];
+    searchChange: (q: string) => void;
+    sortColumn: (col: TableColumn<Row>) => void;
+    toggleRow: (row: Row) => void | undefined;
+    toggleAll: () => void | undefined;
+    toggleExpand: (row: Row, index: number) => void;
+};

package/dist/types/shared/package-runtime/use-layer.d.cts

@@ -0,0 +1,64 @@
+import { type ReactNode } from "react";
+import { type FocusTarget, type LayerKind } from "./layer-state.cjs";
+export declare const LayerScope: import("react").Context<string | undefined>;
+export declare function LayerProvider({ children, escapeKeyUpFallback }: {
+    children: ReactNode;
+    escapeKeyUpFallback?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useLayerState(): {
+    entries: Map<string, import("./layer-state.cjs").LayerEntry>;
+    topWindow: () => import("./layer-state.cjs").LayerEntry | undefined;
+    top: () => import("./layer-state.cjs").LayerEntry | undefined;
+    windowOf: (id?: string) => string | undefined;
+    isRestoredFocus(target?: FocusTarget | null): boolean;
+    clearRestoredFocus(target?: FocusTarget | null): void;
+    markClosing(id: string): void;
+    subscribe(listener: () => void): () => void;
+    snapshot: () => number;
+    open(id: string, kind: LayerKind, parent: string | undefined, dismissCallback: () => void, returnTarget?: FocusTarget | null): import("./layer-state.cjs").LayerEntry;
+    remove(id: string, focused?: FocusTarget | null): FocusTarget | null | undefined;
+    requestClose(id: string): void;
+    isActive(id: string): boolean;
+    isBlocked(id: string): boolean;
+    zIndex(id?: string, role?: "backdrop" | "content" | "popup" | "tooltip" | "toast"): number;
+};
+/** The requested state can remain true while a new window suppresses its popup. */
+export declare function usePopupExpanded(open: boolean, trigger: {
+    current: FocusTarget | null;
+}): boolean;
+export declare function usePopupFocusGuard(trigger: {
+    current: FocusTarget | null;
+}): {
+    canOpen: () => boolean;
+    clear: () => void;
+};
+export declare function useActiveLayerScope(): boolean;
+export declare function focusTrigger(target: FocusTarget | null | undefined): FocusTarget | HTMLElement | null | undefined;
+export declare function useLayer(open: boolean, present: boolean, kind: LayerKind, close: () => void, trigger?: {
+    current: FocusTarget | null;
+}): {
+    id: string;
+    state: {
+        entries: Map<string, import("./layer-state.cjs").LayerEntry>;
+        topWindow: () => import("./layer-state.cjs").LayerEntry | undefined;
+        top: () => import("./layer-state.cjs").LayerEntry | undefined;
+        windowOf: (id?: string) => string | undefined;
+        isRestoredFocus(target?: FocusTarget | null): boolean;
+        clearRestoredFocus(target?: FocusTarget | null): void;
+        markClosing(id: string): void;
+        subscribe(listener: () => void): () => void;
+        snapshot: () => number;
+        open(id: string, kind: LayerKind, parent: string | undefined, dismissCallback: () => void, returnTarget?: FocusTarget | null): import("./layer-state.cjs").LayerEntry;
+        remove(id: string, focused?: FocusTarget | null): FocusTarget | null | undefined;
+        requestClose(id: string): void;
+        isActive(id: string): boolean;
+        isBlocked(id: string): boolean;
+        zIndex(id?: string, role?: "backdrop" | "content" | "popup" | "tooltip" | "toast"): number;
+    };
+    keyboardManaged: boolean;
+    scopeActive: boolean;
+    blocked: boolean;
+    active: boolean;
+    zIndex: number;
+    close: () => void;
+};

package/dist/types/shared/package-runtime/use-layer.d.ts

@@ -0,0 +1,64 @@
+import { type ReactNode } from "react";
+import { type FocusTarget, type LayerKind } from "./layer-state.js";
+export declare const LayerScope: import("react").Context<string | undefined>;
+export declare function LayerProvider({ children, escapeKeyUpFallback }: {
+    children: ReactNode;
+    escapeKeyUpFallback?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useLayerState(): {
+    entries: Map<string, import("./layer-state.js").LayerEntry>;
+    topWindow: () => import("./layer-state.js").LayerEntry | undefined;
+    top: () => import("./layer-state.js").LayerEntry | undefined;
+    windowOf: (id?: string) => string | undefined;
+    isRestoredFocus(target?: FocusTarget | null): boolean;
+    clearRestoredFocus(target?: FocusTarget | null): void;
+    markClosing(id: string): void;
+    subscribe(listener: () => void): () => void;
+    snapshot: () => number;
+    open(id: string, kind: LayerKind, parent: string | undefined, dismissCallback: () => void, returnTarget?: FocusTarget | null): import("./layer-state.js").LayerEntry;
+    remove(id: string, focused?: FocusTarget | null): FocusTarget | null | undefined;
+    requestClose(id: string): void;
+    isActive(id: string): boolean;
+    isBlocked(id: string): boolean;
+    zIndex(id?: string, role?: "backdrop" | "content" | "popup" | "tooltip" | "toast"): number;
+};
+/** The requested state can remain true while a new window suppresses its popup. */
+export declare function usePopupExpanded(open: boolean, trigger: {
+    current: FocusTarget | null;
+}): boolean;
+export declare function usePopupFocusGuard(trigger: {
+    current: FocusTarget | null;
+}): {
+    canOpen: () => boolean;
+    clear: () => void;
+};
+export declare function useActiveLayerScope(): boolean;
+export declare function focusTrigger(target: FocusTarget | null | undefined): FocusTarget | HTMLElement | null | undefined;
+export declare function useLayer(open: boolean, present: boolean, kind: LayerKind, close: () => void, trigger?: {
+    current: FocusTarget | null;
+}): {
+    id: string;
+    state: {
+        entries: Map<string, import("./layer-state.js").LayerEntry>;
+        topWindow: () => import("./layer-state.js").LayerEntry | undefined;
+        top: () => import("./layer-state.js").LayerEntry | undefined;
+        windowOf: (id?: string) => string | undefined;
+        isRestoredFocus(target?: FocusTarget | null): boolean;
+        clearRestoredFocus(target?: FocusTarget | null): void;
+        markClosing(id: string): void;
+        subscribe(listener: () => void): () => void;
+        snapshot: () => number;
+        open(id: string, kind: LayerKind, parent: string | undefined, dismissCallback: () => void, returnTarget?: FocusTarget | null): import("./layer-state.js").LayerEntry;
+        remove(id: string, focused?: FocusTarget | null): FocusTarget | null | undefined;
+        requestClose(id: string): void;
+        isActive(id: string): boolean;
+        isBlocked(id: string): boolean;
+        zIndex(id?: string, role?: "backdrop" | "content" | "popup" | "tooltip" | "toast"): number;
+    };
+    keyboardManaged: boolean;
+    scopeActive: boolean;
+    blocked: boolean;
+    active: boolean;
+    zIndex: number;
+    close: () => void;
+};

package/dist/types/shared/package-runtime/use-number-motion.d.cts

@@ -0,0 +1 @@
+export declare function useNumberMotion(value: number | string, animated: boolean, fromPrevious: boolean, reduced: boolean): string | number;

package/dist/types/shared/package-runtime/use-number-motion.d.ts

@@ -0,0 +1 @@
+export declare function useNumberMotion(value: number | string, animated: boolean, fromPrevious: boolean, reduced: boolean): string | number;

package/package.json

@@ -1,6 +1,64 @@
 {
   "name": "@kjun-ui/native",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.3.0",
+  "license": "MIT",
+  "homepage": "https://ui.kjun.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kjun-studio/kjun-ui.git",
+    "directory": "packages/native"
+  },
+  "bugs": {
+    "url": "https://github.com/kjun-studio/kjun-ui/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "KJUN UI components for React Native with shared geometry and interaction contracts.",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "browser": "./dist/index.web.js",
+  "react-native": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "react-native": "./dist/index.js",
+        "browser": "./dist/index.web.js",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "react-native": "./dist/index.cjs",
+        "browser": "./dist/index.web.cjs",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@kjun-ui/tokens": "0.3.0",
+    "@kjun-ui/icons": "0.3.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-native": "^0.86.3",
+    "react-native-svg": "^15.15.5"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    }
+  }
+}