@1money/component-ui 0.0.1

package/lib/components/Select/SelectFieldShell.d.ts

@@ -0,0 +1,22 @@
+import type { ClassNamesFn } from "../../utils/classnames";
+import type { ReactNode } from 'react';
+import type { SelectSize, SelectStatus, SelectVariant } from './interface';
+interface SelectFieldShellProps {
+    children: ReactNode;
+    classes: ClassNamesFn;
+    className?: string;
+    size: SelectSize;
+    variant: SelectVariant;
+    status: SelectStatus;
+    disabled: boolean;
+    label?: ReactNode;
+    info?: ReactNode;
+    description?: ReactNode;
+    feedback?: ReactNode;
+    required?: boolean;
+    labelId: string;
+    descriptionId: string;
+    feedbackId: string;
+}
+export declare const SelectFieldShell: import("react").NamedExoticComponent<SelectFieldShellProps>;
+export default SelectFieldShell;

package/lib/components/Select/SelectFieldShell.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SelectFieldShell = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _Icons = require("../Icons");
+var _Typography = require("../Typography");
+var _classnames = require("../../utils/classnames");
+var _constants = require("./constants");
+var SelectFieldShellBase = function SelectFieldShellBase(_ref) {
+  var children = _ref.children,
+    classes = _ref.classes,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    size = _ref.size,
+    variant = _ref.variant,
+    status = _ref.status,
+    disabled = _ref.disabled,
+    label = _ref.label,
+    info = _ref.info,
+    description = _ref.description,
+    feedback = _ref.feedback,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    labelId = _ref.labelId,
+    descriptionId = _ref.descriptionId,
+    feedbackId = _ref.feedbackId;
+  var labelColor = disabled ? _constants.SELECT_LABEL_COLOR_DISABLED : _constants.SELECT_LABEL_COLOR_DEFAULT;
+  var descriptionColor = disabled ? _constants.SELECT_DESCRIPTION_COLOR_DISABLED : _constants.SELECT_DESCRIPTION_COLOR_DEFAULT;
+  var feedbackClass = classes('feedback', (0, _classnames.joinCls)(status !== 'default' && classes("feedback-".concat(status)), disabled && classes('feedback-disabled')));
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: classes(undefined, (0, _classnames.joinCls)(classes(size), classes(variant), status !== 'default' && classes(status), disabled && classes('disabled'), className)),
+    children: [(label || info) && (0, _jsxRuntime.jsxs)("div", {
+      className: classes('label-row'),
+      children: [label && (0, _jsxRuntime.jsxs)(_Typography.TypographyLabel, {
+        id: labelId,
+        className: classes('label-text'),
+        size: _constants.SELECT_LABEL_SIZE,
+        strong: true,
+        color: labelColor,
+        children: [label, required && (0, _jsxRuntime.jsx)("span", {
+          className: classes('required'),
+          children: "*"
+        })]
+      }), info && (0, _jsxRuntime.jsx)("span", {
+        className: classes('info'),
+        children: info
+      })]
+    }), description && (0, _jsxRuntime.jsx)(_Typography.TypographyBody, {
+      id: descriptionId,
+      className: classes('description-text'),
+      as: "div",
+      size: _constants.SELECT_DESCRIPTION_SIZE,
+      color: descriptionColor,
+      children: description
+    }), children, feedback && (0, _jsxRuntime.jsxs)("div", {
+      id: feedbackId,
+      className: feedbackClass,
+      role: status === 'error' || status === 'warning' ? 'alert' : 'status',
+      children: [status === 'error' && (0, _jsxRuntime.jsx)("span", {
+        className: classes('feedback-icon'),
+        children: (0, _jsxRuntime.jsx)(_Icons.Icons, {
+          name: "error",
+          size: 16,
+          color: "currentColor"
+        })
+      }), (0, _jsxRuntime.jsx)(_Typography.TypographyBody, {
+        size: _constants.SELECT_FEEDBACK_SIZE,
+        children: feedback
+      })]
+    })]
+  });
+};
+var SelectFieldShell = exports.SelectFieldShell = /*#__PURE__*/(0, _react.memo)(SelectFieldShellBase);
+var _default = exports["default"] = SelectFieldShell;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdEZpZWxkU2hlbGwuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3RGaWVsZFNoZWxsLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfSWNvbnMiLCJfVHlwb2dyYXBoeSIsIl9jbGFzc25hbWVzIiwiX2NvbnN0YW50cyIsIlNlbGVjdEZpZWxkU2hlbGxCYXNlIiwiX3JlZiIsImNoaWxkcmVuIiwiY2xhc3NlcyIsIl9yZWYkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwic2l6ZSIsInZhcmlhbnQiLCJzdGF0dXMiLCJkaXNhYmxlZCIsImxhYmVsIiwiaW5mbyIsImRlc2NyaXB0aW9uIiwiZmVlZGJhY2siLCJfcmVmJHJlcXVpcmVkIiwicmVxdWlyZWQiLCJsYWJlbElkIiwiZGVzY3JpcHRpb25JZCIsImZlZWRiYWNrSWQiLCJsYWJlbENvbG9yIiwiU0VMRUNUX0xBQkVMX0NPTE9SX0RJU0FCTEVEIiwiU0VMRUNUX0xBQkVMX0NPTE9SX0RFRkFVTFQiLCJkZXNjcmlwdGlvbkNvbG9yIiwiU0VMRUNUX0RFU0NSSVBUSU9OX0NPTE9SX0RJU0FCTEVEIiwiU0VMRUNUX0RFU0NSSVBUSU9OX0NPTE9SX0RFRkFVTFQiLCJmZWVkYmFja0NsYXNzIiwiam9pbkNscyIsImNvbmNhdCIsIl9qc3hzIiwidW5kZWZpbmVkIiwiVHlwb2dyYXBoeUxhYmVsIiwiaWQiLCJTRUxFQ1RfTEFCRUxfU0laRSIsInN0cm9uZyIsImNvbG9yIiwiX2pzeCIsIlR5cG9ncmFwaHlCb2R5IiwiYXMiLCJTRUxFQ1RfREVTQ1JJUFRJT05fU0laRSIsInJvbGUiLCJJY29ucyIsIm5hbWUiLCJTRUxFQ1RfRkVFREJBQ0tfU0laRSIsIlNlbGVjdEZpZWxkU2hlbGwiLCJleHBvcnRzIiwibWVtbyIsIl9kZWZhdWx0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNBQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxNQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxXQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxXQUFBLEdBQUFKLE9BQUE7QUFJQSxJQUFBSyxVQUFBLEdBQUFMLE9BQUE7QUE0QkEsSUFBTU0sb0JBQW9CLEdBQThCLFNBQWxEQSxvQkFBb0JBLENBQUFDLElBQUEsRUFnQnJCO0VBQUEsSUFmSEMsUUFBUSxHQUFBRCxJQUFBLENBQVJDLFFBQVE7SUFDUkMsT0FBTyxHQUFBRixJQUFBLENBQVBFLE9BQU87SUFBQUMsY0FBQSxHQUFBSCxJQUFBLENBQ1BJLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxjQUFBLGNBQUcsRUFBRSxHQUFBQSxjQUFBO0lBQ2RFLElBQUksR0FBQUwsSUFBQSxDQUFKSyxJQUFJO0lBQ0pDLE9BQU8sR0FBQU4sSUFBQSxDQUFQTSxPQUFPO0lBQ1BDLE1BQU0sR0FBQVAsSUFBQSxDQUFOTyxNQUFNO0lBQ05DLFFBQVEsR0FBQVIsSUFBQSxDQUFSUSxRQUFRO0lBQ1JDLEtBQUssR0FBQVQsSUFBQSxDQUFMUyxLQUFLO0lBQ0xDLElBQUksR0FBQVYsSUFBQSxDQUFKVSxJQUFJO0lBQ0pDLFdBQVcsR0FBQVgsSUFBQSxDQUFYVyxXQUFXO0lBQ1hDLFFBQVEsR0FBQVosSUFBQSxDQUFSWSxRQUFRO0lBQUFDLGFBQUEsR0FBQWIsSUFBQSxDQUNSYyxRQUFRO0lBQVJBLFFBQVEsR0FBQUQsYUFBQSxjQUFHLEtBQUssR0FBQUEsYUFBQTtJQUNoQkUsT0FBTyxHQUFBZixJQUFBLENBQVBlLE9BQU87SUFDUEMsYUFBYSxHQUFBaEIsSUFBQSxDQUFiZ0IsYUFBYTtJQUNiQyxVQUFVLEdBQUFqQixJQUFBLENBQVZpQixVQUFVO0VBRVYsSUFBTUMsVUFBVSxHQUFHVixRQUFRLEdBQUdXLHNDQUEyQixHQUFHQyxxQ0FBMEI7RUFDdEYsSUFBTUMsZ0JBQWdCLEdBQUdiLFFBQVEsR0FBR2MsNENBQWlDLEdBQUdDLDJDQUFnQztFQUN4RyxJQUFNQyxhQUFhLEdBQUd0QixPQUFPLENBQzNCLFVBQVUsRUFDVixJQUFBdUIsbUJBQU8sRUFDTGxCLE1BQU0sS0FBSyxTQUFTLElBQUlMLE9BQU8sYUFBQXdCLE1BQUEsQ0FBYW5CLE1BQU0sQ0FBRSxDQUFDLEVBQ3JEQyxRQUFRLElBQUlOLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxDQUN6QyxDQUNGO0VBRUQsT0FDRSxJQUFBeUIsZ0JBQUEsRUFBQSxLQUFBLEVBQUE7SUFDRXZCLFNBQVMsRUFBRUYsT0FBTyxDQUNoQjBCLFNBQVMsRUFDVCxJQUFBSCxtQkFBTyxFQUNMdkIsT0FBTyxDQUFDRyxJQUFJLENBQUMsRUFDYkgsT0FBTyxDQUFDSSxPQUFPLENBQUMsRUFDaEJDLE1BQU0sS0FBSyxTQUFTLElBQUlMLE9BQU8sQ0FBQ0ssTUFBTSxDQUFDLEVBQ3ZDQyxRQUFRLElBQUlOLE9BQU8sQ0FBQyxVQUFVLENBQUMsRUFDL0JFLFNBQVMsQ0FDVixDQUNGO0lBQUFILFFBQUEsRUFBQSxDQUVBLENBQUNRLEtBQUssSUFBSUMsSUFBSSxLQUNiLElBQUFpQixnQkFBQSxFQUFBLEtBQUEsRUFBQTtNQUFLdkIsU0FBUyxFQUFFRixPQUFPLENBQUMsV0FBVyxDQUFDO01BQUFELFFBQUEsRUFBQSxDQUNqQ1EsS0FBSyxJQUNKLElBQUFrQixnQkFBQSxFQUFDRSwyQkFBZSxFQUFBO1FBQUNDLEVBQUUsRUFBRWYsT0FBTztRQUFFWCxTQUFTLEVBQUVGLE9BQU8sQ0FBQyxZQUFZLENBQUM7UUFBRUcsSUFBSSxFQUFFMEIsNEJBQWlCO1FBQUVDLE1BQU0sRUFBQSxJQUFBO1FBQUNDLEtBQUssRUFBRWYsVUFBVTtRQUFBakIsUUFBQSxFQUFBLENBQzlHUSxLQUFLLEVBQ0xLLFFBQVEsSUFBSSxJQUFBb0IsZUFBQSxFQUFBLE1BQUEsRUFBQTtVQUFNOUIsU0FBUyxFQUFFRixPQUFPLENBQUMsVUFBVSxDQUFDO1VBQUFELFFBQUEsRUFBQTtRQUFBLENBQUEsQ0FBVTtNQUFBLENBQUEsQ0FFOUQsRUFDQVMsSUFBSSxJQUFJLElBQUF3QixlQUFBLEVBQUEsTUFBQSxFQUFBO1FBQU05QixTQUFTLEVBQUVGLE9BQU8sQ0FBQyxNQUFNLENBQUM7UUFBQUQsUUFBQSxFQUFHUztNQUFJLENBQUEsQ0FBUTtJQUFBLENBQUEsQ0FFM0QsRUFFQUMsV0FBVyxJQUNWLElBQUF1QixlQUFBLEVBQUNDLDBCQUFjLEVBQUE7TUFBQ0wsRUFBRSxFQUFFZCxhQUFhO01BQUVaLFNBQVMsRUFBRUYsT0FBTyxDQUFDLGtCQUFrQixDQUFDO01BQUVrQyxFQUFFLEVBQUMsS0FBSztNQUFDL0IsSUFBSSxFQUFFZ0Msa0NBQXVCO01BQUVKLEtBQUssRUFBRVosZ0JBQWdCO01BQUFwQixRQUFBLEVBQ3ZJVTtJQUFXLENBQUEsQ0FFZixFQUVBVixRQUFRLEVBRVJXLFFBQVEsSUFDUCxJQUFBZSxnQkFBQSxFQUFBLEtBQUEsRUFBQTtNQUNFRyxFQUFFLEVBQUViLFVBQVU7TUFDZGIsU0FBUyxFQUFFb0IsYUFBYTtNQUN4QmMsSUFBSSxFQUFFL0IsTUFBTSxLQUFLLE9BQU8sSUFBSUEsTUFBTSxLQUFLLFNBQVMsR0FBRyxPQUFPLEdBQUcsUUFBUTtNQUFBTixRQUFBLEVBQUEsQ0FFcEVNLE1BQU0sS0FBSyxPQUFPLElBQ2pCLElBQUEyQixlQUFBLEVBQUEsTUFBQSxFQUFBO1FBQU05QixTQUFTLEVBQUVGLE9BQU8sQ0FBQyxlQUFlLENBQUM7UUFBQUQsUUFBQSxFQUN2QyxJQUFBaUMsZUFBQSxFQUFDSyxZQUFLLEVBQUE7VUFBQ0MsSUFBSSxFQUFDLE9BQU87VUFBQ25DLElBQUksRUFBRSxFQUFFO1VBQUU0QixLQUFLLEVBQUM7UUFBYyxDQUFBO01BQUcsQ0FBQSxDQUV4RCxFQUNELElBQUFDLGVBQUEsRUFBQ0MsMEJBQWMsRUFBQTtRQUFDOUIsSUFBSSxFQUFFb0MsK0JBQW9CO1FBQUF4QyxRQUFBLEVBQUdXO01BQVEsQ0FBQSxDQUFrQjtJQUFBLENBQUEsQ0FFMUU7RUFBQSxDQUFBLENBQ0c7QUFFVixDQUFDO0FBRU0sSUFBTThCLGdCQUFnQixHQUFBQyxPQUFBLENBQUFELGdCQUFBLGdCQUFHLElBQUFFLFdBQUksRUFBQzdDLG9CQUFvQixDQUFDO0FBQUMsSUFBQThDLFFBQUEsR0FBQUYsT0FBQSxjQUU1Q0QsZ0JBQWdCIiwiZmlsZSI6ImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdEZpZWxkU2hlbGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeUJvZHksIFR5cG9ncmFwaHlMYWJlbCB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgU0VMRUNUX0xBQkVMX1NJWkUsIFNFTEVDVF9MQUJFTF9DT0xPUl9ERUZBVUxULCBTRUxFQ1RfTEFCRUxfQ09MT1JfRElTQUJMRUQsIFNFTEVDVF9ERVNDUklQVElPTl9TSVpFLCBTRUxFQ1RfREVTQ1JJUFRJT05fQ09MT1JfREVGQVVMVCwgU0VMRUNUX0RFU0NSSVBUSU9OX0NPTE9SX0RJU0FCTEVELCBTRUxFQ1RfRkVFREJBQ0tfU0laRSwgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5jb25zdCBTZWxlY3RGaWVsZFNoZWxsQmFzZSA9ICh7IGNoaWxkcmVuLCBjbGFzc2VzLCBjbGFzc05hbWUgPSAnJywgc2l6ZSwgdmFyaWFudCwgc3RhdHVzLCBkaXNhYmxlZCwgbGFiZWwsIGluZm8sIGRlc2NyaXB0aW9uLCBmZWVkYmFjaywgcmVxdWlyZWQgPSBmYWxzZSwgbGFiZWxJZCwgZGVzY3JpcHRpb25JZCwgZmVlZGJhY2tJZCwgfSkgPT4ge1xuICAgIGNvbnN0IGxhYmVsQ29sb3IgPSBkaXNhYmxlZCA/IFNFTEVDVF9MQUJFTF9DT0xPUl9ESVNBQkxFRCA6IFNFTEVDVF9MQUJFTF9DT0xPUl9ERUZBVUxUO1xuICAgIGNvbnN0IGRlc2NyaXB0aW9uQ29sb3IgPSBkaXNhYmxlZCA/IFNFTEVDVF9ERVNDUklQVElPTl9DT0xPUl9ESVNBQkxFRCA6IFNFTEVDVF9ERVNDUklQVElPTl9DT0xPUl9ERUZBVUxUO1xuICAgIGNvbnN0IGZlZWRiYWNrQ2xhc3MgPSBjbGFzc2VzKCdmZWVkYmFjaycsIGpvaW5DbHMoc3RhdHVzICE9PSAnZGVmYXVsdCcgJiYgY2xhc3NlcyhgZmVlZGJhY2stJHtzdGF0dXN9YCksIGRpc2FibGVkICYmIGNsYXNzZXMoJ2ZlZWRiYWNrLWRpc2FibGVkJykpKTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKHVuZGVmaW5lZCwgam9pbkNscyhjbGFzc2VzKHNpemUpLCBjbGFzc2VzKHZhcmlhbnQpLCBzdGF0dXMgIT09ICdkZWZhdWx0JyAmJiBjbGFzc2VzKHN0YXR1cyksIGRpc2FibGVkICYmIGNsYXNzZXMoJ2Rpc2FibGVkJyksIGNsYXNzTmFtZSkpLCBjaGlsZHJlbjogWyhsYWJlbCB8fCBpbmZvKSAmJiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2xhYmVsLXJvdycpLCBjaGlsZHJlbjogW2xhYmVsICYmIChfanN4cyhUeXBvZ3JhcGh5TGFiZWwsIHsgaWQ6IGxhYmVsSWQsIGNsYXNzTmFtZTogY2xhc3NlcygnbGFiZWwtdGV4dCcpLCBzaXplOiBTRUxFQ1RfTEFCRUxfU0laRSwgc3Ryb25nOiB0cnVlLCBjb2xvcjogbGFiZWxDb2xvciwgY2hpbGRyZW46IFtsYWJlbCwgcmVxdWlyZWQgJiYgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3JlcXVpcmVkJyksIGNoaWxkcmVuOiBcIipcIiB9KV0gfSkpLCBpbmZvICYmIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdpbmZvJyksIGNoaWxkcmVuOiBpbmZvIH0pXSB9KSksIGRlc2NyaXB0aW9uICYmIChfanN4KFR5cG9ncmFwaHlCb2R5LCB7IGlkOiBkZXNjcmlwdGlvbklkLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2Rlc2NyaXB0aW9uLXRleHQnKSwgYXM6IFwiZGl2XCIsIHNpemU6IFNFTEVDVF9ERVNDUklQVElPTl9TSVpFLCBjb2xvcjogZGVzY3JpcHRpb25Db2xvciwgY2hpbGRyZW46IGRlc2NyaXB0aW9uIH0pKSwgY2hpbGRyZW4sIGZlZWRiYWNrICYmIChfanN4cyhcImRpdlwiLCB7IGlkOiBmZWVkYmFja0lkLCBjbGFzc05hbWU6IGZlZWRiYWNrQ2xhc3MsIHJvbGU6IHN0YXR1cyA9PT0gJ2Vycm9yJyB8fCBzdGF0dXMgPT09ICd3YXJuaW5nJyA/ICdhbGVydCcgOiAnc3RhdHVzJywgY2hpbGRyZW46IFtzdGF0dXMgPT09ICdlcnJvcicgJiYgKF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdmZWVkYmFjay1pY29uJyksIGNoaWxkcmVuOiBfanN4KEljb25zLCB7IG5hbWU6IFwiZXJyb3JcIiwgc2l6ZTogMTYsIGNvbG9yOiBcImN1cnJlbnRDb2xvclwiIH0pIH0pKSwgX2pzeChUeXBvZ3JhcGh5Qm9keSwgeyBzaXplOiBTRUxFQ1RfRkVFREJBQ0tfU0laRSwgY2hpbGRyZW46IGZlZWRiYWNrIH0pXSB9KSldIH0pKTtcbn07XG5leHBvcnQgY29uc3QgU2VsZWN0RmllbGRTaGVsbCA9IG1lbW8oU2VsZWN0RmllbGRTaGVsbEJhc2UpO1xuZXhwb3J0IGRlZmF1bHQgU2VsZWN0RmllbGRTaGVsbDsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Select/SelectOptionContent.d.ts

@@ -0,0 +1,9 @@
+import type { ClassNamesFn } from "../../utils/classnames";
+import type { SelectOption } from './interface';
+interface SelectOptionContentProps {
+    classes: ClassNamesFn;
+    option: SelectOption;
+    selected: boolean;
+}
+export declare const SelectOptionContent: import("react").NamedExoticComponent<SelectOptionContentProps>;
+export default SelectOptionContent;

package/lib/components/Select/SelectOptionContent.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SelectOptionContent = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _Icons = require("../Icons");
+var _Typography = require("../Typography");
+var _constants = require("./constants");
+var SelectOptionContentBase = function SelectOptionContentBase(_ref) {
+  var classes = _ref.classes,
+    option = _ref.option,
+    selected = _ref.selected;
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsxs)("span", {
+      className: classes('option-content'),
+      children: [(0, _jsxRuntime.jsx)(_Typography.TypographyBody, {
+        className: classes('option-label'),
+        size: _constants.SELECT_OPTION_LABEL_SIZE,
+        strong: true,
+        children: option.label
+      }), option.description && (0, _jsxRuntime.jsx)(_Typography.TypographyBody, {
+        className: classes('option-description'),
+        size: _constants.SELECT_OPTION_DESCRIPTION_SIZE,
+        color: _constants.SELECT_OPTION_DESCRIPTION_COLOR,
+        children: option.description
+      })]
+    }), (0, _jsxRuntime.jsx)("span", {
+      className: classes('option-check'),
+      children: selected && (0, _jsxRuntime.jsx)(_Icons.Icons, {
+        name: "check",
+        size: 16,
+        color: "currentColor"
+      })
+    })]
+  });
+};
+var SelectOptionContent = exports.SelectOptionContent = /*#__PURE__*/(0, _react.memo)(SelectOptionContentBase);
+var _default = exports["default"] = SelectOptionContent;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdE9wdGlvbkNvbnRlbnQuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3RPcHRpb25Db250ZW50LnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfSWNvbnMiLCJfVHlwb2dyYXBoeSIsIl9jb25zdGFudHMiLCJTZWxlY3RPcHRpb25Db250ZW50QmFzZSIsIl9yZWYiLCJjbGFzc2VzIiwib3B0aW9uIiwic2VsZWN0ZWQiLCJfanN4cyIsIl9GcmFnbWVudCIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwiX2pzeCIsIlR5cG9ncmFwaHlCb2R5Iiwic2l6ZSIsIlNFTEVDVF9PUFRJT05fTEFCRUxfU0laRSIsInN0cm9uZyIsImxhYmVsIiwiZGVzY3JpcHRpb24iLCJTRUxFQ1RfT1BUSU9OX0RFU0NSSVBUSU9OX1NJWkUiLCJjb2xvciIsIlNFTEVDVF9PUFRJT05fREVTQ1JJUFRJT05fQ09MT1IiLCJJY29ucyIsIm5hbWUiLCJTZWxlY3RPcHRpb25Db250ZW50IiwiZXhwb3J0cyIsIm1lbW8iLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsTUFBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsV0FBQSxHQUFBSCxPQUFBO0FBSUEsSUFBQUksVUFBQSxHQUFBSixPQUFBO0FBWUEsSUFBTUssdUJBQXVCLEdBQWlDLFNBQXhEQSx1QkFBdUJBLENBQUFDLElBQUE7RUFBQSxJQUMzQkMsT0FBTyxHQUFBRCxJQUFBLENBQVBDLE9BQU87SUFDUEMsTUFBTSxHQUFBRixJQUFBLENBQU5FLE1BQU07SUFDTkMsUUFBUSxHQUFBSCxJQUFBLENBQVJHLFFBQVE7RUFBQSxPQUVSLElBQUFDLGdCQUFBLEVBQUFDLG9CQUFBLEVBQUE7SUFBQUMsUUFBQSxFQUFBLENBQ0UsSUFBQUYsZ0JBQUEsRUFBQSxNQUFBLEVBQUE7TUFBTUcsU0FBUyxFQUFFTixPQUFPLENBQUMsZ0JBQWdCLENBQUM7TUFBQUssUUFBQSxFQUFBLENBQ3hDLElBQUFFLGVBQUEsRUFBQ0MsMEJBQWMsRUFBQTtRQUFDRixTQUFTLEVBQUVOLE9BQU8sQ0FBQyxjQUFjLENBQUM7UUFBRVMsSUFBSSxFQUFFQyxtQ0FBd0I7UUFBRUMsTUFBTSxFQUFBLElBQUE7UUFBQU4sUUFBQSxFQUFFSixNQUFNLENBQUNXO01BQUssQ0FBQSxDQUFrQixFQUN6SFgsTUFBTSxDQUFDWSxXQUFXLElBQ2pCLElBQUFOLGVBQUEsRUFBQ0MsMEJBQWMsRUFBQTtRQUFDRixTQUFTLEVBQUVOLE9BQU8sQ0FBQyxvQkFBb0IsQ0FBQztRQUFFUyxJQUFJLEVBQUVLLHlDQUE4QjtRQUFFQyxLQUFLLEVBQUVDLDBDQUErQjtRQUFBWCxRQUFBLEVBQUdKLE1BQU0sQ0FBQ1k7TUFBVyxDQUFBLENBQzVKO0lBQUEsQ0FBQSxDQUNJLEVBQ1AsSUFBQU4sZUFBQSxFQUFBLE1BQUEsRUFBQTtNQUFNRCxTQUFTLEVBQUVOLE9BQU8sQ0FBQyxjQUFjLENBQUM7TUFBQUssUUFBQSxFQUNyQ0gsUUFBUSxJQUFJLElBQUFLLGVBQUEsRUFBQ1UsWUFBSyxFQUFBO1FBQUNDLElBQUksRUFBQyxPQUFPO1FBQUNULElBQUksRUFBRSxFQUFFO1FBQUVNLEtBQUssRUFBQztNQUFjLENBQUE7SUFBRyxDQUFBLENBQzdEO0VBQUEsQ0FBQSxDQUNOO0FBQUEsQ0FDSjtBQUVNLElBQU1JLG1CQUFtQixHQUFBQyxPQUFBLENBQUFELG1CQUFBLGdCQUFHLElBQUFFLFdBQUksRUFBQ3ZCLHVCQUF1QixDQUFDO0FBQUMsSUFBQXdCLFFBQUEsR0FBQUYsT0FBQSxjQUVsREQsbUJBQW1CIiwiZmlsZSI6ImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdE9wdGlvbkNvbnRlbnQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5Qm9keSB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgU0VMRUNUX09QVElPTl9MQUJFTF9TSVpFLCBTRUxFQ1RfT1BUSU9OX0RFU0NSSVBUSU9OX1NJWkUsIFNFTEVDVF9PUFRJT05fREVTQ1JJUFRJT05fQ09MT1IsIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuY29uc3QgU2VsZWN0T3B0aW9uQ29udGVudEJhc2UgPSAoeyBjbGFzc2VzLCBvcHRpb24sIHNlbGVjdGVkLCB9KSA9PiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tY29udGVudCcpLCBjaGlsZHJlbjogW19qc3goVHlwb2dyYXBoeUJvZHksIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tbGFiZWwnKSwgc2l6ZTogU0VMRUNUX09QVElPTl9MQUJFTF9TSVpFLCBzdHJvbmc6IHRydWUsIGNoaWxkcmVuOiBvcHRpb24ubGFiZWwgfSksIG9wdGlvbi5kZXNjcmlwdGlvbiAmJiAoX2pzeChUeXBvZ3JhcGh5Qm9keSwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ29wdGlvbi1kZXNjcmlwdGlvbicpLCBzaXplOiBTRUxFQ1RfT1BUSU9OX0RFU0NSSVBUSU9OX1NJWkUsIGNvbG9yOiBTRUxFQ1RfT1BUSU9OX0RFU0NSSVBUSU9OX0NPTE9SLCBjaGlsZHJlbjogb3B0aW9uLmRlc2NyaXB0aW9uIH0pKV0gfSksIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tY2hlY2snKSwgY2hpbGRyZW46IHNlbGVjdGVkICYmIF9qc3goSWNvbnMsIHsgbmFtZTogXCJjaGVja1wiLCBzaXplOiAxNiwgY29sb3I6IFwiY3VycmVudENvbG9yXCIgfSkgfSldIH0pKTtcbmV4cG9ydCBjb25zdCBTZWxlY3RPcHRpb25Db250ZW50ID0gbWVtbyhTZWxlY3RPcHRpb25Db250ZW50QmFzZSk7XG5leHBvcnQgZGVmYXVsdCBTZWxlY3RPcHRpb25Db250ZW50OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Select/SelectSearchControl.d.ts

@@ -0,0 +1,12 @@
+import type { ClassNamesFn } from "../../utils/classnames";
+import type { ChangeEvent, FocusEvent as ReactFocusEvent, KeyboardEvent as ReactKeyboardEvent } from 'react';
+interface SelectSearchControlProps {
+    classes: ClassNamesFn;
+    placeholder: string;
+    value: string;
+    onBlur: (event: ReactFocusEvent<HTMLInputElement>) => void;
+    onChange: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown: (event: ReactKeyboardEvent<HTMLInputElement>) => void;
+}
+export declare const SelectSearchControl: import("react").NamedExoticComponent<SelectSearchControlProps & import("react").RefAttributes<HTMLInputElement>>;
+export default SelectSearchControl;

package/lib/components/Select/SelectSearchControl.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SelectSearchControl = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _Icons = require("../Icons");
+var SelectSearchControlBase = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var classes = _ref.classes,
+    placeholder = _ref.placeholder,
+    value = _ref.value,
+    onBlur = _ref.onBlur,
+    _onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown;
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: classes('search'),
+    children: [(0, _jsxRuntime.jsx)("span", {
+      className: classes('search-icon'),
+      children: (0, _jsxRuntime.jsx)(_Icons.Icons, {
+        name: "search",
+        size: 20,
+        color: "currentColor"
+      })
+    }), (0, _jsxRuntime.jsx)("input", {
+      ref: ref,
+      type: "text",
+      value: value,
+      placeholder: placeholder,
+      "aria-label": placeholder,
+      className: classes('search-input'),
+      onBlur: onBlur,
+      onKeyDown: onKeyDown,
+      onChange: function onChange(event) {
+        return _onChange(event.target.value, event);
+      }
+    })]
+  });
+});
+SelectSearchControlBase.displayName = 'SelectSearchControl';
+var SelectSearchControl = exports.SelectSearchControl = /*#__PURE__*/(0, _react.memo)(SelectSearchControlBase);
+var _default = exports["default"] = SelectSearchControl;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdFNlYXJjaENvbnRyb2wuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3RTZWFyY2hDb250cm9sLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfSWNvbnMiLCJTZWxlY3RTZWFyY2hDb250cm9sQmFzZSIsImZvcndhcmRSZWYiLCJfcmVmIiwicmVmIiwiY2xhc3NlcyIsInBsYWNlaG9sZGVyIiwidmFsdWUiLCJvbkJsdXIiLCJvbkNoYW5nZSIsIm9uS2V5RG93biIsIl9qc3hzIiwiY2xhc3NOYW1lIiwiY2hpbGRyZW4iLCJfanN4IiwiSWNvbnMiLCJuYW1lIiwic2l6ZSIsImNvbG9yIiwidHlwZSIsImV2ZW50IiwidGFyZ2V0IiwiZGlzcGxheU5hbWUiLCJTZWxlY3RTZWFyY2hDb250cm9sIiwiZXhwb3J0cyIsIm1lbW8iLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsTUFBQSxHQUFBRixPQUFBO0FBaUJBLElBQU1HLHVCQUF1QixnQkFBRyxJQUFBQyxpQkFBVSxFQUN4QyxVQUFBQyxJQUFBLEVBU0VDLEdBQUc7RUFBQSxJQVBEQyxPQUFPLEdBQUFGLElBQUEsQ0FBUEUsT0FBTztJQUNQQyxXQUFXLEdBQUFILElBQUEsQ0FBWEcsV0FBVztJQUNYQyxLQUFLLEdBQUFKLElBQUEsQ0FBTEksS0FBSztJQUNMQyxNQUFNLEdBQUFMLElBQUEsQ0FBTkssTUFBTTtJQUNOQyxTQUFRLEdBQUFOLElBQUEsQ0FBUk0sUUFBUTtJQUNSQyxTQUFTLEdBQUFQLElBQUEsQ0FBVE8sU0FBUztFQUFBLE9BSVgsSUFBQUMsZ0JBQUEsRUFBQSxLQUFBLEVBQUE7SUFBS0MsU0FBUyxFQUFFUCxPQUFPLENBQUMsUUFBUSxDQUFDO0lBQUFRLFFBQUEsRUFBQSxDQUMvQixJQUFBQyxlQUFBLEVBQUEsTUFBQSxFQUFBO01BQU1GLFNBQVMsRUFBRVAsT0FBTyxDQUFDLGFBQWEsQ0FBQztNQUFBUSxRQUFBLEVBQ3JDLElBQUFDLGVBQUEsRUFBQ0MsWUFBSyxFQUFBO1FBQUNDLElBQUksRUFBQyxRQUFRO1FBQUNDLElBQUksRUFBRSxFQUFFO1FBQUVDLEtBQUssRUFBQztNQUFjLENBQUE7SUFBRyxDQUFBLENBQ2pELEVBQ1AsSUFBQUosZUFBQSxFQUFBLE9BQUEsRUFBQTtNQUNFVixHQUFHLEVBQUVBLEdBQUc7TUFDUmUsSUFBSSxFQUFDLE1BQU07TUFDWFosS0FBSyxFQUFFQSxLQUFLO01BQ1pELFdBQVcsRUFBRUEsV0FBVztNQUFBLFlBQUEsRUFDWkEsV0FBVztNQUN2Qk0sU0FBUyxFQUFFUCxPQUFPLENBQUMsY0FBYyxDQUFDO01BQ2xDRyxNQUFNLEVBQUVBLE1BQU07TUFDZEUsU0FBUyxFQUFFQSxTQUFTO01BQ3BCRCxRQUFRLEVBQUUsU0FBVkEsUUFBUUEsQ0FBR1csS0FBSztRQUFBLE9BQUtYLFNBQVEsQ0FBQ1csS0FBSyxDQUFDQyxNQUFNLENBQUNkLEtBQUssRUFBRWEsS0FBSyxDQUFDO01BQUE7SUFBQSxDQUFBLENBQ3hEO0VBQUEsQ0FBQSxDQUNFO0FBQUEsQ0FDUCxDQUNGO0FBRURuQix1QkFBdUIsQ0FBQ3FCLFdBQVcsR0FBRyxxQkFBcUI7QUFFcEQsSUFBTUMsbUJBQW1CLEdBQUFDLE9BQUEsQ0FBQUQsbUJBQUEsZ0JBQUcsSUFBQUUsV0FBSSxFQUFDeEIsdUJBQXVCLENBQUM7QUFBQyxJQUFBeUIsUUFBQSxHQUFBRixPQUFBLGNBRWxERCxtQkFBbUIiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0U2VhcmNoQ29udHJvbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBmb3J3YXJkUmVmLCBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi9JY29ucyc7XG5jb25zdCBTZWxlY3RTZWFyY2hDb250cm9sQmFzZSA9IGZvcndhcmRSZWYoKHsgY2xhc3NlcywgcGxhY2Vob2xkZXIsIHZhbHVlLCBvbkJsdXIsIG9uQ2hhbmdlLCBvbktleURvd24sIH0sIHJlZikgPT4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdzZWFyY2gnKSwgY2hpbGRyZW46IFtfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnc2VhcmNoLWljb24nKSwgY2hpbGRyZW46IF9qc3goSWNvbnMsIHsgbmFtZTogXCJzZWFyY2hcIiwgc2l6ZTogMjAsIGNvbG9yOiBcImN1cnJlbnRDb2xvclwiIH0pIH0pLCBfanN4KFwiaW5wdXRcIiwgeyByZWY6IHJlZiwgdHlwZTogXCJ0ZXh0XCIsIHZhbHVlOiB2YWx1ZSwgcGxhY2Vob2xkZXI6IHBsYWNlaG9sZGVyLCBcImFyaWEtbGFiZWxcIjogcGxhY2Vob2xkZXIsIGNsYXNzTmFtZTogY2xhc3Nlcygnc2VhcmNoLWlucHV0JyksIG9uQmx1cjogb25CbHVyLCBvbktleURvd246IG9uS2V5RG93biwgb25DaGFuZ2U6IChldmVudCkgPT4gb25DaGFuZ2UoZXZlbnQudGFyZ2V0LnZhbHVlLCBldmVudCkgfSldIH0pKSk7XG5TZWxlY3RTZWFyY2hDb250cm9sQmFzZS5kaXNwbGF5TmFtZSA9ICdTZWxlY3RTZWFyY2hDb250cm9sJztcbmV4cG9ydCBjb25zdCBTZWxlY3RTZWFyY2hDb250cm9sID0gbWVtbyhTZWxlY3RTZWFyY2hDb250cm9sQmFzZSk7XG5leHBvcnQgZGVmYXVsdCBTZWxlY3RTZWFyY2hDb250cm9sOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Select/SelectValueContent.d.ts

@@ -0,0 +1,18 @@
+import type { ClassNamesFn } from "../../utils/classnames";
+import type { MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+import type { SelectOption, SelectOptionValue, SelectProps, SelectRenderValueMeta } from './interface';
+interface SelectValueContentProps {
+    classes: ClassNamesFn;
+    hasSelection: boolean;
+    multiple: boolean;
+    maxVisibleValues?: number;
+    placeholder: ReactNode;
+    renderValue?: SelectProps['renderValue'];
+    renderValueMeta: SelectRenderValueMeta;
+    selectedOptions: SelectOption[];
+    onRemove: (optionValue: SelectOptionValue) => void;
+    onRemoveClick: (event: ReactMouseEvent<HTMLSpanElement>) => void;
+    onRemoveMouseDown: (event: ReactMouseEvent<HTMLSpanElement>) => void;
+}
+export declare const SelectValueContent: import("react").NamedExoticComponent<SelectValueContentProps>;
+export default SelectValueContent;

package/lib/components/Select/SelectValueContent.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.SelectValueContent = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _Icons = require("../Icons");
+var _utils = require("./utils");
+var DefaultMultipleValueContent = function DefaultMultipleValueContent(_ref) {
+  var classes = _ref.classes,
+    selectedOptions = _ref.selectedOptions,
+    onRemove = _ref.onRemove,
+    onRemoveClick = _ref.onRemoveClick,
+    onRemoveMouseDown = _ref.onRemoveMouseDown;
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: selectedOptions.map(function (option) {
+      return (0, _jsxRuntime.jsxs)("span", {
+        className: classes('tag'),
+        children: [(0, _jsxRuntime.jsx)("span", {
+          className: classes('tag-label'),
+          children: (0, _utils.getOptionTagLabel)(option)
+        }), (0, _jsxRuntime.jsx)("span", {
+          className: classes('tag-remove'),
+          "aria-hidden": "true",
+          onMouseDown: function onMouseDown(event) {
+            onRemoveMouseDown(event);
+            onRemove(option.value);
+          },
+          onClick: onRemoveClick,
+          children: (0, _jsxRuntime.jsx)(_Icons.Icons, {
+            name: "cross",
+            size: 12,
+            color: "currentColor"
+          })
+        })]
+      }, option.value);
+    })
+  });
+};
+var CollapsedMultipleValueContent = function CollapsedMultipleValueContent(_ref2) {
+  var classes = _ref2.classes,
+    maxVisibleValues = _ref2.maxVisibleValues,
+    selectedOptions = _ref2.selectedOptions,
+    renderValueMeta = _ref2.renderValueMeta;
+  var resolvedMaxVisibleValues = Math.max(0, Math.trunc(maxVisibleValues !== null && maxVisibleValues !== void 0 ? maxVisibleValues : 0));
+  var visibleLabels = selectedOptions.slice(0, resolvedMaxVisibleValues).map(function (option) {
+    return (0, _utils.getOptionTagLabel)(option);
+  });
+  var hiddenCount = Math.max(0, selectedOptions.length - visibleLabels.length);
+  if (visibleLabels.length === 0 && hiddenCount === 0) {
+    return null;
+  }
+  return (0, _jsxRuntime.jsxs)("span", {
+    className: classes('collapsed-values'),
+    children: [visibleLabels.length > 0 && (0, _jsxRuntime.jsx)("span", {
+      className: classes('collapsed-values-list'),
+      children: visibleLabels.join(', ')
+    }), hiddenCount > 0 && (0, _jsxRuntime.jsx)("span", {
+      className: classes('collapsed-values-extra', renderValueMeta.disabled ? classes('collapsed-values-extra-disabled') : undefined),
+      children: "+ ".concat(hiddenCount, "...")
+    })]
+  });
+};
+var SelectValueContentBase = function SelectValueContentBase(_ref3) {
+  var classes = _ref3.classes,
+    hasSelection = _ref3.hasSelection,
+    multiple = _ref3.multiple,
+    maxVisibleValues = _ref3.maxVisibleValues,
+    placeholder = _ref3.placeholder,
+    renderValue = _ref3.renderValue,
+    renderValueMeta = _ref3.renderValueMeta,
+    selectedOptions = _ref3.selectedOptions,
+    onRemove = _ref3.onRemove,
+    onRemoveClick = _ref3.onRemoveClick,
+    onRemoveMouseDown = _ref3.onRemoveMouseDown;
+  if (renderValue) {
+    return renderValue(hasSelection ? multiple ? selectedOptions : selectedOptions[0] : null, renderValueMeta);
+  }
+  if (!hasSelection) {
+    return placeholder;
+  }
+  if (!multiple) {
+    return (0, _utils.getOptionTagLabel)(selectedOptions[0]);
+  }
+  if (maxVisibleValues !== undefined) {
+    return (0, _jsxRuntime.jsx)(CollapsedMultipleValueContent, {
+      classes: classes,
+      maxVisibleValues: maxVisibleValues,
+      selectedOptions: selectedOptions,
+      renderValueMeta: renderValueMeta
+    });
+  }
+  return (0, _jsxRuntime.jsx)(DefaultMultipleValueContent, {
+    classes: classes,
+    selectedOptions: selectedOptions,
+    onRemove: onRemove,
+    onRemoveClick: onRemoveClick,
+    onRemoveMouseDown: onRemoveMouseDown
+  });
+};
+var SelectValueContent = exports.SelectValueContent = /*#__PURE__*/(0, _react.memo)(SelectValueContentBase);
+var _default = exports["default"] = SelectValueContent;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdFZhbHVlQ29udGVudC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdFZhbHVlQ29udGVudC50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX0ljb25zIiwiX3V0aWxzIiwiRGVmYXVsdE11bHRpcGxlVmFsdWVDb250ZW50IiwiX3JlZiIsImNsYXNzZXMiLCJzZWxlY3RlZE9wdGlvbnMiLCJvblJlbW92ZSIsIm9uUmVtb3ZlQ2xpY2siLCJvblJlbW92ZU1vdXNlRG93biIsIl9qc3giLCJfRnJhZ21lbnQiLCJjaGlsZHJlbiIsIm1hcCIsIm9wdGlvbiIsIl9qc3hzIiwiY2xhc3NOYW1lIiwiZ2V0T3B0aW9uVGFnTGFiZWwiLCJvbk1vdXNlRG93biIsImV2ZW50IiwidmFsdWUiLCJvbkNsaWNrIiwiSWNvbnMiLCJuYW1lIiwic2l6ZSIsImNvbG9yIiwiQ29sbGFwc2VkTXVsdGlwbGVWYWx1ZUNvbnRlbnQiLCJfcmVmMiIsIm1heFZpc2libGVWYWx1ZXMiLCJyZW5kZXJWYWx1ZU1ldGEiLCJyZXNvbHZlZE1heFZpc2libGVWYWx1ZXMiLCJNYXRoIiwibWF4IiwidHJ1bmMiLCJ2aXNpYmxlTGFiZWxzIiwic2xpY2UiLCJoaWRkZW5Db3VudCIsImxlbmd0aCIsImpvaW4iLCJkaXNhYmxlZCIsInVuZGVmaW5lZCIsImNvbmNhdCIsIlNlbGVjdFZhbHVlQ29udGVudEJhc2UiLCJfcmVmMyIsImhhc1NlbGVjdGlvbiIsIm11bHRpcGxlIiwicGxhY2Vob2xkZXIiLCJyZW5kZXJWYWx1ZSIsIlNlbGVjdFZhbHVlQ29udGVudCIsImV4cG9ydHMiLCJtZW1vIiwiX2RlZmF1bHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtB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LEdBQUd2QyxlQUFlLEdBQUdBLGVBQWUsQ0FBQyxDQUFDLENBQUMsR0FBSSxJQUFJLEVBQ3ZFdUIsZUFBZSxDQUNoQjtFQUNIO0VBRUEsSUFBSSxDQUFDZSxZQUFZLEVBQUU7SUFDakIsT0FBT0UsV0FBVztFQUNwQjtFQUVBLElBQUksQ0FBQ0QsUUFBUSxFQUFFO0lBQ2IsT0FBTyxJQUFBNUIsd0JBQWlCLEVBQUNYLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQztFQUM5QztFQUVBLElBQUlzQixnQkFBZ0IsS0FBS1ksU0FBUyxFQUFFO0lBQ2xDLE9BQ0UsSUFBQTlCLGVBQUEsRUFBQ2dCLDZCQUE2QixFQUFBO01BQzVCckIsT0FBTyxFQUFFQSxPQUFPO01BQ2hCdUIsZ0JBQWdCLEVBQUVBLGdCQUFnQjtNQUNsQ3RCLGVBQWUsRUFBRUEsZUFBZTtNQUNoQ3VCLGVBQWUsRUFBRUE7SUFBZSxDQUFBLENBQ2hDO0VBRU47RUFFQSxPQUNFLElBQUFuQixlQUFBLEVBQUNQLDJCQUEyQixFQUFBO0lBQzFCRSxPQUFPLEVBQUVBLE9BQU87SUFDaEJDLGVBQWUsRUFBRUEsZUFBZTtJQUNoQ0MsUUFBUSxFQUFFQSxRQUFRO0lBQ2xCQyxhQUFhLEVBQUVBLGFBQWE7SUFDNUJDLGlCQUFpQixFQUFFQTtFQUFpQixDQUFBLENBQ3BDO0FBRU4sQ0FBQztBQUVNLElBQU11QyxrQkFBa0IsR0FBQUMsT0FBQSxDQUFBRCxrQkFBQSxnQkFBRyxJQUFBRSxXQUFJLEVBQUNSLHNCQUFzQixDQUFDO0FBQUMsSUFBQVMsUUFBQSxHQUFBRixPQUFBLGNBRWhERCxrQkFBa0IiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0VmFsdWVDb250ZW50LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMsIEZyYWdtZW50IGFzIF9GcmFnbWVudCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZ2V0T3B0aW9uVGFnTGFiZWwgfSBmcm9tICcuL3V0aWxzJztcbmNvbnN0IERlZmF1bHRNdWx0aXBsZVZhbHVlQ29udGVudCA9ICh7IGNsYXNzZXMsIHNlbGVjdGVkT3B0aW9ucywgb25SZW1vdmUsIG9uUmVtb3ZlQ2xpY2ssIG9uUmVtb3ZlTW91c2VEb3duIH0pID0+IChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogc2VsZWN0ZWRPcHRpb25zLm1hcCgob3B0aW9uKSA9PiAoX2pzeHMoXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0YWcnKSwgY2hpbGRyZW46IFtfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygndGFnLWxhYmVsJyksIGNoaWxkcmVuOiBnZXRPcHRpb25UYWdMYWJlbChvcHRpb24pIH0pLCBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygndGFnLXJlbW92ZScpLCBcImFyaWEtaGlkZGVuXCI6IFwidHJ1ZVwiLCBvbk1vdXNlRG93bjogKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIG9uUmVtb3ZlTW91c2VEb3duKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgICAgb25SZW1vdmUob3B0aW9uLnZhbHVlKTtcbiAgICAgICAgICAgICAgICB9LCBvbkNsaWNrOiBvblJlbW92ZUNsaWNrLCBjaGlsZHJlbjogX2pzeChJY29ucywgeyBuYW1lOiBcImNyb3NzXCIsIHNpemU6IDEyLCBjb2xvcjogXCJjdXJyZW50Q29sb3JcIiB9KSB9KV0gfSwgb3B0aW9uLnZhbHVlKSkpIH0pKTtcbmNvbnN0IENvbGxhcHNlZE11bHRpcGxlVmFsdWVDb250ZW50ID0gKHsgY2xhc3NlcywgbWF4VmlzaWJsZVZhbHVlcywgc2VsZWN0ZWRPcHRpb25zLCByZW5kZXJWYWx1ZU1ldGEgfSkgPT4ge1xuICAgIGNvbnN0IHJlc29sdmVkTWF4VmlzaWJsZVZhbHVlcyA9IE1hdGgubWF4KDAsIE1hdGgudHJ1bmMobWF4VmlzaWJsZVZhbHVlcyAhPT0gbnVsbCAmJiBtYXhWaXNpYmxlVmFsdWVzICE9PSB2b2lkIDAgPyBtYXhWaXNpYmxlVmFsdWVzIDogMCkpO1xuICAgIGNvbnN0IHZpc2libGVMYWJlbHMgPSBzZWxlY3RlZE9wdGlvbnNcbiAgICAgICAgLnNsaWNlKDAsIHJlc29sdmVkTWF4VmlzaWJsZVZhbHVlcylcbiAgICAgICAgLm1hcCgob3B0aW9uKSA9PiBnZXRPcHRpb25UYWdMYWJlbChvcHRpb24pKTtcbiAgICBjb25zdCBoaWRkZW5Db3VudCA9IE1hdGgubWF4KDAsIHNlbGVjdGVkT3B0aW9ucy5sZW5ndGggLSB2aXNpYmxlTGFiZWxzLmxlbmd0aCk7XG4gICAgaWYgKHZpc2libGVMYWJlbHMubGVuZ3RoID09PSAwICYmIGhpZGRlbkNvdW50ID09PSAwKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gKF9qc3hzKFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnY29sbGFwc2VkLXZhbHVlcycpLCBjaGlsZHJlbjogW3Zpc2libGVMYWJlbHMubGVuZ3RoID4gMCAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbGxhcHNlZC12YWx1ZXMtbGlzdCcpLCBjaGlsZHJlbjogdmlzaWJsZUxhYmVscy5qb2luKCcsICcpIH0pKSwgaGlkZGVuQ291bnQgPiAwICYmIChfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnY29sbGFwc2VkLXZhbHVlcy1leHRyYScsIHJlbmRlclZhbHVlTWV0YS5kaXNhYmxlZCA/IGNsYXNzZXMoJ2NvbGxhcHNlZC12YWx1ZXMtZXh0cmEtZGlzYWJsZWQnKSA6IHVuZGVmaW5lZCksIGNoaWxkcmVuOiBgKyAke2hpZGRlbkNvdW50fS4uLmAgfSkpXSB9KSk7XG59O1xuY29uc3QgU2VsZWN0VmFsdWVDb250ZW50QmFzZSA9ICh7IGNsYXNzZXMsIGhhc1NlbGVjdGlvbiwgbXVsdGlwbGUsIG1heFZpc2libGVWYWx1ZXMsIHBsYWNlaG9sZGVyLCByZW5kZXJWYWx1ZSwgcmVuZGVyVmFsdWVNZXRhLCBzZWxlY3RlZE9wdGlvbnMsIG9uUmVtb3ZlLCBvblJlbW92ZUNsaWNrLCBvblJlbW92ZU1vdXNlRG93biwgfSkgPT4ge1xuICAgIGlmIChyZW5kZXJWYWx1ZSkge1xuICAgICAgICByZXR1cm4gcmVuZGVyVmFsdWUoaGFzU2VsZWN0aW9uID8gKG11bHRpcGxlID8gc2VsZWN0ZWRPcHRpb25zIDogc2VsZWN0ZWRPcHRpb25zWzBdKSA6IG51bGwsIHJlbmRlclZhbHVlTWV0YSk7XG4gICAgfVxuICAgIGlmICghaGFzU2VsZWN0aW9uKSB7XG4gICAgICAgIHJldHVybiBwbGFjZWhvbGRlcjtcbiAgICB9XG4gICAgaWYgKCFtdWx0aXBsZSkge1xuICAgICAgICByZXR1cm4gZ2V0T3B0aW9uVGFnTGFiZWwoc2VsZWN0ZWRPcHRpb25zWzBdKTtcbiAgICB9XG4gICAgaWYgKG1heFZpc2libGVWYWx1ZXMgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZXR1cm4gKF9qc3goQ29sbGFwc2VkTXVsdGlwbGVWYWx1ZUNvbnRlbnQsIHsgY2xhc3NlczogY2xhc3NlcywgbWF4VmlzaWJsZVZhbHVlczogbWF4VmlzaWJsZVZhbHVlcywgc2VsZWN0ZWRPcHRpb25zOiBzZWxlY3RlZE9wdGlvbnMsIHJlbmRlclZhbHVlTWV0YTogcmVuZGVyVmFsdWVNZXRhIH0pKTtcbiAgICB9XG4gICAgcmV0dXJuIChfanN4KERlZmF1bHRNdWx0aXBsZVZhbHVlQ29udGVudCwgeyBjbGFzc2VzOiBjbGFzc2VzLCBzZWxlY3RlZE9wdGlvbnM6IHNlbGVjdGVkT3B0aW9ucywgb25SZW1vdmU6IG9uUmVtb3ZlLCBvblJlbW92ZUNsaWNrOiBvblJlbW92ZUNsaWNrLCBvblJlbW92ZU1vdXNlRG93bjogb25SZW1vdmVNb3VzZURvd24gfSkpO1xufTtcbmV4cG9ydCBjb25zdCBTZWxlY3RWYWx1ZUNvbnRlbnQgPSBtZW1vKFNlbGVjdFZhbHVlQ29udGVudEJhc2UpO1xuZXhwb3J0IGRlZmF1bHQgU2VsZWN0VmFsdWVDb250ZW50OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Select/constants.d.ts

@@ -0,0 +1,14 @@
+import type { TypographyBodySize, TypographyColor, TypographyLabelSize } from "../Typography";
+export declare const SELECT_LABEL_SIZE: TypographyLabelSize;
+export declare const SELECT_LABEL_COLOR_DEFAULT: TypographyColor;
+export declare const SELECT_LABEL_COLOR_DISABLED: TypographyColor;
+export declare const SELECT_DESCRIPTION_SIZE: TypographyBodySize;
+export declare const SELECT_DESCRIPTION_COLOR_DEFAULT: TypographyColor;
+export declare const SELECT_DESCRIPTION_COLOR_DISABLED: TypographyColor;
+export declare const SELECT_FEEDBACK_SIZE: TypographyBodySize;
+export declare const SELECT_OPTION_LABEL_SIZE: TypographyBodySize;
+export declare const SELECT_OPTION_DESCRIPTION_SIZE: TypographyBodySize;
+export declare const SELECT_OPTION_DESCRIPTION_COLOR: TypographyColor;
+export declare const SELECT_GROUP_LABEL_SIZE: TypographyLabelSize;
+export declare const SELECT_EMPTY_SIZE: TypographyBodySize;
+export declare const SELECT_EMPTY_COLOR: TypographyColor;

package/lib/components/Select/constants.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SELECT_OPTION_LABEL_SIZE = exports.SELECT_OPTION_DESCRIPTION_SIZE = exports.SELECT_OPTION_DESCRIPTION_COLOR = exports.SELECT_LABEL_SIZE = exports.SELECT_LABEL_COLOR_DISABLED = exports.SELECT_LABEL_COLOR_DEFAULT = exports.SELECT_GROUP_LABEL_SIZE = exports.SELECT_FEEDBACK_SIZE = exports.SELECT_EMPTY_SIZE = exports.SELECT_EMPTY_COLOR = exports.SELECT_DESCRIPTION_SIZE = exports.SELECT_DESCRIPTION_COLOR_DISABLED = exports.SELECT_DESCRIPTION_COLOR_DEFAULT = void 0;
+// ── Field shell: label ──
+var SELECT_LABEL_SIZE = exports.SELECT_LABEL_SIZE = 'lg';
+var SELECT_LABEL_COLOR_DEFAULT = exports.SELECT_LABEL_COLOR_DEFAULT = 'default';
+var SELECT_LABEL_COLOR_DISABLED = exports.SELECT_LABEL_COLOR_DISABLED = 'disabled';
+// ── Field shell: description ──
+var SELECT_DESCRIPTION_SIZE = exports.SELECT_DESCRIPTION_SIZE = 'md';
+var SELECT_DESCRIPTION_COLOR_DEFAULT = exports.SELECT_DESCRIPTION_COLOR_DEFAULT = 'default-tertiary';
+var SELECT_DESCRIPTION_COLOR_DISABLED = exports.SELECT_DESCRIPTION_COLOR_DISABLED = 'disabled';
+// ── Field shell: feedback ──
+var SELECT_FEEDBACK_SIZE = exports.SELECT_FEEDBACK_SIZE = 'sm';
+// ── Option content ──
+var SELECT_OPTION_LABEL_SIZE = exports.SELECT_OPTION_LABEL_SIZE = 'md';
+var SELECT_OPTION_DESCRIPTION_SIZE = exports.SELECT_OPTION_DESCRIPTION_SIZE = 'sm';
+var SELECT_OPTION_DESCRIPTION_COLOR = exports.SELECT_OPTION_DESCRIPTION_COLOR = 'default-tertiary';
+// ── Group label ──
+var SELECT_GROUP_LABEL_SIZE = exports.SELECT_GROUP_LABEL_SIZE = 'lg';
+// ── Empty state ──
+var SELECT_EMPTY_SIZE = exports.SELECT_EMPTY_SIZE = 'md';
+var SELECT_EMPTY_COLOR = exports.SELECT_EMPTY_COLOR = 'default-tertiary';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L2NvbnN0YW50cy50cyJdLCJuYW1lcyI6WyJTRUxFQ1RfTEFCRUxfU0laRSIsImV4cG9ydHMiLCJTRUxFQ1RfTEFCRUxfQ09MT1JfREVGQVVMVCIsIlNFTEVDVF9MQUJFTF9DT0xPUl9ESVNBQkxFRCIsIlNFTEVDVF9ERVNDUklQVElPTl9TSVpFIiwiU0VMRUNUX0RFU0NSSVBUSU9OX0NPTE9SX0RFRkFVTFQiLCJTRUxFQ1RfREVTQ1JJUFRJT05fQ09MT1JfRElTQUJMRUQiLCJTRUxFQ1RfRkVFREJBQ0tfU0laRSIsIlNFTEVDVF9PUFRJT05fTEFCRUxfU0laRSIsIlNFTEVDVF9PUFRJT05fREVTQ1JJUFRJT05fU0laRSIsIlNFTEVDVF9PUFRJT05fREVTQ1JJUFRJT05fQ09MT1IiLCJTRUxFQ1RfR1JPVVBfTEFCRUxfU0laRSIsIlNFTEVDVF9FTVBUWV9TSVpFIiwiU0VMRUNUX0VNUFRZX0NPTE9SIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFHQTtBQUNPLElBQU1BLGlCQUFpQixHQUFBQyxPQUFBLENBQUFELGlCQUFBLEdBQXdCLElBQUk7QUFDbkQsSUFBTUUsMEJBQTBCLEdBQUFELE9BQUEsQ0FBQUMsMEJBQUEsR0FBb0IsU0FBUztBQUM3RCxJQUFNQywyQkFBMkIsR0FBQUYsT0FBQSxDQUFBRSwyQkFBQSxHQUFvQixVQUFVO0FBRXRFO0FBQ08sSUFBTUMsdUJBQXVCLEdBQUFILE9BQUEsQ0FBQUcsdUJBQUEsR0FBdUIsSUFBSTtBQUN4RCxJQUFNQyxnQ0FBZ0MsR0FBQUosT0FBQSxDQUFBSSxnQ0FBQSxHQUFvQixrQkFBa0I7QUFDNUUsSUFBTUMsaUNBQWlDLEdBQUFMLE9BQUEsQ0FBQUssaUNBQUEsR0FBb0IsVUFBVTtBQUU1RTtBQUNPLElBQU1DLG9CQUFvQixHQUFBTixPQUFBLENBQUFNLG9CQUFBLEdBQXVCLElBQUk7QUFFNUQ7QUFDTyxJQUFNQyx3QkFBd0IsR0FBQVAsT0FBQSxDQUFBTyx3QkFBQSxHQUF1QixJQUFJO0FBQ3pELElBQU1DLDhCQUE4QixHQUFBUixPQUFBLENBQUFRLDhCQUFBLEdBQXVCLElBQUk7QUFDL0QsSUFBTUMsK0JBQStCLEdBQUFULE9BQUEsQ0FBQVMsK0JBQUEsR0FBb0Isa0JBQWtCO0FBRWxGO0FBQ08sSUFBTUMsdUJBQXVCLEdBQUFWLE9BQUEsQ0FBQVUsdUJBQUEsR0FBd0IsSUFBSTtBQUVoRTtBQUNPLElBQU1DLGlCQUFpQixHQUFBWCxPQUFBLENBQUFXLGlCQUFBLEdBQXVCLElBQUk7QUFDbEQsSUFBTUMsa0JBQWtCLEdBQUFaLE9BQUEsQ0FBQVksa0JBQUEsR0FBb0Isa0JBQWtCIiwiZmlsZSI6ImNvbXBvbmVudHMvU2VsZWN0L2NvbnN0YW50cy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Select/index.d.ts

@@ -0,0 +1,4 @@
+export { Select } from './Select';
+export { default } from './Select';
+export * from './interface';
+export * from './constants';

package/lib/components/Select/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Select: true
+};
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select.Select;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Select["default"];
+  }
+});
+var _Select = _interopRequireWildcard(require("./Select"));
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _constants[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L2luZGV4LnRzIl0sIm5hbWVzIjpbIl9TZWxlY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfaW50ZXJmYWNlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2NvbnN0YW50cyIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsIm4iLCJfX3Byb3RvX18iLCJhIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImkiLCJzZXQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLE9BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFDLFVBQUEsR0FBQUQsT0FBQTtBQUFBRSxNQUFBLENBQUFDLElBQUEsQ0FBQUYsVUFBQSxFQUFBRyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFKLFVBQUEsQ0FBQUksR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQVosVUFBQSxDQUFBSSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQ0EsSUFBQVMsVUFBQSxHQUFBZCxPQUFBO0FBQUFFLE1BQUEsQ0FBQUMsSUFBQSxDQUFBVyxVQUFBLEVBQUFWLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQVMsVUFBQSxDQUFBVCxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBQyxVQUFBLENBQUFULEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFBNEIsU0FBQVUseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFqQix3QkFBQWlCLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQU4sR0FBQSxDQUFBRyxDQUFBLE9BQUFPLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUF2QixNQUFBLENBQUFTLGNBQUEsSUFBQVQsTUFBQSxDQUFBd0Isd0JBQUEsV0FBQUMsQ0FBQSxJQUFBWCxDQUFBLG9CQUFBVyxDQUFBLE9BQUFwQixjQUFBLENBQUFDLElBQUEsQ0FBQVEsQ0FBQSxFQUFBVyxDQUFBLFNBQUFDLENBQUEsR0FBQUgsQ0FBQSxHQUFBdkIsTUFBQSxDQUFBd0Isd0JBQUEsQ0FBQVYsQ0FBQSxFQUFBVyxDQUFBLFVBQUFDLENBQUEsS0FBQUEsQ0FBQSxDQUFBZixHQUFBLElBQUFlLENBQUEsQ0FBQUMsR0FBQSxJQUFBM0IsTUFBQSxDQUFBUyxjQUFBLENBQUFZLENBQUEsRUFBQUksQ0FBQSxFQUFBQyxDQUFBLElBQUFMLENBQUEsQ0FBQUksQ0FBQSxJQUFBWCxDQUFBLENBQUFXLENBQUEsWUFBQUosQ0FBQSxjQUFBUCxDQUFBLEVBQUFHLENBQUEsSUFBQUEsQ0FBQSxDQUFBVSxHQUFBLENBQUFiLENBQUEsRUFBQU8sQ0FBQSxHQUFBQSxDQUFBIiwiZmlsZSI6ImNvbXBvbmVudHMvU2VsZWN0L2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Select/interface.d.ts

@@ -0,0 +1,83 @@
+import type { CSSProperties, FocusEvent, HTMLAttributes, ReactNode, RefObject } from 'react';
+export declare const SELECT_SIZES: readonly ["large", "small"];
+export declare const SELECT_STATUSES: readonly ["default", "error", "warning", "success"];
+export declare const SELECT_VARIANTS: readonly ["fill", "stroke", "frameless"];
+export type SelectSize = (typeof SELECT_SIZES)[number];
+export type SelectStatus = (typeof SELECT_STATUSES)[number];
+export type SelectVariant = (typeof SELECT_VARIANTS)[number];
+export type SelectOptionValue = string | number;
+export type SelectSingleValue = SelectOptionValue | null | undefined;
+export type SelectMultipleValue = SelectOptionValue[];
+export type SelectValue = SelectSingleValue | SelectMultipleValue;
+export interface SelectOption {
+    label: ReactNode;
+    value: SelectOptionValue;
+    disabled?: boolean;
+    description?: ReactNode;
+    searchText?: string;
+}
+export interface SelectOptionGroup {
+    label: ReactNode;
+    options: SelectOption[];
+    key?: string | number;
+}
+export type SelectOptionData = SelectOption | SelectOptionGroup;
+export interface SelectRenderOptionMeta {
+    active: boolean;
+    disabled: boolean;
+    index: number;
+    multiple: boolean;
+    open: boolean;
+    selected: boolean;
+}
+export interface SelectRenderValueMeta {
+    disabled: boolean;
+    multiple: boolean;
+    maxVisibleValues?: number;
+    open: boolean;
+    placeholder: boolean;
+    selectedOptions: SelectOption[];
+}
+export type SelectFilterOption = (searchValue: string, option: SelectOption) => boolean;
+export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onBlur' | 'onChange' | 'prefix'> {
+    ref?: RefObject<HTMLButtonElement | null>;
+    className?: string;
+    prefixCls?: string;
+    style?: CSSProperties;
+    id?: string;
+    name?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    placeholder?: ReactNode;
+    options?: SelectOptionData[];
+    value?: SelectValue;
+    defaultValue?: SelectValue;
+    size?: SelectSize | 'middle';
+    status?: SelectStatus;
+    variant?: SelectVariant;
+    disabled?: boolean;
+    multiple?: boolean;
+    maxVisibleValues?: number;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    defaultSearchValue?: string;
+    label?: ReactNode;
+    info?: ReactNode;
+    description?: ReactNode;
+    feedback?: ReactNode;
+    required?: boolean;
+    prefix?: ReactNode;
+    emptyContent?: ReactNode;
+    panelFooter?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    listMaxHeight?: number;
+    onChange?: (value: SelectValue, option?: SelectOption | SelectOption[]) => void;
+    onOpenChange?: (open: boolean) => void;
+    onSearchChange?: (value: string) => void;
+    onBlur?: (event?: FocusEvent<HTMLElement>) => void;
+    filterOption?: SelectFilterOption;
+    renderOption?: (option: SelectOption, meta: SelectRenderOptionMeta) => ReactNode;
+    renderValue?: (option: SelectOption | SelectOption[] | null, meta: SelectRenderValueMeta) => ReactNode;
+}

package/lib/components/Select/interface.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SELECT_VARIANTS = exports.SELECT_STATUSES = exports.SELECT_SIZES = void 0;
+var SELECT_SIZES = exports.SELECT_SIZES = ['large', 'small'];
+var SELECT_STATUSES = exports.SELECT_STATUSES = ['default', 'error', 'warning', 'success'];
+var SELECT_VARIANTS = exports.SELECT_VARIANTS = ['fill', 'stroke', 'frameless'];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L2ludGVyZmFjZS50cyJdLCJuYW1lcyI6WyJTRUxFQ1RfU0laRVMiLCJleHBvcnRzIiwiU0VMRUNUX1NUQVRVU0VTIiwiU0VMRUNUX1ZBUklBTlRTIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFFTyxJQUFNQSxZQUFZLEdBQUFDLE9BQUEsQ0FBQUQsWUFBQSxHQUFHLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBVTtBQUNoRCxJQUFNRSxlQUFlLEdBQUFELE9BQUEsQ0FBQUMsZUFBQSxHQUFHLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFVO0FBQzNFLElBQU1DLGVBQWUsR0FBQUYsT0FBQSxDQUFBRSxlQUFBLEdBQUcsQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLFdBQVcsQ0FBVSIsImZpbGUiOiJjb21wb25lbnRzL1NlbGVjdC9pbnRlcmZhY2UuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Select/style/Select.css

@@ -0,0 +1 @@
+.om-react-ui-select{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);width:100%}.om-react-ui-select-label-row{display:inline-flex;gap:var(--om-spacing-100,4px);align-items:center}.om-react-ui-select-label-text{display:inline}.om-react-ui-select-required{color:var(--om-text-danger,#ae0000)}.om-react-ui-select-info{display:inline-flex;align-items:center;color:var(--om-icon-default-tertiary,#646465)}.om-react-ui-select-description-text{display:block}.om-react-ui-select-trigger{display:flex;gap:var(--om-spacing-200,8px);align-items:center;width:100%;min-width:120px;color:inherit;text-align:left;border:1px solid var(--om-border-default,#d1d2d2);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.om-react-ui-select-trigger-large{min-height:var(--om-component-height-3xl,56px);padding:var(--om-spacing-300,12px);border-radius:var(--om-radius-300,12px)}.om-react-ui-select-trigger-small{min-height:var(--om-component-height-lg,44px);padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px);border-radius:var(--om-radius-200,8px)}.om-react-ui-select-trigger-fill{background-color:var(--om-bg-default-secondary,#f8f8f8)}.om-react-ui-select-trigger-stroke{background-color:transparent}.om-react-ui-select-trigger-frameless{justify-content:flex-start;width:auto;min-width:auto;min-height:auto;padding:0;background:transparent;border:none;border-radius:0}.om-react-ui-select-trigger:not(.om-react-ui-select-trigger-disabled):hover{border-color:var(--om-border-default-tertiary,#404042)}.om-react-ui-select-trigger-frameless:not(.om-react-ui-select-trigger-disabled):hover{border-color:transparent}.om-react-ui-select-trigger-open{border-color:var(--om-border-brand,#073387);box-shadow:inset 0 0 0 1px var(--om-border-brand,#073387)}.om-react-ui-select-trigger-error{border-color:var(--om-border-danger,#ae0000)}.om-react-ui-select-trigger-warning{border-color:var(--om-border-warning,#db8600)}.om-react-ui-select-trigger-success{border-color:var(--om-border-positive,#1f5800)}.om-react-ui-select-trigger-disabled{color:var(--om-text-disabled,#bbbdc1);background-color:var(--om-bg-disabled,#f0f0f0);border-color:var(--om-border-disabled,#e3e4e4);box-shadow:none;cursor:not-allowed}.om-react-ui-select-trigger-error,.om-react-ui-select-trigger-frameless,.om-react-ui-select-trigger-success,.om-react-ui-select-trigger-warning{box-shadow:none}.om-react-ui-select-trigger-disabled .om-react-ui-select-icon,.om-react-ui-select-trigger-disabled .om-react-ui-select-prefix{color:var(--om-icon-disabled,#d1d2d2)}.om-react-ui-select-content{display:flex;flex:1 1 auto;gap:var(--om-spacing-200,8px);align-items:center;min-width:0}.om-react-ui-select-prefix{display:inline-flex;flex-shrink:0;align-items:center;color:var(--om-icon-default-tertiary,#646465)}.om-react-ui-select-placeholder,.om-react-ui-select-value{display:inline-flex;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.om-react-ui-select-value-large{font-size:var(--om-body-lg-font-size);font-family:var(--om-body-lg-font-family);line-height:var(--om-body-lg-line-height);letter-spacing:var(--om-body-lg-letter-spacing);font-weight:var(--om-body-lg-strong-font-weight)}.om-react-ui-select-value-small{font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-strong-font-weight)}.om-react-ui-select-placeholder-large{font-size:var(--om-body-lg-font-size);font-family:var(--om-body-lg-font-family);line-height:var(--om-body-lg-line-height);letter-spacing:var(--om-body-lg-letter-spacing);font-weight:var(--om-body-lg-font-weight)}.om-react-ui-select-placeholder-small{font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-react-ui-select-value{color:var(--om-text-default,#131313)}.om-react-ui-select-value-multiple{display:flex;flex-wrap:wrap;gap:var(--om-spacing-200,8px);align-content:flex-start;align-items:center;max-height:88px;overflow:hidden;white-space:normal;text-overflow:clip}.om-react-ui-select-placeholder{color:var(--om-text-neutral-secondary,#9fa3a3)}.om-react-ui-select-placeholder-disabled,.om-react-ui-select-value-disabled{color:var(--om-text-disabled,#bbbdc1)}.om-react-ui-select-icon{display:inline-flex;flex-shrink:0;align-items:center;color:var(--om-icon-default,#131313)}.om-react-ui-select-trigger-multiple-filled{padding-top:var(--om-spacing-200,8px);padding-bottom:var(--om-spacing-200,8px)}.om-react-ui-select-tag{font-size:var(--om-body-sm-font-size);font-family:var(--om-body-sm-font-family);line-height:var(--om-body-sm-line-height);letter-spacing:var(--om-body-sm-letter-spacing);font-weight:var(--om-body-sm-strong-font-weight);display:inline-flex;flex-shrink:0;gap:var(--om-spacing-100,4px);align-items:center;justify-content:center;max-width:100%;padding:var(--om-spacing-100,4px) var(--om-spacing-200,8px);color:var(--om-text-default-tertiary,#646465);background-color:var(--om-bg-neutral-tertiary,#f0f0f0);border-radius:var(--om-radius-full,9999px)}.om-react-ui-select-tag-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.om-react-ui-select-tag-remove{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:currentcolor}.om-react-ui-select-collapsed-values{display:inline-flex;flex:1 1 auto;gap:var(--om-spacing-100,4px);align-items:center;min-width:0}.om-react-ui-select-collapsed-values-list{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.om-react-ui-select-collapsed-values-extra{flex-shrink:0;color:var(--om-text-default-secondary,#404042)}.om-react-ui-select-collapsed-values-extra-disabled{color:var(--om-text-disabled,#bbbdc1)}.om-react-ui-select-feedback{display:inline-flex;gap:var(--om-spacing-100,4px);align-items:flex-start;color:var(--om-text-default-secondary,#404042)}.om-react-ui-select-feedback-error{color:var(--om-text-danger,#ae0000)}.om-react-ui-select-feedback-warning{color:var(--om-text-warning,#db8600)}.om-react-ui-select-feedback-success{color:var(--om-text-positive,#1f5800)}.om-react-ui-select-feedback-disabled{color:var(--om-text-disabled,#bbbdc1)}.om-react-ui-select-feedback-icon{display:inline-flex;flex-shrink:0;align-items:center;margin-top:1px}.om-react-ui-select-panel{z-index:1500;flex-direction:column;padding:var(--om-spacing-200,8px);overflow:hidden;border:1px solid var(--om-border-neutral-tertiary,#f8f8f8);border-radius:var(--om-radius-300,12px);box-shadow:var(--om-shadow-100,0 4px 8px rgba(65,91,130,.12))}.om-react-ui-select-panel,.om-react-ui-select-search{display:flex;background-color:var(--om-bg-default,#fff)}.om-react-ui-select-search{flex-shrink:0;gap:var(--om-spacing-200,8px);align-items:center;width:100%;min-height:var(--om-component-height-3xl,56px);margin-bottom:var(--om-spacing-200,8px);padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);border:1px solid var(--om-border-default,#d1d2d2);border-radius:var(--om-radius-300,12px);transition:border-color .2s ease,box-shadow .2s ease}.om-react-ui-select-search:hover{border-color:var(--om-border-default-tertiary,#404042)}.om-react-ui-select-search:focus-within{border-color:var(--om-border-brand,#073387);box-shadow:inset 0 0 0 1px var(--om-border-brand,#073387)}.om-react-ui-select-search-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--om-icon-default,#131313)}.om-react-ui-select-search-input{font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight);flex:1 1 auto;min-width:0;color:var(--om-text-default,#131313);background:transparent;border:none;outline:none}.om-react-ui-select-search-input::placeholder{color:var(--om-text-neutral-secondary,#9fa3a3)}.om-react-ui-select-panel-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--om-spacing-050,2px);min-height:0;overflow-y:auto}.om-react-ui-select-panel-footer{flex-shrink:0;width:100%;padding-top:var(--om-spacing-300,12px);padding-bottom:var(--om-spacing-100,4px);border-top:1px solid var(--om-border-neutral-secondary,#f0f0f0)}.om-react-ui-select-group{display:flex;flex-direction:column;width:100%}.om-react-ui-select-group+.om-react-ui-select-group{padding-top:var(--om-spacing-200,8px)}.om-react-ui-select-group-label{margin-bottom:var(--om-spacing-200,8px);padding-top:var(--om-spacing-200,8px)}.om-react-ui-select-group-label,.om-react-ui-select-option{display:flex;align-items:center;width:100%;color:var(--om-text-default,#131313)}.om-react-ui-select-option{gap:var(--om-spacing-300,12px);min-height:40px;padding:var(--om-spacing-200,8px);text-align:left;background:transparent;border:none;border-radius:var(--om-radius-200,8px);cursor:pointer;transition:background-color .2s ease}.om-react-ui-select-option:focus,.om-react-ui-select-option:focus-visible{outline:none;box-shadow:none}.om-react-ui-select-option-active,.om-react-ui-select-option-selected,.om-react-ui-select-option:hover{background-color:var(--om-bg-default-secondary,#f8f8f8)}.om-react-ui-select-option-disabled{color:var(--om-text-disabled,#bbbdc1);background-color:transparent;cursor:not-allowed}.om-react-ui-select-option-content{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--om-spacing-050,2px);min-width:0}.om-react-ui-select-option-label{color:currentcolor}.om-react-ui-select-option-description,.om-react-ui-select-option-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.om-react-ui-select-option-check{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;margin-left:auto;color:var(--om-icon-brand,#073387)}.om-react-ui-select-empty{padding:var(--om-spacing-200,8px);text-align:center}.om-react-ui-select-frameless{width:auto}.om-react-ui-select-frameless .om-react-ui-select-placeholder-large,.om-react-ui-select-frameless .om-react-ui-select-value-large{font-size:var(--om-body-lg-font-size);font-family:var(--om-body-lg-font-family);line-height:var(--om-body-lg-line-height);letter-spacing:var(--om-body-lg-letter-spacing);font-weight:var(--om-body-lg-font-weight);color:var(--om-text-default-tertiary,#646465)}.om-react-ui-select-frameless .om-react-ui-select-placeholder-small,.om-react-ui-select-frameless .om-react-ui-select-value-small{font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight);color:var(--om-text-default-tertiary,#646465)}.om-react-ui-select-frameless.om-react-ui-select-disabled{color:var(--om-text-disabled,#bbbdc1)}