@wistia/ui 0.18.13 → 0.18.14-beta.0ffff1cc.bde9434

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 (7) hide show
  1. package/dist/index.cjs +1106 -1013
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.mts +21 -31
  4. package/dist/index.d.ts +21 -31
  5. package/dist/index.mjs +1011 -918
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +13 -13
package/dist/index.d.mts CHANGED
@@ -99,7 +99,7 @@ type Rect = {
99
99
  x: number;
100
100
  y: number;
101
101
  };
102
- declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
102
+ declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
103
103
 
104
104
  /**
105
105
  * Hook that wraps `useFilePicker` from the use-file-picker library
@@ -116,7 +116,7 @@ declare const useImperativeFilePicker: <T extends useImperativeFilePickerConfig
116
116
 
117
117
  type UseFocusTrapOptions = {
118
118
  disableAriaHider?: boolean;
119
- focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
119
+ focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
120
120
  };
121
121
  declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
122
122
 
@@ -365,9 +365,7 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
365
365
  * action, or performing a delete operation. It replaces the HTML `<button>` element,
366
366
  * unless an `href` attribute is passed, in which it will render an `<a>` element.
367
367
  */
368
- declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
369
- ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
370
- } & {
368
+ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
371
369
  beforeAction?: (() => Promise<void>) | (() => void);
372
370
  children: ReactNode;
373
371
  colorScheme?: ColorSchemeTypes;
@@ -398,9 +396,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
398
396
  * @ignore
399
397
  */
400
398
  type?: LinkTypes;
401
- }, "ref"> | Omit<BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
402
- ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
403
- } & {
399
+ }, "ref"> | Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
404
400
  beforeAction?: (() => Promise<void>) | (() => void);
405
401
  children: ReactNode;
406
402
  colorScheme?: ColorSchemeTypes;
@@ -409,9 +405,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
409
405
  rightIcon?: ReactNode | undefined;
410
406
  type?: LinkTypes | undefined;
411
407
  underline?: "always" | "hover" | "none";
412
- } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
413
- ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
414
- } & {
408
+ } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
415
409
  href?: never;
416
410
  type?: "button" | "reset" | "submit";
417
411
  } & {
@@ -1144,7 +1138,7 @@ type ClickRegionProps = {
1144
1138
  /**
1145
1139
  * The ref to the button or link that should be clicked when the ClickRegion is clicked.
1146
1140
  */
1147
- targetRef: MutableRefObject<HTMLAnchorElement | HTMLButtonElement | null>;
1141
+ targetRef: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
1148
1142
  };
1149
1143
  /**
1150
1144
  * This allows larger elements to be interactive links or buttons while maintaining acessibility.
@@ -1251,6 +1245,7 @@ declare const iconMap: {
1251
1245
  'cursor-click': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1252
1246
  delete: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1253
1247
  desktop: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1248
+ 'docs-dev': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1254
1249
  'dots-horizontal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1255
1250
  download: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1256
1251
  'edit-transcript': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1265,21 +1260,21 @@ declare const iconMap: {
1265
1260
  'fast-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1266
1261
  favorite: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1267
1262
  'favorite-outline': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1268
- 'file-tree': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1269
1263
  featured: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1264
+ 'file-tree': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1270
1265
  fill: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1271
1266
  'film-strip': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1272
1267
  filter: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1273
1268
  fit: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1274
- footer: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1275
1269
  fonts: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1270
+ footer: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1276
1271
  'full-screen': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1277
1272
  gear: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1278
1273
  'getting-started': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1279
1274
  grid: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1280
1275
  'grip-dots-vertical': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1281
- 'help-center': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1282
1276
  header: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1277
+ 'help-center': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1283
1278
  hide: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1284
1279
  home: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1285
1280
  hourglass: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1368,6 +1363,8 @@ declare const iconMap: {
1368
1363
  thumbnail: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1369
1364
  'thumbs-down': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1370
1365
  'thumbs-up': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1366
+ 'timeline-vertical': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1367
+ token: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1371
1368
  transcript: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1372
1369
  transitions: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1373
1370
  transparency: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1386,6 +1383,7 @@ declare const iconMap: {
1386
1383
  'volume-x': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1387
1384
  wand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1388
1385
  waveform: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1386
+ webhook: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1389
1387
  'zoom-in': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1390
1388
  'zoom-out': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1391
1389
  };
@@ -1670,7 +1668,7 @@ type ContextMenuProps = {
1670
1668
  } | {
1671
1669
  position?: never;
1672
1670
  side?: never;
1673
- triggerRef: RefObject<HTMLElement>;
1671
+ triggerRef: RefObject<HTMLElement | null>;
1674
1672
  });
1675
1673
  /**
1676
1674
  * The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
@@ -1719,7 +1717,7 @@ declare const DataCard: {
1719
1717
  displayName: string;
1720
1718
  };
1721
1719
 
1722
- type DataCardsProps = ComponentPropsWithoutRef<'dl'> & {
1720
+ type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
1723
1721
  /**
1724
1722
  * Should be at least one `DataCard` component
1725
1723
  */
@@ -2861,9 +2859,7 @@ type MenuItemButtonProps = ButtonProps & {
2861
2859
  unstyled?: never;
2862
2860
  };
2863
2861
 
2864
- declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
2865
- ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
2866
- } & {
2862
+ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
2867
2863
  beforeAction?: (() => Promise<void>) | (() => void);
2868
2864
  children: react.ReactNode;
2869
2865
  colorScheme?: ColorSchemeTypes;
@@ -2904,9 +2900,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2904
2900
  * Treats the menu item as a link when provided
2905
2901
  */
2906
2902
  href?: MenuItemButtonProps["href"];
2907
- }, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
2908
- ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
2909
- } & {
2903
+ }, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
2910
2904
  beforeAction?: (() => Promise<void>) | (() => void);
2911
2905
  children: react.ReactNode;
2912
2906
  colorScheme?: ColorSchemeTypes;
@@ -2915,9 +2909,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2915
2909
  rightIcon?: react.ReactNode | undefined;
2916
2910
  type?: LinkTypes | undefined;
2917
2911
  underline?: "always" | "hover" | "none";
2918
- } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2919
- ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
2920
- } & {
2912
+ } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
2921
2913
  href?: never;
2922
2914
  type?: "button" | "reset" | "submit";
2923
2915
  } & {
@@ -2943,9 +2935,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2943
2935
  * Treats the menu item as a link when provided
2944
2936
  */
2945
2937
  href?: MenuItemButtonProps["href"];
2946
- }, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2947
- ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
2948
- } & {
2938
+ }, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
2949
2939
  href?: never;
2950
2940
  type?: "button" | "reset" | "submit";
2951
2941
  children: react.ReactNode;
@@ -3102,7 +3092,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
3102
3092
  /**
3103
3093
  * Ref to the element that should receive focus when the modal opens
3104
3094
  */
3105
- initialFocusRef?: RefObject<HTMLElement>;
3095
+ initialFocusRef?: RefObject<HTMLElement | null>;
3106
3096
  /**
3107
3097
  * Determines if the modal is currently open
3108
3098
  */
@@ -3150,7 +3140,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
3150
3140
  /**
3151
3141
  * Ref to the element that should receive focus when the modal opens
3152
3142
  */
3153
- initialFocusRef?: RefObject<HTMLElement>;
3143
+ initialFocusRef?: RefObject<HTMLElement | null>;
3154
3144
  /**
3155
3145
  * Determines if the modal is currently open
3156
3146
  */
package/dist/index.d.ts CHANGED
@@ -99,7 +99,7 @@ type Rect = {
99
99
  x: number;
100
100
  y: number;
101
101
  };
102
- declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
102
+ declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
103
103
 
104
104
  /**
105
105
  * Hook that wraps `useFilePicker` from the use-file-picker library
@@ -116,7 +116,7 @@ declare const useImperativeFilePicker: <T extends useImperativeFilePickerConfig
116
116
 
117
117
  type UseFocusTrapOptions = {
118
118
  disableAriaHider?: boolean;
119
- focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
119
+ focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
120
120
  };
121
121
  declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
122
122
 
@@ -365,9 +365,7 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
365
365
  * action, or performing a delete operation. It replaces the HTML `<button>` element,
366
366
  * unless an `href` attribute is passed, in which it will render an `<a>` element.
367
367
  */
368
- declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
369
- ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
370
- } & {
368
+ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
371
369
  beforeAction?: (() => Promise<void>) | (() => void);
372
370
  children: ReactNode;
373
371
  colorScheme?: ColorSchemeTypes;
@@ -398,9 +396,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
398
396
  * @ignore
399
397
  */
400
398
  type?: LinkTypes;
401
- }, "ref"> | Omit<BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
402
- ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
403
- } & {
399
+ }, "ref"> | Omit<BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
404
400
  beforeAction?: (() => Promise<void>) | (() => void);
405
401
  children: ReactNode;
406
402
  colorScheme?: ColorSchemeTypes;
@@ -409,9 +405,7 @@ declare const Button: react.ForwardRefExoticComponent<(Omit<BaseButtonProps & Om
409
405
  rightIcon?: ReactNode | undefined;
410
406
  type?: LinkTypes | undefined;
411
407
  underline?: "always" | "hover" | "none";
412
- } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
413
- ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
414
- } & {
408
+ } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
415
409
  href?: never;
416
410
  type?: "button" | "reset" | "submit";
417
411
  } & {
@@ -1144,7 +1138,7 @@ type ClickRegionProps = {
1144
1138
  /**
1145
1139
  * The ref to the button or link that should be clicked when the ClickRegion is clicked.
1146
1140
  */
1147
- targetRef: MutableRefObject<HTMLAnchorElement | HTMLButtonElement | null>;
1141
+ targetRef: RefObject<HTMLAnchorElement | HTMLButtonElement | null>;
1148
1142
  };
1149
1143
  /**
1150
1144
  * This allows larger elements to be interactive links or buttons while maintaining acessibility.
@@ -1251,6 +1245,7 @@ declare const iconMap: {
1251
1245
  'cursor-click': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1252
1246
  delete: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1253
1247
  desktop: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1248
+ 'docs-dev': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1254
1249
  'dots-horizontal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1255
1250
  download: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1256
1251
  'edit-transcript': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1265,21 +1260,21 @@ declare const iconMap: {
1265
1260
  'fast-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1266
1261
  favorite: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1267
1262
  'favorite-outline': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1268
- 'file-tree': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1269
1263
  featured: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1264
+ 'file-tree': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1270
1265
  fill: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1271
1266
  'film-strip': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1272
1267
  filter: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1273
1268
  fit: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1274
- footer: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1275
1269
  fonts: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1270
+ footer: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1276
1271
  'full-screen': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1277
1272
  gear: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1278
1273
  'getting-started': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1279
1274
  grid: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1280
1275
  'grip-dots-vertical': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1281
- 'help-center': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1282
1276
  header: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1277
+ 'help-center': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1283
1278
  hide: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1284
1279
  home: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1285
1280
  hourglass: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1368,6 +1363,8 @@ declare const iconMap: {
1368
1363
  thumbnail: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1369
1364
  'thumbs-down': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1370
1365
  'thumbs-up': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1366
+ 'timeline-vertical': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1367
+ token: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1371
1368
  transcript: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1372
1369
  transitions: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1373
1370
  transparency: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1386,6 +1383,7 @@ declare const iconMap: {
1386
1383
  'volume-x': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1387
1384
  wand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1388
1385
  waveform: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1386
+ webhook: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1389
1387
  'zoom-in': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1390
1388
  'zoom-out': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
1391
1389
  };
@@ -1670,7 +1668,7 @@ type ContextMenuProps = {
1670
1668
  } | {
1671
1669
  position?: never;
1672
1670
  side?: never;
1673
- triggerRef: RefObject<HTMLElement>;
1671
+ triggerRef: RefObject<HTMLElement | null>;
1674
1672
  });
1675
1673
  /**
1676
1674
  * The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
@@ -1719,7 +1717,7 @@ declare const DataCard: {
1719
1717
  displayName: string;
1720
1718
  };
1721
1719
 
1722
- type DataCardsProps = ComponentPropsWithoutRef<'dl'> & {
1720
+ type DataCardsProps = ComponentPropsWithoutRef<'div'> & {
1723
1721
  /**
1724
1722
  * Should be at least one `DataCard` component
1725
1723
  */
@@ -2861,9 +2859,7 @@ type MenuItemButtonProps = ButtonProps & {
2861
2859
  unstyled?: never;
2862
2860
  };
2863
2861
 
2864
- declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
2865
- ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
2866
- } & {
2862
+ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
2867
2863
  beforeAction?: (() => Promise<void>) | (() => void);
2868
2864
  children: react.ReactNode;
2869
2865
  colorScheme?: ColorSchemeTypes;
@@ -2904,9 +2900,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2904
2900
  * Treats the menu item as a link when provided
2905
2901
  */
2906
2902
  href?: MenuItemButtonProps["href"];
2907
- }, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
2908
- ref?: ((instance: HTMLAnchorElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLAnchorElement> | null | undefined;
2909
- } & {
2903
+ }, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLAnchorElement> & react.AnchorHTMLAttributes<HTMLAnchorElement> & {
2910
2904
  beforeAction?: (() => Promise<void>) | (() => void);
2911
2905
  children: react.ReactNode;
2912
2906
  colorScheme?: ColorSchemeTypes;
@@ -2915,9 +2909,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2915
2909
  rightIcon?: react.ReactNode | undefined;
2916
2910
  type?: LinkTypes | undefined;
2917
2911
  underline?: "always" | "hover" | "none";
2918
- } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2919
- ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
2920
- } & {
2912
+ } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
2921
2913
  href?: never;
2922
2914
  type?: "button" | "reset" | "submit";
2923
2915
  } & {
@@ -2943,9 +2935,7 @@ declare const MenuItem: react.ForwardRefExoticComponent<(Omit<DropdownMenuItemPr
2943
2935
  * Treats the menu item as a link when provided
2944
2936
  */
2945
2937
  href?: MenuItemButtonProps["href"];
2946
- }, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2947
- ref?: ((instance: HTMLButtonElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLButtonElement> | null | undefined;
2948
- } & {
2938
+ }, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
2949
2939
  href?: never;
2950
2940
  type?: "button" | "reset" | "submit";
2951
2941
  children: react.ReactNode;
@@ -3102,7 +3092,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
3102
3092
  /**
3103
3093
  * Ref to the element that should receive focus when the modal opens
3104
3094
  */
3105
- initialFocusRef?: RefObject<HTMLElement>;
3095
+ initialFocusRef?: RefObject<HTMLElement | null>;
3106
3096
  /**
3107
3097
  * Determines if the modal is currently open
3108
3098
  */
@@ -3150,7 +3140,7 @@ declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
3150
3140
  /**
3151
3141
  * Ref to the element that should receive focus when the modal opens
3152
3142
  */
3153
- initialFocusRef?: RefObject<HTMLElement>;
3143
+ initialFocusRef?: RefObject<HTMLElement | null>;
3154
3144
  /**
3155
3145
  * Determines if the modal is currently open
3156
3146
  */