@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.
Files changed (171) hide show
  1. package/README.md +29 -0
  2. package/dist/SelectAccordion.d.ts +14 -0
  3. package/dist/SelectActionCard.d.ts +12 -0
  4. package/dist/SelectActionList.d.ts +22 -0
  5. package/dist/SelectActionMenu.d.ts +6 -0
  6. package/dist/SelectAddButton.d.ts +10 -0
  7. package/dist/SelectAlert.d.ts +10 -0
  8. package/dist/SelectAuthFx.d.ts +8 -0
  9. package/dist/SelectAvatar.d.ts +13 -0
  10. package/dist/SelectBackLink.d.ts +6 -0
  11. package/dist/SelectBadge.d.ts +9 -0
  12. package/dist/SelectBalanceCard.d.ts +21 -0
  13. package/dist/SelectBankAccountField.d.ts +22 -0
  14. package/dist/SelectBarChart.d.ts +11 -0
  15. package/dist/SelectBoxPlot.d.ts +18 -0
  16. package/dist/SelectBuilderLayout.d.ts +18 -0
  17. package/dist/SelectBullet.d.ts +16 -0
  18. package/dist/SelectBump.d.ts +11 -0
  19. package/dist/SelectButton.d.ts +17 -0
  20. package/dist/SelectCalendarHeatmap.d.ts +16 -0
  21. package/dist/SelectCandlestick.d.ts +18 -0
  22. package/dist/SelectCard.d.ts +12 -0
  23. package/dist/SelectChartCard.d.ts +22 -0
  24. package/dist/SelectChord.d.ts +12 -0
  25. package/dist/SelectCirclePack.d.ts +14 -0
  26. package/dist/SelectCollapsible.d.ts +10 -0
  27. package/dist/SelectColorField.d.ts +9 -0
  28. package/dist/SelectColumnChart.d.ts +13 -0
  29. package/dist/SelectComboChart.d.ts +20 -0
  30. package/dist/SelectCombobox.d.ts +32 -0
  31. package/dist/SelectConfirmModal.d.ts +13 -0
  32. package/dist/SelectCopyRow.d.ts +11 -0
  33. package/dist/SelectCopyableId.d.ts +16 -0
  34. package/dist/SelectDataTable.d.ts +100 -0
  35. package/dist/SelectDateField.d.ts +19 -0
  36. package/dist/SelectDatePicker.d.ts +34 -0
  37. package/dist/SelectDateRangeField.d.ts +20 -0
  38. package/dist/SelectDetail.d.ts +19 -0
  39. package/dist/SelectDisclosureButton.d.ts +12 -0
  40. package/dist/SelectDivider.d.ts +7 -0
  41. package/dist/SelectDocumentField.d.ts +11 -0
  42. package/dist/SelectDonut.d.ts +17 -0
  43. package/dist/SelectDotField.d.ts +5 -0
  44. package/dist/SelectDumbbell.d.ts +17 -0
  45. package/dist/SelectFeeBreakdown.d.ts +14 -0
  46. package/dist/SelectField.d.ts +66 -0
  47. package/dist/SelectFieldGrid.d.ts +8 -0
  48. package/dist/SelectFileDropzone.d.ts +13 -0
  49. package/dist/SelectFileTile.d.ts +15 -0
  50. package/dist/SelectFilterBar.d.ts +28 -0
  51. package/dist/SelectFilterChip.d.ts +9 -0
  52. package/dist/SelectFormLayout.d.ts +12 -0
  53. package/dist/SelectFormModal.d.ts +18 -0
  54. package/dist/SelectFunnel.d.ts +9 -0
  55. package/dist/SelectGauge.d.ts +18 -0
  56. package/dist/SelectGaugeBands.d.ts +18 -0
  57. package/dist/SelectGlobe.d.ts +47 -0
  58. package/dist/SelectHeatmap.d.ts +26 -0
  59. package/dist/SelectHexbin.d.ts +18 -0
  60. package/dist/SelectHorizontalBar.d.ts +23 -0
  61. package/dist/SelectIcicle.d.ts +15 -0
  62. package/dist/SelectIcon.d.ts +8 -0
  63. package/dist/SelectIconButton.d.ts +14 -0
  64. package/dist/SelectIdentityFooter.d.ts +12 -0
  65. package/dist/SelectImageField.d.ts +20 -0
  66. package/dist/SelectImageUploadField.d.ts +23 -0
  67. package/dist/SelectImageUrlsField.d.ts +12 -0
  68. package/dist/SelectImageZoomModal.d.ts +7 -0
  69. package/dist/SelectJsonViewer.d.ts +16 -0
  70. package/dist/SelectKeyValueEditor.d.ts +19 -0
  71. package/dist/SelectKpiCard.d.ts +15 -0
  72. package/dist/SelectLayout.d.ts +73 -0
  73. package/dist/SelectLineChart.d.ts +12 -0
  74. package/dist/SelectLinkButton.d.ts +11 -0
  75. package/dist/SelectListCard.d.ts +25 -0
  76. package/dist/SelectLoader.d.ts +10 -0
  77. package/dist/SelectMarimekko.d.ts +18 -0
  78. package/dist/SelectMediaCell.d.ts +11 -0
  79. package/dist/SelectMenu.d.ts +27 -0
  80. package/dist/SelectModal.d.ts +17 -0
  81. package/dist/SelectMoney.d.ts +32 -0
  82. package/dist/SelectMoneyField.d.ts +19 -0
  83. package/dist/SelectNetwork.d.ts +22 -0
  84. package/dist/SelectNote.d.ts +9 -0
  85. package/dist/SelectNumberField.d.ts +18 -0
  86. package/dist/SelectOfflineModal.d.ts +1 -0
  87. package/dist/SelectOptionList.d.ts +17 -0
  88. package/dist/SelectOtpInput.d.ts +13 -0
  89. package/dist/SelectPage.d.ts +25 -0
  90. package/dist/SelectPagination.d.ts +23 -0
  91. package/dist/SelectPanel.d.ts +13 -0
  92. package/dist/SelectParallel.d.ts +19 -0
  93. package/dist/SelectPareto.d.ts +10 -0
  94. package/dist/SelectPasswordStrength.d.ts +9 -0
  95. package/dist/SelectPaymentBrand.d.ts +17 -0
  96. package/dist/SelectPhoneField.d.ts +28 -0
  97. package/dist/SelectPlanCard.d.ts +21 -0
  98. package/dist/SelectPolarArea.d.ts +13 -0
  99. package/dist/SelectPopover.d.ts +17 -0
  100. package/dist/SelectPreviewFrame.d.ts +12 -0
  101. package/dist/SelectProgressList.d.ts +24 -0
  102. package/dist/SelectPyramid.d.ts +20 -0
  103. package/dist/SelectRadar.d.ts +19 -0
  104. package/dist/SelectRadialBar.d.ts +20 -0
  105. package/dist/SelectRadioGroup.d.ts +20 -0
  106. package/dist/SelectRangeBar.d.ts +18 -0
  107. package/dist/SelectRating.d.ts +11 -0
  108. package/dist/SelectRepeatingFieldArray.d.ts +31 -0
  109. package/dist/SelectResendButton.d.ts +9 -0
  110. package/dist/SelectRowActions.d.ts +12 -0
  111. package/dist/SelectSankey.d.ts +16 -0
  112. package/dist/SelectScatter.d.ts +26 -0
  113. package/dist/SelectSearchInput.d.ts +11 -0
  114. package/dist/SelectSection.d.ts +14 -0
  115. package/dist/SelectSegmented.d.ts +16 -0
  116. package/dist/SelectSelect.d.ts +26 -0
  117. package/dist/SelectSetting.d.ts +21 -0
  118. package/dist/SelectSideNav.d.ts +20 -0
  119. package/dist/SelectSkeleton.d.ts +17 -0
  120. package/dist/SelectSlope.d.ts +17 -0
  121. package/dist/SelectSparkline.d.ts +9 -0
  122. package/dist/SelectStackedArea.d.ts +11 -0
  123. package/dist/SelectStatusBadge.d.ts +14 -0
  124. package/dist/SelectSteps.d.ts +11 -0
  125. package/dist/SelectStreamGraph.d.ts +11 -0
  126. package/dist/SelectSunburst.d.ts +20 -0
  127. package/dist/SelectSurface.d.ts +14 -0
  128. package/dist/SelectSwitch.d.ts +13 -0
  129. package/dist/SelectSwitchField.d.ts +9 -0
  130. package/dist/SelectTable.d.ts +56 -0
  131. package/dist/SelectTabs.d.ts +15 -0
  132. package/dist/SelectTagSelect.d.ts +23 -0
  133. package/dist/SelectText.d.ts +22 -0
  134. package/dist/SelectTextarea.d.ts +26 -0
  135. package/dist/SelectThemeSwitcher.d.ts +11 -0
  136. package/dist/SelectThumbnail.d.ts +9 -0
  137. package/dist/SelectTicker.d.ts +9 -0
  138. package/dist/SelectTile.d.ts +20 -0
  139. package/dist/SelectTimeline.d.ts +15 -0
  140. package/dist/SelectToast.d.ts +15 -0
  141. package/dist/SelectToggle.d.ts +17 -0
  142. package/dist/SelectTogglePanel.d.ts +13 -0
  143. package/dist/SelectTooltip.d.ts +8 -0
  144. package/dist/SelectTree.d.ts +13 -0
  145. package/dist/SelectTreemap.d.ts +14 -0
  146. package/dist/SelectUnitInput.d.ts +17 -0
  147. package/dist/SelectVenn.d.ts +13 -0
  148. package/dist/SelectViolin.d.ts +18 -0
  149. package/dist/SelectWaffle.d.ts +11 -0
  150. package/dist/SelectWaterfall.d.ts +16 -0
  151. package/dist/SelectWordCloud.d.ts +14 -0
  152. package/dist/SelectWorkspaceSwitcher.d.ts +10 -0
  153. package/dist/SelectZoomThumbnail.d.ts +7 -0
  154. package/dist/chartTip.d.ts +26 -0
  155. package/dist/chartUtils.d.ts +76 -0
  156. package/dist/detectSelectTheme.d.ts +8 -0
  157. package/dist/icons.d.ts +85 -0
  158. package/dist/index.d.ts +234 -0
  159. package/dist/index.js +8329 -0
  160. package/dist/internal/document.d.ts +9 -0
  161. package/dist/internal/money.d.ts +8 -0
  162. package/dist/internal/phone.d.ts +22 -0
  163. package/dist/internal/useFocusTrap.d.ts +2 -0
  164. package/dist/internal/useSelectReveal.d.ts +75 -0
  165. package/dist/jsonTree.d.ts +87 -0
  166. package/dist/positioning.d.ts +17 -0
  167. package/dist/spacing.d.ts +10 -0
  168. package/dist/style.css +1 -0
  169. package/dist/uploadUtils.d.ts +16 -0
  170. package/dist/worldLand.d.ts +6 -0
  171. package/package.json +61 -0
@@ -0,0 +1,10 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ import { SelectBarDatum } from './chartUtils';
3
+ type SelectParetoOwnProps = {
4
+ data: SelectBarDatum[];
5
+ height?: number;
6
+ format?: (n: number) => string;
7
+ };
8
+ export type SelectParetoProps = SelectParetoOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectParetoOwnProps>;
9
+ export declare function SelectPareto({ data, height, format, className, ...rest }: SelectParetoProps): import("react").JSX.Element;
10
+ export {};
@@ -0,0 +1,9 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ /** 0–4 score from length thresholds + lower/upper/digit/symbol variety. */
3
+ export declare function passwordScore(pw: string): number;
4
+ type SelectPasswordStrengthOwnProps = {
5
+ value: string;
6
+ };
7
+ export type SelectPasswordStrengthProps = SelectPasswordStrengthOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPasswordStrengthOwnProps>;
8
+ export declare const SelectPasswordStrength: import('react').ForwardRefExoticComponent<SelectPasswordStrengthOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "value"> & import('react').RefAttributes<HTMLDivElement>>;
9
+ export {};
@@ -0,0 +1,17 @@
1
+ export declare function SelectPaymentBrand({ method, cardBrand,
2
+ /** Chip height in px; width is derived to a card aspect ratio (1.2). Default 24×29. */
3
+ size,
4
+ /** Render the human method label next to the chip. */
5
+ showLabel,
6
+ /** Just the icon (no bordered chip box), tight — for inline headers. */
7
+ plain,
8
+ /** Human label override, e.g. `american-express` → "American Express". Wins over the
9
+ * method/brand text everywhere the label renders (chip title, alt, showLabel, fallback). */
10
+ label: labelOverride, }: {
11
+ method?: string;
12
+ cardBrand?: string;
13
+ size?: number;
14
+ showLabel?: boolean;
15
+ plain?: boolean;
16
+ label?: string;
17
+ }): import("react").JSX.Element;
@@ -0,0 +1,28 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ export interface PhoneValue {
3
+ /** ISO country code (e.g. "BR"). */
4
+ country: string;
5
+ /** National number digits as typed. */
6
+ number: string;
7
+ }
8
+ interface Country {
9
+ iso: string;
10
+ dial: string;
11
+ flag: string;
12
+ name: string;
13
+ }
14
+ export declare const SELECT_COUNTRIES: Country[];
15
+ export declare function dialCodeOf(iso: string): string;
16
+ type SelectPhoneFieldOwnProps = {
17
+ label: string;
18
+ value: PhoneValue;
19
+ onChange: (value: PhoneValue) => void;
20
+ labelAction?: ReactNode;
21
+ hint?: string;
22
+ error?: string;
23
+ onBlur?: () => void;
24
+ placeholder?: string;
25
+ };
26
+ export type SelectPhoneFieldProps = SelectPhoneFieldOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPhoneFieldOwnProps>;
27
+ export declare const SelectPhoneField: import('react').ForwardRefExoticComponent<SelectPhoneFieldOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectPhoneFieldOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
28
+ export {};
@@ -0,0 +1,21 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ type SelectPlanCardOwnProps = {
3
+ name: ReactNode;
4
+ /** Big amount, e.g. "$20". */
5
+ price: ReactNode;
6
+ /** Small text after the amount, e.g. "/mo, billed annually". */
7
+ priceSuffix?: ReactNode;
8
+ /** Right-aligned control next to the name (e.g. the Monthly/Annual toggle). */
9
+ headerAction?: ReactNode;
10
+ /** Lines under the price, e.g. "Unlimited applications / Up to 3 seats". */
11
+ summary?: ReactNode;
12
+ /** The tier's call to action (a SelectButton). */
13
+ cta?: ReactNode;
14
+ /** Heading above the feature list, e.g. "Everything in Hobby, plus:". */
15
+ featuresTitle?: ReactNode;
16
+ features?: ReactNode[];
17
+ featured?: boolean;
18
+ };
19
+ export type SelectPlanCardProps = SelectPlanCardOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPlanCardOwnProps>;
20
+ export declare const SelectPlanCard: import('react').ForwardRefExoticComponent<SelectPlanCardOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectPlanCardOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
21
+ export {};
@@ -0,0 +1,13 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ import { SelectDonutSegment } from './chartUtils';
3
+ type SelectPolarAreaOwnProps = {
4
+ segments: SelectDonutSegment[];
5
+ size?: number;
6
+ format?: (n: number) => string;
7
+ legend?: boolean;
8
+ /** Radius ∝ value (rose) instead of ∝ √value (area-accurate). */
9
+ rose?: boolean;
10
+ };
11
+ export type SelectPolarAreaProps = SelectPolarAreaOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPolarAreaOwnProps>;
12
+ export declare const SelectPolarArea: import('react').ForwardRefExoticComponent<SelectPolarAreaOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectPolarAreaOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
13
+ export {};
@@ -0,0 +1,17 @@
1
+ import { ReactNode } from 'react';
2
+ import { SelectPlacement } from './positioning';
3
+ export type { SelectPlacement };
4
+ export declare function SelectPopover({ active, onClose, activator, children, placement, gap, role, trapFocus, matchWidth, theme, }: {
5
+ active: boolean;
6
+ onClose: () => void;
7
+ activator: ReactNode;
8
+ children: ReactNode;
9
+ placement?: SelectPlacement;
10
+ gap?: number;
11
+ role?: 'menu' | 'dialog' | 'listbox';
12
+ /** Trap Tab within the panel (use for form/dialog popovers, not arrow-key menus). */
13
+ trapFocus?: boolean;
14
+ /** Make the panel at least as wide as the trigger (selects/comboboxes). */
15
+ matchWidth?: boolean;
16
+ theme?: 'light' | 'dark';
17
+ }): import("react").JSX.Element;
@@ -0,0 +1,12 @@
1
+ type Device = 'desktop' | 'mobile';
2
+ export interface SelectPreviewFrameProps {
3
+ /** Preview URL. Empty/undefined shows the placeholder. */
4
+ src?: string;
5
+ title?: string;
6
+ height?: number;
7
+ initialDevice?: Device;
8
+ showDeviceToggle?: boolean;
9
+ emptyLabel?: string;
10
+ }
11
+ export declare const SelectPreviewFrame: import('react').ForwardRefExoticComponent<SelectPreviewFrameProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectPreviewFrameProps> & import('react').RefAttributes<HTMLDivElement>>;
12
+ export {};
@@ -0,0 +1,24 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { SelectBadge } from './SelectBadge';
3
+ type BadgeTone = ComponentProps<typeof SelectBadge>['tone'];
4
+ export interface SelectProgressItem {
5
+ label: string;
6
+ value: number;
7
+ /** Display string for the value (else format(value)). */
8
+ valueText?: ReactNode;
9
+ caption?: ReactNode;
10
+ badge?: {
11
+ label: string;
12
+ tone?: BadgeTone;
13
+ };
14
+ /** Override this row's bar colour. */
15
+ color?: string;
16
+ }
17
+ export declare function SelectProgressList({ items, format, color, emptyText, }: {
18
+ items: SelectProgressItem[];
19
+ format?: (n: number) => string;
20
+ /** One colour for every bar (else the chart ramp, one hue per row). */
21
+ color?: string;
22
+ emptyText?: string;
23
+ }): import("react").JSX.Element;
24
+ export {};
@@ -0,0 +1,20 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectPyramidRow {
3
+ label: string;
4
+ left: number;
5
+ right: number;
6
+ }
7
+ type SelectPyramidOwnProps = {
8
+ data: SelectPyramidRow[];
9
+ leftLabel?: string;
10
+ rightLabel?: string;
11
+ height?: number;
12
+ format?: (n: number) => string;
13
+ leftColor?: string;
14
+ rightColor?: string;
15
+ /** Width reserved for the centred category labels. */
16
+ centerWidth?: number;
17
+ };
18
+ export type SelectPyramidProps = SelectPyramidOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectPyramidOwnProps>;
19
+ export declare function SelectPyramid({ data, leftLabel, rightLabel, height, format, leftColor, rightColor, centerWidth, className, ...rest }: SelectPyramidProps): import("react").JSX.Element;
20
+ export {};
@@ -0,0 +1,19 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectRadarSeries {
3
+ name: string;
4
+ color?: string;
5
+ /** One value per axis (aligned to `axes`). */
6
+ values: number[];
7
+ }
8
+ type SelectRadarOwnProps = {
9
+ axes: string[];
10
+ series: SelectRadarSeries[];
11
+ size?: number;
12
+ max?: number;
13
+ format?: (n: number) => string;
14
+ levels?: number;
15
+ legend?: boolean;
16
+ };
17
+ export type SelectRadarProps = SelectRadarOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectRadarOwnProps>;
18
+ export declare const SelectRadar: import('react').ForwardRefExoticComponent<SelectRadarOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectRadarOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
19
+ export {};
@@ -0,0 +1,20 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectRadialSeries {
3
+ label: string;
4
+ /** Percentage 0–100. */
5
+ value: number;
6
+ color?: string;
7
+ }
8
+ type SelectRadialBarOwnProps = {
9
+ series: SelectRadialSeries[];
10
+ size?: number;
11
+ thickness?: number;
12
+ /** Space between concentric rings. */
13
+ gap?: number;
14
+ format?: (n: number) => string;
15
+ centerLabel?: ReactNode;
16
+ legend?: boolean;
17
+ };
18
+ export type SelectRadialBarProps = SelectRadialBarOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectRadialBarOwnProps>;
19
+ export declare const SelectRadialBar: import('react').ForwardRefExoticComponent<SelectRadialBarOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectRadialBarOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
20
+ export {};
@@ -0,0 +1,20 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectRadioOption {
3
+ value: string;
4
+ label: ReactNode;
5
+ description?: ReactNode;
6
+ /** Leading element (icon/avatar). */
7
+ leading?: ReactNode;
8
+ /** Trailing element (e.g. a SelectBadge). */
9
+ trailing?: ReactNode;
10
+ disabled?: boolean;
11
+ }
12
+ type SelectRadioGroupOwnProps = {
13
+ value: string;
14
+ onChange: (value: string) => void;
15
+ options: SelectRadioOption[];
16
+ name?: string;
17
+ };
18
+ export type SelectRadioGroupProps = SelectRadioGroupOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectRadioGroupOwnProps>;
19
+ export declare const SelectRadioGroup: import('react').ForwardRefExoticComponent<SelectRadioGroupOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectRadioGroupOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
20
+ export {};
@@ -0,0 +1,18 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectRangeDatum {
3
+ label: string;
4
+ start: number;
5
+ end: number;
6
+ color?: string;
7
+ }
8
+ type SelectRangeBarOwnProps = {
9
+ data: SelectRangeDatum[];
10
+ height?: number;
11
+ min?: number;
12
+ max?: number;
13
+ format?: (n: number) => string;
14
+ labelWidth?: number;
15
+ };
16
+ export type SelectRangeBarProps = SelectRangeBarOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectRangeBarOwnProps>;
17
+ export declare function SelectRangeBar({ data, height, min: minProp, max: maxProp, format, labelWidth, className, ...rest }: SelectRangeBarProps): import("react").JSX.Element;
18
+ export {};
@@ -0,0 +1,11 @@
1
+ export interface SelectRatingProps {
2
+ value: number;
3
+ max?: number;
4
+ /** Provide to make it interactive; omit for read-only. */
5
+ onChange?: (value: number) => void;
6
+ /** Star size in px. Default 20. */
7
+ size?: number;
8
+ label?: string;
9
+ disabled?: boolean;
10
+ }
11
+ export declare const SelectRating: import('react').ForwardRefExoticComponent<SelectRatingProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectRatingProps> & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,31 @@
1
+ import { ReactNode } from 'react';
2
+ export interface SelectRepeatingRowHelpers<T> {
3
+ index: number;
4
+ isFirst: boolean;
5
+ isLast: boolean;
6
+ canRemove: boolean;
7
+ /** Merge a partial patch into this row (object rows). */
8
+ update: (patch: Partial<T>) => void;
9
+ /** Replace this row wholesale. */
10
+ set: (next: T) => void;
11
+ remove: () => void;
12
+ moveUp: () => void;
13
+ moveDown: () => void;
14
+ }
15
+ export interface SelectRepeatingFieldArrayProps<T> {
16
+ items: T[];
17
+ onChange: (items: T[]) => void;
18
+ renderRow: (item: T, helpers: SelectRepeatingRowHelpers<T>) => ReactNode;
19
+ /** Factory for a new row when "Adicionar" is pressed. */
20
+ newItem: () => T;
21
+ addLabel?: string;
22
+ /** Per-row header label in 'card' chrome (defaults to `#index`). */
23
+ rowLabel?: (index: number, item: T) => ReactNode;
24
+ min?: number;
25
+ max?: number;
26
+ reorderable?: boolean;
27
+ chrome?: 'card' | 'bare';
28
+ emptyState?: ReactNode;
29
+ helpText?: ReactNode;
30
+ }
31
+ export declare function SelectRepeatingFieldArray<T extends object>({ items, onChange, renderRow, newItem, addLabel, rowLabel, min, max, reorderable, chrome, emptyState, helpText, }: SelectRepeatingFieldArrayProps<T>): import("react").JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ type SelectResendButtonOwnProps = {
3
+ onResend: () => void;
4
+ seconds?: number;
5
+ idleLabel?: string;
6
+ };
7
+ export type SelectResendButtonProps = SelectResendButtonOwnProps & Omit<ComponentPropsWithoutRef<'button'>, keyof SelectResendButtonOwnProps>;
8
+ export declare const SelectResendButton: import('react').ForwardRefExoticComponent<SelectResendButtonOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, keyof SelectResendButtonOwnProps> & import('react').RefAttributes<HTMLButtonElement>>;
9
+ export {};
@@ -0,0 +1,12 @@
1
+ import { ReactNode } from 'react';
2
+ export interface SelectRowAction {
3
+ content: string;
4
+ onAction?: () => void;
5
+ icon?: ReactNode;
6
+ destructive?: boolean;
7
+ disabled?: boolean;
8
+ }
9
+ export declare function SelectRowActions({ actions, label }: {
10
+ actions: SelectRowAction[];
11
+ label?: string;
12
+ }): import("react").JSX.Element;
@@ -0,0 +1,16 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectSankeyLink {
3
+ source: string;
4
+ target: string;
5
+ value: number;
6
+ }
7
+ type SelectSankeyOwnProps = {
8
+ links: SelectSankeyLink[];
9
+ height?: number;
10
+ format?: (n: number) => string;
11
+ nodeWidth?: number;
12
+ nodeGap?: number;
13
+ };
14
+ export type SelectSankeyProps = SelectSankeyOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSankeyOwnProps>;
15
+ export declare function SelectSankey({ links, height, format, nodeWidth, nodeGap, className, ...rest }: SelectSankeyProps): import("react").JSX.Element;
16
+ export {};
@@ -0,0 +1,26 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectScatterPoint {
3
+ x: number;
4
+ y: number;
5
+ /** Bubble weight (area-proportional). Omit for a plain dot. */
6
+ r?: number;
7
+ label?: string;
8
+ }
9
+ export interface SelectScatterSeries {
10
+ name: string;
11
+ color?: string;
12
+ points: SelectScatterPoint[];
13
+ }
14
+ type SelectScatterOwnProps = {
15
+ series: SelectScatterSeries[];
16
+ height?: number;
17
+ xFormat?: (n: number) => string;
18
+ yFormat?: (n: number) => string;
19
+ xMax?: number;
20
+ yMax?: number;
21
+ /** Largest bubble radius in px (when points carry `r`). */
22
+ maxRadius?: number;
23
+ };
24
+ export type SelectScatterProps = SelectScatterOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectScatterOwnProps>;
25
+ export declare function SelectScatter({ series, height, xFormat, yFormat, xMax: xMaxProp, yMax: yMaxProp, maxRadius, className, ...rest }: SelectScatterProps): import("react").JSX.Element;
26
+ export {};
@@ -0,0 +1,11 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ type SelectSearchInputOwnProps = {
3
+ value: string;
4
+ onChange: (value: string) => void;
5
+ placeholder?: string;
6
+ /** Right-aligned shortcut hint (rendered as a small chip). */
7
+ shortcut?: string;
8
+ };
9
+ export type SelectSearchInputProps = SelectSearchInputOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSearchInputOwnProps>;
10
+ export declare const SelectSearchInput: import('react').ForwardRefExoticComponent<SelectSearchInputOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSearchInputOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
11
+ export {};
@@ -0,0 +1,14 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ type SelectSectionOwnProps = {
3
+ title?: ReactNode;
4
+ /** Right-aligned action in the head (e.g. an "Editar" link). Ignored when collapsible. */
5
+ action?: ReactNode;
6
+ /** Make the head a button that expands/collapses the body. */
7
+ collapsible?: boolean;
8
+ /** Initial open state when collapsible. Default open. */
9
+ defaultOpen?: boolean;
10
+ children: ReactNode;
11
+ };
12
+ export type SelectSectionProps = SelectSectionOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSectionOwnProps>;
13
+ export declare const SelectSection: import('react').ForwardRefExoticComponent<SelectSectionOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSectionOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
14
+ export {};
@@ -0,0 +1,16 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ export interface SegmentedOption {
3
+ value: string;
4
+ label: ReactNode;
5
+ }
6
+ type SelectSegmentedOwnProps = {
7
+ value: string;
8
+ onChange: (value: string) => void;
9
+ options: SegmentedOption[];
10
+ ariaLabel?: string;
11
+ /** Stretch to 100% width with equal-width segments (forms/tabs). Default: hugs labels. */
12
+ fullWidth?: boolean;
13
+ };
14
+ export type SelectSegmentedProps = SelectSegmentedOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSegmentedOwnProps>;
15
+ export declare const SelectSegmented: import('react').ForwardRefExoticComponent<SelectSegmentedOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSegmentedOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
16
+ export {};
@@ -0,0 +1,26 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectSelectOption {
3
+ label: string;
4
+ value: string;
5
+ disabled?: boolean;
6
+ }
7
+ type SelectSelectOwnProps = {
8
+ label?: string;
9
+ value: string;
10
+ onChange: (value: string) => void;
11
+ options: SelectSelectOption[];
12
+ labelAction?: ReactNode;
13
+ info?: string;
14
+ description?: ReactNode;
15
+ hint?: string;
16
+ error?: string;
17
+ placeholder?: string;
18
+ name?: string;
19
+ required?: boolean;
20
+ disabled?: boolean;
21
+ /** Control density. Default `md`; use `sm` in dense surfaces and modal/card forms. */
22
+ size?: 'sm' | 'md';
23
+ };
24
+ export type SelectSelectProps = SelectSelectOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSelectOwnProps>;
25
+ export declare const SelectSelect: import('react').ForwardRefExoticComponent<SelectSelectOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSelectOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
26
+ export {};
@@ -0,0 +1,21 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ type SelectSettingListOwnProps = {
3
+ children: ReactNode;
4
+ };
5
+ export type SelectSettingListProps = SelectSettingListOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSettingListOwnProps>;
6
+ export declare const SelectSettingList: import('react').ForwardRefExoticComponent<SelectSettingListOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & import('react').RefAttributes<HTMLDivElement>>;
7
+ type SelectSettingRowOwnProps = {
8
+ /** Leading control (SelectSwitch / SelectCheckbox). Optional for header-only rows. */
9
+ control?: ReactNode;
10
+ title: ReactNode;
11
+ badge?: ReactNode;
12
+ description?: ReactNode;
13
+ /** Nested content under the description (action button, SelectNote, sub-rows). */
14
+ children?: ReactNode;
15
+ /** When set, the body expands/collapses (animated) with this flag — e.g. tie it to
16
+ * the row's switch so sub-options reveal when enabled. Omit to always show. */
17
+ bodyOpen?: boolean;
18
+ };
19
+ export type SelectSettingRowProps = SelectSettingRowOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSettingRowOwnProps>;
20
+ export declare const SelectSettingRow: import('react').ForwardRefExoticComponent<SelectSettingRowOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSettingRowOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
21
+ export {};
@@ -0,0 +1,20 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ export interface SideNavItem {
3
+ id: string;
4
+ label: ReactNode;
5
+ icon?: ReactNode;
6
+ children?: SideNavItem[];
7
+ }
8
+ export interface SideNavSection {
9
+ label?: string;
10
+ items: SideNavItem[];
11
+ }
12
+ type SelectSideNavOwnProps = {
13
+ sections: SideNavSection[];
14
+ active: string;
15
+ onSelect: (id: string) => void;
16
+ header?: ReactNode;
17
+ };
18
+ export type SelectSideNavProps = SelectSideNavOwnProps & Omit<ComponentPropsWithoutRef<'nav'>, keyof SelectSideNavOwnProps>;
19
+ export declare const SelectSideNav: import('react').ForwardRefExoticComponent<SelectSideNavOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, keyof SelectSideNavOwnProps> & import('react').RefAttributes<HTMLElement>>;
20
+ export {};
@@ -0,0 +1,17 @@
1
+ declare function SkeletonBody({ lines }: {
2
+ lines?: number;
3
+ }): import("react").JSX.Element;
4
+ declare function SkeletonDisplay({ size }: {
5
+ size?: 'small' | 'medium' | 'large' | 'extraLarge';
6
+ }): import("react").JSX.Element;
7
+ declare function SkeletonThumbnail({ size }: {
8
+ size?: 'small' | 'medium' | 'large';
9
+ }): import("react").JSX.Element;
10
+ export declare const SelectSkeleton: (({ lines }: {
11
+ lines?: number;
12
+ }) => import("react").JSX.Element) & {
13
+ Body: typeof SkeletonBody;
14
+ Display: typeof SkeletonDisplay;
15
+ Thumbnail: typeof SkeletonThumbnail;
16
+ };
17
+ export {};
@@ -0,0 +1,17 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectSlopeDatum {
3
+ label: string;
4
+ left: number;
5
+ right: number;
6
+ color?: string;
7
+ }
8
+ type SelectSlopeOwnProps = {
9
+ data: SelectSlopeDatum[];
10
+ leftLabel?: string;
11
+ rightLabel?: string;
12
+ height?: number;
13
+ format?: (n: number) => string;
14
+ };
15
+ export type SelectSlopeProps = SelectSlopeOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSlopeOwnProps>;
16
+ export declare function SelectSlope({ data, leftLabel, rightLabel, height, format, className, ...rest }: SelectSlopeProps): import("react").JSX.Element;
17
+ export {};
@@ -0,0 +1,9 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ type SelectSparklineOwnProps = {
3
+ data: number[];
4
+ color?: string;
5
+ height?: number;
6
+ };
7
+ export type SelectSparklineProps = SelectSparklineOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSparklineOwnProps>;
8
+ export declare function SelectSparkline({ data, color, height, className, ...rest }: SelectSparklineProps): import("react").JSX.Element;
9
+ export {};
@@ -0,0 +1,11 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ import { SelectChartSeries } from './chartUtils';
3
+ type SelectStackedAreaOwnProps = {
4
+ series: SelectChartSeries[];
5
+ labels: string[];
6
+ height?: number;
7
+ format?: (n: number) => string;
8
+ };
9
+ export type SelectStackedAreaProps = SelectStackedAreaOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectStackedAreaOwnProps>;
10
+ export declare function SelectStackedArea({ series, labels, height, format, className, ...rest }: SelectStackedAreaProps): import("react").JSX.Element;
11
+ export {};
@@ -0,0 +1,14 @@
1
+ import { ComponentProps } from 'react';
2
+ import { SelectBadge } from './SelectBadge';
3
+ type SelectBadgeTone = ComponentProps<typeof SelectBadge>['tone'];
4
+ export interface SelectStatusMeta {
5
+ label: string;
6
+ tone?: SelectBadgeTone;
7
+ }
8
+ /** Default map — transaction statuses (Polaris `attention` → Select `warning`). */
9
+ export declare const SELECT_TRANSACTION_STATUS: Record<string, SelectStatusMeta>;
10
+ export declare function SelectStatusBadge({ status, map, }: {
11
+ status: string;
12
+ map?: Record<string, SelectStatusMeta>;
13
+ }): import("react").JSX.Element;
14
+ export {};
@@ -0,0 +1,11 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ type SelectStepsOwnProps = {
3
+ steps: string[];
4
+ /** Zero-based index of the active step. */
5
+ current: number;
6
+ /** Optional — makes already-completed steps clickable (go back). */
7
+ onSelect?: (index: number) => void;
8
+ };
9
+ export type SelectStepsProps = SelectStepsOwnProps & Omit<ComponentPropsWithoutRef<'ol'>, keyof SelectStepsOwnProps>;
10
+ export declare const SelectSteps: import('react').ForwardRefExoticComponent<SelectStepsOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref">, keyof SelectStepsOwnProps> & import('react').RefAttributes<HTMLOListElement>>;
11
+ export {};
@@ -0,0 +1,11 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ import { SelectChartSeries } from './chartUtils';
3
+ type SelectStreamGraphOwnProps = {
4
+ series: SelectChartSeries[];
5
+ labels: string[];
6
+ height?: number;
7
+ format?: (n: number) => string;
8
+ };
9
+ export type SelectStreamGraphProps = SelectStreamGraphOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectStreamGraphOwnProps>;
10
+ export declare function SelectStreamGraph({ series, labels, height, format, className, ...rest }: SelectStreamGraphProps): import("react").JSX.Element;
11
+ export {};
@@ -0,0 +1,20 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ export interface SelectSunburstNode {
3
+ label: string;
4
+ value?: number;
5
+ color?: string;
6
+ children?: {
7
+ label: string;
8
+ value: number;
9
+ color?: string;
10
+ }[];
11
+ }
12
+ type SelectSunburstOwnProps = {
13
+ data: SelectSunburstNode[];
14
+ size?: number;
15
+ format?: (n: number) => string;
16
+ legend?: boolean;
17
+ };
18
+ export type SelectSunburstProps = SelectSunburstOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSunburstOwnProps>;
19
+ export declare const SelectSunburst: import('react').ForwardRefExoticComponent<SelectSunburstOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSunburstOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
20
+ export {};
@@ -0,0 +1,14 @@
1
+ import { ReactNode, ComponentPropsWithoutRef } from 'react';
2
+ type SelectSurfaceOwnProps = {
3
+ title?: ReactNode;
4
+ description?: ReactNode;
5
+ /** Right-aligned header element (e.g. a SelectAddButton / link). */
6
+ headerAction?: ReactNode;
7
+ footer?: ReactNode;
8
+ children: ReactNode;
9
+ /** Remove body padding so an edge-to-edge list/table sits flush inside the frame. */
10
+ flush?: boolean;
11
+ };
12
+ export type SelectSurfaceProps = SelectSurfaceOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SelectSurfaceOwnProps>;
13
+ export declare const SelectSurface: import('react').ForwardRefExoticComponent<SelectSurfaceOwnProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SelectSurfaceOwnProps> & import('react').RefAttributes<HTMLDivElement>>;
14
+ export {};