@noya-app/noya-designsystem 0.1.87 → 0.1.89

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 (33) hide show
  1. package/.turbo/turbo-build.log +10 -10
  2. package/CHANGELOG.md +14 -0
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.mts +181 -120
  5. package/dist/index.d.ts +181 -120
  6. package/dist/index.js +2147 -1915
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +1936 -1711
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +2 -2
  11. package/src/__tests__/SharedDragProvider.test.ts +39 -0
  12. package/src/components/AppToolbar.tsx +464 -0
  13. package/src/components/Card.tsx +20 -0
  14. package/src/components/Dialog.tsx +12 -5
  15. package/src/components/DialogNavigator.tsx +154 -0
  16. package/src/components/InputField.tsx +9 -7
  17. package/src/components/Navigator.tsx +2 -0
  18. package/src/components/SegmentedControl.tsx +32 -4
  19. package/src/components/SelectionToolbar.tsx +5 -10
  20. package/src/components/StatCard.tsx +82 -0
  21. package/src/components/Toolbar.tsx +32 -459
  22. package/src/components/__tests__/Card.test.tsx +71 -0
  23. package/src/components/__tests__/DialogNavigator.test.tsx +88 -0
  24. package/src/components/__tests__/InputField.test.tsx +227 -3
  25. package/src/components/__tests__/SegmentedControl.test.ts +46 -0
  26. package/src/components/__tests__/Toolbar.test.tsx +56 -0
  27. package/src/components/connected-users-menu/ConnectedUsersMenuLayout.tsx +0 -16
  28. package/src/components/sorting/SharedDragProvider.tsx +37 -1
  29. package/src/components/workspace/DrawerWorkspaceLayout.tsx +2 -2
  30. package/src/components/workspace/VerticalTabMenu.tsx +1 -1
  31. package/src/components/workspace/__tests__/DrawerWorkspaceLayout.test.tsx +2 -0
  32. package/src/index.css +6 -0
  33. package/src/index.tsx +4 -0
package/dist/index.d.mts CHANGED
@@ -5,7 +5,7 @@ import * as Icons from '@noya-app/noya-icons';
5
5
  import { IconProps } from '@noya-app/noya-icons';
6
6
  export { Icons };
7
7
  import tailwindConfig from '@noya-app/noya-tailwind-config';
8
- import { UniqueIdentifier, ClientRect, CollisionDetection } from '@dnd-kit/core';
8
+ import { UniqueIdentifier, ClientRect, PointerSensor, PointerSensorProps, CollisionDetection } from '@dnd-kit/core';
9
9
  import { Point as Point$1, Insets, Size, AffineTransform, Rect } from '@noya-app/noya-geometry';
10
10
  import { Property } from 'csstype';
11
11
  import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
@@ -157,7 +157,7 @@ type ActionMenuProps<TMenu extends string> = {
157
157
  };
158
158
  declare const ActionMenu: <TMenu extends string>(props: ActionMenuProps<TMenu>) => React__default.ReactElement<any> | null;
159
159
 
160
- interface Props$c {
160
+ interface Props$b {
161
161
  size?: number;
162
162
  opacity?: number;
163
163
  color?: string;
@@ -165,7 +165,7 @@ interface Props$c {
165
165
  className?: string;
166
166
  style?: React$1.CSSProperties;
167
167
  }
168
- declare const ActivityIndicator: React$1.NamedExoticComponent<Props$c>;
168
+ declare const ActivityIndicator: React$1.NamedExoticComponent<Props$b>;
169
169
 
170
170
  type ActivityIconSemanticColor = "add" | "remove" | "update";
171
171
  type ActivityUser = {
@@ -836,6 +836,9 @@ interface ButtonProps extends React__default.DetailedHTMLProps<React__default.Bu
836
836
  }
837
837
  declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
838
838
 
839
+ type CardProps = React__default.HTMLAttributes<HTMLDivElement>;
840
+ declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
841
+
839
842
  interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> {
840
843
  colorScheme?: "primary" | "secondary";
841
844
  }
@@ -1259,7 +1262,7 @@ declare function ColorSwatchControl(props: ColorSwatchControlProps): React__defa
1259
1262
 
1260
1263
  type InputSize = "small" | "medium" | "large";
1261
1264
 
1262
- type Props$b = {
1265
+ type Props$a = {
1263
1266
  id?: string;
1264
1267
  style?: any;
1265
1268
  className?: string;
@@ -1277,15 +1280,15 @@ type Props$b = {
1277
1280
  onFocusChange?: (isFocused: boolean) => void;
1278
1281
  onBlur?: FocusEventHandler;
1279
1282
  } & Pick<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "autoCapitalize" | "autoCorrect" | "spellCheck" | "autoFocus">;
1280
- type ReadOnlyProps = Props$b & {
1283
+ type ReadOnlyProps = Props$a & {
1281
1284
  readOnly: true;
1282
1285
  };
1283
- type ControlledProps = Props$b & {
1286
+ type ControlledProps = Props$a & {
1284
1287
  onChange: (value: string) => void;
1285
1288
  onFocus?: FocusEventHandler;
1286
1289
  onBlur?: FocusEventHandler;
1287
1290
  };
1288
- type SubmittableProps = Props$b & {
1291
+ type SubmittableProps = Props$a & {
1289
1292
  onSubmit: (value: string) => void;
1290
1293
  allowSubmittingWithSameValue?: boolean;
1291
1294
  submitAutomaticallyAfterDelay?: number;
@@ -1480,10 +1483,8 @@ declare const CommandPalette: React__default.NamedExoticComponent<{
1480
1483
  declare const UserAvatar: ({ userId, name, image }: AvatarProps) => React__default.JSX.Element;
1481
1484
  type ConnectedUsersMenuLayoutProps = {
1482
1485
  renderUsers: () => React__default.ReactNode;
1483
- launchAIAssistant?: () => void;
1484
- isAssistantOpen?: boolean;
1485
1486
  };
1486
- declare const ConnectedUsersMenuLayout: ({ renderUsers, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
1487
+ declare const ConnectedUsersMenuLayout: ({ renderUsers, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
1487
1488
 
1488
1489
  interface MenuItemProps<T extends string> {
1489
1490
  value?: T;
@@ -1508,8 +1509,9 @@ declare const ContextMenu: <T extends string>(props: MenuProps<T>) => React__def
1508
1509
  interface IDialog {
1509
1510
  containsElement: (element: HTMLElement) => boolean;
1510
1511
  }
1511
- interface Props$a {
1512
+ interface DialogProps {
1512
1513
  title?: ReactNode;
1514
+ titleVisibility?: "visible" | "hidden";
1513
1515
  description?: ReactNode;
1514
1516
  children?: ReactNode;
1515
1517
  style?: React__default.CSSProperties;
@@ -1519,8 +1521,130 @@ interface Props$a {
1519
1521
  showCloseButton?: boolean;
1520
1522
  className?: string;
1521
1523
  }
1522
- declare const Dialog: React__default.ForwardRefExoticComponent<Props$a & React__default.RefAttributes<IDialog>>;
1523
- declare const FullscreenDialog: React__default.ForwardRefExoticComponent<Props$a & React__default.RefAttributes<IDialog>>;
1524
+ declare const Dialog: React__default.ForwardRefExoticComponent<DialogProps & React__default.RefAttributes<IDialog>>;
1525
+ declare const FullscreenDialog: React__default.ForwardRefExoticComponent<DialogProps & React__default.RefAttributes<IDialog>>;
1526
+
1527
+ type StackItem = {
1528
+ key: string;
1529
+ title?: React__default.ReactNode;
1530
+ right?: React__default.ReactNode;
1531
+ renderContent: () => React__default.ReactNode;
1532
+ /** Force hide/show back button for this item */
1533
+ showBackButton?: boolean;
1534
+ renderHeader?: StackNavigatorRenderHeader;
1535
+ };
1536
+ type StackNavigatorHeaderProps = {
1537
+ onBack?: () => void;
1538
+ showBackButton: boolean;
1539
+ showDivider: boolean;
1540
+ right?: React__default.ReactNode;
1541
+ title?: React__default.ReactNode;
1542
+ };
1543
+ type StackNavigatorRenderHeader = React__default.ReactNode | ((props: StackNavigatorHeaderProps) => React__default.ReactNode);
1544
+ type StackNavigatorProps = {
1545
+ /** Items ordered from root to top. The last item is shown. */
1546
+ items: StackItem[];
1547
+ /** Called when the back button is pressed */
1548
+ onBack?: () => void;
1549
+ className?: string;
1550
+ style?: React__default.CSSProperties;
1551
+ contentClassName?: string;
1552
+ /** Whether to show the header. @default true */
1553
+ showHeader?: boolean;
1554
+ showDivider?: boolean;
1555
+ cardStyle?: React__default.CSSProperties;
1556
+ cardClassName?: string;
1557
+ renderHeader?: StackNavigatorRenderHeader;
1558
+ };
1559
+ declare function StackNavigator({ items, onBack, className, style, contentClassName, cardStyle, cardClassName, showDivider, showHeader, renderHeader, }: StackNavigatorProps): React__default.JSX.Element | null;
1560
+
1561
+ type NavigatorParams = Record<string, unknown>;
1562
+ type NavigatorRoute<Params extends NavigatorParams | null> = {
1563
+ key: string;
1564
+ name: string;
1565
+ params: Params;
1566
+ };
1567
+ type NavigatorRoutesConfig<RoutesConfig extends Record<string, NavigatorParams | null>> = {
1568
+ [K in keyof RoutesConfig]: NavigatorRoute<RoutesConfig[K]>;
1569
+ };
1570
+ type NavigatorPushFunction<Routes extends Record<string, NavigatorRoute<any>>> = <K extends keyof Routes>(...args: Routes[K]["params"] extends null ? [name: K] : [name: K, params: Routes[K]["params"]]) => void;
1571
+ type NavigatorReplaceFunction<Routes extends Record<string, NavigatorRoute<any>>> = <K extends keyof Routes>(...args: Routes[K]["params"] extends null ? [name: K] : [name: K, params: Routes[K]["params"]]) => void;
1572
+ type NavigatorNavigation<Routes extends Record<string, NavigatorRoute<any>>> = {
1573
+ push: NavigatorPushFunction<Routes>;
1574
+ replace: NavigatorReplaceFunction<Routes>;
1575
+ pop: () => void;
1576
+ canGoBack: boolean;
1577
+ };
1578
+ type NavigatorRenderContext<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
1579
+ route: NavigatorRoute<Routes[Name]["params"]>;
1580
+ navigation: NavigatorNavigation<Routes>;
1581
+ stack: NavigatorStackEntry<Routes>[];
1582
+ };
1583
+ type NavigatorHeaderProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = NavigatorRenderContext<Routes, Name> & {
1584
+ title: React__default.ReactNode;
1585
+ right: React__default.ReactNode;
1586
+ showBackButton: boolean;
1587
+ showDivider: boolean;
1588
+ onBack?: () => void;
1589
+ };
1590
+ type NavigatorRenderHeader<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = React__default.ReactNode | ((context: NavigatorHeaderProps<Routes, Name>) => React__default.ReactNode);
1591
+ type NavigatorScreenProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
1592
+ name: Name;
1593
+ title: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
1594
+ right?: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
1595
+ showBackButton?: boolean | ((context: NavigatorRenderContext<Routes, Name>) => boolean);
1596
+ renderHeader?: NavigatorRenderHeader<Routes, Name>;
1597
+ children: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
1598
+ };
1599
+ declare const navigatorScreenIdentifier: unique symbol;
1600
+ type NavigatorStackEntry<Routes extends Record<string, NavigatorRoute<any>>> = {
1601
+ key: string;
1602
+ name: keyof Routes;
1603
+ params: Routes[keyof Routes]["params"];
1604
+ };
1605
+ type NavigatorProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
1606
+ initialRoute: Routes[Name]["params"] extends null ? Name | {
1607
+ name: Name;
1608
+ } : {
1609
+ name: Name;
1610
+ params: Routes[Name]["params"];
1611
+ };
1612
+ children: React__default.ReactNode;
1613
+ showHeader?: boolean | ((context: {
1614
+ stack: NavigatorStackEntry<Routes>[];
1615
+ }) => boolean);
1616
+ renderHeader?: NavigatorRenderHeader<Routes, any>;
1617
+ } & Pick<StackNavigatorProps, "className" | "style" | "contentClassName" | "cardStyle" | "cardClassName">;
1618
+ declare function useNavigator<Routes extends Record<string, NavigatorRoute<any>>>(): NavigatorNavigation<Routes>;
1619
+ declare function useNavigatorRoute<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>(): NavigatorRoute<Routes[Name]["params"]>;
1620
+ declare function NavigatorImpl<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>({ initialRoute, children, className, style, contentClassName, cardStyle, cardClassName, showHeader, renderHeader, }: NavigatorProps<Routes, Name>): React__default.JSX.Element;
1621
+ declare const Navigator: typeof NavigatorImpl & {
1622
+ Screen: (<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>(_props: NavigatorScreenProps<Routes, Name>) => null) & {
1623
+ [navigatorScreenIdentifier]: true;
1624
+ };
1625
+ };
1626
+ declare function createNavigator<RoutesConfig extends Record<string, NavigatorParams | null>>(): (<Name extends keyof RoutesConfig>(props: NavigatorProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode) & {
1627
+ Screen: <Name extends keyof RoutesConfig>(props: NavigatorScreenProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode;
1628
+ useNavigator: () => NavigatorNavigation<NavigatorRoutesConfig<RoutesConfig>>;
1629
+ useNavigatorRoute: <Name extends keyof RoutesConfig>(name: Name) => NavigatorRoute<NavigatorRoutesConfig<RoutesConfig>[Name]["params"]>;
1630
+ };
1631
+
1632
+ type DialogNavigatorProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = Omit<NavigatorProps<Routes, Name>, "children" | "className" | "style" | "renderHeader" | "showHeader"> & Pick<DialogProps, "closeOnInteractOutside" | "open"> & {
1633
+ children: ReactNode;
1634
+ title: ReactNode;
1635
+ onOpenChange: (open: boolean) => void;
1636
+ className?: string;
1637
+ style?: React__default.CSSProperties;
1638
+ navigatorClassName?: string;
1639
+ navigatorStyle?: React__default.CSSProperties;
1640
+ showCloseButton?: boolean;
1641
+ };
1642
+ declare function DialogNavigator<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>({ children, title, open, onOpenChange, closeOnInteractOutside, className, style, navigatorClassName, navigatorStyle, showCloseButton, ...navigatorProps }: DialogNavigatorProps<Routes, Name>): React__default.JSX.Element;
1643
+ declare function createDialogNavigator<RoutesConfig extends Record<string, NavigatorParams | null>>(): (<Name extends keyof RoutesConfig>(props: DialogNavigatorProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode) & {
1644
+ Screen: <Name extends keyof RoutesConfig>(props: NavigatorScreenProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode;
1645
+ useNavigator: () => NavigatorNavigation<NavigatorRoutesConfig<RoutesConfig>>;
1646
+ useNavigatorRoute: <Name extends keyof RoutesConfig>(name: Name) => NavigatorRoute<NavigatorRoutesConfig<RoutesConfig>[Name]["params"]>;
1647
+ };
1524
1648
 
1525
1649
  type DividerVariant = "normal" | "subtle" | "strong";
1526
1650
  interface DividerProps {
@@ -1949,110 +2073,6 @@ type ListMenuProps<T extends string> = {
1949
2073
  };
1950
2074
  declare function ListMenu<T extends string>({ items, selectedIds: selectedIdsProp, onSelect, renderRight, className, }: ListMenuProps<T>): React__default.ReactNode[];
1951
2075
 
1952
- type StackItem = {
1953
- key: string;
1954
- title?: React__default.ReactNode;
1955
- right?: React__default.ReactNode;
1956
- renderContent: () => React__default.ReactNode;
1957
- /** Force hide/show back button for this item */
1958
- showBackButton?: boolean;
1959
- renderHeader?: StackNavigatorRenderHeader;
1960
- };
1961
- type StackNavigatorHeaderProps = {
1962
- onBack?: () => void;
1963
- showBackButton: boolean;
1964
- showDivider: boolean;
1965
- right?: React__default.ReactNode;
1966
- title?: React__default.ReactNode;
1967
- };
1968
- type StackNavigatorRenderHeader = React__default.ReactNode | ((props: StackNavigatorHeaderProps) => React__default.ReactNode);
1969
- type StackNavigatorProps = {
1970
- /** Items ordered from root to top. The last item is shown. */
1971
- items: StackItem[];
1972
- /** Called when the back button is pressed */
1973
- onBack?: () => void;
1974
- className?: string;
1975
- style?: React__default.CSSProperties;
1976
- contentClassName?: string;
1977
- /** Whether to show the header. @default true */
1978
- showHeader?: boolean;
1979
- showDivider?: boolean;
1980
- cardStyle?: React__default.CSSProperties;
1981
- cardClassName?: string;
1982
- renderHeader?: StackNavigatorRenderHeader;
1983
- };
1984
- declare function StackNavigator({ items, onBack, className, style, contentClassName, cardStyle, cardClassName, showDivider, showHeader, renderHeader, }: StackNavigatorProps): React__default.JSX.Element | null;
1985
-
1986
- type NavigatorParams = Record<string, unknown>;
1987
- type NavigatorRoute<Params extends NavigatorParams | null> = {
1988
- key: string;
1989
- name: string;
1990
- params: Params;
1991
- };
1992
- type NavigatorRoutesConfig<RoutesConfig extends Record<string, NavigatorParams | null>> = {
1993
- [K in keyof RoutesConfig]: NavigatorRoute<RoutesConfig[K]>;
1994
- };
1995
- type NavigatorPushFunction<Routes extends Record<string, NavigatorRoute<any>>> = <K extends keyof Routes>(...args: Routes[K]["params"] extends null ? [name: K] : [name: K, params: Routes[K]["params"]]) => void;
1996
- type NavigatorReplaceFunction<Routes extends Record<string, NavigatorRoute<any>>> = <K extends keyof Routes>(...args: Routes[K]["params"] extends null ? [name: K] : [name: K, params: Routes[K]["params"]]) => void;
1997
- type NavigatorNavigation<Routes extends Record<string, NavigatorRoute<any>>> = {
1998
- push: NavigatorPushFunction<Routes>;
1999
- replace: NavigatorReplaceFunction<Routes>;
2000
- pop: () => void;
2001
- canGoBack: boolean;
2002
- };
2003
- type NavigatorRenderContext<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
2004
- route: NavigatorRoute<Routes[Name]["params"]>;
2005
- navigation: NavigatorNavigation<Routes>;
2006
- stack: NavigatorStackEntry<Routes>[];
2007
- };
2008
- type NavigatorHeaderProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = NavigatorRenderContext<Routes, Name> & {
2009
- title: React__default.ReactNode;
2010
- right: React__default.ReactNode;
2011
- showBackButton: boolean;
2012
- onBack?: () => void;
2013
- };
2014
- type NavigatorRenderHeader<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = React__default.ReactNode | ((context: NavigatorHeaderProps<Routes, Name>) => React__default.ReactNode);
2015
- type NavigatorScreenProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
2016
- name: Name;
2017
- title: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
2018
- right?: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
2019
- showBackButton?: boolean | ((context: NavigatorRenderContext<Routes, Name>) => boolean);
2020
- renderHeader?: NavigatorRenderHeader<Routes, Name>;
2021
- children: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
2022
- };
2023
- declare const navigatorScreenIdentifier: unique symbol;
2024
- type NavigatorStackEntry<Routes extends Record<string, NavigatorRoute<any>>> = {
2025
- key: string;
2026
- name: keyof Routes;
2027
- params: Routes[keyof Routes]["params"];
2028
- };
2029
- type NavigatorProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
2030
- initialRoute: Routes[Name]["params"] extends null ? Name | {
2031
- name: Name;
2032
- } : {
2033
- name: Name;
2034
- params: Routes[Name]["params"];
2035
- };
2036
- children: React__default.ReactNode;
2037
- showHeader?: boolean | ((context: {
2038
- stack: NavigatorStackEntry<Routes>[];
2039
- }) => boolean);
2040
- renderHeader?: NavigatorRenderHeader<Routes, any>;
2041
- } & Pick<StackNavigatorProps, "className" | "style" | "contentClassName" | "cardStyle" | "cardClassName">;
2042
- declare function useNavigator<Routes extends Record<string, NavigatorRoute<any>>>(): NavigatorNavigation<Routes>;
2043
- declare function useNavigatorRoute<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>(): NavigatorRoute<Routes[Name]["params"]>;
2044
- declare function NavigatorImpl<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>({ initialRoute, children, className, style, contentClassName, cardStyle, cardClassName, showHeader, renderHeader, }: NavigatorProps<Routes, Name>): React__default.JSX.Element;
2045
- declare const Navigator: typeof NavigatorImpl & {
2046
- Screen: (<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>(_props: NavigatorScreenProps<Routes, Name>) => null) & {
2047
- [navigatorScreenIdentifier]: true;
2048
- };
2049
- };
2050
- declare function createNavigator<RoutesConfig extends Record<string, NavigatorParams | null>>(): (<Name extends keyof RoutesConfig>(props: NavigatorProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode) & {
2051
- Screen: <Name extends keyof RoutesConfig>(props: NavigatorScreenProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode;
2052
- useNavigator: () => NavigatorNavigation<NavigatorRoutesConfig<RoutesConfig>>;
2053
- useNavigatorRoute: <Name extends keyof RoutesConfig>(name: Name) => NavigatorRoute<NavigatorRoutesConfig<RoutesConfig>[Name]["params"]>;
2054
- };
2055
-
2056
2076
  type ListNavigatorProps<T extends string> = Pick<ListMenuProps<T>, "items" | "renderRight" | "selectedIds"> & Pick<NavigatorProps<any, any>, "className" | "style"> & {
2057
2077
  title?: React__default.ReactNode;
2058
2078
  onSelect: (item: T, { popToRoot }: {
@@ -2280,6 +2300,15 @@ type SegmentedControlItemProps<T extends string> = {
2280
2300
  tooltip?: ReactNode;
2281
2301
  variant?: SegmentedControlVariant;
2282
2302
  } & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
2303
+ declare function snapIndicatorEdgesToDevicePixels({ containerLeft, itemLeft, itemRight, devicePixelRatio, }: {
2304
+ containerLeft: number;
2305
+ itemLeft: number;
2306
+ itemRight: number;
2307
+ devicePixelRatio: number;
2308
+ }): {
2309
+ left: number;
2310
+ width: number;
2311
+ };
2283
2312
  declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement<any> | null;
2284
2313
 
2285
2314
  type Side = "top" | "right" | "bottom" | "left";
@@ -2341,6 +2370,9 @@ type SharedDragProviderProps = {
2341
2370
  sharedDragProps?: SharedDragProps;
2342
2371
  itemHitSlop?: Insets;
2343
2372
  };
2373
+ declare class ContinuousPointerSensor extends PointerSensor {
2374
+ constructor(props: PointerSensorProps);
2375
+ }
2344
2376
  declare function SharedDragProvider({ children, acceptsDrop, onMoveItem, sharedDragProps, itemHitSlop, }: SharedDragProviderProps): React$1.JSX.Element;
2345
2377
  declare function withDragProvider<T extends object>(Component: React$1.ComponentType<T>): (props: T) => React$1.JSX.Element;
2346
2378
  declare const getItemFirstCollisionDetection: (registeredLists: Map<string, RegisteredList>, itemHitSlop: Insets | undefined) => CollisionDetection;
@@ -2409,6 +2441,25 @@ declare namespace Spacer {
2409
2441
  const Horizontal: React$1.ForwardRefExoticComponent<Props$4 & React$1.RefAttributes<HTMLSpanElement>>;
2410
2442
  }
2411
2443
 
2444
+ type StatCardColorScheme = NonNullable<ChipProps["colorScheme"]>;
2445
+ type StatCardTrend = "up" | "down";
2446
+ type StatCardProps = Omit<CardProps, "children"> & {
2447
+ label: React__default.ReactNode;
2448
+ value: React__default.ReactNode;
2449
+ icon?: IconProp;
2450
+ change?: React__default.ReactNode;
2451
+ trend?: StatCardTrend;
2452
+ colorScheme?: StatCardColorScheme;
2453
+ };
2454
+ declare const StatCard: React__default.ForwardRefExoticComponent<Omit<CardProps, "children"> & {
2455
+ label: React__default.ReactNode;
2456
+ value: React__default.ReactNode;
2457
+ icon?: IconProp;
2458
+ change?: React__default.ReactNode;
2459
+ trend?: StatCardTrend;
2460
+ colorScheme?: StatCardColorScheme;
2461
+ } & React__default.RefAttributes<HTMLDivElement>>;
2462
+
2412
2463
  type ColorScheme = "primary" | "secondary";
2413
2464
  interface Props$3 {
2414
2465
  id?: string;
@@ -3146,7 +3197,7 @@ declare const ToolbarMenu: <T extends string>(props: {
3146
3197
  dividerOverflow?: number;
3147
3198
  onPopoverOpenChange?: (open: boolean) => void;
3148
3199
  }) => React__default.ReactElement<any> | null;
3149
- interface ToolbarProps<T extends string = string> {
3200
+ interface AppToolbarProps<T extends string = string> {
3150
3201
  children?: React__default.ReactNode;
3151
3202
  logo?: React__default.ReactNode;
3152
3203
  leftMenuItems?: MenuItem<T>[];
@@ -3157,7 +3208,17 @@ interface ToolbarProps<T extends string = string> {
3157
3208
  dividerOverflow?: number;
3158
3209
  }
3159
3210
  declare function useBindKeyboardShortcutsForMenuItems<T extends string>(items: MenuItem<T>[], onSelectMenuItem?: (value: T) => void): void;
3160
- declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, dividerOverflow, }: ToolbarProps<T>): React__default.JSX.Element;
3211
+ declare function AppToolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, dividerOverflow, }: AppToolbarProps<T>): React__default.JSX.Element;
3212
+
3213
+ type ToolbarSize = "small" | "medium";
3214
+ interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
3215
+ /**
3216
+ * Controls the spacing between toolbar controls.
3217
+ * @default "medium"
3218
+ */
3219
+ size?: ToolbarSize;
3220
+ }
3221
+ declare const Toolbar: React__default.ForwardRefExoticComponent<ToolbarProps & React__default.RefAttributes<HTMLDivElement>>;
3161
3222
 
3162
3223
  type ToolbarDrawerProps = {
3163
3224
  children: ReactNode;
@@ -3166,4 +3227,4 @@ type ToolbarDrawerProps = {
3166
3227
  };
3167
3228
  declare const ToolbarDrawer: React__default.NamedExoticComponent<ToolbarDrawerProps & React__default.RefAttributes<HTMLDivElement>>;
3168
3229
 
3169
- export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDrop, type AcceptsDropOptions, type AcceptsFromList, ActionMenu, type ActivityIconSemanticColor, ActivityIndicator, ActivityLog, type ActivityLogItem, Anchor, AnimatePresence, type AnimatePresenceChildState, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, BaseToolbarContainer, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragItem, type DragState, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownMenuProps, EditableText, type EditableTextRef, EmojiPicker, type EmojiPickerStorage, ExtraSmall, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FileUploadIndicator, FileUploadList, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, Grid, GridBackground, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, Icon, IconButton, type IconName, type IconProp, ImageBlockComponent, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, type ItemChildrenExtraProps, type ItemChildrenProps, KeyboardShortcut, Label, LabelContext, type LabelProps, type LabelType, LabelTypeContext, type LabelTypeContextValue, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, type LinkComponent, LinkComponentProvider, List, ListMenu, type ListMenuProps, ListNavigator, type ListNavigatorProps, ListView, Logo, type MatchRange, MediaThumbnail, type MediaThumbnailProps, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, Message, type MessageProps, type MoveDragItemHandler, type MoveDragItemParameters, type MoveTreeItemOptions, Navigator, type NavigatorHeaderProps, type NavigatorNavigation, type NavigatorParams, type NavigatorProps, type NavigatorPushFunction, type NavigatorRenderContext, type NavigatorRenderHeader, type NavigatorReplaceFunction, type NavigatorRoute, type NavigatorRoutesConfig, type NavigatorScreenProps, type NavigatorStackEntry, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type OverlayLayout, OverlayToolbar, type OverlayToolbarProps, type PanelLayoutState, PipelineResultLayout, PipelineResultLink, Popover, type PopoverMenuItem, type PortalScopeContextValue, PortalScopeProvider, Progress, type RelativeDropPosition, type RenderPanel, type RenderThumbnailIconProps, ResizableContainer, RingProgress, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, type ScrollToIndexAlign, type ScrollToIndexOptions, type ScrollToIndexPadding, ScrollableSidebar, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, SharedDragProvider, type SharedDragProviderProps, type SideOptions, type SideType, type SidebarOptions, type SidebarRef, type SidebarState, type SketchPattern, Slider, Small, Sortable, SortableItemContext, type SortableItemContextProps, type SortableProps, Spacer, type StackItem, StackNavigator, type StackNavigatorHeaderProps, type StackNavigatorProps, type StackNavigatorRenderHeader, Stepper, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Tabs, type TabsProps, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarDrawer, ToolbarMenu, ToolbarMenuButton, ToolbarMenuContext, ToolbarMenuDropdown, ToolbarMenuItem, ToolbarMenuPopover, type ToolbarProps, ToolbarShortcut, type ToolbarVariant, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPicker, type UserPickerProps, type UserPickerUser, UserPointer, type UserPointerProps, type ValidateDropIndicatorParams, Virtualized, type VirtualizedProps, type VirtualizedRenderItem, WorkspaceLayout, type WorkspaceLayoutGroup, type WorkspaceLayoutProps, type WorkspaceLayoutRef, type WorkspaceLayoutState, type WorkspaceSideContextValue, WorkspaceSideProvider, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createDragItemKey, createNavigator, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, decodeImageSrc, defaultAcceptsDrop, dragItemKeySeparator, editableBlockStyles, filterWithGroupedSections, formatByteSize, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGridSize, getItemFirstCollisionDetection, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, getUserDisplayName, isMenuItemSectionHeader, isNonSelectableMenuItem, isPopoverMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, isSubMenuItem, labeledFieldStyles, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, parseDragItemKey, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, proseTheme, renderIcon, separator, styles, textStyles, toolbarTransparentStyle, updateSelection, useAutoResize, useBindKeyboardShortcutsForMenuItems, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelType, useLabelWidth, useLinkComponent, useNavigator, useNavigatorRoute, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, useTheme, useToast, useWorkspaceSide, validateDropIndicator, whiteboardProseTheme, withDragProvider, withSeparatorElements };
3230
+ export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDrop, type AcceptsDropOptions, type AcceptsFromList, ActionMenu, type ActivityIconSemanticColor, ActivityIndicator, ActivityLog, type ActivityLogItem, Anchor, AnimatePresence, type AnimatePresenceChildState, type AnimatePresenceProps, AppToolbar, type AppToolbarProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, BaseToolbarContainer, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, Card, type CardProps, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, ContinuousPointerSensor, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogNavigator, type DialogNavigatorProps, type DialogProps, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragItem, type DragState, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownMenuProps, EditableText, type EditableTextRef, EmojiPicker, type EmojiPickerStorage, ExtraSmall, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FileUploadIndicator, FileUploadList, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, Grid, GridBackground, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, Icon, IconButton, type IconName, type IconProp, ImageBlockComponent, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, type ItemChildrenExtraProps, type ItemChildrenProps, KeyboardShortcut, Label, LabelContext, type LabelProps, type LabelType, LabelTypeContext, type LabelTypeContextValue, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, type LinkComponent, LinkComponentProvider, List, ListMenu, type ListMenuProps, ListNavigator, type ListNavigatorProps, ListView, Logo, type MatchRange, MediaThumbnail, type MediaThumbnailProps, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, Message, type MessageProps, type MoveDragItemHandler, type MoveDragItemParameters, type MoveTreeItemOptions, Navigator, type NavigatorHeaderProps, type NavigatorNavigation, type NavigatorParams, type NavigatorProps, type NavigatorPushFunction, type NavigatorRenderContext, type NavigatorRenderHeader, type NavigatorReplaceFunction, type NavigatorRoute, type NavigatorRoutesConfig, type NavigatorScreenProps, type NavigatorStackEntry, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type OverlayLayout, OverlayToolbar, type OverlayToolbarProps, type PanelLayoutState, PipelineResultLayout, PipelineResultLink, Popover, type PopoverMenuItem, type PortalScopeContextValue, PortalScopeProvider, Progress, type RelativeDropPosition, type RenderPanel, type RenderThumbnailIconProps, ResizableContainer, RingProgress, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, type ScrollToIndexAlign, type ScrollToIndexOptions, type ScrollToIndexPadding, ScrollableSidebar, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, SharedDragProvider, type SharedDragProviderProps, type SideOptions, type SideType, type SidebarOptions, type SidebarRef, type SidebarState, type SketchPattern, Slider, Small, Sortable, SortableItemContext, type SortableItemContextProps, type SortableProps, Spacer, type StackItem, StackNavigator, type StackNavigatorHeaderProps, type StackNavigatorProps, type StackNavigatorRenderHeader, StatCard, type StatCardColorScheme, type StatCardProps, type StatCardTrend, Stepper, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Tabs, type TabsProps, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarDrawer, ToolbarMenu, ToolbarMenuButton, ToolbarMenuContext, ToolbarMenuDropdown, ToolbarMenuItem, ToolbarMenuPopover, type ToolbarProps, ToolbarShortcut, type ToolbarSize, type ToolbarVariant, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPicker, type UserPickerProps, type UserPickerUser, UserPointer, type UserPointerProps, type ValidateDropIndicatorParams, Virtualized, type VirtualizedProps, type VirtualizedRenderItem, WorkspaceLayout, type WorkspaceLayoutGroup, type WorkspaceLayoutProps, type WorkspaceLayoutRef, type WorkspaceLayoutState, type WorkspaceSideContextValue, WorkspaceSideProvider, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createDialogNavigator, createDragItemKey, createNavigator, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, decodeImageSrc, defaultAcceptsDrop, dragItemKeySeparator, editableBlockStyles, filterWithGroupedSections, formatByteSize, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGridSize, getItemFirstCollisionDetection, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, getUserDisplayName, isMenuItemSectionHeader, isNonSelectableMenuItem, isPopoverMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, isSubMenuItem, labeledFieldStyles, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, parseDragItemKey, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, proseTheme, renderIcon, separator, snapIndicatorEdgesToDevicePixels, styles, textStyles, toolbarTransparentStyle, updateSelection, useAutoResize, useBindKeyboardShortcutsForMenuItems, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelType, useLabelWidth, useLinkComponent, useNavigator, useNavigatorRoute, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, useTheme, useToast, useWorkspaceSide, validateDropIndicator, whiteboardProseTheme, withDragProvider, withSeparatorElements };