@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/SelectInputV2/DropdownOption.cjs

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const index = require("../Stack/index.cjs");
+const index$1 = require("../Text/index.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledInfo = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e18yw4y80"
+} : {
+  target: "e18yw4y80",
+  label: "StyledInfo"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13vy23x",
+  styles: "align-content:center"
+} : {
+  name: "13vy23x",
+  styles: "align-content:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0VjIvRHJvcGRvd25PcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TZWxlY3RJbnB1dFYyL0Ryb3Bkb3duT3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHR5cGUgeyBPcHRpb25UeXBlIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkSW5mbyA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbmBcblxudHlwZSBEaXNwbGF5T3B0aW9uUHJvcHMgPSB7XG4gIG9wdGlvbjogT3B0aW9uVHlwZVxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJ1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ6ICdsZWZ0JyB8ICdyaWdodCdcbn1cblxuZXhwb3J0IGNvbnN0IERpc3BsYXlPcHRpb24gPSAoe1xuICBvcHRpb24sXG4gIG9wdGlvbmFsSW5mb1BsYWNlbWVudCxcbiAgZGVzY3JpcHRpb25EaXJlY3Rpb24sXG59OiBEaXNwbGF5T3B0aW9uUHJvcHMpID0+IHtcbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAncm93JyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3RhY2tcbiAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwibGVmdFwiXG4gICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICA+XG4gICAgICAgIDxTdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8/IG51bGx9XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9TdGFjaz5cbiAgICApXG4gIH1cblxuICBpZiAoZGVzY3JpcHRpb25EaXJlY3Rpb24gPT09ICdyb3cnICYmIG9wdGlvbmFsSW5mb1BsYWNlbWVudCA9PT0gJ3JpZ2h0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3RhY2tcbiAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIGFsaWduSXRlbXM9XCJiYXNlbGluZVwiXG4gICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICA+XG4gICAgICAgIDxTdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/IChcbiAgICAgICAgICA8U3R5bGVkSW5mbz57b3B0aW9uLm9wdGlvbmFsSW5mb308L1N0eWxlZEluZm8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICApXG4gIH1cblxuICBpZiAoZGVzY3JpcHRpb25EaXJlY3Rpb24gPT09ICdjb2x1bW4nICYmIG9wdGlvbmFsSW5mb1BsYWNlbWVudCA9PT0gJ2xlZnQnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdGFja1xuICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9e29wdGlvbi5vcHRpb25hbEluZm8gPyAnbGVmdCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICAgIGFsaWduSXRlbXM9XCJub3JtYWxcIlxuICAgICAgPlxuICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuXG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvU3RhY2s+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2tcbiAgICAgIGdhcD17MC41fVxuICAgICAgZGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgIGFsaWduSXRlbXM9XCJub3JtYWxcIlxuICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICA+XG4gICAgICA8U3RhY2sgZ2FwPXswLjV9IGRpcmVjdGlvbj1cInJvd1wiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiPlxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8gKFxuICAgICAgICAgIDxTdHlsZWRJbmZvPntvcHRpb24ub3B0aW9uYWxJbmZvfTwvU3R5bGVkSW5mbz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgPFRleHRcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3RhY2s+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const DisplayOption = ({
+  option,
+  optionalInfoPlacement,
+  descriptionDirection
+}) => {
+  if (descriptionDirection === "row" && optionalInfoPlacement === "left") {
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: 0.5, direction: "row", justifyContent: "left", "data-testid": `option-stack-${option.value}`, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, direction: "row", alignItems: "center", children: [
+      option.optionalInfo ?? null,
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "body", placement: "left", children: option.label }),
+      option.description ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+    ] }) });
+  }
+  if (descriptionDirection === "row" && optionalInfoPlacement === "right") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, direction: "row", justifyContent: "space-between", alignItems: "baseline", "data-testid": `option-stack-${option.value}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, direction: "row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "body", placement: "left", children: option.label }),
+        option.description ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+      ] }),
+      option.optionalInfo ? /* @__PURE__ */ jsxRuntime.jsx(StyledInfo, { children: option.optionalInfo }) : null
+    ] });
+  }
+  if (descriptionDirection === "column" && optionalInfoPlacement === "left") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, direction: "row", justifyContent: option.optionalInfo ? "left" : "space-between", alignItems: "normal", children: [
+      option.optionalInfo ?? null,
+      /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, direction: "column", "data-testid": `option-stack-${option.value}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "body", placement: "left", children: option.label }),
+        option.description ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, direction: "column", alignItems: "normal", "data-testid": `option-stack-${option.value}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { gap: 0.5, direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "body", placement: "left", children: option.label }),
+      option.optionalInfo ? /* @__PURE__ */ jsxRuntime.jsx(StyledInfo, { children: option.optionalInfo }) : null
+    ] }),
+    option.description ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+  ] });
+};
+exports.DisplayOption = DisplayOption;

package/dist/components/SelectInputV2/DropdownOption.js

@@ -1,132 +1,61 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-const StyledInfo = styled.div`
-  align-content: center;
-`;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledInfo = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e18yw4y80"
+} : {
+  target: "e18yw4y80",
+  label: "StyledInfo"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13vy23x",
+  styles: "align-content:center"
+} : {
+  name: "13vy23x",
+  styles: "align-content:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0VjIvRHJvcGRvd25PcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TZWxlY3RJbnB1dFYyL0Ryb3Bkb3duT3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHR5cGUgeyBPcHRpb25UeXBlIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkSW5mbyA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbmBcblxudHlwZSBEaXNwbGF5T3B0aW9uUHJvcHMgPSB7XG4gIG9wdGlvbjogT3B0aW9uVHlwZVxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJ1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ6ICdsZWZ0JyB8ICdyaWdodCdcbn1cblxuZXhwb3J0IGNvbnN0IERpc3BsYXlPcHRpb24gPSAoe1xuICBvcHRpb24sXG4gIG9wdGlvbmFsSW5mb1BsYWNlbWVudCxcbiAgZGVzY3JpcHRpb25EaXJlY3Rpb24sXG59OiBEaXNwbGF5T3B0aW9uUHJvcHMpID0+IHtcbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAncm93JyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3RhY2tcbiAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwibGVmdFwiXG4gICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICA+XG4gICAgICAgIDxTdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8/IG51bGx9XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9TdGFjaz5cbiAgICApXG4gIH1cblxuICBpZiAoZGVzY3JpcHRpb25EaXJlY3Rpb24gPT09ICdyb3cnICYmIG9wdGlvbmFsSW5mb1BsYWNlbWVudCA9PT0gJ3JpZ2h0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3RhY2tcbiAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiXG4gICAgICAgIGFsaWduSXRlbXM9XCJiYXNlbGluZVwiXG4gICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICA+XG4gICAgICAgIDxTdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/IChcbiAgICAgICAgICA8U3R5bGVkSW5mbz57b3B0aW9uLm9wdGlvbmFsSW5mb308L1N0eWxlZEluZm8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICApXG4gIH1cblxuICBpZiAoZGVzY3JpcHRpb25EaXJlY3Rpb24gPT09ICdjb2x1bW4nICYmIG9wdGlvbmFsSW5mb1BsYWNlbWVudCA9PT0gJ2xlZnQnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdGFja1xuICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9e29wdGlvbi5vcHRpb25hbEluZm8gPyAnbGVmdCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICAgIGFsaWduSXRlbXM9XCJub3JtYWxcIlxuICAgICAgPlxuICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuXG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvU3RhY2s+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2tcbiAgICAgIGdhcD17MC41fVxuICAgICAgZGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgIGFsaWduSXRlbXM9XCJub3JtYWxcIlxuICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICA+XG4gICAgICA8U3RhY2sgZ2FwPXswLjV9IGRpcmVjdGlvbj1cInJvd1wiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiPlxuICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8gKFxuICAgICAgICAgIDxTdHlsZWRJbmZvPntvcHRpb24ub3B0aW9uYWxJbmZvfTwvU3R5bGVkSW5mbz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgPFRleHRcbiAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3RhY2s+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const DisplayOption = ({
   option,
   optionalInfoPlacement,
   descriptionDirection
 }) => {
   if (descriptionDirection === "row" && optionalInfoPlacement === "left") {
-    return /* @__PURE__ */ jsx(
-      Stack,
-      {
-        gap: 0.5,
-        direction: "row",
-        justifyContent: "left",
-        "data-testid": `option-stack-${option.value}`,
-        children: /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", alignItems: "center", children: [
-          option.optionalInfo ?? null,
-          /* @__PURE__ */ jsx(Text, { as: "span", variant: "body", placement: "left", children: option.label }),
-          option.description ? /* @__PURE__ */ jsx(
-            Text,
-            {
-              as: "span",
-              variant: "bodySmall",
-              sentiment: "neutral",
-              placement: "left",
-              prominence: "weak",
-              children: option.description
-            }
-          ) : null
-        ] })
-      }
-    );
+    return /* @__PURE__ */ jsx(Stack, { gap: 0.5, direction: "row", justifyContent: "left", "data-testid": `option-stack-${option.value}`, children: /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", alignItems: "center", children: [
+      option.optionalInfo ?? null,
+      /* @__PURE__ */ jsx(Text, { as: "span", variant: "body", placement: "left", children: option.label }),
+      option.description ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+    ] }) });
   }
   if (descriptionDirection === "row" && optionalInfoPlacement === "right") {
-    return /* @__PURE__ */ jsxs(
-      Stack,
-      {
-        gap: 0.5,
-        direction: "row",
-        justifyContent: "space-between",
-        alignItems: "baseline",
-        "data-testid": `option-stack-${option.value}`,
-        children: [
-          /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", children: [
-            /* @__PURE__ */ jsx(Text, { as: "span", variant: "body", placement: "left", children: option.label }),
-            option.description ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                as: "span",
-                variant: "bodySmall",
-                sentiment: "neutral",
-                placement: "left",
-                prominence: "weak",
-                children: option.description
-              }
-            ) : null
-          ] }),
-          option.optionalInfo ? /* @__PURE__ */ jsx(StyledInfo, { children: option.optionalInfo }) : null
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", justifyContent: "space-between", alignItems: "baseline", "data-testid": `option-stack-${option.value}`, children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", children: [
+        /* @__PURE__ */ jsx(Text, { as: "span", variant: "body", placement: "left", children: option.label }),
+        option.description ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+      ] }),
+      option.optionalInfo ? /* @__PURE__ */ jsx(StyledInfo, { children: option.optionalInfo }) : null
+    ] });
   }
   if (descriptionDirection === "column" && optionalInfoPlacement === "left") {
-    return /* @__PURE__ */ jsxs(
-      Stack,
-      {
-        gap: 0.5,
-        direction: "row",
-        justifyContent: option.optionalInfo ? "left" : "space-between",
-        alignItems: "normal",
-        children: [
-          option.optionalInfo ?? null,
-          /* @__PURE__ */ jsxs(
-            Stack,
-            {
-              gap: 0.5,
-              direction: "column",
-              "data-testid": `option-stack-${option.value}`,
-              children: [
-                /* @__PURE__ */ jsx(Text, { as: "span", variant: "body", placement: "left", children: option.label }),
-                option.description ? /* @__PURE__ */ jsx(
-                  Text,
-                  {
-                    as: "span",
-                    variant: "bodySmall",
-                    sentiment: "neutral",
-                    placement: "left",
-                    prominence: "weak",
-                    children: option.description
-                  }
-                ) : null
-              ]
-            }
-          )
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", justifyContent: option.optionalInfo ? "left" : "space-between", alignItems: "normal", children: [
+      option.optionalInfo ?? null,
+      /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "column", "data-testid": `option-stack-${option.value}`, children: [
+        /* @__PURE__ */ jsx(Text, { as: "span", variant: "body", placement: "left", children: option.label }),
+        option.description ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+      ] })
+    ] });
   }
-  return /* @__PURE__ */ jsxs(
-    Stack,
-    {
-      gap: 0.5,
-      direction: "column",
-      alignItems: "normal",
-      "data-testid": `option-stack-${option.value}`,
-      children: [
-        /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsx(Text, { as: "span", variant: "body", placement: "left", children: option.label }),
-          option.optionalInfo ? /* @__PURE__ */ jsx(StyledInfo, { children: option.optionalInfo }) : null
-        ] }),
-        option.description ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: "span",
-            variant: "bodySmall",
-            sentiment: "neutral",
-            placement: "left",
-            prominence: "weak",
-            children: option.description
-          }
-        ) : null
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "column", alignItems: "normal", "data-testid": `option-stack-${option.value}`, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx(Text, { as: "span", variant: "body", placement: "left", children: option.label }),
+      option.optionalInfo ? /* @__PURE__ */ jsx(StyledInfo, { children: option.optionalInfo }) : null
+    ] }),
+    option.description ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+  ] });
 };
 export {
   DisplayOption

package/dist/components/SelectInputV2/SearchBarDropdown.cjs

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const icons = require("@ultraviolet/icons");
+const React = require("react");
+const index = require("../TextInputV2/index.cjs");
+const SelectInputProvider = require("./SelectInputProvider.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const StyledInput = /* @__PURE__ */ _styled__default.default(index.TextInputV2, process.env.NODE_ENV === "production" ? {
+  target: "e1ag0nf0"
+} : {
+  target: "e1ag0nf0",
+  label: "StyledInput"
+})("padding-top:", ({
+  theme
+}) => theme.space[1.5], ";padding-bottom:", ({
+  theme
+}) => theme.space[1.5], ";padding-left:", ({
+  theme
+}) => theme.space[2], ";padding-right:", ({
+  theme
+}) => theme.space[2], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0VjIvU2VhcmNoQmFyRHJvcGRvd24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TZWxlY3RJbnB1dFYyL1NlYXJjaEJhckRyb3Bkb3duLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgRGlzcGF0Y2gsIFNldFN0YXRlQWN0aW9uIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHRJbnB1dFYyIH0gZnJvbSAnLi4vVGV4dElucHV0VjInXG5pbXBvcnQgeyB1c2VTZWxlY3RJbnB1dCB9IGZyb20gJy4vU2VsZWN0SW5wdXRQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRGF0YVR5cGUgfSBmcm9tICcuL3R5cGVzJ1xuXG50eXBlIFNlYXJjaEJhclByb3BzID0ge1xuICBwbGFjZWhvbGRlcjogc3RyaW5nXG4gIGRpc3BsYXllZE9wdGlvbnM6IERhdGFUeXBlXG4gIHNldFNlYXJjaEJhckFjdGl2ZTogRGlzcGF0Y2g8U2V0U3RhdGVBY3Rpb248Ym9vbGVhbj4+XG59XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFRleHRJbnB1dFYyKWBcbiAgcGFkZGluZy10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMS41XX07XG4gIHBhZGRpbmctYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzEuNV19O1xuICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbmBcblxuY29uc3QgZmluZENsb3Nlc3RPcHRpb24gPSAoXG4gIG9wdGlvbnM6IERhdGFUeXBlLFxuICBzZWFyY2hJbnB1dDogc3RyaW5nIHwgdW5kZWZpbmVkLFxuKSA9PiB7XG4gIGlmIChzZWFyY2hJbnB1dCkge1xuICAgIGlmICghQXJyYXkuaXNBcnJheShvcHRpb25zKSkge1xuICAgICAgY29uc3QgcG9zc2libGVPcHRpb25zID0geyAuLi5vcHRpb25zIH1cbiAgICAgIE9iamVjdC5rZXlzKHBvc3NpYmxlT3B0aW9ucykubWFwKChncm91cDogc3RyaW5nKSA9PiB7XG4gICAgICAgIHBvc3NpYmxlT3B0aW9uc1tncm91cF0gPSBwb3NzaWJsZU9wdGlvbnNbZ3JvdXBdLmZpbHRlcihcbiAgICAgICAgICBvcHRpb24gPT4gIW9wdGlvbi5kaXNhYmxlZCxcbiAgICAgICAgKVxuXG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9KVxuICAgICAgaWYgKFxuICAgICAgICBPYmplY3Qua2V5cyhwb3NzaWJsZU9wdGlvbnMpLnNvbWUoXG4gICAgICAgICAgZ3JvdXAgPT4gcG9zc2libGVPcHRpb25zW2dyb3VwXS5sZW5ndGggPiAwLFxuICAgICAgICApXG4gICAgICApIHtcbiAgICAgICAgY29uc3QgZmlyc3RGaXQgPSBPYmplY3Qua2V5cyhwb3NzaWJsZU9wdGlvbnMpXG4gICAgICAgICAgLm1hcChncm91cCA9PiBwb3NzaWJsZU9wdGlvbnNbZ3JvdXBdWzBdKVxuICAgICAgICAgIC5maWx0ZXIodmFsdWUgPT4gISF2YWx1ZSlbMF1cblxuICAgICAgICByZXR1cm4gZmlyc3RGaXRcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgcG9zc2libGVPcHRpb25zID0gWy4uLm9wdGlvbnNdLmZpbHRlcihvcHRpb24gPT4gIW9wdGlvbi5kaXNhYmxlZClcblxuICAgICAgaWYgKHBvc3NpYmxlT3B0aW9ucy5sZW5ndGggPiAwKSB7XG4gICAgICAgIHJldHVybiBwb3NzaWJsZU9wdGlvbnNbMF1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZXR1cm4gbnVsbFxufVxuZXhwb3J0IGNvbnN0IFNlYXJjaEJhckRyb3Bkb3duID0gKHtcbiAgcGxhY2Vob2xkZXIsXG4gIGRpc3BsYXllZE9wdGlvbnMsXG4gIHNldFNlYXJjaEJhckFjdGl2ZSxcbn06IFNlYXJjaEJhclByb3BzKSA9PiB7XG4gIGNvbnN0IHNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHtcbiAgICBvbkNoYW5nZSxcbiAgICBvblNlYXJjaCxcbiAgICBzZXRTZWFyY2hJbnB1dCxcbiAgICBzZWFyY2hJbnB1dCxcbiAgICBvcHRpb25zLFxuICAgIG11bHRpc2VsZWN0LFxuICAgIHNldFNlbGVjdGVkRGF0YSxcbiAgICBzZWxlY3RlZERhdGEsXG4gIH0gPSB1c2VTZWxlY3RJbnB1dCgpXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChzZWFyY2g6IHN0cmluZykgPT4ge1xuICAgIGlmIChzZWFyY2gubGVuZ3RoID4gMCkge1xuICAgICAgLy8gY2FzZSBpbnNlbnNpdGl2ZSBzZWFyY2hcbiAgICAgIGNvbnN0IHJlZ2V4ID0gUmVnRXhwKHNlYXJjaCwgJ2knKVxuICAgICAgaWYgKCFBcnJheS5pc0FycmF5KG9wdGlvbnMpKSB7XG4gICAgICAgIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9IHsgLi4ub3B0aW9ucyB9XG4gICAgICAgIE9iamVjdC5rZXlzKGZpbHRlcmVkT3B0aW9ucykubWFwKChncm91cDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgZmlsdGVyZWRPcHRpb25zW2dyb3VwXSA9IGZpbHRlcmVkT3B0aW9uc1tncm91cF0uZmlsdGVyKG9wdGlvbiA9PlxuICAgICAgICAgICAgb3B0aW9uLnNlYXJjaFRleHRcbiAgICAgICAgICAgICAgPyBvcHRpb24uc2VhcmNoVGV4dC5tYXRjaChyZWdleClcbiAgICAgICAgICAgICAgOiBvcHRpb24udmFsdWUubWF0Y2gocmVnZXgpLFxuICAgICAgICAgIClcblxuICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgIH0pXG4gICAgICAgIG9uU2VhcmNoKGZpbHRlcmVkT3B0aW9ucylcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9IFsuLi5vcHRpb25zXS5maWx0ZXIob3B0aW9uID0+XG4gICAgICAgICAgb3B0aW9uLnNlYXJjaFRleHRcbiAgICAgICAgICAgID8gb3B0aW9uLnNlYXJjaFRleHQubWF0Y2gocmVnZXgpXG4gICAgICAgICAgICA6IG9wdGlvbi52YWx1ZS5tYXRjaChyZWdleCksXG4gICAgICAgIClcbiAgICAgICAgb25TZWFyY2goZmlsdGVyZWRPcHRpb25zKVxuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBvblNlYXJjaChvcHRpb25zKVxuICAgIH1cbiAgICBzZXRTZWFyY2hJbnB1dChzZWFyY2gpXG4gIH1cblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGtleTogc3RyaW5nLCBzZWFyY2g/OiBzdHJpbmcpID0+IHtcbiAgICBpZiAoa2V5ID09PSAnRW50ZXInKSB7XG4gICAgICBjb25zdCBjbG9zZXN0T3B0aW9uID0gZmluZENsb3Nlc3RPcHRpb24oZGlzcGxheWVkT3B0aW9ucywgc2VhcmNoKVxuICAgICAgaWYgKGNsb3Nlc3RPcHRpb24pIHtcbiAgICAgICAgaWYgKG11bHRpc2VsZWN0KSB7XG4gICAgICAgICAgc2V0U2VsZWN0ZWREYXRhKHtcbiAgICAgICAgICAgIHR5cGU6ICdzZWxlY3RPcHRpb24nLFxuICAgICAgICAgICAgY2xpY2tlZE9wdGlvbjogY2xvc2VzdE9wdGlvbixcbiAgICAgICAgICAgIGdyb3VwOiAhQXJyYXkuaXNBcnJheShvcHRpb25zKVxuICAgICAgICAgICAgICA/IE9iamVjdC5rZXlzKG9wdGlvbnMpLmZpbHRlcihncm91cCA9PlxuICAgICAgICAgICAgICAgICAgb3B0aW9uc1tncm91cF0uaW5jbHVkZXMoY2xvc2VzdE9wdGlvbiksXG4gICAgICAgICAgICAgICAgKVswXVxuICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgICB9KVxuICAgICAgICAgIG9uQ2hhbmdlPy4oXG4gICAgICAgICAgICBzZWxlY3RlZERhdGEuc2VsZWN0ZWRWYWx1ZXMuaW5jbHVkZXMoY2xvc2VzdE9wdGlvbi52YWx1ZSlcbiAgICAgICAgICAgICAgPyBzZWxlY3RlZERhdGEuc2VsZWN0ZWRWYWx1ZXNcbiAgICAgICAgICAgICAgOiBbLi4uc2VsZWN0ZWREYXRhLnNlbGVjdGVkVmFsdWVzLCBjbG9zZXN0T3B0aW9uLnZhbHVlXSxcbiAgICAgICAgICApXG4gICAgICAgICAgc2V0U2VhcmNoSW5wdXQoY2xvc2VzdE9wdGlvbi5zZWFyY2hUZXh0ID8/IGNsb3Nlc3RPcHRpb24udmFsdWUpXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0U2VsZWN0ZWREYXRhKHtcbiAgICAgICAgICAgIHR5cGU6ICdzZWxlY3RPcHRpb24nLFxuICAgICAgICAgICAgY2xpY2tlZE9wdGlvbjogY2xvc2VzdE9wdGlvbixcbiAgICAgICAgICB9KVxuICAgICAgICAgIG9uQ2hhbmdlPy4oc2VsZWN0ZWREYXRhLnNlbGVjdGVkVmFsdWVzWzBdID8/ICcnKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW5wdXRcbiAgICAgIHZhbHVlPXtzZWFyY2hJbnB1dH1cbiAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBoYW5kbGVDaGFuZ2UoZXZlbnQpfVxuICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgb25Gb2N1cz17KCkgPT4gc2V0U2VhcmNoQmFyQWN0aXZlKHRydWUpfVxuICAgICAgb25CbHVyPXsoKSA9PiBzZXRTZWFyY2hCYXJBY3RpdmUoZmFsc2UpfVxuICAgICAgZGF0YS10ZXN0aWQ9XCJzZWFyY2gtYmFyXCJcbiAgICAgIHByZWZpeD17PEljb24gbmFtZT1cInNlYXJjaFwiIHNpemU9XCJzbWFsbFwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPn1cbiAgICAgIG9uS2V5RG93bj17ZXZlbnQgPT4gaGFuZGxlS2V5RG93bihldmVudC5rZXksIHNlYXJjaElucHV0KX1cbiAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgYXV0b0ZvY3VzXG4gICAgICBhcmlhLWxhYmVsPVwic2VhcmNoLWJhclwiXG4gICAgICByZWY9e3NlYXJjaElucHV0UmVmfVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"));
+const findClosestOption = (options, searchInput) => {
+  if (searchInput) {
+    if (!Array.isArray(options)) {
+      const possibleOptions = {
+        ...options
+      };
+      Object.keys(possibleOptions).map((group) => {
+        possibleOptions[group] = possibleOptions[group].filter((option) => !option.disabled);
+        return null;
+      });
+      if (Object.keys(possibleOptions).some((group) => possibleOptions[group].length > 0)) {
+        const firstFit = Object.keys(possibleOptions).map((group) => possibleOptions[group][0]).filter((value) => !!value)[0];
+        return firstFit;
+      }
+    } else {
+      const possibleOptions = [...options].filter((option) => !option.disabled);
+      if (possibleOptions.length > 0) {
+        return possibleOptions[0];
+      }
+    }
+  }
+  return null;
+};
+const SearchBarDropdown = ({
+  placeholder,
+  displayedOptions,
+  setSearchBarActive
+}) => {
+  const searchInputRef = React.useRef(null);
+  const {
+    onChange,
+    onSearch,
+    setSearchInput,
+    searchInput,
+    options,
+    multiselect,
+    setSelectedData,
+    selectedData
+  } = SelectInputProvider.useSelectInput();
+  const handleChange = (search) => {
+    if (search.length > 0) {
+      const regex = RegExp(search, "i");
+      if (!Array.isArray(options)) {
+        const filteredOptions = {
+          ...options
+        };
+        Object.keys(filteredOptions).map((group) => {
+          filteredOptions[group] = filteredOptions[group].filter((option) => option.searchText ? option.searchText.match(regex) : option.value.match(regex));
+          return null;
+        });
+        onSearch(filteredOptions);
+      } else {
+        const filteredOptions = [...options].filter((option) => option.searchText ? option.searchText.match(regex) : option.value.match(regex));
+        onSearch(filteredOptions);
+      }
+    } else {
+      onSearch(options);
+    }
+    setSearchInput(search);
+  };
+  const handleKeyDown = (key, search) => {
+    if (key === "Enter") {
+      const closestOption = findClosestOption(displayedOptions, search);
+      if (closestOption) {
+        if (multiselect) {
+          setSelectedData({
+            type: "selectOption",
+            clickedOption: closestOption,
+            group: !Array.isArray(options) ? Object.keys(options).filter((group) => options[group].includes(closestOption))[0] : void 0
+          });
+          onChange?.(selectedData.selectedValues.includes(closestOption.value) ? selectedData.selectedValues : [...selectedData.selectedValues, closestOption.value]);
+          setSearchInput(closestOption.searchText ?? closestOption.value);
+        } else {
+          setSelectedData({
+            type: "selectOption",
+            clickedOption: closestOption
+          });
+          onChange?.(selectedData.selectedValues[0] ?? "");
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledInput, { value: searchInput, onChange: (event) => handleChange(event), placeholder, onFocus: () => setSearchBarActive(true), onBlur: () => setSearchBarActive(false), "data-testid": "search-bar", prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: "search", size: "small", sentiment: "neutral" }), onKeyDown: (event) => handleKeyDown(event.key, searchInput), size: "medium", autoFocus: true, "aria-label": "search-bar", ref: searchInputRef });
+};
+exports.SearchBarDropdown = SearchBarDropdown;

package/dist/components/SelectInputV2/SearchBarDropdown.js

@@ -1,28 +1,34 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Icon } from "@ultraviolet/icons";
 import { useRef } from "react";
 import { TextInputV2 } from "../TextInputV2/index.js";
 import { useSelectInput } from "./SelectInputProvider.js";
-const StyledInput = styled(TextInputV2)`
-  padding-top: ${({ theme }) => theme.space[1.5]};
-  padding-bottom: ${({ theme }) => theme.space[1.5]};
-  padding-left: ${({ theme }) => theme.space[2]};
-  padding-right: ${({ theme }) => theme.space[2]};
-`;
+const StyledInput = /* @__PURE__ */ _styled(TextInputV2, process.env.NODE_ENV === "production" ? {
+  target: "e1ag0nf0"
+} : {
+  target: "e1ag0nf0",
+  label: "StyledInput"
+})("padding-top:", ({
+  theme
+}) => theme.space[1.5], ";padding-bottom:", ({
+  theme
+}) => theme.space[1.5], ";padding-left:", ({
+  theme
+}) => theme.space[2], ";padding-right:", ({
+  theme
+}) => theme.space[2], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0VjIvU2VhcmNoQmFyRHJvcGRvd24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWN1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TZWxlY3RJbnB1dFYyL1NlYXJjaEJhckRyb3Bkb3duLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgRGlzcGF0Y2gsIFNldFN0YXRlQWN0aW9uIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHRJbnB1dFYyIH0gZnJvbSAnLi4vVGV4dElucHV0VjInXG5pbXBvcnQgeyB1c2VTZWxlY3RJbnB1dCB9IGZyb20gJy4vU2VsZWN0SW5wdXRQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRGF0YVR5cGUgfSBmcm9tICcuL3R5cGVzJ1xuXG50eXBlIFNlYXJjaEJhclByb3BzID0ge1xuICBwbGFjZWhvbGRlcjogc3RyaW5nXG4gIGRpc3BsYXllZE9wdGlvbnM6IERhdGFUeXBlXG4gIHNldFNlYXJjaEJhckFjdGl2ZTogRGlzcGF0Y2g8U2V0U3RhdGVBY3Rpb248Ym9vbGVhbj4+XG59XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFRleHRJbnB1dFYyKWBcbiAgcGFkZGluZy10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMS41XX07XG4gIHBhZGRpbmctYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzEuNV19O1xuICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbmBcblxuY29uc3QgZmluZENsb3Nlc3RPcHRpb24gPSAoXG4gIG9wdGlvbnM6IERhdGFUeXBlLFxuICBzZWFyY2hJbnB1dDogc3RyaW5nIHwgdW5kZWZpbmVkLFxuKSA9PiB7XG4gIGlmIChzZWFyY2hJbnB1dCkge1xuICAgIGlmICghQXJyYXkuaXNBcnJheShvcHRpb25zKSkge1xuICAgICAgY29uc3QgcG9zc2libGVPcHRpb25zID0geyAuLi5vcHRpb25zIH1cbiAgICAgIE9iamVjdC5rZXlzKHBvc3NpYmxlT3B0aW9ucykubWFwKChncm91cDogc3RyaW5nKSA9PiB7XG4gICAgICAgIHBvc3NpYmxlT3B0aW9uc1tncm91cF0gPSBwb3NzaWJsZU9wdGlvbnNbZ3JvdXBdLmZpbHRlcihcbiAgICAgICAgICBvcHRpb24gPT4gIW9wdGlvbi5kaXNhYmxlZCxcbiAgICAgICAgKVxuXG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9KVxuICAgICAgaWYgKFxuICAgICAgICBPYmplY3Qua2V5cyhwb3NzaWJsZU9wdGlvbnMpLnNvbWUoXG4gICAgICAgICAgZ3JvdXAgPT4gcG9zc2libGVPcHRpb25zW2dyb3VwXS5sZW5ndGggPiAwLFxuICAgICAgICApXG4gICAgICApIHtcbiAgICAgICAgY29uc3QgZmlyc3RGaXQgPSBPYmplY3Qua2V5cyhwb3NzaWJsZU9wdGlvbnMpXG4gICAgICAgICAgLm1hcChncm91cCA9PiBwb3NzaWJsZU9wdGlvbnNbZ3JvdXBdWzBdKVxuICAgICAgICAgIC5maWx0ZXIodmFsdWUgPT4gISF2YWx1ZSlbMF1cblxuICAgICAgICByZXR1cm4gZmlyc3RGaXRcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgcG9zc2libGVPcHRpb25zID0gWy4uLm9wdGlvbnNdLmZpbHRlcihvcHRpb24gPT4gIW9wdGlvbi5kaXNhYmxlZClcblxuICAgICAgaWYgKHBvc3NpYmxlT3B0aW9ucy5sZW5ndGggPiAwKSB7XG4gICAgICAgIHJldHVybiBwb3NzaWJsZU9wdGlvbnNbMF1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZXR1cm4gbnVsbFxufVxuZXhwb3J0IGNvbnN0IFNlYXJjaEJhckRyb3Bkb3duID0gKHtcbiAgcGxhY2Vob2xkZXIsXG4gIGRpc3BsYXllZE9wdGlvbnMsXG4gIHNldFNlYXJjaEJhckFjdGl2ZSxcbn06IFNlYXJjaEJhclByb3BzKSA9PiB7XG4gIGNvbnN0IHNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHtcbiAgICBvbkNoYW5nZSxcbiAgICBvblNlYXJjaCxcbiAgICBzZXRTZWFyY2hJbnB1dCxcbiAgICBzZWFyY2hJbnB1dCxcbiAgICBvcHRpb25zLFxuICAgIG11bHRpc2VsZWN0LFxuICAgIHNldFNlbGVjdGVkRGF0YSxcbiAgICBzZWxlY3RlZERhdGEsXG4gIH0gPSB1c2VTZWxlY3RJbnB1dCgpXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChzZWFyY2g6IHN0cmluZykgPT4ge1xuICAgIGlmIChzZWFyY2gubGVuZ3RoID4gMCkge1xuICAgICAgLy8gY2FzZSBpbnNlbnNpdGl2ZSBzZWFyY2hcbiAgICAgIGNvbnN0IHJlZ2V4ID0gUmVnRXhwKHNlYXJjaCwgJ2knKVxuICAgICAgaWYgKCFBcnJheS5pc0FycmF5KG9wdGlvbnMpKSB7XG4gICAgICAgIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9IHsgLi4ub3B0aW9ucyB9XG4gICAgICAgIE9iamVjdC5rZXlzKGZpbHRlcmVkT3B0aW9ucykubWFwKChncm91cDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgZmlsdGVyZWRPcHRpb25zW2dyb3VwXSA9IGZpbHRlcmVkT3B0aW9uc1tncm91cF0uZmlsdGVyKG9wdGlvbiA9PlxuICAgICAgICAgICAgb3B0aW9uLnNlYXJjaFRleHRcbiAgICAgICAgICAgICAgPyBvcHRpb24uc2VhcmNoVGV4dC5tYXRjaChyZWdleClcbiAgICAgICAgICAgICAgOiBvcHRpb24udmFsdWUubWF0Y2gocmVnZXgpLFxuICAgICAgICAgIClcblxuICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgIH0pXG4gICAgICAgIG9uU2VhcmNoKGZpbHRlcmVkT3B0aW9ucylcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9IFsuLi5vcHRpb25zXS5maWx0ZXIob3B0aW9uID0+XG4gICAgICAgICAgb3B0aW9uLnNlYXJjaFRleHRcbiAgICAgICAgICAgID8gb3B0aW9uLnNlYXJjaFRleHQubWF0Y2gocmVnZXgpXG4gICAgICAgICAgICA6IG9wdGlvbi52YWx1ZS5tYXRjaChyZWdleCksXG4gICAgICAgIClcbiAgICAgICAgb25TZWFyY2goZmlsdGVyZWRPcHRpb25zKVxuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBvblNlYXJjaChvcHRpb25zKVxuICAgIH1cbiAgICBzZXRTZWFyY2hJbnB1dChzZWFyY2gpXG4gIH1cblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGtleTogc3RyaW5nLCBzZWFyY2g/OiBzdHJpbmcpID0+IHtcbiAgICBpZiAoa2V5ID09PSAnRW50ZXInKSB7XG4gICAgICBjb25zdCBjbG9zZXN0T3B0aW9uID0gZmluZENsb3Nlc3RPcHRpb24oZGlzcGxheWVkT3B0aW9ucywgc2VhcmNoKVxuICAgICAgaWYgKGNsb3Nlc3RPcHRpb24pIHtcbiAgICAgICAgaWYgKG11bHRpc2VsZWN0KSB7XG4gICAgICAgICAgc2V0U2VsZWN0ZWREYXRhKHtcbiAgICAgICAgICAgIHR5cGU6ICdzZWxlY3RPcHRpb24nLFxuICAgICAgICAgICAgY2xpY2tlZE9wdGlvbjogY2xvc2VzdE9wdGlvbixcbiAgICAgICAgICAgIGdyb3VwOiAhQXJyYXkuaXNBcnJheShvcHRpb25zKVxuICAgICAgICAgICAgICA/IE9iamVjdC5rZXlzKG9wdGlvbnMpLmZpbHRlcihncm91cCA9PlxuICAgICAgICAgICAgICAgICAgb3B0aW9uc1tncm91cF0uaW5jbHVkZXMoY2xvc2VzdE9wdGlvbiksXG4gICAgICAgICAgICAgICAgKVswXVxuICAgICAgICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICAgICAgICB9KVxuICAgICAgICAgIG9uQ2hhbmdlPy4oXG4gICAgICAgICAgICBzZWxlY3RlZERhdGEuc2VsZWN0ZWRWYWx1ZXMuaW5jbHVkZXMoY2xvc2VzdE9wdGlvbi52YWx1ZSlcbiAgICAgICAgICAgICAgPyBzZWxlY3RlZERhdGEuc2VsZWN0ZWRWYWx1ZXNcbiAgICAgICAgICAgICAgOiBbLi4uc2VsZWN0ZWREYXRhLnNlbGVjdGVkVmFsdWVzLCBjbG9zZXN0T3B0aW9uLnZhbHVlXSxcbiAgICAgICAgICApXG4gICAgICAgICAgc2V0U2VhcmNoSW5wdXQoY2xvc2VzdE9wdGlvbi5zZWFyY2hUZXh0ID8/IGNsb3Nlc3RPcHRpb24udmFsdWUpXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0U2VsZWN0ZWREYXRhKHtcbiAgICAgICAgICAgIHR5cGU6ICdzZWxlY3RPcHRpb24nLFxuICAgICAgICAgICAgY2xpY2tlZE9wdGlvbjogY2xvc2VzdE9wdGlvbixcbiAgICAgICAgICB9KVxuICAgICAgICAgIG9uQ2hhbmdlPy4oc2VsZWN0ZWREYXRhLnNlbGVjdGVkVmFsdWVzWzBdID8/ICcnKVxuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW5wdXRcbiAgICAgIHZhbHVlPXtzZWFyY2hJbnB1dH1cbiAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBoYW5kbGVDaGFuZ2UoZXZlbnQpfVxuICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgb25Gb2N1cz17KCkgPT4gc2V0U2VhcmNoQmFyQWN0aXZlKHRydWUpfVxuICAgICAgb25CbHVyPXsoKSA9PiBzZXRTZWFyY2hCYXJBY3RpdmUoZmFsc2UpfVxuICAgICAgZGF0YS10ZXN0aWQ9XCJzZWFyY2gtYmFyXCJcbiAgICAgIHByZWZpeD17PEljb24gbmFtZT1cInNlYXJjaFwiIHNpemU9XCJzbWFsbFwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPn1cbiAgICAgIG9uS2V5RG93bj17ZXZlbnQgPT4gaGFuZGxlS2V5RG93bihldmVudC5rZXksIHNlYXJjaElucHV0KX1cbiAgICAgIHNpemU9XCJtZWRpdW1cIlxuICAgICAgYXV0b0ZvY3VzXG4gICAgICBhcmlhLWxhYmVsPVwic2VhcmNoLWJhclwiXG4gICAgICByZWY9e3NlYXJjaElucHV0UmVmfVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"));
 const findClosestOption = (options, searchInput) => {
   if (searchInput) {
     if (!Array.isArray(options)) {
-      const possibleOptions = { ...options };
+      const possibleOptions = {
+        ...options
+      };
       Object.keys(possibleOptions).map((group) => {
-        possibleOptions[group] = possibleOptions[group].filter(
-          (option) => !option.disabled
-        );
+        possibleOptions[group] = possibleOptions[group].filter((option) => !option.disabled);
         return null;
       });
-      if (Object.keys(possibleOptions).some(
-        (group) => possibleOptions[group].length > 0
-      )) {
+      if (Object.keys(possibleOptions).some((group) => possibleOptions[group].length > 0)) {
         const firstFit = Object.keys(possibleOptions).map((group) => possibleOptions[group][0]).filter((value) => !!value)[0];
         return firstFit;
       }
@@ -55,18 +61,16 @@ const SearchBarDropdown = ({
     if (search.length > 0) {
       const regex = RegExp(search, "i");
       if (!Array.isArray(options)) {
-        const filteredOptions = { ...options };
+        const filteredOptions = {
+          ...options
+        };
         Object.keys(filteredOptions).map((group) => {
-          filteredOptions[group] = filteredOptions[group].filter(
-            (option) => option.searchText ? option.searchText.match(regex) : option.value.match(regex)
-          );
+          filteredOptions[group] = filteredOptions[group].filter((option) => option.searchText ? option.searchText.match(regex) : option.value.match(regex));
           return null;
         });
         onSearch(filteredOptions);
       } else {
-        const filteredOptions = [...options].filter(
-          (option) => option.searchText ? option.searchText.match(regex) : option.value.match(regex)
-        );
+        const filteredOptions = [...options].filter((option) => option.searchText ? option.searchText.match(regex) : option.value.match(regex));
         onSearch(filteredOptions);
       }
     } else {
@@ -82,13 +86,9 @@ const SearchBarDropdown = ({
           setSelectedData({
             type: "selectOption",
             clickedOption: closestOption,
-            group: !Array.isArray(options) ? Object.keys(options).filter(
-              (group) => options[group].includes(closestOption)
-            )[0] : void 0
+            group: !Array.isArray(options) ? Object.keys(options).filter((group) => options[group].includes(closestOption))[0] : void 0
           });
-          onChange?.(
-            selectedData.selectedValues.includes(closestOption.value) ? selectedData.selectedValues : [...selectedData.selectedValues, closestOption.value]
-          );
+          onChange?.(selectedData.selectedValues.includes(closestOption.value) ? selectedData.selectedValues : [...selectedData.selectedValues, closestOption.value]);
           setSearchInput(closestOption.searchText ?? closestOption.value);
         } else {
           setSelectedData({
@@ -100,23 +100,7 @@ const SearchBarDropdown = ({
       }
     }
   };
-  return /* @__PURE__ */ jsx(
-    StyledInput,
-    {
-      value: searchInput,
-      onChange: (event) => handleChange(event),
-      placeholder,
-      onFocus: () => setSearchBarActive(true),
-      onBlur: () => setSearchBarActive(false),
-      "data-testid": "search-bar",
-      prefix: /* @__PURE__ */ jsx(Icon, { name: "search", size: "small", sentiment: "neutral" }),
-      onKeyDown: (event) => handleKeyDown(event.key, searchInput),
-      size: "medium",
-      autoFocus: true,
-      "aria-label": "search-bar",
-      ref: searchInputRef
-    }
-  );
+  return /* @__PURE__ */ jsx(StyledInput, { value: searchInput, onChange: (event) => handleChange(event), placeholder, onFocus: () => setSearchBarActive(true), onBlur: () => setSearchBarActive(false), "data-testid": "search-bar", prefix: /* @__PURE__ */ jsx(Icon, { name: "search", size: "small", sentiment: "neutral" }), onKeyDown: (event) => handleKeyDown(event.key, searchInput), size: "medium", autoFocus: true, "aria-label": "search-bar", ref: searchInputRef });
 };
 export {
   SearchBarDropdown