@rocket.chat/fuselage 0.73.0 → 0.74.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,12 +1,12 @@
1
- import type { ElementType, HTMLAttributes } from 'react';
1
+ import type { ElementType, HTMLAttributes, ReactNode } from 'react';
2
2
  export type BadgeProps = {
3
3
  is?: ElementType<HTMLAttributes<HTMLSpanElement>>;
4
4
  variant?: 'secondary' | 'primary' | 'danger' | 'warning' | 'ghost';
5
5
  small?: boolean;
6
6
  disabled?: boolean;
7
7
  className?: string;
8
- children?: any;
9
- title?: any;
8
+ children?: ReactNode;
9
+ title?: string;
10
10
  } & HTMLAttributes<HTMLSpanElement>;
11
11
  declare function Badge({ is: Tag, variant, small, className, disabled, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
12
12
  export default Badge;
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAKpC,iBAAS,KAAK,CAAC,EACb,EAAE,EAAE,GAAY,EAChB,OAAqB,EACrB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAeZ;AAED,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAKpC,iBAAS,KAAK,CAAC,EACb,EAAE,EAAE,GAAY,EAChB,OAAqB,EACrB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAeZ;AAED,eAAe,KAAK,CAAC"}
@@ -24,7 +24,7 @@ declare const ActionButton: import("react").ForwardRefExoticComponent<import("..
24
24
  square?: boolean;
25
25
  external?: boolean;
26
26
  icon?: IconProps["name"];
27
- } & Omit<import("react").AllHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, "is" | "size" | "className"> & ButtonSize & {
27
+ } & Omit<import("react").AllHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, "className" | "size" | "is"> & ButtonSize & {
28
28
  icon: IconProps["name"];
29
29
  } & import("react").RefAttributes<HTMLButtonElement>>;
30
30
  export default ActionButton;
@@ -34,6 +34,6 @@ declare const Button: import("react").ForwardRefExoticComponent<BoxProps & {
34
34
  square?: boolean;
35
35
  external?: boolean;
36
36
  icon?: IconProps["name"];
37
- } & Omit<AllHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, "is" | "size" | "className"> & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
37
+ } & Omit<AllHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, "className" | "size" | "is"> & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
38
38
  export default Button;
39
39
  //# sourceMappingURL=Button.d.ts.map
@@ -4,7 +4,7 @@ export type IconProps = Omit<BoxProps, 'name' | 'size'> & {
4
4
  name: IconName;
5
5
  size?: BoxProps['width'];
6
6
  };
7
- declare const Icon: import("react").ForwardRefExoticComponent<Omit<BoxProps, "name" | "size"> & {
7
+ declare const Icon: import("react").ForwardRefExoticComponent<Omit<BoxProps, "size" | "name"> & {
8
8
  name: IconName;
9
9
  size?: BoxProps["width"];
10
10
  } & import("react").RefAttributes<HTMLElement>>;
@@ -1,10 +1,10 @@
1
- import type { ElementType, HTMLAttributes } from 'react';
1
+ import type { ElementType, HTMLAttributes, ReactNode } from 'react';
2
2
  export type MessageHighlightProps = {
3
3
  is?: ElementType;
4
4
  clickable?: boolean;
5
5
  variant?: 'critical' | 'relevant' | 'other' | 'link';
6
6
  className?: string;
7
- children: any;
7
+ children: ReactNode;
8
8
  title?: string;
9
9
  } & HTMLAttributes<HTMLElement>;
10
10
  declare function MessageHighlight({ is: Tag, variant, className, clickable, ...props }: MessageHighlightProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"MessageHighlight.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHighlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,iBAAS,gBAAgB,CAAC,EACxB,EAAE,EAAE,GAAY,EAChB,OAAiB,EACjB,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAevB;AAED,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"MessageHighlight.d.ts","sourceRoot":"","sources":["../../../src/components/Message/MessageHighlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,iBAAS,gBAAgB,CAAC,EACxB,EAAE,EAAE,GAAY,EAChB,OAAiB,EACjB,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAevB;AAED,eAAe,gBAAgB,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode, Ref } from 'react';
1
+ import type { AriaAttributes, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, ReactNode, Ref } from 'react';
2
2
  export type MultiSelectAnchorParams = {
3
3
  ref: Ref<HTMLInputElement>;
4
4
  children: ReactNode;
@@ -7,5 +7,5 @@ export type MultiSelectAnchorParams = {
7
7
  onBlur: FocusEventHandler;
8
8
  onKeyUp: KeyboardEventHandler;
9
9
  onKeyDown: KeyboardEventHandler;
10
- };
10
+ } & AriaAttributes;
11
11
  //# sourceMappingURL=MultiSelectAnchorParams.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectAnchorParams.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelectAnchorParams.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;CACjC,CAAC"}
1
+ {"version":3,"file":"MultiSelectAnchorParams.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelectAnchorParams.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;CACjC,GAAG,cAAc,CAAC"}
@@ -2,7 +2,6 @@ import type { ReactNode, SyntheticEvent } from 'react';
2
2
  type SelectedOptionsProps = {
3
3
  children: ReactNode;
4
4
  tabIndex: number;
5
- role: string;
6
5
  key: string;
7
6
  onMouseDown: (e: SyntheticEvent) => void;
8
7
  };
@@ -1 +1 @@
1
- {"version":3,"file":"SelectedOptions.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/SelectedOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,eAAe,4DAI1B,CAAC"}
1
+ {"version":3,"file":"SelectedOptions.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/SelectedOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKvD,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,eAAe,4DAI1B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarV2/helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AA6B3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,eAAO,MAAM,eAAe,UAK3B,CAAC;AAEF,eAAO,MAAM,KAAK,UAWjB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAMxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAW;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,4CA+B5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAW;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,4CAY3D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAW;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,4CAezD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAW;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,4CAyB3D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,iBAG7B;IAAE,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,kBAAkB,4CAwBrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,SAAS,EA8BjC,CAAC"}
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarV2/helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AA6B3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,eAAO,MAAM,eAAe,UAK3B,CAAC;AAEF,eAAO,MAAM,KAAK,UAWjB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAMxB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAW;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,4CA4B5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAW;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,4CAS3D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAW;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,4CAYzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAW;IAAE,CAAC,EAAE,MAAM,CAAA;CAAE,4CAsB3D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,iBAG7B;IAAE,CAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,kBAAkB,4CAwBrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,SAAS,EA8BjC,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import type { AriaAttributes } from 'react';
2
2
  export type SliderProps<T extends number | number[]> = AriaAttributes & {
3
3
  formatOptions?: Intl.NumberFormatOptions;
4
+ id?: string;
4
5
  label?: string;
5
6
  showOutput?: boolean;
6
7
  multiThumb?: T extends number[] ? true : false;
@@ -17,6 +18,6 @@ export type SliderProps<T extends number | number[]> = AriaAttributes & {
17
18
  value?: never;
18
19
  onChange?: never;
19
20
  });
20
- declare function Slider<T extends number | [min: number, max: number]>(props: SliderProps<T>): import("react/jsx-runtime").JSX.Element;
21
- export default Slider;
21
+ declare const _default: import("react").ForwardRefExoticComponent<(SliderProps<number> | SliderProps<[min: number, max: number]>) & import("react").RefAttributes<HTMLDivElement>>;
22
+ export default _default;
22
23
  //# sourceMappingURL=Slider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,cAAc,GAAG;IAItE,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,UAAU,CAAC,EAAE,CAAC,SAAS,MAAM,EAAE,GAAG,IAAI,GAAG,KAAK,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC;CAClB,GAAG,CACE;IACE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CACJ,CAAC;AAEJ,iBAAS,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,EAC3D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,2CAmGtB;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAYjD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,cAAc,GAAG;IAItE,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IAIzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,UAAU,CAAC,EAAE,CAAC,SAAS,MAAM,EAAE,GAAG,IAAI,GAAG,KAAK,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAId,QAAQ,CAAC,EAAE,MAAM,CAAC;IAIlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,CAAC;CAClB,GAAG,CACE;IACE,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CACJ,CAAC;;AA2GJ,wBAAkC"}
@@ -5905,21 +5905,23 @@ const MultiSelect = (0, react_1.forwardRef)(({ value, filter, setFilter, options
5905
5905
  innerRef.current?.focus();
5906
5906
  return show();
5907
5907
  });
5908
- return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { is: 'div', "rcx-select": true, className: [error && 'invalid', disabled && 'disabled'], ref: containerRef, onClick: handleClick, disabled: disabled, ...props, children: [(0, jsx_runtime_1.jsx)(Flex_1.FlexItem, { grow: 1, children: (0, jsx_runtime_1.jsx)(Margins_1.Margins, { inline: 'x4', children: (0, jsx_runtime_1.jsx)(Flex_1.FlexContainer, { children: (0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'div', children: (0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'div', display: 'flex', alignItems: 'center', flexWrap: 'wrap', margin: '-x8', role: 'listbox', children: (0, jsx_runtime_1.jsxs)(Margins_1.Margins, { all: 'x4', children: [renderAnchor({
5909
- ref: anchorRef,
5910
- children: internalValue.length === 0 ? placeholder : null,
5911
- disabled: disabled ?? false,
5912
- onClick: show,
5913
- onBlur: hide,
5914
- onKeyDown: handleKeyDown,
5915
- onKeyUp: handleKeyUp,
5908
+ return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { is: 'div', "rcx-select": true, className: [error && 'invalid', disabled && 'disabled'], ref: containerRef, onClick: handleClick, disabled: disabled, ...props, children: [(0, jsx_runtime_1.jsx)(Flex_1.FlexItem, { grow: 1, children: (0, jsx_runtime_1.jsx)(Margins_1.Margins, { inline: 'x4', children: (0, jsx_runtime_1.jsx)(Flex_1.FlexContainer, { children: (0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'div', children: (0, jsx_runtime_1.jsx)(Box_1.Box, { is: 'div', display: 'flex', alignItems: 'center', flexWrap: 'wrap', margin: '-x8', children: (0, jsx_runtime_1.jsxs)(Margins_1.Margins, { all: 'x4', children: [renderAnchor({
5909
+ 'ref': anchorRef,
5910
+ 'children': internalValue.length === 0 ? placeholder : null,
5911
+ 'disabled': disabled ?? false,
5912
+ 'onClick': show,
5913
+ 'onBlur': hide,
5914
+ 'onKeyDown': handleKeyDown,
5915
+ 'onKeyUp': handleKeyUp,
5916
+ 'aria-expanded': visible === AnimatedVisibility_1.AnimatedVisibility.VISIBLE,
5917
+ 'aria-labelledby': props['aria-labelledby'],
5916
5918
  }), internalValue.map((value) => {
5917
5919
  const currentOption = options.find(([val]) => val === value);
5918
- return RenderSelected ? ((0, jsx_runtime_1.jsx)(RenderSelected, { role: 'option', value: value, label: getLabel(currentOption), onMouseDown: (e) => {
5920
+ return RenderSelected ? ((0, jsx_runtime_1.jsx)(RenderSelected, { value: value, label: getLabel(currentOption), onMouseDown: (e) => {
5919
5921
  (0, prevent_1.prevent)(e);
5920
5922
  internalChanged(currentOption);
5921
5923
  removeFocusClass();
5922
- }, children: getLabel(currentOption) }, value)) : ((0, jsx_runtime_1.jsx)(SelectedOptions_1.SelectedOptions, { tabIndex: -1, role: 'option', onMouseDown: (e) => {
5924
+ }, children: getLabel(currentOption) }, value)) : ((0, jsx_runtime_1.jsx)(SelectedOptions_1.SelectedOptions, { tabIndex: -1, onMouseDown: (e) => {
5923
5925
  (0, prevent_1.prevent)(e);
5924
5926
  internalChanged(currentOption);
5925
5927
  removeFocusClass();
@@ -9985,7 +9987,7 @@ const useStyle_1 = __webpack_require__(/*! ../../hooks/useStyle */ "./src/hooks/
9985
9987
  const SliderHead_1 = __webpack_require__(/*! ./SliderHead */ "./src/components/Slider/SliderHead.tsx");
9986
9988
  const SliderThumb_1 = __webpack_require__(/*! ./SliderThumb */ "./src/components/Slider/SliderThumb.tsx");
9987
9989
  const SliderTrack_1 = __webpack_require__(/*! ./SliderTrack */ "./src/components/Slider/SliderTrack.tsx");
9988
- function Slider(props) {
9990
+ function Slider(props, ref) {
9989
9991
  const { label, formatOptions, showOutput = true, multiThumb, maxValue, minValue, } = props;
9990
9992
  const getMultiThumbDefaultValue = () => {
9991
9993
  if (multiThumb && !props.defaultValue) {
@@ -10030,9 +10032,9 @@ function Slider(props) {
10030
10032
  height: 100%;
10031
10033
  `}
10032
10034
  `, sliderState);
10033
- return ((0, jsx_runtime_1.jsxs)("div", { ...groupProps, className: slider, children: [(0, jsx_runtime_1.jsx)(SliderHead_1.SliderHead, { labelProps: labelProps, outputProps: outputProps, state: sliderState, showOutput: showOutput, label: label, multiThumb: multiThumb }), (0, jsx_runtime_1.jsxs)(SliderTrack_1.SliderTrack, { state: sliderState, trackProps: trackProps, trackRef: trackRef, multiThumb: multiThumb, children: [(0, jsx_runtime_1.jsx)(SliderThumb_1.SliderThumb, { index: 0, state: sliderState, trackRef: trackRef }), multiThumb && ((0, jsx_runtime_1.jsx)(SliderThumb_1.SliderThumb, { index: 1, state: sliderState, trackRef: trackRef }))] })] }));
10035
+ return ((0, jsx_runtime_1.jsxs)("div", { ...groupProps, ref: ref, className: slider, children: [(0, jsx_runtime_1.jsx)(SliderHead_1.SliderHead, { labelProps: labelProps, outputProps: outputProps, state: sliderState, showOutput: showOutput, label: label, multiThumb: multiThumb }), (0, jsx_runtime_1.jsxs)(SliderTrack_1.SliderTrack, { state: sliderState, trackProps: trackProps, trackRef: trackRef, multiThumb: multiThumb, children: [(0, jsx_runtime_1.jsx)(SliderThumb_1.SliderThumb, { index: 0, state: sliderState, trackRef: trackRef }), multiThumb && ((0, jsx_runtime_1.jsx)(SliderThumb_1.SliderThumb, { index: 1, state: sliderState, trackRef: trackRef }))] })] }));
10034
10036
  }
10035
- exports["default"] = Slider;
10037
+ exports["default"] = (0, react_1.forwardRef)(Slider);
10036
10038
 
10037
10039
 
10038
10040
  /***/ }),