@1money/component-ui 0.0.49 → 0.0.50

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,45 @@
+import type { TypographyBodySize, TypographyColor, TypographyLabelSize } from "../Typography";
+export declare const KEYBOARD: {
+    readonly ENTER: "Enter";
+    readonly SPACE: " ";
+    readonly ARROW_DOWN: "ArrowDown";
+    readonly ARROW_UP: "ArrowUp";
+    readonly ESCAPE: "Escape";
+};
+interface SelectTypographyConfig {
+    label: {
+        size: TypographyLabelSize;
+        color: {
+            default: TypographyColor;
+            disabled: TypographyColor;
+        };
+    };
+    description: {
+        size: TypographyBodySize;
+        color: {
+            default: TypographyColor;
+            disabled: TypographyColor;
+        };
+    };
+    feedback: {
+        size: TypographyBodySize;
+    };
+    option: {
+        label: {
+            size: TypographyBodySize;
+        };
+        description: {
+            size: TypographyBodySize;
+            color: TypographyColor;
+        };
+    };
+    groupLabel: {
+        size: TypographyLabelSize;
+    };
+    empty: {
+        size: TypographyBodySize;
+        color: TypographyColor;
+    };
+}
+export declare const SELECT_TYPOGRAPHY: SelectTypographyConfig;
+export {};

package/lib/components/Select/constants.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SELECT_TYPOGRAPHY = exports.KEYBOARD = void 0;
+var KEYBOARD = exports.KEYBOARD = {
+  ENTER: 'Enter',
+  SPACE: ' ',
+  ARROW_DOWN: 'ArrowDown',
+  ARROW_UP: 'ArrowUp',
+  ESCAPE: 'Escape'
+};
+var SELECT_TYPOGRAPHY = exports.SELECT_TYPOGRAPHY = {
+  label: {
+    size: 'lg',
+    color: {
+      "default": 'default',
+      disabled: 'disabled'
+    }
+  },
+  description: {
+    size: 'md',
+    color: {
+      "default": 'default-tertiary',
+      disabled: 'disabled'
+    }
+  },
+  feedback: {
+    size: 'sm'
+  },
+  option: {
+    label: {
+      size: 'md'
+    },
+    description: {
+      size: 'sm',
+      color: 'default-tertiary'
+    }
+  },
+  groupLabel: {
+    size: 'lg'
+  },
+  empty: {
+    size: 'md',
+    color: 'default-tertiary'
+  }
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L2NvbnN0YW50cy50cyIsImNvbXBvbmVudHMvU2VsZWN0L2NvbnN0YW50cy5qcyJdLCJuYW1lcyI6WyJLRVlCT0FSRCIsImV4cG9ydHMiLCJFTlRFUiIsIlNQQUNFIiwiQVJST1dfRE9XTiIsIkFSUk9XX1VQIiwiRVNDQVBFIiwiU0VMRUNUX1RZUE9HUkFQSFkiLCJsYWJlbCIsInNpemUiLCJjb2xvciIsImRpc2FibGVkIiwiZGVzY3JpcHRpb24iLCJmZWVkYmFjayIsIm9wdGlvbiIsImdyb3VwTGFiZWwiLCJlbXB0eSJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBRU8sSUFBTUEsUUFBUSxHQUFBQyxPQUFBLENBQUFELFFBQUEsR0FBRztFQUN0QkUsS0FBSyxFQUFFLE9BQU87RUFDZEMsS0FBSyxFQUFFLEdBQUc7RUFDVkMsVUFBVSxFQUFFLFdBQVc7RUFDdkJDLFFBQVEsRUFBRSxTQUFTO0VBQ25CQyxNQUFNLEVBQUU7QUNEVixDREVVO0FBb0NILElBQU1DLGlCQUFpQixHQUFBTixPQUFBLENBQUFNLGlCQUFBLEdBQTJCO0VBQ3ZEQyxLQUFLLEVBQUU7SUFDTEMsSUFBSSxFQUFFLElBQUk7SUFDVkMsS0FBSyxFQUFFO01BQUUsV0FBUyxTQUFTO01BQUVDLFFBQVEsRUFBRTtJQUFVO0VDcENqRCxDRHFDRDtFQUNEQyxXQUFXLEVBQUU7SUFDWEgsSUFBSSxFQUFFLElBQUk7SUFDVkMsS0FBSyxFQUFFO01BQUUsV0FBUyxrQkFBa0I7TUFBRUMsUUFBUSxFQUFFO0lBQVU7RUNwQzFELENEcUNEO0VBQ0RFLFFBQVEsRUFBRTtJQUFFSixJQUFJLEVBQUU7RUFBSSxDQUFFO0VBQ3hCSyxNQUFNLEVBQUU7SUFDTk4sS0FBSyxFQUFFO01BQUVDLElBQUksRUFBRTtJQUFJLENBQUU7SUFDckJHLFdBQVcsRUFBRTtNQUFFSCxJQUFJLEVBQUUsSUFBSTtNQUFFQyxLQUFLLEVBQUU7SUFBa0I7RUNwQ3BELENEcUNEO0VBQ0RLLFVBQVUsRUFBRTtJQUFFTixJQUFJLEVBQUU7RUFBSSxDQUFFO0VBQzFCTyxLQUFLLEVBQUU7SUFBRVAsSUFBSSxFQUFFLElBQUk7SUFBRUMsS0FBSyxFQUFFO0VBQWtCO0FDcENoRCxDRHFDQyIsImZpbGUiOiJjb21wb25lbnRzL1NlbGVjdC9jb25zdGFudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImV4cG9ydCBjb25zdCBLRVlCT0FSRCA9IHtcbiAgICBFTlRFUjogJ0VudGVyJyxcbiAgICBTUEFDRTogJyAnLFxuICAgIEFSUk9XX0RPV046ICdBcnJvd0Rvd24nLFxuICAgIEFSUk9XX1VQOiAnQXJyb3dVcCcsXG4gICAgRVNDQVBFOiAnRXNjYXBlJyxcbn07XG5leHBvcnQgY29uc3QgU0VMRUNUX1RZUE9HUkFQSFkgPSB7XG4gICAgbGFiZWw6IHtcbiAgICAgICAgc2l6ZTogJ2xnJyxcbiAgICAgICAgY29sb3I6IHsgZGVmYXVsdDogJ2RlZmF1bHQnLCBkaXNhYmxlZDogJ2Rpc2FibGVkJyB9LFxuICAgIH0sXG4gICAgZGVzY3JpcHRpb246IHtcbiAgICAgICAgc2l6ZTogJ21kJyxcbiAgICAgICAgY29sb3I6IHsgZGVmYXVsdDogJ2RlZmF1bHQtdGVydGlhcnknLCBkaXNhYmxlZDogJ2Rpc2FibGVkJyB9LFxuICAgIH0sXG4gICAgZmVlZGJhY2s6IHsgc2l6ZTogJ3NtJyB9LFxuICAgIG9wdGlvbjoge1xuICAgICAgICBsYWJlbDogeyBzaXplOiAnbWQnIH0sXG4gICAgICAgIGRlc2NyaXB0aW9uOiB7IHNpemU6ICdzbScsIGNvbG9yOiAnZGVmYXVsdC10ZXJ0aWFyeScgfSxcbiAgICB9LFxuICAgIGdyb3VwTGFiZWw6IHsgc2l6ZTogJ2xnJyB9LFxuICAgIGVtcHR5OiB7IHNpemU6ICdtZCcsIGNvbG9yOiAnZGVmYXVsdC10ZXJ0aWFyeScgfSxcbn07Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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

@@ -0,0 +1,7 @@
+declare const Select: import("react").FC<import("./interface").SelectProps> & {
+    Custom: import("react").NamedExoticComponent<import("./interface").SelectCustomProps>;
+};
+export { Select };
+export default Select;
+export * from './interface';
+export * from './constants';

package/lib/components/Select/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Select: true
+};
+exports["default"] = exports.Select = void 0;
+var _Select = require("./Select");
+var _SelectCustom = _interopRequireDefault(require("./SelectCustom"));
+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];
+    }
+  });
+});
+var Select = exports.Select = Object.assign(_Select.Select, {
+  Custom: _SelectCustom["default"]
+});
+var _default = exports["default"] = Select;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L2luZGV4LnRzIiwiY29tcG9uZW50cy9TZWxlY3QvaW5kZXguanMiXSwibmFtZXMiOlsiX1NlbGVjdCIsInJlcXVpcmUiLCJfU2VsZWN0Q3VzdG9tIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9pbnRlcmZhY2UiLCJPYmplY3QiLCJrZXlzIiwiZm9yRWFjaCIsImtleSIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIl9leHBvcnROYW1lcyIsImV4cG9ydHMiLCJkZWZpbmVQcm9wZXJ0eSIsImVudW1lcmFibGUiLCJnZXQiLCJfY29uc3RhbnRzIiwiU2VsZWN0IiwiYXNzaWduIiwiU2VsZWN0QmFzZSIsIkN1c3RvbSIsIlNlbGVjdEN1c3RvbSIsIl9kZWZhdWx0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsSUFBQUEsT0FBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsYUFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBUUEsSUFBQUcsVUFBQSxHQUFBSCxPQUFBO0FBQUFJLE1BQUEsQ0FBQUMsSUFBQSxDQUFBRixVQUFBLEVBQUFHLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQUosVUFBQSxDQUFBSSxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBWixVQUFBLENBQUFJLEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFDQSxJQUFBUyxVQUFBLEdBQUFoQixPQUFBO0FBQUFJLE1BQUEsQ0FBQUMsSUFBQSxDQUFBVyxVQUFBLEVBQUFWLE9BQUEsV0FBQUMsR0FBQTtFQUFBLElBQUFBLEdBQUEsa0JBQUFBLEdBQUE7RUFBQSxJQUFBSCxNQUFBLENBQUFJLFNBQUEsQ0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFDLFlBQUEsRUFBQUosR0FBQTtFQUFBLElBQUFBLEdBQUEsSUFBQUssT0FBQSxJQUFBQSxPQUFBLENBQUFMLEdBQUEsTUFBQVMsVUFBQSxDQUFBVCxHQUFBO0VBQUFILE1BQUEsQ0FBQVMsY0FBQSxDQUFBRCxPQUFBLEVBQUFMLEdBQUE7SUFBQU8sVUFBQTtJQUFBQyxHQUFBLFdBQUFBLElBQUE7TUFBQSxPQUFBQyxVQUFBLENBQUFULEdBQUE7SUFBQTtFQUFBO0FBQUE7QUFQQSxJQUFNVSxNQUFNLEdBQUFMLE9BQUEsQ0FBQUssTUFBQSxHQUFHYixNQUFNLENBQUNjLE1BQU0sQ0FBQ0MsY0FBVSxFQUFFO0VBQ3ZDQyxNQUFNLEVBQUVDO0FDQVYsQ0RDQyxDQUFDO0FBQUMsSUFBQUMsUUFBQSxHQUFBVixPQUFBLGNBR1lLLE1BQU0iLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IFNlbGVjdCBhcyBTZWxlY3RCYXNlIH0gZnJvbSAnLi9TZWxlY3QnO1xuaW1wb3J0IFNlbGVjdEN1c3RvbSBmcm9tICcuL1NlbGVjdEN1c3RvbSc7XG5jb25zdCBTZWxlY3QgPSBPYmplY3QuYXNzaWduKFNlbGVjdEJhc2UsIHtcbiAgICBDdXN0b206IFNlbGVjdEN1c3RvbSxcbn0pO1xuZXhwb3J0IHsgU2VsZWN0IH07XG5leHBvcnQgZGVmYXVsdCBTZWxlY3Q7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbnN0YW50cyc7Il0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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

@@ -0,0 +1,229 @@
+import type { Placement, UseRoleProps } from '@floating-ui/react';
+import type { CSSProperties, FocusEvent, HTMLAttributes, ReactNode, RefObject } from 'react';
+import type { FloatingAnimation } from "../../hooks/useFloatingAnimation";
+export type SelectOffset = number | {
+    mainAxis?: number;
+    crossAxis?: number;
+    alignmentAxis?: number | null;
+};
+export type SelectCustomRole = UseRoleProps['role'];
+export interface SelectCustomTriggerContext {
+    open: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+}
+export interface SelectCustomPanelContext {
+    close: () => void;
+    open: boolean;
+}
+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;
+    /**
+     * Allow consumers to attach arbitrary per-option metadata (icon, badges, etc.)
+     * accessible inside `renderOption` / `renderOptionContent` / `renderValue`.
+     * Cast to a local typed shape (e.g. `option as AssetOption`) at the access site
+     * for autocompletion + typo-checking.
+     */
+    [key: string]: unknown;
+}
+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;
+    readOnly: 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;
+    readOnly?: boolean;
+    loading?: boolean;
+    multiple?: boolean;
+    maxVisibleValues?: number;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    defaultSearchValue?: string;
+    /**
+     * Whether to auto-focus the search input when the panel opens (only when `searchable` is true).
+     * @default true
+     */
+    filterInputAutoFocus?: boolean;
+    label?: ReactNode;
+    info?: ReactNode;
+    description?: ReactNode;
+    feedback?: ReactNode;
+    required?: boolean;
+    prefix?: ReactNode;
+    emptyContent?: ReactNode;
+    panelFooter?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    portal?: boolean;
+    allowDeselect?: boolean;
+    panelClassName?: string;
+    optionClassName?: string;
+    listMaxHeight?: number;
+    /**
+     * Gap between panel and trigger.
+     * - `number`: shorthand for `mainAxis` (perpendicular distance, in px).
+     * - object form (forwarded to floating-ui's `offset` middleware):
+     *   - `mainAxis`: distance perpendicular to the placement edge.
+     *   - `crossAxis`: distance parallel to the placement edge.
+     *   - `alignmentAxis`: shift along the alignment edge for `*-start` / `*-end` placements.
+     * @default 0
+     */
+    offset?: SelectOffset;
+    /**
+     * Open/close animation. Default `{ duration: { open: 150, close: 100 }, initialScale: 0.96 }`.
+     * Set to `false` to disable animation entirely (panel appears/disappears instantly).
+     */
+    animation?: FloatingAnimation;
+    onChange?: (value: SelectValue, option?: SelectOption | SelectOption[], 
+    /** Echoes back the `name` prop so a single handler can route updates by field. */
+    name?: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    onSearchChange?: (value: string) => void;
+    onBlur?: (event?: FocusEvent<HTMLElement>) => void;
+    filterOption?: SelectFilterOption;
+    /**
+     * Fully replace an option's rendering, including the trailing selected check.
+     * Use when you need complete control of the option layout (e.g. custom check
+     * indicator). If both `renderOption` and `renderOptionContent` are provided,
+     * `renderOption` wins.
+     */
+    renderOption?: (option: SelectOption, meta: SelectRenderOptionMeta) => ReactNode;
+    /**
+     * Replace only the content portion of an option; the default selected check
+     * is still rendered by the component. Prefer this over `renderOption` when
+     * you only need a custom option body.
+     */
+    renderOptionContent?: (option: SelectOption, meta: SelectRenderOptionMeta) => ReactNode;
+    renderValue?: (option: SelectOption | SelectOption[] | null, meta: SelectRenderValueMeta) => ReactNode;
+}
+export interface SelectCustomProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onBlur' | 'prefix'> {
+    ref?: RefObject<HTMLButtonElement | null>;
+    className?: string;
+    prefixCls?: string;
+    style?: CSSProperties;
+    id?: string;
+    name?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    size?: SelectSize | 'middle';
+    status?: SelectStatus;
+    variant?: SelectVariant;
+    disabled?: boolean;
+    readOnly?: boolean;
+    loading?: boolean;
+    label?: ReactNode;
+    info?: ReactNode;
+    description?: ReactNode;
+    feedback?: ReactNode;
+    required?: boolean;
+    prefix?: ReactNode;
+    placeholder?: ReactNode;
+    /**
+     * Content rendered inside the trigger when something is "selected".
+     * Falsy values (`null` / `undefined` / `false`) fall back to `placeholder`.
+     * Pass a function to receive the current open/disabled state.
+     */
+    selectedTemplate?: ReactNode | ((ctx: SelectCustomTriggerContext) => ReactNode);
+    /**
+     * Whether to render the chevron icon at the trailing end of the trigger.
+     * @default true
+     */
+    arrow?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    portal?: boolean;
+    panelClassName?: string;
+    panelFooter?: ReactNode;
+    listMaxHeight?: number;
+    /**
+     * Floating-ui placement of the panel relative to the trigger.
+     * @default 'bottom-start'
+     */
+    placement?: Placement;
+    /**
+     * Override the panel width. Number is treated as `px`; string is used as-is
+     * (e.g. `'354px'`, `'100%'`). When unset, the panel width matches the
+     * trigger width.
+     */
+    panelWidth?: number | string;
+    /**
+     * Gap between panel and trigger.
+     * - `number`: shorthand for `mainAxis` (perpendicular distance, in px).
+     * - object form (forwarded to floating-ui's `offset` middleware):
+     *   - `mainAxis`: distance perpendicular to the placement edge.
+     *   - `crossAxis`: distance parallel to the placement edge.
+     *   - `alignmentAxis`: shift along the alignment edge for `*-start` / `*-end` placements.
+     * @default 0
+     */
+    offset?: SelectOffset;
+    /**
+     * ARIA role applied to the floating panel and matched on the trigger via
+     * `aria-haspopup`. Defaults to `'dialog'` because the panel content is
+     * arbitrary — set to `'listbox'` / `'menu'` / `'tree'` etc. only if the
+     * panel actually exposes that semantic to assistive tech.
+     * @default 'dialog'
+     */
+    role?: SelectCustomRole;
+    /**
+     * Open/close animation. Default `{ kind: 'height', duration: { open: 150, close: 100 } }`.
+     * Set to `false` to disable.
+     */
+    animation?: FloatingAnimation;
+    onOpenChange?: (open: boolean) => void;
+    onBlur?: (event?: FocusEvent<HTMLElement>) => void;
+    /**
+     * Panel body. Receives `{ close, open }` so consumers can dismiss the panel
+     * after interacting (e.g. picking an item).
+     */
+    children?: ReactNode | ((ctx: SelectCustomPanelContext) => 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L2ludGVyZmFjZS50cyJdLCJuYW1lcyI6WyJTRUxFQ1RfU0laRVMiLCJleHBvcnRzIiwiU0VMRUNUX1NUQVRVU0VTIiwiU0VMRUNUX1ZBUklBTlRTIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFxQk8sSUFBTUEsWUFBWSxHQUFBQyxPQUFBLENBQUFELFlBQUEsR0FBRyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQVU7QUFDaEQsSUFBTUUsZUFBZSxHQUFBRCxPQUFBLENBQUFDLGVBQUEsR0FBRyxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBVTtBQUMzRSxJQUFNQyxlQUFlLEdBQUFGLE9BQUEsQ0FBQUUsZUFBQSxHQUFHLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxXQUFXLENBQVUiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvaW50ZXJmYWNlLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9