@ultraviolet/ui 1.56.0 → 1.57.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/dist/components/Alert/index.cjs +1 -2
  2. package/dist/components/Alert/index.js +1 -2
  3. package/dist/components/Avatar/index.cjs +1 -2
  4. package/dist/components/Avatar/index.js +1 -2
  5. package/dist/components/Banner/index.cjs +1 -2
  6. package/dist/components/Banner/index.js +1 -2
  7. package/dist/components/Bullet/index.d.ts +1 -1
  8. package/dist/components/Button/index.d.ts +14 -14
  9. package/dist/components/Checkbox/index.cjs +1 -2
  10. package/dist/components/Checkbox/index.js +1 -2
  11. package/dist/components/Dialog/Context.d.ts +0 -1
  12. package/dist/components/Dialog/index.d.ts +46 -46
  13. package/dist/components/Dialog/subComponents/Text.d.ts +0 -1
  14. package/dist/components/Expandable/index.d.ts +2 -2
  15. package/dist/components/GlobalAlert/GlobalAlertLink.d.ts +1 -1
  16. package/dist/components/GlobalAlert/index.cjs +1 -2
  17. package/dist/components/GlobalAlert/index.d.ts +1 -17
  18. package/dist/components/GlobalAlert/index.js +1 -2
  19. package/dist/components/LineChart/helpers.cjs +5 -10
  20. package/dist/components/LineChart/helpers.js +5 -10
  21. package/dist/components/Link/index.cjs +2 -4
  22. package/dist/components/Link/index.js +2 -4
  23. package/dist/components/List/Cell.cjs +1 -1
  24. package/dist/components/List/Cell.d.ts +2 -0
  25. package/dist/components/List/Cell.js +1 -1
  26. package/dist/components/List/Row.cjs +4 -4
  27. package/dist/components/List/Row.d.ts +2 -2
  28. package/dist/components/List/Row.js +4 -4
  29. package/dist/components/List/constants.cjs +1 -1
  30. package/dist/components/List/constants.d.ts +1 -1
  31. package/dist/components/List/constants.js +1 -1
  32. package/dist/components/List/index.d.ts +9 -9
  33. package/dist/components/Menu/index.d.ts +4 -4
  34. package/dist/components/MenuV2/index.d.ts +41 -36
  35. package/dist/components/Modal/Dialog.d.ts +0 -1
  36. package/dist/components/Modal/Disclosure.d.ts +0 -1
  37. package/dist/components/NumberInput/index.cjs +6 -12
  38. package/dist/components/NumberInput/index.js +6 -12
  39. package/dist/components/NumberInputV2/index.cjs +19 -14
  40. package/dist/components/NumberInputV2/index.d.ts +20 -13
  41. package/dist/components/NumberInputV2/index.js +19 -14
  42. package/dist/components/Popover/index.d.ts +35 -30
  43. package/dist/components/Popup/index.cjs +4 -8
  44. package/dist/components/Popup/index.js +4 -8
  45. package/dist/components/Row/index.d.ts +2 -2
  46. package/dist/components/SearchInput/Key.cjs +30 -0
  47. package/dist/components/SearchInput/Key.d.ts +6 -0
  48. package/dist/components/SearchInput/Key.js +28 -0
  49. package/dist/components/SearchInput/KeyGroup.cjs +10 -0
  50. package/dist/components/SearchInput/KeyGroup.d.ts +8 -0
  51. package/dist/components/SearchInput/KeyGroup.js +10 -0
  52. package/dist/components/SearchInput/index.cjs +38 -7
  53. package/dist/components/SearchInput/index.d.ts +23 -22
  54. package/dist/components/SearchInput/index.js +40 -9
  55. package/dist/components/SearchInput/types.d.ts +5 -1
  56. package/dist/components/SelectInput/index.cjs +4 -8
  57. package/dist/components/SelectInput/index.js +4 -8
  58. package/dist/components/SelectInputV2/SelectBar.cjs +6 -5
  59. package/dist/components/SelectInputV2/SelectBar.d.ts +2 -1
  60. package/dist/components/SelectInputV2/SelectBar.js +6 -5
  61. package/dist/components/SelectInputV2/index.cjs +4 -4
  62. package/dist/components/SelectInputV2/index.d.ts +1 -1
  63. package/dist/components/SelectInputV2/index.js +4 -4
  64. package/dist/components/SelectableCard/index.cjs +4 -4
  65. package/dist/components/SelectableCard/index.d.ts +1 -2
  66. package/dist/components/SelectableCard/index.js +4 -4
  67. package/dist/components/SelectableCardGroup/index.cjs +2 -2
  68. package/dist/components/SelectableCardGroup/index.d.ts +1 -1
  69. package/dist/components/SelectableCardGroup/index.js +2 -2
  70. package/dist/components/Skeleton/IconSkeleton.d.ts +2 -3
  71. package/dist/components/Skeleton/Line.d.ts +2 -3
  72. package/dist/components/Skeleton/Square.d.ts +2 -3
  73. package/dist/components/Skeleton/index.d.ts +13 -14
  74. package/dist/components/Stack/index.d.ts +2 -2
  75. package/dist/components/Status/index.d.ts +1 -1
  76. package/dist/components/Stepper/Step.cjs +38 -20
  77. package/dist/components/Stepper/Step.js +38 -20
  78. package/dist/components/Stepper/index.cjs +9 -11
  79. package/dist/components/Stepper/index.d.ts +5 -8
  80. package/dist/components/Stepper/index.js +9 -11
  81. package/dist/components/SwitchButton/FocusOverlay.cjs +1 -2
  82. package/dist/components/SwitchButton/FocusOverlay.js +1 -2
  83. package/dist/components/SwitchButton/index.cjs +1 -2
  84. package/dist/components/SwitchButton/index.js +1 -2
  85. package/dist/components/Table/index.d.ts +8 -8
  86. package/dist/components/Tabs/Tab.cjs +1 -2
  87. package/dist/components/Tabs/Tab.d.ts +2 -2
  88. package/dist/components/Tabs/Tab.js +1 -2
  89. package/dist/components/Tabs/TabMenu.d.ts +2 -2
  90. package/dist/components/Tabs/TabMenuItem.d.ts +5 -5
  91. package/dist/components/Tabs/TabsContext.d.ts +0 -1
  92. package/dist/components/Tabs/index.cjs +1 -2
  93. package/dist/components/Tabs/index.d.ts +16 -16
  94. package/dist/components/Tabs/index.js +1 -2
  95. package/dist/components/Text/index.d.ts +1 -1
  96. package/dist/components/TextArea/index.cjs +4 -4
  97. package/dist/components/TextArea/index.js +4 -4
  98. package/dist/components/TextInput/index.d.ts +1 -1
  99. package/dist/components/TextInputV2/index.cjs +12 -9
  100. package/dist/components/TextInputV2/index.d.ts +57 -15
  101. package/dist/components/TextInputV2/index.js +12 -9
  102. package/dist/components/Toggle/index.cjs +2 -4
  103. package/dist/components/Toggle/index.d.ts +11 -11
  104. package/dist/components/Toggle/index.js +2 -4
  105. package/dist/components/index.d.ts +9 -9
  106. package/dist/helpers/recursivelyGetChildrenString.cjs +3 -6
  107. package/dist/helpers/recursivelyGetChildrenString.js +3 -6
  108. package/dist/index.cjs +119 -119
  109. package/dist/index.js +9 -9
  110. package/dist/mocks/list.d.ts +1 -1
  111. package/dist/theme/index.d.ts +31 -799
  112. package/dist/utils/responsive/Breakpoint.d.ts +5 -5
  113. package/dist/utils/responsive/utilities.cjs +2 -4
  114. package/dist/utils/responsive/utilities.js +2 -4
  115. package/package.json +5 -5
@@ -1,5 +1,10 @@
1
1
  import type { ReactNode, Ref } from 'react';
2
2
  type SentimentType = 'neutral' | 'primary';
3
+ declare const SIZES_WIDTH: {
4
+ small: number;
5
+ medium: number;
6
+ large: number;
7
+ };
3
8
  /**
4
9
  * Popover component is used to display additional information or actions on top of the main content of the page.
5
10
  * It is usually triggered by clicking on a button. It includes a title, a close button and a content area.
@@ -8,48 +13,48 @@ export declare const Popover: import("react").ForwardRefExoticComponent<{
8
13
  children: ReactNode;
9
14
  content: ReactNode;
10
15
  title: string;
11
- sentiment?: SentimentType | undefined;
12
- visible?: boolean | undefined;
13
- size?: "large" | "medium" | "small" | undefined;
14
- onClose?: (() => void) | undefined;
15
- className?: string | undefined;
16
- 'data-testid'?: string | undefined;
17
- maxWidth?: string | undefined;
18
- maxHeight?: string | undefined;
16
+ sentiment?: SentimentType;
17
+ visible?: boolean;
18
+ size?: keyof typeof SIZES_WIDTH;
19
+ onClose?: () => void;
20
+ className?: string;
21
+ 'data-testid'?: string;
22
+ maxWidth?: string;
23
+ maxHeight?: string;
19
24
  /**
20
25
  * By default, the portal target is children container or document.body if children is a function. You can override this
21
26
  * behavior by setting a portalTarget prop.
22
27
  */
23
- portalTarget?: HTMLElement | undefined;
28
+ portalTarget?: HTMLElement;
24
29
  } & Pick<{
25
- id?: string | undefined;
30
+ id?: string;
26
31
  children: ReactNode | ((renderProps: {
27
- className?: string | undefined;
32
+ className?: string;
28
33
  onBlur: () => void;
29
34
  onFocus: () => void;
30
35
  onPointerEnter: () => void;
31
36
  onPointerLeave: () => void;
32
37
  ref: import("react").RefObject<HTMLDivElement>;
33
38
  }) => ReactNode);
34
- maxWidth?: string | number | undefined;
35
- placement?: import("../Popup/helpers").PopupPlacement | undefined;
39
+ maxWidth?: number | string;
40
+ placement?: import("../Popup/helpers").PopupPlacement;
36
41
  text?: ReactNode;
37
- className?: string | undefined;
38
- containerFullWidth?: boolean | undefined;
39
- visible?: boolean | undefined;
40
- innerRef?: Ref<HTMLDivElement | null> | undefined;
41
- role?: string | undefined;
42
- 'data-testid'?: string | undefined;
43
- hasArrow?: boolean | undefined;
44
- onClose?: (() => void) | undefined;
45
- tabIndex?: number | undefined;
46
- onKeyDown?: import("react").KeyboardEventHandler | undefined;
47
- 'aria-haspopup'?: boolean | "menu" | "dialog" | "grid" | "listbox" | "tree" | "false" | "true" | undefined;
48
- hideOnClickOutside?: boolean | undefined;
49
- debounceDelay?: number | undefined;
50
- maxHeight?: string | number | undefined;
51
- disableAnimation?: boolean | undefined;
52
- portalTarget?: HTMLElement | undefined;
53
- dynamicDomRendering?: boolean | undefined;
42
+ className?: string;
43
+ containerFullWidth?: boolean;
44
+ visible?: boolean;
45
+ innerRef?: Ref<HTMLDivElement | null>;
46
+ role?: string;
47
+ 'data-testid'?: string;
48
+ hasArrow?: boolean;
49
+ onClose?: () => void;
50
+ tabIndex?: number;
51
+ onKeyDown?: import("react").KeyboardEventHandler;
52
+ 'aria-haspopup'?: import("react").HTMLAttributes<HTMLDivElement>["aria-haspopup"];
53
+ hideOnClickOutside?: boolean;
54
+ debounceDelay?: number;
55
+ maxHeight?: string | number;
56
+ disableAnimation?: boolean;
57
+ portalTarget?: HTMLElement;
58
+ dynamicDomRendering?: boolean;
54
59
  } & import("react").RefAttributes<HTMLDivElement>, "placement" | "dynamicDomRendering"> & import("react").RefAttributes<HTMLDivElement>>;
55
60
  export {};
@@ -98,13 +98,10 @@ const Popup = React.forwardRef(({
98
98
  React.useImperativeHandle(ref, () => innerPopupRef.current);
99
99
  const timer = React.useRef();
100
100
  const popupPortalTarget = React.useMemo(() => {
101
- if (portalTarget)
102
- return portalTarget;
101
+ if (portalTarget) return portalTarget;
103
102
  if (role === "dialog") {
104
- if (childrenRef.current)
105
- return childrenRef.current;
106
- if (typeof window !== "undefined")
107
- return document.body;
103
+ if (childrenRef.current) return childrenRef.current;
104
+ if (typeof window !== "undefined") return document.body;
108
105
  return null;
109
106
  }
110
107
  if (typeof window !== "undefined") {
@@ -286,8 +283,7 @@ const Popup = React.forwardRef(({
286
283
  return false;
287
284
  }, [dynamicDomRendering, visibleInDom]);
288
285
  if (!text) {
289
- if (typeof children === "function")
290
- return null;
286
+ if (typeof children === "function") return null;
291
287
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
292
288
  }
293
289
  const stopClickPropagation = (event) => {
@@ -94,13 +94,10 @@ const Popup = forwardRef(({
94
94
  useImperativeHandle(ref, () => innerPopupRef.current);
95
95
  const timer = useRef();
96
96
  const popupPortalTarget = useMemo(() => {
97
- if (portalTarget)
98
- return portalTarget;
97
+ if (portalTarget) return portalTarget;
99
98
  if (role === "dialog") {
100
- if (childrenRef.current)
101
- return childrenRef.current;
102
- if (typeof window !== "undefined")
103
- return document.body;
99
+ if (childrenRef.current) return childrenRef.current;
100
+ if (typeof window !== "undefined") return document.body;
104
101
  return null;
105
102
  }
106
103
  if (typeof window !== "undefined") {
@@ -282,8 +279,7 @@ const Popup = forwardRef(({
282
279
  return false;
283
280
  }, [dynamicDomRendering, visibleInDom]);
284
281
  if (!text) {
285
- if (typeof children === "function")
286
- return null;
282
+ if (typeof children === "function") return null;
287
283
  return /* @__PURE__ */ jsx(Fragment, { children });
288
284
  }
289
285
  const stopClickPropagation = (event) => {
@@ -2,8 +2,8 @@ import type { CSSProperties, ReactNode } from 'react';
2
2
  import type { UltravioletUITheme } from '../../theme';
3
3
  type StyledRowProps = Pick<RowProps, 'gap' | 'templateColumns' | 'alignItems' | 'justifyContent'>;
4
4
  export declare const StyledRow: import("@emotion/styled").StyledComponent<{
5
- theme?: import("@emotion/react").Theme | undefined;
6
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
5
+ theme?: import("@emotion/react").Theme;
6
+ as?: import("react").ElementType;
7
7
  } & StyledRowProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
8
  type RowProps = {
9
9
  className?: string;
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("@emotion/react/jsx-runtime");
4
+ const _styled = require("@emotion/styled/base");
5
+ const index = require("../Text/index.cjs");
6
+ const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
7
+ const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
8
+ const Container = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
9
+ target: "ekyw9u10"
10
+ } : {
11
+ target: "ekyw9u10",
12
+ label: "Container"
13
+ })("background:", ({
14
+ theme
15
+ }) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
16
+ theme
17
+ }) => theme.radii.default, ";border:0.5px solid ", ({
18
+ theme
19
+ }) => theme.colors.neutral.border, ";min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center;&[data-disabled='true']{background:", ({
20
+ theme
21
+ }) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
22
+ theme
23
+ }) => theme.colors.neutral.borderDisabled, ";}&[data-children-length='true']{width:auto;padding:0 ", ({
24
+ theme
25
+ }) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1pbi13aWR0aDogMjRweDtcbiAgbWluLWhlaWdodDogMjRweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgJltkYXRhLWNoaWxkcmVuLWxlbmd0aD0ndHJ1ZSddIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBUaGlzIHBhcnQgaXMgdG8gbGVhdmUgc29tZSBzcGFjZSBiZXR3ZWVuIHRoZSB0ZXh0IGFuZCB0aGUgYm9yZGVyIHdoZW4gdGV4dCBpcyBsb25nXG4gIH1cbmBcblxudHlwZSBLZXlQcm9wcyA9IHtcbiAgY2hpbGRyZW46IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEtleSA9ICh7IGNoaWxkcmVuLCBkaXNhYmxlZCB9OiBLZXlQcm9wcykgPT4gKFxuICA8Q29udGFpbmVyXG4gICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgZGF0YS1jaGlsZHJlbi1sZW5ndGg9e2NoaWxkcmVuLmxlbmd0aCA+IDF9XG4gID5cbiAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiY2FwdGlvblwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgPC9Db250YWluZXI+XG4pXG4iXX0= */"));
26
+ const Key = ({
27
+ children,
28
+ disabled
29
+ }) => /* @__PURE__ */ jsxRuntime.jsx(Container, { "data-disabled": disabled, "data-children-length": children.length > 1, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", variant: "caption", sentiment: "neutral", disabled, children }) });
30
+ exports.Key = Key;
@@ -0,0 +1,6 @@
1
+ type KeyProps = {
2
+ children: string;
3
+ disabled?: boolean;
4
+ };
5
+ export declare const Key: ({ children, disabled }: KeyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,28 @@
1
+ import { jsx } from "@emotion/react/jsx-runtime";
2
+ import _styled from "@emotion/styled/base";
3
+ import { Text } from "../Text/index.js";
4
+ const Container = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
5
+ target: "ekyw9u10"
6
+ } : {
7
+ target: "ekyw9u10",
8
+ label: "Container"
9
+ })("background:", ({
10
+ theme
11
+ }) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
12
+ theme
13
+ }) => theme.radii.default, ";border:0.5px solid ", ({
14
+ theme
15
+ }) => theme.colors.neutral.border, ";min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center;&[data-disabled='true']{background:", ({
16
+ theme
17
+ }) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
18
+ theme
19
+ }) => theme.colors.neutral.borderDisabled, ";}&[data-children-length='true']{width:auto;padding:0 ", ({
20
+ theme
21
+ }) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L0tleS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gIG1pbi13aWR0aDogMjRweDtcbiAgbWluLWhlaWdodDogMjRweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyRGlzYWJsZWR9O1xuICB9XG5cbiAgJltkYXRhLWNoaWxkcmVuLWxlbmd0aD0ndHJ1ZSddIHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19OyAvLyBUaGlzIHBhcnQgaXMgdG8gbGVhdmUgc29tZSBzcGFjZSBiZXR3ZWVuIHRoZSB0ZXh0IGFuZCB0aGUgYm9yZGVyIHdoZW4gdGV4dCBpcyBsb25nXG4gIH1cbmBcblxudHlwZSBLZXlQcm9wcyA9IHtcbiAgY2hpbGRyZW46IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEtleSA9ICh7IGNoaWxkcmVuLCBkaXNhYmxlZCB9OiBLZXlQcm9wcykgPT4gKFxuICA8Q29udGFpbmVyXG4gICAgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgZGF0YS1jaGlsZHJlbi1sZW5ndGg9e2NoaWxkcmVuLmxlbmd0aCA+IDF9XG4gID5cbiAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiY2FwdGlvblwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiBkaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGV4dD5cbiAgPC9Db250YWluZXI+XG4pXG4iXX0= */"));
22
+ const Key = ({
23
+ children,
24
+ disabled
25
+ }) => /* @__PURE__ */ jsx(Container, { "data-disabled": disabled, "data-children-length": children.length > 1, children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "caption", sentiment: "neutral", disabled, children }) });
26
+ export {
27
+ Key
28
+ };
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("@emotion/react/jsx-runtime");
4
+ const index = require("../Stack/index.cjs");
5
+ const Key = require("./Key.cjs");
6
+ const KeyGroup = ({
7
+ keys,
8
+ disabled
9
+ }) => /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: 0.5, direction: "row", children: keys.map((key) => /* @__PURE__ */ jsxRuntime.jsx(Key.Key, { disabled, children: key }, key)) });
10
+ exports.KeyGroup = KeyGroup;
@@ -0,0 +1,8 @@
1
+ import type { ComponentProps } from 'react';
2
+ import { Key } from './Key';
3
+ type KeyGroupProps = {
4
+ keys: ComponentProps<typeof Key>['children'][];
5
+ disabled: ComponentProps<typeof Key>['disabled'];
6
+ };
7
+ export declare const KeyGroup: ({ keys, disabled }: KeyGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,10 @@
1
+ import { jsx } from "@emotion/react/jsx-runtime";
2
+ import { Stack } from "../Stack/index.js";
3
+ import { Key } from "./Key.js";
4
+ const KeyGroup = ({
5
+ keys,
6
+ disabled
7
+ }) => /* @__PURE__ */ jsx(Stack, { gap: 0.5, direction: "row", children: keys.map((key) => /* @__PURE__ */ jsx(Key, { disabled, children: key }, key)) });
8
+ export {
9
+ KeyGroup
10
+ };
@@ -6,38 +6,49 @@ const icons = require("@ultraviolet/icons");
6
6
  const React = require("react");
7
7
  const index = require("../Popup/index.cjs");
8
8
  const index$1 = require("../TextInputV2/index.cjs");
9
+ const KeyGroup = require("./KeyGroup.cjs");
9
10
  const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
10
11
  const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
11
12
  const StyledPopup = /* @__PURE__ */ _styled__default.default(index.Popup, process.env.NODE_ENV === "production" ? {
12
- target: "eefux4u0"
13
+ target: "eefux4u1"
13
14
  } : {
14
- target: "eefux4u0",
15
+ target: "eefux4u1",
15
16
  label: "StyledPopup"
16
17
  })("width:100%;text-align:initial;min-width:610px;padding:", ({
17
18
  theme
18
19
  }) => `${theme.space["2"]} ${theme.space["1"]}`, ";background:", ({
19
20
  theme
20
- }) => theme.colors.neutral.background, ";box-shadow:", ({
21
+ }) => theme.colors.other.elevation.background.raised, ";box-shadow:", ({
21
22
  theme
22
- }) => theme.shadows.modal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VhcmNoSW5wdXQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUVmZmVjdCwgdXNlUmVkdWNlciwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICcuLi9Qb3B1cCdcbmltcG9ydCB7IFRleHRJbnB1dFYyIH0gZnJvbSAnLi4vVGV4dElucHV0VjInXG5pbXBvcnQgdHlwZSB7IFNlYXJjaElucHV0UHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gIHdpZHRoOiAxMDAlO1xuICB0ZXh0LWFsaWduOiBpbml0aWFsO1xuICBtaW4td2lkdGg6IDYxMHB4O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzEnXX1gfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLm1vZGFsfTtcbmBcblxuLyoqXG4gKiBTZWFyY2hJbnB1dCBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB1c2VycyB0byBzZWFyY2ggZm9yIGl0ZW1zLiBJdCBpcyBhIGNvbWJpbmF0aW9uIG9mIGEgVGV4dElucHV0VjIgYW5kIGEgUG9wdXAuIFRoZSBQb3B1cCBpcyB1c2VkIHRvIGRpc3BsYXkgc2VhcmNoIHJlc3VsdHMuXG4gKiBDaGlsZHJlbiBvZiB0aGUgU2VhcmNoSW5wdXQgY29tcG9uZW50IGNhbiBiZSBhIGZ1bmN0aW9uIHRoYXQgcmVjZWl2ZXMgYW4gb2JqZWN0IHdpdGggdGhlIGZvbGxvd2luZyBwcm9wZXJ0aWVzOlxuICogLSBgc2VhcmNoVGVybXNgOiB0aGUgY3VycmVudCBzZWFyY2ggdGVybXNcbiAqIC0gYGlzT3BlbmA6IGEgYm9vbGVhbiBpbmRpY2F0aW5nIGlmIHRoZSBwb3B1cCBpcyBvcGVuXG4gKiAtIGB0b2dnbGVJc09wZW5gOiBhIGZ1bmN0aW9uIHRvIHRvZ2dsZSB0aGUgcG9wdXBcbiAqL1xuZXhwb3J0IGNvbnN0IFNlYXJjaElucHV0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbGFiZWwsXG4gICAgICBsb2FkaW5nLFxuICAgICAgc2l6ZSxcbiAgICAgIHN1ZmZpeCxcbiAgICAgIHBvcHVwUGxhY2VtZW50LFxuICAgICAgdGhyZXNob2xkID0gMCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgb25TZWFyY2gsXG4gICAgICBvbkNsb3NlLFxuICAgICAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPFN0eWxlZFBvcHVwXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2Bwb3B1cC0ke2RhdGFUZXN0SWR9YH1cbiAgICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgICB2aXNpYmxlPXtpc09wZW59XG4gICAgICAgICAgb25DbG9zZT17b25DbG9zZUNhbGxiYWNrfVxuICAgICAgICAgIHBsYWNlbWVudD17cG9wdXBQbGFjZW1lbnR9XG4gICAgICAgICAgbWF4V2lkdGg9e2NvbnRhaW5lcldpZHRofVxuICAgICAgICAgIGhpZGVPbkNsaWNrT3V0c2lkZVxuICAgICAgICAgIGhhc0Fycm93PXtmYWxzZX1cbiAgICAgICAgICBpbm5lclJlZj17cG9wdXBSZWZ9XG4gICAgICAgICAgdGV4dD17Y29udGVudH1cbiAgICAgICAgICBtYXhIZWlnaHQ9ezQxMH1cbiAgICAgICAgICBkZWJvdW5jZURlbGF5PXswfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRJbnB1dFYyXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHByZWZpeD17PEljb24gbmFtZT1cInNlYXJjaFwiIC8+fVxuICAgICAgICAgICAgc3VmZml4PXtzdWZmaXh9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
23
+ }) => `${theme.shadows.raised[0]}, ${theme.shadows.raised[1]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWR1Y2VyLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQge1xuICBCYXNpY1ByZWZpeFN0YWNrLFxuICBCYXNpY1N1ZmZpeFN0YWNrLFxuICBTdHlsZWRJbnB1dCxcbiAgVGV4dElucHV0VjIsXG59IGZyb20gJy4uL1RleHRJbnB1dFYyJ1xuaW1wb3J0IHsgS2V5R3JvdXAgfSBmcm9tICcuL0tleUdyb3VwJ1xuaW1wb3J0IHR5cGUgeyBTZWFyY2hJbnB1dFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgbWluLXdpZHRoOiA2MTBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAke3RoZW1lLnNwYWNlWycxJ119YH07XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm90aGVyLmVsZXZhdGlvbi5iYWNrZ3JvdW5kLnJhaXNlZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuYFxuXG5jb25zdCBTdHlsZWRUZXh0SW5wdXRWMiA9IHN0eWxlZChUZXh0SW5wdXRWMilgXG4gICR7QmFzaWNQcmVmaXhTdGFja30ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICR7U3R5bGVkSW5wdXR9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgJHtCYXNpY1N1ZmZpeFN0YWNrfSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbi8qKlxuICogU2VhcmNoSW5wdXQgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VhcmNoIGZvciBpdGVtcy4gSXQgaXMgYSBjb21iaW5hdGlvbiBvZiBhIFRleHRJbnB1dFYyIGFuZCBhIFBvcHVwLiBUaGUgUG9wdXAgaXMgdXNlZCB0byBkaXNwbGF5IHNlYXJjaCByZXN1bHRzLlxuICogQ2hpbGRyZW4gb2YgdGhlIFNlYXJjaElucHV0IGNvbXBvbmVudCBjYW4gYmUgYSBmdW5jdGlvbiB0aGF0IHJlY2VpdmVzIGFuIG9iamVjdCB3aXRoIHRoZSBmb2xsb3dpbmcgcHJvcGVydGllczpcbiAqIC0gYHNlYXJjaFRlcm1zYDogdGhlIGN1cnJlbnQgc2VhcmNoIHRlcm1zXG4gKiAtIGBpc09wZW5gOiBhIGJvb2xlYW4gaW5kaWNhdGluZyBpZiB0aGUgcG9wdXAgaXMgb3BlblxuICogLSBgdG9nZ2xlSXNPcGVuYDogYSBmdW5jdGlvbiB0byB0b2dnbGUgdGhlIHBvcHVwXG4gKi9cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgbG9hZGluZyxcbiAgICAgIHNpemUsXG4gICAgICBwb3B1cFBsYWNlbWVudCxcbiAgICAgIHRocmVzaG9sZCA9IDAsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uU2VhcmNoLFxuICAgICAgb25DbG9zZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzaG9ydGN1dCA9IGZhbHNlLFxuICAgICAgZXJyb3IsXG4gICAgICBkaXNhYmxlZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcbiAgICBjb25zdCBpbm5lclNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShcbiAgICAgIHJlZixcbiAgICAgICgpID0+IGlubmVyU2VhcmNoSW5wdXRSZWYuY3VycmVudCBhcyBIVE1MSW5wdXRFbGVtZW50LFxuICAgIClcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBpc01hY09TID0gbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmNsdWRlcygnTWFjJylcblxuICAgIGNvbnN0IGhhbmRsZVNob3J0Y3V0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjdHJsS2V5LCBtZXRhS2V5LCBrZXkgfSA9IGV2ZW50XG5cbiAgICAgICAgaWYgKFxuICAgICAgICAgIChrZXkgPT09ICdrJyB8fCBrZXkgPT09ICdLJykgJiZcbiAgICAgICAgICAoKCFpc01hY09TICYmIGN0cmxLZXkpIHx8IChpc01hY09TICYmIG1ldGFLZXkpKVxuICAgICAgICApIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaW5uZXJTZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbaXNNYWNPUywgaW5uZXJTZWFyY2hJbnB1dFJlZl0sXG4gICAgKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChzaG9ydGN1dCAmJiAhZGlzYWJsZWQpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlU2hvcnRjdXQpXG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIGhhbmRsZVNob3J0Y3V0KVxuICAgICAgfVxuICAgIH0sIFtoYW5kbGVTaG9ydGN1dCwgc2hvcnRjdXQsIGRpc2FibGVkXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YHBvcHVwLSR7ZGF0YVRlc3RJZH1gfVxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIHZpc2libGU9e2lzT3Blbn1cbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlQ2FsbGJhY2t9XG4gICAgICAgICAgcGxhY2VtZW50PXtwb3B1cFBsYWNlbWVudH1cbiAgICAgICAgICBtYXhXaWR0aD17Y29udGFpbmVyV2lkdGh9XG4gICAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgICAgIGlubmVyUmVmPXtwb3B1cFJlZn1cbiAgICAgICAgICB0ZXh0PXtjb250ZW50fVxuICAgICAgICAgIG1heEhlaWdodD17NDEwfVxuICAgICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVGV4dElucHV0VjJcbiAgICAgICAgICAgIHJlZj17aW5uZXJTZWFyY2hJbnB1dFJlZn1cbiAgICAgICAgICAgIHByZWZpeD17XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJzZWFyY2hcIiBkaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3VmZml4PXtcbiAgICAgICAgICAgICAgc2hvcnRjdXQgJiYgc2VhcmNoVGVybXMubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgICAgIDxLZXlHcm91cFxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAga2V5cz17W2lzTWFjT1MgPyAn4oyYJyA6ICdDdHJsJywgJ0snXX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
24
+ const StyledTextInputV2 = /* @__PURE__ */ _styled__default.default(index$1.TextInputV2, process.env.NODE_ENV === "production" ? {
25
+ target: "eefux4u0"
26
+ } : {
27
+ target: "eefux4u0",
28
+ label: "StyledTextInputV2"
29
+ })(index$1.BasicPrefixStack, "{border:none;}", index$1.StyledInput, "{padding:0;}", index$1.BasicSuffixStack, "{border:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjZDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWR1Y2VyLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQge1xuICBCYXNpY1ByZWZpeFN0YWNrLFxuICBCYXNpY1N1ZmZpeFN0YWNrLFxuICBTdHlsZWRJbnB1dCxcbiAgVGV4dElucHV0VjIsXG59IGZyb20gJy4uL1RleHRJbnB1dFYyJ1xuaW1wb3J0IHsgS2V5R3JvdXAgfSBmcm9tICcuL0tleUdyb3VwJ1xuaW1wb3J0IHR5cGUgeyBTZWFyY2hJbnB1dFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgbWluLXdpZHRoOiA2MTBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAke3RoZW1lLnNwYWNlWycxJ119YH07XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm90aGVyLmVsZXZhdGlvbi5iYWNrZ3JvdW5kLnJhaXNlZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuYFxuXG5jb25zdCBTdHlsZWRUZXh0SW5wdXRWMiA9IHN0eWxlZChUZXh0SW5wdXRWMilgXG4gICR7QmFzaWNQcmVmaXhTdGFja30ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICR7U3R5bGVkSW5wdXR9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgJHtCYXNpY1N1ZmZpeFN0YWNrfSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbi8qKlxuICogU2VhcmNoSW5wdXQgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VhcmNoIGZvciBpdGVtcy4gSXQgaXMgYSBjb21iaW5hdGlvbiBvZiBhIFRleHRJbnB1dFYyIGFuZCBhIFBvcHVwLiBUaGUgUG9wdXAgaXMgdXNlZCB0byBkaXNwbGF5IHNlYXJjaCByZXN1bHRzLlxuICogQ2hpbGRyZW4gb2YgdGhlIFNlYXJjaElucHV0IGNvbXBvbmVudCBjYW4gYmUgYSBmdW5jdGlvbiB0aGF0IHJlY2VpdmVzIGFuIG9iamVjdCB3aXRoIHRoZSBmb2xsb3dpbmcgcHJvcGVydGllczpcbiAqIC0gYHNlYXJjaFRlcm1zYDogdGhlIGN1cnJlbnQgc2VhcmNoIHRlcm1zXG4gKiAtIGBpc09wZW5gOiBhIGJvb2xlYW4gaW5kaWNhdGluZyBpZiB0aGUgcG9wdXAgaXMgb3BlblxuICogLSBgdG9nZ2xlSXNPcGVuYDogYSBmdW5jdGlvbiB0byB0b2dnbGUgdGhlIHBvcHVwXG4gKi9cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgbG9hZGluZyxcbiAgICAgIHNpemUsXG4gICAgICBwb3B1cFBsYWNlbWVudCxcbiAgICAgIHRocmVzaG9sZCA9IDAsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uU2VhcmNoLFxuICAgICAgb25DbG9zZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzaG9ydGN1dCA9IGZhbHNlLFxuICAgICAgZXJyb3IsXG4gICAgICBkaXNhYmxlZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcbiAgICBjb25zdCBpbm5lclNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShcbiAgICAgIHJlZixcbiAgICAgICgpID0+IGlubmVyU2VhcmNoSW5wdXRSZWYuY3VycmVudCBhcyBIVE1MSW5wdXRFbGVtZW50LFxuICAgIClcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBpc01hY09TID0gbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmNsdWRlcygnTWFjJylcblxuICAgIGNvbnN0IGhhbmRsZVNob3J0Y3V0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjdHJsS2V5LCBtZXRhS2V5LCBrZXkgfSA9IGV2ZW50XG5cbiAgICAgICAgaWYgKFxuICAgICAgICAgIChrZXkgPT09ICdrJyB8fCBrZXkgPT09ICdLJykgJiZcbiAgICAgICAgICAoKCFpc01hY09TICYmIGN0cmxLZXkpIHx8IChpc01hY09TICYmIG1ldGFLZXkpKVxuICAgICAgICApIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaW5uZXJTZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbaXNNYWNPUywgaW5uZXJTZWFyY2hJbnB1dFJlZl0sXG4gICAgKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChzaG9ydGN1dCAmJiAhZGlzYWJsZWQpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlU2hvcnRjdXQpXG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIGhhbmRsZVNob3J0Y3V0KVxuICAgICAgfVxuICAgIH0sIFtoYW5kbGVTaG9ydGN1dCwgc2hvcnRjdXQsIGRpc2FibGVkXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YHBvcHVwLSR7ZGF0YVRlc3RJZH1gfVxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIHZpc2libGU9e2lzT3Blbn1cbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlQ2FsbGJhY2t9XG4gICAgICAgICAgcGxhY2VtZW50PXtwb3B1cFBsYWNlbWVudH1cbiAgICAgICAgICBtYXhXaWR0aD17Y29udGFpbmVyV2lkdGh9XG4gICAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgICAgIGlubmVyUmVmPXtwb3B1cFJlZn1cbiAgICAgICAgICB0ZXh0PXtjb250ZW50fVxuICAgICAgICAgIG1heEhlaWdodD17NDEwfVxuICAgICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVGV4dElucHV0VjJcbiAgICAgICAgICAgIHJlZj17aW5uZXJTZWFyY2hJbnB1dFJlZn1cbiAgICAgICAgICAgIHByZWZpeD17XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJzZWFyY2hcIiBkaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3VmZml4PXtcbiAgICAgICAgICAgICAgc2hvcnRjdXQgJiYgc2VhcmNoVGVybXMubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgICAgIDxLZXlHcm91cFxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAga2V5cz17W2lzTWFjT1MgPyAn4oyYJyA6ICdDdHJsJywgJ0snXX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
23
30
  const SearchInput = React.forwardRef(({
24
31
  placeholder,
25
32
  label,
26
33
  loading,
27
34
  size,
28
- suffix,
29
35
  popupPlacement,
30
36
  threshold = 0,
31
37
  children,
32
38
  onSearch,
33
39
  onClose,
34
- "data-testid": dataTestId
40
+ "data-testid": dataTestId,
41
+ shortcut = false,
42
+ error,
43
+ disabled
35
44
  }, ref) => {
36
45
  const focusedLinkIndex = React.useRef(0);
37
46
  const popupRef = React.useRef(null);
38
47
  const [containerWidth, setContainerWidth] = React.useState(0);
39
48
  const [searchTerms, setSearchTerms] = React.useState("");
40
49
  const [isOpen, toggleIsOpen] = React.useReducer((state) => !state, false);
50
+ const innerSearchInputRef = React.useRef(null);
51
+ React.useImperativeHandle(ref, () => innerSearchInputRef.current);
41
52
  const content = typeof children === "function" ? children({
42
53
  searchTerms,
43
54
  isOpen,
@@ -95,6 +106,26 @@ const SearchInput = React.forwardRef(({
95
106
  toggleIsOpen();
96
107
  }
97
108
  };
98
- return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(StyledPopup, { "data-testid": `popup-${dataTestId}`, role: "dialog", visible: isOpen, onClose: onCloseCallback, placement: popupPlacement, maxWidth: containerWidth, hideOnClickOutside: true, hasArrow: false, innerRef: popupRef, text: content, maxHeight: 410, debounceDelay: 0, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.TextInputV2, { ref, prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "search" }), suffix, "data-testid": dataTestId, value: searchTerms, size, label, placeholder, loading, onChange: onSearchCallback, clearable: true }) }) });
109
+ const isMacOS = navigator.userAgent.includes("Mac");
110
+ const handleShortcut = React.useCallback((event) => {
111
+ const {
112
+ ctrlKey,
113
+ metaKey,
114
+ key
115
+ } = event;
116
+ if ((key === "k" || key === "K") && (!isMacOS && ctrlKey || isMacOS && metaKey)) {
117
+ event.preventDefault();
118
+ innerSearchInputRef.current?.focus();
119
+ }
120
+ }, [isMacOS, innerSearchInputRef]);
121
+ React.useEffect(() => {
122
+ if (shortcut && !disabled) {
123
+ document.body.addEventListener("keydown", handleShortcut);
124
+ }
125
+ return () => {
126
+ document.body.removeEventListener("keydown", handleShortcut);
127
+ };
128
+ }, [handleShortcut, shortcut, disabled]);
129
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(StyledPopup, { "data-testid": `popup-${dataTestId}`, role: "dialog", visible: isOpen, onClose: onCloseCallback, placement: popupPlacement, maxWidth: containerWidth, hideOnClickOutside: true, hasArrow: false, innerRef: popupRef, text: content, maxHeight: 410, debounceDelay: 0, children: /* @__PURE__ */ jsxRuntime.jsx(StyledTextInputV2, { ref: innerSearchInputRef, prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "search", disabled, sentiment: "neutral" }), suffix: shortcut && searchTerms.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(KeyGroup.KeyGroup, { disabled, keys: [isMacOS ? "⌘" : "Ctrl", "K"] }) : void 0, "data-testid": dataTestId, error, value: searchTerms, size, label, placeholder, loading, onChange: onSearchCallback, clearable: true, disabled }) }) });
99
130
  });
100
131
  exports.SearchInput = SearchInput;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import { Popup } from '../Popup';
2
2
  /**
3
3
  * SearchInput is a component that allows users to search for items. It is a combination of a TextInputV2 and a Popup. The Popup is used to display search results.
4
4
  * Children of the SearchInput component can be a function that receives an object with the following properties:
@@ -7,30 +7,31 @@
7
7
  * - `toggleIsOpen`: a function to toggle the popup
8
8
  */
9
9
  export declare const SearchInput: import("react").ForwardRefExoticComponent<{
10
- popupPlacement?: import("../Popup/helpers").PopupPlacement | undefined;
11
- threshold?: number | undefined;
12
- children: import("react").ReactNode | import("./types").SearchBarChildrenFunctionProps;
10
+ popupPlacement?: import("react").ComponentProps<typeof Popup>["placement"];
11
+ threshold?: number;
12
+ children: import("./types").SearchBarChildrenFunctionProps | import("react").ReactNode;
13
13
  onSearch: (value: string) => void;
14
- onClose?: (() => void) | undefined;
15
- "data-testid"?: string | undefined;
14
+ onClose?: () => void;
15
+ "data-testid"?: string;
16
+ shortcut?: boolean;
16
17
  } & Pick<{
17
- className?: string | undefined;
18
- clearable?: boolean | undefined;
19
- 'data-testid'?: string | undefined;
20
- error?: string | undefined;
18
+ className?: string;
19
+ clearable?: boolean;
20
+ 'data-testid'?: string;
21
+ error?: string;
21
22
  helper?: import("react").ReactNode;
22
- label?: string | undefined;
23
+ label?: string;
23
24
  labelDescription?: import("react").ReactNode;
24
- loading?: boolean | undefined;
25
- minLength?: number | undefined;
26
- maxLength?: number | undefined;
27
- onRandomize?: (() => void) | undefined;
28
- onChange?: ((newValue: string) => void) | undefined;
25
+ loading?: boolean;
26
+ minLength?: number;
27
+ maxLength?: number;
28
+ onRandomize?: () => void;
29
+ onChange?: (newValue: string) => void;
29
30
  prefix?: import("react").ReactNode;
30
- size?: "large" | "medium" | "small" | undefined;
31
- success?: string | boolean | undefined;
31
+ size?: "large" | "medium" | "small";
32
+ success?: string | boolean;
32
33
  suffix?: import("react").ReactNode;
33
- tooltip?: string | undefined;
34
- type?: "text" | "email" | "password" | "url" | undefined;
35
- value?: string | undefined;
36
- } & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "tabIndex" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "required"> & import("react").RefAttributes<HTMLInputElement>, "label" | "size" | "loading" | "placeholder" | "suffix"> & import("react").RefAttributes<HTMLInputElement>>;
34
+ tooltip?: string;
35
+ type?: "text" | "password" | "url" | "email";
36
+ value?: string;
37
+ } & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "tabIndex" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "required"> & import("react").RefAttributes<HTMLInputElement>, "label" | "size" | "error" | "disabled" | "loading" | "placeholder"> & import("react").RefAttributes<HTMLInputElement>>;
@@ -1,39 +1,50 @@
1
1
  import { jsx } from "@emotion/react/jsx-runtime";
2
2
  import _styled from "@emotion/styled/base";
3
3
  import { Icon } from "@ultraviolet/icons";
4
- import { forwardRef, useRef, useState, useReducer, useEffect } from "react";
4
+ import { forwardRef, useRef, useState, useReducer, useImperativeHandle, useEffect, useCallback } from "react";
5
5
  import { Popup } from "../Popup/index.js";
6
- import { TextInputV2 } from "../TextInputV2/index.js";
6
+ import { TextInputV2, BasicPrefixStack, StyledInput, BasicSuffixStack } from "../TextInputV2/index.js";
7
+ import { KeyGroup } from "./KeyGroup.js";
7
8
  const StyledPopup = /* @__PURE__ */ _styled(Popup, process.env.NODE_ENV === "production" ? {
8
- target: "eefux4u0"
9
+ target: "eefux4u1"
9
10
  } : {
10
- target: "eefux4u0",
11
+ target: "eefux4u1",
11
12
  label: "StyledPopup"
12
13
  })("width:100%;text-align:initial;min-width:610px;padding:", ({
13
14
  theme
14
15
  }) => `${theme.space["2"]} ${theme.space["1"]}`, ";background:", ({
15
16
  theme
16
- }) => theme.colors.neutral.background, ";box-shadow:", ({
17
+ }) => theme.colors.other.elevation.background.raised, ";box-shadow:", ({
17
18
  theme
18
- }) => theme.shadows.modal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VhcmNoSW5wdXQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUVmZmVjdCwgdXNlUmVkdWNlciwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICcuLi9Qb3B1cCdcbmltcG9ydCB7IFRleHRJbnB1dFYyIH0gZnJvbSAnLi4vVGV4dElucHV0VjInXG5pbXBvcnQgdHlwZSB7IFNlYXJjaElucHV0UHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBTdHlsZWRQb3B1cCA9IHN0eWxlZChQb3B1cClgXG4gIHdpZHRoOiAxMDAlO1xuICB0ZXh0LWFsaWduOiBpbml0aWFsO1xuICBtaW4td2lkdGg6IDYxMHB4O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzEnXX1gfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLm1vZGFsfTtcbmBcblxuLyoqXG4gKiBTZWFyY2hJbnB1dCBpcyBhIGNvbXBvbmVudCB0aGF0IGFsbG93cyB1c2VycyB0byBzZWFyY2ggZm9yIGl0ZW1zLiBJdCBpcyBhIGNvbWJpbmF0aW9uIG9mIGEgVGV4dElucHV0VjIgYW5kIGEgUG9wdXAuIFRoZSBQb3B1cCBpcyB1c2VkIHRvIGRpc3BsYXkgc2VhcmNoIHJlc3VsdHMuXG4gKiBDaGlsZHJlbiBvZiB0aGUgU2VhcmNoSW5wdXQgY29tcG9uZW50IGNhbiBiZSBhIGZ1bmN0aW9uIHRoYXQgcmVjZWl2ZXMgYW4gb2JqZWN0IHdpdGggdGhlIGZvbGxvd2luZyBwcm9wZXJ0aWVzOlxuICogLSBgc2VhcmNoVGVybXNgOiB0aGUgY3VycmVudCBzZWFyY2ggdGVybXNcbiAqIC0gYGlzT3BlbmA6IGEgYm9vbGVhbiBpbmRpY2F0aW5nIGlmIHRoZSBwb3B1cCBpcyBvcGVuXG4gKiAtIGB0b2dnbGVJc09wZW5gOiBhIGZ1bmN0aW9uIHRvIHRvZ2dsZSB0aGUgcG9wdXBcbiAqL1xuZXhwb3J0IGNvbnN0IFNlYXJjaElucHV0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbGFiZWwsXG4gICAgICBsb2FkaW5nLFxuICAgICAgc2l6ZSxcbiAgICAgIHN1ZmZpeCxcbiAgICAgIHBvcHVwUGxhY2VtZW50LFxuICAgICAgdGhyZXNob2xkID0gMCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgb25TZWFyY2gsXG4gICAgICBvbkNsb3NlLFxuICAgICAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPFN0eWxlZFBvcHVwXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2Bwb3B1cC0ke2RhdGFUZXN0SWR9YH1cbiAgICAgICAgICByb2xlPVwiZGlhbG9nXCJcbiAgICAgICAgICB2aXNpYmxlPXtpc09wZW59XG4gICAgICAgICAgb25DbG9zZT17b25DbG9zZUNhbGxiYWNrfVxuICAgICAgICAgIHBsYWNlbWVudD17cG9wdXBQbGFjZW1lbnR9XG4gICAgICAgICAgbWF4V2lkdGg9e2NvbnRhaW5lcldpZHRofVxuICAgICAgICAgIGhpZGVPbkNsaWNrT3V0c2lkZVxuICAgICAgICAgIGhhc0Fycm93PXtmYWxzZX1cbiAgICAgICAgICBpbm5lclJlZj17cG9wdXBSZWZ9XG4gICAgICAgICAgdGV4dD17Y29udGVudH1cbiAgICAgICAgICBtYXhIZWlnaHQ9ezQxMH1cbiAgICAgICAgICBkZWJvdW5jZURlbGF5PXswfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRJbnB1dFYyXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHByZWZpeD17PEljb24gbmFtZT1cInNlYXJjaFwiIC8+fVxuICAgICAgICAgICAgc3VmZml4PXtzdWZmaXh9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
19
+ }) => `${theme.shadows.raised[0]}, ${theme.shadows.raised[1]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWR1Y2VyLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQge1xuICBCYXNpY1ByZWZpeFN0YWNrLFxuICBCYXNpY1N1ZmZpeFN0YWNrLFxuICBTdHlsZWRJbnB1dCxcbiAgVGV4dElucHV0VjIsXG59IGZyb20gJy4uL1RleHRJbnB1dFYyJ1xuaW1wb3J0IHsgS2V5R3JvdXAgfSBmcm9tICcuL0tleUdyb3VwJ1xuaW1wb3J0IHR5cGUgeyBTZWFyY2hJbnB1dFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgbWluLXdpZHRoOiA2MTBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAke3RoZW1lLnNwYWNlWycxJ119YH07XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm90aGVyLmVsZXZhdGlvbi5iYWNrZ3JvdW5kLnJhaXNlZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuYFxuXG5jb25zdCBTdHlsZWRUZXh0SW5wdXRWMiA9IHN0eWxlZChUZXh0SW5wdXRWMilgXG4gICR7QmFzaWNQcmVmaXhTdGFja30ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICR7U3R5bGVkSW5wdXR9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgJHtCYXNpY1N1ZmZpeFN0YWNrfSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbi8qKlxuICogU2VhcmNoSW5wdXQgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VhcmNoIGZvciBpdGVtcy4gSXQgaXMgYSBjb21iaW5hdGlvbiBvZiBhIFRleHRJbnB1dFYyIGFuZCBhIFBvcHVwLiBUaGUgUG9wdXAgaXMgdXNlZCB0byBkaXNwbGF5IHNlYXJjaCByZXN1bHRzLlxuICogQ2hpbGRyZW4gb2YgdGhlIFNlYXJjaElucHV0IGNvbXBvbmVudCBjYW4gYmUgYSBmdW5jdGlvbiB0aGF0IHJlY2VpdmVzIGFuIG9iamVjdCB3aXRoIHRoZSBmb2xsb3dpbmcgcHJvcGVydGllczpcbiAqIC0gYHNlYXJjaFRlcm1zYDogdGhlIGN1cnJlbnQgc2VhcmNoIHRlcm1zXG4gKiAtIGBpc09wZW5gOiBhIGJvb2xlYW4gaW5kaWNhdGluZyBpZiB0aGUgcG9wdXAgaXMgb3BlblxuICogLSBgdG9nZ2xlSXNPcGVuYDogYSBmdW5jdGlvbiB0byB0b2dnbGUgdGhlIHBvcHVwXG4gKi9cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgbG9hZGluZyxcbiAgICAgIHNpemUsXG4gICAgICBwb3B1cFBsYWNlbWVudCxcbiAgICAgIHRocmVzaG9sZCA9IDAsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uU2VhcmNoLFxuICAgICAgb25DbG9zZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzaG9ydGN1dCA9IGZhbHNlLFxuICAgICAgZXJyb3IsXG4gICAgICBkaXNhYmxlZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcbiAgICBjb25zdCBpbm5lclNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShcbiAgICAgIHJlZixcbiAgICAgICgpID0+IGlubmVyU2VhcmNoSW5wdXRSZWYuY3VycmVudCBhcyBIVE1MSW5wdXRFbGVtZW50LFxuICAgIClcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBpc01hY09TID0gbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmNsdWRlcygnTWFjJylcblxuICAgIGNvbnN0IGhhbmRsZVNob3J0Y3V0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjdHJsS2V5LCBtZXRhS2V5LCBrZXkgfSA9IGV2ZW50XG5cbiAgICAgICAgaWYgKFxuICAgICAgICAgIChrZXkgPT09ICdrJyB8fCBrZXkgPT09ICdLJykgJiZcbiAgICAgICAgICAoKCFpc01hY09TICYmIGN0cmxLZXkpIHx8IChpc01hY09TICYmIG1ldGFLZXkpKVxuICAgICAgICApIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaW5uZXJTZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbaXNNYWNPUywgaW5uZXJTZWFyY2hJbnB1dFJlZl0sXG4gICAgKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChzaG9ydGN1dCAmJiAhZGlzYWJsZWQpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlU2hvcnRjdXQpXG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIGhhbmRsZVNob3J0Y3V0KVxuICAgICAgfVxuICAgIH0sIFtoYW5kbGVTaG9ydGN1dCwgc2hvcnRjdXQsIGRpc2FibGVkXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YHBvcHVwLSR7ZGF0YVRlc3RJZH1gfVxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIHZpc2libGU9e2lzT3Blbn1cbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlQ2FsbGJhY2t9XG4gICAgICAgICAgcGxhY2VtZW50PXtwb3B1cFBsYWNlbWVudH1cbiAgICAgICAgICBtYXhXaWR0aD17Y29udGFpbmVyV2lkdGh9XG4gICAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgICAgIGlubmVyUmVmPXtwb3B1cFJlZn1cbiAgICAgICAgICB0ZXh0PXtjb250ZW50fVxuICAgICAgICAgIG1heEhlaWdodD17NDEwfVxuICAgICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVGV4dElucHV0VjJcbiAgICAgICAgICAgIHJlZj17aW5uZXJTZWFyY2hJbnB1dFJlZn1cbiAgICAgICAgICAgIHByZWZpeD17XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJzZWFyY2hcIiBkaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3VmZml4PXtcbiAgICAgICAgICAgICAgc2hvcnRjdXQgJiYgc2VhcmNoVGVybXMubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgICAgIDxLZXlHcm91cFxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAga2V5cz17W2lzTWFjT1MgPyAn4oyYJyA6ICdDdHJsJywgJ0snXX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
20
+ const StyledTextInputV2 = /* @__PURE__ */ _styled(TextInputV2, process.env.NODE_ENV === "production" ? {
21
+ target: "eefux4u0"
22
+ } : {
23
+ target: "eefux4u0",
24
+ label: "StyledTextInputV2"
25
+ })(BasicPrefixStack, "{border:none;}", StyledInput, "{padding:0;}", BasicSuffixStack, "{border:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjZDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlYXJjaElucHV0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWR1Y2VyLFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFBvcHVwIH0gZnJvbSAnLi4vUG9wdXAnXG5pbXBvcnQge1xuICBCYXNpY1ByZWZpeFN0YWNrLFxuICBCYXNpY1N1ZmZpeFN0YWNrLFxuICBTdHlsZWRJbnB1dCxcbiAgVGV4dElucHV0VjIsXG59IGZyb20gJy4uL1RleHRJbnB1dFYyJ1xuaW1wb3J0IHsgS2V5R3JvdXAgfSBmcm9tICcuL0tleUdyb3VwJ1xuaW1wb3J0IHR5cGUgeyBTZWFyY2hJbnB1dFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkUG9wdXAgPSBzdHlsZWQoUG9wdXApYFxuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogaW5pdGlhbDtcbiAgbWluLXdpZHRoOiA2MTBweDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAke3RoZW1lLnNwYWNlWycxJ119YH07XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm90aGVyLmVsZXZhdGlvbi5iYWNrZ3JvdW5kLnJhaXNlZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2hhZG93cy5yYWlzZWRbMF19LCAke3RoZW1lLnNoYWRvd3MucmFpc2VkWzFdfWB9O1xuYFxuXG5jb25zdCBTdHlsZWRUZXh0SW5wdXRWMiA9IHN0eWxlZChUZXh0SW5wdXRWMilgXG4gICR7QmFzaWNQcmVmaXhTdGFja30ge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuXG4gICR7U3R5bGVkSW5wdXR9IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgJHtCYXNpY1N1ZmZpeFN0YWNrfSB7XG4gICAgYm9yZGVyOiBub25lO1xuICB9XG5gXG5cbi8qKlxuICogU2VhcmNoSW5wdXQgaXMgYSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXNlcnMgdG8gc2VhcmNoIGZvciBpdGVtcy4gSXQgaXMgYSBjb21iaW5hdGlvbiBvZiBhIFRleHRJbnB1dFYyIGFuZCBhIFBvcHVwLiBUaGUgUG9wdXAgaXMgdXNlZCB0byBkaXNwbGF5IHNlYXJjaCByZXN1bHRzLlxuICogQ2hpbGRyZW4gb2YgdGhlIFNlYXJjaElucHV0IGNvbXBvbmVudCBjYW4gYmUgYSBmdW5jdGlvbiB0aGF0IHJlY2VpdmVzIGFuIG9iamVjdCB3aXRoIHRoZSBmb2xsb3dpbmcgcHJvcGVydGllczpcbiAqIC0gYHNlYXJjaFRlcm1zYDogdGhlIGN1cnJlbnQgc2VhcmNoIHRlcm1zXG4gKiAtIGBpc09wZW5gOiBhIGJvb2xlYW4gaW5kaWNhdGluZyBpZiB0aGUgcG9wdXAgaXMgb3BlblxuICogLSBgdG9nZ2xlSXNPcGVuYDogYSBmdW5jdGlvbiB0byB0b2dnbGUgdGhlIHBvcHVwXG4gKi9cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgbG9hZGluZyxcbiAgICAgIHNpemUsXG4gICAgICBwb3B1cFBsYWNlbWVudCxcbiAgICAgIHRocmVzaG9sZCA9IDAsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uU2VhcmNoLFxuICAgICAgb25DbG9zZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzaG9ydGN1dCA9IGZhbHNlLFxuICAgICAgZXJyb3IsXG4gICAgICBkaXNhYmxlZCxcbiAgICB9OiBTZWFyY2hJbnB1dFByb3BzLFxuICAgIHJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+LFxuICApID0+IHtcbiAgICBjb25zdCBmb2N1c2VkTGlua0luZGV4ID0gdXNlUmVmKDApXG4gICAgY29uc3QgcG9wdXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpXG4gICAgY29uc3QgW2NvbnRhaW5lcldpZHRoLCBzZXRDb250YWluZXJXaWR0aF0gPSB1c2VTdGF0ZSgwKVxuICAgIGNvbnN0IFtzZWFyY2hUZXJtcywgc2V0U2VhcmNoVGVybXNdID0gdXNlU3RhdGUoJycpXG4gICAgY29uc3QgW2lzT3BlbiwgdG9nZ2xlSXNPcGVuXSA9IHVzZVJlZHVjZXIoc3RhdGUgPT4gIXN0YXRlLCBmYWxzZSlcbiAgICBjb25zdCBpbm5lclNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShcbiAgICAgIHJlZixcbiAgICAgICgpID0+IGlubmVyU2VhcmNoSW5wdXRSZWYuY3VycmVudCBhcyBIVE1MSW5wdXRFbGVtZW50LFxuICAgIClcblxuICAgIGNvbnN0IGNvbnRlbnQgPVxuICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgID8gY2hpbGRyZW4oeyBzZWFyY2hUZXJtcywgaXNPcGVuLCB0b2dnbGVJc09wZW4gfSlcbiAgICAgICAgOiBjaGlsZHJlblxuXG4gICAgY29uc3QgcmVzaXplU2VhcmNoQmFyID0gKCkgPT4ge1xuICAgICAgaWYgKHBvcHVwUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgc2V0Q29udGFpbmVyV2lkdGgocG9wdXBSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBoYW5kbGVOYXZpZ2F0aW9uID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICBjb25zdCBsaW5rcyA9IFsuLi4ocG9wdXBSZWYuY3VycmVudD8ucXVlcnlTZWxlY3RvckFsbCgnYScpID8/IFtdKV1cblxuICAgICAgaWYgKFxuICAgICAgICBsaW5rcy5sZW5ndGggPiAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA+PSAwICYmXG4gICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA8PSBsaW5rcy5sZW5ndGhcbiAgICAgICkge1xuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC0gMSA8IDApIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IGxpbmtzLmxlbmd0aCAtIDFcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50IC09IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicpIHtcbiAgICAgICAgICBpZiAoZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICsgMSA+PSBsaW5rcy5sZW5ndGgpIHtcbiAgICAgICAgICAgIGZvY3VzZWRMaW5rSW5kZXguY3VycmVudCA9IDBcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgZm9jdXNlZExpbmtJbmRleC5jdXJyZW50ICs9IDFcbiAgICAgICAgICB9XG4gICAgICAgICAgbGlua3NbZm9jdXNlZExpbmtJbmRleC5jdXJyZW50XT8uZm9jdXMoKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcblxuICAgICAgcmV0dXJuICgpID0+IGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgaGFuZGxlTmF2aWdhdGlvbilcbiAgICB9LCBbXSlcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICByZXNpemVTZWFyY2hCYXIoKVxuXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgcmVzaXplU2VhcmNoQmFyKVxuXG4gICAgICByZXR1cm4gKCkgPT4gd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHJlc2l6ZVNlYXJjaEJhcilcbiAgICB9LCBbXSlcblxuICAgIGNvbnN0IG9uU2VhcmNoQ2FsbGJhY2sgPSAodmFsdWU6IHN0cmluZykgPT4ge1xuICAgICAgc2V0U2VhcmNoVGVybXModmFsdWUpXG5cbiAgICAgIHRyeSB7XG4gICAgICAgIG9uU2VhcmNoKHZhbHVlKVxuICAgICAgICBpZiAodmFsdWUubGVuZ3RoID49IHRocmVzaG9sZCAmJiAhaXNPcGVuKSB7XG4gICAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgICAgfVxuICAgICAgfSBjYXRjaCB7XG4gICAgICAgIHRvZ2dsZUlzT3BlbigpXG4gICAgICB9XG4gICAgfVxuXG4gICAgY29uc3Qgb25DbG9zZUNhbGxiYWNrID0gKCkgPT4ge1xuICAgICAgb25DbG9zZT8uKClcbiAgICAgIGlmIChpc09wZW4pIHtcbiAgICAgICAgdG9nZ2xlSXNPcGVuKClcbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBpc01hY09TID0gbmF2aWdhdG9yLnVzZXJBZ2VudC5pbmNsdWRlcygnTWFjJylcblxuICAgIGNvbnN0IGhhbmRsZVNob3J0Y3V0ID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IEtleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjdHJsS2V5LCBtZXRhS2V5LCBrZXkgfSA9IGV2ZW50XG5cbiAgICAgICAgaWYgKFxuICAgICAgICAgIChrZXkgPT09ICdrJyB8fCBrZXkgPT09ICdLJykgJiZcbiAgICAgICAgICAoKCFpc01hY09TICYmIGN0cmxLZXkpIHx8IChpc01hY09TICYmIG1ldGFLZXkpKVxuICAgICAgICApIHtcbiAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgaW5uZXJTZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbaXNNYWNPUywgaW5uZXJTZWFyY2hJbnB1dFJlZl0sXG4gICAgKVxuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChzaG9ydGN1dCAmJiAhZGlzYWJsZWQpIHtcbiAgICAgICAgZG9jdW1lbnQuYm9keS5hZGRFdmVudExpc3RlbmVyKCdrZXlkb3duJywgaGFuZGxlU2hvcnRjdXQpXG4gICAgICB9XG5cbiAgICAgIHJldHVybiAoKSA9PiB7XG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIGhhbmRsZVNob3J0Y3V0KVxuICAgICAgfVxuICAgIH0sIFtoYW5kbGVTaG9ydGN1dCwgc2hvcnRjdXQsIGRpc2FibGVkXSlcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U3R5bGVkUG9wdXBcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YHBvcHVwLSR7ZGF0YVRlc3RJZH1gfVxuICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgIHZpc2libGU9e2lzT3Blbn1cbiAgICAgICAgICBvbkNsb3NlPXtvbkNsb3NlQ2FsbGJhY2t9XG4gICAgICAgICAgcGxhY2VtZW50PXtwb3B1cFBsYWNlbWVudH1cbiAgICAgICAgICBtYXhXaWR0aD17Y29udGFpbmVyV2lkdGh9XG4gICAgICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlXG4gICAgICAgICAgaGFzQXJyb3c9e2ZhbHNlfVxuICAgICAgICAgIGlubmVyUmVmPXtwb3B1cFJlZn1cbiAgICAgICAgICB0ZXh0PXtjb250ZW50fVxuICAgICAgICAgIG1heEhlaWdodD17NDEwfVxuICAgICAgICAgIGRlYm91bmNlRGVsYXk9ezB9XG4gICAgICAgID5cbiAgICAgICAgICA8U3R5bGVkVGV4dElucHV0VjJcbiAgICAgICAgICAgIHJlZj17aW5uZXJTZWFyY2hJbnB1dFJlZn1cbiAgICAgICAgICAgIHByZWZpeD17XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJzZWFyY2hcIiBkaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc3VmZml4PXtcbiAgICAgICAgICAgICAgc2hvcnRjdXQgJiYgc2VhcmNoVGVybXMubGVuZ3RoID09PSAwID8gKFxuICAgICAgICAgICAgICAgIDxLZXlHcm91cFxuICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAga2V5cz17W2lzTWFjT1MgPyAn4oyYJyA6ICdDdHJsJywgJ0snXX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICApIDogdW5kZWZpbmVkXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgICAgIGVycm9yPXtlcnJvcn1cbiAgICAgICAgICAgIHZhbHVlPXtzZWFyY2hUZXJtc31cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9e29uU2VhcmNoQ2FsbGJhY2t9XG4gICAgICAgICAgICBjbGVhcmFibGVcbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L1N0eWxlZFBvcHVwPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9LFxuKVxuIl19 */"));
19
26
  const SearchInput = forwardRef(({
20
27
  placeholder,
21
28
  label,
22
29
  loading,
23
30
  size,
24
- suffix,
25
31
  popupPlacement,
26
32
  threshold = 0,
27
33
  children,
28
34
  onSearch,
29
35
  onClose,
30
- "data-testid": dataTestId
36
+ "data-testid": dataTestId,
37
+ shortcut = false,
38
+ error,
39
+ disabled
31
40
  }, ref) => {
32
41
  const focusedLinkIndex = useRef(0);
33
42
  const popupRef = useRef(null);
34
43
  const [containerWidth, setContainerWidth] = useState(0);
35
44
  const [searchTerms, setSearchTerms] = useState("");
36
45
  const [isOpen, toggleIsOpen] = useReducer((state) => !state, false);
46
+ const innerSearchInputRef = useRef(null);
47
+ useImperativeHandle(ref, () => innerSearchInputRef.current);
37
48
  const content = typeof children === "function" ? children({
38
49
  searchTerms,
39
50
  isOpen,
@@ -91,7 +102,27 @@ const SearchInput = forwardRef(({
91
102
  toggleIsOpen();
92
103
  }
93
104
  };
94
- return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(StyledPopup, { "data-testid": `popup-${dataTestId}`, role: "dialog", visible: isOpen, onClose: onCloseCallback, placement: popupPlacement, maxWidth: containerWidth, hideOnClickOutside: true, hasArrow: false, innerRef: popupRef, text: content, maxHeight: 410, debounceDelay: 0, children: /* @__PURE__ */ jsx(TextInputV2, { ref, prefix: /* @__PURE__ */ jsx(Icon, { name: "search" }), suffix, "data-testid": dataTestId, value: searchTerms, size, label, placeholder, loading, onChange: onSearchCallback, clearable: true }) }) });
105
+ const isMacOS = navigator.userAgent.includes("Mac");
106
+ const handleShortcut = useCallback((event) => {
107
+ const {
108
+ ctrlKey,
109
+ metaKey,
110
+ key
111
+ } = event;
112
+ if ((key === "k" || key === "K") && (!isMacOS && ctrlKey || isMacOS && metaKey)) {
113
+ event.preventDefault();
114
+ innerSearchInputRef.current?.focus();
115
+ }
116
+ }, [isMacOS, innerSearchInputRef]);
117
+ useEffect(() => {
118
+ if (shortcut && !disabled) {
119
+ document.body.addEventListener("keydown", handleShortcut);
120
+ }
121
+ return () => {
122
+ document.body.removeEventListener("keydown", handleShortcut);
123
+ };
124
+ }, [handleShortcut, shortcut, disabled]);
125
+ return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(StyledPopup, { "data-testid": `popup-${dataTestId}`, role: "dialog", visible: isOpen, onClose: onCloseCallback, placement: popupPlacement, maxWidth: containerWidth, hideOnClickOutside: true, hasArrow: false, innerRef: popupRef, text: content, maxHeight: 410, debounceDelay: 0, children: /* @__PURE__ */ jsx(StyledTextInputV2, { ref: innerSearchInputRef, prefix: /* @__PURE__ */ jsx(Icon, { name: "search", disabled, sentiment: "neutral" }), suffix: shortcut && searchTerms.length === 0 ? /* @__PURE__ */ jsx(KeyGroup, { disabled, keys: [isMacOS ? "⌘" : "Ctrl", "K"] }) : void 0, "data-testid": dataTestId, error, value: searchTerms, size, label, placeholder, loading, onChange: onSearchCallback, clearable: true, disabled }) }) });
95
126
  });
96
127
  export {
97
128
  SearchInput
@@ -13,5 +13,9 @@ export type SearchInputProps = {
13
13
  onSearch: (value: string) => void;
14
14
  onClose?: () => void;
15
15
  ['data-testid']?: string;
16
- } & Pick<ComponentProps<typeof TextInputV2>, 'placeholder' | 'size' | 'label' | 'loading' | 'suffix'>;
16
+ /**
17
+ * If set to true images will be shown with key shortcut to focus the input on the right of the search bar
18
+ */
19
+ shortcut?: boolean;
20
+ } & Pick<ComponentProps<typeof TextInputV2>, 'placeholder' | 'size' | 'label' | 'loading' | 'error' | 'disabled'>;
17
21
  export {};