@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
@@ -0,0 +1,42 @@
1
+ import MessageAvatar from "./MessageAvatar";
2
+ import MessageContent from "./MessageContent";
3
+ import MessageFooter from "./MessageFooter";
4
+ import MessageGroup from "./MessageGroup";
5
+ import MessageHeader from "./MessageHeader";
6
+ export declare const Message: (<As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
7
+ align?: import("./Message.types").MessageAlign;
8
+ className?: string;
9
+ }, "as"> & {
10
+ as?: As | undefined;
11
+ } & import("react").RefAttributes<any>) => React.ReactNode) & {
12
+ Group: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
13
+ align?: import("./Message.types").MessageAlign;
14
+ className?: string;
15
+ }, "as"> & {
16
+ as?: As | undefined;
17
+ } & import("react").RefAttributes<any>) => React.ReactNode;
18
+ Avatar: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
19
+ className?: string;
20
+ }, "as"> & {
21
+ as?: As | undefined;
22
+ } & import("react").RefAttributes<any>) => React.ReactNode;
23
+ Content: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
24
+ className?: string;
25
+ }, "as"> & {
26
+ as?: As | undefined;
27
+ } & import("react").RefAttributes<any>) => React.ReactNode;
28
+ Header: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
29
+ className?: string;
30
+ }, "as"> & {
31
+ as?: As | undefined;
32
+ } & import("react").RefAttributes<any>) => React.ReactNode;
33
+ Footer: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
34
+ className?: string;
35
+ }, "as"> & {
36
+ as?: As | undefined;
37
+ } & import("react").RefAttributes<any>) => React.ReactNode;
38
+ };
39
+ export { MessageGroup, MessageAvatar, MessageContent, MessageHeader, MessageFooter };
40
+ export { MessageContext } from "./MessageContext";
41
+ export { MessageGroupContext } from "./MessageGroupContext";
42
+ export * from "./Message.types";
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ import type { MeterSize, MeterVariant } from "./Meter.types";
3
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
4
+ value: number;
5
+ min?: number;
6
+ max?: number;
7
+ format?: Intl.NumberFormatOptions;
8
+ getAriaValueText?: (formattedValue: string, value: number) => string;
9
+ size?: MeterSize;
10
+ variant?: MeterVariant;
11
+ className?: string;
12
+ }, "as"> & {
13
+ as?: As | undefined;
14
+ } & React.RefAttributes<any>) => React.ReactNode;
15
+ export default _default;
@@ -0,0 +1,41 @@
1
+ import type * as React from "react";
2
+ import type { PolymorphicProps } from "../../utilities/polymorphic";
3
+ export type MeterSize = "small" | "medium" | "large";
4
+ export type MeterVariant = "accent" | "attention" | "danger" | "done" | "neutral" | "severe" | "sponsors" | "success";
5
+ type MeterOwnProps = {
6
+ value: number;
7
+ min?: number;
8
+ max?: number;
9
+ format?: Intl.NumberFormatOptions;
10
+ getAriaValueText?: (formattedValue: string, value: number) => string;
11
+ size?: MeterSize;
12
+ variant?: MeterVariant;
13
+ className?: string;
14
+ };
15
+ export type MeterProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", MeterOwnProps>;
16
+ export type MeterElementProps = MeterProps<"div">;
17
+ export type MeterLabelProps<As extends React.ElementType = "span"> = PolymorphicProps<As, "span", {
18
+ className?: string;
19
+ }>;
20
+ export type MeterValueRenderProps = {
21
+ formattedValue: string;
22
+ value: number;
23
+ };
24
+ export type MeterValueChildren = React.ReactNode | ((props: MeterValueRenderProps) => React.ReactNode);
25
+ export type MeterValueProps = Omit<React.ComponentPropsWithoutRef<"span">, "children"> & {
26
+ children?: MeterValueChildren;
27
+ className?: string;
28
+ };
29
+ export type MeterTrackProps<As extends React.ElementType = "span"> = PolymorphicProps<As, "span", {
30
+ className?: string;
31
+ }>;
32
+ export type MeterIndicatorProps<As extends React.ElementType = "span"> = PolymorphicProps<As, "span", {
33
+ className?: string;
34
+ }>;
35
+ export type MeterContextValue = {
36
+ value?: number;
37
+ percentage?: number;
38
+ formattedValue?: string;
39
+ labelId?: string;
40
+ };
41
+ export {};
@@ -0,0 +1,2 @@
1
+ import type { MeterContextValue } from "./Meter.types";
2
+ export declare const MeterContext: import("react").Context<MeterContextValue>;
@@ -0,0 +1,7 @@
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
+ 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 = "span">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "span" : 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 = "span">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "span" : As> & {
3
+ className?: string;
4
+ }, "as"> & {
5
+ as?: As | undefined;
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<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
3
+ children?: import("./Meter.types").MeterValueChildren;
4
+ className?: string;
5
+ } & React.RefAttributes<any>) => React.ReactNode;
6
+ export default _default;
@@ -0,0 +1,40 @@
1
+ import MeterIndicator from "./MeterIndicator";
2
+ import MeterLabel from "./MeterLabel";
3
+ import MeterTrack from "./MeterTrack";
4
+ import MeterValue from "./MeterValue";
5
+ export declare const Meter: (<As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "div" : As> & {
6
+ value: number;
7
+ min?: number;
8
+ max?: number;
9
+ format?: Intl.NumberFormatOptions;
10
+ getAriaValueText?: (formattedValue: string, value: number) => string;
11
+ size?: import("./Meter.types").MeterSize;
12
+ variant?: import("./Meter.types").MeterVariant;
13
+ className?: string;
14
+ }, "as"> & {
15
+ as?: As | undefined;
16
+ } & import("react").RefAttributes<any>) => React.ReactNode) & {
17
+ Label: <As extends React.ElementType = "span">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "span" : As> & {
18
+ className?: string;
19
+ }, "as"> & {
20
+ as?: As | undefined;
21
+ } & import("react").RefAttributes<any>) => React.ReactNode;
22
+ Value: (props: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & {
23
+ children?: import("./Meter.types").MeterValueChildren;
24
+ className?: string;
25
+ } & import("react").RefAttributes<any>) => React.ReactNode;
26
+ Track: <As extends React.ElementType = "span">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "span" : As> & {
27
+ className?: string;
28
+ }, "as"> & {
29
+ as?: As | undefined;
30
+ } & import("react").RefAttributes<any>) => React.ReactNode;
31
+ Indicator: <As extends React.ElementType = "span">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "span" : As> & {
32
+ className?: string;
33
+ }, "as"> & {
34
+ as?: As | undefined;
35
+ } & import("react").RefAttributes<any>) => React.ReactNode;
36
+ };
37
+ export { MeterLabel, MeterValue, MeterTrack, MeterIndicator };
38
+ export { MeterContext } from "./MeterContext";
39
+ export { formatMeterValue, valueToPercent } from "./meterReading";
40
+ export * from "./Meter.types";
@@ -0,0 +1,2 @@
1
+ export declare const valueToPercent: (value: number, min: number, max: number) => number;
2
+ export declare const formatMeterValue: (value: number, percentage: number, format?: Intl.NumberFormatOptions) => string;
@@ -0,0 +1,53 @@
1
+ import type * as React from "react";
2
+ import type { PolymorphicProps } from "../../utilities/polymorphic";
3
+ import type { ActionListDescriptionProps, ActionListDividerProps, ActionListGroupHeadingProps, ActionListTrailingActionProps, ActionListVisualProps } from "../action-list";
4
+ import type { ButtonVisual } from "../button";
5
+ export type NavigationListCurrent = "page" | "step" | "location" | "date" | "time" | "true" | "false";
6
+ export type NavigationListHeadingLevel = "h2" | "h3";
7
+ export type NavigationListProps = React.ComponentPropsWithoutRef<"nav"> & {
8
+ children?: React.ReactNode;
9
+ className?: string;
10
+ };
11
+ export type NavigationListHeadingProps = Omit<React.ComponentPropsWithoutRef<"h2">, "children"> & {
12
+ as?: NavigationListHeadingLevel;
13
+ visuallyHidden?: boolean;
14
+ children?: React.ReactNode;
15
+ className?: string;
16
+ };
17
+ export type NavigationListItemProps<As extends React.ElementType = "a"> = PolymorphicProps<As, "a", {
18
+ children?: React.ReactNode;
19
+ "aria-current"?: NavigationListCurrent | boolean;
20
+ defaultOpen?: boolean;
21
+ className?: string;
22
+ }>;
23
+ export type NavigationListSubNavigationProps = React.ComponentPropsWithoutRef<"ul"> & {
24
+ children?: React.ReactNode;
25
+ className?: string;
26
+ };
27
+ export type NavigationListGroupProps = React.ComponentPropsWithoutRef<"li"> & {
28
+ children?: React.ReactNode;
29
+ title?: string;
30
+ hideDivider?: boolean;
31
+ className?: string;
32
+ };
33
+ export type NavigationListGroupHeadingProps = ActionListGroupHeadingProps;
34
+ export type NavigationListGroupExpandItem = Omit<NavigationListItemProps, "children"> & {
35
+ text: string;
36
+ leadingVisual?: React.ElementType;
37
+ trailingVisual?: React.ElementType | React.ReactNode;
38
+ trailingAction?: NavigationListTrailingActionProps;
39
+ "data-expand-focus-target"?: string;
40
+ };
41
+ export type NavigationListGroupExpandProps = Omit<React.ComponentPropsWithoutRef<"li">, "children" | "onSelect"> & {
42
+ label?: string;
43
+ pages?: number;
44
+ items: NavigationListGroupExpandItem[];
45
+ renderItem?: (item: NavigationListGroupExpandItem) => React.ReactNode;
46
+ className?: string;
47
+ };
48
+ export type NavigationListDescriptionProps = ActionListDescriptionProps;
49
+ export type NavigationListLeadingVisualProps = ActionListVisualProps;
50
+ export type NavigationListTrailingVisualProps = ActionListVisualProps;
51
+ export type NavigationListTrailingActionProps = ActionListTrailingActionProps;
52
+ export type NavigationListDividerProps = ActionListDividerProps;
53
+ export type NavigationListVisual = ButtonVisual;
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ export declare const NavigationListHeadingLevelContext: React.Context<number | null>;
3
+ export declare const NavigationListDepthContext: React.Context<{
4
+ depth: number;
5
+ }>;
6
+ export type NavigationListItemWithSubNavigationContextValue = {
7
+ buttonId: string;
8
+ subNavigationId: string;
9
+ isOpen: boolean;
10
+ };
11
+ export declare const NavigationListItemWithSubNavigationContext: React.Context<NavigationListItemWithSubNavigationContextValue>;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import type { NavigationListGroupProps } from "./NavigationList.types";
3
+ declare function NavigationListGroup(props: NavigationListGroupProps): React.JSX.Element;
4
+ declare namespace NavigationListGroup {
5
+ var displayName: string;
6
+ }
7
+ export default NavigationListGroup;
@@ -1,10 +1,10 @@
1
1
  import * as React from "react";
2
- import type { NavListGroupExpandItem } from "./NavList.types";
2
+ import type { NavigationListGroupExpandItem } from "./NavigationList.types";
3
3
  declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "children" | "onSelect"> & {
4
4
  label?: string;
5
5
  pages?: number;
6
- items: NavListGroupExpandItem[];
7
- renderItem?: (item: NavListGroupExpandItem) => React.ReactNode;
6
+ items: NavigationListGroupExpandItem[];
7
+ renderItem?: (item: NavigationListGroupExpandItem) => React.ReactNode;
8
8
  className?: string;
9
9
  } & React.RefAttributes<HTMLButtonElement>>;
10
10
  export default _default;
@@ -0,0 +1,4 @@
1
+ import type { FCWithSlotMarker } from "../../utilities/types/slots";
2
+ import type { NavigationListGroupHeadingProps } from "./NavigationList.types";
3
+ declare const GroupHeading: FCWithSlotMarker<NavigationListGroupHeadingProps>;
4
+ export default GroupHeading;
@@ -0,0 +1,6 @@
1
+ import type { NavigationListHeadingProps } from "./NavigationList.types";
2
+ declare function NavigationListHeading(props: NavigationListHeadingProps): import("react").JSX.Element;
3
+ declare namespace NavigationListHeading {
4
+ var displayName: string;
5
+ }
6
+ export default NavigationListHeading;
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  declare const _default: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
3
3
  children?: React.ReactNode;
4
- "aria-current"?: import("./NavList.types").NavListCurrent | boolean;
4
+ "aria-current"?: import("./NavigationList.types").NavigationListCurrent | boolean;
5
5
  defaultOpen?: boolean;
6
6
  className?: string;
7
7
  }, "as"> & {
@@ -0,0 +1,15 @@
1
+ import * as React from "react";
2
+ import type { NavigationListSubNavigationProps } from "./NavigationList.types";
3
+ export type NavigationListItemWithSubNavigationProps = {
4
+ children?: React.ReactNode;
5
+ subNavigation: React.ReactElement<NavigationListSubNavigationProps & {
6
+ ref?: React.Ref<HTMLUListElement>;
7
+ }>;
8
+ defaultOpen?: boolean;
9
+ className?: string;
10
+ };
11
+ declare function NavigationListItemWithSubNavigation(props: NavigationListItemWithSubNavigationProps): React.JSX.Element;
12
+ declare namespace NavigationListItemWithSubNavigation {
13
+ var displayName: string;
14
+ }
15
+ export default NavigationListItemWithSubNavigation;
@@ -0,0 +1,3 @@
1
+ import type { NavigationListHeadingLevel } from "./NavigationList.types";
2
+ export declare const levelForHeadingTag: (as: NavigationListHeadingLevel) => number;
3
+ export declare const headingTagForLevel: (listLevel: number | null) => "h1" | "h2" | "h3" | "h4";
@@ -1,34 +1,34 @@
1
1
  import { ActionListDescription, ActionListDivider, ActionListLeadingVisual, ActionListTrailingVisual } from "../action-list";
2
- import NavListGroup from "./NavListGroup";
3
- import NavListGroupExpand from "./NavListGroupExpand";
4
- import NavListGroupHeading from "./NavListGroupHeading";
5
- import NavListHeading from "./NavListHeading";
6
- import NavListItem from "./NavListItem";
7
- import NavListSubNav from "./NavListSubNav";
8
- export declare const NavList: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
2
+ import NavigationListGroup from "./NavigationListGroup";
3
+ import NavigationListGroupExpand from "./NavigationListGroupExpand";
4
+ import NavigationListGroupHeading from "./NavigationListGroupHeading";
5
+ import NavigationListHeading from "./NavigationListHeading";
6
+ import NavigationListItem from "./NavigationListItem";
7
+ import NavigationListSubNavigation from "./NavigationListSubNavigation";
8
+ export declare const NavigationList: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
9
9
  children?: React.ReactNode;
10
10
  className?: string;
11
11
  } & import("react").RefAttributes<any>> & {
12
- Heading: typeof NavListHeading;
12
+ Heading: typeof NavigationListHeading;
13
13
  Item: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & {
14
14
  children?: React.ReactNode;
15
- "aria-current"?: import("./NavList.types").NavListCurrent | boolean;
15
+ "aria-current"?: import("./NavigationList.types").NavigationListCurrent | boolean;
16
16
  defaultOpen?: boolean;
17
17
  className?: string;
18
18
  }, "as"> & {
19
19
  as?: As | undefined;
20
20
  } & import("react").RefAttributes<any>) => React.ReactNode;
21
- SubNav: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
21
+ SubNavigation: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
22
22
  children?: React.ReactNode;
23
23
  className?: string;
24
24
  } & import("react").RefAttributes<any>) => React.ReactNode;
25
- Group: typeof NavListGroup;
25
+ Group: typeof NavigationListGroup;
26
26
  GroupHeading: import("../../utilities/types/slots").FCWithSlotMarker<import("..").ActionListGroupHeadingProps>;
27
27
  GroupExpand: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "children" | "onSelect"> & {
28
28
  label?: string;
29
29
  pages?: number;
30
- items: import("./NavList.types").NavListGroupExpandItem[];
31
- renderItem?: (item: import("./NavList.types").NavListGroupExpandItem) => React.ReactNode;
30
+ items: import("./NavigationList.types").NavigationListGroupExpandItem[];
31
+ renderItem?: (item: import("./NavigationList.types").NavigationListGroupExpandItem) => React.ReactNode;
32
32
  className?: string;
33
33
  } & import("react").RefAttributes<HTMLButtonElement>>;
34
34
  Description: typeof ActionListDescription;
@@ -41,5 +41,5 @@ export declare const NavList: import("react").ForwardRefExoticComponent<Omit<imp
41
41
  } & import("react").RefAttributes<any>) => React.ReactNode;
42
42
  Divider: typeof ActionListDivider;
43
43
  };
44
- export { NavListHeading, NavListItem, NavListSubNav, NavListGroup, NavListGroupHeading, NavListGroupExpand, };
45
- export * from "./NavList.types";
44
+ export { NavigationListHeading, NavigationListItem, NavigationListSubNavigation, NavigationListGroup, NavigationListGroupHeading, NavigationListGroupExpand, };
45
+ export * from "./NavigationList.types";
@@ -0,0 +1,13 @@
1
+ import * as React from "react";
2
+ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "defaultValue"> & {
3
+ children?: React.ReactNode;
4
+ value?: string | null;
5
+ defaultValue?: string | null;
6
+ onValueChange?: (value: string | null) => void;
7
+ orientation?: import("./NavigationMenu.types").NavigationMenuOrientation;
8
+ openOn?: import("./NavigationMenu.types").NavigationMenuOpenOn;
9
+ openDelay?: number;
10
+ closeDelay?: number;
11
+ className?: string;
12
+ } & React.RefAttributes<any>>;
13
+ export default _default;
@@ -0,0 +1,90 @@
1
+ import type * as React from "react";
2
+ import type { PolymorphicProps } from "../../utilities/polymorphic";
3
+ export type NavigationMenuOrientation = "horizontal" | "vertical";
4
+ export type NavigationMenuOpenOn = "click" | "hover";
5
+ export type NavigationMenuContentAlign = "start" | "center" | "end";
6
+ export type NavigationMenuHeadingLevel = "h2" | "h3";
7
+ export type NavigationMenuProps = Omit<React.ComponentPropsWithoutRef<"nav">, "defaultValue"> & {
8
+ children?: React.ReactNode;
9
+ value?: string | null;
10
+ defaultValue?: string | null;
11
+ onValueChange?: (value: string | null) => void;
12
+ orientation?: NavigationMenuOrientation;
13
+ openOn?: NavigationMenuOpenOn;
14
+ openDelay?: number;
15
+ closeDelay?: number;
16
+ className?: string;
17
+ };
18
+ export type NavigationMenuHeadingProps = Omit<React.ComponentPropsWithoutRef<"h2">, "children"> & {
19
+ as?: NavigationMenuHeadingLevel;
20
+ visuallyHidden?: boolean;
21
+ children?: React.ReactNode;
22
+ className?: string;
23
+ };
24
+ export type NavigationMenuListProps = React.ComponentPropsWithoutRef<"ul"> & {
25
+ children?: React.ReactNode;
26
+ className?: string;
27
+ };
28
+ export type NavigationMenuItemProps = Omit<React.ComponentPropsWithoutRef<"li">, "value"> & {
29
+ children?: React.ReactNode;
30
+ value?: string;
31
+ className?: string;
32
+ };
33
+ export type NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<"button"> & {
34
+ children?: React.ReactNode;
35
+ className?: string;
36
+ };
37
+ export type NavigationMenuContentProps<As extends React.ElementType = "div"> = PolymorphicProps<As, "div", {
38
+ children?: React.ReactNode;
39
+ align?: NavigationMenuContentAlign;
40
+ className?: string;
41
+ }>;
42
+ export type NavigationMenuLinkProps<As extends React.ElementType = "a"> = PolymorphicProps<As, "a", {
43
+ children?: React.ReactNode;
44
+ active?: boolean;
45
+ className?: string;
46
+ }>;
47
+ export type NavigationMenuSubNavigationProps = React.ComponentPropsWithoutRef<"ul"> & {
48
+ children?: React.ReactNode;
49
+ className?: string;
50
+ };
51
+ export type NavigationMenuGroupProps = React.ComponentPropsWithoutRef<"div"> & {
52
+ children?: React.ReactNode;
53
+ title?: string;
54
+ hideDivider?: boolean;
55
+ className?: string;
56
+ };
57
+ export type NavigationMenuGroupHeadingProps = Omit<React.ComponentPropsWithoutRef<"h3">, "as"> & {
58
+ as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
59
+ children?: React.ReactNode;
60
+ className?: string;
61
+ };
62
+ export type NavigationMenuDescriptionProps = React.ComponentPropsWithoutRef<"span"> & {
63
+ children?: React.ReactNode;
64
+ className?: string;
65
+ };
66
+ export type NavigationMenuVisualProps = React.ComponentPropsWithoutRef<"span"> & {
67
+ children?: React.ReactNode;
68
+ className?: string;
69
+ };
70
+ export type NavigationMenuDividerProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"> & {
71
+ className?: string;
72
+ };
73
+ export type NavigationMenuContextValue = {
74
+ openValue: string | null;
75
+ setOpenValue: (value: string | null) => void;
76
+ orientation: NavigationMenuOrientation;
77
+ openOn: NavigationMenuOpenOn;
78
+ openAfterDelay: (value: string) => void;
79
+ closeAfterDelay: () => void;
80
+ };
81
+ export type NavigationMenuItemContextValue = {
82
+ value: string;
83
+ triggerId: string;
84
+ contentId: string;
85
+ isOpen: boolean;
86
+ };
87
+ export type NavigationMenuLinkContextValue = {
88
+ linkId: string;
89
+ descriptionId: string;
90
+ };
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import type { NavigationMenuContentAlign } from "./NavigationMenu.types";
3
+ declare const _default: <As extends React.ElementType = "div">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "div" : As> & {
4
+ children?: React.ReactNode;
5
+ align?: NavigationMenuContentAlign;
6
+ className?: string;
7
+ }, "as"> & {
8
+ as?: As | undefined;
9
+ } & React.RefAttributes<any>) => React.ReactNode;
10
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import type { NavigationMenuContextValue, NavigationMenuItemContextValue, NavigationMenuLinkContextValue } from "./NavigationMenu.types";
2
+ export declare const NavigationMenuContext: import("react").Context<NavigationMenuContextValue>;
3
+ export declare const NavigationMenuItemContext: import("react").Context<NavigationMenuItemContextValue>;
4
+ export declare const NavigationMenuLinkContext: import("react").Context<NavigationMenuLinkContextValue>;
5
+ export declare const NavigationMenuHeadingLevelContext: import("react").Context<number | null>;
6
+ export declare const NavigationMenuDepthContext: import("react").Context<{
7
+ depth: number;
8
+ }>;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import type { NavigationMenuDescriptionProps } from "./NavigationMenu.types";
3
+ declare function NavigationMenuDescription(props: NavigationMenuDescriptionProps): React.JSX.Element;
4
+ declare namespace NavigationMenuDescription {
5
+ var displayName: string;
6
+ }
7
+ export default NavigationMenuDescription;
@@ -0,0 +1,6 @@
1
+ import type { NavigationMenuDividerProps } from "./NavigationMenu.types";
2
+ declare function NavigationMenuDivider(props: NavigationMenuDividerProps): import("react").JSX.Element;
3
+ declare namespace NavigationMenuDivider {
4
+ var displayName: string;
5
+ }
6
+ export default NavigationMenuDivider;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import type { NavigationMenuGroupProps } from "./NavigationMenu.types";
3
+ declare function NavigationMenuGroup(props: NavigationMenuGroupProps): React.JSX.Element;
4
+ declare namespace NavigationMenuGroup {
5
+ var displayName: string;
6
+ }
7
+ export default NavigationMenuGroup;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import type { NavigationMenuGroupHeadingProps } from "./NavigationMenu.types";
3
+ declare function NavigationMenuGroupHeading(props: NavigationMenuGroupHeadingProps): React.JSX.Element;
4
+ declare namespace NavigationMenuGroupHeading {
5
+ var displayName: string;
6
+ }
7
+ export default NavigationMenuGroupHeading;
@@ -0,0 +1,6 @@
1
+ import type { NavigationMenuHeadingProps } from "./NavigationMenu.types";
2
+ declare function NavigationMenuHeading(props: NavigationMenuHeadingProps): import("react").JSX.Element;
3
+ declare namespace NavigationMenuHeading {
4
+ var displayName: string;
5
+ }
6
+ export default NavigationMenuHeading;
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "value"> & {
3
+ children?: React.ReactNode;
4
+ value?: string;
5
+ className?: string;
6
+ } & React.RefAttributes<any>>;
7
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import type { NavigationMenuVisualProps } from "./NavigationMenu.types";
2
+ declare function NavigationMenuLeadingVisual(props: NavigationMenuVisualProps): import("react").JSX.Element;
3
+ declare namespace NavigationMenuLeadingVisual {
4
+ var displayName: string;
5
+ }
6
+ export default NavigationMenuLeadingVisual;
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
3
+ children?: React.ReactNode;
4
+ active?: boolean;
5
+ className?: string;
6
+ }, "as"> & {
7
+ as?: As | undefined;
8
+ } & React.RefAttributes<any>) => React.ReactNode;
9
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare const _default: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
3
+ children?: React.ReactNode;
4
+ className?: string;
5
+ } & React.RefAttributes<any>>;
6
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
3
+ children?: React.ReactNode;
4
+ className?: string;
5
+ } & React.RefAttributes<any>) => React.ReactNode;
6
+ export default _default;
@@ -0,0 +1,6 @@
1
+ import type { NavigationMenuVisualProps } from "./NavigationMenu.types";
2
+ declare function NavigationMenuTrailingVisual(props: NavigationMenuVisualProps): import("react").JSX.Element;
3
+ declare namespace NavigationMenuTrailingVisual {
4
+ var displayName: string;
5
+ }
6
+ export default NavigationMenuTrailingVisual;
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare const _default: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
3
+ children?: React.ReactNode;
4
+ className?: string;
5
+ } & React.RefAttributes<any>>;
6
+ export default _default;
@@ -0,0 +1,2 @@
1
+ import type { NavigationMenuVisualProps } from "./NavigationMenu.types";
2
+ export declare const NavigationMenuVisualContainer: ({ className, ...rest }: NavigationMenuVisualProps) => import("react").JSX.Element;
@@ -0,0 +1,3 @@
1
+ import type { NavigationMenuHeadingLevel } from "./NavigationMenu.types";
2
+ export declare const levelForHeadingTag: (as: NavigationMenuHeadingLevel) => number;
3
+ export declare const headingTagForLevel: (menuLevel: number | null) => "h1" | "h2" | "h3" | "h4";