@remember-web/primitive 0.1.11 → 0.1.13

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

@@ -1,39 +0,0 @@
-"use client";
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
-import styled, { css } from 'styled-components';
-import { ellipsis, contents300, contents200, contents000, bg200, bg300, bg100 } from '@remember-web/mixin';
-import { SelectContainer } from '../styles.esm.js';
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
-var StyledSelect = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  border: 1px solid ", ";\n  ", ";\n\n  padding: 10px 36px 10px 12px;\n  transition: border-color 0.2s, background-color 0.2s;\n\n  ", "\n\n  ", ":focus-within & {\n    outline: none;\n    border-color: ", ";\n  }\n  ", ":not([aria-disabled='true']) & {\n    @media (hover: hover) {\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n  }\n"])), ellipsis(), contents300, function (_ref) {
-  var expandedDirection = _ref.expandedDirection;
-  return {
-    none: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        border-radius: 4px;\n      "]))),
-    above: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        border-radius: 0 0 4px 4px;\n        border-top-color: transparent;\n      "]))),
-    below: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        border-radius: 4px 4px 0 0;\n        border-bottom-color: transparent;\n      "])))
-  }[expandedDirection !== null && expandedDirection !== void 0 ? expandedDirection : 'none'];
-}, function (_ref2) {
-  var isPlaceholder = _ref2.isPlaceholder;
-  return isPlaceholder && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), contents200);
-}, SelectContainer, contents000, SelectContainer, bg200, bg300);
-var SelectDownIcon = styled.div(_templateObject6 || (_templateObject6 = _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"])));
-var SelectOptionWrapper = styled.ul(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  all: unset;\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  border: 1px solid ", ";\n  background-color: ", ";\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: border-color 0.2s, background-color 0.2s;\n\n  ", ";\n\n  ", "\n\n  ", ":focus &, ", ":focus-within & {\n    outline: none;\n    border-color: ", ";\n  }\n"])), contents300, bg100, function (_ref3) {
-  var maxHeight = _ref3.maxHeight;
-  if (!maxHeight) {
-    return null;
-  }
-  if (typeof maxHeight === 'number') {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        max-height: ", "px;\n      "])), maxHeight);
-  }
-  return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      max-height: ", ";\n    "])), maxHeight);
-}, function (_ref4) {
-  var expandedDirection = _ref4.expandedDirection;
-  return expandedDirection === 'below' ? css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n          top: calc(100% - 1px);\n          border-top: none;\n          border-radius: 0 0 4px 4px;\n        "]))) : css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n          bottom: calc(100% - 1px);\n          border-bottom: none;\n          border-radius: 4px 4px 0 0;\n        "])));
-}, SelectContainer, SelectContainer, contents000);
-var SelectOption = styled.li(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  ", "\n  padding: 10px 12px;\n  color: ", ";\n\n  &[aria-disabled='true'] {\n    color: ", ";\n  }\n\n  &:focus {\n    background-color: ", ";\n    outline: none;\n  }\n\n  ", "\n"])), ellipsis(), contents000, contents300, bg200, function (_ref5) {
-  var isSelected = _ref5.isSelected;
-  return isSelected && css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      background-color: ", ";\n    "])), bg200);
-});
-
-export { SelectDownIcon, SelectOption, SelectOptionWrapper, StyledSelect };
-//# sourceMappingURL=styles.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../../../src/Inputs/Select/DesignedSelect/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { css } from 'styled-components';\nimport {\n  bg100,\n  bg200,\n  bg300,\n  contents000,\n  contents200,\n  contents300,\n  ellipsis,\n} from '@remember-web/mixin';\n\nimport { SelectContainer } from '../styles';\nimport type { ExpandedType } from './types';\n\nexport const StyledSelect = styled.div<{\n  expandedDirection?: ExpandedType;\n  isPlaceholder?: boolean;\n}>`\n  ${ellipsis()}\n  border: 1px solid ${contents300};\n  ${({ expandedDirection }) =>\n    ({\n      none: css`\n        border-radius: 4px;\n      `,\n      above: css`\n        border-radius: 0 0 4px 4px;\n        border-top-color: transparent;\n      `,\n      below: css`\n        border-radius: 4px 4px 0 0;\n        border-bottom-color: transparent;\n      `,\n    }[expandedDirection ?? 'none'])};\n\n  padding: 10px 36px 10px 12px;\n  transition: border-color 0.2s, background-color 0.2s;\n\n  ${({ isPlaceholder }) =>\n    isPlaceholder &&\n    css`\n      color: ${contents200};\n    `}\n\n  ${SelectContainer}:focus-within & {\n    outline: none;\n    border-color: ${contents000};\n  }\n  ${SelectContainer}:not([aria-disabled='true']) & {\n    @media (hover: hover) {\n      &:hover {\n        background-color: ${bg200};\n      }\n    }\n\n    &:active {\n      background-color: ${bg300};\n    }\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\nexport const SelectOptionWrapper = styled.ul<{\n  expandedDirection?: ExpandedType;\n  maxHeight?: number | string;\n}>`\n  all: unset;\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  border: 1px solid ${contents300};\n  background-color: ${bg100};\n  overflow-y: scroll;\n  overscroll-behavior: contain;\n  transition: border-color 0.2s, background-color 0.2s;\n\n  ${({ maxHeight }) => {\n    if (!maxHeight) {\n      return null;\n    }\n\n    if (typeof maxHeight === 'number') {\n      return css`\n        max-height: ${maxHeight}px;\n      `;\n    }\n\n    return css`\n      max-height: ${maxHeight};\n    `;\n  }};\n\n  ${({ expandedDirection }) =>\n    expandedDirection === 'below'\n      ? css`\n          top: calc(100% - 1px);\n          border-top: none;\n          border-radius: 0 0 4px 4px;\n        `\n      : css`\n          bottom: calc(100% - 1px);\n          border-bottom: none;\n          border-radius: 4px 4px 0 0;\n        `}\n\n  ${SelectContainer}:focus &, ${SelectContainer}:focus-within & {\n    outline: none;\n    border-color: ${contents000};\n  }\n`;\n\nexport const SelectOption = styled.li<{ isSelected?: boolean }>`\n  ${ellipsis()}\n  padding: 10px 12px;\n  color: ${contents000};\n\n  &[aria-disabled='true'] {\n    color: ${contents300};\n  }\n\n  &:focus {\n    background-color: ${bg200};\n    outline: none;\n  }\n\n  ${({ isSelected }) =>\n    isSelected &&\n    css`\n      background-color: ${bg200};\n    `}\n`;\n"],"names":["below","SelectDownIcon"],"mappings":";;;;;;AAAa;AAgBN;AAMH;;;;AASEA;;AAI4B;AAK9B;;AAIC;AAmBQC;;AA4BU;;AAEjB;AACF;AAEA;;AAIA;;AAKF;AAEE;AAAoB;AAWf;AAQF;AAcH;;AAIC;;"}

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

@@ -1,12 +0,0 @@
-import type { ReactNode, SelectHTMLAttributes } from 'react';
-import type { OptionElementType, SelectValue } from '../types';
-export type DesignedSelectInternalProps<Value extends SelectValue> = Omit<SelectHTMLAttributes<HTMLDivElement>, `aria-${string}` | 'children' | 'onChange'> & {
-    children: OptionElementType<Value> | OptionElementType<Value>[];
-    onChange?: (targetValue: Value, targetLabel: ReactNode) => Promise<void> | void;
-    maxHeight?: number;
-    width?: number | string;
-    placeholder?: string;
-    extendDirection?: Exclude<ExpandedType, 'none'>;
-};
-export type ExpandedType = 'none' | 'above' | 'below';
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Inputs/Select/DesignedSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/D,MAAM,MAAM,2BAA2B,CAAC,KAAK,SAAS,WAAW,IAAI,IAAI,CACvE,oBAAoB,CAAC,cAAc,CAAC,EACpC,QAAQ,MAAM,EAAE,GAAG,UAAU,GAAG,UAAU,CAC3C,GAAG;IACF,QAAQ,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;IAChE,QAAQ,CAAC,EAAE,CACT,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,SAAS,KACnB,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC"}

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

@@ -1,18 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-var NativeOption = function NativeOption(_ref) {
-  var children = _ref.children,
-    disabled = _ref.disabled,
-    value = _ref.value;
-  return /*#__PURE__*/jsxRuntime.jsx("option", {
-    value: value,
-    disabled: disabled,
-    children: String(children)
-  });
-};
-
-exports.NativeOption = NativeOption;
-//# sourceMappingURL=index.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../../src/Inputs/Select/NativeSelect/Option/index.tsx"],"sourcesContent":["'use client';\n\nimport type { OptionProps, SelectValue } from '../../types';\n\nexport const NativeOption = <Value extends SelectValue = string>({\n  children,\n  disabled,\n  value,\n}: OptionProps<Value>) => (\n  <option value={value} disabled={disabled}>\n    {String(children)}\n  </option>\n);\n"],"names":["value","disabled"],"mappings":";;;;;;AAIyB;;;AAGlB;AAEGA;AAAcC;;AACH;AACV;;"}

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

@@ -1,3 +0,0 @@
-import type { OptionProps, SelectValue } from '../../types';
-export declare const NativeOption: <Value extends SelectValue = string>({ children, disabled, value, }: OptionProps<Value>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Inputs/Select/NativeSelect/Option/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE5D,eAAO,MAAM,YAAY,uEAItB,YAAY,KAAK,CAAC,4CAIpB,CAAC"}

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

@@ -1,16 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-
-var NativeOption = function NativeOption(_ref) {
-  var children = _ref.children,
-    disabled = _ref.disabled,
-    value = _ref.value;
-  return /*#__PURE__*/jsx("option", {
-    value: value,
-    disabled: disabled,
-    children: String(children)
-  });
-};
-
-export { NativeOption };
-//# sourceMappingURL=index.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../../src/Inputs/Select/NativeSelect/Option/index.tsx"],"sourcesContent":["'use client';\n\nimport type { OptionProps, SelectValue } from '../../types';\n\nexport const NativeOption = <Value extends SelectValue = string>({\n  children,\n  disabled,\n  value,\n}: OptionProps<Value>) => (\n  <option value={value} disabled={disabled}>\n    {String(children)}\n  </option>\n);\n"],"names":["value","disabled"],"mappings":";;;;AAIyB;;;AAGlB;AAEGA;AAAcC;;AACH;AACV;;"}

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

@@ -1,55 +0,0 @@
-"use client";
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var react = require('react');
-var icon = require('@remember-web/icon');
-var styles$1 = require('./styles.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);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
-
-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__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; }
-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__default.default(_ref, _excluded);
-  var showPlaceholder = !value && !!placeholder;
-  return /*#__PURE__*/jsxRuntime.jsxs(styles.SelectContainer, {
-    "aria-disabled": disabled,
-    className: className,
-    children: [/*#__PURE__*/jsxRuntime.jsxs(styles$1.StyledSelect, _objectSpread(_objectSpread({}, props), {}, {
-      value: value,
-      $width: width,
-      ref: ref,
-      isPlaceholder: showPlaceholder,
-      disabled: disabled,
-      onClick: onClick,
-      children: [!value && /*#__PURE__*/jsxRuntime.jsx("option", {
-        value: "",
-        selected: true,
-        children: placeholder || 'ㅤ'
-      }), children]
-    })), /*#__PURE__*/jsxRuntime.jsx(styles$1.SelectDownIcon, {
-      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconArrow2Down, {
-        size: "small"
-      })
-    })]
-  });
-};
-var NativeSelect$1 = /*#__PURE__*/react.forwardRef(NativeSelect);
-
-module.exports = NativeSelect$1;
-//# sourceMappingURL=index.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.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/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare const _default: import("react").ForwardRefExoticComponent<Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, `aria-${string}` | "children"> & {
-    children: import("react").ReactElement<import("../types").OptionProps<string>, <Value extends import("../types").SelectValue = string>({ children, disabled, value, }: import("../types").OptionProps<Value>) => import("react/jsx-runtime").JSX.Element> | import("react").ReactElement<import("../types").OptionProps<string>, <Value extends import("../types").SelectValue = string>({ children, disabled, value, }: import("../types").OptionProps<Value>) => import("react/jsx-runtime").JSX.Element>[];
-    width?: string | number | undefined;
-    placeholder?: string | undefined;
-} & import("react").RefAttributes<HTMLSelectElement>>;
-export default _default;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Inputs/Select/NativeSelect/index.tsx"],"names":[],"mappings":";;;;;;AAqDA,wBAAwC"}

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;;"}