@noya-app/noya-designsystem 0.1.86 → 0.1.88

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.
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;
@@ -1508,8 +1511,9 @@ declare const ContextMenu: <T extends string>(props: MenuProps<T>) => React__def
1508
1511
  interface IDialog {
1509
1512
  containsElement: (element: HTMLElement) => boolean;
1510
1513
  }
1511
- interface Props$a {
1514
+ interface DialogProps {
1512
1515
  title?: ReactNode;
1516
+ titleVisibility?: "visible" | "hidden";
1513
1517
  description?: ReactNode;
1514
1518
  children?: ReactNode;
1515
1519
  style?: React__default.CSSProperties;
@@ -1519,8 +1523,130 @@ interface Props$a {
1519
1523
  showCloseButton?: boolean;
1520
1524
  className?: string;
1521
1525
  }
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>>;
1526
+ declare const Dialog: React__default.ForwardRefExoticComponent<DialogProps & React__default.RefAttributes<IDialog>>;
1527
+ declare const FullscreenDialog: React__default.ForwardRefExoticComponent<DialogProps & React__default.RefAttributes<IDialog>>;
1528
+
1529
+ type StackItem = {
1530
+ key: string;
1531
+ title?: React__default.ReactNode;
1532
+ right?: React__default.ReactNode;
1533
+ renderContent: () => React__default.ReactNode;
1534
+ /** Force hide/show back button for this item */
1535
+ showBackButton?: boolean;
1536
+ renderHeader?: StackNavigatorRenderHeader;
1537
+ };
1538
+ type StackNavigatorHeaderProps = {
1539
+ onBack?: () => void;
1540
+ showBackButton: boolean;
1541
+ showDivider: boolean;
1542
+ right?: React__default.ReactNode;
1543
+ title?: React__default.ReactNode;
1544
+ };
1545
+ type StackNavigatorRenderHeader = React__default.ReactNode | ((props: StackNavigatorHeaderProps) => React__default.ReactNode);
1546
+ type StackNavigatorProps = {
1547
+ /** Items ordered from root to top. The last item is shown. */
1548
+ items: StackItem[];
1549
+ /** Called when the back button is pressed */
1550
+ onBack?: () => void;
1551
+ className?: string;
1552
+ style?: React__default.CSSProperties;
1553
+ contentClassName?: string;
1554
+ /** Whether to show the header. @default true */
1555
+ showHeader?: boolean;
1556
+ showDivider?: boolean;
1557
+ cardStyle?: React__default.CSSProperties;
1558
+ cardClassName?: string;
1559
+ renderHeader?: StackNavigatorRenderHeader;
1560
+ };
1561
+ declare function StackNavigator({ items, onBack, className, style, contentClassName, cardStyle, cardClassName, showDivider, showHeader, renderHeader, }: StackNavigatorProps): React__default.JSX.Element | null;
1562
+
1563
+ type NavigatorParams = Record<string, unknown>;
1564
+ type NavigatorRoute<Params extends NavigatorParams | null> = {
1565
+ key: string;
1566
+ name: string;
1567
+ params: Params;
1568
+ };
1569
+ type NavigatorRoutesConfig<RoutesConfig extends Record<string, NavigatorParams | null>> = {
1570
+ [K in keyof RoutesConfig]: NavigatorRoute<RoutesConfig[K]>;
1571
+ };
1572
+ 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;
1573
+ 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;
1574
+ type NavigatorNavigation<Routes extends Record<string, NavigatorRoute<any>>> = {
1575
+ push: NavigatorPushFunction<Routes>;
1576
+ replace: NavigatorReplaceFunction<Routes>;
1577
+ pop: () => void;
1578
+ canGoBack: boolean;
1579
+ };
1580
+ type NavigatorRenderContext<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
1581
+ route: NavigatorRoute<Routes[Name]["params"]>;
1582
+ navigation: NavigatorNavigation<Routes>;
1583
+ stack: NavigatorStackEntry<Routes>[];
1584
+ };
1585
+ type NavigatorHeaderProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = NavigatorRenderContext<Routes, Name> & {
1586
+ title: React__default.ReactNode;
1587
+ right: React__default.ReactNode;
1588
+ showBackButton: boolean;
1589
+ showDivider: boolean;
1590
+ onBack?: () => void;
1591
+ };
1592
+ type NavigatorRenderHeader<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = React__default.ReactNode | ((context: NavigatorHeaderProps<Routes, Name>) => React__default.ReactNode);
1593
+ type NavigatorScreenProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
1594
+ name: Name;
1595
+ title: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
1596
+ right?: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
1597
+ showBackButton?: boolean | ((context: NavigatorRenderContext<Routes, Name>) => boolean);
1598
+ renderHeader?: NavigatorRenderHeader<Routes, Name>;
1599
+ children: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
1600
+ };
1601
+ declare const navigatorScreenIdentifier: unique symbol;
1602
+ type NavigatorStackEntry<Routes extends Record<string, NavigatorRoute<any>>> = {
1603
+ key: string;
1604
+ name: keyof Routes;
1605
+ params: Routes[keyof Routes]["params"];
1606
+ };
1607
+ type NavigatorProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
1608
+ initialRoute: Routes[Name]["params"] extends null ? Name | {
1609
+ name: Name;
1610
+ } : {
1611
+ name: Name;
1612
+ params: Routes[Name]["params"];
1613
+ };
1614
+ children: React__default.ReactNode;
1615
+ showHeader?: boolean | ((context: {
1616
+ stack: NavigatorStackEntry<Routes>[];
1617
+ }) => boolean);
1618
+ renderHeader?: NavigatorRenderHeader<Routes, any>;
1619
+ } & Pick<StackNavigatorProps, "className" | "style" | "contentClassName" | "cardStyle" | "cardClassName">;
1620
+ declare function useNavigator<Routes extends Record<string, NavigatorRoute<any>>>(): NavigatorNavigation<Routes>;
1621
+ declare function useNavigatorRoute<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>(): NavigatorRoute<Routes[Name]["params"]>;
1622
+ 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;
1623
+ declare const Navigator: typeof NavigatorImpl & {
1624
+ Screen: (<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>(_props: NavigatorScreenProps<Routes, Name>) => null) & {
1625
+ [navigatorScreenIdentifier]: true;
1626
+ };
1627
+ };
1628
+ declare function createNavigator<RoutesConfig extends Record<string, NavigatorParams | null>>(): (<Name extends keyof RoutesConfig>(props: NavigatorProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode) & {
1629
+ Screen: <Name extends keyof RoutesConfig>(props: NavigatorScreenProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode;
1630
+ useNavigator: () => NavigatorNavigation<NavigatorRoutesConfig<RoutesConfig>>;
1631
+ useNavigatorRoute: <Name extends keyof RoutesConfig>(name: Name) => NavigatorRoute<NavigatorRoutesConfig<RoutesConfig>[Name]["params"]>;
1632
+ };
1633
+
1634
+ 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"> & {
1635
+ children: ReactNode;
1636
+ title: ReactNode;
1637
+ onOpenChange: (open: boolean) => void;
1638
+ className?: string;
1639
+ style?: React__default.CSSProperties;
1640
+ navigatorClassName?: string;
1641
+ navigatorStyle?: React__default.CSSProperties;
1642
+ showCloseButton?: boolean;
1643
+ };
1644
+ 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;
1645
+ declare function createDialogNavigator<RoutesConfig extends Record<string, NavigatorParams | null>>(): (<Name extends keyof RoutesConfig>(props: DialogNavigatorProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode) & {
1646
+ Screen: <Name extends keyof RoutesConfig>(props: NavigatorScreenProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode;
1647
+ useNavigator: () => NavigatorNavigation<NavigatorRoutesConfig<RoutesConfig>>;
1648
+ useNavigatorRoute: <Name extends keyof RoutesConfig>(name: Name) => NavigatorRoute<NavigatorRoutesConfig<RoutesConfig>[Name]["params"]>;
1649
+ };
1524
1650
 
1525
1651
  type DividerVariant = "normal" | "subtle" | "strong";
1526
1652
  interface DividerProps {
@@ -1949,110 +2075,6 @@ type ListMenuProps<T extends string> = {
1949
2075
  };
1950
2076
  declare function ListMenu<T extends string>({ items, selectedIds: selectedIdsProp, onSelect, renderRight, className, }: ListMenuProps<T>): React__default.ReactNode[];
1951
2077
 
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
2078
  type ListNavigatorProps<T extends string> = Pick<ListMenuProps<T>, "items" | "renderRight" | "selectedIds"> & Pick<NavigatorProps<any, any>, "className" | "style"> & {
2057
2079
  title?: React__default.ReactNode;
2058
2080
  onSelect: (item: T, { popToRoot }: {
@@ -2280,6 +2302,15 @@ type SegmentedControlItemProps<T extends string> = {
2280
2302
  tooltip?: ReactNode;
2281
2303
  variant?: SegmentedControlVariant;
2282
2304
  } & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
2305
+ declare function snapIndicatorEdgesToDevicePixels({ containerLeft, itemLeft, itemRight, devicePixelRatio, }: {
2306
+ containerLeft: number;
2307
+ itemLeft: number;
2308
+ itemRight: number;
2309
+ devicePixelRatio: number;
2310
+ }): {
2311
+ left: number;
2312
+ width: number;
2313
+ };
2283
2314
  declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement<any> | null;
2284
2315
 
2285
2316
  type Side = "top" | "right" | "bottom" | "left";
@@ -2341,6 +2372,9 @@ type SharedDragProviderProps = {
2341
2372
  sharedDragProps?: SharedDragProps;
2342
2373
  itemHitSlop?: Insets;
2343
2374
  };
2375
+ declare class ContinuousPointerSensor extends PointerSensor {
2376
+ constructor(props: PointerSensorProps);
2377
+ }
2344
2378
  declare function SharedDragProvider({ children, acceptsDrop, onMoveItem, sharedDragProps, itemHitSlop, }: SharedDragProviderProps): React$1.JSX.Element;
2345
2379
  declare function withDragProvider<T extends object>(Component: React$1.ComponentType<T>): (props: T) => React$1.JSX.Element;
2346
2380
  declare const getItemFirstCollisionDetection: (registeredLists: Map<string, RegisteredList>, itemHitSlop: Insets | undefined) => CollisionDetection;
@@ -2409,6 +2443,25 @@ declare namespace Spacer {
2409
2443
  const Horizontal: React$1.ForwardRefExoticComponent<Props$4 & React$1.RefAttributes<HTMLSpanElement>>;
2410
2444
  }
2411
2445
 
2446
+ type StatCardColorScheme = NonNullable<ChipProps["colorScheme"]>;
2447
+ type StatCardTrend = "up" | "down";
2448
+ type StatCardProps = Omit<CardProps, "children"> & {
2449
+ label: React__default.ReactNode;
2450
+ value: React__default.ReactNode;
2451
+ icon?: IconProp;
2452
+ change?: React__default.ReactNode;
2453
+ trend?: StatCardTrend;
2454
+ colorScheme?: StatCardColorScheme;
2455
+ };
2456
+ declare const StatCard: React__default.ForwardRefExoticComponent<Omit<CardProps, "children"> & {
2457
+ label: React__default.ReactNode;
2458
+ value: React__default.ReactNode;
2459
+ icon?: IconProp;
2460
+ change?: React__default.ReactNode;
2461
+ trend?: StatCardTrend;
2462
+ colorScheme?: StatCardColorScheme;
2463
+ } & React__default.RefAttributes<HTMLDivElement>>;
2464
+
2412
2465
  type ColorScheme = "primary" | "secondary";
2413
2466
  interface Props$3 {
2414
2467
  id?: string;
@@ -3146,7 +3199,7 @@ declare const ToolbarMenu: <T extends string>(props: {
3146
3199
  dividerOverflow?: number;
3147
3200
  onPopoverOpenChange?: (open: boolean) => void;
3148
3201
  }) => React__default.ReactElement<any> | null;
3149
- interface ToolbarProps<T extends string = string> {
3202
+ interface AppToolbarProps<T extends string = string> {
3150
3203
  children?: React__default.ReactNode;
3151
3204
  logo?: React__default.ReactNode;
3152
3205
  leftMenuItems?: MenuItem<T>[];
@@ -3157,7 +3210,17 @@ interface ToolbarProps<T extends string = string> {
3157
3210
  dividerOverflow?: number;
3158
3211
  }
3159
3212
  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;
3213
+ declare function AppToolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, dividerOverflow, }: AppToolbarProps<T>): React__default.JSX.Element;
3214
+
3215
+ type ToolbarSize = "small" | "medium";
3216
+ interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
3217
+ /**
3218
+ * Controls the spacing between toolbar controls.
3219
+ * @default "medium"
3220
+ */
3221
+ size?: ToolbarSize;
3222
+ }
3223
+ declare const Toolbar: React__default.ForwardRefExoticComponent<ToolbarProps & React__default.RefAttributes<HTMLDivElement>>;
3161
3224
 
3162
3225
  type ToolbarDrawerProps = {
3163
3226
  children: ReactNode;
@@ -3166,4 +3229,4 @@ type ToolbarDrawerProps = {
3166
3229
  };
3167
3230
  declare const ToolbarDrawer: React__default.NamedExoticComponent<ToolbarDrawerProps & React__default.RefAttributes<HTMLDivElement>>;
3168
3231
 
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 };
3232
+ 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 };