@ag2/weave 0.9.0 → 0.11.0

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 (41) hide show
  1. package/dist/components/avatar/Avatar.css.d.ts +36 -0
  2. package/dist/components/avatar/Avatar.d.ts +8 -3
  3. package/dist/components/avatar/index.d.ts +1 -0
  4. package/dist/components/avatar/tokens.d.ts +24 -0
  5. package/dist/components/badge/Badge.css.d.ts +1 -3
  6. package/dist/components/commons-tabs/CommonsTabs.css.d.ts +10 -0
  7. package/dist/components/commons-tabs/CommonsTabs.d.ts +21 -0
  8. package/dist/components/commons-tabs/index.d.ts +1 -0
  9. package/dist/components/composer/Composer.css.d.ts +7 -0
  10. package/dist/components/composer/Composer.d.ts +13 -0
  11. package/dist/components/composer/index.d.ts +1 -0
  12. package/dist/components/dock/Dock.css.d.ts +7 -0
  13. package/dist/components/dock/Dock.d.ts +19 -0
  14. package/dist/components/dock/index.d.ts +1 -0
  15. package/dist/components/icon/Icon.d.ts +1 -1
  16. package/dist/components/icon/Icons.d.ts +9 -0
  17. package/dist/components/icon-button/IconButton.css.d.ts +12 -0
  18. package/dist/components/icon-button/IconButton.d.ts +1 -1
  19. package/dist/components/index.d.ts +6 -0
  20. package/dist/components/inspector-tabs/InspectorTabs.css.d.ts +4 -0
  21. package/dist/components/inspector-tabs/InspectorTabs.d.ts +15 -0
  22. package/dist/components/inspector-tabs/index.d.ts +1 -0
  23. package/dist/components/page/Page.d.ts +35 -1
  24. package/dist/components/page/style.css.d.ts +6 -0
  25. package/dist/components/sidebar/SidebarItem.d.ts +1 -1
  26. package/dist/components/surface-toolbar/SurfaceToolbar.css.d.ts +11 -0
  27. package/dist/components/surface-toolbar/SurfaceToolbar.d.ts +18 -0
  28. package/dist/components/surface-toolbar/index.d.ts +1 -0
  29. package/dist/components/tabFocusKeyboard.d.ts +4 -0
  30. package/dist/components/type-tile/TypeTile.css.d.ts +4 -0
  31. package/dist/components/type-tile/TypeTile.d.ts +14 -0
  32. package/dist/components/type-tile/index.d.ts +1 -0
  33. package/dist/index.js +2589 -1778
  34. package/dist/index.js.map +1 -1
  35. package/dist/style.css +1842 -1124
  36. package/dist/theme/color.css.d.ts +6 -0
  37. package/dist/theme/config.css.d.ts +11 -0
  38. package/dist/theme/index.d.ts +1 -0
  39. package/dist/theme/reading.d.ts +8 -0
  40. package/dist/theme/semantic.d.ts +92 -68
  41. package/package.json +1 -1
@@ -1,6 +1,41 @@
1
1
  import { RecipeVariants } from "@vanilla-extract/recipes";
2
2
  export declare const Avatar: import("@vanilla-extract/recipes").RuntimeFn<{
3
3
  size: {
4
+ inline: {
5
+ vars: {
6
+ [x: string]: string;
7
+ };
8
+ };
9
+ stack: {
10
+ vars: {
11
+ [x: string]: string;
12
+ };
13
+ };
14
+ compact: {
15
+ vars: {
16
+ [x: string]: string;
17
+ };
18
+ };
19
+ standard: {
20
+ vars: {
21
+ [x: string]: string;
22
+ };
23
+ };
24
+ large: {
25
+ vars: {
26
+ [x: string]: string;
27
+ };
28
+ };
29
+ hero: {
30
+ vars: {
31
+ [x: string]: string;
32
+ };
33
+ };
34
+ profile: {
35
+ vars: {
36
+ [x: string]: string;
37
+ };
38
+ };
4
39
  "200": {
5
40
  vars: {
6
41
  [x: string]: string;
@@ -34,3 +69,4 @@ export declare const Avatar: import("@vanilla-extract/recipes").RuntimeFn<{
34
69
  export declare type AvatarVariants = RecipeVariants<typeof Avatar>;
35
70
  export declare const AvatarImage: string;
36
71
  export declare const AvatarFallback: string;
72
+ export declare const AvatarInitials: string;
@@ -1,7 +1,12 @@
1
1
  import React from "react";
2
+ export declare type AvatarKind = "person" | "agent" | "room";
3
+ declare type AvatarContentProps = {
4
+ kind?: AvatarKind;
5
+ };
2
6
  export declare const Avatar: <T extends React.ElementType<any> = "span">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
3
- size?: "200" | "300" | "400" | "500" | undefined;
7
+ size?: "large" | "inline" | "compact" | "200" | "300" | "400" | "500" | "stack" | "standard" | "hero" | "profile" | undefined;
4
8
  radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
5
9
  } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
6
- export declare const AvatarImage: <T extends React.ElementType<any> = "img">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
7
- export declare const AvatarFallback: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
10
+ export declare const AvatarImage: <T extends React.ElementType<any> = "img">(props: import("..").AsOutProps<T, AvatarContentProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
11
+ export declare const AvatarFallback: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, AvatarContentProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
12
+ export {};
@@ -1 +1,2 @@
1
1
  export * from "./Avatar";
2
+ export * from "./tokens";
@@ -0,0 +1,24 @@
1
+ export declare const avatarSizes: {
2
+ readonly inline: 16;
3
+ readonly stack: 20;
4
+ readonly compact: 24;
5
+ readonly standard: 32;
6
+ readonly large: 40;
7
+ readonly hero: 56;
8
+ readonly profile: 80;
9
+ };
10
+ export declare const avatarRadii: {
11
+ readonly person: "50%";
12
+ readonly agent: "50%";
13
+ readonly room: "20%";
14
+ };
15
+ /** Figma People / Fallback: unchanged identity fills in light and dark themes. */
16
+ export declare const personAvatarTones: {
17
+ readonly Mint: "oklch(0.857770418 0.084263041 161.517741975)";
18
+ readonly Peach: "oklch(0.861424801 0.062583788 43.322761008)";
19
+ readonly Sky: "oklch(0.873307324 0.069002135 240.773146555)";
20
+ readonly Pink: "oklch(0.903800376 0.079694210 323.525249668)";
21
+ readonly Lemon: "oklch(0.957225457 0.076968671 109.359087060)";
22
+ readonly Orange: "oklch(0.787009699 0.136442307 59.826136225)";
23
+ };
24
+ export declare const personAvatarInk: "oklch(0.215703550 0.003145551 17.400595087)";
@@ -3,9 +3,7 @@ import { RecipeVariants } from "@vanilla-extract/recipes";
3
3
  export declare const Badge: import("@vanilla-extract/recipes").RuntimeFn<{
4
4
  kind: {
5
5
  Tag: string;
6
- Count: {
7
- fontVariantNumeric: "tabular-nums";
8
- };
6
+ Count: string;
9
7
  };
10
8
  size: {
11
9
  "500": {
@@ -0,0 +1,10 @@
1
+ export declare const CommonsTabStrip: string;
2
+ export declare const CommonsTabList: string;
3
+ export declare const CommonsTabControls: string;
4
+ export declare const CommonsTabDivider: string;
5
+ export declare const CommonsTab: string;
6
+ export declare const CommonsTabButton: string;
7
+ export declare const CommonsTabLabel: string;
8
+ export declare const CommonsTabDrafting: string;
9
+ export declare const CommonsTabUnseen: string;
10
+ export declare const CommonsTabClose: string;
@@ -0,0 +1,21 @@
1
+ import React, { ReactNode } from "react";
2
+ export declare type CommonsTabStripProps = {
3
+ /** The panel's own controls after the tabs: Commons menu, Expand, Hide. */
4
+ controls?: ReactNode;
5
+ };
6
+ export declare const CommonsTabStrip: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, CommonsTabStripProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
7
+ export declare type CommonsTabProps = {
8
+ label: string;
9
+ /** The page's type tile, 16px. */
10
+ tile?: ReactNode;
11
+ selected?: boolean;
12
+ /** An agent made or changed it since you looked. */
13
+ unseen?: boolean;
14
+ /** An agent is still writing it; `draftingBy` names who, for the tooltip. */
15
+ drafting?: boolean;
16
+ draftingBy?: string;
17
+ onSelect?: () => void;
18
+ /** Shown on the open tab and on hover; omit for a tab that can't close. */
19
+ onClose?: () => void;
20
+ };
21
+ export declare const CommonsTab: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, CommonsTabProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
@@ -0,0 +1 @@
1
+ export * from "./CommonsTabs";
@@ -0,0 +1,7 @@
1
+ export declare const Composer: string;
2
+ export declare const Surface: string;
3
+ export declare const Content: string;
4
+ export declare const Actions: string;
5
+ export declare const ActionsBefore: string;
6
+ export declare const ActionsAfter: string;
7
+ export declare const Footer: string;
@@ -0,0 +1,13 @@
1
+ import React, { ReactNode } from "react";
2
+ export declare type ComposerProps = {
3
+ /** Reply context and staged attachments, above the editable content. */
4
+ context?: ReactNode;
5
+ actionsBefore?: ReactNode;
6
+ actionsAfter?: ReactNode;
7
+ /** Optional formatting toolbar inside the surface. */
8
+ bottom?: ReactNode;
9
+ /** Keyboard hints or delivery feedback below the surface. */
10
+ footer?: ReactNode;
11
+ };
12
+ /** Layout only: the caller retains its editor, draft, upload and send behavior. */
13
+ export declare const Composer: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, ComposerProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
@@ -0,0 +1 @@
1
+ export * from "./Composer";
@@ -0,0 +1,7 @@
1
+ export declare const Dock: string;
2
+ export declare const DockButton: string;
3
+ export declare const DockCount: string;
4
+ export declare const DockDivider: string;
5
+ export declare const DockHint: string;
6
+ export declare const DockChip: string;
7
+ export declare const DockChipText: string;
@@ -0,0 +1,19 @@
1
+ import React, { ReactNode } from "react";
2
+ import { IconSrc } from "../icon";
3
+ export declare const Dock: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
4
+ export declare type DockButtonProps = {
5
+ icon: IconSrc;
6
+ /** The tooltip and accessible name; the visible text too when `labelled`. */
7
+ label: string;
8
+ labelled?: boolean;
9
+ /** A mode that's on (commenting, picking an area): the button turns dark. */
10
+ pressed?: boolean;
11
+ count?: number;
12
+ };
13
+ export declare const DockButton: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, DockButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
14
+ export declare const DockDivider: () => JSX.Element;
15
+ export declare const DockHint: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
16
+ export declare type DockChipProps = {
17
+ before?: ReactNode;
18
+ };
19
+ export declare const DockChip: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, DockChipProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
@@ -0,0 +1 @@
1
+ export * from "./Dock";
@@ -8,5 +8,5 @@ export declare const Icon: React.ForwardRefExoticComponent<React.SVGAttributes<S
8
8
  filled?: boolean | undefined;
9
9
  src: IconSrc;
10
10
  } & {
11
- size?: "small" | "compact" | "100" | "200" | "300" | "400" | "500" | "600" | "Inherit" | "50" | "standard" | undefined;
11
+ size?: "small" | "compact" | "100" | "200" | "300" | "400" | "500" | "600" | "standard" | "Inherit" | "50" | undefined;
12
12
  } & React.RefAttributes<SVGSVGElement>>;
@@ -155,5 +155,14 @@ export declare const Icons: {
155
155
  WordFile: IconSrc;
156
156
  Files: IconSrc;
157
157
  Pulse: IconSrc;
158
+ Doc: IconSrc;
159
+ Whiteboard: IconSrc;
160
+ Table: IconSrc;
161
+ Database: IconSrc;
162
+ Kanban: IconSrc;
163
+ Pdf: IconSrc;
164
+ FrameCorners: IconSrc;
165
+ Presentation: IconSrc;
166
+ Selection: IconSrc;
158
167
  };
159
168
  export declare type IconName = keyof typeof Icons;
@@ -23,6 +23,18 @@ export declare const IconButton: import("@vanilla-extract/recipes").RuntimeFn<{
23
23
  Soft: {
24
24
  backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
25
  };
26
+ Solid: {
27
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ selectors: {
30
+ "&:hover, &:focus-visible": {
31
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ };
33
+ "&:active, &[aria-pressed=true]": {
34
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ };
36
+ };
37
+ };
26
38
  None: {
27
39
  backgroundColor: "transparent";
28
40
  };
@@ -2,7 +2,7 @@ import React from "react";
2
2
  export declare const IconButton: <T extends React.ElementType<any> = "button">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
3
3
  size?: "compact" | "300" | "400" | "500" | "600" | "standard" | undefined;
4
4
  variant?: "Background" | "Success" | "Warning" | "Critical" | "Surface" | "SurfaceVariant" | "Primary" | "Secondary" | undefined;
5
- fill?: "Soft" | "None" | undefined;
5
+ fill?: "Solid" | "Soft" | "None" | undefined;
6
6
  outlined?: boolean | undefined;
7
7
  radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
8
8
  } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
@@ -59,3 +59,9 @@ export * from "./empty-state";
59
59
  export * from "./panel-switch";
60
60
  export * from "./people-line";
61
61
  export * from "./room-header";
62
+ export * from "./composer";
63
+ export * from "./type-tile";
64
+ export * from "./commons-tabs";
65
+ export * from "./surface-toolbar";
66
+ export * from "./dock";
67
+ export * from "./inspector-tabs";
@@ -0,0 +1,4 @@
1
+ export declare const InspectorHeader: string;
2
+ export declare const InspectorTabs: string;
3
+ export declare const InspectorTab: string;
4
+ export declare const InspectorHeaderSpacer: string;
@@ -0,0 +1,15 @@
1
+ import React, { ReactNode } from "react";
2
+ export declare type InspectorHeaderProps = {
3
+ /** After the tabs, at the far end: Close. */
4
+ after?: ReactNode;
5
+ label?: string;
6
+ };
7
+ export declare const InspectorHeader: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, InspectorHeaderProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
8
+ export declare type InspectorTabProps = {
9
+ /** The tab's glyph, standard size. */
10
+ icon: ReactNode;
11
+ label: string;
12
+ selected?: boolean;
13
+ onSelect?: () => void;
14
+ };
15
+ export declare const InspectorTab: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, InspectorTabProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
@@ -0,0 +1 @@
1
+ export * from "./InspectorTabs";
@@ -12,7 +12,11 @@ export declare type RoomNavToggleOptions = {
12
12
  animate?: boolean;
13
13
  };
14
14
  export declare function useRoomNavCollapsed(): [boolean, (options?: RoomNavToggleOptions) => void];
15
- export declare const PageNav: ({ size, children }: ClientDrawerLayoutProps & css.PageNavVariants) => JSX.Element;
15
+ declare type PageNavProps = ClientDrawerLayoutProps & css.PageNavVariants & {
16
+ /** Decorative brand mark shown in the collapsed rail until hover or keyboard focus. */
17
+ collapsedMark?: ReactNode;
18
+ };
19
+ export declare const PageNav: ({ size, children, collapsedMark }: PageNavProps) => JSX.Element;
16
20
  export declare const PageNavHeader: <T extends React.ElementType<any> = "header">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
17
21
  outlined?: boolean | undefined;
18
22
  } & import("..").AsProp<T>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
@@ -21,6 +25,36 @@ export declare const PageNavContent: ({ scrollRef, children, }: {
21
25
  scrollRef?: React.MutableRefObject<HTMLDivElement | null> | undefined;
22
26
  }) => JSX.Element;
23
27
  export declare const Page: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
28
+ export declare const PageCanvas: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, Omit<any, "as"> & {
29
+ display?: "Flex" | "InlineFlex" | undefined;
30
+ direction?: "Inherit" | "Row" | "RowReverse" | "Column" | "ColumnReverse" | undefined;
31
+ wrap?: "Inherit" | "NoWrap" | "Wrap" | "WrapReverse" | undefined;
32
+ justifyContent?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
33
+ justifyItems?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
34
+ justifySelf?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
35
+ alignContent?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
36
+ alignItems?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
37
+ alignSelf?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
38
+ gap?: "0" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "Inherit" | undefined;
39
+ grow?: "No" | "Yes" | undefined;
40
+ shrink?: "No" | "Yes" | undefined;
41
+ basis?: "No" | "Yes" | undefined;
42
+ } & import("..").AsProp<React.ElementType<any>>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
43
+ export declare const PagePanel: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, Omit<any, "as"> & {
44
+ display?: "Flex" | "InlineFlex" | undefined;
45
+ direction?: "Inherit" | "Row" | "RowReverse" | "Column" | "ColumnReverse" | undefined;
46
+ wrap?: "Inherit" | "NoWrap" | "Wrap" | "WrapReverse" | undefined;
47
+ justifyContent?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
48
+ justifyItems?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
49
+ justifySelf?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
50
+ alignContent?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | "SpaceBetween" | "SpaceAround" | "SpaceEvenly" | undefined;
51
+ alignItems?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
52
+ alignSelf?: "End" | "Start" | "Center" | "Inherit" | "Stretch" | "Baseline" | undefined;
53
+ gap?: "0" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "Inherit" | undefined;
54
+ grow?: "No" | "Yes" | undefined;
55
+ shrink?: "No" | "Yes" | undefined;
56
+ basis?: "No" | "Yes" | undefined;
57
+ } & import("..").AsProp<React.ElementType<any>>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
24
58
  export declare const PageHeader: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
25
59
  compact?: boolean | undefined;
26
60
  balance?: boolean | undefined;
@@ -1,4 +1,7 @@
1
1
  import { RecipeVariants } from "@vanilla-extract/recipes";
2
+ export declare const PageRoot: string;
3
+ export declare const PageCanvas: string;
4
+ export declare const PagePanel: string;
2
5
  export declare const PageNav: import("@vanilla-extract/recipes").RuntimeFn<{
3
6
  size: {
4
7
  "400": {
@@ -51,3 +54,6 @@ export declare const PageNavRoot: string;
51
54
  export declare const PageNavViewport: string;
52
55
  export declare const PageNavDrawer: string;
53
56
  export declare const PageNavRail: string;
57
+ export declare const PageNavRestore: string;
58
+ export declare const PageNavBrand: string;
59
+ export declare const PageNavRestoreIcon: string;
@@ -13,7 +13,7 @@ export declare const SidebarAvatar: <T extends React.ElementType<any> = "div">(p
13
13
  size?: "200" | "300" | "400" | undefined;
14
14
  outlined?: boolean | undefined;
15
15
  } & Omit<any, "as"> & {
16
- size?: "200" | "300" | "400" | "500" | undefined;
16
+ size?: "large" | "inline" | "compact" | "200" | "300" | "400" | "500" | "stack" | "standard" | "hero" | "profile" | undefined;
17
17
  radii?: "0" | "300" | "400" | "500" | "Pill" | "Inherit" | undefined;
18
18
  } & import("..").AsProp<React.ElementType<any>>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
19
19
  export declare const SidebarFolder: <T extends React.ElementType<any> = "div">(props: Omit<React.PropsWithChildren<React.ComponentPropsWithRef<T>>, "as"> & {
@@ -0,0 +1,11 @@
1
+ export declare const SurfaceToolbar: string;
2
+ export declare const SurfaceToolbarTitle: string;
3
+ export declare const SurfaceToolbarTitleText: string;
4
+ export declare const SurfaceToolbarMeta: string;
5
+ export declare const SurfaceToolbarTools: string;
6
+ export declare const SurfaceToolbarSpacer: string;
7
+ export declare const SurfaceToolbarDivider: string;
8
+ export declare const SummonPill: string;
9
+ export declare const SummonPillHere: string;
10
+ export declare const SummonPillFaces: string;
11
+ export declare const SummonPillGlyph: string;
@@ -0,0 +1,18 @@
1
+ import React, { ReactNode } from "react";
2
+ export declare const SurfaceToolbar: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
3
+ export declare type SurfaceToolbarTitleProps = {
4
+ /** The page's type tile, 20px. */
5
+ tile?: ReactNode;
6
+ /** After the title, quieter: "· Page 1 of 3". */
7
+ meta?: ReactNode;
8
+ };
9
+ export declare const SurfaceToolbarTitle: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, SurfaceToolbarTitleProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
10
+ export declare const SurfaceToolbarTools: <T extends React.ElementType<any> = "div">(props: import("..").AsOutProps<T, object>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
11
+ export declare const SurfaceToolbarSpacer: () => JSX.Element;
12
+ export declare const SurfaceToolbarDivider: () => JSX.Element;
13
+ export declare type SummonPillProps = {
14
+ /** Faces of who's on this page now, overlapping; omit when nobody else is here. */
15
+ faces?: ReactNode;
16
+ label?: string;
17
+ };
18
+ export declare const SummonPill: <T extends React.ElementType<any> = "button">(props: import("..").AsOutProps<T, SummonPillProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
@@ -0,0 +1 @@
1
+ export * from "./SurfaceToolbar";
@@ -0,0 +1,4 @@
1
+ import { FocusEvent, KeyboardEvent } from "react";
2
+ export declare const tabFocusRoving: (event: FocusEvent<HTMLElement>) => void;
3
+ export declare const tabBlurRoving: (event: FocusEvent<HTMLElement>) => void;
4
+ export declare const tabFocusKeyboard: (event: KeyboardEvent<HTMLElement>) => void;
@@ -0,0 +1,4 @@
1
+ export declare const TypeTile: string;
2
+ export declare const TypeTileSize: Record<"200" | "300" | "500", string>;
3
+ export declare const TypeTileGlyph: Record<"200" | "300" | "500", string>;
4
+ export declare const TypeTileKind: Record<"Media" | "Doc" | "Html" | "Whiteboard" | "Sheet" | "Database" | "Pdf" | "Analysis" | "Figma" | "Presentation" | "Apps" | "Kanban", string>;
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ import { IconSrc } from "../icon";
3
+ import * as css from "./TypeTile.css";
4
+ export declare type TypeTileKind = keyof typeof css.TypeTileKind;
5
+ /** The glyph each Commons page type is drawn with. */
6
+ export declare const typeTileIcon: Record<TypeTileKind, IconSrc>;
7
+ export declare type TypeTileProps = {
8
+ kind: TypeTileKind;
9
+ /** 200 = 16px in tabs and lists, 300 = 20px in toolbars, 500 = 40px in the New tab hub. */
10
+ size?: keyof typeof css.TypeTileSize;
11
+ /** Draw another glyph on the type's wash, for a type this set doesn't name. */
12
+ icon?: IconSrc;
13
+ };
14
+ export declare const TypeTile: <T extends React.ElementType<any> = "span">(props: import("..").AsOutProps<T, TypeTileProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
@@ -0,0 +1 @@
1
+ export * from "./TypeTile";