@ultraviolet/ui 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/components/SelectInput/DropdownOption.cjs

@@ -0,0 +1,91 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const index$1 = require("../Stack/index.cjs");
+const index$2 = require("../Text/index.cjs");
+const index = require("../Tooltip/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: "e1j5kfnu2"
+} : {
+  target: "e1j5kfnu2",
+  label: "StyledInfo"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13vy23x",
+  styles: "align-content:center"
+} : {
+  name: "13vy23x",
+  styles: "align-content:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L0Ryb3Bkb3duT3B0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0SW5wdXQvRHJvcGRvd25PcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5pbXBvcnQgdHlwZSB7IE9wdGlvblR5cGUgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBTdHlsZWRJbmZvID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuYFxuY29uc3QgVGV4dEl0ZW0gPSBzdHlsZWQoVGV4dClgXG4gIG92ZXJmbG93OiBhdXRvO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuYFxuY29uc3QgQ3VzdG9tU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxub3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxudHlwZSBEaXNwbGF5T3B0aW9uUHJvcHMgPSB7XG4gIG9wdGlvbjogT3B0aW9uVHlwZVxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJ1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ6ICdsZWZ0JyB8ICdyaWdodCdcbn1cblxuZXhwb3J0IGNvbnN0IERpc3BsYXlPcHRpb24gPSAoe1xuICBvcHRpb24sXG4gIG9wdGlvbmFsSW5mb1BsYWNlbWVudCxcbiAgZGVzY3JpcHRpb25EaXJlY3Rpb24sXG59OiBEaXNwbGF5T3B0aW9uUHJvcHMpID0+IHtcbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAncm93JyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJsZWZ0XCJcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgICA+XG4gICAgICAgICAgPEN1c3RvbVN0YWNrIGdhcD17MC41fSBkaXJlY3Rpb249XCJyb3dcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuICAgICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgICAgPC9UZXh0SXRlbT5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIClcbiAgfVxuXG4gIGlmIChkZXNjcmlwdGlvbkRpcmVjdGlvbiA9PT0gJ3JvdycgJiYgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID09PSAncmlnaHQnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUb29sdGlwIHRleHQ9e29wdGlvbi50b29sdGlwfT5cbiAgICAgICAgPFN0YWNrXG4gICAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9XCJiYXNlbGluZVwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIgYWxpZ25JdGVtcz1cImJhc2VsaW5lXCI+XG4gICAgICAgICAgICA8VGV4dEl0ZW0gYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvQ3VzdG9tU3RhY2s+XG4gICAgICAgICAge29wdGlvbi5vcHRpb25hbEluZm8gPyAoXG4gICAgICAgICAgICA8U3R5bGVkSW5mbz57b3B0aW9uLm9wdGlvbmFsSW5mb308L1N0eWxlZEluZm8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKVxuICB9XG5cbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAnY29sdW1uJyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9e29wdGlvbi5vcHRpb25hbEluZm8gPyAnbGVmdCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cIm5vcm1hbFwiXG4gICAgICAgID5cbiAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuXG4gICAgICAgICAgPEN1c3RvbVN0YWNrXG4gICAgICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0SXRlbSBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dEl0ZW0+XG4gICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9DdXN0b21TdGFjaz5cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e29wdGlvbi50b29sdGlwfT5cbiAgICAgIDxTdGFja1xuICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgZGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgYWxpZ25JdGVtcz1cIm5vcm1hbFwiXG4gICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICA+XG4gICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8gKFxuICAgICAgICAgICAgPFN0eWxlZEluZm8+e29wdGlvbi5vcHRpb25hbEluZm99PC9TdHlsZWRJbmZvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const TextItem = /* @__PURE__ */ _styled__default.default(index$2.Text, process.env.NODE_ENV === "production" ? {
+  target: "e1j5kfnu1"
+} : {
+  target: "e1j5kfnu1",
+  label: "TextItem"
+})(process.env.NODE_ENV === "production" ? {
+  name: "y6ctu",
+  styles: "overflow:auto;text-overflow:ellipsis;flex-shrink:0;flex-wrap:wrap;max-width:100%"
+} : {
+  name: "y6ctu",
+  styles: "overflow:auto;text-overflow:ellipsis;flex-shrink:0;flex-wrap:wrap;max-width:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L0Ryb3Bkb3duT3B0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0SW5wdXQvRHJvcGRvd25PcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5pbXBvcnQgdHlwZSB7IE9wdGlvblR5cGUgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBTdHlsZWRJbmZvID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuYFxuY29uc3QgVGV4dEl0ZW0gPSBzdHlsZWQoVGV4dClgXG4gIG92ZXJmbG93OiBhdXRvO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuYFxuY29uc3QgQ3VzdG9tU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxub3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxudHlwZSBEaXNwbGF5T3B0aW9uUHJvcHMgPSB7XG4gIG9wdGlvbjogT3B0aW9uVHlwZVxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJ1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ6ICdsZWZ0JyB8ICdyaWdodCdcbn1cblxuZXhwb3J0IGNvbnN0IERpc3BsYXlPcHRpb24gPSAoe1xuICBvcHRpb24sXG4gIG9wdGlvbmFsSW5mb1BsYWNlbWVudCxcbiAgZGVzY3JpcHRpb25EaXJlY3Rpb24sXG59OiBEaXNwbGF5T3B0aW9uUHJvcHMpID0+IHtcbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAncm93JyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJsZWZ0XCJcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgICA+XG4gICAgICAgICAgPEN1c3RvbVN0YWNrIGdhcD17MC41fSBkaXJlY3Rpb249XCJyb3dcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuICAgICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgICAgPC9UZXh0SXRlbT5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIClcbiAgfVxuXG4gIGlmIChkZXNjcmlwdGlvbkRpcmVjdGlvbiA9PT0gJ3JvdycgJiYgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID09PSAncmlnaHQnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUb29sdGlwIHRleHQ9e29wdGlvbi50b29sdGlwfT5cbiAgICAgICAgPFN0YWNrXG4gICAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9XCJiYXNlbGluZVwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIgYWxpZ25JdGVtcz1cImJhc2VsaW5lXCI+XG4gICAgICAgICAgICA8VGV4dEl0ZW0gYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvQ3VzdG9tU3RhY2s+XG4gICAgICAgICAge29wdGlvbi5vcHRpb25hbEluZm8gPyAoXG4gICAgICAgICAgICA8U3R5bGVkSW5mbz57b3B0aW9uLm9wdGlvbmFsSW5mb308L1N0eWxlZEluZm8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKVxuICB9XG5cbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAnY29sdW1uJyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9e29wdGlvbi5vcHRpb25hbEluZm8gPyAnbGVmdCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cIm5vcm1hbFwiXG4gICAgICAgID5cbiAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuXG4gICAgICAgICAgPEN1c3RvbVN0YWNrXG4gICAgICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0SXRlbSBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dEl0ZW0+XG4gICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9DdXN0b21TdGFjaz5cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e29wdGlvbi50b29sdGlwfT5cbiAgICAgIDxTdGFja1xuICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgZGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgYWxpZ25JdGVtcz1cIm5vcm1hbFwiXG4gICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICA+XG4gICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8gKFxuICAgICAgICAgICAgPFN0eWxlZEluZm8+e29wdGlvbi5vcHRpb25hbEluZm99PC9TdHlsZWRJbmZvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const CustomStack = /* @__PURE__ */ _styled__default.default(index$1.Stack, process.env.NODE_ENV === "production" ? {
+  target: "e1j5kfnu0"
+} : {
+  target: "e1j5kfnu0",
+  label: "CustomStack"
+})(process.env.NODE_ENV === "production" ? {
+  name: "d3v9zr",
+  styles: "overflow:hidden"
+} : {
+  name: "d3v9zr",
+  styles: "overflow:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L0Ryb3Bkb3duT3B0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L0Ryb3Bkb3duT3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHR5cGUgeyBPcHRpb25UeXBlIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkSW5mbyA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbmBcbmNvbnN0IFRleHRJdGVtID0gc3R5bGVkKFRleHQpYFxuICBvdmVyZmxvdzogYXV0bztcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1heC13aWR0aDogMTAwJTtcbmBcbmNvbnN0IEN1c3RvbVN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbm92ZXJmbG93OiBoaWRkZW47XG5gXG5cbnR5cGUgRGlzcGxheU9wdGlvblByb3BzID0ge1xuICBvcHRpb246IE9wdGlvblR5cGVcbiAgZGVzY3JpcHRpb25EaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbidcbiAgb3B0aW9uYWxJbmZvUGxhY2VtZW50OiAnbGVmdCcgfCAncmlnaHQnXG59XG5cbmV4cG9ydCBjb25zdCBEaXNwbGF5T3B0aW9uID0gKHtcbiAgb3B0aW9uLFxuICBvcHRpb25hbEluZm9QbGFjZW1lbnQsXG4gIGRlc2NyaXB0aW9uRGlyZWN0aW9uLFxufTogRGlzcGxheU9wdGlvblByb3BzKSA9PiB7XG4gIGlmIChkZXNjcmlwdGlvbkRpcmVjdGlvbiA9PT0gJ3JvdycgJiYgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID09PSAnbGVmdCcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGV4dD17b3B0aW9uLnRvb2x0aXB9PlxuICAgICAgICA8U3RhY2tcbiAgICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwibGVmdFwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAge29wdGlvbi5vcHRpb25hbEluZm8gPz8gbnVsbH1cbiAgICAgICAgICAgIDxUZXh0SXRlbSBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dEl0ZW0+XG4gICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9DdXN0b21TdGFjaz5cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICApXG4gIH1cblxuICBpZiAoZGVzY3JpcHRpb25EaXJlY3Rpb24gPT09ICdyb3cnICYmIG9wdGlvbmFsSW5mb1BsYWNlbWVudCA9PT0gJ3JpZ2h0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiYmFzZWxpbmVcIlxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICAgID5cbiAgICAgICAgICA8Q3VzdG9tU3RhY2sgZ2FwPXswLjV9IGRpcmVjdGlvbj1cInJvd1wiIGFsaWduSXRlbXM9XCJiYXNlbGluZVwiPlxuICAgICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgICAgPC9UZXh0SXRlbT5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8gKFxuICAgICAgICAgICAgPFN0eWxlZEluZm8+e29wdGlvbi5vcHRpb25hbEluZm99PC9TdHlsZWRJbmZvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIClcbiAgfVxuXG4gIGlmIChkZXNjcmlwdGlvbkRpcmVjdGlvbiA9PT0gJ2NvbHVtbicgJiYgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID09PSAnbGVmdCcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGV4dD17b3B0aW9uLnRvb2x0aXB9PlxuICAgICAgICA8U3RhY2tcbiAgICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PXtvcHRpb24ub3B0aW9uYWxJbmZvID8gJ2xlZnQnIDogJ3NwYWNlLWJldHdlZW4nfVxuICAgICAgICAgIGFsaWduSXRlbXM9XCJub3JtYWxcIlxuICAgICAgICA+XG4gICAgICAgICAge29wdGlvbi5vcHRpb25hbEluZm8gPz8gbnVsbH1cblxuICAgICAgICAgIDxDdXN0b21TdGFja1xuICAgICAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgICAgICBkaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dEl0ZW0gYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvQ3VzdG9tU3RhY2s+XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICA8U3RhY2tcbiAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIGFsaWduSXRlbXM9XCJub3JtYWxcIlxuICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgPlxuICAgICAgICA8Q3VzdG9tU3RhY2sgZ2FwPXswLjV9IGRpcmVjdGlvbj1cInJvd1wiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiPlxuICAgICAgICAgIDxUZXh0SXRlbSBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgPC9UZXh0SXRlbT5cbiAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/IChcbiAgICAgICAgICAgIDxTdHlsZWRJbmZvPntvcHRpb24ub3B0aW9uYWxJbmZvfTwvU3R5bGVkSW5mbz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9DdXN0b21TdGFjaz5cbiAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvVG9vbHRpcD5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const DisplayOption = ({
+  option,
+  optionalInfoPlacement,
+  descriptionDirection
+}) => {
+  if (descriptionDirection === "row" && optionalInfoPlacement === "left") {
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Stack, { gap: 0.5, direction: "row", justifyContent: "left", "data-testid": `option-stack-${option.value}`, children: /* @__PURE__ */ jsxRuntime.jsxs(CustomStack, { gap: 0.5, direction: "row", alignItems: "center", children: [
+      option.optionalInfo ?? null,
+      /* @__PURE__ */ jsxRuntime.jsx(TextItem, { as: "span", variant: "body", placement: "left", children: option.label }),
+      option.description ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+    ] }) }) });
+  }
+  if (descriptionDirection === "row" && optionalInfoPlacement === "right") {
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 0.5, direction: "row", justifyContent: "space-between", alignItems: "baseline", "data-testid": `option-stack-${option.value}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(CustomStack, { gap: 0.5, direction: "row", alignItems: "baseline", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextItem, { as: "span", variant: "body", placement: "left", children: option.label }),
+        option.description ? /* @__PURE__ */ jsxRuntime.jsx(index$2.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.jsx(index.Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 0.5, direction: "row", justifyContent: option.optionalInfo ? "left" : "space-between", alignItems: "normal", children: [
+      option.optionalInfo ?? null,
+      /* @__PURE__ */ jsxRuntime.jsxs(CustomStack, { gap: 0.5, direction: "column", "data-testid": `option-stack-${option.value}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TextItem, { as: "span", variant: "body", placement: "left", children: option.label }),
+        option.description ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 0.5, direction: "column", alignItems: "normal", "data-testid": `option-stack-${option.value}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CustomStack, { gap: 0.5, direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TextItem, { 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$2.Text, { as: "span", variant: "bodySmall", sentiment: "neutral", placement: "left", prominence: "weak", children: option.description }) : null
+  ] }) });
+};
+exports.DisplayOption = DisplayOption;

package/dist/components/SelectInput/DropdownOption.js

@@ -0,0 +1,89 @@
+"use client";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+import { Tooltip } from "../Tooltip/index.js";
+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: "e1j5kfnu2"
+} : {
+  target: "e1j5kfnu2",
+  label: "StyledInfo"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13vy23x",
+  styles: "align-content:center"
+} : {
+  name: "13vy23x",
+  styles: "align-content:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L0Ryb3Bkb3duT3B0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0SW5wdXQvRHJvcGRvd25PcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5pbXBvcnQgdHlwZSB7IE9wdGlvblR5cGUgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBTdHlsZWRJbmZvID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuYFxuY29uc3QgVGV4dEl0ZW0gPSBzdHlsZWQoVGV4dClgXG4gIG92ZXJmbG93OiBhdXRvO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuYFxuY29uc3QgQ3VzdG9tU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxub3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxudHlwZSBEaXNwbGF5T3B0aW9uUHJvcHMgPSB7XG4gIG9wdGlvbjogT3B0aW9uVHlwZVxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJ1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ6ICdsZWZ0JyB8ICdyaWdodCdcbn1cblxuZXhwb3J0IGNvbnN0IERpc3BsYXlPcHRpb24gPSAoe1xuICBvcHRpb24sXG4gIG9wdGlvbmFsSW5mb1BsYWNlbWVudCxcbiAgZGVzY3JpcHRpb25EaXJlY3Rpb24sXG59OiBEaXNwbGF5T3B0aW9uUHJvcHMpID0+IHtcbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAncm93JyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJsZWZ0XCJcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgICA+XG4gICAgICAgICAgPEN1c3RvbVN0YWNrIGdhcD17MC41fSBkaXJlY3Rpb249XCJyb3dcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuICAgICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgICAgPC9UZXh0SXRlbT5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIClcbiAgfVxuXG4gIGlmIChkZXNjcmlwdGlvbkRpcmVjdGlvbiA9PT0gJ3JvdycgJiYgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID09PSAncmlnaHQnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUb29sdGlwIHRleHQ9e29wdGlvbi50b29sdGlwfT5cbiAgICAgICAgPFN0YWNrXG4gICAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9XCJiYXNlbGluZVwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIgYWxpZ25JdGVtcz1cImJhc2VsaW5lXCI+XG4gICAgICAgICAgICA8VGV4dEl0ZW0gYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvQ3VzdG9tU3RhY2s+XG4gICAgICAgICAge29wdGlvbi5vcHRpb25hbEluZm8gPyAoXG4gICAgICAgICAgICA8U3R5bGVkSW5mbz57b3B0aW9uLm9wdGlvbmFsSW5mb308L1N0eWxlZEluZm8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKVxuICB9XG5cbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAnY29sdW1uJyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9e29wdGlvbi5vcHRpb25hbEluZm8gPyAnbGVmdCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cIm5vcm1hbFwiXG4gICAgICAgID5cbiAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuXG4gICAgICAgICAgPEN1c3RvbVN0YWNrXG4gICAgICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0SXRlbSBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dEl0ZW0+XG4gICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9DdXN0b21TdGFjaz5cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e29wdGlvbi50b29sdGlwfT5cbiAgICAgIDxTdGFja1xuICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgZGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgYWxpZ25JdGVtcz1cIm5vcm1hbFwiXG4gICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICA+XG4gICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8gKFxuICAgICAgICAgICAgPFN0eWxlZEluZm8+e29wdGlvbi5vcHRpb25hbEluZm99PC9TdHlsZWRJbmZvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const TextItem = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "e1j5kfnu1"
+} : {
+  target: "e1j5kfnu1",
+  label: "TextItem"
+})(process.env.NODE_ENV === "production" ? {
+  name: "y6ctu",
+  styles: "overflow:auto;text-overflow:ellipsis;flex-shrink:0;flex-wrap:wrap;max-width:100%"
+} : {
+  name: "y6ctu",
+  styles: "overflow:auto;text-overflow:ellipsis;flex-shrink:0;flex-wrap:wrap;max-width:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L0Ryb3Bkb3duT3B0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU2VsZWN0SW5wdXQvRHJvcGRvd25PcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5pbXBvcnQgdHlwZSB7IE9wdGlvblR5cGUgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBTdHlsZWRJbmZvID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24tY29udGVudDogY2VudGVyO1xuYFxuY29uc3QgVGV4dEl0ZW0gPSBzdHlsZWQoVGV4dClgXG4gIG92ZXJmbG93OiBhdXRvO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuYFxuY29uc3QgQ3VzdG9tU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxub3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxudHlwZSBEaXNwbGF5T3B0aW9uUHJvcHMgPSB7XG4gIG9wdGlvbjogT3B0aW9uVHlwZVxuICBkZXNjcmlwdGlvbkRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJ1xuICBvcHRpb25hbEluZm9QbGFjZW1lbnQ6ICdsZWZ0JyB8ICdyaWdodCdcbn1cblxuZXhwb3J0IGNvbnN0IERpc3BsYXlPcHRpb24gPSAoe1xuICBvcHRpb24sXG4gIG9wdGlvbmFsSW5mb1BsYWNlbWVudCxcbiAgZGVzY3JpcHRpb25EaXJlY3Rpb24sXG59OiBEaXNwbGF5T3B0aW9uUHJvcHMpID0+IHtcbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAncm93JyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJsZWZ0XCJcbiAgICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgICA+XG4gICAgICAgICAgPEN1c3RvbVN0YWNrIGdhcD17MC41fSBkaXJlY3Rpb249XCJyb3dcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuICAgICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgICAgPC9UZXh0SXRlbT5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIClcbiAgfVxuXG4gIGlmIChkZXNjcmlwdGlvbkRpcmVjdGlvbiA9PT0gJ3JvdycgJiYgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID09PSAncmlnaHQnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUb29sdGlwIHRleHQ9e29wdGlvbi50b29sdGlwfT5cbiAgICAgICAgPFN0YWNrXG4gICAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgIGFsaWduSXRlbXM9XCJiYXNlbGluZVwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIgYWxpZ25JdGVtcz1cImJhc2VsaW5lXCI+XG4gICAgICAgICAgICA8VGV4dEl0ZW0gYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvQ3VzdG9tU3RhY2s+XG4gICAgICAgICAge29wdGlvbi5vcHRpb25hbEluZm8gPyAoXG4gICAgICAgICAgICA8U3R5bGVkSW5mbz57b3B0aW9uLm9wdGlvbmFsSW5mb308L1N0eWxlZEluZm8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKVxuICB9XG5cbiAgaWYgKGRlc2NyaXB0aW9uRGlyZWN0aW9uID09PSAnY29sdW1uJyAmJiBvcHRpb25hbEluZm9QbGFjZW1lbnQgPT09ICdsZWZ0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9e29wdGlvbi5vcHRpb25hbEluZm8gPyAnbGVmdCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICAgICAgYWxpZ25JdGVtcz1cIm5vcm1hbFwiXG4gICAgICAgID5cbiAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/PyBudWxsfVxuXG4gICAgICAgICAgPEN1c3RvbVN0YWNrXG4gICAgICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0SXRlbSBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dEl0ZW0+XG4gICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9DdXN0b21TdGFjaz5cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxUb29sdGlwIHRleHQ9e29wdGlvbi50b29sdGlwfT5cbiAgICAgIDxTdGFja1xuICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgZGlyZWN0aW9uPVwiY29sdW1uXCJcbiAgICAgICAgYWxpZ25JdGVtcz1cIm5vcm1hbFwiXG4gICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICA+XG4gICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8gKFxuICAgICAgICAgICAgPFN0eWxlZEluZm8+e29wdGlvbi5vcHRpb25hbEluZm99PC9TdHlsZWRJbmZvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9Ub29sdGlwPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const CustomStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "e1j5kfnu0"
+} : {
+  target: "e1j5kfnu0",
+  label: "CustomStack"
+})(process.env.NODE_ENV === "production" ? {
+  name: "d3v9zr",
+  styles: "overflow:hidden"
+} : {
+  name: "d3v9zr",
+  styles: "overflow:hidden/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L0Ryb3Bkb3duT3B0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L0Ryb3Bkb3duT3B0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHR5cGUgeyBPcHRpb25UeXBlIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkSW5mbyA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbmBcbmNvbnN0IFRleHRJdGVtID0gc3R5bGVkKFRleHQpYFxuICBvdmVyZmxvdzogYXV0bztcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1heC13aWR0aDogMTAwJTtcbmBcbmNvbnN0IEN1c3RvbVN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbm92ZXJmbG93OiBoaWRkZW47XG5gXG5cbnR5cGUgRGlzcGxheU9wdGlvblByb3BzID0ge1xuICBvcHRpb246IE9wdGlvblR5cGVcbiAgZGVzY3JpcHRpb25EaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbidcbiAgb3B0aW9uYWxJbmZvUGxhY2VtZW50OiAnbGVmdCcgfCAncmlnaHQnXG59XG5cbmV4cG9ydCBjb25zdCBEaXNwbGF5T3B0aW9uID0gKHtcbiAgb3B0aW9uLFxuICBvcHRpb25hbEluZm9QbGFjZW1lbnQsXG4gIGRlc2NyaXB0aW9uRGlyZWN0aW9uLFxufTogRGlzcGxheU9wdGlvblByb3BzKSA9PiB7XG4gIGlmIChkZXNjcmlwdGlvbkRpcmVjdGlvbiA9PT0gJ3JvdycgJiYgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID09PSAnbGVmdCcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGV4dD17b3B0aW9uLnRvb2x0aXB9PlxuICAgICAgICA8U3RhY2tcbiAgICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwibGVmdFwiXG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDdXN0b21TdGFjayBnYXA9ezAuNX0gZGlyZWN0aW9uPVwicm93XCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAge29wdGlvbi5vcHRpb25hbEluZm8gPz8gbnVsbH1cbiAgICAgICAgICAgIDxUZXh0SXRlbSBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dEl0ZW0+XG4gICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uID8gKFxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgICAgcGxhY2VtZW50PVwibGVmdFwiXG4gICAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9DdXN0b21TdGFjaz5cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICApXG4gIH1cblxuICBpZiAoZGVzY3JpcHRpb25EaXJlY3Rpb24gPT09ICdyb3cnICYmIG9wdGlvbmFsSW5mb1BsYWNlbWVudCA9PT0gJ3JpZ2h0Jykge1xuICAgIHJldHVybiAoXG4gICAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICAgIDxTdGFja1xuICAgICAgICAgIGdhcD17MC41fVxuICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICBhbGlnbkl0ZW1zPVwiYmFzZWxpbmVcIlxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtgb3B0aW9uLXN0YWNrLSR7b3B0aW9uLnZhbHVlfWB9XG4gICAgICAgID5cbiAgICAgICAgICA8Q3VzdG9tU3RhY2sgZ2FwPXswLjV9IGRpcmVjdGlvbj1cInJvd1wiIGFsaWduSXRlbXM9XCJiYXNlbGluZVwiPlxuICAgICAgICAgICAgPFRleHRJdGVtIGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5XCIgcGxhY2VtZW50PVwibGVmdFwiPlxuICAgICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgICAgPC9UZXh0SXRlbT5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb24gPyAoXG4gICAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L0N1c3RvbVN0YWNrPlxuICAgICAgICAgIHtvcHRpb24ub3B0aW9uYWxJbmZvID8gKFxuICAgICAgICAgICAgPFN0eWxlZEluZm8+e29wdGlvbi5vcHRpb25hbEluZm99PC9TdHlsZWRJbmZvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIClcbiAgfVxuXG4gIGlmIChkZXNjcmlwdGlvbkRpcmVjdGlvbiA9PT0gJ2NvbHVtbicgJiYgb3B0aW9uYWxJbmZvUGxhY2VtZW50ID09PSAnbGVmdCcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGV4dD17b3B0aW9uLnRvb2x0aXB9PlxuICAgICAgICA8U3RhY2tcbiAgICAgICAgICBnYXA9ezAuNX1cbiAgICAgICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PXtvcHRpb24ub3B0aW9uYWxJbmZvID8gJ2xlZnQnIDogJ3NwYWNlLWJldHdlZW4nfVxuICAgICAgICAgIGFsaWduSXRlbXM9XCJub3JtYWxcIlxuICAgICAgICA+XG4gICAgICAgICAge29wdGlvbi5vcHRpb25hbEluZm8gPz8gbnVsbH1cblxuICAgICAgICAgIDxDdXN0b21TdGFja1xuICAgICAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgICAgICBkaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2BvcHRpb24tc3RhY2stJHtvcHRpb24udmFsdWV9YH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dEl0ZW0gYXM9XCJzcGFuXCIgdmFyaWFudD1cImJvZHlcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+XG4gICAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgICA8L1RleHRJdGVtPlxuICAgICAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIDwvQ3VzdG9tU3RhY2s+XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcCB0ZXh0PXtvcHRpb24udG9vbHRpcH0+XG4gICAgICA8U3RhY2tcbiAgICAgICAgZ2FwPXswLjV9XG4gICAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICAgIGFsaWduSXRlbXM9XCJub3JtYWxcIlxuICAgICAgICBkYXRhLXRlc3RpZD17YG9wdGlvbi1zdGFjay0ke29wdGlvbi52YWx1ZX1gfVxuICAgICAgPlxuICAgICAgICA8Q3VzdG9tU3RhY2sgZ2FwPXswLjV9IGRpcmVjdGlvbj1cInJvd1wiIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiPlxuICAgICAgICAgIDxUZXh0SXRlbSBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHBsYWNlbWVudD1cImxlZnRcIj5cbiAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgPC9UZXh0SXRlbT5cbiAgICAgICAgICB7b3B0aW9uLm9wdGlvbmFsSW5mbyA/IChcbiAgICAgICAgICAgIDxTdHlsZWRJbmZvPntvcHRpb24ub3B0aW9uYWxJbmZvfTwvU3R5bGVkSW5mbz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9DdXN0b21TdGFjaz5cbiAgICAgICAge29wdGlvbi5kZXNjcmlwdGlvbiA/IChcbiAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9ufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgIDwvVG9vbHRpcD5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const DisplayOption = ({
+  option,
+  optionalInfoPlacement,
+  descriptionDirection
+}) => {
+  if (descriptionDirection === "row" && optionalInfoPlacement === "left") {
+    return /* @__PURE__ */ jsx(Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsx(Stack, { gap: 0.5, direction: "row", justifyContent: "left", "data-testid": `option-stack-${option.value}`, children: /* @__PURE__ */ jsxs(CustomStack, { gap: 0.5, direction: "row", alignItems: "center", children: [
+      option.optionalInfo ?? null,
+      /* @__PURE__ */ jsx(TextItem, { 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__ */ jsx(Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", justifyContent: "space-between", alignItems: "baseline", "data-testid": `option-stack-${option.value}`, children: [
+      /* @__PURE__ */ jsxs(CustomStack, { gap: 0.5, direction: "row", alignItems: "baseline", children: [
+        /* @__PURE__ */ jsx(TextItem, { 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__ */ jsx(Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "row", justifyContent: option.optionalInfo ? "left" : "space-between", alignItems: "normal", children: [
+      option.optionalInfo ?? null,
+      /* @__PURE__ */ jsxs(CustomStack, { gap: 0.5, direction: "column", "data-testid": `option-stack-${option.value}`, children: [
+        /* @__PURE__ */ jsx(TextItem, { 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(Tooltip, { text: option.tooltip, children: /* @__PURE__ */ jsxs(Stack, { gap: 0.5, direction: "column", alignItems: "normal", "data-testid": `option-stack-${option.value}`, children: [
+    /* @__PURE__ */ jsxs(CustomStack, { gap: 0.5, direction: "row", justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsx(TextItem, { 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/SelectInput/SearchBarDropdown.cjs

@@ -0,0 +1,129 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const Icon = require("@ultraviolet/icons");
+const react = require("react");
+const searchAlgorithm = require("../../utils/searchAlgorithm.cjs");
+const index = require("../TextInput/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.TextInput, process.env.NODE_ENV === "production" ? {
+  target: "e1aepuw90"
+} : {
+  target: "e1aepuw90",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L1NlYXJjaEJhckRyb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnFDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L1NlYXJjaEJhckRyb3Bkb3duLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNlYXJjaEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IERpc3BhdGNoLCBTZXRTdGF0ZUFjdGlvbiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGlzRnV6enlNYXRjaCwgbm9ybWFsaXplU3RyaW5nIH0gZnJvbSAnLi4vLi4vdXRpbHMvc2VhcmNoQWxnb3JpdGhtJ1xuaW1wb3J0IHsgVGV4dElucHV0IH0gZnJvbSAnLi4vVGV4dElucHV0J1xuaW1wb3J0IHsgdXNlU2VsZWN0SW5wdXQgfSBmcm9tICcuL1NlbGVjdElucHV0UHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERhdGFUeXBlLCBPcHRpb25UeXBlIH0gZnJvbSAnLi90eXBlcydcblxudHlwZSBTZWFyY2hCYXJQcm9wcyA9IHtcbiAgcGxhY2Vob2xkZXI6IHN0cmluZ1xuICBkaXNwbGF5ZWRPcHRpb25zOiBEYXRhVHlwZVxuICBzZXRTZWFyY2hCYXJBY3RpdmU6IERpc3BhdGNoPFNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PlxufVxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZChUZXh0SW5wdXQpYFxuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxLjVdfTtcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMS41XX07XG4gIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuYFxuZXhwb3J0IGNvbnN0IGdldFJlZmVyZW5jZVRleHQgPSAob3B0aW9uOiBPcHRpb25UeXBlKSA9PiB7XG4gIGlmIChvcHRpb24uc2VhcmNoVGV4dCkgcmV0dXJuIG5vcm1hbGl6ZVN0cmluZyhvcHRpb24uc2VhcmNoVGV4dClcbiAgaWYgKHR5cGVvZiBvcHRpb24ubGFiZWwgPT09ICdzdHJpbmcnKSByZXR1cm4gbm9ybWFsaXplU3RyaW5nKG9wdGlvbi5sYWJlbClcblxuICByZXR1cm4gJydcbn1cblxuLy8gSXQgdXNlcyBMZXZlbnNodGVpbiBkaXN0YW5jZSBzbyB0aGF0IHRoZSBzZWFyY2ggaXMgdHlwby10b2xlcmFudCBmb3IgYSBzaW1wbGUgZnV6enktc2VhcmNoXG5leHBvcnQgY29uc3Qgc2VhcmNoUmVnZXggPSAoZGF0YTogT3B0aW9uVHlwZVtdLCBxdWVyeTogc3RyaW5nKSA9PlxuICBkYXRhLmZpbHRlcihvcHRpb24gPT4ge1xuICAgIGNvbnN0IHJlZmVyZW5jZVRleHQgPSBnZXRSZWZlcmVuY2VUZXh0KG9wdGlvbilcbiAgICBjb25zdCByZWdleCA9IG5ldyBSZWdFeHAocXVlcnksICdpJylcblxuICAgIHJldHVybiAoXG4gICAgICAocXVlcnkubGVuZ3RoID4gMlxuICAgICAgICA/IGlzRnV6enlNYXRjaChxdWVyeSwgcmVmZXJlbmNlVGV4dClcbiAgICAgICAgOiByZWZlcmVuY2VUZXh0Lm1hdGNoKHJlZ2V4KSkgfHxcbiAgICAgICh0eXBlb2Ygb3B0aW9uLmRlc2NyaXB0aW9uID09PSAnc3RyaW5nJyAmJlxuICAgICAgICBvcHRpb24uZGVzY3JpcHRpb24ubWF0Y2gocmVnZXgpKSB8fFxuICAgICAgb3B0aW9uLnZhbHVlLm1hdGNoKHJlZ2V4KVxuICAgIClcbiAgfSlcblxuY29uc3QgZmluZENsb3Nlc3RPcHRpb24gPSAoXG4gIG9wdGlvbnM6IERhdGFUeXBlLFxuICBzZWFyY2hJbnB1dDogc3RyaW5nIHwgdW5kZWZpbmVkLFxuKSA9PiB7XG4gIGlmIChzZWFyY2hJbnB1dCkge1xuICAgIGlmICghQXJyYXkuaXNBcnJheShvcHRpb25zKSkge1xuICAgICAgY29uc3QgcG9zc2libGVPcHRpb25zID0geyAuLi5vcHRpb25zIH1cbiAgICAgIE9iamVjdC5rZXlzKHBvc3NpYmxlT3B0aW9ucykubWFwKChncm91cDogc3RyaW5nKSA9PiB7XG4gICAgICAgIHBvc3NpYmxlT3B0aW9uc1tncm91cF0gPSBwb3NzaWJsZU9wdGlvbnNbZ3JvdXBdLmZpbHRlcihcbiAgICAgICAgICBvcHRpb24gPT4gIW9wdGlvbi5kaXNhYmxlZCxcbiAgICAgICAgKVxuXG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9KVxuICAgICAgaWYgKFxuICAgICAgICBPYmplY3Qua2V5cyhwb3NzaWJsZU9wdGlvbnMpLnNvbWUoXG4gICAgICAgICAgZ3JvdXAgPT4gcG9zc2libGVPcHRpb25zW2dyb3VwXS5sZW5ndGggPiAwLFxuICAgICAgICApXG4gICAgICApIHtcbiAgICAgICAgY29uc3QgZmlyc3RGaXQgPSBPYmplY3Qua2V5cyhwb3NzaWJsZU9wdGlvbnMpXG4gICAgICAgICAgLm1hcChncm91cCA9PiBwb3NzaWJsZU9wdGlvbnNbZ3JvdXBdWzBdKVxuICAgICAgICAgIC5maWx0ZXIodmFsdWUgPT4gISF2YWx1ZSlbMF1cblxuICAgICAgICByZXR1cm4gZmlyc3RGaXRcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgcG9zc2libGVPcHRpb25zID0gWy4uLm9wdGlvbnNdLmZpbHRlcihvcHRpb24gPT4gIW9wdGlvbi5kaXNhYmxlZClcblxuICAgICAgaWYgKHBvc3NpYmxlT3B0aW9ucy5sZW5ndGggPiAwKSB7XG4gICAgICAgIHJldHVybiBwb3NzaWJsZU9wdGlvbnNbMF1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZXR1cm4gbnVsbFxufVxuZXhwb3J0IGNvbnN0IFNlYXJjaEJhckRyb3Bkb3duID0gKHtcbiAgcGxhY2Vob2xkZXIsXG4gIGRpc3BsYXllZE9wdGlvbnMsXG4gIHNldFNlYXJjaEJhckFjdGl2ZSxcbn06IFNlYXJjaEJhclByb3BzKSA9PiB7XG4gIGNvbnN0IHNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHtcbiAgICBvbkNoYW5nZSxcbiAgICBvblNlYXJjaCxcbiAgICBzZXRTZWFyY2hJbnB1dCxcbiAgICBzZWFyY2hJbnB1dCxcbiAgICBvcHRpb25zLFxuICAgIG11bHRpc2VsZWN0LFxuICAgIHNldFNlbGVjdGVkRGF0YSxcbiAgICBzZWxlY3RlZERhdGEsXG4gIH0gPSB1c2VTZWxlY3RJbnB1dCgpXG4gIGNvbnN0IGVzY2FwZVJlZ0V4cCA9IChzdHJpbmc6IHN0cmluZykgPT5cbiAgICBzdHJpbmcucmVwbGFjZSgvWy4qKz9ee30oKXxbXFxdXFxcXF0vZywgU3RyaW5nLnJhd2BcXCQmYClcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoc2VhcmNoOiBzdHJpbmcpID0+IHtcbiAgICBpZiAoc2VhcmNoLmxlbmd0aCA+IDApIHtcbiAgICAgIGlmICghQXJyYXkuaXNBcnJheShvcHRpb25zKSkge1xuICAgICAgICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSB7IC4uLm9wdGlvbnMgfVxuICAgICAgICBPYmplY3Qua2V5cyhmaWx0ZXJlZE9wdGlvbnMpLm1hcCgoZ3JvdXA6IHN0cmluZykgPT4ge1xuICAgICAgICAgIGZpbHRlcmVkT3B0aW9uc1tncm91cF0gPSBzZWFyY2hSZWdleChcbiAgICAgICAgICAgIGZpbHRlcmVkT3B0aW9uc1tncm91cF0sXG4gICAgICAgICAgICBlc2NhcGVSZWdFeHAoc2VhcmNoLnRvU3RyaW5nKCkpLFxuICAgICAgICAgIClcblxuICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgIH0pXG4gICAgICAgIG9uU2VhcmNoKGZpbHRlcmVkT3B0aW9ucylcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9IHNlYXJjaFJlZ2V4KFxuICAgICAgICAgIFsuLi5vcHRpb25zXSxcbiAgICAgICAgICBlc2NhcGVSZWdFeHAoc2VhcmNoLnRvU3RyaW5nKCkpLFxuICAgICAgICApXG4gICAgICAgIG9uU2VhcmNoKGZpbHRlcmVkT3B0aW9ucylcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgb25TZWFyY2gob3B0aW9ucylcbiAgICB9XG4gICAgc2V0U2VhcmNoSW5wdXQoc2VhcmNoKVxuICB9XG5cbiAgY29uc3QgaGFuZGxlS2V5RG93biA9IChrZXk6IHN0cmluZywgc2VhcmNoPzogc3RyaW5nKSA9PiB7XG4gICAgaWYgKGtleSA9PT0gJ0VudGVyJykge1xuICAgICAgY29uc3QgY2xvc2VzdE9wdGlvbiA9IGZpbmRDbG9zZXN0T3B0aW9uKGRpc3BsYXllZE9wdGlvbnMsIHNlYXJjaClcbiAgICAgIGlmIChjbG9zZXN0T3B0aW9uKSB7XG4gICAgICAgIGlmIChtdWx0aXNlbGVjdCkge1xuICAgICAgICAgIHNldFNlbGVjdGVkRGF0YSh7XG4gICAgICAgICAgICB0eXBlOiAnc2VsZWN0T3B0aW9uJyxcbiAgICAgICAgICAgIGNsaWNrZWRPcHRpb246IGNsb3Nlc3RPcHRpb24sXG4gICAgICAgICAgICBncm91cDogIUFycmF5LmlzQXJyYXkob3B0aW9ucylcbiAgICAgICAgICAgICAgPyBPYmplY3Qua2V5cyhvcHRpb25zKS5maWx0ZXIoZ3JvdXAgPT5cbiAgICAgICAgICAgICAgICAgIG9wdGlvbnNbZ3JvdXBdLmluY2x1ZGVzKGNsb3Nlc3RPcHRpb24pLFxuICAgICAgICAgICAgICAgIClbMF1cbiAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgfSlcbiAgICAgICAgICBvbkNoYW5nZT8uKFxuICAgICAgICAgICAgc2VsZWN0ZWREYXRhLnNlbGVjdGVkVmFsdWVzLmluY2x1ZGVzKGNsb3Nlc3RPcHRpb24udmFsdWUpXG4gICAgICAgICAgICAgID8gc2VsZWN0ZWREYXRhLnNlbGVjdGVkVmFsdWVzXG4gICAgICAgICAgICAgIDogWy4uLnNlbGVjdGVkRGF0YS5zZWxlY3RlZFZhbHVlcywgY2xvc2VzdE9wdGlvbi52YWx1ZV0sXG4gICAgICAgICAgKVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNldFNlbGVjdGVkRGF0YSh7XG4gICAgICAgICAgICB0eXBlOiAnc2VsZWN0T3B0aW9uJyxcbiAgICAgICAgICAgIGNsaWNrZWRPcHRpb246IGNsb3Nlc3RPcHRpb24sXG4gICAgICAgICAgfSlcbiAgICAgICAgICBvbkNoYW5nZT8uKHNlbGVjdGVkRGF0YS5zZWxlY3RlZFZhbHVlc1swXSA/PyAnJylcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoa2V5ID09PSAnVGFiJykge1xuICAgICAgc2VhcmNoSW5wdXRSZWYuY3VycmVudD8uYmx1cigpXG4gICAgfVxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBUT0RPOiBSZW1vdmUgbWUgYW5kIHVzZSBhdXRvRm9jdXMgd2hlbiBwb3B1cCBpcyBmaXhlZFxuICAgIC8vIEF1dG9mb2N1cyBvbiB0aGUgc2VhcmNoIGJhciBjcmVhdGUgc29tZSBzY3JvbGwgaXNzdWVzXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBzZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgfSwgNTApXG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZElucHV0XG4gICAgICB2YWx1ZT17c2VhcmNoSW5wdXR9XG4gICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gaGFuZGxlQ2hhbmdlKGV2ZW50LnRhcmdldC52YWx1ZSl9XG4gICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICBvbkZvY3VzPXsoKSA9PiBzZXRTZWFyY2hCYXJBY3RpdmUodHJ1ZSl9XG4gICAgICBvbkJsdXI9eygpID0+IHNldFNlYXJjaEJhckFjdGl2ZShmYWxzZSl9XG4gICAgICBkYXRhLXRlc3RpZD1cInNlYXJjaC1iYXJcIlxuICAgICAgcHJlZml4PXs8U2VhcmNoSWNvbiBzaXplPVwic21hbGxcIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgLz59XG4gICAgICBvbktleURvd249e2V2ZW50ID0+IGhhbmRsZUtleURvd24oZXZlbnQua2V5LCBzZWFyY2hJbnB1dCl9XG4gICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgIGFyaWEtbGFiZWw9XCJzZWFyY2gtYmFyXCJcbiAgICAgIHJlZj17c2VhcmNoSW5wdXRSZWZ9XG4gICAgLz5cbiAgKVxufVxuIl19 */"));
+const getReferenceText = (option) => {
+  if (option.searchText) return searchAlgorithm.normalizeString(option.searchText);
+  if (typeof option.label === "string") return searchAlgorithm.normalizeString(option.label);
+  return "";
+};
+const searchRegex = (data, query) => data.filter((option) => {
+  const referenceText = getReferenceText(option);
+  const regex = new RegExp(query, "i");
+  return (query.length > 2 ? searchAlgorithm.isFuzzyMatch(query, referenceText) : referenceText.match(regex)) || typeof option.description === "string" && option.description.match(regex) || option.value.match(regex);
+});
+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 escapeRegExp = (string) => string.replace(/[.*+?^{}()|[\]\\]/g, String.raw`\$&`);
+  const handleChange = (search) => {
+    if (search.length > 0) {
+      if (!Array.isArray(options)) {
+        const filteredOptions = {
+          ...options
+        };
+        Object.keys(filteredOptions).map((group) => {
+          filteredOptions[group] = searchRegex(filteredOptions[group], escapeRegExp(search.toString()));
+          return null;
+        });
+        onSearch(filteredOptions);
+      } else {
+        const filteredOptions = searchRegex([...options], escapeRegExp(search.toString()));
+        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]);
+        } else {
+          setSelectedData({
+            type: "selectOption",
+            clickedOption: closestOption
+          });
+          onChange?.(selectedData.selectedValues[0] ?? "");
+        }
+      }
+    } else if (key === "Tab") {
+      searchInputRef.current?.blur();
+    }
+  };
+  react.useEffect(() => {
+    setTimeout(() => {
+      searchInputRef.current?.focus();
+    }, 50);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(StyledInput, { value: searchInput, onChange: (event) => handleChange(event.target.value), placeholder, onFocus: () => setSearchBarActive(true), onBlur: () => setSearchBarActive(false), "data-testid": "search-bar", prefix: /* @__PURE__ */ jsxRuntime.jsx(Icon.SearchIcon, { size: "small", sentiment: "neutral" }), onKeyDown: (event) => handleKeyDown(event.key, searchInput), size: "medium", "aria-label": "search-bar", ref: searchInputRef });
+};
+exports.SearchBarDropdown = SearchBarDropdown;
+exports.getReferenceText = getReferenceText;
+exports.searchRegex = searchRegex;

package/dist/components/{SelectInputV2 → SelectInput}/SearchBarDropdown.d.ts

@@ -1,9 +1,11 @@
 import type { Dispatch, SetStateAction } from 'react';
-import type { DataType } from './types';
+import type { DataType, OptionType } from './types';
 type SearchBarProps = {
     placeholder: string;
     displayedOptions: DataType;
     setSearchBarActive: Dispatch<SetStateAction<boolean>>;
 };
+export declare const getReferenceText: (option: OptionType) => string;
+export declare const searchRegex: (data: OptionType[], query: string) => OptionType[];
 export declare const SearchBarDropdown: ({ placeholder, displayedOptions, setSearchBarActive, }: SearchBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SelectInput/SearchBarDropdown.js

@@ -0,0 +1,127 @@
+"use client";
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { SearchIcon } from "@ultraviolet/icons";
+import { useRef, useEffect } from "react";
+import { isFuzzyMatch, normalizeString } from "../../utils/searchAlgorithm.js";
+import { TextInput } from "../TextInput/index.js";
+import { useSelectInput } from "./SelectInputProvider.js";
+const StyledInput = /* @__PURE__ */ _styled(TextInput, process.env.NODE_ENV === "production" ? {
+  target: "e1aepuw90"
+} : {
+  target: "e1aepuw90",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L1NlYXJjaEJhckRyb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnFDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1NlbGVjdElucHV0L1NlYXJjaEJhckRyb3Bkb3duLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNlYXJjaEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IERpc3BhdGNoLCBTZXRTdGF0ZUFjdGlvbiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGlzRnV6enlNYXRjaCwgbm9ybWFsaXplU3RyaW5nIH0gZnJvbSAnLi4vLi4vdXRpbHMvc2VhcmNoQWxnb3JpdGhtJ1xuaW1wb3J0IHsgVGV4dElucHV0IH0gZnJvbSAnLi4vVGV4dElucHV0J1xuaW1wb3J0IHsgdXNlU2VsZWN0SW5wdXQgfSBmcm9tICcuL1NlbGVjdElucHV0UHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERhdGFUeXBlLCBPcHRpb25UeXBlIH0gZnJvbSAnLi90eXBlcydcblxudHlwZSBTZWFyY2hCYXJQcm9wcyA9IHtcbiAgcGxhY2Vob2xkZXI6IHN0cmluZ1xuICBkaXNwbGF5ZWRPcHRpb25zOiBEYXRhVHlwZVxuICBzZXRTZWFyY2hCYXJBY3RpdmU6IERpc3BhdGNoPFNldFN0YXRlQWN0aW9uPGJvb2xlYW4+PlxufVxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZChUZXh0SW5wdXQpYFxuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxLjVdfTtcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMS41XX07XG4gIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuYFxuZXhwb3J0IGNvbnN0IGdldFJlZmVyZW5jZVRleHQgPSAob3B0aW9uOiBPcHRpb25UeXBlKSA9PiB7XG4gIGlmIChvcHRpb24uc2VhcmNoVGV4dCkgcmV0dXJuIG5vcm1hbGl6ZVN0cmluZyhvcHRpb24uc2VhcmNoVGV4dClcbiAgaWYgKHR5cGVvZiBvcHRpb24ubGFiZWwgPT09ICdzdHJpbmcnKSByZXR1cm4gbm9ybWFsaXplU3RyaW5nKG9wdGlvbi5sYWJlbClcblxuICByZXR1cm4gJydcbn1cblxuLy8gSXQgdXNlcyBMZXZlbnNodGVpbiBkaXN0YW5jZSBzbyB0aGF0IHRoZSBzZWFyY2ggaXMgdHlwby10b2xlcmFudCBmb3IgYSBzaW1wbGUgZnV6enktc2VhcmNoXG5leHBvcnQgY29uc3Qgc2VhcmNoUmVnZXggPSAoZGF0YTogT3B0aW9uVHlwZVtdLCBxdWVyeTogc3RyaW5nKSA9PlxuICBkYXRhLmZpbHRlcihvcHRpb24gPT4ge1xuICAgIGNvbnN0IHJlZmVyZW5jZVRleHQgPSBnZXRSZWZlcmVuY2VUZXh0KG9wdGlvbilcbiAgICBjb25zdCByZWdleCA9IG5ldyBSZWdFeHAocXVlcnksICdpJylcblxuICAgIHJldHVybiAoXG4gICAgICAocXVlcnkubGVuZ3RoID4gMlxuICAgICAgICA/IGlzRnV6enlNYXRjaChxdWVyeSwgcmVmZXJlbmNlVGV4dClcbiAgICAgICAgOiByZWZlcmVuY2VUZXh0Lm1hdGNoKHJlZ2V4KSkgfHxcbiAgICAgICh0eXBlb2Ygb3B0aW9uLmRlc2NyaXB0aW9uID09PSAnc3RyaW5nJyAmJlxuICAgICAgICBvcHRpb24uZGVzY3JpcHRpb24ubWF0Y2gocmVnZXgpKSB8fFxuICAgICAgb3B0aW9uLnZhbHVlLm1hdGNoKHJlZ2V4KVxuICAgIClcbiAgfSlcblxuY29uc3QgZmluZENsb3Nlc3RPcHRpb24gPSAoXG4gIG9wdGlvbnM6IERhdGFUeXBlLFxuICBzZWFyY2hJbnB1dDogc3RyaW5nIHwgdW5kZWZpbmVkLFxuKSA9PiB7XG4gIGlmIChzZWFyY2hJbnB1dCkge1xuICAgIGlmICghQXJyYXkuaXNBcnJheShvcHRpb25zKSkge1xuICAgICAgY29uc3QgcG9zc2libGVPcHRpb25zID0geyAuLi5vcHRpb25zIH1cbiAgICAgIE9iamVjdC5rZXlzKHBvc3NpYmxlT3B0aW9ucykubWFwKChncm91cDogc3RyaW5nKSA9PiB7XG4gICAgICAgIHBvc3NpYmxlT3B0aW9uc1tncm91cF0gPSBwb3NzaWJsZU9wdGlvbnNbZ3JvdXBdLmZpbHRlcihcbiAgICAgICAgICBvcHRpb24gPT4gIW9wdGlvbi5kaXNhYmxlZCxcbiAgICAgICAgKVxuXG4gICAgICAgIHJldHVybiBudWxsXG4gICAgICB9KVxuICAgICAgaWYgKFxuICAgICAgICBPYmplY3Qua2V5cyhwb3NzaWJsZU9wdGlvbnMpLnNvbWUoXG4gICAgICAgICAgZ3JvdXAgPT4gcG9zc2libGVPcHRpb25zW2dyb3VwXS5sZW5ndGggPiAwLFxuICAgICAgICApXG4gICAgICApIHtcbiAgICAgICAgY29uc3QgZmlyc3RGaXQgPSBPYmplY3Qua2V5cyhwb3NzaWJsZU9wdGlvbnMpXG4gICAgICAgICAgLm1hcChncm91cCA9PiBwb3NzaWJsZU9wdGlvbnNbZ3JvdXBdWzBdKVxuICAgICAgICAgIC5maWx0ZXIodmFsdWUgPT4gISF2YWx1ZSlbMF1cblxuICAgICAgICByZXR1cm4gZmlyc3RGaXRcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgY29uc3QgcG9zc2libGVPcHRpb25zID0gWy4uLm9wdGlvbnNdLmZpbHRlcihvcHRpb24gPT4gIW9wdGlvbi5kaXNhYmxlZClcblxuICAgICAgaWYgKHBvc3NpYmxlT3B0aW9ucy5sZW5ndGggPiAwKSB7XG4gICAgICAgIHJldHVybiBwb3NzaWJsZU9wdGlvbnNbMF1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICByZXR1cm4gbnVsbFxufVxuZXhwb3J0IGNvbnN0IFNlYXJjaEJhckRyb3Bkb3duID0gKHtcbiAgcGxhY2Vob2xkZXIsXG4gIGRpc3BsYXllZE9wdGlvbnMsXG4gIHNldFNlYXJjaEJhckFjdGl2ZSxcbn06IFNlYXJjaEJhclByb3BzKSA9PiB7XG4gIGNvbnN0IHNlYXJjaElucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHtcbiAgICBvbkNoYW5nZSxcbiAgICBvblNlYXJjaCxcbiAgICBzZXRTZWFyY2hJbnB1dCxcbiAgICBzZWFyY2hJbnB1dCxcbiAgICBvcHRpb25zLFxuICAgIG11bHRpc2VsZWN0LFxuICAgIHNldFNlbGVjdGVkRGF0YSxcbiAgICBzZWxlY3RlZERhdGEsXG4gIH0gPSB1c2VTZWxlY3RJbnB1dCgpXG4gIGNvbnN0IGVzY2FwZVJlZ0V4cCA9IChzdHJpbmc6IHN0cmluZykgPT5cbiAgICBzdHJpbmcucmVwbGFjZSgvWy4qKz9ee30oKXxbXFxdXFxcXF0vZywgU3RyaW5nLnJhd2BcXCQmYClcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAoc2VhcmNoOiBzdHJpbmcpID0+IHtcbiAgICBpZiAoc2VhcmNoLmxlbmd0aCA+IDApIHtcbiAgICAgIGlmICghQXJyYXkuaXNBcnJheShvcHRpb25zKSkge1xuICAgICAgICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSB7IC4uLm9wdGlvbnMgfVxuICAgICAgICBPYmplY3Qua2V5cyhmaWx0ZXJlZE9wdGlvbnMpLm1hcCgoZ3JvdXA6IHN0cmluZykgPT4ge1xuICAgICAgICAgIGZpbHRlcmVkT3B0aW9uc1tncm91cF0gPSBzZWFyY2hSZWdleChcbiAgICAgICAgICAgIGZpbHRlcmVkT3B0aW9uc1tncm91cF0sXG4gICAgICAgICAgICBlc2NhcGVSZWdFeHAoc2VhcmNoLnRvU3RyaW5nKCkpLFxuICAgICAgICAgIClcblxuICAgICAgICAgIHJldHVybiBudWxsXG4gICAgICAgIH0pXG4gICAgICAgIG9uU2VhcmNoKGZpbHRlcmVkT3B0aW9ucylcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGNvbnN0IGZpbHRlcmVkT3B0aW9ucyA9IHNlYXJjaFJlZ2V4KFxuICAgICAgICAgIFsuLi5vcHRpb25zXSxcbiAgICAgICAgICBlc2NhcGVSZWdFeHAoc2VhcmNoLnRvU3RyaW5nKCkpLFxuICAgICAgICApXG4gICAgICAgIG9uU2VhcmNoKGZpbHRlcmVkT3B0aW9ucylcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgb25TZWFyY2gob3B0aW9ucylcbiAgICB9XG4gICAgc2V0U2VhcmNoSW5wdXQoc2VhcmNoKVxuICB9XG5cbiAgY29uc3QgaGFuZGxlS2V5RG93biA9IChrZXk6IHN0cmluZywgc2VhcmNoPzogc3RyaW5nKSA9PiB7XG4gICAgaWYgKGtleSA9PT0gJ0VudGVyJykge1xuICAgICAgY29uc3QgY2xvc2VzdE9wdGlvbiA9IGZpbmRDbG9zZXN0T3B0aW9uKGRpc3BsYXllZE9wdGlvbnMsIHNlYXJjaClcbiAgICAgIGlmIChjbG9zZXN0T3B0aW9uKSB7XG4gICAgICAgIGlmIChtdWx0aXNlbGVjdCkge1xuICAgICAgICAgIHNldFNlbGVjdGVkRGF0YSh7XG4gICAgICAgICAgICB0eXBlOiAnc2VsZWN0T3B0aW9uJyxcbiAgICAgICAgICAgIGNsaWNrZWRPcHRpb246IGNsb3Nlc3RPcHRpb24sXG4gICAgICAgICAgICBncm91cDogIUFycmF5LmlzQXJyYXkob3B0aW9ucylcbiAgICAgICAgICAgICAgPyBPYmplY3Qua2V5cyhvcHRpb25zKS5maWx0ZXIoZ3JvdXAgPT5cbiAgICAgICAgICAgICAgICAgIG9wdGlvbnNbZ3JvdXBdLmluY2x1ZGVzKGNsb3Nlc3RPcHRpb24pLFxuICAgICAgICAgICAgICAgIClbMF1cbiAgICAgICAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgICAgICAgfSlcbiAgICAgICAgICBvbkNoYW5nZT8uKFxuICAgICAgICAgICAgc2VsZWN0ZWREYXRhLnNlbGVjdGVkVmFsdWVzLmluY2x1ZGVzKGNsb3Nlc3RPcHRpb24udmFsdWUpXG4gICAgICAgICAgICAgID8gc2VsZWN0ZWREYXRhLnNlbGVjdGVkVmFsdWVzXG4gICAgICAgICAgICAgIDogWy4uLnNlbGVjdGVkRGF0YS5zZWxlY3RlZFZhbHVlcywgY2xvc2VzdE9wdGlvbi52YWx1ZV0sXG4gICAgICAgICAgKVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNldFNlbGVjdGVkRGF0YSh7XG4gICAgICAgICAgICB0eXBlOiAnc2VsZWN0T3B0aW9uJyxcbiAgICAgICAgICAgIGNsaWNrZWRPcHRpb246IGNsb3Nlc3RPcHRpb24sXG4gICAgICAgICAgfSlcbiAgICAgICAgICBvbkNoYW5nZT8uKHNlbGVjdGVkRGF0YS5zZWxlY3RlZFZhbHVlc1swXSA/PyAnJylcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0gZWxzZSBpZiAoa2V5ID09PSAnVGFiJykge1xuICAgICAgc2VhcmNoSW5wdXRSZWYuY3VycmVudD8uYmx1cigpXG4gICAgfVxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBUT0RPOiBSZW1vdmUgbWUgYW5kIHVzZSBhdXRvRm9jdXMgd2hlbiBwb3B1cCBpcyBmaXhlZFxuICAgIC8vIEF1dG9mb2N1cyBvbiB0aGUgc2VhcmNoIGJhciBjcmVhdGUgc29tZSBzY3JvbGwgaXNzdWVzXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBzZWFyY2hJbnB1dFJlZi5jdXJyZW50Py5mb2N1cygpXG4gICAgfSwgNTApXG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZElucHV0XG4gICAgICB2YWx1ZT17c2VhcmNoSW5wdXR9XG4gICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gaGFuZGxlQ2hhbmdlKGV2ZW50LnRhcmdldC52YWx1ZSl9XG4gICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICBvbkZvY3VzPXsoKSA9PiBzZXRTZWFyY2hCYXJBY3RpdmUodHJ1ZSl9XG4gICAgICBvbkJsdXI9eygpID0+IHNldFNlYXJjaEJhckFjdGl2ZShmYWxzZSl9XG4gICAgICBkYXRhLXRlc3RpZD1cInNlYXJjaC1iYXJcIlxuICAgICAgcHJlZml4PXs8U2VhcmNoSWNvbiBzaXplPVwic21hbGxcIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgLz59XG4gICAgICBvbktleURvd249e2V2ZW50ID0+IGhhbmRsZUtleURvd24oZXZlbnQua2V5LCBzZWFyY2hJbnB1dCl9XG4gICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgIGFyaWEtbGFiZWw9XCJzZWFyY2gtYmFyXCJcbiAgICAgIHJlZj17c2VhcmNoSW5wdXRSZWZ9XG4gICAgLz5cbiAgKVxufVxuIl19 */"));
+const getReferenceText = (option) => {
+  if (option.searchText) return normalizeString(option.searchText);
+  if (typeof option.label === "string") return normalizeString(option.label);
+  return "";
+};
+const searchRegex = (data, query) => data.filter((option) => {
+  const referenceText = getReferenceText(option);
+  const regex = new RegExp(query, "i");
+  return (query.length > 2 ? isFuzzyMatch(query, referenceText) : referenceText.match(regex)) || typeof option.description === "string" && option.description.match(regex) || option.value.match(regex);
+});
+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 = useRef(null);
+  const {
+    onChange,
+    onSearch,
+    setSearchInput,
+    searchInput,
+    options,
+    multiselect,
+    setSelectedData,
+    selectedData
+  } = useSelectInput();
+  const escapeRegExp = (string) => string.replace(/[.*+?^{}()|[\]\\]/g, String.raw`\$&`);
+  const handleChange = (search) => {
+    if (search.length > 0) {
+      if (!Array.isArray(options)) {
+        const filteredOptions = {
+          ...options
+        };
+        Object.keys(filteredOptions).map((group) => {
+          filteredOptions[group] = searchRegex(filteredOptions[group], escapeRegExp(search.toString()));
+          return null;
+        });
+        onSearch(filteredOptions);
+      } else {
+        const filteredOptions = searchRegex([...options], escapeRegExp(search.toString()));
+        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]);
+        } else {
+          setSelectedData({
+            type: "selectOption",
+            clickedOption: closestOption
+          });
+          onChange?.(selectedData.selectedValues[0] ?? "");
+        }
+      }
+    } else if (key === "Tab") {
+      searchInputRef.current?.blur();
+    }
+  };
+  useEffect(() => {
+    setTimeout(() => {
+      searchInputRef.current?.focus();
+    }, 50);
+  }, []);
+  return /* @__PURE__ */ jsx(StyledInput, { value: searchInput, onChange: (event) => handleChange(event.target.value), placeholder, onFocus: () => setSearchBarActive(true), onBlur: () => setSearchBarActive(false), "data-testid": "search-bar", prefix: /* @__PURE__ */ jsx(SearchIcon, { size: "small", sentiment: "neutral" }), onKeyDown: (event) => handleKeyDown(event.key, searchInput), size: "medium", "aria-label": "search-bar", ref: searchInputRef });
+};
+export {
+  SearchBarDropdown,
+  getReferenceText,
+  searchRegex
+};