@kjun-ui/native 0.0.0-stage → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +44 -2
- package/dist/LICENSE +21 -0
- package/dist/Tabler-LICENSE +21 -0
- package/dist/index.cjs +9683 -0
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +9818 -0
- package/dist/index.web.cjs +9938 -0
- package/dist/index.web.js +10073 -0
- package/dist/styles.css +7695 -0
- package/dist/types/packages/native/src/a11y.d.cts +7 -0
- package/dist/types/packages/native/src/a11y.d.ts +7 -0
- package/dist/types/packages/native/src/actions.d.cts +58 -0
- package/dist/types/packages/native/src/actions.d.ts +58 -0
- package/dist/types/packages/native/src/alert-actions-context.d.cts +1 -0
- package/dist/types/packages/native/src/alert-actions-context.d.ts +1 -0
- package/dist/types/packages/native/src/app-navigation.d.cts +36 -0
- package/dist/types/packages/native/src/app-navigation.d.ts +36 -0
- package/dist/types/packages/native/src/bottom-action-bar-context.d.cts +1 -0
- package/dist/types/packages/native/src/bottom-action-bar-context.d.ts +1 -0
- package/dist/types/packages/native/src/button-group-motion.d.cts +17 -0
- package/dist/types/packages/native/src/button-group-motion.d.ts +17 -0
- package/dist/types/packages/native/src/button.d.cts +25 -0
- package/dist/types/packages/native/src/button.d.ts +25 -0
- package/dist/types/packages/native/src/card-actions-context.d.cts +1 -0
- package/dist/types/packages/native/src/card-actions-context.d.ts +1 -0
- package/dist/types/packages/native/src/card.d.cts +21 -0
- package/dist/types/packages/native/src/card.d.ts +21 -0
- package/dist/types/packages/native/src/chip.d.cts +10 -0
- package/dist/types/packages/native/src/chip.d.ts +10 -0
- package/dist/types/packages/native/src/choice-accessibility.d.cts +4 -0
- package/dist/types/packages/native/src/choice-accessibility.d.ts +4 -0
- package/dist/types/packages/native/src/choice-controls.d.cts +60 -0
- package/dist/types/packages/native/src/choice-controls.d.ts +60 -0
- package/dist/types/packages/native/src/collapse.d.cts +5 -0
- package/dist/types/packages/native/src/collapse.d.ts +5 -0
- package/dist/types/packages/native/src/combobox.d.cts +48 -0
- package/dist/types/packages/native/src/combobox.d.ts +48 -0
- package/dist/types/packages/native/src/compound-control.d.cts +14 -0
- package/dist/types/packages/native/src/compound-control.d.ts +14 -0
- package/dist/types/packages/native/src/controls.d.cts +6 -0
- package/dist/types/packages/native/src/controls.d.ts +6 -0
- package/dist/types/packages/native/src/data-state-context.d.cts +1 -0
- package/dist/types/packages/native/src/data-state-context.d.ts +1 -0
- package/dist/types/packages/native/src/data-state.d.cts +53 -0
- package/dist/types/packages/native/src/data-state.d.ts +53 -0
- package/dist/types/packages/native/src/date-picker.d.cts +14 -0
- package/dist/types/packages/native/src/date-picker.d.ts +14 -0
- package/dist/types/packages/native/src/display-primitives.d.cts +50 -0
- package/dist/types/packages/native/src/display-primitives.d.ts +50 -0
- package/dist/types/packages/native/src/display.d.cts +6 -0
- package/dist/types/packages/native/src/display.d.ts +6 -0
- package/dist/types/packages/native/src/drawer.d.cts +18 -0
- package/dist/types/packages/native/src/drawer.d.ts +18 -0
- package/dist/types/packages/native/src/dropdown.d.cts +39 -0
- package/dist/types/packages/native/src/dropdown.d.ts +39 -0
- package/dist/types/packages/native/src/feedback-context.d.cts +3 -0
- package/dist/types/packages/native/src/feedback-context.d.ts +3 -0
- package/dist/types/packages/native/src/feedback.d.cts +7 -0
- package/dist/types/packages/native/src/feedback.d.ts +7 -0
- package/dist/types/packages/native/src/field-clear.d.cts +8 -0
- package/dist/types/packages/native/src/field-clear.d.ts +8 -0
- package/dist/types/packages/native/src/field-surface.d.cts +86 -0
- package/dist/types/packages/native/src/field-surface.d.ts +86 -0
- package/dist/types/packages/native/src/financial-display.d.cts +87 -0
- package/dist/types/packages/native/src/financial-display.d.ts +87 -0
- package/dist/types/packages/native/src/financial.d.cts +4 -0
- package/dist/types/packages/native/src/financial.d.ts +4 -0
- package/dist/types/packages/native/src/floating-panel.d.cts +31 -0
- package/dist/types/packages/native/src/floating-panel.d.ts +31 -0
- package/dist/types/packages/native/src/form-actions-context.d.cts +3 -0
- package/dist/types/packages/native/src/form-actions-context.d.ts +3 -0
- package/dist/types/packages/native/src/index.d.cts +39 -0
- package/dist/types/packages/native/src/index.d.ts +39 -0
- package/dist/types/packages/native/src/input.d.cts +44 -0
- package/dist/types/packages/native/src/input.d.ts +44 -0
- package/dist/types/packages/native/src/internal.d.cts +7 -0
- package/dist/types/packages/native/src/internal.d.ts +7 -0
- package/dist/types/packages/native/src/kpi-hero.d.cts +35 -0
- package/dist/types/packages/native/src/kpi-hero.d.ts +35 -0
- package/dist/types/packages/native/src/kpi-number-line.d.cts +12 -0
- package/dist/types/packages/native/src/kpi-number-line.d.ts +12 -0
- package/dist/types/packages/native/src/kpi-row.d.cts +32 -0
- package/dist/types/packages/native/src/kpi-row.d.ts +32 -0
- package/dist/types/packages/native/src/kpi.d.cts +4 -0
- package/dist/types/packages/native/src/kpi.d.ts +4 -0
- package/dist/types/packages/native/src/layer-backdrop.d.cts +6 -0
- package/dist/types/packages/native/src/layer-backdrop.d.ts +6 -0
- package/dist/types/packages/native/src/layers.d.cts +8 -0
- package/dist/types/packages/native/src/layers.d.ts +8 -0
- package/dist/types/packages/native/src/list.d.cts +21 -0
- package/dist/types/packages/native/src/list.d.ts +21 -0
- package/dist/types/packages/native/src/market-cards.d.cts +2 -0
- package/dist/types/packages/native/src/market-cards.d.ts +2 -0
- package/dist/types/packages/native/src/market-layout.d.cts +10 -0
- package/dist/types/packages/native/src/market-layout.d.ts +10 -0
- package/dist/types/packages/native/src/market-list.d.cts +2 -0
- package/dist/types/packages/native/src/market-list.d.ts +2 -0
- package/dist/types/packages/native/src/market-model.d.cts +109 -0
- package/dist/types/packages/native/src/market-model.d.ts +109 -0
- package/dist/types/packages/native/src/market-panel.d.cts +5 -0
- package/dist/types/packages/native/src/market-panel.d.ts +5 -0
- package/dist/types/packages/native/src/market-parts.d.cts +10 -0
- package/dist/types/packages/native/src/market-parts.d.ts +10 -0
- package/dist/types/packages/native/src/market-skeleton.d.cts +11 -0
- package/dist/types/packages/native/src/market-skeleton.d.ts +11 -0
- package/dist/types/packages/native/src/market-table.d.cts +2 -0
- package/dist/types/packages/native/src/market-table.d.ts +2 -0
- package/dist/types/packages/native/src/market.d.cts +7 -0
- package/dist/types/packages/native/src/market.d.ts +7 -0
- package/dist/types/packages/native/src/media.d.cts +27 -0
- package/dist/types/packages/native/src/media.d.ts +27 -0
- package/dist/types/packages/native/src/modal-window.d.cts +5 -0
- package/dist/types/packages/native/src/modal-window.d.ts +5 -0
- package/dist/types/packages/native/src/modal.d.cts +46 -0
- package/dist/types/packages/native/src/modal.d.ts +46 -0
- package/dist/types/packages/native/src/motion.d.cts +18 -0
- package/dist/types/packages/native/src/motion.d.ts +18 -0
- package/dist/types/packages/native/src/navigation.d.cts +45 -0
- package/dist/types/packages/native/src/navigation.d.ts +45 -0
- package/dist/types/packages/native/src/number-display.d.cts +49 -0
- package/dist/types/packages/native/src/number-display.d.ts +49 -0
- package/dist/types/packages/native/src/overlay-host.d.cts +9 -0
- package/dist/types/packages/native/src/overlay-host.d.ts +9 -0
- package/dist/types/packages/native/src/popover.d.cts +24 -0
- package/dist/types/packages/native/src/popover.d.ts +24 -0
- package/dist/types/packages/native/src/provider.d.cts +20 -0
- package/dist/types/packages/native/src/provider.d.ts +20 -0
- package/dist/types/packages/native/src/quantity-stepper.d.cts +18 -0
- package/dist/types/packages/native/src/quantity-stepper.d.ts +18 -0
- package/dist/types/packages/native/src/range-input.d.cts +31 -0
- package/dist/types/packages/native/src/range-input.d.ts +31 -0
- package/dist/types/packages/native/src/search-input.d.cts +21 -0
- package/dist/types/packages/native/src/search-input.d.ts +21 -0
- package/dist/types/packages/native/src/select-control.d.cts +30 -0
- package/dist/types/packages/native/src/select-control.d.ts +30 -0
- package/dist/types/packages/native/src/select-options.d.cts +13 -0
- package/dist/types/packages/native/src/select-options.d.ts +13 -0
- package/dist/types/packages/native/src/select.d.cts +10 -0
- package/dist/types/packages/native/src/select.d.ts +10 -0
- package/dist/types/packages/native/src/selection-groups.d.cts +22 -0
- package/dist/types/packages/native/src/selection-groups.d.ts +22 -0
- package/dist/types/packages/native/src/skeleton-base.d.cts +11 -0
- package/dist/types/packages/native/src/skeleton-base.d.ts +11 -0
- package/dist/types/packages/native/src/skeletons.d.cts +28 -0
- package/dist/types/packages/native/src/skeletons.d.ts +28 -0
- package/dist/types/packages/native/src/table-cards.d.cts +2 -0
- package/dist/types/packages/native/src/table-cards.d.ts +2 -0
- package/dist/types/packages/native/src/table-grid.d.cts +2 -0
- package/dist/types/packages/native/src/table-grid.d.ts +2 -0
- package/dist/types/packages/native/src/table-model.d.cts +20 -0
- package/dist/types/packages/native/src/table-model.d.ts +20 -0
- package/dist/types/packages/native/src/table-toolbar.d.cts +2 -0
- package/dist/types/packages/native/src/table-toolbar.d.ts +2 -0
- package/dist/types/packages/native/src/table-view.d.cts +2 -0
- package/dist/types/packages/native/src/table-view.d.ts +2 -0
- package/dist/types/packages/native/src/table.d.cts +3 -0
- package/dist/types/packages/native/src/table.d.ts +3 -0
- package/dist/types/packages/native/src/tabs-accessibility.d.cts +4 -0
- package/dist/types/packages/native/src/tabs-accessibility.d.ts +4 -0
- package/dist/types/packages/native/src/tabs.d.cts +31 -0
- package/dist/types/packages/native/src/tabs.d.ts +31 -0
- package/dist/types/packages/native/src/textarea.d.cts +12 -0
- package/dist/types/packages/native/src/textarea.d.ts +12 -0
- package/dist/types/packages/native/src/time-picker.d.cts +17 -0
- package/dist/types/packages/native/src/time-picker.d.ts +17 -0
- package/dist/types/packages/native/src/toast-reflow.d.cts +3 -0
- package/dist/types/packages/native/src/toast-reflow.d.ts +3 -0
- package/dist/types/packages/native/src/toast-stack.d.cts +6 -0
- package/dist/types/packages/native/src/toast-stack.d.ts +6 -0
- package/dist/types/packages/native/src/toast.d.cts +5 -0
- package/dist/types/packages/native/src/toast.d.ts +5 -0
- package/dist/types/packages/native/src/top-navigation-context.d.cts +5 -0
- package/dist/types/packages/native/src/top-navigation-context.d.ts +5 -0
- package/dist/types/packages/native/src/typography.d.cts +20 -0
- package/dist/types/packages/native/src/typography.d.ts +20 -0
- package/dist/types/shared/package-runtime/action-size.d.cts +5 -0
- package/dist/types/shared/package-runtime/action-size.d.ts +5 -0
- package/dist/types/shared/package-runtime/alert-action-size.d.cts +5 -0
- package/dist/types/shared/package-runtime/alert-action-size.d.ts +5 -0
- package/dist/types/shared/package-runtime/combobox.d.cts +21 -0
- package/dist/types/shared/package-runtime/combobox.d.ts +21 -0
- package/dist/types/shared/package-runtime/component-icons.d.cts +2 -0
- package/dist/types/shared/package-runtime/component-icons.d.ts +2 -0
- package/dist/types/shared/package-runtime/content-presence.d.cts +3 -0
- package/dist/types/shared/package-runtime/content-presence.d.ts +3 -0
- package/dist/types/shared/package-runtime/elevation.d.cts +10 -0
- package/dist/types/shared/package-runtime/elevation.d.ts +10 -0
- package/dist/types/shared/package-runtime/feedback-dialog.d.cts +10 -0
- package/dist/types/shared/package-runtime/feedback-dialog.d.ts +10 -0
- package/dist/types/shared/package-runtime/feedback-motion.d.cts +11 -0
- package/dist/types/shared/package-runtime/feedback-motion.d.ts +11 -0
- package/dist/types/shared/package-runtime/form-actions.d.cts +3 -0
- package/dist/types/shared/package-runtime/form-actions.d.ts +3 -0
- package/dist/types/shared/package-runtime/icon-context.d.cts +14 -0
- package/dist/types/shared/package-runtime/icon-context.d.ts +14 -0
- package/dist/types/shared/package-runtime/icon-registry.d.cts +10 -0
- package/dist/types/shared/package-runtime/icon-registry.d.ts +10 -0
- package/dist/types/shared/package-runtime/layer-keyboard.d.cts +3 -0
- package/dist/types/shared/package-runtime/layer-keyboard.d.ts +3 -0
- package/dist/types/shared/package-runtime/layer-state.d.cts +40 -0
- package/dist/types/shared/package-runtime/layer-state.d.ts +40 -0
- package/dist/types/shared/package-runtime/market-cards.d.cts +44 -0
- package/dist/types/shared/package-runtime/market-cards.d.ts +44 -0
- package/dist/types/shared/package-runtime/market-layout.d.cts +40 -0
- package/dist/types/shared/package-runtime/market-layout.d.ts +40 -0
- package/dist/types/shared/package-runtime/navigation.d.cts +6 -0
- package/dist/types/shared/package-runtime/navigation.d.ts +6 -0
- package/dist/types/shared/package-runtime/number-motion.d.cts +4 -0
- package/dist/types/shared/package-runtime/number-motion.d.ts +4 -0
- package/dist/types/shared/package-runtime/options.d.cts +34 -0
- package/dist/types/shared/package-runtime/options.d.ts +34 -0
- package/dist/types/shared/package-runtime/relative-time.d.cts +1 -0
- package/dist/types/shared/package-runtime/relative-time.d.ts +1 -0
- package/dist/types/shared/package-runtime/search-input.d.cts +20 -0
- package/dist/types/shared/package-runtime/search-input.d.ts +20 -0
- package/dist/types/shared/package-runtime/select.d.cts +10 -0
- package/dist/types/shared/package-runtime/select.d.ts +10 -0
- package/dist/types/shared/package-runtime/table-presentation.d.cts +56 -0
- package/dist/types/shared/package-runtime/table-presentation.d.ts +56 -0
- package/dist/types/shared/package-runtime/table.d.cts +96 -0
- package/dist/types/shared/package-runtime/table.d.ts +96 -0
- package/dist/types/shared/package-runtime/use-layer.d.cts +64 -0
- package/dist/types/shared/package-runtime/use-layer.d.ts +64 -0
- package/dist/types/shared/package-runtime/use-number-motion.d.cts +1 -0
- package/dist/types/shared/package-runtime/use-number-motion.d.ts +1 -0
- package/package.json +62 -4
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
|
+
import { type DimensionValue } from "react-native";
|
|
3
|
+
export interface DsListSkeletonProps {
|
|
4
|
+
rows?: number;
|
|
5
|
+
variant?: "market" | "compact" | "notification";
|
|
6
|
+
avatar?: boolean;
|
|
7
|
+
avatarSize?: DimensionValue;
|
|
8
|
+
quote?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare function DsListSkeleton({ rows, variant, avatar, avatarSize, quote, }: DsListSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export interface DsFormSkeletonProps {
|
|
12
|
+
fields?: (string | {
|
|
13
|
+
label?: string;
|
|
14
|
+
height?: DimensionValue;
|
|
15
|
+
})[];
|
|
16
|
+
columns?: number;
|
|
17
|
+
multiline?: boolean;
|
|
18
|
+
size?: InputSize;
|
|
19
|
+
}
|
|
20
|
+
export declare function DsFormSkeleton({ fields, columns, multiline, size, }: DsFormSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export interface DsChartSkeletonProps {
|
|
22
|
+
loadingText?: string;
|
|
23
|
+
kind?: "grid" | "line" | "bar" | "donut" | "candle" | "matrix";
|
|
24
|
+
height?: DimensionValue;
|
|
25
|
+
}
|
|
26
|
+
export declare function DsChartSkeleton({ loadingText, kind, height, }: DsChartSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export { DsMarketTableSkeleton } from "./market-skeleton.js";
|
|
28
|
+
export type { DsMarketTableSkeletonProps } from "./market-skeleton.js";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { TableCardsProps } from "../../../shared/package-runtime/table-presentation.cjs";
|
|
2
|
+
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;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { TableCardsProps } from "../../../shared/package-runtime/table-presentation.js";
|
|
2
|
+
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;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { TableGridProps } from "../../../shared/package-runtime/table-presentation.cjs";
|
|
2
|
+
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;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { TableGridProps } from "../../../shared/package-runtime/table-presentation.js";
|
|
2
|
+
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;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type TableProps } from "../../../shared/package-runtime/table.cjs";
|
|
2
|
+
export { getValue } from "../../../shared/package-runtime/table.cjs";
|
|
3
|
+
export type { TableSort, TableColumn, TableCardSection, TablePagination } from "../../../shared/package-runtime/table.cjs";
|
|
4
|
+
export interface DsTableProps<Row extends object = Record<string, unknown>> extends TableProps<Row, number> {
|
|
5
|
+
}
|
|
6
|
+
export declare function useTableModel<Row extends object>(props: DsTableProps<Row>): {
|
|
7
|
+
rows: Row[];
|
|
8
|
+
key: (row: Row, index?: number) => string | number;
|
|
9
|
+
sort: import("@kjun-ui/tokens").TableSort;
|
|
10
|
+
search: string;
|
|
11
|
+
all: boolean;
|
|
12
|
+
some: boolean;
|
|
13
|
+
selectedRow: (row: Row) => boolean;
|
|
14
|
+
expanded: (string | number)[];
|
|
15
|
+
searchChange: (q: string) => void;
|
|
16
|
+
sortColumn: (col: import("./table-model.cjs").TableColumn<Row>) => void;
|
|
17
|
+
toggleRow: (row: Row) => void | undefined;
|
|
18
|
+
toggleAll: () => void | undefined;
|
|
19
|
+
toggleExpand: (row: Row, index: number) => void;
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type TableProps } from "../../../shared/package-runtime/table.js";
|
|
2
|
+
export { getValue } from "../../../shared/package-runtime/table.js";
|
|
3
|
+
export type { TableSort, TableColumn, TableCardSection, TablePagination } from "../../../shared/package-runtime/table.js";
|
|
4
|
+
export interface DsTableProps<Row extends object = Record<string, unknown>> extends TableProps<Row, number> {
|
|
5
|
+
}
|
|
6
|
+
export declare function useTableModel<Row extends object>(props: DsTableProps<Row>): {
|
|
7
|
+
rows: Row[];
|
|
8
|
+
key: (row: Row, index?: number) => string | number;
|
|
9
|
+
sort: import("@kjun-ui/tokens").TableSort;
|
|
10
|
+
search: string;
|
|
11
|
+
all: boolean;
|
|
12
|
+
some: boolean;
|
|
13
|
+
selectedRow: (row: Row) => boolean;
|
|
14
|
+
expanded: (string | number)[];
|
|
15
|
+
searchChange: (q: string) => void;
|
|
16
|
+
sortColumn: (col: import("./table-model.js").TableColumn<Row>) => void;
|
|
17
|
+
toggleRow: (row: Row) => void | undefined;
|
|
18
|
+
toggleAll: () => void | undefined;
|
|
19
|
+
toggleExpand: (row: Row, index: number) => void;
|
|
20
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { TableToolbarProps } from "../../../shared/package-runtime/table-presentation.cjs";
|
|
2
|
+
export declare function TableToolbar<Row extends object>({ selectable, selected, toggleAll, clearSelection, renderSelectionToolbar, searchable, search, searchChange, searchPlaceholder, toolbar }: TableToolbarProps<Row>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import type { TableToolbarProps } from "../../../shared/package-runtime/table-presentation.js";
|
|
2
|
+
export declare function TableToolbar<Row extends object>({ selectable, selected, toggleAll, clearSelection, renderSelectionToolbar, searchable, search, searchChange, searchPlaceholder, toolbar }: TableToolbarProps<Row>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export interface TabItem {
|
|
3
|
+
name: string;
|
|
4
|
+
label: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
badge?: string | number;
|
|
7
|
+
badgeVariant?: "danger" | "success" | "warning" | "info";
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface DsTabsProps {
|
|
11
|
+
value: string;
|
|
12
|
+
items?: TabItem[];
|
|
13
|
+
density?: "comfortable" | "compact";
|
|
14
|
+
variant?: "underline" | "pills";
|
|
15
|
+
actions?: ReactNode;
|
|
16
|
+
children?: ReactNode;
|
|
17
|
+
ariaLabel?: string;
|
|
18
|
+
onValueChange?: (value: string) => void;
|
|
19
|
+
onChange?: (value: string) => void;
|
|
20
|
+
onTabMenu?: (event: {
|
|
21
|
+
name: string;
|
|
22
|
+
x: number;
|
|
23
|
+
y: number;
|
|
24
|
+
pointer: "mouse" | "touch";
|
|
25
|
+
}) => void;
|
|
26
|
+
}
|
|
27
|
+
export declare function DsTabs({ value, items, density, variant, actions, children, ariaLabel, onValueChange, onChange, onTabMenu, }: DsTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export interface DsTabPaneProps extends TabItem {
|
|
29
|
+
children?: ReactNode;
|
|
30
|
+
}
|
|
31
|
+
export declare function DsTabPane({ name, children }: DsTabPaneProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
export interface TabItem {
|
|
3
|
+
name: string;
|
|
4
|
+
label: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
badge?: string | number;
|
|
7
|
+
badgeVariant?: "danger" | "success" | "warning" | "info";
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface DsTabsProps {
|
|
11
|
+
value: string;
|
|
12
|
+
items?: TabItem[];
|
|
13
|
+
density?: "comfortable" | "compact";
|
|
14
|
+
variant?: "underline" | "pills";
|
|
15
|
+
actions?: ReactNode;
|
|
16
|
+
children?: ReactNode;
|
|
17
|
+
ariaLabel?: string;
|
|
18
|
+
onValueChange?: (value: string) => void;
|
|
19
|
+
onChange?: (value: string) => void;
|
|
20
|
+
onTabMenu?: (event: {
|
|
21
|
+
name: string;
|
|
22
|
+
x: number;
|
|
23
|
+
y: number;
|
|
24
|
+
pointer: "mouse" | "touch";
|
|
25
|
+
}) => void;
|
|
26
|
+
}
|
|
27
|
+
export declare function DsTabs({ value, items, density, variant, actions, children, ariaLabel, onValueChange, onChange, onTabMenu, }: DsTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export interface DsTabPaneProps extends TabItem {
|
|
29
|
+
children?: ReactNode;
|
|
30
|
+
}
|
|
31
|
+
export declare function DsTabPane({ name, children }: DsTabPaneProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
|
+
import { TextInput, type TextInputProps } from "react-native";
|
|
3
|
+
export interface DsTextareaProps extends TextInputProps {
|
|
4
|
+
size?: InputSize;
|
|
5
|
+
value: string;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
rows?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
ariaLabel?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const DsTextarea: import("react").ForwardRefExoticComponent<DsTextareaProps & import("react").RefAttributes<TextInput>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
|
+
import { TextInput, type TextInputProps } from "react-native";
|
|
3
|
+
export interface DsTextareaProps extends TextInputProps {
|
|
4
|
+
size?: InputSize;
|
|
5
|
+
value: string;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
rows?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
ariaLabel?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const DsTextarea: import("react").ForwardRefExoticComponent<DsTextareaProps & import("react").RefAttributes<TextInput>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type TimePrecision, type InputSize } from "@kjun-ui/tokens";
|
|
2
|
+
export interface DsTimePickerProps {
|
|
3
|
+
value: string | null;
|
|
4
|
+
precision?: TimePrecision;
|
|
5
|
+
min?: string;
|
|
6
|
+
max?: string;
|
|
7
|
+
minuteStep?: number;
|
|
8
|
+
secondStep?: number;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
error?: boolean;
|
|
11
|
+
clearable?: boolean;
|
|
12
|
+
size?: InputSize;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
onValueChange?: (value: string | null) => void;
|
|
15
|
+
onChangeCommit?: (value: string | null) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare function DsTimePicker({ value, precision, min, max, minuteStep, secondStep, disabled, error, clearable, size, ariaLabel, onValueChange, onChangeCommit }: DsTimePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type TimePrecision, type InputSize } from "@kjun-ui/tokens";
|
|
2
|
+
export interface DsTimePickerProps {
|
|
3
|
+
value: string | null;
|
|
4
|
+
precision?: TimePrecision;
|
|
5
|
+
min?: string;
|
|
6
|
+
max?: string;
|
|
7
|
+
minuteStep?: number;
|
|
8
|
+
secondStep?: number;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
error?: boolean;
|
|
11
|
+
clearable?: boolean;
|
|
12
|
+
size?: InputSize;
|
|
13
|
+
ariaLabel?: string;
|
|
14
|
+
onValueChange?: (value: string | null) => void;
|
|
15
|
+
onChangeCommit?: (value: string | null) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare function DsTimePicker({ value, precision, min, max, minuteStep, secondStep, disabled, error, clearable, size, ariaLabel, onValueChange, onChangeCommit }: DsTimePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type createFeedbackController } from "@kjun-ui/tokens";
|
|
2
|
+
import type { PresentedToast } from "../../../shared/package-runtime/feedback-motion.cjs";
|
|
3
|
+
export declare function ToastStack({ items, controller }: {
|
|
4
|
+
items: PresentedToast[];
|
|
5
|
+
controller: ReturnType<typeof createFeedbackController>;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type createFeedbackController } from "@kjun-ui/tokens";
|
|
2
|
+
import type { PresentedToast } from "../../../shared/package-runtime/feedback-motion.js";
|
|
3
|
+
export declare function ToastStack({ items, controller }: {
|
|
4
|
+
items: PresentedToast[];
|
|
5
|
+
controller: ReturnType<typeof createFeedbackController>;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type ButtonSize, type InputSize, type TypographyRole, type TypographyToken } from "@kjun-ui/tokens";
|
|
2
|
+
/** CSS em tracking is converted to the logical units consumed by Native Text. */
|
|
3
|
+
export declare function typeStyle(role: TypographyRole | TypographyToken): {
|
|
4
|
+
fontSize: number;
|
|
5
|
+
lineHeight: number;
|
|
6
|
+
fontWeight: "400" | "500" | "600" | "700";
|
|
7
|
+
letterSpacing: number;
|
|
8
|
+
};
|
|
9
|
+
export declare function selectionTypeStyle(size: ButtonSize, active: boolean): {
|
|
10
|
+
fontWeight: "400" | "500" | "600" | "700";
|
|
11
|
+
fontSize: number;
|
|
12
|
+
lineHeight: number;
|
|
13
|
+
letterSpacing: number;
|
|
14
|
+
};
|
|
15
|
+
export declare function inputTypeStyle(size: InputSize): {
|
|
16
|
+
fontSize: 16;
|
|
17
|
+
lineHeight: 24;
|
|
18
|
+
letterSpacing: number;
|
|
19
|
+
fontWeight: "400" | "500" | "600" | "700";
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type ButtonSize, type InputSize, type TypographyRole, type TypographyToken } from "@kjun-ui/tokens";
|
|
2
|
+
/** CSS em tracking is converted to the logical units consumed by Native Text. */
|
|
3
|
+
export declare function typeStyle(role: TypographyRole | TypographyToken): {
|
|
4
|
+
fontSize: number;
|
|
5
|
+
lineHeight: number;
|
|
6
|
+
fontWeight: "400" | "500" | "600" | "700";
|
|
7
|
+
letterSpacing: number;
|
|
8
|
+
};
|
|
9
|
+
export declare function selectionTypeStyle(size: ButtonSize, active: boolean): {
|
|
10
|
+
fontWeight: "400" | "500" | "600" | "700";
|
|
11
|
+
fontSize: number;
|
|
12
|
+
lineHeight: number;
|
|
13
|
+
letterSpacing: number;
|
|
14
|
+
};
|
|
15
|
+
export declare function inputTypeStyle(size: InputSize): {
|
|
16
|
+
fontSize: 16;
|
|
17
|
+
lineHeight: 24;
|
|
18
|
+
letterSpacing: number;
|
|
19
|
+
fontWeight: "400" | "500" | "600" | "700";
|
|
20
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ButtonSize } from "@kjun-ui/tokens";
|
|
2
|
+
export { alertActionSizes } from "./alert-action-size.cjs";
|
|
3
|
+
/** A container's default size for buttons that leave `size` unset; an explicit size always wins. */
|
|
4
|
+
export declare const ActionSizeContext: import("react").Context<"xs" | "sm" | "md" | "lg" | "xl" | null>;
|
|
5
|
+
export declare function useActionSize(requested: ButtonSize | undefined, fallback: ButtonSize): ButtonSize;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ButtonSize } from "@kjun-ui/tokens";
|
|
2
|
+
export { alertActionSizes } from "./alert-action-size.js";
|
|
3
|
+
/** A container's default size for buttons that leave `size` unset; an explicit size always wins. */
|
|
4
|
+
export declare const ActionSizeContext: import("react").Context<"xs" | "sm" | "md" | "lg" | "xl" | null>;
|
|
5
|
+
export declare function useActionSize(requested: ButtonSize | undefined, fallback: ButtonSize): ButtonSize;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type OptionValue, type SelectOption } from "./options.cjs";
|
|
2
|
+
export declare function useComboboxModel<T extends SelectOption>({ value, options, labelKey, valueKey, disabled, filterFn, onValueChange, onChange, onSearch, onClear, }: {
|
|
3
|
+
value: OptionValue | null;
|
|
4
|
+
options: T[];
|
|
5
|
+
labelKey: string;
|
|
6
|
+
valueKey: string;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
filterFn?: (option: T, query: string) => boolean;
|
|
9
|
+
onValueChange?: (value: OptionValue | null) => void;
|
|
10
|
+
onChange?: (value: OptionValue | null) => void;
|
|
11
|
+
onSearch?: (value: string) => void;
|
|
12
|
+
onClear?: () => void;
|
|
13
|
+
}): {
|
|
14
|
+
open: boolean;
|
|
15
|
+
displayValue: string;
|
|
16
|
+
options: T[];
|
|
17
|
+
changeOpen(next: boolean): void;
|
|
18
|
+
search(next: string, openOnInput: boolean): void;
|
|
19
|
+
select(option: T): void;
|
|
20
|
+
clear(): void;
|
|
21
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { type OptionValue, type SelectOption } from "./options.js";
|
|
2
|
+
export declare function useComboboxModel<T extends SelectOption>({ value, options, labelKey, valueKey, disabled, filterFn, onValueChange, onChange, onSearch, onClear, }: {
|
|
3
|
+
value: OptionValue | null;
|
|
4
|
+
options: T[];
|
|
5
|
+
labelKey: string;
|
|
6
|
+
valueKey: string;
|
|
7
|
+
disabled: boolean;
|
|
8
|
+
filterFn?: (option: T, query: string) => boolean;
|
|
9
|
+
onValueChange?: (value: OptionValue | null) => void;
|
|
10
|
+
onChange?: (value: OptionValue | null) => void;
|
|
11
|
+
onSearch?: (value: string) => void;
|
|
12
|
+
onClear?: () => void;
|
|
13
|
+
}): {
|
|
14
|
+
open: boolean;
|
|
15
|
+
displayValue: string;
|
|
16
|
+
options: T[];
|
|
17
|
+
changeOpen(next: boolean): void;
|
|
18
|
+
search(next: string, openOnInput: boolean): void;
|
|
19
|
+
select(option: T): void;
|
|
20
|
+
clear(): void;
|
|
21
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ShadowLayer } from "@kjun-ui/tokens";
|
|
2
|
+
export declare function directionalShadow(layers: readonly ShadowLayer[], direction: 'left' | 'right' | 'top' | 'bottom'): ShadowLayer[];
|
|
3
|
+
export declare function shadowLayers<Color>(layers: readonly ShadowLayer[], colors: Record<ShadowLayer['colorRole'], Color>): {
|
|
4
|
+
color: Color;
|
|
5
|
+
offsetX: number;
|
|
6
|
+
offsetY: number;
|
|
7
|
+
blurRadius: number;
|
|
8
|
+
spreadDistance: number;
|
|
9
|
+
inset: boolean;
|
|
10
|
+
}[];
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ShadowLayer } from "@kjun-ui/tokens";
|
|
2
|
+
export declare function directionalShadow(layers: readonly ShadowLayer[], direction: 'left' | 'right' | 'top' | 'bottom'): ShadowLayer[];
|
|
3
|
+
export declare function shadowLayers<Color>(layers: readonly ShadowLayer[], colors: Record<ShadowLayer['colorRole'], Color>): {
|
|
4
|
+
color: Color;
|
|
5
|
+
offsetX: number;
|
|
6
|
+
offsetY: number;
|
|
7
|
+
blurRadius: number;
|
|
8
|
+
spreadDistance: number;
|
|
9
|
+
inset: boolean;
|
|
10
|
+
}[];
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { createFeedbackController, ConfirmOptions, FeedbackRequest, PromptOptions } from "@kjun-ui/tokens";
|
|
2
|
+
export declare function useFeedbackDialog(controller: ReturnType<typeof createFeedbackController>, request: FeedbackRequest): {
|
|
3
|
+
options: PromptOptions & ConfirmOptions;
|
|
4
|
+
value: string;
|
|
5
|
+
error: string;
|
|
6
|
+
busy: boolean;
|
|
7
|
+
edit(next: string): void;
|
|
8
|
+
cancel(): void;
|
|
9
|
+
submit(): Promise<void>;
|
|
10
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { createFeedbackController, ConfirmOptions, FeedbackRequest, PromptOptions } from "@kjun-ui/tokens";
|
|
2
|
+
export declare function useFeedbackDialog(controller: ReturnType<typeof createFeedbackController>, request: FeedbackRequest): {
|
|
3
|
+
options: PromptOptions & ConfirmOptions;
|
|
4
|
+
value: string;
|
|
5
|
+
error: string;
|
|
6
|
+
busy: boolean;
|
|
7
|
+
edit(next: string): void;
|
|
8
|
+
cancel(): void;
|
|
9
|
+
submit(): Promise<void>;
|
|
10
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { FeedbackRequest, ToastItem } from "@kjun-ui/tokens";
|
|
2
|
+
export interface PresentedToast {
|
|
3
|
+
toast: ToastItem;
|
|
4
|
+
exiting: boolean;
|
|
5
|
+
born: number;
|
|
6
|
+
}
|
|
7
|
+
export declare function usePresentedToasts(toasts: ToastItem[], reduced: boolean): PresentedToast[];
|
|
8
|
+
export declare function usePresentedRequest(current: FeedbackRequest | null, reduced: boolean): {
|
|
9
|
+
request: FeedbackRequest | null;
|
|
10
|
+
open: boolean;
|
|
11
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { FeedbackRequest, ToastItem } from "@kjun-ui/tokens";
|
|
2
|
+
export interface PresentedToast {
|
|
3
|
+
toast: ToastItem;
|
|
4
|
+
exiting: boolean;
|
|
5
|
+
born: number;
|
|
6
|
+
}
|
|
7
|
+
export declare function usePresentedToasts(toasts: ToastItem[], reduced: boolean): PresentedToast[];
|
|
8
|
+
export declare function usePresentedRequest(current: FeedbackRequest | null, reduced: boolean): {
|
|
9
|
+
request: FeedbackRequest | null;
|
|
10
|
+
open: boolean;
|
|
11
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import type { KjunIconRegistry } from "@kjun-ui/icons";
|
|
3
|
+
export declare function IconProvider({ icons, children }: {
|
|
4
|
+
icons?: KjunIconRegistry;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function IconFallbacks({ icons, children }: {
|
|
8
|
+
icons: KjunIconRegistry;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function useIcon(name: string, filled: boolean): {
|
|
12
|
+
nodes: readonly import("@kjun-ui/icons").IconNode[];
|
|
13
|
+
filled: boolean;
|
|
14
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import type { KjunIconRegistry } from "@kjun-ui/icons";
|
|
3
|
+
export declare function IconProvider({ icons, children }: {
|
|
4
|
+
icons?: KjunIconRegistry;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare function IconFallbacks({ icons, children }: {
|
|
8
|
+
icons: KjunIconRegistry;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function useIcon(name: string, filled: boolean): {
|
|
12
|
+
nodes: readonly import("@kjun-ui/icons").IconNode[];
|
|
13
|
+
filled: boolean;
|
|
14
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { defaultIcons } from "@kjun-ui/icons/defaults";
|
|
2
|
+
import type { KjunIconRegistry } from "@kjun-ui/icons";
|
|
3
|
+
export { defaultIcons };
|
|
4
|
+
export declare function mergeIcons(parent: KjunIconRegistry, own?: KjunIconRegistry): KjunIconRegistry;
|
|
5
|
+
/** Adds component-owned icons without overriding a project's registration. */
|
|
6
|
+
export declare function withFallbackIcons(registry: KjunIconRegistry, fallbacks: KjunIconRegistry): KjunIconRegistry;
|
|
7
|
+
export declare function resolveIcon(registry: KjunIconRegistry, name: string, filled?: boolean): {
|
|
8
|
+
nodes: readonly import("@kjun-ui/icons").IconNode[];
|
|
9
|
+
filled: boolean;
|
|
10
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { defaultIcons } from "@kjun-ui/icons/defaults";
|
|
2
|
+
import type { KjunIconRegistry } from "@kjun-ui/icons";
|
|
3
|
+
export { defaultIcons };
|
|
4
|
+
export declare function mergeIcons(parent: KjunIconRegistry, own?: KjunIconRegistry): KjunIconRegistry;
|
|
5
|
+
/** Adds component-owned icons without overriding a project's registration. */
|
|
6
|
+
export declare function withFallbackIcons(registry: KjunIconRegistry, fallbacks: KjunIconRegistry): KjunIconRegistry;
|
|
7
|
+
export declare function resolveIcon(registry: KjunIconRegistry, name: string, filled?: boolean): {
|
|
8
|
+
nodes: readonly import("@kjun-ui/icons").IconNode[];
|
|
9
|
+
filled: boolean;
|
|
10
|
+
};
|