@selectwin/kit 0.1.2
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 +29 -0
- package/dist/SelectAccordion.d.ts +14 -0
- package/dist/SelectActionCard.d.ts +12 -0
- package/dist/SelectActionList.d.ts +22 -0
- package/dist/SelectActionMenu.d.ts +6 -0
- package/dist/SelectAddButton.d.ts +10 -0
- package/dist/SelectAlert.d.ts +10 -0
- package/dist/SelectAuthFx.d.ts +8 -0
- package/dist/SelectAvatar.d.ts +13 -0
- package/dist/SelectBackLink.d.ts +6 -0
- package/dist/SelectBadge.d.ts +9 -0
- package/dist/SelectBalanceCard.d.ts +21 -0
- package/dist/SelectBankAccountField.d.ts +22 -0
- package/dist/SelectBarChart.d.ts +11 -0
- package/dist/SelectBoxPlot.d.ts +18 -0
- package/dist/SelectBuilderLayout.d.ts +18 -0
- package/dist/SelectBullet.d.ts +16 -0
- package/dist/SelectBump.d.ts +11 -0
- package/dist/SelectButton.d.ts +17 -0
- package/dist/SelectCalendarHeatmap.d.ts +16 -0
- package/dist/SelectCandlestick.d.ts +18 -0
- package/dist/SelectCard.d.ts +12 -0
- package/dist/SelectChartCard.d.ts +22 -0
- package/dist/SelectChord.d.ts +12 -0
- package/dist/SelectCirclePack.d.ts +14 -0
- package/dist/SelectCollapsible.d.ts +10 -0
- package/dist/SelectColorField.d.ts +9 -0
- package/dist/SelectColumnChart.d.ts +13 -0
- package/dist/SelectComboChart.d.ts +20 -0
- package/dist/SelectCombobox.d.ts +32 -0
- package/dist/SelectConfirmModal.d.ts +13 -0
- package/dist/SelectCopyRow.d.ts +11 -0
- package/dist/SelectCopyableId.d.ts +16 -0
- package/dist/SelectDataTable.d.ts +100 -0
- package/dist/SelectDateField.d.ts +19 -0
- package/dist/SelectDatePicker.d.ts +34 -0
- package/dist/SelectDateRangeField.d.ts +20 -0
- package/dist/SelectDetail.d.ts +19 -0
- package/dist/SelectDisclosureButton.d.ts +12 -0
- package/dist/SelectDivider.d.ts +7 -0
- package/dist/SelectDocumentField.d.ts +11 -0
- package/dist/SelectDonut.d.ts +17 -0
- package/dist/SelectDotField.d.ts +5 -0
- package/dist/SelectDumbbell.d.ts +17 -0
- package/dist/SelectFeeBreakdown.d.ts +14 -0
- package/dist/SelectField.d.ts +66 -0
- package/dist/SelectFieldGrid.d.ts +8 -0
- package/dist/SelectFileDropzone.d.ts +13 -0
- package/dist/SelectFileTile.d.ts +15 -0
- package/dist/SelectFilterBar.d.ts +28 -0
- package/dist/SelectFilterChip.d.ts +9 -0
- package/dist/SelectFormLayout.d.ts +12 -0
- package/dist/SelectFormModal.d.ts +18 -0
- package/dist/SelectFunnel.d.ts +9 -0
- package/dist/SelectGauge.d.ts +18 -0
- package/dist/SelectGaugeBands.d.ts +18 -0
- package/dist/SelectGlobe.d.ts +47 -0
- package/dist/SelectHeatmap.d.ts +26 -0
- package/dist/SelectHexbin.d.ts +18 -0
- package/dist/SelectHorizontalBar.d.ts +23 -0
- package/dist/SelectIcicle.d.ts +15 -0
- package/dist/SelectIcon.d.ts +8 -0
- package/dist/SelectIconButton.d.ts +14 -0
- package/dist/SelectIdentityFooter.d.ts +12 -0
- package/dist/SelectImageField.d.ts +20 -0
- package/dist/SelectImageUploadField.d.ts +23 -0
- package/dist/SelectImageUrlsField.d.ts +12 -0
- package/dist/SelectImageZoomModal.d.ts +7 -0
- package/dist/SelectJsonViewer.d.ts +16 -0
- package/dist/SelectKeyValueEditor.d.ts +19 -0
- package/dist/SelectKpiCard.d.ts +15 -0
- package/dist/SelectLayout.d.ts +73 -0
- package/dist/SelectLineChart.d.ts +12 -0
- package/dist/SelectLinkButton.d.ts +11 -0
- package/dist/SelectListCard.d.ts +25 -0
- package/dist/SelectLoader.d.ts +10 -0
- package/dist/SelectMarimekko.d.ts +18 -0
- package/dist/SelectMediaCell.d.ts +11 -0
- package/dist/SelectMenu.d.ts +27 -0
- package/dist/SelectModal.d.ts +17 -0
- package/dist/SelectMoney.d.ts +32 -0
- package/dist/SelectMoneyField.d.ts +19 -0
- package/dist/SelectNetwork.d.ts +22 -0
- package/dist/SelectNote.d.ts +9 -0
- package/dist/SelectNumberField.d.ts +18 -0
- package/dist/SelectOfflineModal.d.ts +1 -0
- package/dist/SelectOptionList.d.ts +17 -0
- package/dist/SelectOtpInput.d.ts +13 -0
- package/dist/SelectPage.d.ts +25 -0
- package/dist/SelectPagination.d.ts +23 -0
- package/dist/SelectPanel.d.ts +13 -0
- package/dist/SelectParallel.d.ts +19 -0
- package/dist/SelectPareto.d.ts +10 -0
- package/dist/SelectPasswordStrength.d.ts +9 -0
- package/dist/SelectPaymentBrand.d.ts +17 -0
- package/dist/SelectPhoneField.d.ts +28 -0
- package/dist/SelectPlanCard.d.ts +21 -0
- package/dist/SelectPolarArea.d.ts +13 -0
- package/dist/SelectPopover.d.ts +17 -0
- package/dist/SelectPreviewFrame.d.ts +12 -0
- package/dist/SelectProgressList.d.ts +24 -0
- package/dist/SelectPyramid.d.ts +20 -0
- package/dist/SelectRadar.d.ts +19 -0
- package/dist/SelectRadialBar.d.ts +20 -0
- package/dist/SelectRadioGroup.d.ts +20 -0
- package/dist/SelectRangeBar.d.ts +18 -0
- package/dist/SelectRating.d.ts +11 -0
- package/dist/SelectRepeatingFieldArray.d.ts +31 -0
- package/dist/SelectResendButton.d.ts +9 -0
- package/dist/SelectRowActions.d.ts +12 -0
- package/dist/SelectSankey.d.ts +16 -0
- package/dist/SelectScatter.d.ts +26 -0
- package/dist/SelectSearchInput.d.ts +11 -0
- package/dist/SelectSection.d.ts +14 -0
- package/dist/SelectSegmented.d.ts +16 -0
- package/dist/SelectSelect.d.ts +26 -0
- package/dist/SelectSetting.d.ts +21 -0
- package/dist/SelectSideNav.d.ts +20 -0
- package/dist/SelectSkeleton.d.ts +17 -0
- package/dist/SelectSlope.d.ts +17 -0
- package/dist/SelectSparkline.d.ts +9 -0
- package/dist/SelectStackedArea.d.ts +11 -0
- package/dist/SelectStatusBadge.d.ts +14 -0
- package/dist/SelectSteps.d.ts +11 -0
- package/dist/SelectStreamGraph.d.ts +11 -0
- package/dist/SelectSunburst.d.ts +20 -0
- package/dist/SelectSurface.d.ts +14 -0
- package/dist/SelectSwitch.d.ts +13 -0
- package/dist/SelectSwitchField.d.ts +9 -0
- package/dist/SelectTable.d.ts +56 -0
- package/dist/SelectTabs.d.ts +15 -0
- package/dist/SelectTagSelect.d.ts +23 -0
- package/dist/SelectText.d.ts +22 -0
- package/dist/SelectTextarea.d.ts +26 -0
- package/dist/SelectThemeSwitcher.d.ts +11 -0
- package/dist/SelectThumbnail.d.ts +9 -0
- package/dist/SelectTicker.d.ts +9 -0
- package/dist/SelectTile.d.ts +20 -0
- package/dist/SelectTimeline.d.ts +15 -0
- package/dist/SelectToast.d.ts +15 -0
- package/dist/SelectToggle.d.ts +17 -0
- package/dist/SelectTogglePanel.d.ts +13 -0
- package/dist/SelectTooltip.d.ts +8 -0
- package/dist/SelectTree.d.ts +13 -0
- package/dist/SelectTreemap.d.ts +14 -0
- package/dist/SelectUnitInput.d.ts +17 -0
- package/dist/SelectVenn.d.ts +13 -0
- package/dist/SelectViolin.d.ts +18 -0
- package/dist/SelectWaffle.d.ts +11 -0
- package/dist/SelectWaterfall.d.ts +16 -0
- package/dist/SelectWordCloud.d.ts +14 -0
- package/dist/SelectWorkspaceSwitcher.d.ts +10 -0
- package/dist/SelectZoomThumbnail.d.ts +7 -0
- package/dist/chartTip.d.ts +26 -0
- package/dist/chartUtils.d.ts +76 -0
- package/dist/detectSelectTheme.d.ts +8 -0
- package/dist/icons.d.ts +85 -0
- package/dist/index.d.ts +234 -0
- package/dist/index.js +8329 -0
- package/dist/internal/document.d.ts +9 -0
- package/dist/internal/money.d.ts +8 -0
- package/dist/internal/phone.d.ts +22 -0
- package/dist/internal/useFocusTrap.d.ts +2 -0
- package/dist/internal/useSelectReveal.d.ts +75 -0
- package/dist/jsonTree.d.ts +87 -0
- package/dist/positioning.d.ts +17 -0
- package/dist/spacing.d.ts +10 -0
- package/dist/style.css +1 -0
- package/dist/uploadUtils.d.ts +16 -0
- package/dist/worldLand.d.ts +6 -0
- package/package.json +61 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export interface SelectIcicleNode {
|
|
3
|
+
label: string;
|
|
4
|
+
value?: number;
|
|
5
|
+
color?: string;
|
|
6
|
+
children?: SelectIcicleNode[];
|
|
7
|
+
}
|
|
8
|
+
type SelectIcicleOwnProps = {
|
|
9
|
+
data: SelectIcicleNode;
|
|
10
|
+
height?: number;
|
|
11
|
+
format?: (n: number) => string;
|
|
12
|
+
};
|
|
13
|
+
export type SelectIcicleProps = SelectIcicleOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectIcicleOwnProps>;
|
|
14
|
+
export declare function SelectIcicle({ data, height, format, className, ...rest }: SelectIcicleProps): import("react").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ComponentType } from 'react';
|
|
2
|
+
export type SelectIconTone = 'base' | 'subdued' | 'success' | 'critical' | 'caution' | 'inherit';
|
|
3
|
+
export type SelectIconSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export declare function SelectIcon({ source: Source, tone, size, }: {
|
|
5
|
+
source: ComponentType;
|
|
6
|
+
tone?: SelectIconTone;
|
|
7
|
+
size?: SelectIconSize;
|
|
8
|
+
}): import("react").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectIconButtonOwnProps = {
|
|
3
|
+
icon: ReactNode;
|
|
4
|
+
label: string;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
size?: 'sm' | 'md';
|
|
8
|
+
variant?: 'ghost' | 'outline';
|
|
9
|
+
/** Pressed/selected look — e.g. the active device in a preview toggle. */
|
|
10
|
+
active?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export type SelectIconButtonProps = SelectIconButtonOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectIconButtonOwnProps>;
|
|
13
|
+
export declare const SelectIconButton: import('react').ForwardRefExoticComponent<SelectIconButtonOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof SelectIconButtonOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
/** SelectIdentityFooter — the card-footer line that shows the signed-in identity plus
|
|
3
|
+
* a "Sair" action ("Conectado como email@x · Sair"). Pass as SelectCard `footer`. */
|
|
4
|
+
type SelectIdentityFooterOwnProps = {
|
|
5
|
+
email: string;
|
|
6
|
+
onSignOut?: () => void;
|
|
7
|
+
signOutLabel?: string;
|
|
8
|
+
prefix?: string;
|
|
9
|
+
};
|
|
10
|
+
export type SelectIdentityFooterProps = SelectIdentityFooterOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectIdentityFooterOwnProps>;
|
|
11
|
+
export declare const SelectIdentityFooter: import('react').ForwardRefExoticComponent<SelectIdentityFooterOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectIdentityFooterOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/** Read a File as a base64 data URL. */
|
|
3
|
+
export declare function fileToBase64(file: File): Promise<string>;
|
|
4
|
+
export interface SelectImageFieldProps {
|
|
5
|
+
label: string;
|
|
6
|
+
/** Current value — an https URL or a base64 data URL. Empty = none. */
|
|
7
|
+
value: string;
|
|
8
|
+
onChange: (value: string) => void;
|
|
9
|
+
accept?: string;
|
|
10
|
+
maxSizeMB?: number;
|
|
11
|
+
urlPlaceholder?: string;
|
|
12
|
+
hint?: ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* Optional uploader. When provided, a picked file is uploaded through this callback
|
|
15
|
+
* and `value` becomes the returned URL (e.g. the asset subsystem's asset.url) instead
|
|
16
|
+
* of an inline base64 data URL — use it wherever the field stores a URL (no base64 bloat).
|
|
17
|
+
*/
|
|
18
|
+
uploadFile?: (file: File) => Promise<string>;
|
|
19
|
+
}
|
|
20
|
+
export declare const SelectImageField: import('react').ForwardRefExoticComponent<SelectImageFieldProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectImageFieldProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type SelectImageUploadMode = 'single' | 'multiple';
|
|
3
|
+
export interface SelectImageUploadFieldProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
mode?: SelectImageUploadMode;
|
|
6
|
+
/** Controlled list of uploaded files (encoded to base64 by the caller at submit). */
|
|
7
|
+
files: File[];
|
|
8
|
+
onFilesChange: (files: File[]) => void;
|
|
9
|
+
/** Controlled list of image URLs — pre-seed with existing images in edit mode. */
|
|
10
|
+
urls: string[];
|
|
11
|
+
onUrlsChange: (urls: string[]) => void;
|
|
12
|
+
accept?: string;
|
|
13
|
+
/** Per-file size cap in MB. Default 3. */
|
|
14
|
+
maxSizeMB?: number;
|
|
15
|
+
/** Total cap across files + URLs (multiple mode). Default 10. */
|
|
16
|
+
maxItems?: number;
|
|
17
|
+
/** Optional cap on uploaded files specifically (e.g. to bound base64 payload size). */
|
|
18
|
+
maxFiles?: number;
|
|
19
|
+
uploadHint?: string;
|
|
20
|
+
urlPlaceholder?: string;
|
|
21
|
+
helpText?: ReactNode;
|
|
22
|
+
}
|
|
23
|
+
export declare const SelectImageUploadField: import('react').ForwardRefExoticComponent<SelectImageUploadFieldProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectImageUploadFieldProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface SelectImageUrlsFieldProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
/** Controlled list of URLs. */
|
|
5
|
+
urls: string[];
|
|
6
|
+
onChange: (urls: string[]) => void;
|
|
7
|
+
/** Optional cap; hides the input once reached. */
|
|
8
|
+
maxUrls?: number;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
helpText?: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const SelectImageUrlsField: import('react').ForwardRefExoticComponent<SelectImageUrlsFieldProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectImageUrlsFieldProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface SelectJsonViewerProps {
|
|
3
|
+
value: unknown;
|
|
4
|
+
title?: ReactNode;
|
|
5
|
+
/** Max height in px before the data area scrolls. Default 360. */
|
|
6
|
+
maxHeight?: number;
|
|
7
|
+
/** Start the card expanded. Default false. */
|
|
8
|
+
defaultOpen?: boolean;
|
|
9
|
+
/** Tree nodes at or below this depth start open (root's children are depth 1). Default 1. */
|
|
10
|
+
defaultExpandDepth?: number;
|
|
11
|
+
/** Show the search box. Default true. */
|
|
12
|
+
searchable?: boolean;
|
|
13
|
+
/** Label on the disabled toggle when there is nothing to show. Default "Sem dados". */
|
|
14
|
+
emptyLabel?: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export declare const SelectJsonViewer: import('react').ForwardRefExoticComponent<SelectJsonViewerProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectJsonViewerProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export interface SelectKeyValuePair {
|
|
2
|
+
name: string;
|
|
3
|
+
value: string;
|
|
4
|
+
}
|
|
5
|
+
export interface SelectKeyValueEditorProps {
|
|
6
|
+
pairs: SelectKeyValuePair[];
|
|
7
|
+
onChange: (pairs: SelectKeyValuePair[]) => void;
|
|
8
|
+
keyPlaceholder?: string;
|
|
9
|
+
valuePlaceholder?: string;
|
|
10
|
+
/** When set, the key is a Select over these options instead of a free field. */
|
|
11
|
+
keyOptions?: {
|
|
12
|
+
label: string;
|
|
13
|
+
value: string;
|
|
14
|
+
}[];
|
|
15
|
+
addLabel?: string;
|
|
16
|
+
max?: number;
|
|
17
|
+
helpText?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const SelectKeyValueEditor: import('react').ForwardRefExoticComponent<SelectKeyValueEditorProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectKeyValueEditorProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectKpiCardOwnProps = {
|
|
3
|
+
label: ReactNode;
|
|
4
|
+
value: ReactNode;
|
|
5
|
+
caption?: ReactNode;
|
|
6
|
+
chart?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Colour the VALUE when the number itself is the alarm — "3 crons parados", "2 DLQs com
|
|
9
|
+
* backlog". Omit for a neutral metric: a KPI that is always red stops meaning anything.
|
|
10
|
+
*/
|
|
11
|
+
tone?: 'critical' | 'success' | 'caution';
|
|
12
|
+
};
|
|
13
|
+
export type SelectKpiCardProps = SelectKpiCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectKpiCardOwnProps>;
|
|
14
|
+
export declare const SelectKpiCard: import('react').ForwardRefExoticComponent<SelectKpiCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectKpiCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode, HTMLAttributes } from 'react';
|
|
2
|
+
import { SelectSpace } from './spacing';
|
|
3
|
+
type MainAlign = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
|
|
4
|
+
type CrossAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
|
|
5
|
+
/** Block-level elements the layout primitives may render as. */
|
|
6
|
+
type LayoutEl = 'div' | 'section' | 'article' | 'aside' | 'main' | 'header' | 'footer' | 'ul' | 'ol' | 'li' | 'span' | 'fieldset' | 'form';
|
|
7
|
+
type SelectStackOwnProps = {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
gap?: SelectSpace;
|
|
10
|
+
/** Vertical distribution (main axis). */
|
|
11
|
+
align?: MainAlign;
|
|
12
|
+
/** Horizontal alignment of children (cross axis). */
|
|
13
|
+
inlineAlign?: CrossAlign;
|
|
14
|
+
as?: LayoutEl;
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
export type SelectStackProps = SelectStackOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof SelectStackOwnProps>;
|
|
18
|
+
export declare function SelectStack({ children, gap, align, inlineAlign, as, className, ...rest }: SelectStackProps): import("react").JSX.Element;
|
|
19
|
+
type SelectInlineOwnProps = {
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
gap?: SelectSpace;
|
|
22
|
+
/** Horizontal distribution (main axis). */
|
|
23
|
+
align?: MainAlign;
|
|
24
|
+
/** Vertical alignment of children (cross axis). Defaults to center, like Polaris. */
|
|
25
|
+
blockAlign?: CrossAlign;
|
|
26
|
+
/** Wrap to the next line when out of room (default true, like Polaris). */
|
|
27
|
+
wrap?: boolean;
|
|
28
|
+
as?: LayoutEl;
|
|
29
|
+
className?: string;
|
|
30
|
+
};
|
|
31
|
+
export type SelectInlineProps = SelectInlineOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof SelectInlineOwnProps>;
|
|
32
|
+
export declare function SelectInline({ children, gap, align, blockAlign, wrap, as, className, ...rest }: SelectInlineProps): import("react").JSX.Element;
|
|
33
|
+
/**
|
|
34
|
+
* Breakpoint below which an asymmetric grid collapses to a single column. Needed because a
|
|
35
|
+
* `repeat(auto-fit, …)` template collapses on its own, but an explicit one (`1fr 20rem` — a main
|
|
36
|
+
* column plus an aside) does NOT: it would keep the aside pinned at its width on a phone.
|
|
37
|
+
*/
|
|
38
|
+
export type SelectGridCollapse = 'sm' | 'md' | 'lg';
|
|
39
|
+
type SelectGridOwnProps = {
|
|
40
|
+
children: ReactNode;
|
|
41
|
+
/** Number of equal columns, or an explicit grid-template-columns string. */
|
|
42
|
+
columns?: number | string;
|
|
43
|
+
gap?: SelectSpace;
|
|
44
|
+
alignItems?: CrossAlign;
|
|
45
|
+
/** Collapse to one column below this width: `sm` 30rem · `md` 48rem · `lg` 64rem. */
|
|
46
|
+
collapseBelow?: SelectGridCollapse;
|
|
47
|
+
as?: LayoutEl;
|
|
48
|
+
className?: string;
|
|
49
|
+
};
|
|
50
|
+
export type SelectGridProps = SelectGridOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof SelectGridOwnProps>;
|
|
51
|
+
export declare function SelectGrid({ children, columns, gap, alignItems, collapseBelow, as, className, ...rest }: SelectGridProps): import("react").JSX.Element;
|
|
52
|
+
type BoxBg = 'surface' | 'surface-secondary' | 'surface-sunken' | 'card' | 'transparent';
|
|
53
|
+
type BoxRadius = 'sm' | 'base' | 'lg' | 'card' | 'full';
|
|
54
|
+
type SelectBoxOwnProps = {
|
|
55
|
+
children?: ReactNode;
|
|
56
|
+
padding?: SelectSpace;
|
|
57
|
+
paddingInline?: SelectSpace;
|
|
58
|
+
paddingBlock?: SelectSpace;
|
|
59
|
+
background?: BoxBg;
|
|
60
|
+
borderRadius?: BoxRadius;
|
|
61
|
+
/** Hairline border (1px, --select-border). */
|
|
62
|
+
border?: boolean;
|
|
63
|
+
/** Layered card shadow (--select-shadow-card). */
|
|
64
|
+
shadow?: boolean;
|
|
65
|
+
width?: string;
|
|
66
|
+
minHeight?: string;
|
|
67
|
+
as?: LayoutEl;
|
|
68
|
+
className?: string;
|
|
69
|
+
style?: CSSProperties;
|
|
70
|
+
};
|
|
71
|
+
export type SelectBoxProps = SelectBoxOwnProps & Omit<HTMLAttributes<HTMLElement>, keyof SelectBoxOwnProps>;
|
|
72
|
+
export declare function SelectBox({ children, padding, paddingInline, paddingBlock, background, borderRadius, border, shadow, width, minHeight, as, className, style: styleProp, ...rest }: SelectBoxProps): import("react").JSX.Element;
|
|
73
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { SelectChartSeries } from './chartUtils';
|
|
3
|
+
type SelectLineChartOwnProps = {
|
|
4
|
+
series: SelectChartSeries[];
|
|
5
|
+
labels: string[];
|
|
6
|
+
height?: number;
|
|
7
|
+
format?: (n: number) => string;
|
|
8
|
+
area?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export type SelectLineChartProps = SelectLineChartOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectLineChartOwnProps>;
|
|
11
|
+
export declare function SelectLineChart({ series, labels, height, format, area, className, ...rest }: SelectLineChartProps): import("react").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectLinkButtonOwnProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
onClick?: () => void;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
/** `critical` paints the link red for destructive actions (Revogar, Desvincular). */
|
|
7
|
+
tone?: 'default' | 'critical';
|
|
8
|
+
};
|
|
9
|
+
export type SelectLinkButtonProps = SelectLinkButtonOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectLinkButtonOwnProps>;
|
|
10
|
+
export declare const SelectLinkButton: import('react').ForwardRefExoticComponent<SelectLinkButtonOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof SelectLinkButtonOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectListCardOwnProps = {
|
|
3
|
+
title?: ReactNode;
|
|
4
|
+
description?: ReactNode;
|
|
5
|
+
/** Right-aligned action in the header (e.g. an "Add" button). */
|
|
6
|
+
headerAction?: ReactNode;
|
|
7
|
+
/** Borderless footer below the rows box (e.g. "Updated · View all"). */
|
|
8
|
+
footer?: ReactNode;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export type SelectListCardProps = SelectListCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectListCardOwnProps>;
|
|
12
|
+
export declare const SelectListCard: import('react').ForwardRefExoticComponent<SelectListCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectListCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare function SelectListRow({ media, title, secondary, action, muted, onClick, }: {
|
|
14
|
+
/** Leading visual — an icon or SelectAvatar. */
|
|
15
|
+
media?: ReactNode;
|
|
16
|
+
title: ReactNode;
|
|
17
|
+
/** Sub-text under the title (e.g. an email under a name). */
|
|
18
|
+
secondary?: ReactNode;
|
|
19
|
+
/** Trailing slot — a link, button or badge. */
|
|
20
|
+
action?: ReactNode;
|
|
21
|
+
/** Dim the title/media (e.g. a disabled field). */
|
|
22
|
+
muted?: boolean;
|
|
23
|
+
onClick?: () => void;
|
|
24
|
+
}): import("react").JSX.Element;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
/** SelectLoader — a centered brand spinner with an optional label, for pending auth
|
|
3
|
+
* states (OAuth callback, verifying a code, establishing a session). Fills its
|
|
4
|
+
* container; drop it inside a SelectCard body. */
|
|
5
|
+
type SelectLoaderOwnProps = {
|
|
6
|
+
label?: string;
|
|
7
|
+
};
|
|
8
|
+
export type SelectLoaderProps = SelectLoaderOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectLoaderOwnProps>;
|
|
9
|
+
export declare const SelectLoader: import('react').ForwardRefExoticComponent<SelectLoaderOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "label"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export interface SelectMekkoColumn {
|
|
3
|
+
label: string;
|
|
4
|
+
segments: {
|
|
5
|
+
key: string;
|
|
6
|
+
value: number;
|
|
7
|
+
color?: string;
|
|
8
|
+
}[];
|
|
9
|
+
}
|
|
10
|
+
type SelectMarimekkoOwnProps = {
|
|
11
|
+
columns: SelectMekkoColumn[];
|
|
12
|
+
height?: number;
|
|
13
|
+
format?: (n: number) => string;
|
|
14
|
+
gap?: number;
|
|
15
|
+
};
|
|
16
|
+
export type SelectMarimekkoProps = SelectMarimekkoOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectMarimekkoOwnProps>;
|
|
17
|
+
export declare function SelectMarimekko({ columns, height, format, gap, className, ...rest }: SelectMarimekkoProps): import("react").JSX.Element;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectMediaCellOwnProps = {
|
|
3
|
+
/** Leading visual — a SelectThumbnail, icon, etc. */
|
|
4
|
+
media?: ReactNode;
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
/** Sub-line under the title (e.g. an id or SKU). */
|
|
7
|
+
secondary?: ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export type SelectMediaCellProps = SelectMediaCellOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectMediaCellOwnProps>;
|
|
10
|
+
export declare const SelectMediaCell: import('react').ForwardRefExoticComponent<SelectMediaCellOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectMediaCellOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectMenuOwnProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
};
|
|
5
|
+
export type SelectMenuProps = SelectMenuOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectMenuOwnProps>;
|
|
6
|
+
export declare const SelectMenu: import('react').ForwardRefExoticComponent<SelectMenuOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
7
|
+
type SelectMenuItemOwnProps = {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
/** Right-aligned element (e.g. a check on the selected item). */
|
|
11
|
+
trailing?: ReactNode;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
active?: boolean;
|
|
14
|
+
tone?: 'default' | 'critical';
|
|
15
|
+
};
|
|
16
|
+
export type SelectMenuItemProps = SelectMenuItemOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectMenuItemOwnProps>;
|
|
17
|
+
export declare const SelectMenuItem: import('react').ForwardRefExoticComponent<SelectMenuItemOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof SelectMenuItemOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
18
|
+
export declare function SelectMenuDivider(): import("react").JSX.Element;
|
|
19
|
+
type SelectMenuButtonOwnProps = {
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
onClick?: () => void;
|
|
22
|
+
/** Renders the open/pressed look. */
|
|
23
|
+
active?: boolean;
|
|
24
|
+
};
|
|
25
|
+
export type SelectMenuButtonProps = SelectMenuButtonOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectMenuButtonOwnProps>;
|
|
26
|
+
export declare const SelectMenuButton: import('react').ForwardRefExoticComponent<SelectMenuButtonOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof SelectMenuButtonOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export declare function SelectModal({ open, onClose, title, subtitle, children, footer, aside, size, showClose, noise, dividedHeader, theme, }: {
|
|
3
|
+
open: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
title?: ReactNode;
|
|
6
|
+
subtitle?: ReactNode;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
footer?: ReactNode;
|
|
9
|
+
/** Left rail content — switches the modal to the wide split layout. */
|
|
10
|
+
aside?: ReactNode;
|
|
11
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
12
|
+
showClose?: boolean;
|
|
13
|
+
noise?: boolean;
|
|
14
|
+
/** Add a hairline under the header (Clerk form modals, e.g. New permission). */
|
|
15
|
+
dividedHeader?: boolean;
|
|
16
|
+
theme?: 'light' | 'dark';
|
|
17
|
+
}): import('react').ReactPortal | null;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
interface ValueVisibility {
|
|
3
|
+
hidden: boolean;
|
|
4
|
+
toggle: () => void;
|
|
5
|
+
setHidden: (hidden: boolean) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare function SelectValueVisibilityProvider({ children }: {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}): import("react").JSX.Element;
|
|
10
|
+
/** Tolerant: no provider → a no-op default (values render unblurred). */
|
|
11
|
+
export declare function useSelectValueVisibility(): ValueVisibility;
|
|
12
|
+
type SelectSensitiveValueOwnProps = {
|
|
13
|
+
children: ReactNode;
|
|
14
|
+
label?: string;
|
|
15
|
+
};
|
|
16
|
+
export type SelectSensitiveValueProps = SelectSensitiveValueOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectSensitiveValueOwnProps>;
|
|
17
|
+
export declare const SelectSensitiveValue: import('react').ForwardRefExoticComponent<SelectSensitiveValueOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectSensitiveValueOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
18
|
+
export declare function SelectMoney({ cents, sensitive, }: {
|
|
19
|
+
cents: number | string | null | undefined;
|
|
20
|
+
sensitive?: boolean;
|
|
21
|
+
}): import("react").JSX.Element;
|
|
22
|
+
type SelectMetricDeltaOwnProps = {
|
|
23
|
+
/** Variation as a percentage (e.g. 12.4 or -3.1). null → "—". */
|
|
24
|
+
value: number | null | undefined;
|
|
25
|
+
/** When true a negative delta is the good one (chargeback, recusas) → green. */
|
|
26
|
+
invert?: boolean;
|
|
27
|
+
caption?: string;
|
|
28
|
+
};
|
|
29
|
+
export type SelectMetricDeltaProps = SelectMetricDeltaOwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof SelectMetricDeltaOwnProps>;
|
|
30
|
+
export declare const SelectMetricDelta: import('react').ForwardRefExoticComponent<SelectMetricDeltaOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof SelectMetricDeltaOwnProps> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
31
|
+
export declare function SelectHideMoneyToggle(): import("react").JSX.Element;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectMoneyFieldOwnProps = {
|
|
3
|
+
label?: string;
|
|
4
|
+
/** Amount in integer cents (null/undefined renders empty). */
|
|
5
|
+
value: number | null | undefined;
|
|
6
|
+
onChange: (cents: number) => void;
|
|
7
|
+
info?: string;
|
|
8
|
+
hint?: string;
|
|
9
|
+
error?: string;
|
|
10
|
+
onBlur?: () => void;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
name?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Control density. Default `md`; use `sm` in dense surfaces and modal/card forms. */
|
|
15
|
+
size?: 'sm' | 'md';
|
|
16
|
+
};
|
|
17
|
+
export type SelectMoneyFieldProps = SelectMoneyFieldOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectMoneyFieldOwnProps>;
|
|
18
|
+
export declare const SelectMoneyField: import('react').ForwardRefExoticComponent<SelectMoneyFieldOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectMoneyFieldOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export interface SelectNetworkNode {
|
|
3
|
+
id: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
value?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
group?: number;
|
|
8
|
+
}
|
|
9
|
+
export interface SelectNetworkLink {
|
|
10
|
+
source: string;
|
|
11
|
+
target: string;
|
|
12
|
+
value?: number;
|
|
13
|
+
}
|
|
14
|
+
type SelectNetworkOwnProps = {
|
|
15
|
+
nodes: SelectNetworkNode[];
|
|
16
|
+
links: SelectNetworkLink[];
|
|
17
|
+
height?: number;
|
|
18
|
+
format?: (n: number) => string;
|
|
19
|
+
};
|
|
20
|
+
export type SelectNetworkProps = SelectNetworkOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectNetworkOwnProps>;
|
|
21
|
+
export declare function SelectNetwork({ nodes, links, height, format, className, ...rest }: SelectNetworkProps): import("react").JSX.Element;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectNoteOwnProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
tone?: 'neutral' | 'info' | 'warning' | 'critical';
|
|
5
|
+
hideIcon?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export type SelectNoteProps = SelectNoteOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectNoteOwnProps>;
|
|
8
|
+
export declare const SelectNote: import('react').ForwardRefExoticComponent<SelectNoteOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectNoteOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface SelectNumberFieldProps {
|
|
3
|
+
label?: string;
|
|
4
|
+
value: number | null;
|
|
5
|
+
onChange: (value: number | null) => void;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
step?: number;
|
|
9
|
+
/** Allow decimal entry (commas accepted, normalized to a dot). Default false = integers. */
|
|
10
|
+
decimal?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
hint?: ReactNode;
|
|
13
|
+
error?: string;
|
|
14
|
+
onBlur?: () => void;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
size?: 'sm' | 'md';
|
|
17
|
+
}
|
|
18
|
+
export declare const SelectNumberField: import('react').ForwardRefExoticComponent<SelectNumberFieldProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectNumberFieldProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function SelectOfflineModal(): import("react").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectOptionListOwnProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
};
|
|
5
|
+
export type SelectOptionListProps = SelectOptionListOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectOptionListOwnProps>;
|
|
6
|
+
export declare function SelectOptionList({ children, className, ...rest }: SelectOptionListProps): import("react").JSX.Element;
|
|
7
|
+
export declare function SelectOptionRow({ title, subtitle, leading, trailing, onClick, muted, }: {
|
|
8
|
+
title: ReactNode;
|
|
9
|
+
subtitle?: ReactNode;
|
|
10
|
+
leading?: ReactNode;
|
|
11
|
+
/** Override the trailing element. Defaults to a chevron for clickable rows. */
|
|
12
|
+
trailing?: ReactNode;
|
|
13
|
+
onClick?: () => void;
|
|
14
|
+
/** Subdued text — used for the "create new…" affordance. */
|
|
15
|
+
muted?: boolean;
|
|
16
|
+
}): import("react").JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectOtpInputOwnProps = {
|
|
3
|
+
value: string;
|
|
4
|
+
onChange: (code: string) => void;
|
|
5
|
+
length?: number;
|
|
6
|
+
/** Fired once the last digit is filled (e.g. to auto-submit). */
|
|
7
|
+
onComplete?: (code: string) => void;
|
|
8
|
+
autoFocus?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export type SelectOtpInputProps = SelectOtpInputOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectOtpInputOwnProps>;
|
|
12
|
+
export declare const SelectOtpInput: import('react').ForwardRefExoticComponent<SelectOtpInputOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectOtpInputOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export interface SelectPageAction {
|
|
3
|
+
content: string;
|
|
4
|
+
onAction?: () => void;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
icon?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
type SelectPageOwnProps = {
|
|
10
|
+
title?: ReactNode;
|
|
11
|
+
subtitle?: ReactNode;
|
|
12
|
+
primaryAction?: SelectPageAction;
|
|
13
|
+
secondaryActions?: SelectPageAction[];
|
|
14
|
+
/** Custom node in the header action area (e.g. an "Ações" overflow menu on detail
|
|
15
|
+
* pages). Rendered after primary/secondary buttons. */
|
|
16
|
+
headerActions?: ReactNode;
|
|
17
|
+
backAction?: {
|
|
18
|
+
onAction: () => void;
|
|
19
|
+
content?: string;
|
|
20
|
+
};
|
|
21
|
+
children: ReactNode;
|
|
22
|
+
};
|
|
23
|
+
export type SelectPageProps = SelectPageOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPageOwnProps>;
|
|
24
|
+
export declare const SelectPage: import('react').ForwardRefExoticComponent<SelectPageOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectPageOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface SelectPaginationProps {
|
|
2
|
+
/** Current page, 1-based. */
|
|
3
|
+
page: number;
|
|
4
|
+
/** Total number of pages — enables numbered page buttons when paired with `onPage`. */
|
|
5
|
+
pageCount?: number;
|
|
6
|
+
/** Total item count across all pages (drives the "de N" label). */
|
|
7
|
+
total?: number;
|
|
8
|
+
/** Items per page — with `total` + `page` produces the "X–Y de N" range label. */
|
|
9
|
+
pageSize?: number;
|
|
10
|
+
/** Override the prev-enabled state (defaults to page > 1). */
|
|
11
|
+
hasPrevious?: boolean;
|
|
12
|
+
/** Override the next-enabled state (defaults to page < pageCount). */
|
|
13
|
+
hasNext?: boolean;
|
|
14
|
+
/** Explicit prev handler (e.g. backend offset cursor). Falls back to onPage(page-1). */
|
|
15
|
+
onPrevious?: () => void;
|
|
16
|
+
/** Explicit next handler. Falls back to onPage(page+1). */
|
|
17
|
+
onNext?: () => void;
|
|
18
|
+
/** Jump directly to a 1-based page. Required for numbered buttons. */
|
|
19
|
+
onPage?: (page: number) => void;
|
|
20
|
+
/** Noun for the count label, e.g. "produtos". Defaults to "resultados". */
|
|
21
|
+
noun?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare const SelectPagination: import('react').ForwardRefExoticComponent<SelectPaginationProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, keyof SelectPaginationProps> & import('react').RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode, ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type SelectPanelOwnProps = {
|
|
3
|
+
title?: ReactNode;
|
|
4
|
+
description?: ReactNode;
|
|
5
|
+
headerAction?: ReactNode;
|
|
6
|
+
footer?: ReactNode;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
tone?: 'default' | 'highlight';
|
|
9
|
+
flush?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export type SelectPanelProps = SelectPanelOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPanelOwnProps>;
|
|
12
|
+
export declare const SelectPanel: import('react').ForwardRefExoticComponent<SelectPanelOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectPanelOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export interface SelectParallelAxis {
|
|
3
|
+
key: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface SelectParallelRow {
|
|
7
|
+
label?: string;
|
|
8
|
+
color?: string;
|
|
9
|
+
values: Record<string, number>;
|
|
10
|
+
}
|
|
11
|
+
type SelectParallelOwnProps = {
|
|
12
|
+
axes: SelectParallelAxis[];
|
|
13
|
+
data: SelectParallelRow[];
|
|
14
|
+
height?: number;
|
|
15
|
+
format?: (n: number) => string;
|
|
16
|
+
};
|
|
17
|
+
export type SelectParallelProps = SelectParallelOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectParallelOwnProps>;
|
|
18
|
+
export declare function SelectParallel({ axes, data, height, format, className, ...rest }: SelectParallelProps): import("react").JSX.Element;
|
|
19
|
+
export {};
|