@1money/component-ui 0.0.1

package/es/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/es/components/Select/SelectFieldShell.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Icons } from '../Icons';
+import { TypographyBody, TypographyLabel } from '../Typography';
+import { joinCls } from '../../utils/classnames';
+import { SELECT_LABEL_SIZE, SELECT_LABEL_COLOR_DEFAULT, SELECT_LABEL_COLOR_DISABLED, SELECT_DESCRIPTION_SIZE, SELECT_DESCRIPTION_COLOR_DEFAULT, SELECT_DESCRIPTION_COLOR_DISABLED, SELECT_FEEDBACK_SIZE } from './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 ? SELECT_LABEL_COLOR_DISABLED : SELECT_LABEL_COLOR_DEFAULT;
+  var descriptionColor = disabled ? SELECT_DESCRIPTION_COLOR_DISABLED : SELECT_DESCRIPTION_COLOR_DEFAULT;
+  var feedbackClass = classes('feedback', joinCls(status !== 'default' && classes("feedback-".concat(status)), disabled && classes('feedback-disabled')));
+  return _jsxs("div", {
+    className: classes(undefined, joinCls(classes(size), classes(variant), status !== 'default' && classes(status), disabled && classes('disabled'), className)),
+    children: [(label || info) && _jsxs("div", {
+      className: classes('label-row'),
+      children: [label && _jsxs(TypographyLabel, {
+        id: labelId,
+        className: classes('label-text'),
+        size: SELECT_LABEL_SIZE,
+        strong: true,
+        color: labelColor,
+        children: [label, required && _jsx("span", {
+          className: classes('required'),
+          children: "*"
+        })]
+      }), info && _jsx("span", {
+        className: classes('info'),
+        children: info
+      })]
+    }), description && _jsx(TypographyBody, {
+      id: descriptionId,
+      className: classes('description-text'),
+      as: "div",
+      size: SELECT_DESCRIPTION_SIZE,
+      color: descriptionColor,
+      children: description
+    }), children, feedback && _jsxs("div", {
+      id: feedbackId,
+      className: feedbackClass,
+      role: status === 'error' || status === 'warning' ? 'alert' : 'status',
+      children: [status === 'error' && _jsx("span", {
+        className: classes('feedback-icon'),
+        children: _jsx(Icons, {
+          name: "error",
+          size: 16,
+          color: "currentColor"
+        })
+      }), _jsx(TypographyBody, {
+        size: SELECT_FEEDBACK_SIZE,
+        children: feedback
+      })]
+    })]
+  });
+};
+export var SelectFieldShell = /*#__PURE__*/memo(SelectFieldShellBase);
+export default SelectFieldShell;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdEZpZWxkU2hlbGwuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3RGaWVsZFNoZWxsLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwibWVtbyIsIkljb25zIiwiVHlwb2dyYXBoeUJvZHkiLCJUeXBvZ3JhcGh5TGFiZWwiLCJqb2luQ2xzIiwiU0VMRUNUX0xBQkVMX1NJWkUiLCJTRUxFQ1RfTEFCRUxfQ09MT1JfREVGQVVMVCIsIlNFTEVDVF9MQUJFTF9DT0xPUl9ESVNBQkxFRCIsIlNFTEVDVF9ERVNDUklQVElPTl9TSVpFIiwiU0VMRUNUX0RFU0NSSVBUSU9OX0NPTE9SX0RFRkFVTFQiLCJTRUxFQ1RfREVTQ1JJUFRJT05fQ09MT1JfRElTQUJMRUQiLCJTRUxFQ1RfRkVFREJBQ0tfU0laRSIsIlNlbGVjdEZpZWxkU2hlbGxCYXNlIiwiX3JlZiIsImNoaWxkcmVuIiwiY2xhc3NlcyIsIl9yZWYkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwic2l6ZSIsInZhcmlhbnQiLCJzdGF0dXMiLCJkaXNhYmxlZCIsImxhYmVsIiwiaW5mbyIsImRlc2NyaXB0aW9uIiwiZmVlZGJhY2siLCJfcmVmJHJlcXVpcmVkIiwicmVxdWlyZWQiLCJsYWJlbElkIiwiZGVzY3JpcHRpb25JZCIsImZlZWRiYWNrSWQiLCJsYWJlbENvbG9yIiwiZGVzY3JpcHRpb25Db2xvciIsImZlZWRiYWNrQ2xhc3MiLCJjb25jYXQiLCJ1bmRlZmluZWQiLCJpZCIsInN0cm9uZyIsImNvbG9yIiwiYXMiLCJyb2xlIiwibmFtZSIsIlNlbGVjdEZpZWxkU2hlbGwiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssUUFBUSxtQkFBbUI7QUNBOUQsU0FBU0MsSUFBSSxRQUFRLE9BQU87QUFDNUIsU0FBU0MsS0FBSyxRQUFRLFVBQVU7QUFD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QixDQUFDO0FBRTFELGVBQWU4QixnQkFBZ0IiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0RmllbGRTaGVsbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5Qm9keSwgVHlwb2dyYXBoeUxhYmVsIH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyBTRUxFQ1RfTEFCRUxfU0laRSwgU0VMRUNUX0xBQkVMX0NPTE9SX0RFRkFVTFQsIFNFTEVDVF9MQUJFTF9DT0xPUl9ESVNBQkxFRCwgU0VMRUNUX0RFU0NSSVBUSU9OX1NJWkUsIFNFTEVDVF9ERVNDUklQVElPTl9DT0xPUl9ERUZBVUxULCBTRUxFQ1RfREVTQ1JJUFRJT05fQ09MT1JfRElTQUJMRUQsIFNFTEVDVF9GRUVEQkFDS19TSVpFLCB9IGZyb20gJy4vY29uc3RhbnRzJztcbmNvbnN0IFNlbGVjdEZpZWxkU2hlbGxCYXNlID0gKHsgY2hpbGRyZW4sIGNsYXNzZXMsIGNsYXNzTmFtZSA9ICcnLCBzaXplLCB2YXJpYW50LCBzdGF0dXMsIGRpc2FibGVkLCBsYWJlbCwgaW5mbywgZGVzY3JpcHRpb24sIGZlZWRiYWNrLCByZXF1aXJlZCA9IGZhbHNlLCBsYWJlbElkLCBkZXNjcmlwdGlvbklkLCBmZWVkYmFja0lkLCB9KSA9PiB7XG4gICAgY29uc3QgbGFiZWxDb2xvciA9IGRpc2FibGVkID8gU0VMRUNUX0xBQkVMX0NPTE9SX0RJU0FCTEVEIDogU0VMRUNUX0xBQkVMX0NPTE9SX0RFRkFVTFQ7XG4gICAgY29uc3QgZGVzY3JpcHRpb25Db2xvciA9IGRpc2FibGVkID8gU0VMRUNUX0RFU0NSSVBUSU9OX0NPTE9SX0RJU0FCTEVEIDogU0VMRUNUX0RFU0NSSVBUSU9OX0NPTE9SX0RFRkFVTFQ7XG4gICAgY29uc3QgZmVlZGJhY2tDbGFzcyA9IGNsYXNzZXMoJ2ZlZWRiYWNrJywgam9pbkNscyhzdGF0dXMgIT09ICdkZWZhdWx0JyAmJiBjbGFzc2VzKGBmZWVkYmFjay0ke3N0YXR1c31gKSwgZGlzYWJsZWQgJiYgY2xhc3NlcygnZmVlZGJhY2stZGlzYWJsZWQnKSkpO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXModW5kZWZpbmVkLCBqb2luQ2xzKGNsYXNzZXMoc2l6ZSksIGNsYXNzZXModmFyaWFudCksIHN0YXR1cyAhPT0gJ2RlZmF1bHQnICYmIGNsYXNzZXMoc3RhdHVzKSwgZGlzYWJsZWQgJiYgY2xhc3NlcygnZGlzYWJsZWQnKSwgY2xhc3NOYW1lKSksIGNoaWxkcmVuOiBbKGxhYmVsIHx8IGluZm8pICYmIChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnbGFiZWwtcm93JyksIGNoaWxkcmVuOiBbbGFiZWwgJiYgKF9qc3hzKFR5cG9ncmFwaHlMYWJlbCwgeyBpZDogbGFiZWxJZCwgY2xhc3NOYW1lOiBjbGFzc2VzKCdsYWJlbC10ZXh0JyksIHNpemU6IFNFTEVDVF9MQUJFTF9TSVpFLCBzdHJvbmc6IHRydWUsIGNvbG9yOiBsYWJlbENvbG9yLCBjaGlsZHJlbjogW2xhYmVsLCByZXF1aXJlZCAmJiBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygncmVxdWlyZWQnKSwgY2hpbGRyZW46IFwiKlwiIH0pXSB9KSksIGluZm8gJiYgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2luZm8nKSwgY2hpbGRyZW46IGluZm8gfSldIH0pKSwgZGVzY3JpcHRpb24gJiYgKF9qc3goVHlwb2dyYXBoeUJvZHksIHsgaWQ6IGRlc2NyaXB0aW9uSWQsIGNsYXNzTmFtZTogY2xhc3NlcygnZGVzY3JpcHRpb24tdGV4dCcpLCBhczogXCJkaXZcIiwgc2l6ZTogU0VMRUNUX0RFU0NSSVBUSU9OX1NJWkUsIGNvbG9yOiBkZXNjcmlwdGlvbkNvbG9yLCBjaGlsZHJlbjogZGVzY3JpcHRpb24gfSkpLCBjaGlsZHJlbiwgZmVlZGJhY2sgJiYgKF9qc3hzKFwiZGl2XCIsIHsgaWQ6IGZlZWRiYWNrSWQsIGNsYXNzTmFtZTogZmVlZGJhY2tDbGFzcywgcm9sZTogc3RhdHVzID09PSAnZXJyb3InIHx8IHN0YXR1cyA9PT0gJ3dhcm5pbmcnID8gJ2FsZXJ0JyA6ICdzdGF0dXMnLCBjaGlsZHJlbjogW3N0YXR1cyA9PT0gJ2Vycm9yJyAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2ZlZWRiYWNrLWljb24nKSwgY2hpbGRyZW46IF9qc3goSWNvbnMsIHsgbmFtZTogXCJlcnJvclwiLCBzaXplOiAxNiwgY29sb3I6IFwiY3VycmVudENvbG9yXCIgfSkgfSkpLCBfanN4KFR5cG9ncmFwaHlCb2R5LCB7IHNpemU6IFNFTEVDVF9GRUVEQkFDS19TSVpFLCBjaGlsZHJlbjogZmVlZGJhY2sgfSldIH0pKV0gfSkpO1xufTtcbmV4cG9ydCBjb25zdCBTZWxlY3RGaWVsZFNoZWxsID0gbWVtbyhTZWxlY3RGaWVsZFNoZWxsQmFzZSk7XG5leHBvcnQgZGVmYXVsdCBTZWxlY3RGaWVsZFNoZWxsOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/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/es/components/Select/SelectOptionContent.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Icons } from '../Icons';
+import { TypographyBody } from '../Typography';
+import { SELECT_OPTION_LABEL_SIZE, SELECT_OPTION_DESCRIPTION_SIZE, SELECT_OPTION_DESCRIPTION_COLOR } from './constants';
+var SelectOptionContentBase = function SelectOptionContentBase(_ref) {
+  var classes = _ref.classes,
+    option = _ref.option,
+    selected = _ref.selected;
+  return _jsxs(_Fragment, {
+    children: [_jsxs("span", {
+      className: classes('option-content'),
+      children: [_jsx(TypographyBody, {
+        className: classes('option-label'),
+        size: SELECT_OPTION_LABEL_SIZE,
+        strong: true,
+        children: option.label
+      }), option.description && _jsx(TypographyBody, {
+        className: classes('option-description'),
+        size: SELECT_OPTION_DESCRIPTION_SIZE,
+        color: SELECT_OPTION_DESCRIPTION_COLOR,
+        children: option.description
+      })]
+    }), _jsx("span", {
+      className: classes('option-check'),
+      children: selected && _jsx(Icons, {
+        name: "check",
+        size: 16,
+        color: "currentColor"
+      })
+    })]
+  });
+};
+export var SelectOptionContent = /*#__PURE__*/memo(SelectOptionContentBase);
+export default SelectOptionContent;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdE9wdGlvbkNvbnRlbnQuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3RPcHRpb25Db250ZW50LnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiRnJhZ21lbnQiLCJfRnJhZ21lbnQiLCJtZW1vIiwiSWNvbnMiLCJUeXBvZ3JhcGh5Qm9keSIsIlNFTEVDVF9PUFRJT05fTEFCRUxfU0laRSIsIlNFTEVDVF9PUFRJT05fREVTQ1JJUFRJT05fU0laRSIsIlNFTEVDVF9PUFRJT05fREVTQ1JJUFRJT05fQ09MT1IiLCJTZWxlY3RPcHRpb25Db250ZW50QmFzZSIsIl9yZWYiLCJjbGFzc2VzIiwib3B0aW9uIiwic2VsZWN0ZWQiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsInNpemUiLCJzdHJvbmciLCJsYWJlbCIsImRlc2NyaXB0aW9uIiwiY29sb3IiLCJuYW1lIiwiU2VsZWN0T3B0aW9uQ29udGVudCJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLElBQUksSUFBSUMsS0FBSyxFQUFFQyxRQUFRLElBQUlDLFNBQVMsUUFBUSxtQkFBbUI7QUNBckYsU0FBU0MsSUFBSSxRQUFRLE9BQU87QUFDNUIsU0FBU0MsS0FBSyxRQUFRLFVBQVU7QUFDaEMsU0FBU0MsY0FBYyxRQUFRLGVBQWU7QUFJOUMsU0FDRUMsd0JBQXdCLEVBQ3hCQyw4QkFBOEIsRUFDOUJDLCtCQUErQixRQUMxQixhQUFhO0FBUXBCLElBQU1DLHVCQUF1QixHQUFpQyxTQUF4REEsdUJBQXVCQSxDQUFBQyxJQUFBO0VBQUEsSUFDM0JDLE9BQU8sR0FBQUQsSUFBQSxDQUFQQyxPQUFPO0lBQ1BDLE1BQU0sR0FBQUYsSUFBQSxDQUFORSxNQUFNO0lBQ05DLFFBQVEsR0FBQUgsSUFBQSxDQUFSRyxRQUFRO0VBQUEsT0FFUmIsS0FBQSxDQUFBRSxTQUFBLEVBQUE7SUFBQVksUUFBQSxFQUFBLENBQ0VkLEtBQUEsQ0FBQSxNQUFBLEVBQUE7TUFBTWUsU0FBUyxFQUFFSixPQUFPLENBQUMsZ0JBQWdCLENBQUM7TUFBQUcsUUFBQSxFQUFBLENBQ3hDaEIsSUFBQSxDQUFDTyxjQUFjLEVBQUE7UUFBQ1UsU0FBUyxFQUFFSixPQUFPLENBQUMsY0FBYyxDQUFDO1FBQUVLLElBQUksRUFBRVYsd0JBQXdCO1FBQUVXLE1BQU0sRUFBQSxJQUFBO1FBQUFILFFBQUEsRUFBRUYsTUFBTSxDQUFDTTtNQUFLLENBQUEsQ0FBa0IsRUFDekhOLE1BQU0sQ0FBQ08sV0FBVyxJQUNqQnJCLElBQUEsQ0FBQ08sY0FBYyxFQUFBO1FBQUNVLFNBQVMsRUFBRUosT0FBTyxDQUFDLG9CQUFvQixDQUFDO1FBQUVLLElBQUksRUFBRVQsOEJBQThCO1FBQUVhLEtBQUssRUFBRVosK0JBQStCO1FBQUFNLFFBQUEsRUFBR0YsTUFBTSxDQUFDTztNQUFXLENBQUEsQ0FDNUo7SUFBQSxDQUFBLENBQ0ksRUFDUHJCLElBQUEsQ0FBQSxNQUFBLEVBQUE7TUFBTWlCLFNBQVMsRUFBRUosT0FBTyxDQUFDLGNBQWMsQ0FBQztNQUFBRyxRQUFBLEVBQ3JDRCxRQUFRLElBQUlmLElBQUEsQ0FBQ00sS0FBSyxFQUFBO1FBQUNpQixJQUFJLEVBQUMsT0FBTztRQUFDTCxJQUFJLEVBQUUsRUFBRTtRQUFFSSxLQUFLLEVBQUM7TUFBYyxDQUFBO0lBQUcsQ0FBQSxDQUM3RDtFQUFBLENBQUEsQ0FDTjtBQUFBLENBQ0o7QUFFRCxPQUFPLElBQU1FLG1CQUFtQixnQkFBR25CLElBQUksQ0FBQ00sdUJBQXVCLENBQUM7QUFFaEUsZUFBZWEsbUJBQW1CIiwiZmlsZSI6ImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdE9wdGlvbkNvbnRlbnQuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5Qm9keSB9IGZyb20gJy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgU0VMRUNUX09QVElPTl9MQUJFTF9TSVpFLCBTRUxFQ1RfT1BUSU9OX0RFU0NSSVBUSU9OX1NJWkUsIFNFTEVDVF9PUFRJT05fREVTQ1JJUFRJT05fQ09MT1IsIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuY29uc3QgU2VsZWN0T3B0aW9uQ29udGVudEJhc2UgPSAoeyBjbGFzc2VzLCBvcHRpb24sIHNlbGVjdGVkLCB9KSA9PiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tY29udGVudCcpLCBjaGlsZHJlbjogW19qc3goVHlwb2dyYXBoeUJvZHksIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tbGFiZWwnKSwgc2l6ZTogU0VMRUNUX09QVElPTl9MQUJFTF9TSVpFLCBzdHJvbmc6IHRydWUsIGNoaWxkcmVuOiBvcHRpb24ubGFiZWwgfSksIG9wdGlvbi5kZXNjcmlwdGlvbiAmJiAoX2pzeChUeXBvZ3JhcGh5Qm9keSwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ29wdGlvbi1kZXNjcmlwdGlvbicpLCBzaXplOiBTRUxFQ1RfT1BUSU9OX0RFU0NSSVBUSU9OX1NJWkUsIGNvbG9yOiBTRUxFQ1RfT1BUSU9OX0RFU0NSSVBUSU9OX0NPTE9SLCBjaGlsZHJlbjogb3B0aW9uLmRlc2NyaXB0aW9uIH0pKV0gfSksIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb24tY2hlY2snKSwgY2hpbGRyZW46IHNlbGVjdGVkICYmIF9qc3goSWNvbnMsIHsgbmFtZTogXCJjaGVja1wiLCBzaXplOiAxNiwgY29sb3I6IFwiY3VycmVudENvbG9yXCIgfSkgfSldIH0pKTtcbmV4cG9ydCBjb25zdCBTZWxlY3RPcHRpb25Db250ZW50ID0gbWVtbyhTZWxlY3RPcHRpb25Db250ZW50QmFzZSk7XG5leHBvcnQgZGVmYXVsdCBTZWxlY3RPcHRpb25Db250ZW50OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/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/es/components/Select/SelectSearchControl.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, memo } from 'react';
+import { Icons } from '../Icons';
+var SelectSearchControlBase = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var classes = _ref.classes,
+    placeholder = _ref.placeholder,
+    value = _ref.value,
+    onBlur = _ref.onBlur,
+    _onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown;
+  return _jsxs("div", {
+    className: classes('search'),
+    children: [_jsx("span", {
+      className: classes('search-icon'),
+      children: _jsx(Icons, {
+        name: "search",
+        size: 20,
+        color: "currentColor"
+      })
+    }), _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';
+export var SelectSearchControl = /*#__PURE__*/memo(SelectSearchControlBase);
+export default SelectSearchControl;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdFNlYXJjaENvbnRyb2wuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3RTZWFyY2hDb250cm9sLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiZm9yd2FyZFJlZiIsIm1lbW8iLCJJY29ucyIsIlNlbGVjdFNlYXJjaENvbnRyb2xCYXNlIiwiX3JlZiIsInJlZiIsImNsYXNzZXMiLCJwbGFjZWhvbGRlciIsInZhbHVlIiwib25CbHVyIiwib25DaGFuZ2UiLCJvbktleURvd24iLCJjbGFzc05hbWUiLCJjaGlsZHJlbiIsIm5hbWUiLCJzaXplIiwiY29sb3IiLCJ0eXBlIiwiZXZlbnQiLCJ0YXJnZXQiLCJkaXNwbGF5TmFtZSIsIlNlbGVjdFNlYXJjaENvbnRyb2wiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssUUFBUSxtQkFBbUI7QUNBOUQsU0FBU0MsVUFBVSxFQUFFQyxJQUFJLFFBQVEsT0FBTztBQUN4QyxTQUFTQyxLQUFLLFFBQVEsVUFBVTtBQWlCaEMsSUFBTUMsdUJBQXVCLGdCQUFHSCxVQUFVLENBQ3hDLFVBQUFJLElBQUEsRUFTRUMsR0FBRztFQUFBLElBUERDLE9BQU8sR0FBQUYsSUFBQSxDQUFQRSxPQUFPO0lBQ1BDLFdBQVcsR0FBQUgsSUFBQSxDQUFYRyxXQUFXO0lBQ1hDLEtBQUssR0FBQUosSUFBQSxDQUFMSSxLQUFLO0lBQ0xDLE1BQU0sR0FBQUwsSUFBQSxDQUFOSyxNQUFNO0lBQ05DLFNBQVEsR0FBQU4sSUFBQSxDQUFSTSxRQUFRO0lBQ1JDLFNBQVMsR0FBQVAsSUFBQSxDQUFUTyxTQUFTO0VBQUEsT0FJWFosS0FBQSxDQUFBLEtBQUEsRUFBQTtJQUFLYSxTQUFTLEVBQUVOLE9BQU8sQ0FBQyxRQUFRLENBQUM7SUFBQU8sUUFBQSxFQUFBLENBQy9CaEIsSUFBQSxDQUFBLE1BQUEsRUFBQTtNQUFNZSxTQUFTLEVBQUVOLE9BQU8sQ0FBQyxhQUFhLENBQUM7TUFBQU8sUUFBQSxFQUNyQ2hCLElBQUEsQ0FBQ0ssS0FBSyxFQUFBO1FBQUNZLElBQUksRUFBQyxRQUFRO1FBQUNDLElBQUksRUFBRSxFQUFFO1FBQUVDLEtBQUssRUFBQztNQUFjLENBQUE7SUFBRyxDQUFBLENBQ2pELEVBQ1BuQixJQUFBLENBQUEsT0FBQSxFQUFBO01BQ0VRLEdBQUcsRUFBRUEsR0FBRztNQUNSWSxJQUFJLEVBQUMsTUFBTTtNQUNYVCxLQUFLLEVBQUVBLEtBQUs7TUFDWkQsV0FBVyxFQUFFQSxXQUFXO01BQUEsWUFBQSxFQUNaQSxXQUFXO01BQ3ZCSyxTQUFTLEVBQUVOLE9BQU8sQ0FBQyxjQUFjLENBQUM7TUFDbENHLE1BQU0sRUFBRUEsTUFBTTtNQUNkRSxTQUFTLEVBQUVBLFNBQVM7TUFDcEJELFFBQVEsRUFBRSxTQUFWQSxRQUFRQSxDQUFHUSxLQUFLO1FBQUEsT0FBS1IsU0FBUSxDQUFDUSxLQUFLLENBQUNDLE1BQU0sQ0FBQ1gsS0FBSyxFQUFFVSxLQUFLLENBQUM7TUFBQTtJQUFBLENBQUEsQ0FDeEQ7RUFBQSxDQUFBLENBQ0U7QUFBQSxDQUNQLENBQ0Y7QUFFRGYsdUJBQXVCLENBQUNpQixXQUFXLEdBQUcscUJBQXFCO0FBRTNELE9BQU8sSUFBTUMsbUJBQW1CLGdCQUFHcEIsSUFBSSxDQUFDRSx1QkFBdUIsQ0FBQztBQUVoRSxlQUFla0IsbUJBQW1CIiwiZmlsZSI6ImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdFNlYXJjaENvbnRyb2wuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiwgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuY29uc3QgU2VsZWN0U2VhcmNoQ29udHJvbEJhc2UgPSBmb3J3YXJkUmVmKCh7IGNsYXNzZXMsIHBsYWNlaG9sZGVyLCB2YWx1ZSwgb25CbHVyLCBvbkNoYW5nZSwgb25LZXlEb3duLCB9LCByZWYpID0+IChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnc2VhcmNoJyksIGNoaWxkcmVuOiBbX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3NlYXJjaC1pY29uJyksIGNoaWxkcmVuOiBfanN4KEljb25zLCB7IG5hbWU6IFwic2VhcmNoXCIsIHNpemU6IDIwLCBjb2xvcjogXCJjdXJyZW50Q29sb3JcIiB9KSB9KSwgX2pzeChcImlucHV0XCIsIHsgcmVmOiByZWYsIHR5cGU6IFwidGV4dFwiLCB2YWx1ZTogdmFsdWUsIHBsYWNlaG9sZGVyOiBwbGFjZWhvbGRlciwgXCJhcmlhLWxhYmVsXCI6IHBsYWNlaG9sZGVyLCBjbGFzc05hbWU6IGNsYXNzZXMoJ3NlYXJjaC1pbnB1dCcpLCBvbkJsdXI6IG9uQmx1ciwgb25LZXlEb3duOiBvbktleURvd24sIG9uQ2hhbmdlOiAoZXZlbnQpID0+IG9uQ2hhbmdlKGV2ZW50LnRhcmdldC52YWx1ZSwgZXZlbnQpIH0pXSB9KSkpO1xuU2VsZWN0U2VhcmNoQ29udHJvbEJhc2UuZGlzcGxheU5hbWUgPSAnU2VsZWN0U2VhcmNoQ29udHJvbCc7XG5leHBvcnQgY29uc3QgU2VsZWN0U2VhcmNoQ29udHJvbCA9IG1lbW8oU2VsZWN0U2VhcmNoQ29udHJvbEJhc2UpO1xuZXhwb3J0IGRlZmF1bHQgU2VsZWN0U2VhcmNoQ29udHJvbDsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/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/es/components/Select/SelectValueContent.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Icons } from '../Icons';
+import { getOptionTagLabel } from './utils';
+var DefaultMultipleValueContent = function DefaultMultipleValueContent(_ref) {
+  var classes = _ref.classes,
+    selectedOptions = _ref.selectedOptions,
+    onRemove = _ref.onRemove,
+    onRemoveClick = _ref.onRemoveClick,
+    onRemoveMouseDown = _ref.onRemoveMouseDown;
+  return _jsx(_Fragment, {
+    children: selectedOptions.map(function (option) {
+      return _jsxs("span", {
+        className: classes('tag'),
+        children: [_jsx("span", {
+          className: classes('tag-label'),
+          children: getOptionTagLabel(option)
+        }), _jsx("span", {
+          className: classes('tag-remove'),
+          "aria-hidden": "true",
+          onMouseDown: function onMouseDown(event) {
+            onRemoveMouseDown(event);
+            onRemove(option.value);
+          },
+          onClick: onRemoveClick,
+          children: _jsx(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 getOptionTagLabel(option);
+  });
+  var hiddenCount = Math.max(0, selectedOptions.length - visibleLabels.length);
+  if (visibleLabels.length === 0 && hiddenCount === 0) {
+    return null;
+  }
+  return _jsxs("span", {
+    className: classes('collapsed-values'),
+    children: [visibleLabels.length > 0 && _jsx("span", {
+      className: classes('collapsed-values-list'),
+      children: visibleLabels.join(', ')
+    }), hiddenCount > 0 && _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 getOptionTagLabel(selectedOptions[0]);
+  }
+  if (maxVisibleValues !== undefined) {
+    return _jsx(CollapsedMultipleValueContent, {
+      classes: classes,
+      maxVisibleValues: maxVisibleValues,
+      selectedOptions: selectedOptions,
+      renderValueMeta: renderValueMeta
+    });
+  }
+  return _jsx(DefaultMultipleValueContent, {
+    classes: classes,
+    selectedOptions: selectedOptions,
+    onRemove: onRemove,
+    onRemoveClick: onRemoveClick,
+    onRemoveMouseDown: onRemoveMouseDown
+  });
+};
+export var SelectValueContent = /*#__PURE__*/memo(SelectValueContentBase);
+export default SelectValueContent;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L1NlbGVjdFZhbHVlQ29udGVudC5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L1NlbGVjdFZhbHVlQ29udGVudC50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIkZyYWdtZW50IiwiX0ZyYWdtZW50IiwibWVtbyIsIkljb25zIiwiZ2V0T3B0aW9uVGFnTGFiZWwiLCJEZWZhdWx0TXVsdGlwbGVWYWx1ZUNvbnRlbnQiLCJfcmVmIiwiY2xhc3NlcyIsInNlbGVjdGVkT3B0aW9ucyIsIm9uUmVtb3ZlIiwib25SZW1vdmVDbGljayIsIm9uUmVtb3ZlTW91c2VEb3duIiwiY2hpbGRyZW4iLCJtYXAiLCJvcHRpb24iLCJjbGFzc05hbWUiLCJvbk1vdXNlRG93biIsImV2ZW50IiwidmFsdWUiLCJvbkNsaWNrIiwibmFtZSIsInNpemUiLCJjb2xvciIsIkNvbGxhcHNlZE11bHRpcGxlVmFsdWVDb250ZW50IiwiX3JlZjIiLCJtYXhWaXNpYmxlVmFsdWVzIiwicmVuZGVyVmFsdWVNZXRhIiwicmVzb2x2ZWRNYXhWaXNpYmxlVmFsdWVzIiwiTWF0aCIsIm1heCIsInRydW5jIiwidmlzaWJsZUxhYmVscyIsInNsaWNlIiwiaGlkZGVuQ291bnQiLCJsZW5ndGgiLCJqb2luIiwiZGlzYWJsZWQiLCJ1bmRlZmluZWQiLCJjb25jYXQiLCJTZWxlY3RWYWx1ZUNvbnRlbnRCYXNlIiwiX3JlZjMiLCJoYXNTZWxlY3Rpb24iLCJtdWx0aXBsZSIsInBsYWNlaG9sZGVyIiwicmVuZGVyVmFsdWUiLCJTZWxlY3RWYWx1ZUNvbnRlbnQiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssRUFBRUMsUUFBUSxJQUFJQyxTQUFTLFFBQVEsbUJBQW1CO0FDQXJGLFNBQVNDLElBQUksUUFBUSxPQUFPO0FBQzVCLFNBQVNDLEtBQUssUUFBUSxVQUFV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QUksSUFBSSxFQUN2RWtCLGVBQWUsQ0FDaEI7RUFDSDtFQUVBLElBQUksQ0FBQ2UsWUFBWSxFQUFFO0lBQ2pCLE9BQU9FLFdBQVc7RUFDcEI7RUFFQSxJQUFJLENBQUNELFFBQVEsRUFBRTtJQUNiLE9BQU90QyxpQkFBaUIsQ0FBQ0ksZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDO0VBQzlDO0VBRUEsSUFBSWlCLGdCQUFnQixLQUFLWSxTQUFTLEVBQUU7SUFDbEMsT0FDRXhDLElBQUEsQ0FBQzBCLDZCQUE2QixFQUFBO01BQzVCaEIsT0FBTyxFQUFFQSxPQUFPO01BQ2hCa0IsZ0JBQWdCLEVBQUVBLGdCQUFnQjtNQUNsQ2pCLGVBQWUsRUFBRUEsZUFBZTtNQUNoQ2tCLGVBQWUsRUFBRUE7SUFBZSxDQUFBLENBQ2hDO0VBRU47RUFFQSxPQUNFN0IsSUFBQSxDQUFDUSwyQkFBMkIsRUFBQTtJQUMxQkUsT0FBTyxFQUFFQSxPQUFPO0lBQ2hCQyxlQUFlLEVBQUVBLGVBQWU7SUFDaENDLFFBQVEsRUFBRUEsUUFBUTtJQUNsQkMsYUFBYSxFQUFFQSxhQUFhO0lBQzVCQyxpQkFBaUIsRUFBRUE7RUFBaUIsQ0FBQSxDQUNwQztBQUVOLENBQUM7QUFFRCxPQUFPLElBQU1rQyxrQkFBa0IsZ0JBQUczQyxJQUFJLENBQUNxQyxzQkFBc0IsQ0FBQztBQUU5RCxlQUFlTSxrQkFBa0IiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0VmFsdWVDb250ZW50LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMsIEZyYWdtZW50IGFzIF9GcmFnbWVudCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZ2V0T3B0aW9uVGFnTGFiZWwgfSBmcm9tICcuL3V0aWxzJztcbmNvbnN0IERlZmF1bHRNdWx0aXBsZVZhbHVlQ29udGVudCA9ICh7IGNsYXNzZXMsIHNlbGVjdGVkT3B0aW9ucywgb25SZW1vdmUsIG9uUmVtb3ZlQ2xpY2ssIG9uUmVtb3ZlTW91c2VEb3duIH0pID0+IChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogc2VsZWN0ZWRPcHRpb25zLm1hcCgob3B0aW9uKSA9PiAoX2pzeHMoXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0YWcnKSwgY2hpbGRyZW46IFtfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygndGFnLWxhYmVsJyksIGNoaWxkcmVuOiBnZXRPcHRpb25UYWdMYWJlbChvcHRpb24pIH0pLCBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygndGFnLXJlbW92ZScpLCBcImFyaWEtaGlkZGVuXCI6IFwidHJ1ZVwiLCBvbk1vdXNlRG93bjogKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIG9uUmVtb3ZlTW91c2VEb3duKGV2ZW50KTtcbiAgICAgICAgICAgICAgICAgICAgb25SZW1vdmUob3B0aW9uLnZhbHVlKTtcbiAgICAgICAgICAgICAgICB9LCBvbkNsaWNrOiBvblJlbW92ZUNsaWNrLCBjaGlsZHJlbjogX2pzeChJY29ucywgeyBuYW1lOiBcImNyb3NzXCIsIHNpemU6IDEyLCBjb2xvcjogXCJjdXJyZW50Q29sb3JcIiB9KSB9KV0gfSwgb3B0aW9uLnZhbHVlKSkpIH0pKTtcbmNvbnN0IENvbGxhcHNlZE11bHRpcGxlVmFsdWVDb250ZW50ID0gKHsgY2xhc3NlcywgbWF4VmlzaWJsZVZhbHVlcywgc2VsZWN0ZWRPcHRpb25zLCByZW5kZXJWYWx1ZU1ldGEgfSkgPT4ge1xuICAgIGNvbnN0IHJlc29sdmVkTWF4VmlzaWJsZVZhbHVlcyA9IE1hdGgubWF4KDAsIE1hdGgudHJ1bmMobWF4VmlzaWJsZVZhbHVlcyAhPT0gbnVsbCAmJiBtYXhWaXNpYmxlVmFsdWVzICE9PSB2b2lkIDAgPyBtYXhWaXNpYmxlVmFsdWVzIDogMCkpO1xuICAgIGNvbnN0IHZpc2libGVMYWJlbHMgPSBzZWxlY3RlZE9wdGlvbnNcbiAgICAgICAgLnNsaWNlKDAsIHJlc29sdmVkTWF4VmlzaWJsZVZhbHVlcylcbiAgICAgICAgLm1hcCgob3B0aW9uKSA9PiBnZXRPcHRpb25UYWdMYWJlbChvcHRpb24pKTtcbiAgICBjb25zdCBoaWRkZW5Db3VudCA9IE1hdGgubWF4KDAsIHNlbGVjdGVkT3B0aW9ucy5sZW5ndGggLSB2aXNpYmxlTGFiZWxzLmxlbmd0aCk7XG4gICAgaWYgKHZpc2libGVMYWJlbHMubGVuZ3RoID09PSAwICYmIGhpZGRlbkNvdW50ID09PSAwKSB7XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cbiAgICByZXR1cm4gKF9qc3hzKFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnY29sbGFwc2VkLXZhbHVlcycpLCBjaGlsZHJlbjogW3Zpc2libGVMYWJlbHMubGVuZ3RoID4gMCAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbGxhcHNlZC12YWx1ZXMtbGlzdCcpLCBjaGlsZHJlbjogdmlzaWJsZUxhYmVscy5qb2luKCcsICcpIH0pKSwgaGlkZGVuQ291bnQgPiAwICYmIChfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnY29sbGFwc2VkLXZhbHVlcy1leHRyYScsIHJlbmRlclZhbHVlTWV0YS5kaXNhYmxlZCA/IGNsYXNzZXMoJ2NvbGxhcHNlZC12YWx1ZXMtZXh0cmEtZGlzYWJsZWQnKSA6IHVuZGVmaW5lZCksIGNoaWxkcmVuOiBgKyAke2hpZGRlbkNvdW50fS4uLmAgfSkpXSB9KSk7XG59O1xuY29uc3QgU2VsZWN0VmFsdWVDb250ZW50QmFzZSA9ICh7IGNsYXNzZXMsIGhhc1NlbGVjdGlvbiwgbXVsdGlwbGUsIG1heFZpc2libGVWYWx1ZXMsIHBsYWNlaG9sZGVyLCByZW5kZXJWYWx1ZSwgcmVuZGVyVmFsdWVNZXRhLCBzZWxlY3RlZE9wdGlvbnMsIG9uUmVtb3ZlLCBvblJlbW92ZUNsaWNrLCBvblJlbW92ZU1vdXNlRG93biwgfSkgPT4ge1xuICAgIGlmIChyZW5kZXJWYWx1ZSkge1xuICAgICAgICByZXR1cm4gcmVuZGVyVmFsdWUoaGFzU2VsZWN0aW9uID8gKG11bHRpcGxlID8gc2VsZWN0ZWRPcHRpb25zIDogc2VsZWN0ZWRPcHRpb25zWzBdKSA6IG51bGwsIHJlbmRlclZhbHVlTWV0YSk7XG4gICAgfVxuICAgIGlmICghaGFzU2VsZWN0aW9uKSB7XG4gICAgICAgIHJldHVybiBwbGFjZWhvbGRlcjtcbiAgICB9XG4gICAgaWYgKCFtdWx0aXBsZSkge1xuICAgICAgICByZXR1cm4gZ2V0T3B0aW9uVGFnTGFiZWwoc2VsZWN0ZWRPcHRpb25zWzBdKTtcbiAgICB9XG4gICAgaWYgKG1heFZpc2libGVWYWx1ZXMgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZXR1cm4gKF9qc3goQ29sbGFwc2VkTXVsdGlwbGVWYWx1ZUNvbnRlbnQsIHsgY2xhc3NlczogY2xhc3NlcywgbWF4VmlzaWJsZVZhbHVlczogbWF4VmlzaWJsZVZhbHVlcywgc2VsZWN0ZWRPcHRpb25zOiBzZWxlY3RlZE9wdGlvbnMsIHJlbmRlclZhbHVlTWV0YTogcmVuZGVyVmFsdWVNZXRhIH0pKTtcbiAgICB9XG4gICAgcmV0dXJuIChfanN4KERlZmF1bHRNdWx0aXBsZVZhbHVlQ29udGVudCwgeyBjbGFzc2VzOiBjbGFzc2VzLCBzZWxlY3RlZE9wdGlvbnM6IHNlbGVjdGVkT3B0aW9ucywgb25SZW1vdmU6IG9uUmVtb3ZlLCBvblJlbW92ZUNsaWNrOiBvblJlbW92ZUNsaWNrLCBvblJlbW92ZU1vdXNlRG93bjogb25SZW1vdmVNb3VzZURvd24gfSkpO1xufTtcbmV4cG9ydCBjb25zdCBTZWxlY3RWYWx1ZUNvbnRlbnQgPSBtZW1vKFNlbGVjdFZhbHVlQ29udGVudEJhc2UpO1xuZXhwb3J0IGRlZmF1bHQgU2VsZWN0VmFsdWVDb250ZW50OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/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/es/components/Select/constants.js

@@ -0,0 +1,20 @@
+// ── Field shell: label ──
+export var SELECT_LABEL_SIZE = 'lg';
+export var SELECT_LABEL_COLOR_DEFAULT = 'default';
+export var SELECT_LABEL_COLOR_DISABLED = 'disabled';
+// ── Field shell: description ──
+export var SELECT_DESCRIPTION_SIZE = 'md';
+export var SELECT_DESCRIPTION_COLOR_DEFAULT = 'default-tertiary';
+export var SELECT_DESCRIPTION_COLOR_DISABLED = 'disabled';
+// ── Field shell: feedback ──
+export var SELECT_FEEDBACK_SIZE = 'sm';
+// ── Option content ──
+export var SELECT_OPTION_LABEL_SIZE = 'md';
+export var SELECT_OPTION_DESCRIPTION_SIZE = 'sm';
+export var SELECT_OPTION_DESCRIPTION_COLOR = 'default-tertiary';
+// ── Group label ──
+export var SELECT_GROUP_LABEL_SIZE = 'lg';
+// ── Empty state ──
+export var SELECT_EMPTY_SIZE = 'md';
+export var SELECT_EMPTY_COLOR = 'default-tertiary';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L2NvbnN0YW50cy50cyJdLCJuYW1lcyI6WyJTRUxFQ1RfTEFCRUxfU0laRSIsIlNFTEVDVF9MQUJFTF9DT0xPUl9ERUZBVUxUIiwiU0VMRUNUX0xBQkVMX0NPTE9SX0RJU0FCTEVEIiwiU0VMRUNUX0RFU0NSSVBUSU9OX1NJWkUiLCJTRUxFQ1RfREVTQ1JJUFRJT05fQ09MT1JfREVGQVVMVCIsIlNFTEVDVF9ERVNDUklQVElPTl9DT0xPUl9ESVNBQkxFRCIsIlNFTEVDVF9GRUVEQkFDS19TSVpFIiwiU0VMRUNUX09QVElPTl9MQUJFTF9TSVpFIiwiU0VMRUNUX09QVElPTl9ERVNDUklQVElPTl9TSVpFIiwiU0VMRUNUX09QVElPTl9ERVNDUklQVElPTl9DT0xPUiIsIlNFTEVDVF9HUk9VUF9MQUJFTF9TSVpFIiwiU0VMRUNUX0VNUFRZX1NJWkUiLCJTRUxFQ1RfRU1QVFlfQ09MT1IiXSwibWFwcGluZ3MiOiJBQUdBO0FBQ0EsT0FBTyxJQUFNQSxpQkFBaUIsR0FBd0IsSUFBSTtBQUMxRCxPQUFPLElBQU1DLDBCQUEwQixHQUFvQixTQUFTO0FBQ3BFLE9BQU8sSUFBTUMsMkJBQTJCLEdBQW9CLFVBQVU7QUFFdEU7QUFDQSxPQUFPLElBQU1DLHVCQUF1QixHQUF1QixJQUFJO0FBQy9ELE9BQU8sSUFBTUMsZ0NBQWdDLEdBQW9CLGtCQUFrQjtBQUNuRixPQUFPLElBQU1DLGlDQUFpQyxHQUFvQixVQUFVO0FBRTVFO0FBQ0EsT0FBTyxJQUFNQyxvQkFBb0IsR0FBdUIsSUFBSTtBQUU1RDtBQUNBLE9BQU8sSUFBTUMsd0JBQXdCLEdBQXVCLElBQUk7QUFDaEUsT0FBTyxJQUFNQyw4QkFBOEIsR0FBdUIsSUFBSTtBQUN0RSxPQUFPLElBQU1DLCtCQUErQixHQUFvQixrQkFBa0I7QUFFbEY7QUFDQSxPQUFPLElBQU1DLHVCQUF1QixHQUF3QixJQUFJO0FBRWhFO0FBQ0EsT0FBTyxJQUFNQyxpQkFBaUIsR0FBdUIsSUFBSTtBQUN6RCxPQUFPLElBQU1DLGtCQUFrQixHQUFvQixrQkFBa0IiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvY29uc3RhbnRzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

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

package/es/components/Select/index.js

@@ -0,0 +1,5 @@
+export { Select } from './Select';
+export { default } from './Select';
+export * from './interface';
+export * from './constants';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L2luZGV4LnRzIl0sIm5hbWVzIjpbIlNlbGVjdCIsImRlZmF1bHQiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLE1BQU0sUUFBUSxVQUFVO0FBQ2pDLFNBQVNDLE9BQU8sUUFBUSxVQUFVO0FBQ2xDLGNBQWMsYUFBYTtBQUMzQixjQUFjLGFBQWEiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/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/es/components/Select/interface.js

@@ -0,0 +1,4 @@
+export var SELECT_SIZES = ['large', 'small'];
+export var SELECT_STATUSES = ['default', 'error', 'warning', 'success'];
+export var SELECT_VARIANTS = ['fill', 'stroke', 'frameless'];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L2ludGVyZmFjZS50cyJdLCJuYW1lcyI6WyJTRUxFQ1RfU0laRVMiLCJTRUxFQ1RfU1RBVFVTRVMiLCJTRUxFQ1RfVkFSSUFOVFMiXSwibWFwcGluZ3MiOiJBQUVBLE9BQU8sSUFBTUEsWUFBWSxHQUFHLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBVTtBQUN2RCxPQUFPLElBQU1DLGVBQWUsR0FBRyxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBVTtBQUNsRixPQUFPLElBQU1DLGVBQWUsR0FBRyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsV0FBVyxDQUFVIiwiZmlsZSI6ImNvbXBvbmVudHMvU2VsZWN0L2ludGVyZmFjZS5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/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)}