@gamecrafters/base-ui 0.0.6 → 0.0.8
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/build/components/chart/Chart.d.ts +3 -17
- package/build/components/chart/Chart.types.d.ts +107 -51
- package/build/components/chart/ChartContext.d.ts +3 -0
- package/build/components/chart/ChartGradient.d.ts +7 -0
- package/build/components/chart/ChartLegend.d.ts +6 -5
- package/build/components/chart/ChartRadialText.d.ts +7 -0
- package/build/components/chart/ChartTooltip.d.ts +6 -7
- package/build/components/chart/chartPalette.d.ts +13 -0
- package/build/components/chart/index.d.ts +14 -30
- package/build/components/chart/useChart.d.ts +3 -0
- package/build/components/checkbox-card/CheckboxCard.d.ts +14 -0
- package/build/components/checkbox-card/CheckboxCard.types.d.ts +26 -0
- package/build/components/checkbox-card/CheckboxCardContext.d.ts +2 -0
- package/build/components/checkbox-card/CheckboxCardLeadingVisual.d.ts +5 -0
- package/build/components/checkbox-card/index.d.ts +27 -0
- package/build/components/code/Code.d.ts +7 -0
- package/build/components/code/Code.types.d.ts +5 -0
- package/build/components/code/index.d.ts +2 -0
- package/build/components/code-block/CodeBlock.d.ts +12 -0
- package/build/components/code-block/CodeBlock.types.d.ts +40 -0
- package/build/components/code-block/CodeBlockCode.d.ts +7 -0
- package/build/components/code-block/CodeBlockContent.d.ts +7 -0
- package/build/components/code-block/CodeBlockContext.d.ts +2 -0
- package/build/components/code-block/CodeBlockHeader.d.ts +7 -0
- package/build/components/code-block/CodeBlockTitle.d.ts +7 -0
- package/build/components/code-block/highlightCode.d.ts +12 -0
- package/build/components/code-block/index.d.ts +38 -0
- package/build/components/{upload/Upload.d.ts → file-upload/FileUpload.d.ts} +5 -5
- package/build/components/file-upload/FileUpload.types.d.ts +51 -0
- package/build/components/file-upload/FileUploadContext.d.ts +2 -0
- package/build/components/file-upload/FileUploadDescription.d.ts +5 -0
- package/build/components/{upload/UploadItem.d.ts → file-upload/FileUploadItem.d.ts} +1 -1
- package/build/components/file-upload/FileUploadLabel.d.ts +5 -0
- package/build/components/{upload → file-upload}/files.d.ts +2 -2
- package/build/components/{upload → file-upload}/index.d.ts +14 -14
- package/build/components/highlight/Highlight.d.ts +11 -0
- package/build/components/highlight/Highlight.types.d.ts +15 -0
- package/build/components/highlight/highlightMatches.d.ts +2 -0
- package/build/components/highlight/index.d.ts +3 -0
- package/build/components/hover-card/HoverCard.d.ts +7 -0
- package/build/components/hover-card/HoverCard.types.d.ts +33 -0
- package/build/components/hover-card/HoverCardContent.d.ts +5 -0
- package/build/components/hover-card/HoverCardContext.d.ts +2 -0
- package/build/components/hover-card/HoverCardTrigger.d.ts +15 -0
- package/build/components/hover-card/index.d.ts +12 -0
- package/build/components/index.d.ts +21 -1
- package/build/components/list/List.d.ts +10 -0
- package/build/components/list/List.types.d.ts +12 -0
- package/build/components/list/ListItem.d.ts +7 -0
- package/build/components/list/index.d.ts +16 -0
- package/build/components/mark/Mark.d.ts +11 -0
- package/build/components/mark/Mark.types.d.ts +11 -0
- package/build/components/mark/index.d.ts +2 -0
- package/build/components/markdown/Markdown.d.ts +10 -0
- package/build/components/markdown/Markdown.types.d.ts +17 -0
- package/build/components/markdown/MarkdownProse.d.ts +8 -0
- package/build/components/markdown/index.d.ts +3 -0
- package/build/components/markdown/markdownTheme.d.ts +6 -0
- package/build/components/marquee/Marquee.d.ts +11 -0
- package/build/components/marquee/Marquee.types.d.ts +26 -0
- package/build/components/marquee/index.d.ts +3 -0
- package/build/components/marquee/useMarquee.d.ts +14 -0
- package/build/components/number-input/NumberInput.d.ts +14 -0
- package/build/components/number-input/NumberInput.types.d.ts +14 -0
- package/build/components/number-input/index.d.ts +3 -0
- package/build/components/number-input/numberValue.d.ts +7 -0
- package/build/components/password-input/PasswordInput.d.ts +11 -0
- package/build/components/password-input/PasswordInput.types.d.ts +10 -0
- package/build/components/password-input/index.d.ts +2 -0
- package/build/components/pin-input/PINInput.d.ts +22 -0
- package/build/components/pin-input/PINInput.types.d.ts +21 -0
- package/build/components/pin-input/index.d.ts +2 -0
- package/build/components/progress-circle/ProgressCircle.d.ts +11 -0
- package/build/components/progress-circle/ProgressCircle.types.d.ts +10 -0
- package/build/components/progress-circle/index.d.ts +2 -0
- package/build/components/qr-code/QRCode.d.ts +21 -0
- package/build/components/qr-code/QRCode.types.d.ts +35 -0
- package/build/components/qr-code/index.d.ts +2 -0
- package/build/components/radio-card/RadioCard.d.ts +14 -0
- package/build/components/radio-card/RadioCard.types.d.ts +26 -0
- package/build/components/radio-card/RadioCardContext.d.ts +2 -0
- package/build/components/radio-card/RadioCardDescription.d.ts +5 -0
- package/build/components/radio-card/RadioCardLabel.d.ts +5 -0
- package/build/components/radio-card/RadioCardLeadingVisual.d.ts +5 -0
- package/build/components/radio-card/index.d.ts +27 -0
- package/build/components/rating/Rating.d.ts +18 -0
- package/build/components/rating/Rating.types.d.ts +16 -0
- package/build/components/rating/index.d.ts +2 -0
- package/build/components/rich-text-editor/RichTextEditor.d.ts +15 -0
- package/build/components/rich-text-editor/RichTextEditor.types.d.ts +36 -0
- package/build/components/rich-text-editor/RichTextEditorContent.d.ts +5 -0
- package/build/components/rich-text-editor/RichTextEditorContext.d.ts +2 -0
- package/build/components/rich-text-editor/RichTextEditorToolbar.d.ts +8 -0
- package/build/components/rich-text-editor/index.d.ts +23 -0
- package/build/components/rich-text-editor/richTextEditorTheme.d.ts +4 -0
- package/build/components/statistic-card/StatisticCard.d.ts +5 -0
- package/build/components/statistic-card/StatisticCard.types.d.ts +26 -0
- package/build/components/statistic-card/StatisticCardContext.d.ts +2 -0
- package/build/components/statistic-card/StatisticCardDescription.d.ts +5 -0
- package/build/components/statistic-card/StatisticCardLabel.d.ts +5 -0
- package/build/components/statistic-card/StatisticCardTrailingVisual.d.ts +5 -0
- package/build/components/statistic-card/StatisticCardTrend.d.ts +8 -0
- package/build/components/statistic-card/StatisticCardValue.d.ts +5 -0
- package/build/components/statistic-card/index.d.ts +29 -0
- package/build/components/status/Status.d.ts +11 -0
- package/build/components/status/Status.types.d.ts +19 -0
- package/build/components/status/StatusContext.d.ts +2 -0
- package/build/components/status/StatusIndicator.d.ts +8 -0
- package/build/components/status/index.d.ts +17 -0
- package/build/components/steps/Steps.d.ts +10 -0
- package/build/components/steps/Steps.types.d.ts +31 -0
- package/build/components/steps/StepsBody.d.ts +5 -0
- package/build/components/steps/StepsDescription.d.ts +5 -0
- package/build/components/steps/StepsIndicator.d.ts +5 -0
- package/build/components/steps/StepsItem.d.ts +8 -0
- package/build/components/steps/StepsItemContext.d.ts +2 -0
- package/build/components/steps/StepsTitle.d.ts +5 -0
- package/build/components/steps/index.d.ts +35 -0
- package/build/components/steps/useStepsItem.d.ts +2 -0
- package/build/hooks/useSlots.d.ts +1 -4
- package/build/lib/qr-code/core/data.d.ts +13 -0
- package/build/lib/qr-code/core/errors.d.ts +12 -0
- package/build/lib/qr-code/core/format.d.ts +12 -0
- package/build/lib/qr-code/core/index.d.ts +16 -0
- package/build/lib/qr-code/core/mask.d.ts +19 -0
- package/build/lib/qr-code/core/matrix.d.ts +17 -0
- package/build/lib/qr-code/core/micro.d.ts +16 -0
- package/build/lib/qr-code/core/mode.d.ts +31 -0
- package/build/lib/qr-code/core/reed-solomon.d.ts +13 -0
- package/build/lib/qr-code/core/segment.d.ts +8 -0
- package/build/lib/qr-code/core/tables.d.ts +49 -0
- package/build/lib/qr-code/core/types.d.ts +36 -0
- package/build/lib/qr-code/core/version.d.ts +18 -0
- package/build/lib/qr-code/index.d.ts +17 -0
- package/build/lib/qr-code/types/index.d.ts +65 -0
- package/build/lib/qr-code/utilities/adler32.d.ts +4 -0
- package/build/lib/qr-code/utilities/common.d.ts +2 -0
- package/build/lib/qr-code/utilities/crc32.d.ts +4 -0
- package/build/lib/qr-code/utilities/data-uri.d.ts +6 -0
- package/build/lib/qr-code/utilities/deflate.d.ts +6 -0
- package/build/lib/qr-code/utilities/gradient.d.ts +10 -0
- package/build/lib/qr-code/utilities/ico.d.ts +4 -0
- package/build/lib/qr-code/utilities/logo.d.ts +9 -0
- package/build/lib/qr-code/utilities/png-encoder.d.ts +5 -0
- package/build/lib/qr-code/utilities/shapes.d.ts +7 -0
- package/build/lib/qr-code/utilities/svg.d.ts +5 -0
- package/build/lib/qr-code/utilities/text.d.ts +11 -0
- package/build/main.cjs.js +2 -2
- package/build/main.esm.js +2 -2
- package/build/styles/main.css +1 -1
- package/package.json +12 -6
- package/build/components/chart/chartScales.d.ts +0 -36
- package/build/components/chart/useChartWidth.d.ts +0 -2
- package/build/components/upload/Upload.types.d.ts +0 -51
- package/build/components/upload/UploadContext.d.ts +0 -2
- /package/build/components/{upload/UploadDescription.d.ts → checkbox-card/CheckboxCardDescription.d.ts} +0 -0
- /package/build/components/{upload/UploadLabel.d.ts → checkbox-card/CheckboxCardLabel.d.ts} +0 -0
- /package/build/components/{upload/UploadIcon.d.ts → file-upload/FileUploadIcon.d.ts} +0 -0
- /package/build/components/{upload/UploadList.d.ts → file-upload/FileUploadList.d.ts} +0 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
export type FileUploadSize = "small" | "medium" | "large";
|
|
3
|
+
export type FileUploadValidationStatus = "error" | "success";
|
|
4
|
+
export type FileUploadSource = "input" | "drop";
|
|
5
|
+
export type FileUploadRejectionReason = "type" | "size" | "count";
|
|
6
|
+
export type FileUploadRejection = {
|
|
7
|
+
file: File;
|
|
8
|
+
reason: FileUploadRejectionReason;
|
|
9
|
+
};
|
|
10
|
+
export type FileUploadItemStatus = "pending" | "uploading" | "success" | "error";
|
|
11
|
+
export type FileUploadProps = Omit<React.ComponentPropsWithoutRef<"div">, "onSelect"> & {
|
|
12
|
+
size?: FileUploadSize;
|
|
13
|
+
accept?: string;
|
|
14
|
+
multiple?: boolean;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
name?: string;
|
|
18
|
+
maxSize?: number;
|
|
19
|
+
validationStatus?: FileUploadValidationStatus;
|
|
20
|
+
onSelect?: (files: File[], source: FileUploadSource) => void;
|
|
21
|
+
onReject?: (rejections: FileUploadRejection[], source: FileUploadSource) => void;
|
|
22
|
+
className?: string;
|
|
23
|
+
};
|
|
24
|
+
export type FileUploadIconProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
25
|
+
icon?: React.ElementType;
|
|
26
|
+
className?: string;
|
|
27
|
+
};
|
|
28
|
+
export type FileUploadLabelProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
29
|
+
className?: string;
|
|
30
|
+
};
|
|
31
|
+
export type FileUploadDescriptionProps = React.ComponentPropsWithoutRef<"span"> & {
|
|
32
|
+
className?: string;
|
|
33
|
+
};
|
|
34
|
+
export type FileUploadListProps = React.ComponentPropsWithoutRef<"ul"> & {
|
|
35
|
+
className?: string;
|
|
36
|
+
};
|
|
37
|
+
export type FileUploadItemProps = React.ComponentPropsWithoutRef<"li"> & {
|
|
38
|
+
name: string;
|
|
39
|
+
fileSize?: number;
|
|
40
|
+
status?: FileUploadItemStatus;
|
|
41
|
+
progress?: number;
|
|
42
|
+
description?: React.ReactNode;
|
|
43
|
+
icon?: React.ElementType;
|
|
44
|
+
onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
45
|
+
removeLabel?: string;
|
|
46
|
+
className?: string;
|
|
47
|
+
};
|
|
48
|
+
export type FileUploadContextValue = {
|
|
49
|
+
labelId?: string;
|
|
50
|
+
descriptionId?: string;
|
|
51
|
+
};
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
declare const _default: (props: Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
3
3
|
name: string;
|
|
4
4
|
fileSize?: number;
|
|
5
|
-
status?: import("./
|
|
5
|
+
status?: import("./FileUpload.types").FileUploadItemStatus;
|
|
6
6
|
progress?: number;
|
|
7
7
|
description?: React.ReactNode;
|
|
8
8
|
icon?: React.ElementType;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { FileUploadRejection } from "./FileUpload.types";
|
|
2
2
|
export declare const formatFileSize: (bytes: number) => string;
|
|
3
3
|
export declare const isFileAccepted: (file: File, accept?: string) => boolean;
|
|
4
4
|
export type FileTriage = {
|
|
5
5
|
accepted: File[];
|
|
6
|
-
rejected:
|
|
6
|
+
rejected: FileUploadRejection[];
|
|
7
7
|
};
|
|
8
8
|
export type FileTriageOptions = {
|
|
9
9
|
accept?: string;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
export declare const
|
|
7
|
-
size?: import("./
|
|
1
|
+
import FileUploadDescription from "./FileUploadDescription";
|
|
2
|
+
import FileUploadIcon from "./FileUploadIcon";
|
|
3
|
+
import FileUploadItem from "./FileUploadItem";
|
|
4
|
+
import FileUploadLabel from "./FileUploadLabel";
|
|
5
|
+
import FileUploadList from "./FileUploadList";
|
|
6
|
+
export declare const FileUpload: ((props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onSelect"> & {
|
|
7
|
+
size?: import("./FileUpload.types").FileUploadSize;
|
|
8
8
|
accept?: string;
|
|
9
9
|
multiple?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
required?: boolean;
|
|
12
12
|
name?: string;
|
|
13
13
|
maxSize?: number;
|
|
14
|
-
validationStatus?: import("./
|
|
15
|
-
onSelect?: (files: File[], source: import("./
|
|
16
|
-
onReject?: (rejections: import("./
|
|
14
|
+
validationStatus?: import("./FileUpload.types").FileUploadValidationStatus;
|
|
15
|
+
onSelect?: (files: File[], source: import("./FileUpload.types").FileUploadSource) => void;
|
|
16
|
+
onReject?: (rejections: import("./FileUpload.types").FileUploadRejection[], source: import("./FileUpload.types").FileUploadSource) => void;
|
|
17
17
|
className?: string;
|
|
18
18
|
} & import("react").RefAttributes<any>) => React.ReactNode) & {
|
|
19
19
|
Icon: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
@@ -32,7 +32,7 @@ export declare const Upload: ((props: Omit<Omit<import("react").DetailedHTMLProp
|
|
|
32
32
|
Item: (props: Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
33
33
|
name: string;
|
|
34
34
|
fileSize?: number;
|
|
35
|
-
status?: import("./
|
|
35
|
+
status?: import("./FileUpload.types").FileUploadItemStatus;
|
|
36
36
|
progress?: number;
|
|
37
37
|
description?: React.ReactNode;
|
|
38
38
|
icon?: React.ElementType;
|
|
@@ -41,8 +41,8 @@ export declare const Upload: ((props: Omit<Omit<import("react").DetailedHTMLProp
|
|
|
41
41
|
className?: string;
|
|
42
42
|
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
43
43
|
};
|
|
44
|
-
export {
|
|
45
|
-
export {
|
|
44
|
+
export { FileUploadIcon, FileUploadLabel, FileUploadDescription, FileUploadList, FileUploadItem };
|
|
45
|
+
export { FileUploadContext } from "./FileUploadContext";
|
|
46
46
|
export { formatFileSize, isFileAccepted, triageFiles } from "./files";
|
|
47
47
|
export type { FileTriage, FileTriageOptions } from "./files";
|
|
48
|
-
export * from "./
|
|
48
|
+
export * from "./FileUpload.types";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: <As extends React.ElementType = "span">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "span" : As> & {
|
|
3
|
+
children?: string;
|
|
4
|
+
match?: import("./Highlight.types").HighlightMatch;
|
|
5
|
+
caseSensitive?: boolean;
|
|
6
|
+
variant?: import("..").MarkVariant;
|
|
7
|
+
className?: string;
|
|
8
|
+
}, "as"> & {
|
|
9
|
+
as?: As | undefined;
|
|
10
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { PolymorphicProps } from "../../utilities/polymorphic";
|
|
3
|
+
import type { MarkVariant } from "../mark";
|
|
4
|
+
export type HighlightMatch = string | string[];
|
|
5
|
+
export type HighlightChunk = {
|
|
6
|
+
text: string;
|
|
7
|
+
matched: boolean;
|
|
8
|
+
};
|
|
9
|
+
export type HighlightProps<As extends React.ElementType = "span"> = PolymorphicProps<As, "span", {
|
|
10
|
+
children?: string;
|
|
11
|
+
match?: HighlightMatch;
|
|
12
|
+
caseSensitive?: boolean;
|
|
13
|
+
variant?: MarkVariant;
|
|
14
|
+
className?: string;
|
|
15
|
+
}>;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { AnchorAlignment, AnchorSide } from "../tooltip/anchoredPosition";
|
|
3
|
+
export type HoverCardProps = {
|
|
4
|
+
side?: AnchorSide;
|
|
5
|
+
align?: AnchorAlignment;
|
|
6
|
+
anchorOffset?: number;
|
|
7
|
+
alignmentOffset?: number;
|
|
8
|
+
openDelay?: number;
|
|
9
|
+
closeDelay?: number;
|
|
10
|
+
open?: boolean;
|
|
11
|
+
onOpenChange?: (open: boolean) => void;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
portalContainerName?: string;
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
export type HoverCardTriggerProps = {
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
};
|
|
20
|
+
export type HoverCardContentProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
21
|
+
className?: string;
|
|
22
|
+
};
|
|
23
|
+
export type HoverCardTriggerHandlers = {
|
|
24
|
+
ref: React.Ref<HTMLElement>;
|
|
25
|
+
"aria-describedby"?: string;
|
|
26
|
+
onPointerEnter: React.PointerEventHandler;
|
|
27
|
+
onPointerLeave: React.PointerEventHandler;
|
|
28
|
+
onFocus: React.FocusEventHandler;
|
|
29
|
+
onBlur: React.FocusEventHandler;
|
|
30
|
+
};
|
|
31
|
+
export type HoverCardContextValue = {
|
|
32
|
+
triggerHandlers?: HoverCardTriggerHandlers;
|
|
33
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { HoverCardTriggerProps } from "./HoverCard.types";
|
|
3
|
+
type TriggerElementProps = {
|
|
4
|
+
ref?: React.Ref<HTMLElement>;
|
|
5
|
+
"aria-describedby"?: string;
|
|
6
|
+
onPointerEnter?: React.PointerEventHandler;
|
|
7
|
+
onPointerLeave?: React.PointerEventHandler;
|
|
8
|
+
onFocus?: React.FocusEventHandler;
|
|
9
|
+
onBlur?: React.FocusEventHandler;
|
|
10
|
+
};
|
|
11
|
+
declare function HoverCardTrigger(props: HoverCardTriggerProps): React.ReactElement<TriggerElementProps, string | React.JSXElementConstructor<any>> | null;
|
|
12
|
+
declare namespace HoverCardTrigger {
|
|
13
|
+
var displayName: string;
|
|
14
|
+
}
|
|
15
|
+
export default HoverCardTrigger;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import HoverCardBase from "./HoverCard";
|
|
2
|
+
import HoverCardContent from "./HoverCardContent";
|
|
3
|
+
import HoverCardTrigger from "./HoverCardTrigger";
|
|
4
|
+
export declare const HoverCard: typeof HoverCardBase & {
|
|
5
|
+
Trigger: typeof HoverCardTrigger;
|
|
6
|
+
Content: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
|
+
className?: string;
|
|
8
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export { HoverCardTrigger, HoverCardContent };
|
|
11
|
+
export { HoverCardContext } from "./HoverCardContext";
|
|
12
|
+
export * from "./HoverCard.types";
|
|
@@ -19,7 +19,10 @@ export * from "./card";
|
|
|
19
19
|
export * from "./carousel";
|
|
20
20
|
export * from "./chart";
|
|
21
21
|
export * from "./checkbox";
|
|
22
|
+
export * from "./checkbox-card";
|
|
22
23
|
export * from "./checkbox-group";
|
|
24
|
+
export * from "./code";
|
|
25
|
+
export * from "./code-block";
|
|
23
26
|
export * from "./collapsible";
|
|
24
27
|
export * from "./command-palette";
|
|
25
28
|
export * from "./confirmation-dialog";
|
|
@@ -31,10 +34,13 @@ export * from "./dialog";
|
|
|
31
34
|
export * from "./drawer";
|
|
32
35
|
export * from "./em";
|
|
33
36
|
export * from "./empty-state";
|
|
37
|
+
export * from "./file-upload";
|
|
34
38
|
export * from "./filtered-action-list";
|
|
35
39
|
export * from "./form-control";
|
|
36
40
|
export * from "./heading";
|
|
37
41
|
export * from "./hidden";
|
|
42
|
+
export * from "./highlight";
|
|
43
|
+
export * from "./hover-card";
|
|
38
44
|
export * from "./icon-button";
|
|
39
45
|
export * from "./image";
|
|
40
46
|
export * from "./inline-message";
|
|
@@ -42,19 +48,31 @@ export * from "./keybinding-hint";
|
|
|
42
48
|
export * from "./label";
|
|
43
49
|
export * from "./link";
|
|
44
50
|
export * from "./link-button";
|
|
51
|
+
export * from "./list";
|
|
52
|
+
export * from "./mark";
|
|
53
|
+
export * from "./markdown";
|
|
54
|
+
export * from "./marquee";
|
|
45
55
|
export * from "./nav-list";
|
|
56
|
+
export * from "./number-input";
|
|
46
57
|
export * from "./page-content";
|
|
47
58
|
export * from "./page-footer";
|
|
48
59
|
export * from "./page-header";
|
|
49
60
|
export * from "./page-layout";
|
|
50
61
|
export * from "./page-sidebar";
|
|
51
62
|
export * from "./pagination";
|
|
63
|
+
export * from "./password-input";
|
|
64
|
+
export * from "./pin-input";
|
|
52
65
|
export * from "./placeholder";
|
|
53
66
|
export * from "./portal";
|
|
54
67
|
export * from "./progress-bar";
|
|
68
|
+
export * from "./progress-circle";
|
|
69
|
+
export * from "./qr-code";
|
|
55
70
|
export * from "./radio";
|
|
71
|
+
export * from "./radio-card";
|
|
56
72
|
export * from "./radio-group";
|
|
73
|
+
export * from "./rating";
|
|
57
74
|
export * from "./relative-time";
|
|
75
|
+
export * from "./rich-text-editor";
|
|
58
76
|
export * from "./scrollable-region";
|
|
59
77
|
export * from "./segmented-control";
|
|
60
78
|
export * from "./select";
|
|
@@ -67,6 +85,9 @@ export * from "./slider";
|
|
|
67
85
|
export * from "./spinner";
|
|
68
86
|
export * from "./stack";
|
|
69
87
|
export * from "./state-label";
|
|
88
|
+
export * from "./statistic-card";
|
|
89
|
+
export * from "./status";
|
|
90
|
+
export * from "./steps";
|
|
70
91
|
export * from "./tabs";
|
|
71
92
|
export * from "./text";
|
|
72
93
|
export * from "./text-input";
|
|
@@ -79,4 +100,3 @@ export * from "./tooltip";
|
|
|
79
100
|
export * from "./topic-tag";
|
|
80
101
|
export * from "./tree-view";
|
|
81
102
|
export * from "./truncate";
|
|
82
|
-
export * from "./upload";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { ListSpacing, ListVariant } from "./List.types";
|
|
3
|
+
declare const _default: <As extends React.ElementType = "ul">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "ul" : As> & {
|
|
4
|
+
variant?: ListVariant;
|
|
5
|
+
spacing?: ListSpacing;
|
|
6
|
+
className?: string;
|
|
7
|
+
}, "as"> & {
|
|
8
|
+
as?: As | undefined;
|
|
9
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { PolymorphicProps } from "../../utilities/polymorphic";
|
|
3
|
+
export type ListVariant = "bullet" | "number" | "plain";
|
|
4
|
+
export type ListSpacing = "condensed" | "normal" | "spacious";
|
|
5
|
+
export type ListProps<As extends React.ElementType = "ul"> = PolymorphicProps<As, "ul", {
|
|
6
|
+
variant?: ListVariant;
|
|
7
|
+
spacing?: ListSpacing;
|
|
8
|
+
className?: string;
|
|
9
|
+
}>;
|
|
10
|
+
export type ListItemProps<As extends React.ElementType = "li"> = PolymorphicProps<As, "li", {
|
|
11
|
+
className?: string;
|
|
12
|
+
}>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: <As extends React.ElementType = "li">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "li" : As> & {
|
|
3
|
+
className?: string;
|
|
4
|
+
}, "as"> & {
|
|
5
|
+
as?: As | undefined;
|
|
6
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import ListItem from "./ListItem";
|
|
2
|
+
export declare const List: (<As extends React.ElementType = "ul">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "ul" : As> & {
|
|
3
|
+
variant?: import("./List.types").ListVariant;
|
|
4
|
+
spacing?: import("./List.types").ListSpacing;
|
|
5
|
+
className?: string;
|
|
6
|
+
}, "as"> & {
|
|
7
|
+
as?: As | undefined;
|
|
8
|
+
} & import("react").RefAttributes<any>) => React.ReactNode) & {
|
|
9
|
+
Item: <As extends React.ElementType = "li">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "li" : As> & {
|
|
10
|
+
className?: string;
|
|
11
|
+
}, "as"> & {
|
|
12
|
+
as?: As | undefined;
|
|
13
|
+
} & import("react").RefAttributes<any>) => React.ReactNode;
|
|
14
|
+
};
|
|
15
|
+
export { ListItem };
|
|
16
|
+
export * from "./List.types";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { MarkSize, MarkVariant, MarkWeight } from "./Mark.types";
|
|
3
|
+
declare const _default: <As extends React.ElementType = "mark">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "mark" : As> & {
|
|
4
|
+
variant?: MarkVariant;
|
|
5
|
+
size?: MarkSize;
|
|
6
|
+
weight?: MarkWeight;
|
|
7
|
+
className?: string;
|
|
8
|
+
}, "as"> & {
|
|
9
|
+
as?: As | undefined;
|
|
10
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { PolymorphicProps } from "../../utilities/polymorphic";
|
|
3
|
+
export type MarkVariant = "attention" | "accent" | "success" | "danger" | "neutral";
|
|
4
|
+
export type MarkSize = "large" | "medium" | "small";
|
|
5
|
+
export type MarkWeight = "light" | "normal" | "medium" | "semibold";
|
|
6
|
+
export type MarkProps<As extends React.ElementType = "mark"> = PolymorphicProps<As, "mark", {
|
|
7
|
+
variant?: MarkVariant;
|
|
8
|
+
size?: MarkSize;
|
|
9
|
+
weight?: MarkWeight;
|
|
10
|
+
className?: string;
|
|
11
|
+
}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & {
|
|
3
|
+
children?: string;
|
|
4
|
+
transformers?: import("@lexical/markdown").Transformer[];
|
|
5
|
+
preserveNewLines?: boolean;
|
|
6
|
+
namespace?: string;
|
|
7
|
+
onError?: (error: Error, editor: import("lexical").LexicalEditor) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { Transformer } from "@lexical/markdown";
|
|
3
|
+
import type { LexicalEditor } from "lexical";
|
|
4
|
+
export type MarkdownProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
|
|
5
|
+
children?: string;
|
|
6
|
+
transformers?: Transformer[];
|
|
7
|
+
preserveNewLines?: boolean;
|
|
8
|
+
namespace?: string;
|
|
9
|
+
onError?: (error: Error, editor: LexicalEditor) => void;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
export type MarkdownProseProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
|
|
13
|
+
source: string;
|
|
14
|
+
transformers: Transformer[];
|
|
15
|
+
preserveNewLines?: boolean;
|
|
16
|
+
className?: string;
|
|
17
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & {
|
|
3
|
+
source: string;
|
|
4
|
+
transformers: import("@lexical/markdown").Transformer[];
|
|
5
|
+
preserveNewLines?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Transformer } from "@lexical/markdown";
|
|
2
|
+
import type { EditorThemeClasses, Klass, LexicalNode } from "lexical";
|
|
3
|
+
export declare const DEFAULT_MARKDOWN_NAMESPACE = "Markdown";
|
|
4
|
+
export declare const MARKDOWN_NODES: readonly Klass<LexicalNode>[];
|
|
5
|
+
export declare const MARKDOWN_TRANSFORMERS: Transformer[];
|
|
6
|
+
export declare const markdownTheme: EditorThemeClasses;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { MarqueeSide, MarqueeSpacing } from "./Marquee.types";
|
|
3
|
+
declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
|
+
side?: MarqueeSide;
|
|
5
|
+
speed?: import("./Marquee.types").MarqueeSpeed;
|
|
6
|
+
spacing?: MarqueeSpacing;
|
|
7
|
+
pauseOnHover?: boolean;
|
|
8
|
+
paused?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
export type MarqueeSide = "start" | "end" | "top" | "bottom";
|
|
3
|
+
export type MarqueeAxis = "inline" | "block";
|
|
4
|
+
export type MarqueeSpeed = "slow" | "medium" | "fast";
|
|
5
|
+
export type MarqueeSpacing = "none" | "tight" | "condensed" | "cozy" | "normal" | "spacious";
|
|
6
|
+
export type MarqueeProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
7
|
+
side?: MarqueeSide;
|
|
8
|
+
speed?: MarqueeSpeed;
|
|
9
|
+
spacing?: MarqueeSpacing;
|
|
10
|
+
pauseOnHover?: boolean;
|
|
11
|
+
paused?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
export type UseMarqueeOptions = {
|
|
15
|
+
side?: MarqueeSide;
|
|
16
|
+
speed?: MarqueeSpeed;
|
|
17
|
+
};
|
|
18
|
+
export type UseMarqueeResult = {
|
|
19
|
+
rootRef: React.RefObject<HTMLDivElement | null>;
|
|
20
|
+
groupRef: React.RefObject<HTMLDivElement | null>;
|
|
21
|
+
axis: MarqueeAxis;
|
|
22
|
+
copies: number;
|
|
23
|
+
distance: number;
|
|
24
|
+
duration: number;
|
|
25
|
+
style: React.CSSProperties;
|
|
26
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { UseMarqueeOptions, UseMarqueeResult } from "./Marquee.types";
|
|
2
|
+
export declare const MARQUEE_SPEEDS: {
|
|
3
|
+
slow: number;
|
|
4
|
+
medium: number;
|
|
5
|
+
fast: number;
|
|
6
|
+
};
|
|
7
|
+
export declare const MARQUEE_AXES: {
|
|
8
|
+
start: "inline";
|
|
9
|
+
end: "inline";
|
|
10
|
+
top: "block";
|
|
11
|
+
bottom: "block";
|
|
12
|
+
};
|
|
13
|
+
export declare const MARQUEE_MINIMUM_COPIES = 2;
|
|
14
|
+
export declare const useMarquee: ({ side, speed, }?: UseMarqueeOptions) => UseMarqueeResult;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: (props: Omit<import("..").TextInputProps, "onChange" | "value" | "defaultValue" | "type" | "step" | "trailingAction" | "max" | "min" | "characterLimit"> & {
|
|
3
|
+
value?: number | null;
|
|
4
|
+
defaultValue?: number;
|
|
5
|
+
min?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
onChange?: (value: number | null, event?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
9
|
+
hideStepper?: boolean;
|
|
10
|
+
incrementLabel?: string;
|
|
11
|
+
decrementLabel?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
import type { TextInputProps } from "../text-input/TextInput.types";
|
|
3
|
+
export type NumberInputProps = Omit<TextInputProps, "type" | "value" | "defaultValue" | "min" | "max" | "step" | "onChange" | "characterLimit" | "trailingAction"> & {
|
|
4
|
+
value?: number | null;
|
|
5
|
+
defaultValue?: number;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
step?: number;
|
|
9
|
+
onChange?: (value: number | null, event?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
+
hideStepper?: boolean;
|
|
11
|
+
incrementLabel?: string;
|
|
12
|
+
decrementLabel?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const clampToRange: (value: number, min?: number, max?: number) => number;
|
|
2
|
+
export declare const stepValue: (value: number | null, direction: 1 | -1, { step, min, max }?: {
|
|
3
|
+
step?: number;
|
|
4
|
+
min?: number;
|
|
5
|
+
max?: number;
|
|
6
|
+
}) => number;
|
|
7
|
+
export declare const readValue: (input: HTMLInputElement) => number | null;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const _default: (props: Omit<import("..").TextInputProps, "type" | "trailingAction"> & {
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
defaultVisible?: boolean;
|
|
5
|
+
onVisibilityChange?: (visible: boolean) => void;
|
|
6
|
+
hideToggle?: boolean;
|
|
7
|
+
showLabel?: string;
|
|
8
|
+
hideLabel?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { TextInputProps } from "../text-input/TextInput.types";
|
|
2
|
+
export type PasswordInputProps = Omit<TextInputProps, "type" | "trailingAction"> & {
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
defaultVisible?: boolean;
|
|
5
|
+
onVisibilityChange?: (visible: boolean) => void;
|
|
6
|
+
hideToggle?: boolean;
|
|
7
|
+
showLabel?: string;
|
|
8
|
+
hideLabel?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { TextInputSize } from "../text-input/TextInput.types";
|
|
3
|
+
import type { PINInputType } from "./PINInput.types";
|
|
4
|
+
declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange" | "defaultValue"> & {
|
|
5
|
+
length?: number;
|
|
6
|
+
value?: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
type?: PINInputType;
|
|
9
|
+
mask?: boolean;
|
|
10
|
+
size?: TextInputSize;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
readOnly?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
validationStatus?: import("..").TextInputValidationStatus;
|
|
15
|
+
autoFocus?: boolean;
|
|
16
|
+
autoComplete?: string;
|
|
17
|
+
onChange?: (value: string) => void;
|
|
18
|
+
onComplete?: (value: string) => void;
|
|
19
|
+
boxLabel?: string;
|
|
20
|
+
className?: string;
|
|
21
|
+
} & React.RefAttributes<any>) => React.ReactNode;
|
|
22
|
+
export default _default;
|