@remember-web/primitive 0.2.7 → 0.2.9

package/dist/src/Chips/Chip/styles.cjs.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var mixin = require('@remember-web/mixin');
+var styled = require('styled-components');
+var _const = require('./const.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _excluded = ["$size", "$variant", "$clickable"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+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 getVariantStyles = function getVariantStyles(props) {
+  var _props$$variant = props.$variant,
+    $variant = _props$$variant === void 0 ? 'filled' : _props$$variant,
+    $selected = props.$selected,
+    $clickable = props.$clickable;
+  var getStateStyle = function getStateStyle(state) {
+    return styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n    background-color: ", ";\n    color: ", ";\n    border: ", ";\n    --left-icon-color: ", ";\n    --delete-button-color: ", ";\n  "])), _const.CHIP_VARIANT_STYLE[$variant][state].backgroundColor, _const.CHIP_VARIANT_STYLE[$variant][state].color, _const.CHIP_VARIANT_STYLE[$variant][state].border || 'none', _const.CHIP_VARIANT_STYLE[$variant][state].leftIconColor, _const.CHIP_VARIANT_STYLE[$variant][state].deleteButtonColor);
+  };
+  return styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n    ", ";\n\n    ", "\n    \n    &[data-chip-disabled='true'] {\n      ", "\n      cursor: not-allowed;\n    }\n\n    & svg {\n      color: var(--left-icon-color);\n    }\n\n    .delete-button svg {\n      color: var(--delete-button-color);\n    }\n  "])), getStateStyle('default'), $clickable && styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n      &:hover:not([data-chip-disabled='true']) {\n        ", "\n      }\n\n      ", ":not([data-chip-disabled=\"true\"]) {\n        ", "\n        ", "\n      }\n      "])), getStateStyle('hover'), $selected ? '&' : '&:active', getStateStyle('selected'), $variant === 'outline' && 'border: none;'), getStateStyle('disabled'));
+};
+var StyledChip = styled__default.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  ", "\n"])), function (_ref) {
+  var $size = _ref.$size,
+    $variant = _ref.$variant,
+    _ref$$clickable = _ref.$clickable,
+    $clickable = _ref$$clickable === void 0 ? false : _ref$$clickable,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n    box-sizing: border-box;\n    user-select: none;\n    cursor: ", ";\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    gap: 4px;\n\n    width: fit-content;\n    border-radius: 50px;\n    text-align: center;\n    transition: all 0.2s ease-in;\n\n    height: ", ";\n    padding: ", ";\n\n    ", "\n\n    ", "\n  "])), $clickable ? 'pointer' : 'default', _const.CHIP_SIZE_STYLE[$size].height, _const.CHIP_SIZE_STYLE[$size].padding, mixin.getTypographyStyles(_const.CHIP_SIZE_STYLE[$size].typography), getVariantStyles(_objectSpread({
+    $variant: $variant,
+    $clickable: $clickable
+  }, props)));
+});
+var ButtonWrapper = styled__default.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  "])));
+
+exports.ButtonWrapper = ButtonWrapper;
+exports.StyledChip = StyledChip;
+//# sourceMappingURL=styles.cjs.js.map

package/dist/src/Chips/Chip/styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Chips/Chip/styles.ts"],"sourcesContent":["import { getTypographyStyles } from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\nimport { CHIP_SIZE_STYLE, CHIP_VARIANT_STYLE } from './const';\nimport type { ChipState, ChipStyleProps } from './types';\n\nconst getVariantStyles = (props: Partial<ChipStyleProps>) => {\n  const { $variant = 'filled', $selected, $clickable } = props;\n  const getStateStyle = (state: ChipState) => css`\n    background-color: ${CHIP_VARIANT_STYLE[$variant][state].backgroundColor};\n    color: ${CHIP_VARIANT_STYLE[$variant][state].color};\n    border: ${CHIP_VARIANT_STYLE[$variant][state].border || 'none'};\n    --left-icon-color: ${CHIP_VARIANT_STYLE[$variant][state].leftIconColor};\n    --delete-button-color: ${CHIP_VARIANT_STYLE[$variant][state].deleteButtonColor};\n  `;\n\n  return css`\n    ${getStateStyle('default')};\n\n    ${\n      $clickable &&\n      css`\n      &:hover:not([data-chip-disabled='true']) {\n        ${getStateStyle('hover')}\n      }\n\n      ${$selected ? '&' : '&:active'}:not([data-chip-disabled=\"true\"]) {\n        ${getStateStyle('selected')}\n        ${$variant === 'outline' && 'border: none;'}\n      }\n      `\n    }\n    \n    &[data-chip-disabled='true'] {\n      ${getStateStyle('disabled')}\n      cursor: not-allowed;\n    }\n\n    & svg {\n      color: var(--left-icon-color);\n    }\n\n    .delete-button svg {\n      color: var(--delete-button-color);\n    }\n  `;\n};\n\nexport const StyledChip = styled.div<ChipStyleProps>`\n  ${({ $size, $variant, $clickable = false, ...props }) => css`\n    box-sizing: border-box;\n    user-select: none;\n    cursor: ${$clickable ? 'pointer' : 'default'};\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    gap: 4px;\n\n    width: fit-content;\n    border-radius: 50px;\n    text-align: center;\n    transition: all 0.2s ease-in;\n\n    height: ${CHIP_SIZE_STYLE[$size].height};\n    padding: ${CHIP_SIZE_STYLE[$size].padding};\n\n    ${getTypographyStyles(CHIP_SIZE_STYLE[$size].typography)}\n\n    ${getVariantStyles({ $variant, $clickable, ...props })}\n  `}\n`;\n\nexport const ButtonWrapper = styled.button`\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  `;\n"],"names":["getVariantStyles","props","_props$$variant","$variant","$selected","$clickable","getStateStyle","state","css","_templateObject","_taggedTemplateLiteral","CHIP_VARIANT_STYLE","backgroundColor","color","border","leftIconColor","deleteButtonColor","_templateObject2","_templateObject3","StyledChip","styled","div","_templateObject4","_ref","$size","_ref$$clickable","_objectWithoutProperties","_excluded","_templateObject5","CHIP_SIZE_STYLE","height","padding","getTypographyStyles","typography","_objectSpread","ButtonWrapper","button","_templateObject6"],"mappings":"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"}

package/dist/src/Chips/Chip/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ChipStyleProps } from './types';
+export declare const StyledChip: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChipStyleProps>>;
+export declare const ButtonWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/src/Chips/Chip/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Chips/Chip/styles.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,SAAS,CAAC;AA4CzD,eAAO,MAAM,UAAU,2NAwBtB,CAAC;AAEF,eAAO,MAAM,aAAa,4NAMvB,CAAC"}

package/dist/src/Chips/Chip/styles.esm.js

@@ -0,0 +1,36 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import { getTypographyStyles } from '@remember-web/mixin';
+import styled, { css } from 'styled-components';
+import { CHIP_SIZE_STYLE, CHIP_VARIANT_STYLE } from './const.esm.js';
+
+var _excluded = ["$size", "$variant", "$clickable"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+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 getVariantStyles = function getVariantStyles(props) {
+  var _props$$variant = props.$variant,
+    $variant = _props$$variant === void 0 ? 'filled' : _props$$variant,
+    $selected = props.$selected,
+    $clickable = props.$clickable;
+  var getStateStyle = function getStateStyle(state) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    color: ", ";\n    border: ", ";\n    --left-icon-color: ", ";\n    --delete-button-color: ", ";\n  "])), CHIP_VARIANT_STYLE[$variant][state].backgroundColor, CHIP_VARIANT_STYLE[$variant][state].color, CHIP_VARIANT_STYLE[$variant][state].border || 'none', CHIP_VARIANT_STYLE[$variant][state].leftIconColor, CHIP_VARIANT_STYLE[$variant][state].deleteButtonColor);
+  };
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", ";\n\n    ", "\n    \n    &[data-chip-disabled='true'] {\n      ", "\n      cursor: not-allowed;\n    }\n\n    & svg {\n      color: var(--left-icon-color);\n    }\n\n    .delete-button svg {\n      color: var(--delete-button-color);\n    }\n  "])), getStateStyle('default'), $clickable && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      &:hover:not([data-chip-disabled='true']) {\n        ", "\n      }\n\n      ", ":not([data-chip-disabled=\"true\"]) {\n        ", "\n        ", "\n      }\n      "])), getStateStyle('hover'), $selected ? '&' : '&:active', getStateStyle('selected'), $variant === 'outline' && 'border: none;'), getStateStyle('disabled'));
+};
+var StyledChip = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var $size = _ref.$size,
+    $variant = _ref.$variant,
+    _ref$$clickable = _ref.$clickable,
+    $clickable = _ref$$clickable === void 0 ? false : _ref$$clickable,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    user-select: none;\n    cursor: ", ";\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    gap: 4px;\n\n    width: fit-content;\n    border-radius: 50px;\n    text-align: center;\n    transition: all 0.2s ease-in;\n\n    height: ", ";\n    padding: ", ";\n\n    ", "\n\n    ", "\n  "])), $clickable ? 'pointer' : 'default', CHIP_SIZE_STYLE[$size].height, CHIP_SIZE_STYLE[$size].padding, getTypographyStyles(CHIP_SIZE_STYLE[$size].typography), getVariantStyles(_objectSpread({
+    $variant: $variant,
+    $clickable: $clickable
+  }, props)));
+});
+var ButtonWrapper = styled.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  "])));
+
+export { ButtonWrapper, StyledChip };
+//# sourceMappingURL=styles.esm.js.map

package/dist/src/Chips/Chip/styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/Chips/Chip/styles.ts"],"sourcesContent":["import { getTypographyStyles } from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\nimport { CHIP_SIZE_STYLE, CHIP_VARIANT_STYLE } from './const';\nimport type { ChipState, ChipStyleProps } from './types';\n\nconst getVariantStyles = (props: Partial<ChipStyleProps>) => {\n  const { $variant = 'filled', $selected, $clickable } = props;\n  const getStateStyle = (state: ChipState) => css`\n    background-color: ${CHIP_VARIANT_STYLE[$variant][state].backgroundColor};\n    color: ${CHIP_VARIANT_STYLE[$variant][state].color};\n    border: ${CHIP_VARIANT_STYLE[$variant][state].border || 'none'};\n    --left-icon-color: ${CHIP_VARIANT_STYLE[$variant][state].leftIconColor};\n    --delete-button-color: ${CHIP_VARIANT_STYLE[$variant][state].deleteButtonColor};\n  `;\n\n  return css`\n    ${getStateStyle('default')};\n\n    ${\n      $clickable &&\n      css`\n      &:hover:not([data-chip-disabled='true']) {\n        ${getStateStyle('hover')}\n      }\n\n      ${$selected ? '&' : '&:active'}:not([data-chip-disabled=\"true\"]) {\n        ${getStateStyle('selected')}\n        ${$variant === 'outline' && 'border: none;'}\n      }\n      `\n    }\n    \n    &[data-chip-disabled='true'] {\n      ${getStateStyle('disabled')}\n      cursor: not-allowed;\n    }\n\n    & svg {\n      color: var(--left-icon-color);\n    }\n\n    .delete-button svg {\n      color: var(--delete-button-color);\n    }\n  `;\n};\n\nexport const StyledChip = styled.div<ChipStyleProps>`\n  ${({ $size, $variant, $clickable = false, ...props }) => css`\n    box-sizing: border-box;\n    user-select: none;\n    cursor: ${$clickable ? 'pointer' : 'default'};\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    gap: 4px;\n\n    width: fit-content;\n    border-radius: 50px;\n    text-align: center;\n    transition: all 0.2s ease-in;\n\n    height: ${CHIP_SIZE_STYLE[$size].height};\n    padding: ${CHIP_SIZE_STYLE[$size].padding};\n\n    ${getTypographyStyles(CHIP_SIZE_STYLE[$size].typography)}\n\n    ${getVariantStyles({ $variant, $clickable, ...props })}\n  `}\n`;\n\nexport const ButtonWrapper = styled.button`\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  `;\n"],"names":["getVariantStyles","props","_props$$variant","$variant","$selected","$clickable","getStateStyle","state","css","_templateObject","_taggedTemplateLiteral","CHIP_VARIANT_STYLE","backgroundColor","color","border","leftIconColor","deleteButtonColor","_templateObject2","_templateObject3","StyledChip","styled","div","_templateObject4","_ref","$size","_ref$$clickable","_objectWithoutProperties","_excluded","_templateObject5","CHIP_SIZE_STYLE","height","padding","getTypographyStyles","typography","_objectSpread","ButtonWrapper","button","_templateObject6"],"mappings":"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"}

package/dist/src/Chips/Chip/typeGuard.cjs.js

@@ -0,0 +1,31 @@
+'use strict';
+
+function ensureValidChipProps(props) {
+  if (props.clickable === false && 'selected' in props) {
+    throw new Error('오류: "clickable"이 false일 때는 "selected" 속성을 사용할 수 없습니다. ' + '선택 가능한 Chip을 만들려면 "clickable"을 true로 설정하세요.');
+  }
+  if (props.onDelete === undefined && 'deleteIcon' in props) {
+    throw new Error('오류: "onDelete" 함수 없이 "deleteIcon"을 사용할 수 없습니다. ' + '"deleteIcon"을 사용하려면 "onDelete" 함수를 함께 사용해야 합니다.');
+  }
+  if (!props.children) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 children이 있어야 합니다. ');
+  }
+  if (!props.size) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 size가 있어야 합니다. ');
+  }
+  if (!props.variant) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 variant가 있어야 합니다. ');
+  }
+  var validSizes = ['small', 'medium'];
+  if (props.size && !validSizes.includes(props.size)) {
+    throw new Error("\uC624\uB958: \uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 size \uAC12\uC785\uB2C8\uB2E4: \"".concat(props.size, "\". ") + "\uC720\uD6A8\uD55C size \uAC12\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4: ".concat(validSizes.join(', '), "."));
+  }
+  var validVariants = ['filled', 'outline', 'dashedLine'];
+  if (props.variant && !validVariants.includes(props.variant)) {
+    throw new Error("\uC624\uB958: \uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 variant \uAC12\uC785\uB2C8\uB2E4: \"".concat(props.variant, "\". ") + "\uC720\uD6A8\uD55C variant \uAC12\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4: ".concat(validVariants.join(', '), "."));
+  }
+  return true;
+}
+
+exports.ensureValidChipProps = ensureValidChipProps;
+//# sourceMappingURL=typeGuard.cjs.js.map

package/dist/src/Chips/Chip/typeGuard.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeGuard.cjs.js","sources":["../../../../src/Chips/Chip/typeGuard.ts"],"sourcesContent":["import type { ChipProps, ChipSize, ChipVariant } from './types';\n\nexport function ensureValidChipProps(props: ChipProps): props is ChipProps {\n  if (props.clickable === false && 'selected' in props) {\n    throw new Error(\n      '오류: \"clickable\"이 false일 때는 \"selected\" 속성을 사용할 수 없습니다. ' +\n        '선택 가능한 Chip을 만들려면 \"clickable\"을 true로 설정하세요.'\n    );\n  }\n\n  if (props.onDelete === undefined && 'deleteIcon' in props) {\n    throw new Error(\n      '오류: \"onDelete\" 함수 없이 \"deleteIcon\"을 사용할 수 없습니다. ' +\n        '\"deleteIcon\"을 사용하려면 \"onDelete\" 함수를 함께 사용해야 합니다.'\n    );\n  }\n\n  if (!props.children) {\n    throw new Error(\n      '오류: Chip 컴포넌트에는 반드시 children이 있어야 합니다. '\n    );\n  }\n\n  if (!props.size) {\n    throw new Error('오류: Chip 컴포넌트에는 반드시 size가 있어야 합니다. ');\n  }\n\n  if (!props.variant) {\n    throw new Error('오류: Chip 컴포넌트에는 반드시 variant가 있어야 합니다. ');\n  }\n\n  const validSizes: ChipSize[] = ['small', 'medium'];\n  if (props.size && !validSizes.includes(props.size)) {\n    throw new Error(\n      `오류: 올바르지 않은 size 값입니다: \"${props.size}\". ` +\n        `유효한 size 값은 다음과 같습니다: ${validSizes.join(', ')}.`\n    );\n  }\n\n  const validVariants: ChipVariant[] = ['filled', 'outline', 'dashedLine'];\n  if (props.variant && !validVariants.includes(props.variant)) {\n    throw new Error(\n      `오류: 올바르지 않은 variant 값입니다: \"${props.variant}\". ` +\n        `유효한 variant 값은 다음과 같습니다: ${validVariants.join(', ')}.`\n    );\n  }\n  return true;\n}\n"],"names":["ensureValidChipProps","props","clickable","Error","onDelete","undefined","children","size","variant","validSizes","includes","concat","join","validVariants"],"mappings":";;AAEO,SAASA,oBAAoBA,CAACC,KAAgB,EAAsB;EACzE,IAAIA,KAAK,CAACC,SAAS,KAAK,KAAK,IAAI,UAAU,IAAID,KAAK,EAAE;AACpD,IAAA,MAAM,IAAIE,KAAK,CACb,wDAAwD,GACtD,6CACJ,CAAC,CAAA;AACH,GAAA;EAEA,IAAIF,KAAK,CAACG,QAAQ,KAAKC,SAAS,IAAI,YAAY,IAAIJ,KAAK,EAAE;AACzD,IAAA,MAAM,IAAIE,KAAK,CACb,iDAAiD,GAC/C,iDACJ,CAAC,CAAA;AACH,GAAA;AAEA,EAAA,IAAI,CAACF,KAAK,CAACK,QAAQ,EAAE;AACnB,IAAA,MAAM,IAAIH,KAAK,CACb,yCACF,CAAC,CAAA;AACH,GAAA;AAEA,EAAA,IAAI,CAACF,KAAK,CAACM,IAAI,EAAE;AACf,IAAA,MAAM,IAAIJ,KAAK,CAAC,qCAAqC,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,IAAI,CAACF,KAAK,CAACO,OAAO,EAAE;AAClB,IAAA,MAAM,IAAIL,KAAK,CAAC,wCAAwC,CAAC,CAAA;AAC3D,GAAA;AAEA,EAAA,IAAMM,UAAsB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;AAClD,EAAA,IAAIR,KAAK,CAACM,IAAI,IAAI,CAACE,UAAU,CAACC,QAAQ,CAACT,KAAK,CAACM,IAAI,CAAC,EAAE;AAClD,IAAA,MAAM,IAAIJ,KAAK,CACb,wFAAAQ,MAAA,CAA2BV,KAAK,CAACM,IAAI,iGAAAI,MAAA,CACVF,UAAU,CAACG,IAAI,CAAC,IAAI,CAAC,MAClD,CAAC,CAAA;AACH,GAAA;EAEA,IAAMC,aAA4B,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,CAAA;AACxE,EAAA,IAAIZ,KAAK,CAACO,OAAO,IAAI,CAACK,aAAa,CAACH,QAAQ,CAACT,KAAK,CAACO,OAAO,CAAC,EAAE;AAC3D,IAAA,MAAM,IAAIL,KAAK,CACb,2FAAAQ,MAAA,CAA8BV,KAAK,CAACO,OAAO,oGAAAG,MAAA,CACbE,aAAa,CAACD,IAAI,CAAC,IAAI,CAAC,MACxD,CAAC,CAAA;AACH,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/dist/src/Chips/Chip/typeGuard.d.ts

@@ -0,0 +1,3 @@
+import type { ChipProps } from './types';
+export declare function ensureValidChipProps(props: ChipProps): props is ChipProps;
+//# sourceMappingURL=typeGuard.d.ts.map

package/dist/src/Chips/Chip/typeGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeGuard.d.ts","sourceRoot":"","sources":["../../../../src/Chips/Chip/typeGuard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAyB,MAAM,SAAS,CAAC;AAEhE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,IAAI,SAAS,CA6CzE"}

package/dist/src/Chips/Chip/typeGuard.esm.js

@@ -0,0 +1,29 @@
+function ensureValidChipProps(props) {
+  if (props.clickable === false && 'selected' in props) {
+    throw new Error('오류: "clickable"이 false일 때는 "selected" 속성을 사용할 수 없습니다. ' + '선택 가능한 Chip을 만들려면 "clickable"을 true로 설정하세요.');
+  }
+  if (props.onDelete === undefined && 'deleteIcon' in props) {
+    throw new Error('오류: "onDelete" 함수 없이 "deleteIcon"을 사용할 수 없습니다. ' + '"deleteIcon"을 사용하려면 "onDelete" 함수를 함께 사용해야 합니다.');
+  }
+  if (!props.children) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 children이 있어야 합니다. ');
+  }
+  if (!props.size) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 size가 있어야 합니다. ');
+  }
+  if (!props.variant) {
+    throw new Error('오류: Chip 컴포넌트에는 반드시 variant가 있어야 합니다. ');
+  }
+  var validSizes = ['small', 'medium'];
+  if (props.size && !validSizes.includes(props.size)) {
+    throw new Error("\uC624\uB958: \uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 size \uAC12\uC785\uB2C8\uB2E4: \"".concat(props.size, "\". ") + "\uC720\uD6A8\uD55C size \uAC12\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4: ".concat(validSizes.join(', '), "."));
+  }
+  var validVariants = ['filled', 'outline', 'dashedLine'];
+  if (props.variant && !validVariants.includes(props.variant)) {
+    throw new Error("\uC624\uB958: \uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 variant \uAC12\uC785\uB2C8\uB2E4: \"".concat(props.variant, "\". ") + "\uC720\uD6A8\uD55C variant \uAC12\uC740 \uB2E4\uC74C\uACFC \uAC19\uC2B5\uB2C8\uB2E4: ".concat(validVariants.join(', '), "."));
+  }
+  return true;
+}
+
+export { ensureValidChipProps };
+//# sourceMappingURL=typeGuard.esm.js.map

package/dist/src/Chips/Chip/typeGuard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeGuard.esm.js","sources":["../../../../src/Chips/Chip/typeGuard.ts"],"sourcesContent":["import type { ChipProps, ChipSize, ChipVariant } from './types';\n\nexport function ensureValidChipProps(props: ChipProps): props is ChipProps {\n  if (props.clickable === false && 'selected' in props) {\n    throw new Error(\n      '오류: \"clickable\"이 false일 때는 \"selected\" 속성을 사용할 수 없습니다. ' +\n        '선택 가능한 Chip을 만들려면 \"clickable\"을 true로 설정하세요.'\n    );\n  }\n\n  if (props.onDelete === undefined && 'deleteIcon' in props) {\n    throw new Error(\n      '오류: \"onDelete\" 함수 없이 \"deleteIcon\"을 사용할 수 없습니다. ' +\n        '\"deleteIcon\"을 사용하려면 \"onDelete\" 함수를 함께 사용해야 합니다.'\n    );\n  }\n\n  if (!props.children) {\n    throw new Error(\n      '오류: Chip 컴포넌트에는 반드시 children이 있어야 합니다. '\n    );\n  }\n\n  if (!props.size) {\n    throw new Error('오류: Chip 컴포넌트에는 반드시 size가 있어야 합니다. ');\n  }\n\n  if (!props.variant) {\n    throw new Error('오류: Chip 컴포넌트에는 반드시 variant가 있어야 합니다. ');\n  }\n\n  const validSizes: ChipSize[] = ['small', 'medium'];\n  if (props.size && !validSizes.includes(props.size)) {\n    throw new Error(\n      `오류: 올바르지 않은 size 값입니다: \"${props.size}\". ` +\n        `유효한 size 값은 다음과 같습니다: ${validSizes.join(', ')}.`\n    );\n  }\n\n  const validVariants: ChipVariant[] = ['filled', 'outline', 'dashedLine'];\n  if (props.variant && !validVariants.includes(props.variant)) {\n    throw new Error(\n      `오류: 올바르지 않은 variant 값입니다: \"${props.variant}\". ` +\n        `유효한 variant 값은 다음과 같습니다: ${validVariants.join(', ')}.`\n    );\n  }\n  return true;\n}\n"],"names":["ensureValidChipProps","props","clickable","Error","onDelete","undefined","children","size","variant","validSizes","includes","concat","join","validVariants"],"mappings":"AAEO,SAASA,oBAAoBA,CAACC,KAAgB,EAAsB;EACzE,IAAIA,KAAK,CAACC,SAAS,KAAK,KAAK,IAAI,UAAU,IAAID,KAAK,EAAE;AACpD,IAAA,MAAM,IAAIE,KAAK,CACb,wDAAwD,GACtD,6CACJ,CAAC,CAAA;AACH,GAAA;EAEA,IAAIF,KAAK,CAACG,QAAQ,KAAKC,SAAS,IAAI,YAAY,IAAIJ,KAAK,EAAE;AACzD,IAAA,MAAM,IAAIE,KAAK,CACb,iDAAiD,GAC/C,iDACJ,CAAC,CAAA;AACH,GAAA;AAEA,EAAA,IAAI,CAACF,KAAK,CAACK,QAAQ,EAAE;AACnB,IAAA,MAAM,IAAIH,KAAK,CACb,yCACF,CAAC,CAAA;AACH,GAAA;AAEA,EAAA,IAAI,CAACF,KAAK,CAACM,IAAI,EAAE;AACf,IAAA,MAAM,IAAIJ,KAAK,CAAC,qCAAqC,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,IAAI,CAACF,KAAK,CAACO,OAAO,EAAE;AAClB,IAAA,MAAM,IAAIL,KAAK,CAAC,wCAAwC,CAAC,CAAA;AAC3D,GAAA;AAEA,EAAA,IAAMM,UAAsB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;AAClD,EAAA,IAAIR,KAAK,CAACM,IAAI,IAAI,CAACE,UAAU,CAACC,QAAQ,CAACT,KAAK,CAACM,IAAI,CAAC,EAAE;AAClD,IAAA,MAAM,IAAIJ,KAAK,CACb,wFAAAQ,MAAA,CAA2BV,KAAK,CAACM,IAAI,iGAAAI,MAAA,CACVF,UAAU,CAACG,IAAI,CAAC,IAAI,CAAC,MAClD,CAAC,CAAA;AACH,GAAA;EAEA,IAAMC,aAA4B,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,CAAA;AACxE,EAAA,IAAIZ,KAAK,CAACO,OAAO,IAAI,CAACK,aAAa,CAACH,QAAQ,CAACT,KAAK,CAACO,OAAO,CAAC,EAAE;AAC3D,IAAA,MAAM,IAAIL,KAAK,CACb,2FAAAQ,MAAA,CAA8BV,KAAK,CAACO,OAAO,oGAAAG,MAAA,CACbE,aAAa,CAACD,IAAI,CAAC,IAAI,CAAC,MACxD,CAAC,CAAA;AACH,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/dist/src/Chips/Chip/types.d.ts

@@ -0,0 +1,43 @@
+import type { ComponentProps } from 'react';
+export type ChipSize = 'small' | 'medium';
+export type ChipVariant = 'filled' | 'outline' | 'dashedLine';
+type ClickableProps = {
+    clickable?: true;
+    selected?: boolean;
+} | {
+    clickable: false;
+    selected?: never;
+};
+type DeleteProps = {
+    onDelete: VoidFunction;
+    deleteIcon?: React.ReactNode;
+} | {
+    onDelete?: never;
+    deleteIcon?: never;
+};
+type BaseChipProps = {
+    size: ChipSize;
+    variant: ChipVariant;
+    children: React.ReactNode;
+    leftIcon?: React.ReactNode;
+    disabled?: boolean;
+};
+export type ChipProps = BaseChipProps & ClickableProps & DeleteProps & ComponentProps<'div'>;
+export type ChipState = 'default' | 'hover' | 'disabled' | 'selected';
+export type ChipStyleProps = {
+    $size: ChipSize;
+    $variant: ChipVariant;
+    $clickable: boolean;
+    $selected: boolean;
+};
+interface ChipStateStyle {
+    backgroundColor: string;
+    color: string;
+    leftIconColor: string;
+    deleteButtonColor: string;
+    border?: string;
+}
+type ChipStateStyles = Record<ChipState, ChipStateStyle>;
+export type ChipVariantStyleMap = Record<ChipVariant, ChipStateStyles>;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/Chips/Chip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Chips/Chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;AAE9D,KAAK,cAAc,GACf;IACE,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC;AAEN,KAAK,WAAW,GACZ;IACE,QAAQ,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,GACD;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,cAAc,GACd,WAAW,GACX,cAAc,CAAC,KAAK,CAAC,CAAC;AAGxB,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,WAAW,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,UAAU,cAAc;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,KAAK,eAAe,GAAG,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;AAEzD,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC"}

package/dist/src/Chips/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Chip';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/Chips/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Chips/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/src/Control/BaseToggle/index.cjs.js

@@ -43,7 +43,7 @@ var _BaseToggle = function _BaseToggle(_ref, ref) {
     props = _objectWithoutProperties__default.default(_ref, _excluded);
   var isStringLabel = typeof _label === 'string';
   var label = isStringLabel ? /*#__PURE__*/jsxRuntime.jsx(index$1.Typography, {
-    variant: "Body1",
+    variant: "UIBody3",
     children: _label
   }) : _label;
   var refCallback = react.useCallback(function (input) {

package/dist/src/Control/BaseToggle/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Control/BaseToggle/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardRefRenderFunction } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { Typography } from '@/Common';\n\nimport { ToggleIcon } from './ToggleIcon';\nimport { ToggleInput, ToggleRoot } from './styles';\nimport type { BaseToggleProps } from './types';\n\nconst _BaseToggle: ForwardRefRenderFunction<\n  HTMLInputElement,\n  BaseToggleProps\n> = (\n  {\n    variant,\n    label: _label,\n    labelPosition = 'right',\n    className,\n    inputClassName,\n    size = 'medium',\n    labelGap = size === 'small' ? 2 : 4,\n    type = 'checkbox',\n    onToggle,\n    onChange,\n    indeterminate,\n    ...props\n  },\n  ref\n) => {\n  const isStringLabel = typeof _label === 'string';\n  const label = isStringLabel ? (\n    <Typography variant=\"Body1\">{_label}</Typography>\n  ) : (\n    _label\n  );\n\n  const refCallback = useCallback(\n    (input: HTMLInputElement | null) => {\n      if (ref) {\n        if (typeof ref === 'function') {\n          ref(input);\n        } else {\n          ref.current = input;\n        }\n      }\n\n      if (input) {\n        input.indeterminate = indeterminate ?? false;\n      }\n    },\n    [indeterminate, ref]\n  );\n\n  return (\n    <ToggleRoot className={className} $gap={labelGap}>\n      <ToggleInput\n        ref={refCallback}\n        className={inputClassName}\n        type={type}\n        {...props}\n        onChange={(e) => {\n          onChange?.(e);\n          onToggle?.(e.target.checked);\n        }}\n      />\n      {labelPosition === 'left' && label}\n      <ToggleIcon\n        className=\"onIcon\"\n        size={size}\n        status=\"on\"\n        variant={variant}\n      />\n      {type === 'checkbox' && (\n        <ToggleIcon\n          className=\"indeterminateIcon\"\n          size={size}\n          status=\"indeterminate\"\n          variant={variant}\n        />\n      )}\n      <ToggleIcon\n        className=\"offIcon\"\n        size={size}\n        status=\"off\"\n        variant={variant}\n      />\n      {labelPosition === 'right' && label}\n    </ToggleRoot>\n  );\n};\n\nexport const BaseToggle = forwardRef(_BaseToggle);\n"],"names":["labelPosition","size","type","props","variant","children","className","$gap","ref","onChange","status"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAWb;AAmBK;;;AAZDA;;;;AAGAC;;;;AAEAC;;;;AAIGC;AAIL;AACA;AACcC;AAAeC;;AAK7B;AAEI;AACE;;AAEA;;AAEA;AACF;AAEA;;AAEA;AACF;;AAKYC;AAAsBC;AAAeF;AAE7CG;AACAF;AACAJ;AAAW;AAEXO;AACEA;;AAEF;;AAIAH;AACAL;AACAS;AACAN;;AAIEE;AACAL;AACAS;AACAN;AAAiB;AAInBE;AACAL;AACAS;AACAN;AAAiB;AAEgB;AAGzC;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/Control/BaseToggle/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardRefRenderFunction } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { Typography } from '@/Common';\n\nimport { ToggleIcon } from './ToggleIcon';\nimport { ToggleInput, ToggleRoot } from './styles';\nimport type { BaseToggleProps } from './types';\n\nconst _BaseToggle: ForwardRefRenderFunction<\n  HTMLInputElement,\n  BaseToggleProps\n> = (\n  {\n    variant,\n    label: _label,\n    labelPosition = 'right',\n    className,\n    inputClassName,\n    size = 'medium',\n    labelGap = size === 'small' ? 2 : 4,\n    type = 'checkbox',\n    onToggle,\n    onChange,\n    indeterminate,\n    ...props\n  },\n  ref\n) => {\n  const isStringLabel = typeof _label === 'string';\n  const label = isStringLabel ? (\n    <Typography variant=\"UIBody3\">{_label}</Typography>\n  ) : (\n    _label\n  );\n\n  const refCallback = useCallback(\n    (input: HTMLInputElement | null) => {\n      if (ref) {\n        if (typeof ref === 'function') {\n          ref(input);\n        } else {\n          ref.current = input;\n        }\n      }\n\n      if (input) {\n        input.indeterminate = indeterminate ?? false;\n      }\n    },\n    [indeterminate, ref]\n  );\n\n  return (\n    <ToggleRoot className={className} $gap={labelGap}>\n      <ToggleInput\n        ref={refCallback}\n        className={inputClassName}\n        type={type}\n        {...props}\n        onChange={(e) => {\n          onChange?.(e);\n          onToggle?.(e.target.checked);\n        }}\n      />\n      {labelPosition === 'left' && label}\n      <ToggleIcon\n        className=\"onIcon\"\n        size={size}\n        status=\"on\"\n        variant={variant}\n      />\n      {type === 'checkbox' && (\n        <ToggleIcon\n          className=\"indeterminateIcon\"\n          size={size}\n          status=\"indeterminate\"\n          variant={variant}\n        />\n      )}\n      <ToggleIcon\n        className=\"offIcon\"\n        size={size}\n        status=\"off\"\n        variant={variant}\n      />\n      {labelPosition === 'right' && label}\n    </ToggleRoot>\n  );\n};\n\nexport const BaseToggle = forwardRef(_BaseToggle);\n"],"names":["labelPosition","size","type","props","variant","children","className","$gap","ref","onChange","status"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAWb;AAmBK;;;AAZDA;;;;AAGAC;;;;AAEAC;;;;AAIGC;AAIL;AACA;AACcC;AAAiBC;;AAK/B;AAEI;AACE;;AAEA;;AAEA;AACF;AAEA;;AAEA;AACF;;AAKYC;AAAsBC;AAAeF;AAE7CG;AACAF;AACAJ;AAAW;AAEXO;AACEA;;AAEF;;AAIAH;AACAL;AACAS;AACAN;;AAIEE;AACAL;AACAS;AACAN;AAAiB;AAInBE;AACAL;AACAS;AACAN;AAAiB;AAEgB;AAGzC;;;"}

package/dist/src/Control/BaseToggle/index.esm.js

@@ -36,7 +36,7 @@ var _BaseToggle = function _BaseToggle(_ref, ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var isStringLabel = typeof _label === 'string';
   var label = isStringLabel ? /*#__PURE__*/jsx(Typography, {
-    variant: "Body1",
+    variant: "UIBody3",
     children: _label
   }) : _label;
   var refCallback = useCallback(function (input) {

package/dist/src/Control/BaseToggle/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Control/BaseToggle/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardRefRenderFunction } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { Typography } from '@/Common';\n\nimport { ToggleIcon } from './ToggleIcon';\nimport { ToggleInput, ToggleRoot } from './styles';\nimport type { BaseToggleProps } from './types';\n\nconst _BaseToggle: ForwardRefRenderFunction<\n  HTMLInputElement,\n  BaseToggleProps\n> = (\n  {\n    variant,\n    label: _label,\n    labelPosition = 'right',\n    className,\n    inputClassName,\n    size = 'medium',\n    labelGap = size === 'small' ? 2 : 4,\n    type = 'checkbox',\n    onToggle,\n    onChange,\n    indeterminate,\n    ...props\n  },\n  ref\n) => {\n  const isStringLabel = typeof _label === 'string';\n  const label = isStringLabel ? (\n    <Typography variant=\"Body1\">{_label}</Typography>\n  ) : (\n    _label\n  );\n\n  const refCallback = useCallback(\n    (input: HTMLInputElement | null) => {\n      if (ref) {\n        if (typeof ref === 'function') {\n          ref(input);\n        } else {\n          ref.current = input;\n        }\n      }\n\n      if (input) {\n        input.indeterminate = indeterminate ?? false;\n      }\n    },\n    [indeterminate, ref]\n  );\n\n  return (\n    <ToggleRoot className={className} $gap={labelGap}>\n      <ToggleInput\n        ref={refCallback}\n        className={inputClassName}\n        type={type}\n        {...props}\n        onChange={(e) => {\n          onChange?.(e);\n          onToggle?.(e.target.checked);\n        }}\n      />\n      {labelPosition === 'left' && label}\n      <ToggleIcon\n        className=\"onIcon\"\n        size={size}\n        status=\"on\"\n        variant={variant}\n      />\n      {type === 'checkbox' && (\n        <ToggleIcon\n          className=\"indeterminateIcon\"\n          size={size}\n          status=\"indeterminate\"\n          variant={variant}\n        />\n      )}\n      <ToggleIcon\n        className=\"offIcon\"\n        size={size}\n        status=\"off\"\n        variant={variant}\n      />\n      {labelPosition === 'right' && label}\n    </ToggleRoot>\n  );\n};\n\nexport const BaseToggle = forwardRef(_BaseToggle);\n"],"names":["labelPosition","size","type","props","variant","children","className","$gap","ref","onChange","status"],"mappings":";;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAWb;AAmBK;;;AAZDA;;;;AAGAC;;;;AAEAC;;;;AAIGC;AAIL;AACA;AACcC;AAAeC;;AAK7B;AAEI;AACE;;AAEA;;AAEA;AACF;AAEA;;AAEA;AACF;;AAKYC;AAAsBC;AAAeF;AAE7CG;AACAF;AACAJ;AAAW;AAEXO;AACEA;;AAEF;;AAIAH;AACAL;AACAS;AACAN;;AAIEE;AACAL;AACAS;AACAN;AAAiB;AAInBE;AACAL;AACAS;AACAN;AAAiB;AAEgB;AAGzC;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/Control/BaseToggle/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardRefRenderFunction } from 'react';\nimport { forwardRef, useCallback } from 'react';\n\nimport { Typography } from '@/Common';\n\nimport { ToggleIcon } from './ToggleIcon';\nimport { ToggleInput, ToggleRoot } from './styles';\nimport type { BaseToggleProps } from './types';\n\nconst _BaseToggle: ForwardRefRenderFunction<\n  HTMLInputElement,\n  BaseToggleProps\n> = (\n  {\n    variant,\n    label: _label,\n    labelPosition = 'right',\n    className,\n    inputClassName,\n    size = 'medium',\n    labelGap = size === 'small' ? 2 : 4,\n    type = 'checkbox',\n    onToggle,\n    onChange,\n    indeterminate,\n    ...props\n  },\n  ref\n) => {\n  const isStringLabel = typeof _label === 'string';\n  const label = isStringLabel ? (\n    <Typography variant=\"UIBody3\">{_label}</Typography>\n  ) : (\n    _label\n  );\n\n  const refCallback = useCallback(\n    (input: HTMLInputElement | null) => {\n      if (ref) {\n        if (typeof ref === 'function') {\n          ref(input);\n        } else {\n          ref.current = input;\n        }\n      }\n\n      if (input) {\n        input.indeterminate = indeterminate ?? false;\n      }\n    },\n    [indeterminate, ref]\n  );\n\n  return (\n    <ToggleRoot className={className} $gap={labelGap}>\n      <ToggleInput\n        ref={refCallback}\n        className={inputClassName}\n        type={type}\n        {...props}\n        onChange={(e) => {\n          onChange?.(e);\n          onToggle?.(e.target.checked);\n        }}\n      />\n      {labelPosition === 'left' && label}\n      <ToggleIcon\n        className=\"onIcon\"\n        size={size}\n        status=\"on\"\n        variant={variant}\n      />\n      {type === 'checkbox' && (\n        <ToggleIcon\n          className=\"indeterminateIcon\"\n          size={size}\n          status=\"indeterminate\"\n          variant={variant}\n        />\n      )}\n      <ToggleIcon\n        className=\"offIcon\"\n        size={size}\n        status=\"off\"\n        variant={variant}\n      />\n      {labelPosition === 'right' && label}\n    </ToggleRoot>\n  );\n};\n\nexport const BaseToggle = forwardRef(_BaseToggle);\n"],"names":["labelPosition","size","type","props","variant","children","className","$gap","ref","onChange","status"],"mappings":";;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAWb;AAmBK;;;AAZDA;;;;AAGAC;;;;AAEAC;;;;AAIGC;AAIL;AACA;AACcC;AAAiBC;;AAK/B;AAEI;AACE;;AAEA;;AAEA;AACF;AAEA;;AAEA;AACF;;AAKYC;AAAsBC;AAAeF;AAE7CG;AACAF;AACAJ;AAAW;AAEXO;AACEA;;AAEF;;AAIAH;AACAL;AACAS;AACAN;;AAIEE;AACAL;AACAS;AACAN;AAAiB;AAInBE;AACAL;AACAS;AACAN;AAAiB;AAEgB;AAGzC;;;"}

package/dist/src/Floating/DropdownMenu/styles.cjs.js

@@ -18,15 +18,15 @@ var _excluded = ["active", "disabled"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 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 dropdownMenuItemCSS = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ", ";\n  color: ", ";\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n"])), mixin.getTypographyStyles('Body1'), mixin.contents000);
+var dropdownMenuItemCSS = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ", ";\n  color: ", ";\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n"])), mixin.getTypographyStyles('UIBody2'), mixin.contents000);
 var DropdownMenuItemHoverCSS = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  &:hover,\n  &:focus-visible {\n    background-color: ", ";\n  }\n"])), mixin.bg200);
 var DropdownMenuItemDisabledCSS = styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  pointer-events: none;\n"])));
-var StyledDropdownMenuSectionTitle = styled__default.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  ", ";\n  ", ";\n  color: ", ";\n"])), dropdownMenuItemCSS, mixin.getTypographyStyles('Body2_M'), mixin.contents200);
+var StyledDropdownMenuSectionTitle = styled__default.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  ", ";\n  ", ";\n  color: ", ";\n"])), dropdownMenuItemCSS, mixin.getTypographyStyles('Caption1'), mixin.contents200);
 var getDropdownMenuItemCss = function getDropdownMenuItemCss(_ref) {
   var $active = _ref.$active,
     $disabled = _ref.$disabled;
   return styled.css(function () {
-    return [dropdownMenuItemCSS, !$active && DropdownMenuItemHoverCSS, $disabled && DropdownMenuItemDisabledCSS, styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n      font-weight: ", ";\n\n      &:focus-visible {\n        outline: none;\n      }\n    "])), $active ? 600 : 400)];
+    return [dropdownMenuItemCSS, !$active && DropdownMenuItemHoverCSS, $disabled && DropdownMenuItemDisabledCSS, styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n      font-weight: ", ";\n\n      &:hover{\n        font-weight: 600;\n      }\n\n      &:focus-visible {\n        outline: none;\n      }\n    "])), $active ? 600 : 400)];
   });
 };
 var StyledDropdownMenuItem = styled__default.default.div.attrs(function (_ref2) {

package/dist/src/Floating/DropdownMenu/styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Floating/DropdownMenu/styles.tsx"],"sourcesContent":["import {\n  bg200,\n  contents000,\n  contents200,\n  divider,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { ConvertTransientProps } from '@remember-web/shared';\nimport styled, { css, CSSProperties } from 'styled-components';\n\nimport { StyledPopoverContent } from '../Popover/styles';\n\nexport const dropdownMenuItemCSS = css`\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ${getTypographyStyles('Body1')};\n  color: ${contents000};\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n`;\n\nexport const DropdownMenuItemHoverCSS = css`\n  &:hover,\n  &:focus-visible {\n    background-color: ${bg200};\n  }\n`;\n\nexport const DropdownMenuItemDisabledCSS = css`\n  pointer-events: none;\n`;\n\nexport const StyledDropdownMenuSectionTitle = styled.span`\n  ${dropdownMenuItemCSS};\n  ${getTypographyStyles('Body2_M')};\n  color: ${contents200};\n`;\n\nexport type DropdownMenuItemProps =\n  ConvertTransientProps<StyledDropdownMenuItemProps>;\n\nexport type StyledDropdownMenuItemProps = {\n  $active?: boolean;\n  $disabled?: boolean;\n};\n\nexport const getDropdownMenuItemCss = ({\n  $active,\n  $disabled,\n}: StyledDropdownMenuItemProps) =>\n  css(() => [\n    dropdownMenuItemCSS,\n    !$active && DropdownMenuItemHoverCSS,\n    $disabled && DropdownMenuItemDisabledCSS,\n    css`\n      font-weight: ${$active ? 600 : 400};\n\n      &:focus-visible {\n        outline: none;\n      }\n    `,\n  ]);\n\nexport const StyledDropdownMenuItem = styled.div.attrs<DropdownMenuItemProps>(\n  ({ active, disabled, ...props }) => ({\n    tabIndex: active ? -1 : undefined,\n    $active: active,\n    $disabled: disabled,\n    ...props,\n  })\n)<StyledDropdownMenuItemProps>(getDropdownMenuItemCss);\n\n\nexport const StyledDropdownMenuContentWrapper = styled.div<{$zIndex?: CSSProperties['zIndex']}>`\n  [data-radix-popper-content-wrapper]{\n    ${({$zIndex}) => $zIndex && css` z-index: ${$zIndex} !important; `}\n  }\n`\n\nexport const StyledDropdownMenuSection = styled.div``;\n\nexport const StyledDropdownMenuContent = styled(StyledPopoverContent)`\n  ${StyledDropdownMenuSection} {\n    border-bottom: 1px solid ${divider};\n  }\n  ${StyledDropdownMenuSection}:last-child {\n    border-bottom: none;\n  }\n`;\nStyledDropdownMenuItem.defaultProps = {};\n"],"names":["dropdownMenuItemCSS","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","contents000","DropdownMenuItemHoverCSS","_templateObject2","bg200","DropdownMenuItemDisabledCSS","_templateObject3","StyledDropdownMenuSectionTitle","styled","span","_templateObject4","contents200","getDropdownMenuItemCss","_ref","$active","$disabled","_templateObject5","StyledDropdownMenuItem","div","attrs","_ref2","active","disabled","props","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","undefined","StyledDropdownMenuContentWrapper","_templateObject6","_ref3","$zIndex","_templateObject7","StyledDropdownMenuSection","_templateObject8","StyledDropdownMenuContent","StyledPopoverContent","_templateObject9","divider","defaultProps"],"mappings":"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"}
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Floating/DropdownMenu/styles.tsx"],"sourcesContent":["import {\n  bg200,\n  contents000,\n  contents200,\n  divider,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { ConvertTransientProps } from '@remember-web/shared';\nimport styled, { css, type CSSProperties } from 'styled-components';\n\nimport { StyledPopoverContent } from '../Popover/styles';\n\nexport const dropdownMenuItemCSS = css`\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ${getTypographyStyles('UIBody2')};\n  color: ${contents000};\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n`;\n\nexport const DropdownMenuItemHoverCSS = css`\n  &:hover,\n  &:focus-visible {\n    background-color: ${bg200};\n  }\n`;\n\nexport const DropdownMenuItemDisabledCSS = css`\n  pointer-events: none;\n`;\n\nexport const StyledDropdownMenuSectionTitle = styled.span`\n  ${dropdownMenuItemCSS};\n  ${getTypographyStyles('Caption1')};\n  color: ${contents200};\n`;\n\nexport type DropdownMenuItemProps =\n  ConvertTransientProps<StyledDropdownMenuItemProps>;\n\nexport type StyledDropdownMenuItemProps = {\n  $active?: boolean;\n  $disabled?: boolean;\n};\n\nexport const getDropdownMenuItemCss = ({\n  $active,\n  $disabled,\n}: StyledDropdownMenuItemProps) =>\n  css(() => [\n    dropdownMenuItemCSS,\n    !$active && DropdownMenuItemHoverCSS,\n    $disabled && DropdownMenuItemDisabledCSS,\n    css`\n      font-weight: ${$active ? 600 : 400};\n\n      &:hover{\n        font-weight: 600;\n      }\n\n      &:focus-visible {\n        outline: none;\n      }\n    `,\n  ]);\n\nexport const StyledDropdownMenuItem = styled.div.attrs<DropdownMenuItemProps>(\n  ({ active, disabled, ...props }) => ({\n    tabIndex: active ? -1 : undefined,\n    $active: active,\n    $disabled: disabled,\n    ...props,\n  })\n)<StyledDropdownMenuItemProps>(getDropdownMenuItemCss);\n\nexport const StyledDropdownMenuContentWrapper = styled.div<{\n  $zIndex?: CSSProperties['zIndex'];\n}>`\n  [data-radix-popper-content-wrapper]{\n    ${({ $zIndex }) => $zIndex && css` z-index: ${$zIndex} !important; `}\n  }\n`;\n\nexport const StyledDropdownMenuSection = styled.div``;\n\nexport const StyledDropdownMenuContent = styled(StyledPopoverContent)`\n  ${StyledDropdownMenuSection} {\n    border-bottom: 1px solid ${divider};\n  }\n  ${StyledDropdownMenuSection}:last-child {\n    border-bottom: none;\n  }\n`;\nStyledDropdownMenuItem.defaultProps = {};\n"],"names":["dropdownMenuItemCSS","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","contents000","DropdownMenuItemHoverCSS","_templateObject2","bg200","DropdownMenuItemDisabledCSS","_templateObject3","StyledDropdownMenuSectionTitle","styled","span","_templateObject4","contents200","getDropdownMenuItemCss","_ref","$active","$disabled","_templateObject5","StyledDropdownMenuItem","div","attrs","_ref2","active","disabled","props","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","undefined","StyledDropdownMenuContentWrapper","_templateObject6","_ref3","$zIndex","_templateObject7","StyledDropdownMenuSection","_templateObject8","StyledDropdownMenuContent","StyledPopoverContent","_templateObject9","divider","defaultProps"],"mappings":"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"}

package/dist/src/Floating/DropdownMenu/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ConvertTransientProps } from '@remember-web/shared';
-import { CSSProperties } from 'styled-components';
+import { type CSSProperties } from 'styled-components';
 export declare const dropdownMenuItemCSS: import("styled-components").RuleSet<object>;
 export declare const DropdownMenuItemHoverCSS: import("styled-components").RuleSet<object>;
 export declare const DropdownMenuItemDisabledCSS: import("styled-components").RuleSet<object>;

package/dist/src/Floating/DropdownMenu/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Floating/DropdownMenu/styles.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAe,EAAO,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAI/D,eAAO,MAAM,mBAAmB,6CAU/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,6CAKpC,CAAC;AAEF,eAAO,MAAM,2BAA2B,6CAEvC,CAAC;AAEF,eAAO,MAAM,8BAA8B,kNAI1C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC/B,qBAAqB,CAAC,2BAA2B,CAAC,CAAC;AAErD,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,4BAGhC,2BAA2B,gDAY1B,CAAC;AAEL,eAAO,MAAM,sBAAsB;;sFAOmB,CAAC;AAGvD,eAAO,MAAM,gCAAgC;cAAyB,aAAa,CAAC,QAAQ,CAAC;GAI5F,CAAA;AAED,eAAO,MAAM,yBAAyB,gNAAe,CAAC;AAEtD,eAAO,MAAM,yBAAyB;;;;kQAOrC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Floating/DropdownMenu/styles.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAe,EAAO,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIpE,eAAO,MAAM,mBAAmB,6CAU/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,6CAKpC,CAAC;AAEF,eAAO,MAAM,2BAA2B,6CAEvC,CAAC;AAEF,eAAO,MAAM,8BAA8B,kNAI1C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC/B,qBAAqB,CAAC,2BAA2B,CAAC,CAAC;AAErD,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,4BAGhC,2BAA2B,gDAgB1B,CAAC;AAEL,eAAO,MAAM,sBAAsB;;sFAOmB,CAAC;AAEvD,eAAO,MAAM,gCAAgC;cACjC,aAAa,CAAC,QAAQ,CAAC;GAKlC,CAAC;AAEF,eAAO,MAAM,yBAAyB,gNAAe,CAAC;AAEtD,eAAO,MAAM,yBAAyB;;;;kQAOrC,CAAC"}

package/dist/src/Floating/DropdownMenu/styles.esm.js

@@ -9,15 +9,15 @@ var _excluded = ["active", "disabled"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 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 dropdownMenuItemCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ", ";\n  color: ", ";\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n"])), getTypographyStyles('Body1'), contents000);
+var dropdownMenuItemCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ", ";\n  color: ", ";\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n"])), getTypographyStyles('UIBody2'), contents000);
 var DropdownMenuItemHoverCSS = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:hover,\n  &:focus-visible {\n    background-color: ", ";\n  }\n"])), bg200);
 var DropdownMenuItemDisabledCSS = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  pointer-events: none;\n"])));
-var StyledDropdownMenuSectionTitle = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n  color: ", ";\n"])), dropdownMenuItemCSS, getTypographyStyles('Body2_M'), contents200);
+var StyledDropdownMenuSectionTitle = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n  color: ", ";\n"])), dropdownMenuItemCSS, getTypographyStyles('Caption1'), contents200);
 var getDropdownMenuItemCss = function getDropdownMenuItemCss(_ref) {
   var $active = _ref.$active,
     $disabled = _ref.$disabled;
   return css(function () {
-    return [dropdownMenuItemCSS, !$active && DropdownMenuItemHoverCSS, $disabled && DropdownMenuItemDisabledCSS, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-weight: ", ";\n\n      &:focus-visible {\n        outline: none;\n      }\n    "])), $active ? 600 : 400)];
+    return [dropdownMenuItemCSS, !$active && DropdownMenuItemHoverCSS, $disabled && DropdownMenuItemDisabledCSS, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-weight: ", ";\n\n      &:hover{\n        font-weight: 600;\n      }\n\n      &:focus-visible {\n        outline: none;\n      }\n    "])), $active ? 600 : 400)];
   });
 };
 var StyledDropdownMenuItem = styled.div.attrs(function (_ref2) {

package/dist/src/Floating/DropdownMenu/styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../../src/Floating/DropdownMenu/styles.tsx"],"sourcesContent":["import {\n  bg200,\n  contents000,\n  contents200,\n  divider,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { ConvertTransientProps } from '@remember-web/shared';\nimport styled, { css, CSSProperties } from 'styled-components';\n\nimport { StyledPopoverContent } from '../Popover/styles';\n\nexport const dropdownMenuItemCSS = css`\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ${getTypographyStyles('Body1')};\n  color: ${contents000};\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n`;\n\nexport const DropdownMenuItemHoverCSS = css`\n  &:hover,\n  &:focus-visible {\n    background-color: ${bg200};\n  }\n`;\n\nexport const DropdownMenuItemDisabledCSS = css`\n  pointer-events: none;\n`;\n\nexport const StyledDropdownMenuSectionTitle = styled.span`\n  ${dropdownMenuItemCSS};\n  ${getTypographyStyles('Body2_M')};\n  color: ${contents200};\n`;\n\nexport type DropdownMenuItemProps =\n  ConvertTransientProps<StyledDropdownMenuItemProps>;\n\nexport type StyledDropdownMenuItemProps = {\n  $active?: boolean;\n  $disabled?: boolean;\n};\n\nexport const getDropdownMenuItemCss = ({\n  $active,\n  $disabled,\n}: StyledDropdownMenuItemProps) =>\n  css(() => [\n    dropdownMenuItemCSS,\n    !$active && DropdownMenuItemHoverCSS,\n    $disabled && DropdownMenuItemDisabledCSS,\n    css`\n      font-weight: ${$active ? 600 : 400};\n\n      &:focus-visible {\n        outline: none;\n      }\n    `,\n  ]);\n\nexport const StyledDropdownMenuItem = styled.div.attrs<DropdownMenuItemProps>(\n  ({ active, disabled, ...props }) => ({\n    tabIndex: active ? -1 : undefined,\n    $active: active,\n    $disabled: disabled,\n    ...props,\n  })\n)<StyledDropdownMenuItemProps>(getDropdownMenuItemCss);\n\n\nexport const StyledDropdownMenuContentWrapper = styled.div<{$zIndex?: CSSProperties['zIndex']}>`\n  [data-radix-popper-content-wrapper]{\n    ${({$zIndex}) => $zIndex && css` z-index: ${$zIndex} !important; `}\n  }\n`\n\nexport const StyledDropdownMenuSection = styled.div``;\n\nexport const StyledDropdownMenuContent = styled(StyledPopoverContent)`\n  ${StyledDropdownMenuSection} {\n    border-bottom: 1px solid ${divider};\n  }\n  ${StyledDropdownMenuSection}:last-child {\n    border-bottom: none;\n  }\n`;\nStyledDropdownMenuItem.defaultProps = {};\n"],"names":["dropdownMenuItemCSS","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","contents000","DropdownMenuItemHoverCSS","_templateObject2","bg200","DropdownMenuItemDisabledCSS","_templateObject3","StyledDropdownMenuSectionTitle","styled","span","_templateObject4","contents200","getDropdownMenuItemCss","_ref","$active","$disabled","_templateObject5","StyledDropdownMenuItem","div","attrs","_ref2","active","disabled","props","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","undefined","StyledDropdownMenuContentWrapper","_templateObject6","_ref3","$zIndex","_templateObject7","StyledDropdownMenuSection","_templateObject8","StyledDropdownMenuContent","StyledPopoverContent","_templateObject9","divider","defaultProps"],"mappings":"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"}
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/Floating/DropdownMenu/styles.tsx"],"sourcesContent":["import {\n  bg200,\n  contents000,\n  contents200,\n  divider,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport type { ConvertTransientProps } from '@remember-web/shared';\nimport styled, { css, type CSSProperties } from 'styled-components';\n\nimport { StyledPopoverContent } from '../Popover/styles';\n\nexport const dropdownMenuItemCSS = css`\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ${getTypographyStyles('UIBody2')};\n  color: ${contents000};\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n`;\n\nexport const DropdownMenuItemHoverCSS = css`\n  &:hover,\n  &:focus-visible {\n    background-color: ${bg200};\n  }\n`;\n\nexport const DropdownMenuItemDisabledCSS = css`\n  pointer-events: none;\n`;\n\nexport const StyledDropdownMenuSectionTitle = styled.span`\n  ${dropdownMenuItemCSS};\n  ${getTypographyStyles('Caption1')};\n  color: ${contents200};\n`;\n\nexport type DropdownMenuItemProps =\n  ConvertTransientProps<StyledDropdownMenuItemProps>;\n\nexport type StyledDropdownMenuItemProps = {\n  $active?: boolean;\n  $disabled?: boolean;\n};\n\nexport const getDropdownMenuItemCss = ({\n  $active,\n  $disabled,\n}: StyledDropdownMenuItemProps) =>\n  css(() => [\n    dropdownMenuItemCSS,\n    !$active && DropdownMenuItemHoverCSS,\n    $disabled && DropdownMenuItemDisabledCSS,\n    css`\n      font-weight: ${$active ? 600 : 400};\n\n      &:hover{\n        font-weight: 600;\n      }\n\n      &:focus-visible {\n        outline: none;\n      }\n    `,\n  ]);\n\nexport const StyledDropdownMenuItem = styled.div.attrs<DropdownMenuItemProps>(\n  ({ active, disabled, ...props }) => ({\n    tabIndex: active ? -1 : undefined,\n    $active: active,\n    $disabled: disabled,\n    ...props,\n  })\n)<StyledDropdownMenuItemProps>(getDropdownMenuItemCss);\n\nexport const StyledDropdownMenuContentWrapper = styled.div<{\n  $zIndex?: CSSProperties['zIndex'];\n}>`\n  [data-radix-popper-content-wrapper]{\n    ${({ $zIndex }) => $zIndex && css` z-index: ${$zIndex} !important; `}\n  }\n`;\n\nexport const StyledDropdownMenuSection = styled.div``;\n\nexport const StyledDropdownMenuContent = styled(StyledPopoverContent)`\n  ${StyledDropdownMenuSection} {\n    border-bottom: 1px solid ${divider};\n  }\n  ${StyledDropdownMenuSection}:last-child {\n    border-bottom: none;\n  }\n`;\nStyledDropdownMenuItem.defaultProps = {};\n"],"names":["dropdownMenuItemCSS","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","contents000","DropdownMenuItemHoverCSS","_templateObject2","bg200","DropdownMenuItemDisabledCSS","_templateObject3","StyledDropdownMenuSectionTitle","styled","span","_templateObject4","contents200","getDropdownMenuItemCss","_ref","$active","$disabled","_templateObject5","StyledDropdownMenuItem","div","attrs","_ref2","active","disabled","props","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","undefined","StyledDropdownMenuContentWrapper","_templateObject6","_ref3","$zIndex","_templateObject7","StyledDropdownMenuSection","_templateObject8","StyledDropdownMenuContent","StyledPopoverContent","_templateObject9","divider","defaultProps"],"mappings":"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"}

package/dist/src/Floating/Tooltip/styles.cjs.js

@@ -34,11 +34,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var TOOLTIP_CONTENT_CONSTANTS = {
   large: {
     padding: '8px 12px',
-    typography: 'Body1'
+    typography: 'UIBody2'
   },
   small: {
     padding: '4px 8px',
-    typography: 'Body2'
+    typography: 'UIBody3'
   }
 };
 var fadeIn = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n"])));

package/dist/src/Floating/Tooltip/styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Floating/Tooltip/styles.ts"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport type { TypographyStyle } from '@remember-web/mixin';\nimport {\n  contents000,\n  contents999,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css, keyframes } from 'styled-components';\n\nimport type { TooltipSize, TooltipTextAlign } from './types';\nimport { CSSProperties } from 'react';\n\nconst TOOLTIP_CONTENT_CONSTANTS: Record<\n  TooltipSize,\n  { padding: string; typography: TypographyStyle }\n> = {\n  large: {\n    padding: '8px 12px',\n    typography: 'Body1',\n  },\n  small: {\n    padding: '4px 8px',\n    typography: 'Body2',\n  },\n};\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nexport const TooltipTriggerWrapper = styled.div`\n  width: fit-content;\n  height: fit-content;\n  & > svg {\n    display: block;\n  }\n`;\n\nexport const TooltipContentWrapper = styled.div<{$zIndex?: CSSProperties['zIndex']}>`\n  [data-radix-popper-content-wrapper]{\n    ${({$zIndex}) => $zIndex && css` z-index: ${$zIndex} !important; `}\n  }\n`\n\nexport const TooltipContent = styled(RadixTooltip.Content)<{\n  $size: TooltipSize;\n  $maxWidth: number | string;\n  $backgroundColor: string;\n  $contentColor: string;\n  $textAlign?: TooltipTextAlign;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  white-space: pre-wrap;\n  color: ${contents999};\n  background-color: ${contents000};\n  border-radius: 4px;\n  will-change: opacity;\n  animation: ${fadeIn} 200ms forwards;\n  gap: 4px;\n  ${({\n    $size,\n    $maxWidth,\n    $backgroundColor,\n    $contentColor,\n    $textAlign,\n  }) => [\n    css`\n      padding: ${TOOLTIP_CONTENT_CONSTANTS[$size].padding};\n      ${getTypographyStyles(TOOLTIP_CONTENT_CONSTANTS[$size].typography)};\n      background-color: ${$backgroundColor};\n      color: ${$contentColor};\n      text-align: ${$textAlign};\n    `,\n    typeof $maxWidth === 'string'\n      ? `max-width: ${$maxWidth};`\n      : `max-width: ${$maxWidth}px;`,\n  ]};\n`;\n\nexport const CloseButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":["large","padding","typography","small","TooltipTriggerWrapper","TooltipContentWrapper","CloseButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAcb;AAIEA;AACEC;AACAC;;AAEFC;AACEF;AACAC;AACF;AACF;AAEA;AASaE;AAQAC;AAEP;;AAAgE;AAI/D;AAgBH;;;;;;AAiBD;AAGUC;;;;;"}
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Floating/Tooltip/styles.ts"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport type { TypographyStyle } from '@remember-web/mixin';\nimport {\n  contents000,\n  contents999,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css, keyframes } from 'styled-components';\n\nimport type { CSSProperties } from 'react';\nimport type { TooltipSize, TooltipTextAlign } from './types';\n\nconst TOOLTIP_CONTENT_CONSTANTS: Record<\n  TooltipSize,\n  { padding: string; typography: TypographyStyle }\n> = {\n  large: {\n    padding: '8px 12px',\n    typography: 'UIBody2',\n  },\n  small: {\n    padding: '4px 8px',\n    typography: 'UIBody3',\n  },\n};\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nexport const TooltipTriggerWrapper = styled.div`\n  width: fit-content;\n  height: fit-content;\n  & > svg {\n    display: block;\n  }\n`;\n\nexport const TooltipContentWrapper = styled.div<{\n  $zIndex?: CSSProperties['zIndex'];\n}>`\n  [data-radix-popper-content-wrapper]{\n    ${({ $zIndex }) => $zIndex && css` z-index: ${$zIndex} !important; `}\n  }\n`;\n\nexport const TooltipContent = styled(RadixTooltip.Content)<{\n  $size: TooltipSize;\n  $maxWidth: number | string;\n  $backgroundColor: string;\n  $contentColor: string;\n  $textAlign?: TooltipTextAlign;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  white-space: pre-wrap;\n  color: ${contents999};\n  background-color: ${contents000};\n  border-radius: 4px;\n  will-change: opacity;\n  animation: ${fadeIn} 200ms forwards;\n  gap: 4px;\n  ${({ $size, $maxWidth, $backgroundColor, $contentColor, $textAlign }) => [\n    css`\n      padding: ${TOOLTIP_CONTENT_CONSTANTS[$size].padding};\n      ${getTypographyStyles(TOOLTIP_CONTENT_CONSTANTS[$size].typography)};\n      background-color: ${$backgroundColor};\n      color: ${$contentColor};\n      text-align: ${$textAlign};\n    `,\n    typeof $maxWidth === 'string'\n      ? `max-width: ${$maxWidth};`\n      : `max-width: ${$maxWidth}px;`,\n  ]};\n`;\n\nexport const CloseButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":["large","padding","typography","small","TooltipTriggerWrapper","TooltipContentWrapper","CloseButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAcb;AAIEA;AACEC;AACAC;;AAEFC;AACEF;AACAC;AACF;AACF;AAEA;AASaE;AAQAC;AAIP;;AAAkE;AAIjE;AAgBH;;;;;;AAWD;AAGUC;;;;;"}

package/dist/src/Floating/Tooltip/styles.d.ts

@@ -1,6 +1,6 @@
 import * as RadixTooltip from '@radix-ui/react-tooltip';
+import type { CSSProperties } from 'react';
 import type { TooltipSize, TooltipTextAlign } from './types';
-import { CSSProperties } from 'react';
 export declare const TooltipTriggerWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const TooltipContentWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $zIndex?: CSSProperties['zIndex'];

package/dist/src/Floating/Tooltip/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Floating/Tooltip/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AASxD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyBtC,eAAO,MAAM,qBAAqB,gNAMjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;cAAyB,aAAa,CAAC,QAAQ,CAAC;GAIjF,CAAA;AAED,eAAO,MAAM,cAAc;;;WAClB,WAAW;eACP,MAAM,GAAG,MAAM;sBACR,MAAM;mBACT,MAAM;;sLA8BtB,CAAC;AAEF,eAAO,MAAM,WAAW,4NAOvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Floating/Tooltip/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AASxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAyB7D,eAAO,MAAM,qBAAqB,gNAMjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;cACtB,aAAa,CAAC,QAAQ,CAAC;GAKlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;WAClB,WAAW;eACP,MAAM,GAAG,MAAM;sBACR,MAAM;mBACT,MAAM;;sLAwBtB,CAAC;AAEF,eAAO,MAAM,WAAW,4NAOvB,CAAC"}

package/dist/src/Floating/Tooltip/styles.esm.js

@@ -8,11 +8,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var TOOLTIP_CONTENT_CONSTANTS = {
   large: {
     padding: '8px 12px',
-    typography: 'Body1'
+    typography: 'UIBody2'
   },
   small: {
     padding: '4px 8px',
-    typography: 'Body2'
+    typography: 'UIBody3'
   }
 };
 var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n"])));

package/dist/src/Floating/Tooltip/styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../../src/Floating/Tooltip/styles.ts"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport type { TypographyStyle } from '@remember-web/mixin';\nimport {\n  contents000,\n  contents999,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css, keyframes } from 'styled-components';\n\nimport type { TooltipSize, TooltipTextAlign } from './types';\nimport { CSSProperties } from 'react';\n\nconst TOOLTIP_CONTENT_CONSTANTS: Record<\n  TooltipSize,\n  { padding: string; typography: TypographyStyle }\n> = {\n  large: {\n    padding: '8px 12px',\n    typography: 'Body1',\n  },\n  small: {\n    padding: '4px 8px',\n    typography: 'Body2',\n  },\n};\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nexport const TooltipTriggerWrapper = styled.div`\n  width: fit-content;\n  height: fit-content;\n  & > svg {\n    display: block;\n  }\n`;\n\nexport const TooltipContentWrapper = styled.div<{$zIndex?: CSSProperties['zIndex']}>`\n  [data-radix-popper-content-wrapper]{\n    ${({$zIndex}) => $zIndex && css` z-index: ${$zIndex} !important; `}\n  }\n`\n\nexport const TooltipContent = styled(RadixTooltip.Content)<{\n  $size: TooltipSize;\n  $maxWidth: number | string;\n  $backgroundColor: string;\n  $contentColor: string;\n  $textAlign?: TooltipTextAlign;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  white-space: pre-wrap;\n  color: ${contents999};\n  background-color: ${contents000};\n  border-radius: 4px;\n  will-change: opacity;\n  animation: ${fadeIn} 200ms forwards;\n  gap: 4px;\n  ${({\n    $size,\n    $maxWidth,\n    $backgroundColor,\n    $contentColor,\n    $textAlign,\n  }) => [\n    css`\n      padding: ${TOOLTIP_CONTENT_CONSTANTS[$size].padding};\n      ${getTypographyStyles(TOOLTIP_CONTENT_CONSTANTS[$size].typography)};\n      background-color: ${$backgroundColor};\n      color: ${$contentColor};\n      text-align: ${$textAlign};\n    `,\n    typeof $maxWidth === 'string'\n      ? `max-width: ${$maxWidth};`\n      : `max-width: ${$maxWidth}px;`,\n  ]};\n`;\n\nexport const CloseButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":["large","padding","typography","small","TooltipTriggerWrapper","TooltipContentWrapper","CloseButton"],"mappings":";;;;;;AAAa;AAcb;AAIEA;AACEC;AACAC;;AAEFC;AACEF;AACAC;AACF;AACF;AAEA;AASaE;AAQAC;AAEP;;AAAgE;AAI/D;AAgBH;;;;;;AAiBD;AAGUC;;"}
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/Floating/Tooltip/styles.ts"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport type { TypographyStyle } from '@remember-web/mixin';\nimport {\n  contents000,\n  contents999,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css, keyframes } from 'styled-components';\n\nimport type { CSSProperties } from 'react';\nimport type { TooltipSize, TooltipTextAlign } from './types';\n\nconst TOOLTIP_CONTENT_CONSTANTS: Record<\n  TooltipSize,\n  { padding: string; typography: TypographyStyle }\n> = {\n  large: {\n    padding: '8px 12px',\n    typography: 'UIBody2',\n  },\n  small: {\n    padding: '4px 8px',\n    typography: 'UIBody3',\n  },\n};\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1;\n  }\n`;\n\nexport const TooltipTriggerWrapper = styled.div`\n  width: fit-content;\n  height: fit-content;\n  & > svg {\n    display: block;\n  }\n`;\n\nexport const TooltipContentWrapper = styled.div<{\n  $zIndex?: CSSProperties['zIndex'];\n}>`\n  [data-radix-popper-content-wrapper]{\n    ${({ $zIndex }) => $zIndex && css` z-index: ${$zIndex} !important; `}\n  }\n`;\n\nexport const TooltipContent = styled(RadixTooltip.Content)<{\n  $size: TooltipSize;\n  $maxWidth: number | string;\n  $backgroundColor: string;\n  $contentColor: string;\n  $textAlign?: TooltipTextAlign;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  white-space: pre-wrap;\n  color: ${contents999};\n  background-color: ${contents000};\n  border-radius: 4px;\n  will-change: opacity;\n  animation: ${fadeIn} 200ms forwards;\n  gap: 4px;\n  ${({ $size, $maxWidth, $backgroundColor, $contentColor, $textAlign }) => [\n    css`\n      padding: ${TOOLTIP_CONTENT_CONSTANTS[$size].padding};\n      ${getTypographyStyles(TOOLTIP_CONTENT_CONSTANTS[$size].typography)};\n      background-color: ${$backgroundColor};\n      color: ${$contentColor};\n      text-align: ${$textAlign};\n    `,\n    typeof $maxWidth === 'string'\n      ? `max-width: ${$maxWidth};`\n      : `max-width: ${$maxWidth}px;`,\n  ]};\n`;\n\nexport const CloseButton = styled.button`\n  all: unset;\n  appearance: none;\n  cursor: pointer;\n  & > svg {\n    display: block;\n  }\n`;\n"],"names":["large","padding","typography","small","TooltipTriggerWrapper","TooltipContentWrapper","CloseButton"],"mappings":";;;;;;AAAa;AAcb;AAIEA;AACEC;AACAC;;AAEFC;AACEF;AACAC;AACF;AACF;AAEA;AASaE;AAQAC;AAIP;;AAAkE;AAIjE;AAgBH;;;;;;AAWD;AAGUC;;"}

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

@@ -11,7 +11,7 @@ var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTempla
 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 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('UIBody2'), mixin.contents300, function (_ref) {
   var isPlaceholder = _ref.isPlaceholder;
   return isPlaceholder && styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n      color: ", ";\n    "])), mixin.contents200);
 }, function (_ref2) {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../../../src/Inputs/Select/NativeSelect/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n  bg200,\n  bg300,\n  contents000,\n  contents200,\n  contents300,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\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;;;"}
+{"version":3,"file":"styles.cjs.js","sources":["../../../../../src/Inputs/Select/NativeSelect/styles.ts"],"sourcesContent":["'use client';\n\nimport {\n  bg200,\n  bg300,\n  contents000,\n  contents200,\n  contents300,\n  getTypographyStyles,\n} from '@remember-web/mixin';\nimport styled, { css } from 'styled-components';\n\nexport const StyledSelect = styled.select<{\n  $width?: number | string;\n  isPlaceholder?: boolean;\n}>`\n  all: unset;\n\n  ${getTypographyStyles('UIBody2')}\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;;;"}