@1money/component-ui 0.0.49 → 0.0.51

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

@@ -0,0 +1,465 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-select {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-200, 8px);
+  width: 100%;
+}
+.om-component-ui-select-label-row {
+  display: inline-flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+}
+.om-component-ui-select-label-text {
+  display: inline;
+}
+.om-component-ui-select-info {
+  display: inline-flex;
+  align-items: center;
+  color: var(--om-icon-default-tertiary, #646465);
+}
+.om-component-ui-select-description-text {
+  display: block;
+}
+.om-component-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 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.om-component-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-component-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-component-ui-select-trigger-fill {
+  background-color: var(--om-bg-default-secondary, #f8f8f8);
+}
+.om-component-ui-select-trigger-stroke {
+  background-color: transparent;
+}
+.om-component-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-component-ui-select-trigger:not(.om-component-ui-select-trigger-disabled, .om-component-ui-select-trigger-readonly):hover {
+  border-color: var(--om-border-default-tertiary, #404042);
+}
+.om-component-ui-select-trigger:focus-visible {
+  outline: none;
+}
+.om-component-ui-select-trigger-open:focus-visible {
+  outline: none;
+}
+.om-component-ui-select-trigger-frameless:not(.om-component-ui-select-trigger-disabled, .om-component-ui-select-trigger-readonly):hover {
+  border-color: transparent;
+}
+.om-component-ui-select-trigger-open {
+  border-color: var(--om-border-brand, #073387);
+  box-shadow: inset 0 0 0 1px var(--om-border-brand, #073387);
+}
+.om-component-ui-select-trigger-error {
+  border-color: var(--om-border-danger, #ae0000);
+}
+.om-component-ui-select-trigger-warning {
+  border-color: var(--om-border-warning, #db8600);
+}
+.om-component-ui-select-trigger-success {
+  border-color: var(--om-border-positive, #1f5800);
+}
+.om-component-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-component-ui-select-trigger-readonly, .om-component-ui-select-trigger-readonly:hover, .om-component-ui-select-trigger-readonly:focus, .om-component-ui-select-trigger-readonly:focus-visible {
+  background-color: var(--om-bg-neutral-tertiary, #f0f0f0);
+  border-color: transparent;
+  outline: none;
+  box-shadow: none;
+  cursor: default;
+}
+.om-component-ui-select-trigger-error, .om-component-ui-select-trigger-warning, .om-component-ui-select-trigger-success, .om-component-ui-select-trigger-frameless {
+  box-shadow: none;
+}
+.om-component-ui-select-trigger-disabled .om-component-ui-select-prefix, .om-component-ui-select-trigger-disabled .om-component-ui-select-icon {
+  color: var(--om-icon-disabled, #d1d2d2);
+}
+.om-component-ui-select-content {
+  display: flex;
+  flex: 1 1 auto;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  min-width: 0;
+}
+.om-component-ui-select-prefix {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  color: var(--om-icon-default-tertiary, #646465);
+}
+.om-component-ui-select-value, .om-component-ui-select-placeholder {
+  display: inline-flex;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.om-component-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-component-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-component-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-component-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-component-ui-select-value {
+  color: var(--om-text-default, #131313);
+}
+.om-component-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-component-ui-select-placeholder {
+  color: var(--om-text-neutral-secondary, #9fa3a3);
+}
+.om-component-ui-select-value-disabled, .om-component-ui-select-placeholder-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+}
+.om-component-ui-select-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  color: var(--om-icon-default, #131313);
+}
+.om-component-ui-select-trigger-multiple-filled {
+  padding-top: var(--om-spacing-200, 8px);
+  padding-bottom: var(--om-spacing-200, 8px);
+}
+.om-component-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-component-ui-select-tag-label {
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.om-component-ui-select-tag-remove {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  color: currentcolor;
+}
+.om-component-ui-select-collapsed-values {
+  display: inline-flex;
+  flex: 1 1 auto;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+  min-width: 0;
+}
+.om-component-ui-select-collapsed-values-list {
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.om-component-ui-select-collapsed-values-extra {
+  flex-shrink: 0;
+  color: var(--om-text-default-secondary, #404042);
+}
+.om-component-ui-select-collapsed-values-extra-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+}
+.om-component-ui-select-feedback {
+  display: inline-flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+  color: var(--om-text-default-secondary, #404042);
+}
+.om-component-ui-select-feedback-error {
+  color: var(--om-text-danger, #ae0000) !important;
+}
+.om-component-ui-select-feedback-warning {
+  color: var(--om-text-warning, #db8600);
+}
+.om-component-ui-select-feedback-success {
+  color: var(--om-text-positive, #1f5800);
+}
+.om-component-ui-select-feedback-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+}
+.om-component-ui-select-feedback-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  margin-top: 1px;
+}
+.om-component-ui-select-panel {
+  z-index: 1500;
+  display: flex;
+  flex-direction: column;
+  padding: var(--om-spacing-200, 8px);
+  overflow: hidden;
+  background-color: var(--om-bg-default, #fff);
+  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, 0.12));
+}
+.om-component-ui-select-search {
+  display: flex;
+  flex-shrink: 0;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  width: 100%;
+  margin-bottom: var(--om-spacing-200, 8px);
+  background-color: var(--om-bg-default, #fff);
+  border: 1px solid var(--om-border-default, #d1d2d2);
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.om-component-ui-select-search-large {
+  min-height: var(--om-component-height-3xl, 56px);
+  padding: var(--om-spacing-300, 12px) var(--om-spacing-400, 16px);
+  border-radius: var(--om-radius-300, 12px);
+}
+.om-component-ui-select-search-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-component-ui-select-search:hover {
+  border-color: var(--om-border-default-tertiary, #404042);
+}
+.om-component-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-component-ui-select-search-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  color: var(--om-icon-default, #131313);
+}
+.om-component-ui-select-search-input {
+  flex: 1 1 auto;
+  min-width: 0;
+  color: var(--om-text-default, #131313);
+  background: transparent;
+  border: none;
+  outline: none;
+}
+.om-component-ui-select-search-input-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-component-ui-select-search-input-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-component-ui-select-search-input::-moz-placeholder {
+  color: var(--om-text-neutral-secondary, #9fa3a3);
+}
+.om-component-ui-select-search-input::placeholder {
+  color: var(--om-text-neutral-secondary, #9fa3a3);
+}
+.om-component-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-component-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-component-ui-select-group {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.om-component-ui-select-group-label {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: var(--om-spacing-200, 8px) 0;
+  color: var(--om-text-default, #131313);
+}
+.om-component-ui-select-option {
+  display: flex;
+  gap: var(--om-spacing-300, 12px);
+  align-items: center;
+  width: 100%;
+  min-height: 40px;
+  margin: var(--om-spacing-100, 4px) 0;
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-200, 8px);
+  color: var(--om-text-default, #131313);
+  text-align: left;
+  background: transparent;
+  border: none;
+  border-radius: var(--om-radius-200, 8px);
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+.om-component-ui-select-option:focus, .om-component-ui-select-option:focus-visible {
+  outline: none;
+  box-shadow: none;
+}
+.om-component-ui-select-option:hover, .om-component-ui-select-option-active, .om-component-ui-select-option-selected {
+  background-color: var(--om-bg-default-secondary, #f8f8f8);
+}
+.om-component-ui-select-option-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  background-color: transparent;
+  cursor: not-allowed;
+}
+.om-component-ui-select-option-content {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: var(--om-spacing-050, 2px);
+  min-width: 0;
+}
+.om-component-ui-select-option-label {
+  min-width: 0;
+  overflow: hidden;
+  color: currentcolor;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.om-component-ui-select-option-description {
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.om-component-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-component-ui-select-empty {
+  padding: var(--om-spacing-200, 8px);
+  text-align: center;
+}
+.om-component-ui-select-frameless {
+  width: auto;
+}
+.om-component-ui-select-frameless .om-component-ui-select-value-large, .om-component-ui-select-frameless .om-component-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);
+  color: var(--om-text-default-tertiary, #646465);
+}
+.om-component-ui-select-frameless .om-component-ui-select-value-small, .om-component-ui-select-frameless .om-component-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);
+  color: var(--om-text-default-tertiary, #646465);
+}
+.om-component-ui-select-frameless.om-component-ui-select-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+require("../../Icons/style/css");
+require("../../Typography/style/css");
+require("./Select.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L3NyYy9jb21wb25lbnRzL1NlbGVjdC9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6WyJyZXF1aXJlIl0sIm1hcHBpbmdzIjoiOztBQUFBQSxPQUFBO0FBQ0FBLE9BQUE7QUFDQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL1NlbGVjdC9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

@@ -0,0 +1,3 @@
+import "../../Icons/style";
+import "../../Typography/style";
+import './Select.css';

package/lib/components/Select/style/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("../../Icons/style");
+require("../../Typography/style");
+require("./Select.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2VsZWN0L3NyYy9jb21wb25lbnRzL1NlbGVjdC9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6WyJyZXF1aXJlIl0sIm1hcHBpbmdzIjoiOztBQUFBQSxPQUFBO0FBQ0FBLE9BQUE7QUFDQUEsT0FBQSIsImZpbGUiOiJjb21wb25lbnRzL1NlbGVjdC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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

@@ -0,0 +1,34 @@
+import type { ElementProps, FloatingContext, Placement, ReferenceType, UseFloatingReturn, UseRoleProps } from '@floating-ui/react';
+import type { CSSProperties } from 'react';
+import type { FloatingAnimation } from "../../hooks/useFloatingAnimation";
+export type SelectShellOffset = number | {
+    mainAxis?: number;
+    crossAxis?: number;
+    alignmentAxis?: number | null;
+};
+export interface UseSelectShellOptions {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    placement?: Placement;
+    panelWidth?: number | string;
+    listMaxHeight?: number;
+    animation?: FloatingAnimation;
+    role?: UseRoleProps['role'];
+    offset?: SelectShellOffset;
+}
+export interface UseSelectShellReturn<RT extends ReferenceType = ReferenceType> {
+    isOpen: boolean;
+    setOpen: (open: boolean) => void;
+    refs: UseFloatingReturn<RT>['refs'];
+    context: FloatingContext<RT>;
+    placement: Placement;
+    floatingStyles: CSSProperties;
+    transitionStyles: CSSProperties;
+    isMounted: boolean;
+    baseInteractions: ElementProps[];
+}
+export declare function useSelectShell<RT extends HTMLElement = HTMLButtonElement>(options: UseSelectShellOptions): UseSelectShellReturn<RT>;
+export default useSelectShell;

package/lib/components/Select/useSelectShell.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+exports.useSelectShell = useSelectShell;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = require("@floating-ui/react");
+var _react2 = require("react");
+var _hooks = require("@1money/hooks");
+var _useFloatingAnimation2 = require("../../hooks/useFloatingAnimation");
+var DEFAULT_PLACEMENT = 'bottom-start';
+var DEFAULT_LIST_MAX_HEIGHT = 320;
+var PANEL_MIN_HEIGHT = 120;
+function useSelectShell(options) {
+  var open = options.open,
+    _options$defaultOpen = options.defaultOpen,
+    defaultOpen = _options$defaultOpen === void 0 ? false : _options$defaultOpen,
+    onOpenChange = options.onOpenChange,
+    _options$disabled = options.disabled,
+    disabled = _options$disabled === void 0 ? false : _options$disabled,
+    _options$readOnly = options.readOnly,
+    readOnly = _options$readOnly === void 0 ? false : _options$readOnly,
+    _options$placement = options.placement,
+    placement = _options$placement === void 0 ? DEFAULT_PLACEMENT : _options$placement,
+    panelWidth = options.panelWidth,
+    _options$listMaxHeigh = options.listMaxHeight,
+    listMaxHeight = _options$listMaxHeigh === void 0 ? DEFAULT_LIST_MAX_HEIGHT : _options$listMaxHeigh,
+    animation = options.animation,
+    _options$role = options.role,
+    roleType = _options$role === void 0 ? 'select' : _options$role,
+    _options$offset = options.offset,
+    offsetProp = _options$offset === void 0 ? 0 : _options$offset;
+  var interactive = !disabled && !readOnly;
+  var offsetIsObject = (0, _typeof2["default"])(offsetProp) === 'object' && offsetProp !== null;
+  var offsetMainAxis = offsetIsObject ? offsetProp.mainAxis : offsetProp;
+  var offsetCrossAxis = offsetIsObject ? offsetProp.crossAxis : undefined;
+  var offsetAlignmentAxis = offsetIsObject ? offsetProp.alignmentAxis : undefined;
+  var _useControlledState = (0, _hooks.useControlledState)(defaultOpen, open),
+    _useControlledState2 = (0, _slicedToArray2["default"])(_useControlledState, 2),
+    isOpen = _useControlledState2[0],
+    setOpenState = _useControlledState2[1];
+  var setOpen = (0, _hooks.useEventCallback)(function (nextOpen) {
+    setOpenState(nextOpen);
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
+  });
+  var _useFloating = (0, _react.useFloating)({
+      open: isOpen,
+      onOpenChange: setOpen,
+      placement: placement,
+      whileElementsMounted: _react.autoUpdate,
+      transform: false,
+      middleware: [(0, _react.offset)({
+        mainAxis: offsetMainAxis,
+        crossAxis: offsetCrossAxis,
+        alignmentAxis: offsetAlignmentAxis
+      }, [offsetMainAxis, offsetCrossAxis, offsetAlignmentAxis]), (0, _react.flip)({
+        padding: 8
+      }), (0, _react.shift)({
+        padding: 8
+      }), (0, _react.size)({
+        apply: function apply(_ref) {
+          var rects = _ref.rects,
+            elements = _ref.elements,
+            availableHeight = _ref.availableHeight;
+          var nextMaxHeight = Math.max(PANEL_MIN_HEIGHT, Math.min(listMaxHeight, availableHeight));
+          var resolvedWidth = panelWidth == null ? "".concat(rects.reference.width, "px") : typeof panelWidth === 'number' ? "".concat(panelWidth, "px") : panelWidth;
+          Object.assign(elements.floating.style, {
+            width: resolvedWidth,
+            maxHeight: "".concat(nextMaxHeight, "px")
+          });
+        }
+      }, [panelWidth, listMaxHeight])]
+    }),
+    refs = _useFloating.refs,
+    floatingStyles = _useFloating.floatingStyles,
+    context = _useFloating.context,
+    resolvedPlacement = _useFloating.placement;
+  var resolvedAnimation = (0, _react2.useMemo)(function () {
+    return animation === false ? false : Object.assign({
+      kind: 'height'
+    }, animation !== null && animation !== void 0 ? animation : {});
+  }, [animation]);
+  var _useFloatingAnimation = (0, _useFloatingAnimation2.useFloatingAnimation)(context, resolvedPlacement, resolvedAnimation),
+    isMounted = _useFloatingAnimation.isMounted,
+    transitionStyles = _useFloatingAnimation.styles;
+  var click = (0, _react.useClick)(context, {
+    enabled: interactive
+  });
+  var dismiss = (0, _react.useDismiss)(context, {
+    enabled: interactive,
+    outsidePressEvent: 'mousedown'
+  });
+  var role = (0, _react.useRole)(context, {
+    role: roleType
+  });
+  var baseInteractions = [click, dismiss, role];
+  return {
+    isOpen: isOpen,
+    setOpen: setOpen,
+    refs: refs,
+    context: context,
+    placement: resolvedPlacement,
+    floatingStyles: floatingStyles,
+    transitionStyles: transitionStyles,
+    isMounted: isMounted,
+    baseInteractions: baseInteractions
+  };
+}
+var _default = exports["default"] = useSelectShell;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2VsZWN0L3VzZVNlbGVjdFNoZWxsLnRzIiwiY29tcG9uZW50cy9TZWxlY3QvdXNlU2VsZWN0U2hlbGwuanMiXSwibmFtZXMiOlsiX3JlYWN0IiwicmVxdWlyZSIsIl9yZWFjdDIiLCJfaG9va3MiLCJfdXNlRmxvYXRpbmdBbmltYXRpb24yIiwiREVGQVVMVF9QTEFDRU1FTlQiLCJERUZBVUxUX0xJU1RfTUFYX0hFSUdIVCIsIlBBTkVMX01JTl9IRUlHSFQiLCJ1c2VTZWxlY3RTaGVsbCIsIm9wdGlvbnMiLCJvcGVuIiwiX29wdGlvbnMkZGVmYXVsdE9wZW4iLCJkZWZhdWx0T3BlbiIsIm9uT3BlbkNoYW5nZSIsIl9vcHRpb25zJGRpc2FibGVkIiwiZGlzYWJsZWQiLCJfb3B0aW9ucyRyZWFkT25seSIsInJlYWRPbmx5IiwiX29wdGlvbnMkcGxhY2VtZW50IiwicGxhY2VtZW50IiwicGFuZWxXaWR0aCIsIl9vcHRpb25zJGxpc3RNYXhIZWlnaCIsImxpc3RNYXhIZWlnaHQiLCJhbmltYXRpb24iLCJfb3B0aW9ucyRyb2xlIiwicm9sZSIsInJvbGVUeXBlIiwiX29wdGlvbnMkb2Zmc2V0Iiwib2Zmc2V0Iiwib2Zmc2V0UHJvcCIsImludGVyYWN0aXZlIiwib2Zmc2V0SXNPYmplY3QiLCJfdHlwZW9mMiIsIm9mZnNldE1haW5BeGlzIiwibWFpbkF4aXMiLCJvZmZzZXRDcm9zc0F4aXMiLCJjcm9zc0F4aXMiLCJ1bmRlZmluZWQiLCJvZmZzZXRBbGlnbm1lbnRBeGlzIiwiYWxpZ25tZW50QXhpcyIsIl91c2VDb250cm9sbGVkU3RhdGUiLCJ1c2VDb250cm9sbGVkU3RhdGUiLCJfdXNlQ29udHJvbGxlZFN0YXRlMiIsIl9zbGljZWRUb0FycmF5MiIsImlzT3BlbiIsInNldE9wZW5TdGF0ZSIsInNldE9wZW4iLCJ1c2VFdmVudENhbGxiYWNrIiwibmV4dE9wZW4iLCJfdXNlRmxvYXRpbmciLCJ1c2VGbG9hdGluZyIsIndoaWxlRWxlbWVudHNNb3VudGVkIiwiYXV0b1VwZGF0ZSIsInRyYW5zZm9ybSIsIm1pZGRsZXdhcmUiLCJmbGlwIiwicGFkZGluZyIsInNoaWZ0IiwiZmxvYXRpbmdTaXplIiwiYXBwbHkiLCJfcmVmIiwicmVjdHMiLCJlbGVtZW50cyIsImF2YWlsYWJsZUhlaWdodCIsIm5leHRNYXhIZWlnaHQiLCJNYXRoIiwibWF4IiwibWluIiwicmVzb2x2ZWRXaWR0aCIsImNvbmNhdCIsInJlZmVyZW5jZSIsIndpZHRoIiwiT2JqZWN0IiwiYXNzaWduIiwiZmxvYXRpbmciLCJzdHlsZSIsIm1heEhlaWdodCIsInJlZnMiLCJmbG9hdGluZ1N0eWxlcyIsImNvbnRleHQiLCJyZXNvbHZlZFBsYWNlbWVudCIsInJlc29sdmVkQW5pbWF0aW9uIiwidXNlTWVtbyIsImtpbmQiLCJfdXNlRmxvYXRpbmdBbmltYXRpb24iLCJ1c2VGbG9hdGluZ0FuaW1hdGlvbiIsImlzTW91bnRlZCIsInRyYW5zaXRpb25TdHlsZXMiLCJzdHlsZXMiLCJjbGljayIsInVzZUNsaWNrIiwiZW5hYmxlZCIsImRpc21pc3MiLCJ1c2VEaXNtaXNzIiwib3V0c2lkZVByZXNzRXZlbnQiLCJ1c2VSb2xlIiwiYmFzZUludGVyYWN0aW9ucyIsIl9kZWZhdWx0IiwiZXhwb3J0cyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsT0FBQTtBQVdBLElBQUFDLE9BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLHNCQUFBLEdBQUFILE9BQUE7QUEwQ0EsSUFBTUksaUJBQWlCLEdBQWMsY0FBYztBQUNuRCxJQUFNQyx1QkFBdUIsR0FBRyxHQUFHO0FBQ25DLElBQU1DLGdCQUFnQixHQUFHLEdBQUc7QUFFdEIsU0FBVUMsY0FBY0EsQ0FDNUJDLE9BQThCLEVBQUE7RUFFOUIsSUFDRUMsSUFBSSxHQVdGRCxPQUFPLENBWFRDLElBQUk7SUFBQUMsb0JBQUEsR0FXRkYsT0FBTyxD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LENBQUcsQ0FBRTtFQUFBLEdBQ3ZELENBQUNBLFNBQVMsQ0FBQyxDQUNaO0VBQ0QsSUFBQTZELHFCQUFBLEdBQWdELElBQUFDLDJDQUFvQixFQUNsRU4sT0FBTyxFQUNQQyxpQkFBaUIsRUFDakJDLGlCQUFpQixDQUNsQjtJQUpPSyxTQUFTLEdBQUFGLHFCQUFBLENBQVRFLFNBQVM7SUFBVUMsZ0JBQWdCLEdBQUFILHFCQUFBLENBQXhCSSxNQUFNO0VBTXpCLElBQU1DLEtBQUssR0FBRyxJQUFBQyxlQUFRLEVBQUNYLE9BQU8sRUFBRTtJQUFFWSxPQUFPLEVBQUU3RDtFQUFXLENBQUUsQ0FBQztFQUN6RCxJQUFNOEQsT0FBTyxHQUFHLElBQUFDLGlCQUFVLEVBQUNkLE9BQU8sRUFBRTtJQUNsQ1ksT0FBTyxFQUFFN0QsV0FBVztJQUNwQmdFLGlCQUFpQixFQUFFO0VDOUZuQixDRCtGRCxDQUFDO0VBQ0YsSUFBTXJFLElBQUksR0FBRyxJQUFBc0UsY0FBTyxFQUFDaEIsT0FBTyxFQUFFO0lBQUV0RCxJQUFJLEVBQUVDO0VBQVEsQ0FBRSxDQUFDO0VBRWpELElBQU1zRSxnQkFBZ0IsR0FBbUIsQ0FBQ1AsS0FBSyxFQUFFRyxPQUFPLEVBQUVuRSxJQUFJLENBQUM7RUFFL0QsT0FBTztJQUNMbUIsTUFBTSxFQUFOQSxNQUFNO0lBQ05FLE9BQU8sRUFBUEEsT0FBTztJQUNQK0IsSUFBSSxFQUFKQSxJQUFJO0lBQ0pFLE9BQU8sRUFBUEEsT0FBTztJQUNQNUQsU0FBUyxFQUFFNkQsaUJBQWlCO0lBQzVCRixjQUFjLEVBQWRBLGNBQWM7SUFDZFMsZ0JBQWdCLEVBQWhCQSxnQkFBZ0I7SUFDaEJELFNBQVMsRUFBVEEsU0FBUztJQUNUVSxnQkFBZ0IsRUFBaEJBO0VDaEdBLENEaUdEO0FBQ0g7QUFBQyxJQUFBQyxRQUFBLEdBQUFDLE9BQUEsY0FFYzFGLGNBQWMiLCJmaWxlIjoiY29tcG9uZW50cy9TZWxlY3QvdXNlU2VsZWN0U2hlbGwuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCB7IGF1dG9VcGRhdGUsIGZsaXAsIG9mZnNldCwgc2hpZnQsIHNpemUgYXMgZmxvYXRpbmdTaXplLCB1c2VDbGljaywgdXNlRGlzbWlzcywgdXNlRmxvYXRpbmcsIHVzZVJvbGUsIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0JztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VDb250cm9sbGVkU3RhdGUsIHVzZUV2ZW50Q2FsbGJhY2sgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmltcG9ydCB7IHVzZUZsb2F0aW5nQW5pbWF0aW9uIH0gZnJvbSAnLi4vLi4vaG9va3MvdXNlRmxvYXRpbmdBbmltYXRpb24nO1xuY29uc3QgREVGQVVMVF9QTEFDRU1FTlQgPSAnYm90dG9tLXN0YXJ0JztcbmNvbnN0IERFRkFVTFRfTElTVF9NQVhfSEVJR0hUID0gMzIwO1xuY29uc3QgUEFORUxfTUlOX0hFSUdIVCA9IDEyMDtcbmV4cG9ydCBmdW5jdGlvbiB1c2VTZWxlY3RTaGVsbChvcHRpb25zKSB7XG4gICAgY29uc3QgeyBvcGVuLCBkZWZhdWx0T3BlbiA9IGZhbHNlLCBvbk9wZW5DaGFuZ2UsIGRpc2FibGVkID0gZmFsc2UsIHJlYWRPbmx5ID0gZmFsc2UsIHBsYWNlbWVudCA9IERFRkFVTFRfUExBQ0VNRU5ULCBwYW5lbFdpZHRoLCBsaXN0TWF4SGVpZ2h0ID0gREVGQVVMVF9MSVNUX01BWF9IRUlHSFQsIGFuaW1hdGlvbiwgcm9sZTogcm9sZVR5cGUgPSAnc2VsZWN0Jywgb2Zmc2V0OiBvZmZzZXRQcm9wID0gMCwgfSA9IG9wdGlvbnM7XG4gICAgY29uc3QgaW50ZXJhY3RpdmUgPSAhZGlzYWJsZWQgJiYgIXJlYWRPbmx5O1xuICAgIGNvbnN0IG9mZnNldElzT2JqZWN0ID0gdHlwZW9mIG9mZnNldFByb3AgPT09ICdvYmplY3QnICYmIG9mZnNldFByb3AgIT09IG51bGw7XG4gICAgY29uc3Qgb2Zmc2V0TWFpbkF4aXMgPSBvZmZzZXRJc09iamVjdCA/IG9mZnNldFByb3AubWFpbkF4aXMgOiBvZmZzZXRQcm9wO1xuICAgIGNvbnN0IG9mZnNldENyb3NzQXhpcyA9IG9mZnNldElzT2JqZWN0ID8gb2Zmc2V0UHJvcC5jcm9zc0F4aXMgOiB1bmRlZmluZWQ7XG4gICAgY29uc3Qgb2Zmc2V0QWxpZ25tZW50QXhpcyA9IG9mZnNldElzT2JqZWN0ID8gb2Zmc2V0UHJvcC5hbGlnbm1lbnRBeGlzIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IFtpc09wZW4sIHNldE9wZW5TdGF0ZV0gPSB1c2VDb250cm9sbGVkU3RhdGUoZGVmYXVsdE9wZW4sIG9wZW4pO1xuICAgIGNvbnN0IHNldE9wZW4gPSB1c2VFdmVudENhbGxiYWNrKChuZXh0T3BlbikgPT4ge1xuICAgICAgICBzZXRPcGVuU3RhdGUobmV4dE9wZW4pO1xuICAgICAgICBvbk9wZW5DaGFuZ2UgPT09IG51bGwgfHwgb25PcGVuQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbk9wZW5DaGFuZ2UobmV4dE9wZW4pO1xuICAgIH0pO1xuICAgIGNvbnN0IHsgcmVmcywgZmxvYXRpbmdTdHlsZXMsIGNvbnRleHQsIHBsYWNlbWVudDogcmVzb2x2ZWRQbGFjZW1lbnQsIH0gPSB1c2VGbG9hdGluZyh7XG4gICAgICAgIG9wZW46IGlzT3BlbixcbiAgICAgICAgb25PcGVuQ2hhbmdlOiBzZXRPcGVuLFxuICAgICAgICBwbGFjZW1lbnQsXG4gICAgICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgICAgICB0cmFuc2Zvcm06IGZhbHNlLFxuICAgICAgICBtaWRkbGV3YXJlOiBbXG4gICAgICAgICAgICBvZmZzZXQoe1xuICAgICAgICAgICAgICAgIG1haW5BeGlzOiBvZmZzZXRNYWluQXhpcyxcbiAgICAgICAgICAgICAgICBjcm9zc0F4aXM6IG9mZnNldENyb3NzQXhpcyxcbiAgICAgICAgICAgICAgICBhbGlnbm1lbnRBeGlzOiBvZmZzZXRBbGlnbm1lbnRBeGlzLFxuICAgICAgICAgICAgfSwgW29mZnNldE1haW5BeGlzLCBvZmZzZXRDcm9zc0F4aXMsIG9mZnNldEFsaWdubWVudEF4aXNdKSxcbiAgICAgICAgICAgIGZsaXAoeyBwYWRkaW5nOiA4IH0pLFxuICAgICAgICAgICAgc2hpZnQoeyBwYWRkaW5nOiA4IH0pLFxuICAgICAgICAgICAgZmxvYXRpbmdTaXplKHtcbiAgICAgICAgICAgICAgICBhcHBseSh7IHJlY3RzLCBlbGVtZW50cywgYXZhaWxhYmxlSGVpZ2h0IH0pIHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgbmV4dE1heEhlaWdodCA9IE1hdGgubWF4KFBBTkVMX01JTl9IRUlHSFQsIE1hdGgubWluKGxpc3RNYXhIZWlnaHQsIGF2YWlsYWJsZUhlaWdodCkpO1xuICAgICAgICAgICAgICAgICAgICBjb25zdCByZXNvbHZlZFdpZHRoID0gcGFuZWxXaWR0aCA9PSBudWxsXG4gICAgICAgICAgICAgICAgICAgICAgICA/IGAke3JlY3RzLnJlZmVyZW5jZS53aWR0aH1weGBcbiAgICAgICAgICAgICAgICAgICAgICAgIDogdHlwZW9mIHBhbmVsV2lkdGggPT09ICdudW1iZXInXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBgJHtwYW5lbFdpZHRofXB4YFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogcGFuZWxXaWR0aDtcbiAgICAgICAgICAgICAgICAgICAgT2JqZWN0LmFzc2lnbihlbGVtZW50cy5mbG9hdGluZy5zdHlsZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHJlc29sdmVkV2lkdGgsXG4gICAgICAgICAgICAgICAgICAgICAgICBtYXhIZWlnaHQ6IGAke25leHRNYXhIZWlnaHR9cHhgLFxuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgfSwgW3BhbmVsV2lkdGgsIGxpc3RNYXhIZWlnaHRdKSxcbiAgICAgICAgXSxcbiAgICB9KTtcbiAgICBjb25zdCByZXNvbHZlZEFuaW1hdGlvbiA9IHVzZU1lbW8oKCkgPT4gYW5pbWF0aW9uID09PSBmYWxzZVxuICAgICAgICA/IGZhbHNlXG4gICAgICAgIDogT2JqZWN0LmFzc2lnbih7IGtpbmQ6ICdoZWlnaHQnIH0sIChhbmltYXRpb24gIT09IG51bGwgJiYgYW5pbWF0aW9uICE9PSB2b2lkIDAgPyBhbmltYXRpb24gOiB7fSkpLCBbYW5pbWF0aW9uXSk7XG4gICAgY29uc3QgeyBpc01vdW50ZWQsIHN0eWxlczogdHJhbnNpdGlvblN0eWxlcyB9ID0gdXNlRmxvYXRpbmdBbmltYXRpb24oY29udGV4dCwgcmVzb2x2ZWRQbGFjZW1lbnQsIHJlc29sdmVkQW5pbWF0aW9uKTtcbiAgICBjb25zdCBjbGljayA9IHVzZUNsaWNrKGNvbnRleHQsIHsgZW5hYmxlZDogaW50ZXJhY3RpdmUgfSk7XG4gICAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCwge1xuICAgICAgICBlbmFibGVkOiBpbnRlcmFjdGl2ZSxcbiAgICAgICAgb3V0c2lkZVByZXNzRXZlbnQ6ICdtb3VzZWRvd24nLFxuICAgIH0pO1xuICAgIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQsIHsgcm9sZTogcm9sZVR5cGUgfSk7XG4gICAgY29uc3QgYmFzZUludGVyYWN0aW9ucyA9IFtjbGljaywgZGlzbWlzcywgcm9sZV07XG4gICAgcmV0dXJuIHtcbiAgICAgICAgaXNPcGVuLFxuICAgICAgICBzZXRPcGVuLFxuICAgICAgICByZWZzLFxuICAgICAgICBjb250ZXh0LFxuICAgICAgICBwbGFjZW1lbnQ6IHJlc29sdmVkUGxhY2VtZW50LFxuICAgICAgICBmbG9hdGluZ1N0eWxlcyxcbiAgICAgICAgdHJhbnNpdGlvblN0eWxlcyxcbiAgICAgICAgaXNNb3VudGVkLFxuICAgICAgICBiYXNlSW50ZXJhY3Rpb25zLFxuICAgIH07XG59XG5leHBvcnQgZGVmYXVsdCB1c2VTZWxlY3RTaGVsbDsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,21 @@
+import type { SelectFilterOption, SelectMultipleValue, SelectOptionData, SelectOptionGroup, SelectOption, SelectOptionValue, SelectProps, SelectSize, SelectValue } from './interface';
+export interface SelectOptionGroupSection {
+    key: string;
+    label?: SelectOptionGroup['label'];
+    options: SelectOption[];
+}
+export declare function normalizeSize(size?: SelectProps['size']): SelectSize;
+export declare function extractOptionText(option: SelectOption): string;
+export declare function isSelectMultipleValue(value: SelectValue, multiple: boolean): value is SelectMultipleValue;
+export declare function isSelectOptionGroup(option: SelectOptionData): option is SelectOptionGroup;
+export declare function getSelectedOptions(options: SelectOption[], value: SelectValue, multiple: boolean): SelectOption[];
+export declare function getOptionTagLabel(option: SelectOption): string;
+export declare function normalizeOptionGroups(options: SelectOptionData[]): SelectOptionGroupSection[];
+export declare function flattenOptionGroups(groups: SelectOptionGroupSection[]): SelectOption[];
+export declare function getOptionSearchText(option: SelectOption): string;
+export declare function filterOptionGroups(groups: SelectOptionGroupSection[], searchValue: string, filterOption?: SelectFilterOption): SelectOptionGroupSection[];
+export declare function getMultipleValue(value: SelectValue): SelectMultipleValue;
+export declare function getOptionsByValues(options: SelectOption[], values: SelectMultipleValue): SelectOption[];
+export declare function toggleMultipleValue(currentValue: SelectValue, optionValue: SelectOptionValue): SelectMultipleValue;
+export declare function removeMultipleValue(currentValue: SelectValue, optionValue: SelectOptionValue): SelectMultipleValue;
+export declare function isOptionSelected(value: SelectValue, multiple: boolean, optionValue: SelectOptionValue): boolean;