@gamecrafters/base-ui 0.0.8 → 0.0.10

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 (127) hide show
  1. package/build/components/aspect-ratio/AspectRatio.d.ts +1 -4
  2. package/build/components/aspect-ratio/AspectRatio.types.d.ts +1 -4
  3. package/build/components/bubble/Bubble.d.ts +10 -0
  4. package/build/components/bubble/Bubble.types.d.ts +29 -0
  5. package/build/components/bubble/BubbleContent.d.ts +7 -0
  6. package/build/components/bubble/BubbleContext.d.ts +2 -0
  7. package/build/components/bubble/BubbleGroup.d.ts +8 -0
  8. package/build/components/bubble/BubbleGroupContext.d.ts +2 -0
  9. package/build/components/bubble/BubbleReactions.d.ts +10 -0
  10. package/build/components/bubble/index.d.ts +33 -0
  11. package/build/components/clipboard/Clipboard.d.ts +12 -0
  12. package/build/components/clipboard/Clipboard.types.d.ts +37 -0
  13. package/build/components/clipboard/ClipboardContext.d.ts +2 -0
  14. package/build/components/clipboard/ClipboardIndicator.d.ts +7 -0
  15. package/build/components/clipboard/ClipboardInput.d.ts +4 -0
  16. package/build/components/clipboard/ClipboardTrigger.d.ts +8 -0
  17. package/build/components/clipboard/copyText.d.ts +1 -0
  18. package/build/components/clipboard/index.d.ts +30 -0
  19. package/build/components/flow/Flow.d.ts +12 -0
  20. package/build/components/flow/Flow.types.d.ts +71 -0
  21. package/build/components/flow/FlowConnectors.d.ts +18 -0
  22. package/build/components/flow/FlowContext.d.ts +2 -0
  23. package/build/components/flow/FlowList.d.ts +5 -0
  24. package/build/components/flow/FlowNode.d.ts +7 -0
  25. package/build/components/flow/FlowParallel.d.ts +6 -0
  26. package/build/components/flow/flowLayout.d.ts +7 -0
  27. package/build/components/flow/flowPath.d.ts +2 -0
  28. package/build/components/flow/index.d.ts +31 -0
  29. package/build/components/index.d.ts +11 -1
  30. package/build/components/label-group/LabelGroup.d.ts +9 -0
  31. package/build/components/label-group/LabelGroup.types.d.ts +9 -0
  32. package/build/components/label-group/index.d.ts +3 -0
  33. package/build/components/label-group/useClippedChildren.d.ts +8 -0
  34. package/build/components/message/Message.d.ts +9 -0
  35. package/build/components/message/Message.types.d.ts +29 -0
  36. package/build/components/message/MessageAvatar.d.ts +7 -0
  37. package/build/components/message/MessageContent.d.ts +7 -0
  38. package/build/components/message/MessageContext.d.ts +2 -0
  39. package/build/components/message/MessageFooter.d.ts +7 -0
  40. package/build/components/message/MessageGroup.d.ts +8 -0
  41. package/build/components/message/MessageGroupContext.d.ts +2 -0
  42. package/build/components/message/MessageHeader.d.ts +7 -0
  43. package/build/components/message/index.d.ts +42 -0
  44. package/build/components/meter/Meter.d.ts +15 -0
  45. package/build/components/meter/Meter.types.d.ts +41 -0
  46. package/build/components/meter/MeterContext.d.ts +2 -0
  47. package/build/components/meter/MeterIndicator.d.ts +7 -0
  48. package/build/components/meter/MeterLabel.d.ts +7 -0
  49. package/build/components/meter/MeterTrack.d.ts +7 -0
  50. package/build/components/meter/MeterValue.d.ts +6 -0
  51. package/build/components/meter/index.d.ts +40 -0
  52. package/build/components/meter/meterReading.d.ts +2 -0
  53. package/build/components/navigation-list/NavigationList.types.d.ts +53 -0
  54. package/build/components/navigation-list/NavigationListContext.d.ts +11 -0
  55. package/build/components/navigation-list/NavigationListGroup.d.ts +7 -0
  56. package/build/components/{nav-list/NavListGroupExpand.d.ts → navigation-list/NavigationListGroupExpand.d.ts} +3 -3
  57. package/build/components/navigation-list/NavigationListGroupHeading.d.ts +4 -0
  58. package/build/components/navigation-list/NavigationListHeading.d.ts +6 -0
  59. package/build/components/{nav-list/NavListItem.d.ts → navigation-list/NavigationListItem.d.ts} +1 -1
  60. package/build/components/navigation-list/NavigationListItemWithSubNavigation.d.ts +15 -0
  61. package/build/components/navigation-list/headingLevel.d.ts +3 -0
  62. package/build/components/{nav-list → navigation-list}/index.d.ts +15 -15
  63. package/build/components/navigation-menu/NavigationMenu.d.ts +13 -0
  64. package/build/components/navigation-menu/NavigationMenu.types.d.ts +90 -0
  65. package/build/components/navigation-menu/NavigationMenuContent.d.ts +10 -0
  66. package/build/components/navigation-menu/NavigationMenuContext.d.ts +8 -0
  67. package/build/components/navigation-menu/NavigationMenuDescription.d.ts +7 -0
  68. package/build/components/navigation-menu/NavigationMenuDivider.d.ts +6 -0
  69. package/build/components/navigation-menu/NavigationMenuGroup.d.ts +7 -0
  70. package/build/components/navigation-menu/NavigationMenuGroupHeading.d.ts +7 -0
  71. package/build/components/navigation-menu/NavigationMenuHeading.d.ts +6 -0
  72. package/build/components/navigation-menu/NavigationMenuItem.d.ts +7 -0
  73. package/build/components/navigation-menu/NavigationMenuLeadingVisual.d.ts +6 -0
  74. package/build/components/navigation-menu/NavigationMenuLink.d.ts +9 -0
  75. package/build/components/navigation-menu/NavigationMenuList.d.ts +6 -0
  76. package/build/components/navigation-menu/NavigationMenuSubNavigation.d.ts +6 -0
  77. package/build/components/navigation-menu/NavigationMenuTrailingVisual.d.ts +6 -0
  78. package/build/components/navigation-menu/NavigationMenuTrigger.d.ts +6 -0
  79. package/build/components/navigation-menu/NavigationMenuVisual.d.ts +2 -0
  80. package/build/components/navigation-menu/headingLevel.d.ts +3 -0
  81. package/build/components/navigation-menu/index.d.ts +66 -0
  82. package/build/components/popover/Popover.d.ts +10 -0
  83. package/build/components/popover/Popover.types.d.ts +25 -0
  84. package/build/components/popover/PopoverContent.d.ts +14 -0
  85. package/build/components/popover/PopoverContext.d.ts +2 -0
  86. package/build/components/popover/index.d.ts +24 -0
  87. package/build/components/splitter/Splitter.d.ts +7 -0
  88. package/build/components/splitter/Splitter.types.d.ts +23 -0
  89. package/build/components/splitter/SplitterPanel.d.ts +5 -0
  90. package/build/components/splitter/SplitterResizeTrigger.d.ts +5 -0
  91. package/build/components/splitter/SplitterResizeTriggerIndicator.d.ts +5 -0
  92. package/build/components/splitter/SplitterResizeTriggerSeparator.d.ts +5 -0
  93. package/build/components/splitter/index.d.ts +24 -0
  94. package/build/components/table-of-contents/TableOfContents.d.ts +7 -0
  95. package/build/components/table-of-contents/TableOfContents.types.d.ts +32 -0
  96. package/build/components/table-of-contents/TableOfContentsGroup.d.ts +9 -0
  97. package/build/components/table-of-contents/TableOfContentsItem.d.ts +8 -0
  98. package/build/components/table-of-contents/TableOfContentsList.d.ts +5 -0
  99. package/build/components/table-of-contents/TableOfContentsTitle.d.ts +7 -0
  100. package/build/components/table-of-contents/index.d.ts +32 -0
  101. package/build/components/table-of-contents/useTableOfContentsActiveId.d.ts +2 -0
  102. package/build/main.cjs.js +2 -2
  103. package/build/main.d.ts +1 -1
  104. package/build/main.esm.js +2 -2
  105. package/build/providers/direction/Direction.types.d.ts +11 -0
  106. package/build/providers/direction/DirectionContext.d.ts +3 -0
  107. package/build/providers/direction/DirectionProvider.d.ts +7 -0
  108. package/build/providers/direction/index.d.ts +4 -0
  109. package/build/providers/direction/useDirection.d.ts +2 -0
  110. package/build/providers/index.d.ts +2 -0
  111. package/build/styles/main.css +3 -1
  112. package/package.json +2 -1
  113. package/build/components/nav-list/NavList.types.d.ts +0 -53
  114. package/build/components/nav-list/NavListContext.d.ts +0 -11
  115. package/build/components/nav-list/NavListGroup.d.ts +0 -7
  116. package/build/components/nav-list/NavListGroupHeading.d.ts +0 -4
  117. package/build/components/nav-list/NavListHeading.d.ts +0 -6
  118. package/build/components/nav-list/NavListItemWithSubNav.d.ts +0 -15
  119. package/build/components/nav-list/headingLevel.d.ts +0 -3
  120. /package/build/components/{nav-list/NavList.d.ts → navigation-list/NavigationList.d.ts} +0 -0
  121. /package/build/components/{nav-list/NavListSubNav.d.ts → navigation-list/NavigationListSubNavigation.d.ts} +0 -0
  122. /package/build/{utilities/classnames.d.ts → lib/classnames/index.d.ts} +0 -0
  123. /package/build/{theme → providers/theme}/Theme.types.d.ts +0 -0
  124. /package/build/{theme → providers/theme}/ThemeContext.d.ts +0 -0
  125. /package/build/{theme → providers/theme}/ThemeProvider.d.ts +0 -0
  126. /package/build/{theme → providers/theme}/index.d.ts +0 -0
  127. /package/build/{theme → providers/theme}/useTheme.d.ts +0 -0
@@ -1,9 +1,6 @@
1
1
  import * as React from "react";
2
- import type { AspectRatioRatio } from "./AspectRatio.types";
3
2
  declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
4
- ratio?: AspectRatioRatio;
5
- width?: number;
6
- height?: number;
3
+ ratio?: number;
7
4
  className?: string;
8
5
  }, "as"> & {
9
6
  as?: As | undefined;
@@ -1,9 +1,6 @@
1
1
  import type * as React from "react";
2
2
  import type { PolymorphicProps } from "../../utilities/polymorphic";
3
- export type AspectRatioRatio = "1:1" | "16:9" | "4:3" | "custom";
4
3
  export type AspectRatioProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
5
- ratio?: AspectRatioRatio;
6
- width?: number;
7
- height?: number;
4
+ ratio?: number;
8
5
  className?: string;
9
6
  }>;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import type { BubbleAlign, BubbleVariant } from "./Bubble.types";
3
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
4
+ variant?: BubbleVariant;
5
+ align?: BubbleAlign;
6
+ className?: string;
7
+ }, "as"> & {
8
+ as?: As | undefined;
9
+ } & React.RefAttributes<any>) => React.ReactNode;
10
+ export default _default;
@@ -0,0 +1,29 @@
1
+ import type * as React from "react";
2
+ import type { PolymorphicProps } from "../../utilities/polymorphic";
3
+ export type BubbleAlign = "start" | "end";
4
+ export type BubbleVariant = "default" | "secondary" | "muted" | "tinted" | "outline" | "ghost" | "danger";
5
+ export type BubbleReactionsSide = "top" | "bottom";
6
+ export type BubbleGroupProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
7
+ align?: BubbleAlign;
8
+ className?: string;
9
+ }>;
10
+ export type BubbleProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
11
+ variant?: BubbleVariant;
12
+ align?: BubbleAlign;
13
+ className?: string;
14
+ }>;
15
+ export type BubbleContentProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
16
+ className?: string;
17
+ }>;
18
+ export type BubbleReactionsProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
19
+ side?: BubbleReactionsSide;
20
+ align?: BubbleAlign;
21
+ className?: string;
22
+ }>;
23
+ export type BubbleContextValue = {
24
+ align?: BubbleAlign;
25
+ variant?: BubbleVariant;
26
+ };
27
+ export type BubbleGroupContextValue = {
28
+ align?: BubbleAlign;
29
+ };
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
3
+ className?: string;
4
+ }, "as"> & {
5
+ as?: As | undefined;
6
+ } & React.RefAttributes<any>) => React.ReactNode;
7
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import type { BubbleContextValue } from "./Bubble.types";
2
+ export declare const BubbleContext: import("react").Context<BubbleContextValue>;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
3
+ align?: import("./Bubble.types").BubbleAlign;
4
+ className?: string;
5
+ }, "as"> & {
6
+ as?: As | undefined;
7
+ } & React.RefAttributes<any>) => React.ReactNode;
8
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import type { BubbleGroupContextValue } from "./Bubble.types";
2
+ export declare const BubbleGroupContext: import("react").Context<BubbleGroupContextValue>;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import type { BubbleAlign, BubbleReactionsSide } from "./Bubble.types";
3
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
4
+ side?: BubbleReactionsSide;
5
+ align?: BubbleAlign;
6
+ className?: string;
7
+ }, "as"> & {
8
+ as?: As | undefined;
9
+ } & React.RefAttributes<any>) => React.ReactNode;
10
+ export default _default;
@@ -0,0 +1,33 @@
1
+ import BubbleContent from "./BubbleContent";
2
+ import BubbleGroup from "./BubbleGroup";
3
+ import BubbleReactions from "./BubbleReactions";
4
+ export declare const Bubble: (<As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
5
+ variant?: import("./Bubble.types").BubbleVariant;
6
+ align?: import("./Bubble.types").BubbleAlign;
7
+ className?: string;
8
+ }, "as"> & {
9
+ as?: As | undefined;
10
+ } & import("react").RefAttributes<any>) => React.ReactNode) & {
11
+ Group: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
12
+ align?: import("./Bubble.types").BubbleAlign;
13
+ className?: string;
14
+ }, "as"> & {
15
+ as?: As | undefined;
16
+ } & import("react").RefAttributes<any>) => React.ReactNode;
17
+ Content: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
18
+ className?: string;
19
+ }, "as"> & {
20
+ as?: As | undefined;
21
+ } & import("react").RefAttributes<any>) => React.ReactNode;
22
+ Reactions: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
23
+ side?: import("./Bubble.types").BubbleReactionsSide;
24
+ align?: import("./Bubble.types").BubbleAlign;
25
+ className?: string;
26
+ }, "as"> & {
27
+ as?: As | undefined;
28
+ } & import("react").RefAttributes<any>) => React.ReactNode;
29
+ };
30
+ export { BubbleGroup, BubbleContent, BubbleReactions };
31
+ export { BubbleContext } from "./BubbleContext";
32
+ export { BubbleGroupContext } from "./BubbleGroupContext";
33
+ export * from "./Bubble.types";
@@ -0,0 +1,12 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "div">(props: Omit<import("../../utilities/polymorphic").PolymorphicProps<As, "div", {
3
+ value: string;
4
+ timeout?: number;
5
+ disabled?: boolean;
6
+ copiedAnnouncement?: string;
7
+ className?: string;
8
+ }>, "onCopy"> & {
9
+ onCopy?: (value: string) => void;
10
+ onCopyError?: (error: unknown) => void;
11
+ } & React.RefAttributes<any>) => React.ReactNode;
12
+ export default _default;
@@ -0,0 +1,37 @@
1
+ import type * as React from "react";
2
+ import type { PolymorphicProps } from "../../utilities/polymorphic";
3
+ import type { ButtonSize, ButtonVariant } from "../button";
4
+ import type { TextInputProps } from "../text-input/TextInput.types";
5
+ type ClipboardOwnProps = {
6
+ value: string;
7
+ timeout?: number;
8
+ disabled?: boolean;
9
+ copiedAnnouncement?: string;
10
+ className?: string;
11
+ };
12
+ type ClipboardCallbacks = {
13
+ onCopy?: (value: string) => void;
14
+ onCopyError?: (error: unknown) => void;
15
+ };
16
+ export type ClipboardProps<As extends React.ElementType = "div"> = Omit<PolymorphicProps<As, "div", ClipboardOwnProps>, "onCopy"> & ClipboardCallbacks;
17
+ export type ClipboardElementProps = ClipboardProps<"div">;
18
+ export type ClipboardInputProps = Omit<TextInputProps, "value" | "defaultValue" | "onChange" | "readOnly" | "type">;
19
+ export type ClipboardTriggerProps = Omit<React.ComponentPropsWithoutRef<"button">, "type" | "aria-label" | "aria-labelledby"> & {
20
+ variant?: ButtonVariant;
21
+ size?: ButtonSize;
22
+ label?: string;
23
+ className?: string;
24
+ };
25
+ export type ClipboardIndicatorProps = React.SVGAttributes<SVGSVGElement> & {
26
+ copyIcon?: React.ElementType;
27
+ copiedIcon?: React.ElementType;
28
+ className?: string;
29
+ };
30
+ export type ClipboardContextValue = {
31
+ value?: string;
32
+ copied?: boolean;
33
+ disabled?: boolean;
34
+ copy?: () => void;
35
+ inputId?: string;
36
+ };
37
+ export {};
@@ -0,0 +1,2 @@
1
+ import type { ClipboardContextValue } from "./Clipboard.types";
2
+ export declare const ClipboardContext: import("react").Context<ClipboardContextValue>;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const _default: (props: React.SVGAttributes<SVGSVGElement> & {
3
+ copyIcon?: React.ElementType;
4
+ copiedIcon?: React.ElementType;
5
+ className?: string;
6
+ } & React.RefAttributes<any>) => React.ReactNode;
7
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ import type { ClipboardInputProps } from "./Clipboard.types";
3
+ declare const _default: (props: ClipboardInputProps & React.RefAttributes<any>) => React.ReactNode;
4
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type" | "aria-label" | "aria-labelledby"> & {
3
+ variant?: import("..").ButtonVariant;
4
+ size?: import("..").ButtonSize;
5
+ label?: string;
6
+ className?: string;
7
+ } & React.RefAttributes<any>) => React.ReactNode;
8
+ export default _default;
@@ -0,0 +1 @@
1
+ export declare const copyText: (value: string) => Promise<void>;
@@ -0,0 +1,30 @@
1
+ import ClipboardIndicator from "./ClipboardIndicator";
2
+ import ClipboardInput from "./ClipboardInput";
3
+ import ClipboardTrigger from "./ClipboardTrigger";
4
+ export declare const Clipboard: (<As extends React.ElementType = "div">(props: Omit<import("../../utilities/polymorphic").PolymorphicProps<As, "div", {
5
+ value: string;
6
+ timeout?: number;
7
+ disabled?: boolean;
8
+ copiedAnnouncement?: string;
9
+ className?: string;
10
+ }>, "onCopy"> & {
11
+ onCopy?: (value: string) => void;
12
+ onCopyError?: (error: unknown) => void;
13
+ } & import("react").RefAttributes<any>) => React.ReactNode) & {
14
+ Input: (props: import("./Clipboard.types").ClipboardInputProps & import("react").RefAttributes<any>) => React.ReactNode;
15
+ Trigger: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type" | "aria-label" | "aria-labelledby"> & {
16
+ variant?: import("..").ButtonVariant;
17
+ size?: import("..").ButtonSize;
18
+ label?: string;
19
+ className?: string;
20
+ } & import("react").RefAttributes<any>) => React.ReactNode;
21
+ Indicator: (props: import("react").SVGAttributes<SVGSVGElement> & {
22
+ copyIcon?: React.ElementType;
23
+ copiedIcon?: React.ElementType;
24
+ className?: string;
25
+ } & import("react").RefAttributes<any>) => React.ReactNode;
26
+ };
27
+ export { ClipboardInput, ClipboardTrigger, ClipboardIndicator };
28
+ export { ClipboardContext } from "./ClipboardContext";
29
+ export { copyText } from "./copyText";
30
+ export * from "./Clipboard.types";
@@ -0,0 +1,12 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
3
+ orientation?: import("./Flow.types").FlowOrientation;
4
+ align?: import("./Flow.types").FlowAlign;
5
+ columnGap?: number;
6
+ rowGap?: number;
7
+ cornerRadius?: number;
8
+ className?: string;
9
+ }, "as"> & {
10
+ as?: As | undefined;
11
+ } & React.RefAttributes<any>) => React.ReactNode;
12
+ export default _default;
@@ -0,0 +1,71 @@
1
+ import type * as React from "react";
2
+ import type { PolymorphicProps } from "../../utilities/polymorphic";
3
+ export type FlowOrientation = "horizontal" | "vertical";
4
+ export type FlowAlign = "start" | "center";
5
+ export type FlowBranchAlign = "start" | "end";
6
+ export type FlowTreeNode = {
7
+ kind: "node";
8
+ id: string;
9
+ disabled?: boolean;
10
+ } | {
11
+ kind: "list";
12
+ children: FlowTreeNode[];
13
+ } | {
14
+ kind: "parallel";
15
+ align?: FlowBranchAlign;
16
+ children: FlowTreeNode[];
17
+ };
18
+ export type FlowSize = {
19
+ width: number;
20
+ height: number;
21
+ };
22
+ export type FlowPoint = {
23
+ x: number;
24
+ y: number;
25
+ };
26
+ export type FlowRect = FlowPoint & FlowSize;
27
+ export type FlowSizes = Record<string, FlowSize>;
28
+ export type FlowPositions = Record<string, FlowPoint>;
29
+ export type FlowEdge = {
30
+ from: string;
31
+ to: string;
32
+ disabled?: boolean;
33
+ };
34
+ export type FlowLayoutOptions = {
35
+ sizes: FlowSizes;
36
+ orientation: FlowOrientation;
37
+ align: FlowAlign;
38
+ columnGap: number;
39
+ rowGap: number;
40
+ };
41
+ type FlowOwnProps = {
42
+ orientation?: FlowOrientation;
43
+ align?: FlowAlign;
44
+ columnGap?: number;
45
+ rowGap?: number;
46
+ cornerRadius?: number;
47
+ className?: string;
48
+ };
49
+ export type FlowProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", FlowOwnProps>;
50
+ export type FlowNodeProps = Omit<React.ComponentPropsWithoutRef<"li">, "id"> & {
51
+ id?: string;
52
+ disabled?: boolean;
53
+ className?: string;
54
+ };
55
+ export type FlowListProps = React.ComponentPropsWithoutRef<"li"> & {
56
+ className?: string;
57
+ };
58
+ export type FlowParallelProps = React.ComponentPropsWithoutRef<"li"> & {
59
+ align?: FlowBranchAlign;
60
+ className?: string;
61
+ };
62
+ export type FlowConnectorsProps = Omit<React.ComponentPropsWithoutRef<"svg">, "children"> & {
63
+ className?: string;
64
+ };
65
+ export type FlowContextValue = {
66
+ orientation?: FlowOrientation;
67
+ positions?: FlowPositions;
68
+ measured?: boolean;
69
+ reportSize?: (id: string, size: FlowSize | null) => void;
70
+ };
71
+ export {};
@@ -0,0 +1,18 @@
1
+ import * as React from "react";
2
+ import type { FlowEdge, FlowOrientation, FlowPositions, FlowSizes } from "./Flow.types";
3
+ export type FlowConnectorsRenderProps = {
4
+ edges: FlowEdge[];
5
+ positions: FlowPositions;
6
+ sizes: FlowSizes;
7
+ orientation: FlowOrientation;
8
+ cornerRadius: number;
9
+ width: number;
10
+ height: number;
11
+ markerId: string;
12
+ className?: string;
13
+ };
14
+ declare const FlowConnectors: {
15
+ ({ edges, positions, sizes, orientation, cornerRadius, width, height, markerId, className, }: FlowConnectorsRenderProps): React.JSX.Element;
16
+ displayName: string;
17
+ };
18
+ export default FlowConnectors;
@@ -0,0 +1,2 @@
1
+ import type { FlowContextValue } from "./Flow.types";
2
+ export declare const FlowContext: import("react").Context<FlowContextValue>;
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ declare const _default: (props: Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
3
+ className?: string;
4
+ } & React.RefAttributes<any>) => React.ReactNode;
5
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const _default: (props: Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "id"> & {
3
+ id?: string;
4
+ disabled?: boolean;
5
+ className?: string;
6
+ } & React.RefAttributes<any>) => React.ReactNode;
7
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare const _default: (props: Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
3
+ align?: import("./Flow.types").FlowBranchAlign;
4
+ className?: string;
5
+ } & React.RefAttributes<any>) => React.ReactNode;
6
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import type { FlowEdge, FlowLayoutOptions, FlowPositions, FlowSize, FlowSizes, FlowTreeNode } from "./Flow.types";
2
+ export declare const computePositions: (tree: FlowTreeNode, options: FlowLayoutOptions) => FlowPositions;
3
+ export declare const entryIds: (tree: FlowTreeNode) => string[];
4
+ export declare const exitIds: (tree: FlowTreeNode) => string[];
5
+ export declare const nodeIds: (tree: FlowTreeNode) => string[];
6
+ export declare const computeEdges: (tree: FlowTreeNode) => FlowEdge[];
7
+ export declare const computeFlowRect: (positions: FlowPositions, sizes: FlowSizes) => FlowSize;
@@ -0,0 +1,2 @@
1
+ import type { FlowOrientation, FlowRect } from "./Flow.types";
2
+ export declare const connectorPath: (from: FlowRect, to: FlowRect, orientation: FlowOrientation, cornerRadius: number) => string;
@@ -0,0 +1,31 @@
1
+ import FlowList from "./FlowList";
2
+ import FlowNode from "./FlowNode";
3
+ import FlowParallel from "./FlowParallel";
4
+ export declare const Flow: (<As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
5
+ orientation?: import("./Flow.types").FlowOrientation;
6
+ align?: import("./Flow.types").FlowAlign;
7
+ columnGap?: number;
8
+ rowGap?: number;
9
+ cornerRadius?: number;
10
+ className?: string;
11
+ }, "as"> & {
12
+ as?: As | undefined;
13
+ } & import("react").RefAttributes<any>) => React.ReactNode) & {
14
+ Node: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "id"> & {
15
+ id?: string;
16
+ disabled?: boolean;
17
+ className?: string;
18
+ } & import("react").RefAttributes<any>) => React.ReactNode;
19
+ List: (props: Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
20
+ className?: string;
21
+ } & import("react").RefAttributes<any>) => React.ReactNode;
22
+ Parallel: (props: Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
23
+ align?: import("./Flow.types").FlowBranchAlign;
24
+ className?: string;
25
+ } & import("react").RefAttributes<any>) => React.ReactNode;
26
+ };
27
+ export { FlowNode, FlowList, FlowParallel };
28
+ export { FlowContext } from "./FlowContext";
29
+ export { connectorPath } from "./flowPath";
30
+ export { computeEdges, computeFlowRect, computePositions, entryIds, exitIds, nodeIds, } from "./flowLayout";
31
+ export * from "./Flow.types";
@@ -12,6 +12,7 @@ export * from "./banner";
12
12
  export * from "./blankslate";
13
13
  export * from "./blockquote";
14
14
  export * from "./breadcrumbs";
15
+ export * from "./bubble";
15
16
  export * from "./button";
16
17
  export * from "./button-group";
17
18
  export * from "./calendar";
@@ -21,6 +22,7 @@ export * from "./chart";
21
22
  export * from "./checkbox";
22
23
  export * from "./checkbox-card";
23
24
  export * from "./checkbox-group";
25
+ export * from "./clipboard";
24
26
  export * from "./code";
25
27
  export * from "./code-block";
26
28
  export * from "./collapsible";
@@ -36,6 +38,7 @@ export * from "./em";
36
38
  export * from "./empty-state";
37
39
  export * from "./file-upload";
38
40
  export * from "./filtered-action-list";
41
+ export * from "./flow";
39
42
  export * from "./form-control";
40
43
  export * from "./heading";
41
44
  export * from "./hidden";
@@ -46,13 +49,17 @@ export * from "./image";
46
49
  export * from "./inline-message";
47
50
  export * from "./keybinding-hint";
48
51
  export * from "./label";
52
+ export * from "./label-group";
49
53
  export * from "./link";
50
54
  export * from "./link-button";
51
55
  export * from "./list";
52
56
  export * from "./mark";
53
57
  export * from "./markdown";
54
58
  export * from "./marquee";
55
- export * from "./nav-list";
59
+ export * from "./message";
60
+ export * from "./meter";
61
+ export * from "./navigation-list";
62
+ export * from "./navigation-menu";
56
63
  export * from "./number-input";
57
64
  export * from "./page-content";
58
65
  export * from "./page-footer";
@@ -63,6 +70,7 @@ export * from "./pagination";
63
70
  export * from "./password-input";
64
71
  export * from "./pin-input";
65
72
  export * from "./placeholder";
73
+ export * from "./popover";
66
74
  export * from "./portal";
67
75
  export * from "./progress-bar";
68
76
  export * from "./progress-circle";
@@ -83,11 +91,13 @@ export * from "./skeleton-box";
83
91
  export * from "./skeleton-text";
84
92
  export * from "./slider";
85
93
  export * from "./spinner";
94
+ export * from "./splitter";
86
95
  export * from "./stack";
87
96
  export * from "./state-label";
88
97
  export * from "./statistic-card";
89
98
  export * from "./status";
90
99
  export * from "./steps";
100
+ export * from "./table-of-contents";
91
101
  export * from "./tabs";
92
102
  export * from "./text";
93
103
  export * from "./text-input";
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "ul">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "ul" : As> & {
3
+ overflowStyle?: import("./LabelGroup.types").LabelGroupOverflowStyle;
4
+ visibleChildCount?: import("./LabelGroup.types").LabelGroupVisibleChildCount;
5
+ className?: string;
6
+ }, "as"> & {
7
+ as?: As | undefined;
8
+ } & React.RefAttributes<any>) => React.ReactNode;
9
+ export default _default;
@@ -0,0 +1,9 @@
1
+ import type * as React from "react";
2
+ import type { PolymorphicProps } from "../../utilities/polymorphic";
3
+ export type LabelGroupOverflowStyle = "inline" | "overlay";
4
+ export type LabelGroupVisibleChildCount = "auto" | number;
5
+ export type LabelGroupProps<As extends React.ElementType = "ul"> = PolymorphicProps<As, "ul", {
6
+ overflowStyle?: LabelGroupOverflowStyle;
7
+ visibleChildCount?: LabelGroupVisibleChildCount;
8
+ className?: string;
9
+ }>;
@@ -0,0 +1,3 @@
1
+ export { default as LabelGroup } from "./LabelGroup";
2
+ export { useClippedChildren } from "./useClippedChildren";
3
+ export * from "./LabelGroup.types";
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ export type ClippedChildrenOptions = {
3
+ containerRef: React.RefObject<HTMLElement | null>;
4
+ childCount: number;
5
+ reservedWidth: number;
6
+ disabled?: boolean;
7
+ };
8
+ export declare const useClippedChildren: ({ containerRef, childCount, reservedWidth, disabled, }: ClippedChildrenOptions) => ReadonlySet<number>;
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import type { MessageAlign } from "./Message.types";
3
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
4
+ align?: MessageAlign;
5
+ className?: string;
6
+ }, "as"> & {
7
+ as?: As | undefined;
8
+ } & React.RefAttributes<any>) => React.ReactNode;
9
+ export default _default;
@@ -0,0 +1,29 @@
1
+ import type * as React from "react";
2
+ import type { PolymorphicProps } from "../../utilities/polymorphic";
3
+ export type MessageAlign = "start" | "end";
4
+ export type MessageGroupProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
5
+ align?: MessageAlign;
6
+ className?: string;
7
+ }>;
8
+ export type MessageProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
9
+ align?: MessageAlign;
10
+ className?: string;
11
+ }>;
12
+ export type MessageAvatarProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
13
+ className?: string;
14
+ }>;
15
+ export type MessageContentProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
16
+ className?: string;
17
+ }>;
18
+ export type MessageHeaderProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
19
+ className?: string;
20
+ }>;
21
+ export type MessageFooterProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
22
+ className?: string;
23
+ }>;
24
+ export type MessageContextValue = {
25
+ align?: MessageAlign;
26
+ };
27
+ export type MessageGroupContextValue = {
28
+ align?: MessageAlign;
29
+ };
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
3
+ className?: string;
4
+ }, "as"> & {
5
+ as?: As | undefined;
6
+ } & React.RefAttributes<any>) => React.ReactNode;
7
+ export default _default;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
3
+ className?: string;
4
+ }, "as"> & {
5
+ as?: As | undefined;
6
+ } & React.RefAttributes<any>) => React.ReactNode;
7
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import type { MessageContextValue } from "./Message.types";
2
+ export declare const MessageContext: import("react").Context<MessageContextValue>;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
3
+ className?: string;
4
+ }, "as"> & {
5
+ as?: As | undefined;
6
+ } & React.RefAttributes<any>) => React.ReactNode;
7
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
3
+ align?: import("./Message.types").MessageAlign;
4
+ className?: string;
5
+ }, "as"> & {
6
+ as?: As | undefined;
7
+ } & React.RefAttributes<any>) => React.ReactNode;
8
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import type { MessageGroupContextValue } from "./Message.types";
2
+ export declare const MessageGroupContext: import("react").Context<MessageGroupContextValue>;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
3
+ className?: string;
4
+ }, "as"> & {
5
+ as?: As | undefined;
6
+ } & React.RefAttributes<any>) => React.ReactNode;
7
+ export default _default;