@remember-web/primitive 0.1.12 → 0.1.13

package/dist/src/Inputs/Select/NativeSelect/index.esm.js

@@ -1,48 +0,0 @@
-"use client";
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef } from 'react';
-import { IconArrow2Down } from '@remember-web/icon';
-import { StyledSelect, SelectDownIcon } from './styles.esm.js';
-import { SelectContainer } from '../styles.esm.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["children", "className", "width", "placeholder", "value", "disabled", "onClick"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var NativeSelect = function NativeSelect(_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    width = _ref.width,
-    placeholder = _ref.placeholder,
-    value = _ref.value,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var showPlaceholder = !value && !!placeholder;
-  return /*#__PURE__*/jsxs(SelectContainer, {
-    "aria-disabled": disabled,
-    className: className,
-    children: [/*#__PURE__*/jsxs(StyledSelect, _objectSpread(_objectSpread({}, props), {}, {
-      value: value,
-      $width: width,
-      ref: ref,
-      isPlaceholder: showPlaceholder,
-      disabled: disabled,
-      onClick: onClick,
-      children: [!value && /*#__PURE__*/jsx("option", {
-        value: "",
-        selected: true,
-        children: placeholder || 'ㅤ'
-      }), children]
-    })), /*#__PURE__*/jsx(SelectDownIcon, {
-      children: /*#__PURE__*/jsx(IconArrow2Down, {
-        size: "small"
-      })
-    })]
-  });
-};
-var NativeSelect$1 = /*#__PURE__*/forwardRef(NativeSelect);
-
-export { NativeSelect$1 as default };
-//# sourceMappingURL=index.esm.js.map

package/dist/src/Inputs/Select/NativeSelect/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/Inputs/Select/NativeSelect/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardRefRenderFunction } from 'react';\nimport { forwardRef } from 'react';\nimport { IconArrow2Down } from '@remember-web/icon';\n\nimport { SelectDownIcon, StyledSelect } from './styles';\nimport type { NativeSelectInternalProps } from './types';\nimport { SelectContainer } from '../styles';\n\nconst NativeSelect: ForwardRefRenderFunction<\n  HTMLSelectElement,\n  NativeSelectInternalProps\n> = (\n  {\n    children,\n    className,\n    width,\n    placeholder,\n    value,\n    disabled,\n    onClick,\n    ...props\n  },\n  ref\n) => {\n  const showPlaceholder = !value && !!placeholder;\n\n  return (\n    <SelectContainer aria-disabled={disabled} className={className}>\n      <StyledSelect\n        {...props}\n        value={value}\n        $width={width}\n        ref={ref}\n        isPlaceholder={showPlaceholder}\n        disabled={disabled}\n        onClick={onClick}\n      >\n        {!value && (\n          <option value=\"\" selected>\n            {placeholder || 'ㅤ'}\n          </option>\n        )}\n        {children}\n      </StyledSelect>\n      <SelectDownIcon>\n        <IconArrow2Down size=\"small\" />\n      </SelectDownIcon>\n    </SelectContainer>\n  );\n};\n\nexport default forwardRef(NativeSelect);\n"],"names":["props","className","value","$width","ref","isPlaceholder","disabled","onClick","children","size"],"mappings":";;;;;;;;;AAAa;AAAA;AAAA;AAUb;AAeK;;;;;;;AAHEA;AAIL;;AAGmB;AAAyBC;;AAGtCC;AACAC;AACAC;AACAC;AACAC;AACAC;AAAiBC;AAGPN;;;;AAID;;AAGOO;;AAAe;AAChB;AAGvB;AAEA;;"}

package/dist/src/Inputs/Select/NativeSelect/styles.cjs.js

@@ -1,31 +0,0 @@
-"use client";
-'use strict';
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var mixin = require('@remember-web/mixin');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var _templateObject, _templateObject2, _templateObject3;
-var StyledSelect = styled__default.default.select(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  all: unset;\n\n  ", "\n  border: 1px solid ", ";\n  border-radius: 4px;\n  padding: 10px 36px 10px 12px;\n  box-sizing: border-box;\n\n  ", "\n\n  width: ", ";\n\n  transition: border-color 0.2s, background-color 0.2s;\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  &:not(:disabled) {\n    @media (hover: hover) {\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n  }\n"])), mixin.getTypographyStyles('Body1_M'), mixin.contents300, function (_ref) {
-  var isPlaceholder = _ref.isPlaceholder;
-  return isPlaceholder && styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n      color: ", ";\n    "])), mixin.contents200);
-}, function (_ref2) {
-  var $width = _ref2.$width;
-  if (!$width) {
-    return null;
-  }
-  if (typeof $width === 'number') {
-    return "".concat($width, "px");
-  }
-  return $width;
-}, mixin.contents000, mixin.bg200, mixin.bg300);
-var SelectDownIcon = styled__default.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n\n  & > svg {\n    display: block;\n  }\n\n  pointer-events: none;\n"])));
-
-exports.SelectDownIcon = SelectDownIcon;
-exports.StyledSelect = StyledSelect;
-//# sourceMappingURL=styles.cjs.js.map

package/dist/src/Inputs/Select/NativeSelect/styles.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../../../src/Inputs/Select/NativeSelect/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { css } from 'styled-components';\nimport {\n  bg200,\n  bg300,\n  contents000,\n  contents200,\n  contents300,\n  getTypographyStyles,\n} from '@remember-web/mixin';\n\nexport const StyledSelect = styled.select<{\n  $width?: number | string;\n  isPlaceholder?: boolean;\n}>`\n  all: unset;\n\n  ${getTypographyStyles('Body1_M')}\n  border: 1px solid ${contents300};\n  border-radius: 4px;\n  padding: 10px 36px 10px 12px;\n  box-sizing: border-box;\n\n  ${({ isPlaceholder }) =>\n    isPlaceholder &&\n    css`\n      color: ${contents200};\n    `}\n\n  width: ${({ $width }) => {\n    if (!$width) {\n      return null;\n    }\n\n    if (typeof $width === 'number') {\n      return `${$width}px`;\n    }\n\n    return $width;\n  }};\n\n  transition: border-color 0.2s, background-color 0.2s;\n\n  &:focus {\n    border-color: ${contents000};\n  }\n\n  &:not(:disabled) {\n    @media (hover: hover) {\n      &:hover {\n        background-color: ${bg200};\n      }\n    }\n\n    &:active {\n      background-color: ${bg300};\n    }\n  }\n`;\nexport const SelectDownIcon = styled.div`\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n\n  & > svg {\n    display: block;\n  }\n\n  pointer-events: none;\n`;\n"],"names":["SelectDownIcon"],"mappings":";;;;;;;;;;;;AAAa;AAYN;AAYH;;AAIC;AAEsB;;AAErB;AACF;AAEA;;AAEA;AAEA;AACF;AAoBWA;;;"}

package/dist/src/Inputs/Select/NativeSelect/styles.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const StyledSelect: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
-    $width?: string | number | undefined;
-    isPlaceholder?: boolean | undefined;
-}>>;
-export declare const SelectDownIcon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/src/Inputs/Select/NativeSelect/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/Inputs/Select/NativeSelect/styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,YAAY;;;GA+CxB,CAAC;AACF,eAAO,MAAM,cAAc,gNAW1B,CAAC"}

package/dist/src/Inputs/Select/NativeSelect/styles.esm.js

@@ -1,23 +0,0 @@
-"use client";
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
-import styled, { css } from 'styled-components';
-import { getTypographyStyles, contents300, contents200, contents000, bg200, bg300 } from '@remember-web/mixin';
-
-var _templateObject, _templateObject2, _templateObject3;
-var StyledSelect = styled.select(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  all: unset;\n\n  ", "\n  border: 1px solid ", ";\n  border-radius: 4px;\n  padding: 10px 36px 10px 12px;\n  box-sizing: border-box;\n\n  ", "\n\n  width: ", ";\n\n  transition: border-color 0.2s, background-color 0.2s;\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  &:not(:disabled) {\n    @media (hover: hover) {\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n  }\n"])), getTypographyStyles('Body1_M'), contents300, function (_ref) {
-  var isPlaceholder = _ref.isPlaceholder;
-  return isPlaceholder && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), contents200);
-}, function (_ref2) {
-  var $width = _ref2.$width;
-  if (!$width) {
-    return null;
-  }
-  if (typeof $width === 'number') {
-    return "".concat($width, "px");
-  }
-  return $width;
-}, contents000, bg200, bg300);
-var SelectDownIcon = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n\n  & > svg {\n    display: block;\n  }\n\n  pointer-events: none;\n"])));
-
-export { SelectDownIcon, StyledSelect };
-//# sourceMappingURL=styles.esm.js.map

package/dist/src/Inputs/Select/NativeSelect/styles.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../../../src/Inputs/Select/NativeSelect/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { css } from 'styled-components';\nimport {\n  bg200,\n  bg300,\n  contents000,\n  contents200,\n  contents300,\n  getTypographyStyles,\n} from '@remember-web/mixin';\n\nexport const StyledSelect = styled.select<{\n  $width?: number | string;\n  isPlaceholder?: boolean;\n}>`\n  all: unset;\n\n  ${getTypographyStyles('Body1_M')}\n  border: 1px solid ${contents300};\n  border-radius: 4px;\n  padding: 10px 36px 10px 12px;\n  box-sizing: border-box;\n\n  ${({ isPlaceholder }) =>\n    isPlaceholder &&\n    css`\n      color: ${contents200};\n    `}\n\n  width: ${({ $width }) => {\n    if (!$width) {\n      return null;\n    }\n\n    if (typeof $width === 'number') {\n      return `${$width}px`;\n    }\n\n    return $width;\n  }};\n\n  transition: border-color 0.2s, background-color 0.2s;\n\n  &:focus {\n    border-color: ${contents000};\n  }\n\n  &:not(:disabled) {\n    @media (hover: hover) {\n      &:hover {\n        background-color: ${bg200};\n      }\n    }\n\n    &:active {\n      background-color: ${bg300};\n    }\n  }\n`;\nexport const SelectDownIcon = styled.div`\n  position: absolute;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%);\n\n  & > svg {\n    display: block;\n  }\n\n  pointer-events: none;\n`;\n"],"names":["SelectDownIcon"],"mappings":";;;;;AAAa;AAYN;AAYH;;AAIC;AAEsB;;AAErB;AACF;AAEA;;AAEA;AAEA;AACF;AAoBWA;;"}

package/dist/src/Inputs/Select/NativeSelect/types.d.ts

@@ -1,11 +0,0 @@
-import type { ReactElement, SelectHTMLAttributes } from 'react';
-import type { NativeOption } from './Option';
-import type { OptionProps } from '../types';
-type NativeOptionElement = ReactElement<OptionProps<string>, typeof NativeOption>;
-export type NativeSelectInternalProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, `aria-${string}` | 'children'> & {
-    children: NativeOptionElement | NativeOptionElement[];
-    width?: number | string;
-    placeholder?: string;
-};
-export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/src/Inputs/Select/NativeSelect/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Inputs/Select/NativeSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,KAAK,mBAAmB,GAAG,YAAY,CACrC,WAAW,CAAC,MAAM,CAAC,EACnB,OAAO,YAAY,CACpB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,QAAQ,MAAM,EAAE,GAAG,UAAU,CAC9B,GAAG;IACF,QAAQ,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/dist/src/Inputs/Select/Option/index.cjs.js

@@ -1,11 +0,0 @@
-"use client";
-'use strict';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-var OptionHolder = function OptionHolder(props) {
-  return null;
-};
-OptionHolder.displayName = 'Select.Option';
-
-exports.OptionHolder = OptionHolder;
-//# sourceMappingURL=index.cjs.js.map

package/dist/src/Inputs/Select/Option/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../src/Inputs/Select/Option/index.tsx"],"sourcesContent":["'use client';\n\nimport type { OptionProps, SelectValue } from '../types';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const OptionHolder = <T extends SelectValue>(props: OptionProps<T>) =>\n  null;\n\nOptionHolder.displayName = 'Select.Option';\n"],"names":["OptionHolder"],"mappings":";;;AAIA;;AACyE;AACnE;AAENA;;"}

package/dist/src/Inputs/Select/Option/index.d.ts

@@ -1,6 +0,0 @@
-import type { OptionProps, SelectValue } from '../types';
-export declare const OptionHolder: {
-    <T extends SelectValue>(props: OptionProps<T>): null;
-    displayName: string;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/src/Inputs/Select/Option/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Inputs/Select/Option/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGzD,eAAO,MAAM,YAAY;mCAAkC,YAAY,CAAC,CAAC;;CACnE,CAAC"}

package/dist/src/Inputs/Select/Option/index.esm.js

@@ -1,9 +0,0 @@
-"use client";
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-var OptionHolder = function OptionHolder(props) {
-  return null;
-};
-OptionHolder.displayName = 'Select.Option';
-
-export { OptionHolder };
-//# sourceMappingURL=index.esm.js.map

package/dist/src/Inputs/Select/Option/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/Inputs/Select/Option/index.tsx"],"sourcesContent":["'use client';\n\nimport type { OptionProps, SelectValue } from '../types';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const OptionHolder = <T extends SelectValue>(props: OptionProps<T>) =>\n  null;\n\nOptionHolder.displayName = 'Select.Option';\n"],"names":["OptionHolder"],"mappings":";AAIA;;AACyE;AACnE;AAENA;;"}

package/dist/src/Inputs/Select/index.cjs.js

@@ -1,81 +0,0 @@
-"use client";
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var react = require('react');
-var index$4 = require('./DesignedSelect/index.cjs.js');
-var index$2 = require('./NativeSelect/index.cjs.js');
-var index$3 = require('./NativeSelect/Option/index.cjs.js');
-var index$1 = require('./Option/index.cjs.js');
-var styles = require('./styles.cjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function Select(props, ref) {
-  var children = props.children,
-    label = props.label,
-    value = props.value,
-    className = props.className,
-    disabled = props.disabled,
-    _onChange = props.onChange,
-    placeholder = props.placeholder,
-    width = props.width,
-    required = props.required,
-    onClick = props.onClick;
-  if (props["native"]) {
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      children: [label && /*#__PURE__*/jsxRuntime.jsxs(styles.SelectLabel, {
-        children: [label, required && /*#__PURE__*/jsxRuntime.jsx("mark", {
-          children: "*"
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(index$2, {
-        disabled: disabled,
-        className: className,
-        onClick: onClick,
-        onChange: function onChange(e) {
-          _onChange === null || _onChange === void 0 || _onChange(e.target.value, e.target.innerText);
-        },
-        value: value,
-        required: required,
-        placeholder: placeholder,
-        width: width,
-        ref: ref,
-        children: react.Children.map(children, function (child) {
-          return /*#__PURE__*/jsxRuntime.jsx(index$3.NativeOption, _objectSpread({}, child.props));
-        })
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    children: [label && /*#__PURE__*/jsxRuntime.jsxs(styles.SelectLabel, {
-      children: [label, required && /*#__PURE__*/jsxRuntime.jsx("mark", {
-        children: "*"
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsx(index$4, {
-      className: className,
-      value: value,
-      disabled: disabled,
-      onClick: onClick,
-      onChange: function onChange(_value, _label) {
-        return _onChange === null || _onChange === void 0 ? void 0 : _onChange(_value, _label);
-      },
-      placeholder: placeholder,
-      width: width,
-      maxHeight: props.maxHeight,
-      extendDirection: props.extendDirection,
-      ref: ref,
-      children: children
-    })]
-  });
-}
-var index = Object.assign( /*#__PURE__*/react.forwardRef(Select), {
-  Option: index$1.OptionHolder
-});
-
-module.exports = index;
-//# sourceMappingURL=index.cjs.js.map

package/dist/src/Inputs/Select/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Inputs/Select/index.tsx"],"sourcesContent":["'use client';\n\nimport type { Ref, RefAttributes } from 'react';\nimport { Children, forwardRef } from 'react';\n\nimport DesignedSelect from './DesignedSelect';\nimport NativeSelect from './NativeSelect';\nimport { NativeOption } from './NativeSelect/Option';\nimport { OptionHolder } from './Option';\nimport { SelectLabel } from './styles';\nimport type {\n  DesignedSelectProps,\n  NativeSelectProps,\n  SelectProps,\n  SelectValue,\n} from './types';\n\nfunction Select<Value extends SelectValue>(\n  props: SelectProps<Value>,\n  ref: Ref<HTMLDivElement | HTMLSelectElement>\n) {\n  const {\n    children,\n    label,\n    value,\n    className,\n    disabled,\n    onChange,\n    placeholder,\n    width,\n    required,\n    onClick,\n  } = props;\n\n  if (props.native) {\n    return (\n      <div>\n        {label && (\n          <SelectLabel>\n            {label}\n            {required && <mark>*</mark>}\n          </SelectLabel>\n        )}\n        <NativeSelect\n          disabled={disabled}\n          className={className}\n          onClick={onClick}\n          onChange={(e) => {\n            onChange?.(e.target.value as Value, e.target.innerText);\n          }}\n          value={value}\n          required={required}\n          placeholder={placeholder}\n          width={width}\n          ref={ref as Ref<HTMLSelectElement>}\n        >\n          {Children.map(children, (child) => (\n            <NativeOption {...child.props} />\n          ))}\n        </NativeSelect>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {label && (\n        <SelectLabel>\n          {label}\n          {required && <mark>*</mark>}\n        </SelectLabel>\n      )}\n      <DesignedSelect\n        className={className}\n        value={value}\n        disabled={disabled}\n        onClick={onClick}\n        onChange={(_value, _label) => onChange?.(_value as Value, _label)}\n        placeholder={placeholder}\n        width={width}\n        maxHeight={props.maxHeight}\n        extendDirection={props.extendDirection}\n        ref={ref as Ref<HTMLDivElement>}\n      >\n        {children}\n      </DesignedSelect>\n    </div>\n  );\n}\n\nexport default Object.assign(\n  forwardRef(Select) as <Value extends SelectValue>(\n    props:\n      | (DesignedSelectProps<Value> & RefAttributes<HTMLDivElement>)\n      | (NativeSelectProps<Value> & RefAttributes<HTMLSelectElement>)\n  ) => JSX.Element,\n  { Option: OptionHolder }\n);\n"],"names":["children","disabled","className","onClick","onChange","value","required","placeholder","width","ref","Option"],"mappings":";;;;;;;;;;;;;;;;AAAa;AAAA;AAiBb;AAIE;;;;;;;;;;;AAcE;AACEA;AAEgBA;AAEGA;AAAO;AAAO;AAI7BC;AACAC;AACAC;AACAC;AACEA;;AAEFC;AACAC;AACAC;AACAC;AACAC;;;;AAIE;AACW;AAGrB;AAEA;AACET;AAEgBA;AAEGA;AAAO;AAAO;AAI7BE;AACAG;AACAJ;AACAE;AACAC;;;AACAG;AACAC;;;AAGAC;AAAgCT;AAEvB;AACM;AAGvB;AAEA;AAMIU;AAAqB;;"}

package/dist/src/Inputs/Select/index.d.ts

@@ -1,10 +0,0 @@
-import type { RefAttributes } from 'react';
-import type { DesignedSelectProps, NativeSelectProps, SelectValue } from './types';
-declare const _default: (<Value extends SelectValue>(props: (DesignedSelectProps<Value> & RefAttributes<HTMLDivElement>) | (NativeSelectProps<Value> & RefAttributes<HTMLSelectElement>)) => JSX.Element) & {
-    Option: {
-        <T extends SelectValue>(props: import("./types").OptionProps<T>): null;
-        displayName: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/src/Inputs/Select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAQhD,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAEjB,WAAW,EACZ,MAAM,SAAS,CAAC;4DA8ET,CAAC,oBAAoB,KAAK,CAAC,GAAG,cAAc,cAAc,CAAC,CAAC,GAC5D,CAAC,kBAAkB,KAAK,CAAC,GAAG,cAAc,iBAAiB,CAAC,CAAC,KAC9D,WAAW;;;;;;AALlB,wBAOE"}

package/dist/src/Inputs/Select/index.esm.js

@@ -1,75 +0,0 @@
-"use client";
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { forwardRef, Children } from 'react';
-import DesignedSelect from './DesignedSelect/index.esm.js';
-import NativeSelect from './NativeSelect/index.esm.js';
-import { NativeOption } from './NativeSelect/Option/index.esm.js';
-import { OptionHolder } from './Option/index.esm.js';
-import { SelectLabel } from './styles.esm.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function Select(props, ref) {
-  var children = props.children,
-    label = props.label,
-    value = props.value,
-    className = props.className,
-    disabled = props.disabled,
-    _onChange = props.onChange,
-    placeholder = props.placeholder,
-    width = props.width,
-    required = props.required,
-    onClick = props.onClick;
-  if (props["native"]) {
-    return /*#__PURE__*/jsxs("div", {
-      children: [label && /*#__PURE__*/jsxs(SelectLabel, {
-        children: [label, required && /*#__PURE__*/jsx("mark", {
-          children: "*"
-        })]
-      }), /*#__PURE__*/jsx(NativeSelect, {
-        disabled: disabled,
-        className: className,
-        onClick: onClick,
-        onChange: function onChange(e) {
-          _onChange === null || _onChange === void 0 || _onChange(e.target.value, e.target.innerText);
-        },
-        value: value,
-        required: required,
-        placeholder: placeholder,
-        width: width,
-        ref: ref,
-        children: Children.map(children, function (child) {
-          return /*#__PURE__*/jsx(NativeOption, _objectSpread({}, child.props));
-        })
-      })]
-    });
-  }
-  return /*#__PURE__*/jsxs("div", {
-    children: [label && /*#__PURE__*/jsxs(SelectLabel, {
-      children: [label, required && /*#__PURE__*/jsx("mark", {
-        children: "*"
-      })]
-    }), /*#__PURE__*/jsx(DesignedSelect, {
-      className: className,
-      value: value,
-      disabled: disabled,
-      onClick: onClick,
-      onChange: function onChange(_value, _label) {
-        return _onChange === null || _onChange === void 0 ? void 0 : _onChange(_value, _label);
-      },
-      placeholder: placeholder,
-      width: width,
-      maxHeight: props.maxHeight,
-      extendDirection: props.extendDirection,
-      ref: ref,
-      children: children
-    })]
-  });
-}
-var index = Object.assign( /*#__PURE__*/forwardRef(Select), {
-  Option: OptionHolder
-});
-
-export { index as default };
-//# sourceMappingURL=index.esm.js.map

package/dist/src/Inputs/Select/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Inputs/Select/index.tsx"],"sourcesContent":["'use client';\n\nimport type { Ref, RefAttributes } from 'react';\nimport { Children, forwardRef } from 'react';\n\nimport DesignedSelect from './DesignedSelect';\nimport NativeSelect from './NativeSelect';\nimport { NativeOption } from './NativeSelect/Option';\nimport { OptionHolder } from './Option';\nimport { SelectLabel } from './styles';\nimport type {\n  DesignedSelectProps,\n  NativeSelectProps,\n  SelectProps,\n  SelectValue,\n} from './types';\n\nfunction Select<Value extends SelectValue>(\n  props: SelectProps<Value>,\n  ref: Ref<HTMLDivElement | HTMLSelectElement>\n) {\n  const {\n    children,\n    label,\n    value,\n    className,\n    disabled,\n    onChange,\n    placeholder,\n    width,\n    required,\n    onClick,\n  } = props;\n\n  if (props.native) {\n    return (\n      <div>\n        {label && (\n          <SelectLabel>\n            {label}\n            {required && <mark>*</mark>}\n          </SelectLabel>\n        )}\n        <NativeSelect\n          disabled={disabled}\n          className={className}\n          onClick={onClick}\n          onChange={(e) => {\n            onChange?.(e.target.value as Value, e.target.innerText);\n          }}\n          value={value}\n          required={required}\n          placeholder={placeholder}\n          width={width}\n          ref={ref as Ref<HTMLSelectElement>}\n        >\n          {Children.map(children, (child) => (\n            <NativeOption {...child.props} />\n          ))}\n        </NativeSelect>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      {label && (\n        <SelectLabel>\n          {label}\n          {required && <mark>*</mark>}\n        </SelectLabel>\n      )}\n      <DesignedSelect\n        className={className}\n        value={value}\n        disabled={disabled}\n        onClick={onClick}\n        onChange={(_value, _label) => onChange?.(_value as Value, _label)}\n        placeholder={placeholder}\n        width={width}\n        maxHeight={props.maxHeight}\n        extendDirection={props.extendDirection}\n        ref={ref as Ref<HTMLDivElement>}\n      >\n        {children}\n      </DesignedSelect>\n    </div>\n  );\n}\n\nexport default Object.assign(\n  forwardRef(Select) as <Value extends SelectValue>(\n    props:\n      | (DesignedSelectProps<Value> & RefAttributes<HTMLDivElement>)\n      | (NativeSelectProps<Value> & RefAttributes<HTMLSelectElement>)\n  ) => JSX.Element,\n  { Option: OptionHolder }\n);\n"],"names":["children","disabled","className","onClick","onChange","value","required","placeholder","width","ref","Option"],"mappings":";;;;;;;;;;AAAa;AAAA;AAiBb;AAIE;;;;;;;;;;;AAcE;AACEA;AAEgBA;AAEGA;AAAO;AAAO;AAI7BC;AACAC;AACAC;AACAC;AACEA;;AAEFC;AACAC;AACAC;AACAC;AACAC;;;;AAIE;AACW;AAGrB;AAEA;AACET;AAEgBA;AAEGA;AAAO;AAAO;AAI7BE;AACAG;AACAJ;AACAE;AACAC;;;AACAG;AACAC;;;AAGAC;AAAgCT;AAEvB;AACM;AAGvB;AAEA;AAMIU;AAAqB;;"}

package/dist/src/Inputs/Select/styles.cjs.js

@@ -1,28 +0,0 @@
-"use client";
-'use strict';
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var mixin = require('@remember-web/mixin');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var _templateObject, _templateObject2;
-var SelectContainer = styled__default.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  ", "\n  color: ", ";\n  width: ", ";\n  position: relative;\n  user-select: none;\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n  }\n  &[aria-disabled='true'] {\n    color: ", ";\n    border-color: ", ";\n    background-color: ", ";\n  }\n"])), mixin.getTypographyStyles('Body1_M'), mixin.contents000, function (_ref) {
-  var $width = _ref.$width;
-  if (!$width) {
-    return 'fit-content';
-  }
-  if (typeof $width === 'number') {
-    return "".concat($width, "px");
-  }
-  return $width;
-}, mixin.contents000, mixin.contents200, mixin.contents300, mixin.bg200);
-var SelectLabel = styled__default.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  ", "\n  display: block;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  & > mark {\n    all: unset;\n    color: ", ";\n  }\n"])), mixin.getTypographyStyles('Headline4_B'), mixin.roleRed);
-
-exports.SelectContainer = SelectContainer;
-exports.SelectLabel = SelectLabel;
-//# sourceMappingURL=styles.cjs.js.map

package/dist/src/Inputs/Select/styles.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Inputs/Select/styles.ts"],"sourcesContent":["'use client';\n\nimport styled from 'styled-components';\nimport {\n  bg200,\n  contents000,\n  contents200,\n  contents300,\n  getTypographyStyles,\n  roleRed,\n} from '@remember-web/mixin';\n\nexport const SelectContainer = styled.div<{ $width?: number | string }>`\n  ${getTypographyStyles('Body1_M')}\n  color: ${contents000};\n  width: ${({ $width }) => {\n    if (!$width) {\n      return 'fit-content';\n    }\n\n    if (typeof $width === 'number') {\n      return `${$width}px`;\n    }\n\n    return $width;\n  }};\n  position: relative;\n  user-select: none;\n\n  &:focus {\n    outline: none;\n    border-color: ${contents000};\n  }\n  &[aria-disabled='true'] {\n    color: ${contents200};\n    border-color: ${contents300};\n    background-color: ${bg200};\n  }\n`;\n\nexport const SelectLabel = styled.label`\n  ${getTypographyStyles('Headline4_B')}\n  display: block;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  & > mark {\n    all: unset;\n    color: ${roleRed};\n  }\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;AAAa;AAYN;AAGoB;;AAErB;AACF;AAEA;;AAEA;AAEA;AACF;;;;"}

package/dist/src/Inputs/Select/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export declare const SelectContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $width?: string | number | undefined;
-}>>;
-export declare const SelectLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/src/Inputs/Select/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,eAAe;;GA0B3B,CAAC;AAEF,eAAO,MAAM,WAAW,yNAYvB,CAAC"}

package/dist/src/Inputs/Select/styles.esm.js

@@ -1,20 +0,0 @@
-"use client";
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
-import styled from 'styled-components';
-import { getTypographyStyles, contents000, contents200, contents300, bg200, roleRed } from '@remember-web/mixin';
-
-var _templateObject, _templateObject2;
-var SelectContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  color: ", ";\n  width: ", ";\n  position: relative;\n  user-select: none;\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n  }\n  &[aria-disabled='true'] {\n    color: ", ";\n    border-color: ", ";\n    background-color: ", ";\n  }\n"])), getTypographyStyles('Body1_M'), contents000, function (_ref) {
-  var $width = _ref.$width;
-  if (!$width) {
-    return 'fit-content';
-  }
-  if (typeof $width === 'number') {
-    return "".concat($width, "px");
-  }
-  return $width;
-}, contents000, contents200, contents300, bg200);
-var SelectLabel = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  display: block;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  & > mark {\n    all: unset;\n    color: ", ";\n  }\n"])), getTypographyStyles('Headline4_B'), roleRed);
-
-export { SelectContainer, SelectLabel };
-//# sourceMappingURL=styles.esm.js.map

package/dist/src/Inputs/Select/styles.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../../src/Inputs/Select/styles.ts"],"sourcesContent":["'use client';\n\nimport styled from 'styled-components';\nimport {\n  bg200,\n  contents000,\n  contents200,\n  contents300,\n  getTypographyStyles,\n  roleRed,\n} from '@remember-web/mixin';\n\nexport const SelectContainer = styled.div<{ $width?: number | string }>`\n  ${getTypographyStyles('Body1_M')}\n  color: ${contents000};\n  width: ${({ $width }) => {\n    if (!$width) {\n      return 'fit-content';\n    }\n\n    if (typeof $width === 'number') {\n      return `${$width}px`;\n    }\n\n    return $width;\n  }};\n  position: relative;\n  user-select: none;\n\n  &:focus {\n    outline: none;\n    border-color: ${contents000};\n  }\n  &[aria-disabled='true'] {\n    color: ${contents200};\n    border-color: ${contents300};\n    background-color: ${bg200};\n  }\n`;\n\nexport const SelectLabel = styled.label`\n  ${getTypographyStyles('Headline4_B')}\n  display: block;\n  margin-bottom: 12px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  & > mark {\n    all: unset;\n    color: ${roleRed};\n  }\n`;\n"],"names":[],"mappings":";;;;;AAAa;AAYN;AAGoB;;AAErB;AACF;AAEA;;AAEA;AAEA;AACF;;;"}

package/dist/src/Inputs/Select/types.d.ts

@@ -1,35 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import type { OptionHolder } from './Option';
-export type OptionElementType<Value extends SelectValue> = ReactElement<OptionProps<Value>, typeof OptionHolder>;
-type WithOptionProps<Value extends SelectValue> = {
-    children: OptionElementType<Value> | OptionElementType<Value>[];
-};
-export type SelectValue = string | number | undefined;
-export type SelectBaseProps<Value extends SelectValue> = {
-    className?: string;
-    disabled?: boolean;
-    error?: boolean;
-    label?: ReactNode;
-    required?: boolean;
-    value?: Value;
-    placeholder?: string;
-    width?: number | string;
-    onChange?: (targetValue: Value, targetLabel: ReactNode) => Promise<void> | void;
-    onClick?: React.MouseEventHandler<HTMLElement>;
-};
-export type DesignedSelectProps<Value extends SelectValue> = SelectBaseProps<Value> & {
-    native?: false | never;
-    maxHeight?: number;
-    extendDirection?: 'above' | 'below';
-} & WithOptionProps<Value>;
-export type NativeSelectProps<Value extends SelectValue> = SelectBaseProps<Value> & {
-    native: true;
-} & WithOptionProps<Value>;
-export type SelectProps<Value extends SelectValue> = DesignedSelectProps<Value> | NativeSelectProps<Value>;
-export type OptionProps<Value extends SelectValue> = {
-    disabled?: boolean;
-    value: Value;
-    children: ReactNode;
-};
-export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/src/Inputs/Select/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,WAAW,IAAI,YAAY,CACrE,WAAW,CAAC,KAAK,CAAC,EAClB,OAAO,YAAY,CACpB,CAAC;AAEF,KAAK,eAAe,CAAC,KAAK,SAAS,WAAW,IAAI;IAChD,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;CACjE,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,WAAW,IAAI;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,SAAS,KACnB,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,WAAW,IACvD,eAAe,CAAC,KAAK,CAAC,GAAG;IACvB,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CACrC,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAE7B,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,WAAW,IACrD,eAAe,CAAC,KAAK,CAAC,GAAG;IACvB,MAAM,EAAE,IAAI,CAAC;CACd,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAE7B,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,WAAW,IAC7C,mBAAmB,CAAC,KAAK,CAAC,GAC1B,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAE7B,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,WAAW,IAAI;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}

package/dist/src/Inputs/Select/utils.cjs.js

@@ -1,44 +0,0 @@
-'use strict';
-
-// focus된 요소의 sibling을 찾아서 focus
-function focusSibling(currentFocusedElement, siblingDirection) {
-  if (currentFocusedElement !== null && currentFocusedElement !== void 0 && currentFocusedElement.matches('[data-option-value]')) {
-    var siblingElement = getSiblingElement(currentFocusedElement, siblingDirection);
-    var listElement = currentFocusedElement.parentElement;
-    if (listElement && siblingElement !== null && siblingElement !== void 0 && siblingElement.matches('[data-option-value]') && checkSameElementType(currentFocusedElement, siblingElement)) {
-      var _siblingElement$paren, _siblingElement$paren2, _siblingElement$paren3, _siblingElement$paren4;
-      siblingElement.focus({
-        preventScroll: true
-      });
-      // 방향키를 통해 넘어가는 스크롤 방향에 따라 scrollIntoView의 block을 다르게 설정
-      if ({
-        // 아래 요소를 선택할 때 스크롤이 아래로 내려가는 경우
-        next: siblingElement.offsetTop >= ((_siblingElement$paren = (_siblingElement$paren2 = siblingElement.parentElement) === null || _siblingElement$paren2 === void 0 ? void 0 : _siblingElement$paren2.scrollTop) !== null && _siblingElement$paren !== void 0 ? _siblingElement$paren : 0) + listElement.clientHeight,
-        // 위 요소를 선택할 때 스크롤이 위로 올라가는 경우
-        previous: siblingElement.offsetTop <= ((_siblingElement$paren3 = (_siblingElement$paren4 = siblingElement.parentElement) === null || _siblingElement$paren4 === void 0 ? void 0 : _siblingElement$paren4.scrollTop) !== null && _siblingElement$paren3 !== void 0 ? _siblingElement$paren3 : 0)
-      }[siblingDirection]) {
-        siblingElement.scrollIntoView({
-          block: siblingDirection === 'previous' ? 'start' : 'end'
-        });
-      }
-    }
-  }
-}
-var checkSameElementType = function checkSameElementType(element1, element2) {
-  return element2 instanceof element1.constructor;
-};
-
-// 재귀적으로 disabled되지 않은 sibling을 찾아서 반환
-function getSiblingElement(target, siblingDirection) {
-  var siblingElement = target["".concat(siblingDirection, "ElementSibling")];
-  if (!siblingElement || !checkSameElementType(target, siblingElement) || !siblingElement.matches('[data-option-value]')) {
-    return null;
-  }
-  if (siblingElement.matches('[aria-disabled="true"]')) {
-    return getSiblingElement(siblingElement, siblingDirection);
-  }
-  return siblingElement;
-}
-
-exports.focusSibling = focusSibling;
-//# sourceMappingURL=utils.cjs.js.map

package/dist/src/Inputs/Select/utils.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.cjs.js","sources":["../../../../src/Inputs/Select/utils.ts"],"sourcesContent":["// focus된 요소의 sibling을 찾아서 focus\nexport function focusSibling<E extends HTMLElement>(\n  currentFocusedElement: E,\n  siblingDirection: 'previous' | 'next'\n) {\n  if (currentFocusedElement?.matches('[data-option-value]')) {\n    const siblingElement = getSiblingElement(\n      currentFocusedElement,\n      siblingDirection\n    );\n    const listElement = currentFocusedElement.parentElement;\n    if (\n      listElement &&\n      siblingElement?.matches('[data-option-value]') &&\n      checkSameElementType(currentFocusedElement, siblingElement)\n    ) {\n      siblingElement.focus({ preventScroll: true });\n      // 방향키를 통해 넘어가는 스크롤 방향에 따라 scrollIntoView의 block을 다르게 설정\n      if (\n        {\n          // 아래 요소를 선택할 때 스크롤이 아래로 내려가는 경우\n          next:\n            siblingElement.offsetTop >=\n            (siblingElement.parentElement?.scrollTop ?? 0) +\n              listElement.clientHeight,\n\n          // 위 요소를 선택할 때 스크롤이 위로 올라가는 경우\n          previous:\n            siblingElement.offsetTop <=\n            (siblingElement.parentElement?.scrollTop ?? 0),\n        }[siblingDirection]\n      ) {\n        siblingElement.scrollIntoView({\n          block: siblingDirection === 'previous' ? 'start' : 'end',\n        });\n      }\n    }\n  }\n}\n\nconst checkSameElementType = <E extends Element>(\n  element1: E,\n  element2: Element\n): element2 is E => element2 instanceof element1.constructor;\n\n// 재귀적으로 disabled되지 않은 sibling을 찾아서 반환\nfunction getSiblingElement<E extends Element>(\n  target: E,\n  siblingDirection: 'previous' | 'next'\n): E | null {\n  const siblingElement = target[`${siblingDirection}ElementSibling`];\n  if (\n    !siblingElement ||\n    !checkSameElementType(target, siblingElement) ||\n    !siblingElement.matches('[data-option-value]')\n  ) {\n    return null;\n  }\n\n  if (siblingElement.matches('[aria-disabled=\"true\"]')) {\n    return getSiblingElement(siblingElement, siblingDirection);\n  }\n\n  return siblingElement;\n}\n"],"names":["focusSibling","currentFocusedElement","siblingDirection","matches","siblingElement","getSiblingElement","listElement","parentElement","checkSameElementType","_siblingElement$paren","_siblingElement$paren2","_siblingElement$paren3","_siblingElement$paren4","focus","preventScroll","next","offsetTop","scrollTop","clientHeight","previous","scrollIntoView","block","element1","element2","constructor","target","concat"],"mappings":";;AAAA;AACO,SAASA,YAAYA,CAC1BC,qBAAwB,EACxBC,gBAAqC,EACrC;EACA,IAAID,qBAAqB,KAArBA,IAAAA,IAAAA,qBAAqB,KAArBA,KAAAA,CAAAA,IAAAA,qBAAqB,CAAEE,OAAO,CAAC,qBAAqB,CAAC,EAAE;AACzD,IAAA,IAAMC,cAAc,GAAGC,iBAAiB,CACtCJ,qBAAqB,EACrBC,gBACF,CAAC,CAAA;AACD,IAAA,IAAMI,WAAW,GAAGL,qBAAqB,CAACM,aAAa,CAAA;AACvD,IAAA,IACED,WAAW,IACXF,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,IAAdA,cAAc,CAAED,OAAO,CAAC,qBAAqB,CAAC,IAC9CK,oBAAoB,CAACP,qBAAqB,EAAEG,cAAc,CAAC,EAC3D;AAAA,MAAA,IAAAK,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,CAAA;MACAR,cAAc,CAACS,KAAK,CAAC;AAAEC,QAAAA,aAAa,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;AAC7C;MACA,IACE;AACE;AACAC,QAAAA,IAAI,EACFX,cAAc,CAACY,SAAS,IACxB,CAAA,CAAAP,qBAAA,GAAA,CAAAC,sBAAA,GAACN,cAAc,CAACG,aAAa,MAAA,IAAA,IAAAG,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA5BA,sBAAA,CAA8BO,SAAS,MAAA,IAAA,IAAAR,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,IAC3CH,WAAW,CAACY,YAAY;AAE5B;QACAC,QAAQ,EACNf,cAAc,CAACY,SAAS,MAAAL,sBAAA,GAAA,CAAAC,sBAAA,GACvBR,cAAc,CAACG,aAAa,MAAAK,IAAAA,IAAAA,sBAAA,KAA5BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAA8BK,SAAS,cAAAN,sBAAA,KAAA,KAAA,CAAA,GAAAA,sBAAA,GAAI,CAAC,CAAA;OAChD,CAACT,gBAAgB,CAAC,EACnB;QACAE,cAAc,CAACgB,cAAc,CAAC;AAC5BC,UAAAA,KAAK,EAAEnB,gBAAgB,KAAK,UAAU,GAAG,OAAO,GAAG,KAAA;AACrD,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;AACF,GAAA;AACF,CAAA;AAEA,IAAMM,oBAAoB,GAAG,SAAvBA,oBAAoBA,CACxBc,QAAW,EACXC,QAAiB,EAAA;AAAA,EAAA,OACCA,QAAQ,YAAYD,QAAQ,CAACE,WAAW,CAAA;AAAA,CAAA,CAAA;;AAE5D;AACA,SAASnB,iBAAiBA,CACxBoB,MAAS,EACTvB,gBAAqC,EAC3B;AACV,EAAA,IAAME,cAAc,GAAGqB,MAAM,IAAAC,MAAA,CAAIxB,gBAAgB,EAAiB,gBAAA,CAAA,CAAA,CAAA;AAClE,EAAA,IACE,CAACE,cAAc,IACf,CAACI,oBAAoB,CAACiB,MAAM,EAAErB,cAAc,CAAC,IAC7C,CAACA,cAAc,CAACD,OAAO,CAAC,qBAAqB,CAAC,EAC9C;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,IAAIC,cAAc,CAACD,OAAO,CAAC,wBAAwB,CAAC,EAAE;AACpD,IAAA,OAAOE,iBAAiB,CAACD,cAAc,EAAEF,gBAAgB,CAAC,CAAA;AAC5D,GAAA;AAEA,EAAA,OAAOE,cAAc,CAAA;AACvB;;;;"}

package/dist/src/Inputs/Select/utils.d.ts

@@ -1,2 +0,0 @@
-export declare function focusSibling<E extends HTMLElement>(currentFocusedElement: E, siblingDirection: 'previous' | 'next'): void;
-//# sourceMappingURL=utils.d.ts.map

package/dist/src/Inputs/Select/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/Inputs/Select/utils.ts"],"names":[],"mappings":"AACA,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAChD,qBAAqB,EAAE,CAAC,EACxB,gBAAgB,EAAE,UAAU,GAAG,MAAM,QAmCtC"}

package/dist/src/Inputs/Select/utils.esm.js

@@ -1,42 +0,0 @@
-// focus된 요소의 sibling을 찾아서 focus
-function focusSibling(currentFocusedElement, siblingDirection) {
-  if (currentFocusedElement !== null && currentFocusedElement !== void 0 && currentFocusedElement.matches('[data-option-value]')) {
-    var siblingElement = getSiblingElement(currentFocusedElement, siblingDirection);
-    var listElement = currentFocusedElement.parentElement;
-    if (listElement && siblingElement !== null && siblingElement !== void 0 && siblingElement.matches('[data-option-value]') && checkSameElementType(currentFocusedElement, siblingElement)) {
-      var _siblingElement$paren, _siblingElement$paren2, _siblingElement$paren3, _siblingElement$paren4;
-      siblingElement.focus({
-        preventScroll: true
-      });
-      // 방향키를 통해 넘어가는 스크롤 방향에 따라 scrollIntoView의 block을 다르게 설정
-      if ({
-        // 아래 요소를 선택할 때 스크롤이 아래로 내려가는 경우
-        next: siblingElement.offsetTop >= ((_siblingElement$paren = (_siblingElement$paren2 = siblingElement.parentElement) === null || _siblingElement$paren2 === void 0 ? void 0 : _siblingElement$paren2.scrollTop) !== null && _siblingElement$paren !== void 0 ? _siblingElement$paren : 0) + listElement.clientHeight,
-        // 위 요소를 선택할 때 스크롤이 위로 올라가는 경우
-        previous: siblingElement.offsetTop <= ((_siblingElement$paren3 = (_siblingElement$paren4 = siblingElement.parentElement) === null || _siblingElement$paren4 === void 0 ? void 0 : _siblingElement$paren4.scrollTop) !== null && _siblingElement$paren3 !== void 0 ? _siblingElement$paren3 : 0)
-      }[siblingDirection]) {
-        siblingElement.scrollIntoView({
-          block: siblingDirection === 'previous' ? 'start' : 'end'
-        });
-      }
-    }
-  }
-}
-var checkSameElementType = function checkSameElementType(element1, element2) {
-  return element2 instanceof element1.constructor;
-};
-
-// 재귀적으로 disabled되지 않은 sibling을 찾아서 반환
-function getSiblingElement(target, siblingDirection) {
-  var siblingElement = target["".concat(siblingDirection, "ElementSibling")];
-  if (!siblingElement || !checkSameElementType(target, siblingElement) || !siblingElement.matches('[data-option-value]')) {
-    return null;
-  }
-  if (siblingElement.matches('[aria-disabled="true"]')) {
-    return getSiblingElement(siblingElement, siblingDirection);
-  }
-  return siblingElement;
-}
-
-export { focusSibling };
-//# sourceMappingURL=utils.esm.js.map