@kjun-ui/native 0.6.1 → 0.7.0

package/dist/styles.css

@@ -686,6 +686,9 @@
   --_kjun-state-opacity-pending: 0.55;
   --_kjun-state-opacity-heat-minimum: 0.08;
   --_kjun-state-opacity-heat-maximum: 0.4;
+  --_kjun-state-opacity-deviation-low: 0.08;
+  --_kjun-state-opacity-deviation-medium: 0.14;
+  --_kjun-state-opacity-deviation-strong: 0.22;
   --_kjun-state-focus-width: 2px;
   --_kjun-state-focus-offset: 2px;
   --_kjun-state-focus-choice-offset: 3px;
@@ -1137,7 +1140,6 @@
 .kjun-scope .kjun-field--suffix { padding-right: calc(var(--_kjun-field-padding) + var(--_kjun-field-clear-size) + var(--_kjun-field-affix-gap) - var(--_kjun-border-control-width)); }
 .kjun-scope .kjun-input-native.kjun-field--prefix { padding-left: calc(var(--_kjun-field-padding) + var(--_kjun-input-prefix-width) + var(--_kjun-field-affix-gap) - var(--_kjun-border-control-width)); }
 .kjun-scope .kjun-input-native.kjun-field--suffix { padding-right: calc(var(--_kjun-field-padding) + var(--_kjun-input-suffix-width) + var(--_kjun-field-affix-gap) - var(--_kjun-border-control-width)); }
-.kjun-scope .kjun-field--clearable > .kj-truncate { padding-right: calc(var(--_kjun-field-clear-size) + var(--_kjun-field-affix-gap)); }
 .kjun-scope .kjun-field--select { display: flex; align-items: center; justify-content: space-between; text-align: left; gap: var(--_kjun-geometry-dimension-value8); }
 .kjun-scope .kjun-field--textarea { height: auto; padding-top: var(--_kjun-field-textarea-padding-y); padding-bottom: var(--_kjun-field-textarea-padding-y); }
 .kjun-scope .kjun-field-shell { position: relative; min-width: 0; --_kjun-input-prefix-width: 0px; --_kjun-input-suffix-width: 0px; }
@@ -1160,7 +1162,7 @@
 .kjun-scope .kjun-form-group { margin-bottom: var(--_kjun-extension-form-item-gap); min-width: 0; }
 .kjun-scope .kjun-form-group:last-child { margin-bottom: 0; }
 /* 그리드·툴바는 부모 gap을 사용하고, 일반 문서 흐름의 기존 폼만 기본 간격을 유지한다. */
-.kjun-scope :where(.kj-flex, .kj-inline-flex, .kj-grid, .kj-inline-grid, [data-kjun-layout="form"]) > .kjun-form-group { margin-bottom: 0; }
+.kjun-scope :where([data-kjun-layout="form"]) > .kjun-form-group { margin-bottom: 0; }
 .kjun-scope .kjun-field-menu {
   padding: var(--_kjun-extension-menu-padding);
   border: var(--_kjun-border-default-width) solid var(--_kjun-border-primary);
@@ -1382,12 +1384,12 @@
 .kjun-scope .kjun-type-control-large { font-size: var(--_kjun-type-control-large-size); line-height: var(--_kjun-type-control-large-line); font-weight: var(--_kjun-type-control-large-weight); letter-spacing: var(--_kjun-type-control-large-tracking); }
 .kjun-scope .kjun-type-section-title { font-size: var(--_kjun-type-section-title-size); line-height: var(--_kjun-type-section-title-line); font-weight: var(--_kjun-type-section-title-weight); letter-spacing: var(--_kjun-type-section-title-tracking); }
 .kjun-scope .kjun-type-page-title { font-size: var(--_kjun-type-page-title-size); line-height: var(--_kjun-type-page-title-line); font-weight: var(--_kjun-type-page-title-weight); letter-spacing: var(--_kjun-type-page-title-tracking); }
-.kjun-scope .kjun-type-number-sm { font-size: var(--_kjun-type-number-sm-size); line-height: var(--_kjun-type-number-sm-line); font-weight: var(--_kjun-type-number-sm-weight); letter-spacing: var(--_kjun-type-number-sm-tracking); font-family: var(--font-numeric); font-variant-numeric: tabular-nums; }
-.kjun-scope .kjun-type-number-md { font-size: var(--_kjun-type-number-md-size); line-height: var(--_kjun-type-number-md-line); font-weight: var(--_kjun-type-number-md-weight); letter-spacing: var(--_kjun-type-number-md-tracking); font-family: var(--font-numeric); font-variant-numeric: tabular-nums; }
-.kjun-scope .kjun-type-number-lg { font-size: var(--_kjun-type-number-lg-size); line-height: var(--_kjun-type-number-lg-line); font-weight: var(--_kjun-type-number-lg-weight); letter-spacing: var(--_kjun-type-number-lg-tracking); font-family: var(--font-numeric); font-variant-numeric: tabular-nums; }
-.kjun-scope .kjun-type-display-sm { font-size: var(--_kjun-type-display-sm-size); line-height: var(--_kjun-type-display-sm-line); font-weight: var(--_kjun-type-display-sm-weight); letter-spacing: var(--_kjun-type-display-sm-tracking); font-family: var(--font-numeric); font-variant-numeric: tabular-nums; }
-.kjun-scope .kjun-type-display-md { font-size: var(--_kjun-type-display-md-size); line-height: var(--_kjun-type-display-md-line); font-weight: var(--_kjun-type-display-md-weight); letter-spacing: var(--_kjun-type-display-md-tracking); font-family: var(--font-numeric); font-variant-numeric: tabular-nums; }
-.kjun-scope .kjun-type-display-lg { font-size: var(--_kjun-type-display-lg-size); line-height: var(--_kjun-type-display-lg-line); font-weight: var(--_kjun-type-display-lg-weight); letter-spacing: var(--_kjun-type-display-lg-tracking); font-family: var(--font-numeric); font-variant-numeric: tabular-nums; }
+.kjun-scope .kjun-type-number-sm { font-size: var(--_kjun-type-number-sm-size); line-height: var(--_kjun-type-number-sm-line); font-weight: var(--_kjun-type-number-sm-weight); letter-spacing: var(--_kjun-type-number-sm-tracking); font-family: var(--_kjun-font-numeric); font-variant-numeric: tabular-nums; }
+.kjun-scope .kjun-type-number-md { font-size: var(--_kjun-type-number-md-size); line-height: var(--_kjun-type-number-md-line); font-weight: var(--_kjun-type-number-md-weight); letter-spacing: var(--_kjun-type-number-md-tracking); font-family: var(--_kjun-font-numeric); font-variant-numeric: tabular-nums; }
+.kjun-scope .kjun-type-number-lg { font-size: var(--_kjun-type-number-lg-size); line-height: var(--_kjun-type-number-lg-line); font-weight: var(--_kjun-type-number-lg-weight); letter-spacing: var(--_kjun-type-number-lg-tracking); font-family: var(--_kjun-font-numeric); font-variant-numeric: tabular-nums; }
+.kjun-scope .kjun-type-display-sm { font-size: var(--_kjun-type-display-sm-size); line-height: var(--_kjun-type-display-sm-line); font-weight: var(--_kjun-type-display-sm-weight); letter-spacing: var(--_kjun-type-display-sm-tracking); font-family: var(--_kjun-font-numeric); font-variant-numeric: tabular-nums; }
+.kjun-scope .kjun-type-display-md { font-size: var(--_kjun-type-display-md-size); line-height: var(--_kjun-type-display-md-line); font-weight: var(--_kjun-type-display-md-weight); letter-spacing: var(--_kjun-type-display-md-tracking); font-family: var(--_kjun-font-numeric); font-variant-numeric: tabular-nums; }
+.kjun-scope .kjun-type-display-lg { font-size: var(--_kjun-type-display-lg-size); line-height: var(--_kjun-type-display-lg-line); font-weight: var(--_kjun-type-display-lg-weight); letter-spacing: var(--_kjun-type-display-lg-tracking); font-family: var(--_kjun-font-numeric); font-variant-numeric: tabular-nums; }
 
 @keyframes kjun-price-flash-up {
   0%, 20% {
@@ -2954,12 +2956,14 @@
   opacity: var(--_kjun-state-opacity-disabled);
   cursor: not-allowed;
 }
-.kjun-icon-toggle svg {
+.kjun-icon-toggle svg:not([data-kjun-color-class]) {
   color: var(--_kjun-icon-toggle-color, currentColor);
+}
+.kjun-icon-toggle svg {
   transition: color var(--_kjun-motion-control) var(--_kjun-ease-out), transform var(--_kjun-motion-control) var(--_kjun-ease-out);
 }
 /* Like RefreshButton, an inactive icon darkens on hover; the selected color stays as set. */
-.kjun-icon-toggle[aria-pressed="false"]:hover:not(:disabled) svg {
+.kjun-icon-toggle[aria-pressed="false"]:hover:not(:disabled) svg:not([data-kjun-color-class]) {
   color: var(--_kjun-color-text-secondary);
 }
 .kjun-icon-toggle:hover:not(:disabled) svg {
@@ -4126,6 +4130,22 @@
   }
 }
 
+/* 좁은 화면에서 보조 지표가 셋 이상이면 두 열로 감싼다. 한 줄에 몰아 숫자가 자릿수 사이에서 끊기지 않게 한다. */
+@media (width <= 400px) {
+  .kjun-kpi-hero:not(.kjun-kpi-hero--sm) .kjun-kpi-hero__secondary:has(> .kjun-kpi-hero__sec-item:nth-child(3)) {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    row-gap: var(--_kjun-extension-kpi-hero-mobile-secondary-padding);
+  }
+  .kjun-kpi-hero:not(.kjun-kpi-hero--sm) .kjun-kpi-hero__secondary:has(> .kjun-kpi-hero__sec-item:nth-child(3)) > .kjun-kpi-hero__sec-item:nth-child(odd) {
+    padding-left: 0;
+    border-left: none;
+  }
+  .kjun-kpi-hero:not(.kjun-kpi-hero--sm) .kjun-kpi-hero__secondary:has(> .kjun-kpi-hero__sec-item:nth-child(3)) > .kjun-kpi-hero__sec-item:nth-child(even) {
+    padding-right: 0;
+  }
+}
+
 /* size=sm — 모달, 컴팩트 카드 내부용 */
 .kjun-kpi-hero--sm {
   padding: var(--_kjun-extension-kpi-hero-sm-padding-y) var(--_kjun-extension-kpi-hero-sm-padding-x);
@@ -4167,6 +4187,14 @@
   }
 }
 
+/* surface="none": 앱의 카드·모달·전폭 목록 안에서는 자체 카드 표면을 그리지 않는다. 미디어 규칙보다 뒤에 두어 좁은 화면에서도 이긴다. */
+/* 클래스를 겹쳐 모바일 규칙(.kjun-kpi-hero:not(.kjun-kpi-hero--sm))보다 명시도를 높인다. */
+.kjun-kpi-hero.kjun-kpi-hero[data-surface="none"] {
+  padding: 0;
+  background: transparent;
+  border-radius: 0;
+}
+
 .kjun-kpi-row {
   display: flex;
   padding: var(--_kjun-extension-kpi-row-md-padding-y) var(--_kjun-extension-kpi-row-md-padding-x);
@@ -4455,6 +4483,14 @@
   }
 }
 
+/* surface="none": 앱의 카드·모달·전폭 목록 안에서는 자체 카드 표면을 그리지 않는다. 미디어 규칙보다 뒤에 두어 좁은 화면에서도 이긴다. */
+/* 클래스를 겹쳐 모바일 요약 규칙(.kjun-kpi-row.kjun-kpi-row--mobile-summary:not(...))과 같은 명시도로 맞춘다. */
+.kjun-kpi-row.kjun-kpi-row[data-surface="none"] {
+  padding: 0;
+  background: transparent;
+  border-radius: 0;
+}
+
 .kjun-card {
   position: relative;
   min-width: 0;

package/dist/types/packages/native/src/data-state.d.cts

@@ -19,6 +19,8 @@ export interface KjunDataStateProps extends QueryDisplayProps {
     emptyIcon?: string;
     emptyActionText?: string;
     loadingText?: string;
+    /** Milliseconds a first load must last before its loading display shows; the box keeps its space meanwhile. */
+    loadingDelay?: number;
     retryText?: string;
     size?: "sm" | "md" | "lg";
     skeleton?: boolean;
@@ -31,7 +33,7 @@ export interface KjunDataStateProps extends QueryDisplayProps {
     onRetry?: () => void;
     onEmptyAction?: () => void;
 }
-export declare function KjunDataState({ preserveContent, refreshing, refreshError, refreshingText, loadingPadding, empty, emptyText, emptyIcon, emptyActionText, loadingText, retryText, size, skeleton, skeletonType, skeletonCount, children, loadingContent, emptyContent, errorContent, onRetry, onEmptyAction, ...query }: KjunDataStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function KjunDataState({ preserveContent, refreshing, refreshError, refreshingText, loadingPadding, empty, emptyText, emptyIcon, emptyActionText, loadingText, loadingDelay, retryText, size, skeleton, skeletonType, skeletonCount, children, loadingContent, emptyContent, errorContent, onRetry, onEmptyAction, ...query }: KjunDataStateProps): import("react/jsx-runtime").JSX.Element;
 export interface KjunErrorBoundaryProps {
     children: ReactNode;
     fallbackMessage?: string;

package/dist/types/packages/native/src/data-state.d.ts

@@ -19,6 +19,8 @@ export interface KjunDataStateProps extends QueryDisplayProps {
     emptyIcon?: string;
     emptyActionText?: string;
     loadingText?: string;
+    /** Milliseconds a first load must last before its loading display shows; the box keeps its space meanwhile. */
+    loadingDelay?: number;
     retryText?: string;
     size?: "sm" | "md" | "lg";
     skeleton?: boolean;
@@ -31,7 +33,7 @@ export interface KjunDataStateProps extends QueryDisplayProps {
     onRetry?: () => void;
     onEmptyAction?: () => void;
 }
-export declare function KjunDataState({ preserveContent, refreshing, refreshError, refreshingText, loadingPadding, empty, emptyText, emptyIcon, emptyActionText, loadingText, retryText, size, skeleton, skeletonType, skeletonCount, children, loadingContent, emptyContent, errorContent, onRetry, onEmptyAction, ...query }: KjunDataStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function KjunDataState({ preserveContent, refreshing, refreshError, refreshingText, loadingPadding, empty, emptyText, emptyIcon, emptyActionText, loadingText, loadingDelay, retryText, size, skeleton, skeletonType, skeletonCount, children, loadingContent, emptyContent, errorContent, onRetry, onEmptyAction, ...query }: KjunDataStateProps): import("react/jsx-runtime").JSX.Element;
 export interface KjunErrorBoundaryProps {
     children: ReactNode;
     fallbackMessage?: string;

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

@@ -27,6 +27,8 @@ export interface KjunKpiHeroProps {
     secondary?: KpiValue[];
     animated?: boolean;
     size?: "md" | "sm";
+    /** "none" drops the card background, padding and radius, for a KPI placed inside a card, modal or full-width list. */
+    surface?: "card" | "none";
     aside?: ReactNode;
     formatter?: (value: number) => string;
     deltaFormatter?: (value: number, kind: "absolute" | "percent") => string;

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

@@ -27,6 +27,8 @@ export interface KjunKpiHeroProps {
     secondary?: KpiValue[];
     animated?: boolean;
     size?: "md" | "sm";
+    /** "none" drops the card background, padding and radius, for a KPI placed inside a card, modal or full-width list. */
+    surface?: "card" | "none";
     aside?: ReactNode;
     formatter?: (value: number) => string;
     deltaFormatter?: (value: number, kind: "absolute" | "percent") => string;

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

@@ -25,8 +25,10 @@ export interface KjunKpiRowProps {
     loading?: boolean;
     items: KpiRowItem[];
     size?: "md" | "sm";
+    /** "none" drops the card background, padding and radius, for a KPI placed inside a card, modal or full-width list. */
+    surface?: "card" | "none";
     mobileSummary?: boolean;
     onItemClick?: (item: KpiRowItem, index: number) => void;
     renderValue?: (item: KpiRowItem, index: number) => ReactNode;
 }
-export declare function KjunKpiRow({ loading, items, size, mobileSummary, onItemClick, renderValue, }: KjunKpiRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function KjunKpiRow({ loading, items, size, surface, mobileSummary, onItemClick, renderValue, }: KjunKpiRowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -25,8 +25,10 @@ export interface KjunKpiRowProps {
     loading?: boolean;
     items: KpiRowItem[];
     size?: "md" | "sm";
+    /** "none" drops the card background, padding and radius, for a KPI placed inside a card, modal or full-width list. */
+    surface?: "card" | "none";
     mobileSummary?: boolean;
     onItemClick?: (item: KpiRowItem, index: number) => void;
     renderValue?: (item: KpiRowItem, index: number) => ReactNode;
 }
-export declare function KjunKpiRow({ loading, items, size, mobileSummary, onItemClick, renderValue, }: KjunKpiRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function KjunKpiRow({ loading, items, size, surface, mobileSummary, onItemClick, renderValue, }: KjunKpiRowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -17,6 +17,11 @@ export interface MarketBaseProps<Row extends object> extends QueryDisplayProps {
     subMeta?: (row: Row) => string;
     emptyMessage?: string;
     emptySubMessage?: string;
+    /** false shows the shared spinner and loadingText instead of the skeleton. Default true. */
+    skeleton?: boolean;
+    loadingText?: string;
+    /** Milliseconds a first load must last before its loading display shows. */
+    loadingDelay?: number;
     showFooter?: boolean;
     calculatedAt?: string | null;
     footerNote?: string;

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

@@ -17,6 +17,11 @@ export interface MarketBaseProps<Row extends object> extends QueryDisplayProps {
     subMeta?: (row: Row) => string;
     emptyMessage?: string;
     emptySubMessage?: string;
+    /** false shows the shared spinner and loadingText instead of the skeleton. Default true. */
+    skeleton?: boolean;
+    loadingText?: string;
+    /** Milliseconds a first load must last before its loading display shows. */
+    loadingDelay?: number;
     showFooter?: boolean;
     calculatedAt?: string | null;
     footerNote?: string;

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

@@ -1,2 +1,2 @@
 import type { TableCardsProps } from "../../../shared/package-runtime/table-presentation.cjs";
-export declare function TableCards<Row extends object>({ initialLoading, skeletonRows, state, onRowClick, selectable, checkbox, cell, expandable, expand, renderExpand, emptyContent, emptyText, layout }: TableCardsProps<Row>): import("react/jsx-runtime").JSX.Element;
+export declare function TableCards<Row extends object>({ initialLoading, skeletonRows, skeletonHidden, state, onRowClick, selectable, checkbox, cell, expandable, expand, renderExpand, emptyContent, emptyText, layout }: TableCardsProps<Row>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import type { TableCardsProps } from "../../../shared/package-runtime/table-presentation.js";
-export declare function TableCards<Row extends object>({ initialLoading, skeletonRows, state, onRowClick, selectable, checkbox, cell, expandable, expand, renderExpand, emptyContent, emptyText, layout }: TableCardsProps<Row>): import("react/jsx-runtime").JSX.Element;
+export declare function TableCards<Row extends object>({ initialLoading, skeletonRows, skeletonHidden, state, onRowClick, selectable, checkbox, cell, expandable, expand, renderExpand, emptyContent, emptyText, layout }: TableCardsProps<Row>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import type { TableGridProps } from "../../../shared/package-runtime/table-presentation.cjs";
-export declare function TableGrid<Row extends object>({ initialLoading, skeletonRows, state, onRowClick, selectable, checkbox, cell, expandable, expand, renderExpand, emptyContent, emptyText, visible, maxHeight, stickyHeader, sortable, compact, striped, hoverable }: TableGridProps<Row, number>): import("react/jsx-runtime").JSX.Element;
+export declare function TableGrid<Row extends object>({ initialLoading, skeletonRows, skeletonHidden, state, onRowClick, selectable, checkbox, cell, expandable, expand, renderExpand, emptyContent, emptyText, visible, maxHeight, stickyHeader, sortable, compact, striped, hoverable }: TableGridProps<Row, number>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import type { TableGridProps } from "../../../shared/package-runtime/table-presentation.js";
-export declare function TableGrid<Row extends object>({ initialLoading, skeletonRows, state, onRowClick, selectable, checkbox, cell, expandable, expand, renderExpand, emptyContent, emptyText, visible, maxHeight, stickyHeader, sortable, compact, striped, hoverable }: TableGridProps<Row, number>): import("react/jsx-runtime").JSX.Element;
+export declare function TableGrid<Row extends object>({ initialLoading, skeletonRows, skeletonHidden, state, onRowClick, selectable, checkbox, cell, expandable, expand, renderExpand, emptyContent, emptyText, visible, maxHeight, stickyHeader, sortable, compact, striped, hoverable }: TableGridProps<Row, number>): import("react/jsx-runtime").JSX.Element;

package/dist/types/shared/package-runtime/table-presentation.d.cts

@@ -18,6 +18,8 @@ export declare function tableCellValue<Row extends object>(props: TableProps<Row
 export interface TableRowsProps<Row extends object> {
     initialLoading: boolean;
     skeletonRows: number;
+    /** A loadingDelay is still running: the skeleton keeps its space but stays out of sight. */
+    skeletonHidden?: boolean;
     state: Pick<ReturnType<typeof useTableModel<Row>>, "rows" | "key" | "expanded" | "selectedRow">;
     onRowClick: TableProps<Row>["onRowClick"];
     selectable: boolean;

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

@@ -18,6 +18,8 @@ export declare function tableCellValue<Row extends object>(props: TableProps<Row
 export interface TableRowsProps<Row extends object> {
     initialLoading: boolean;
     skeletonRows: number;
+    /** A loadingDelay is still running: the skeleton keeps its space but stays out of sight. */
+    skeletonHidden?: boolean;
     state: Pick<ReturnType<typeof useTableModel<Row>>, "rows" | "key" | "expanded" | "selectedRow">;
     onRowClick: TableProps<Row>["onRowClick"];
     selectable: boolean;

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

@@ -38,6 +38,11 @@ export interface TableProps<Row extends object = Record<string, unknown>, MaxHei
     data?: Row[];
     rowKey?: string;
     skeletonRows?: number;
+    /** false shows the shared spinner and loadingText instead of skeleton rows. Default true. */
+    skeleton?: boolean;
+    loadingText?: string;
+    /** Milliseconds a first load must last before its loading display shows. */
+    loadingDelay?: number;
     emptyText?: string;
     sortable?: boolean;
     sort?: TableSort | null;

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

@@ -38,6 +38,11 @@ export interface TableProps<Row extends object = Record<string, unknown>, MaxHei
     data?: Row[];
     rowKey?: string;
     skeletonRows?: number;
+    /** false shows the shared spinner and loadingText instead of skeleton rows. Default true. */
+    skeleton?: boolean;
+    loadingText?: string;
+    /** Milliseconds a first load must last before its loading display shows. */
+    loadingDelay?: number;
     emptyText?: string;
     sortable?: boolean;
     sort?: TableSort | null;

package/dist/types/shared/package-runtime/use-loading-reveal.d.cts

@@ -0,0 +1,2 @@
+/** True once a loading state has lasted `delay` ms, so a fast result never flashes the loading display. Always true without a delay. */
+export declare function useLoadingReveal(active: boolean, delay?: number): boolean;

package/dist/types/shared/package-runtime/use-loading-reveal.d.ts

@@ -0,0 +1,2 @@
+/** True once a loading state has lasted `delay` ms, so a fast result never flashes the loading display. Always true without a delay. */
+export declare function useLoadingReveal(active: boolean, delay?: number): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kjun-ui/native",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "license": "MIT",
   "homepage": "https://ui.kjun.dev",
   "repository": {
@@ -47,8 +47,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@kjun-ui/tokens": "0.6.1",
-    "@kjun-ui/icons": "0.6.1"
+    "@kjun-ui/tokens": "0.7.0",
+    "@kjun-ui/icons": "0.7.0"
   },
   "peerDependencies": {
     "react": "^19.2.3",