@gamecrafters/base-ui 0.0.12 → 0.0.14

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 (73) hide show
  1. package/build/components/caret/Caret.d.ts +11 -0
  2. package/build/components/caret/Caret.types.d.ts +11 -0
  3. package/build/components/caret/index.d.ts +2 -0
  4. package/build/components/header/Header.d.ts +7 -0
  5. package/build/components/header/Header.types.d.ts +12 -0
  6. package/build/components/header/HeaderItem.d.ts +6 -0
  7. package/build/components/{page-header/PageHeaderParentLink.d.ts → header/HeaderLink.d.ts} +3 -2
  8. package/build/components/header/index.d.ts +19 -0
  9. package/build/components/index.d.ts +2 -5
  10. package/build/components/page-layout/PageLayout.types.d.ts +2 -0
  11. package/build/components/page-layout/paneUtils.d.ts +1 -1
  12. package/build/components/page-layout/usePaneWidth.d.ts +1 -1
  13. package/build/hooks/useIsClipped.d.ts +1 -1
  14. package/build/main.cjs.js +2 -2
  15. package/build/main.esm.js +2 -2
  16. package/build/providers/index.d.ts +1 -0
  17. package/build/providers/overflow-observer/OverflowObserver.types.d.ts +6 -0
  18. package/build/providers/overflow-observer/OverflowObserverContext.d.ts +2 -0
  19. package/build/providers/overflow-observer/OverflowObserverProvider.d.ts +7 -0
  20. package/build/providers/overflow-observer/index.d.ts +4 -0
  21. package/build/providers/overflow-observer/useOverflowObserver.d.ts +1 -0
  22. package/build/styles/main.css +2 -2
  23. package/package.json +1 -1
  24. package/build/components/page-container/PageContainer.d.ts +0 -12
  25. package/build/components/page-container/PageContainer.types.d.ts +0 -19
  26. package/build/components/page-container/PageContainerRegion.d.ts +0 -7
  27. package/build/components/page-container/index.d.ts +0 -18
  28. package/build/components/page-container/visibility.d.ts +0 -6
  29. package/build/components/page-content/PageContent.d.ts +0 -11
  30. package/build/components/page-content/PageContent.types.d.ts +0 -17
  31. package/build/components/page-content/PageContentSection.d.ts +0 -6
  32. package/build/components/page-content/index.d.ts +0 -16
  33. package/build/components/page-content/visibility.d.ts +0 -6
  34. package/build/components/page-footer/PageFooter.d.ts +0 -10
  35. package/build/components/page-footer/PageFooter.types.d.ts +0 -20
  36. package/build/components/page-footer/PageFooterActions.d.ts +0 -6
  37. package/build/components/page-footer/PageFooterCopyright.d.ts +0 -6
  38. package/build/components/page-footer/PageFooterDescription.d.ts +0 -6
  39. package/build/components/page-footer/PageFooterLeadingVisual.d.ts +0 -6
  40. package/build/components/page-footer/PageFooterNavigation.d.ts +0 -7
  41. package/build/components/page-footer/PageFooterRegion.d.ts +0 -6
  42. package/build/components/page-footer/index.d.ts +0 -36
  43. package/build/components/page-footer/visibility.d.ts +0 -6
  44. package/build/components/page-header/PageHeader.d.ts +0 -8
  45. package/build/components/page-header/PageHeader.types.d.ts +0 -32
  46. package/build/components/page-header/PageHeaderActions.d.ts +0 -6
  47. package/build/components/page-header/PageHeaderBreadcrumbs.d.ts +0 -6
  48. package/build/components/page-header/PageHeaderContextArea.d.ts +0 -6
  49. package/build/components/page-header/PageHeaderContextAreaActions.d.ts +0 -6
  50. package/build/components/page-header/PageHeaderContextBar.d.ts +0 -6
  51. package/build/components/page-header/PageHeaderDescription.d.ts +0 -6
  52. package/build/components/page-header/PageHeaderLeadingAction.d.ts +0 -6
  53. package/build/components/page-header/PageHeaderLeadingVisual.d.ts +0 -6
  54. package/build/components/page-header/PageHeaderNavigation.d.ts +0 -7
  55. package/build/components/page-header/PageHeaderRegion.d.ts +0 -6
  56. package/build/components/page-header/PageHeaderTitle.d.ts +0 -7
  57. package/build/components/page-header/PageHeaderTitleArea.d.ts +0 -8
  58. package/build/components/page-header/PageHeaderTrailingAction.d.ts +0 -6
  59. package/build/components/page-header/PageHeaderTrailingVisual.d.ts +0 -6
  60. package/build/components/page-header/index.d.ts +0 -83
  61. package/build/components/page-header/visibility.d.ts +0 -6
  62. package/build/components/page-sidebar/PageSidebar.d.ts +0 -14
  63. package/build/components/page-sidebar/PageSidebar.types.d.ts +0 -32
  64. package/build/components/page-sidebar/PageSidebarActions.d.ts +0 -6
  65. package/build/components/page-sidebar/PageSidebarContent.d.ts +0 -6
  66. package/build/components/page-sidebar/PageSidebarFooter.d.ts +0 -6
  67. package/build/components/page-sidebar/PageSidebarHeader.d.ts +0 -6
  68. package/build/components/page-sidebar/PageSidebarNavigation.d.ts +0 -7
  69. package/build/components/page-sidebar/PageSidebarRegion.d.ts +0 -6
  70. package/build/components/page-sidebar/PageSidebarSection.d.ts +0 -6
  71. package/build/components/page-sidebar/PageSidebarTitle.d.ts +0 -7
  72. package/build/components/page-sidebar/index.d.ts +0 -51
  73. package/build/components/page-sidebar/visibility.d.ts +0 -6
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import type { CaretLocation } from "./Caret.types";
3
+ declare const _default: (props: Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
4
+ location?: CaretLocation;
5
+ size?: number;
6
+ background?: string;
7
+ borderColor?: string;
8
+ borderWidth?: string | number;
9
+ className?: string;
10
+ } & React.RefAttributes<any>) => React.ReactNode;
11
+ export default _default;
@@ -0,0 +1,11 @@
1
+ import type * as React from "react";
2
+ export type CaretLocation = "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom" | "right-top" | "right-bottom";
3
+ export type CaretEdge = "top" | "right" | "bottom" | "left";
4
+ export type CaretProps = React.ComponentPropsWithoutRef<"svg"> & {
5
+ location?: CaretLocation;
6
+ size?: number;
7
+ background?: string;
8
+ borderColor?: string;
9
+ borderWidth?: string | number;
10
+ className?: string;
11
+ };
@@ -0,0 +1,2 @@
1
+ export { default as Caret } from "./Caret";
2
+ export * from "./Caret.types";
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare const _default: <As extends React.ElementType = "header">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "header" : As> & {
3
+ className?: string;
4
+ }, "as"> & {
5
+ as?: As | undefined;
6
+ } & React.RefAttributes<any>) => React.ReactNode;
7
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import type * as React from "react";
2
+ import type { PolymorphicProps } from "../../utilities/polymorphic";
3
+ export type HeaderProps<As extends React.ElementType = "header"> = PolymorphicProps<As, "header", {
4
+ className?: string;
5
+ }>;
6
+ export type HeaderItemProps = React.ComponentPropsWithoutRef<"div"> & {
7
+ full?: boolean;
8
+ className?: string;
9
+ };
10
+ export type HeaderLinkProps<As extends React.ElementType = "a"> = PolymorphicProps<As, "a", {
11
+ className?: string;
12
+ }>;
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare const _default: (props: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3
+ full?: boolean;
4
+ className?: string;
5
+ } & React.RefAttributes<any>) => React.ReactNode;
6
+ export default _default;
@@ -1,6 +1,7 @@
1
1
  import * as React from "react";
2
- declare const _default: <As extends React.ElementType = "a">(props: Omit<import("../../utilities/polymorphic").PolymorphicProps<As, "a">, "hidden"> & {
3
- hidden?: import("./PageHeader.types").PageHeaderHidden;
2
+ declare const _default: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<React.ComponentPropsWithRef<React.ElementType extends As ? "a" : As> & {
4
3
  className?: string;
4
+ }, "as"> & {
5
+ as?: As | undefined;
5
6
  } & React.RefAttributes<any>) => React.ReactNode;
6
7
  export default _default;
@@ -0,0 +1,19 @@
1
+ import HeaderItem from "./HeaderItem";
2
+ import HeaderLink from "./HeaderLink";
3
+ export declare const Header: (<As extends React.ElementType = "header">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "header" : As> & {
4
+ className?: string;
5
+ }, "as"> & {
6
+ as?: As | undefined;
7
+ } & import("react").RefAttributes<any>) => React.ReactNode) & {
8
+ Item: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
9
+ full?: boolean;
10
+ className?: string;
11
+ } & import("react").RefAttributes<any>) => React.ReactNode;
12
+ Link: <As extends React.ElementType = "a">(props: import("../../utilities/polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & {
13
+ className?: string;
14
+ }, "as"> & {
15
+ as?: As | undefined;
16
+ } & import("react").RefAttributes<any>) => React.ReactNode;
17
+ };
18
+ export { HeaderItem, HeaderLink };
19
+ export * from "./Header.types";
@@ -19,6 +19,7 @@ export * from "./button";
19
19
  export * from "./button-group";
20
20
  export * from "./calendar";
21
21
  export * from "./card";
22
+ export * from "./caret";
22
23
  export * from "./carousel";
23
24
  export * from "./chart";
24
25
  export * from "./checkbox";
@@ -42,6 +43,7 @@ export * from "./file-upload";
42
43
  export * from "./filtered-action-list";
43
44
  export * from "./flow";
44
45
  export * from "./form-control";
46
+ export * from "./header";
45
47
  export * from "./heading";
46
48
  export * from "./hidden";
47
49
  export * from "./highlight";
@@ -63,12 +65,7 @@ export * from "./meter";
63
65
  export * from "./navigation-list";
64
66
  export * from "./navigation-menu";
65
67
  export * from "./number-input";
66
- export * from "./page-container";
67
- export * from "./page-content";
68
- export * from "./page-footer";
69
- export * from "./page-header";
70
68
  export * from "./page-layout";
71
- export * from "./page-sidebar";
72
69
  export * from "./pagination";
73
70
  export * from "./password-input";
74
71
  export * from "./pin-input";
@@ -99,6 +99,7 @@ export type UsePaneWidthOptions = {
99
99
  constrainToViewport?: boolean;
100
100
  onResizeEnd?: (width: number) => void;
101
101
  currentWidth?: number;
102
+ formatValueText?: (valueNow: number) => string;
102
103
  };
103
104
  export type UsePaneWidthResult = {
104
105
  currentWidth: number;
@@ -122,6 +123,7 @@ export type DragHandleProps = {
122
123
  "aria-valuenow"?: number;
123
124
  dragTargetRef?: React.RefObject<HTMLElement | null>;
124
125
  contentWrapperRef?: React.RefObject<HTMLElement | null>;
126
+ formatValueText?: (valueNow: number) => string;
125
127
  className?: string;
126
128
  };
127
129
  export {};
@@ -15,7 +15,7 @@ export declare const updateAriaValues: (handle: HTMLElement | null, values: {
15
15
  current?: number;
16
16
  min?: number;
17
17
  max?: number;
18
- }) => void;
18
+ }, formatValueText?: (valueNow: number) => string) => void;
19
19
  type DraggingElements = {
20
20
  handle: HTMLElement | null;
21
21
  pane: HTMLElement | null;
@@ -1,2 +1,2 @@
1
1
  import type { UsePaneWidthOptions, UsePaneWidthResult } from "./PageLayout.types";
2
- export declare const usePaneWidth: ({ width, minWidth, resizable, widthStorageKey, paneRef, handleRef, contentWrapperRef, constrainToViewport, onResizeEnd, currentWidth: controlledWidth, }: UsePaneWidthOptions) => UsePaneWidthResult;
2
+ export declare const usePaneWidth: ({ width, minWidth, resizable, widthStorageKey, paneRef, handleRef, contentWrapperRef, constrainToViewport, onResizeEnd, currentWidth: controlledWidth, formatValueText, }: UsePaneWidthOptions) => UsePaneWidthResult;
@@ -1,7 +1,7 @@
1
1
  import type * as React from "react";
2
2
  export type IsClippedOptions = {
3
3
  ref: React.RefObject<HTMLElement | null>;
4
- rootRef: React.RefObject<HTMLElement | null>;
4
+ rootRef?: React.RefObject<HTMLElement | null>;
5
5
  disabled?: boolean;
6
6
  };
7
7
  export declare const useIsClipped: ({ ref, rootRef, disabled }: IsClippedOptions) => boolean;