@remember-web/primitive 0.1.13 → 0.1.14

package/dist/src/Avatars/Avatar/index.cjs.js

@@ -0,0 +1,42 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var mixin = require('@remember-web/mixin');
+var icon = require('@remember-web/icon');
+var styles = require('./styles.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Avatar = function Avatar(_ref, ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? mixin.bg200 : _ref$backgroundColor,
+    _ref$border = _ref.border,
+    border = _ref$border === void 0 ? {
+      color: mixin.divider,
+      width: '1px'
+    } : _ref$border,
+    _ref$rounded = _ref.rounded,
+    rounded = _ref$rounded === void 0 ? true : _ref$rounded,
+    imageUrl = _ref.imageUrl,
+    children = _ref.children;
+  return /*#__PURE__*/jsxRuntime.jsx(styles.StyledAvatar, {
+    ref: ref,
+    $size: size,
+    $backgroundColor: backgroundColor,
+    $border: border,
+    $rounded: rounded,
+    children: imageUrl ? /*#__PURE__*/jsxRuntime.jsx("img", {
+      src: imageUrl,
+      loading: "lazy",
+      alt: "avatar"
+    }) : children !== null && children !== void 0 ? children : /*#__PURE__*/jsxRuntime.jsx(icon.IconAvatarEmpty, {
+      size: "100%"
+    })
+  });
+};
+var index = /*#__PURE__*/react.forwardRef(Avatar);
+
+module.exports = index;
+//# sourceMappingURL=index.cjs.js.map

package/dist/src/Avatars/Avatar/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/Avatars/Avatar/index.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ForwardRefRenderFunction, ComponentPropsWithoutRef } from 'react';\nimport { bg200, divider } from '@remember-web/mixin';\nimport { IconAvatarEmpty } from '@remember-web/icon';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nimport type { StyledAvatarProps } from '@/Avatars/Avatar/styles';\nimport { StyledAvatar } from '@/Avatars/Avatar/styles';\n\nexport type AvatarProps = Partial<ConvertTransientProps<StyledAvatarProps>> &\n  ComponentPropsWithoutRef<'div'>;\n\nconst Avatar: ForwardRefRenderFunction<HTMLDivElement, AvatarProps> = (\n  {\n    size = 'medium',\n    backgroundColor = bg200,\n    border = { color: divider, width: '1px' },\n    rounded = true,\n    imageUrl,\n    children,\n  }: AvatarProps,\n  ref\n) => (\n  <StyledAvatar\n    ref={ref}\n    $size={size}\n    $backgroundColor={backgroundColor}\n    $border={border}\n    $rounded={rounded}\n  >\n    {imageUrl ? (\n      <img src={imageUrl} loading=\"lazy\" alt=\"avatar\" />\n    ) : (\n      children ?? <IconAvatarEmpty size=\"100%\" />\n    )}\n  </StyledAvatar>\n);\n\nexport default forwardRef(Avatar);\n"],"names":["size","backgroundColor","color","width","rounded","ref","$size","$backgroundColor","$border","$rounded","src","loading","alt"],"mappings":";;;;;;;;;AAcA;AASK;AAPDA;;AACAC;;;AACWC;AAAgBC;AAAa;;AACxCC;;;;AAOAC;AACAC;AACAC;AACAC;AACAC;;AAGOC;AAAeC;AAAeC;;AAENZ;;AAC9B;AACY;AAGjB;;"}

package/dist/src/Avatars/Avatar/index.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { ConvertTransientProps } from '@remember-web/shared';
+import type { StyledAvatarProps } from '../../Avatars/Avatar/styles';
+export type AvatarProps = Partial<ConvertTransientProps<StyledAvatarProps>> & ComponentPropsWithoutRef<'div'>;
+declare const _default: import("react").ForwardRefExoticComponent<Partial<ConvertTransientProps<StyledAvatarProps>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/Avatars/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Avatars/Avatar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA4B,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,GACzE,wBAAwB,CAAC,KAAK,CAAC,CAAC;;AA4BlC,wBAAkC"}

package/dist/src/Avatars/Avatar/index.esm.js

@@ -0,0 +1,40 @@
+"use client";
+import { forwardRef } from 'react';
+import { bg200, divider } from '@remember-web/mixin';
+import { IconAvatarEmpty } from '@remember-web/icon';
+import { StyledAvatar } from './styles.esm.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Avatar = function Avatar(_ref, ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? bg200 : _ref$backgroundColor,
+    _ref$border = _ref.border,
+    border = _ref$border === void 0 ? {
+      color: divider,
+      width: '1px'
+    } : _ref$border,
+    _ref$rounded = _ref.rounded,
+    rounded = _ref$rounded === void 0 ? true : _ref$rounded,
+    imageUrl = _ref.imageUrl,
+    children = _ref.children;
+  return /*#__PURE__*/jsx(StyledAvatar, {
+    ref: ref,
+    $size: size,
+    $backgroundColor: backgroundColor,
+    $border: border,
+    $rounded: rounded,
+    children: imageUrl ? /*#__PURE__*/jsx("img", {
+      src: imageUrl,
+      loading: "lazy",
+      alt: "avatar"
+    }) : children !== null && children !== void 0 ? children : /*#__PURE__*/jsx(IconAvatarEmpty, {
+      size: "100%"
+    })
+  });
+};
+var index = /*#__PURE__*/forwardRef(Avatar);
+
+export { index as default };
+//# sourceMappingURL=index.esm.js.map

package/dist/src/Avatars/Avatar/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/Avatars/Avatar/index.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport type { ForwardRefRenderFunction, ComponentPropsWithoutRef } from 'react';\nimport { bg200, divider } from '@remember-web/mixin';\nimport { IconAvatarEmpty } from '@remember-web/icon';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nimport type { StyledAvatarProps } from '@/Avatars/Avatar/styles';\nimport { StyledAvatar } from '@/Avatars/Avatar/styles';\n\nexport type AvatarProps = Partial<ConvertTransientProps<StyledAvatarProps>> &\n  ComponentPropsWithoutRef<'div'>;\n\nconst Avatar: ForwardRefRenderFunction<HTMLDivElement, AvatarProps> = (\n  {\n    size = 'medium',\n    backgroundColor = bg200,\n    border = { color: divider, width: '1px' },\n    rounded = true,\n    imageUrl,\n    children,\n  }: AvatarProps,\n  ref\n) => (\n  <StyledAvatar\n    ref={ref}\n    $size={size}\n    $backgroundColor={backgroundColor}\n    $border={border}\n    $rounded={rounded}\n  >\n    {imageUrl ? (\n      <img src={imageUrl} loading=\"lazy\" alt=\"avatar\" />\n    ) : (\n      children ?? <IconAvatarEmpty size=\"100%\" />\n    )}\n  </StyledAvatar>\n);\n\nexport default forwardRef(Avatar);\n"],"names":["size","backgroundColor","color","width","rounded","ref","$size","$backgroundColor","$border","$rounded","src","loading","alt"],"mappings":";;;;;;;AAcA;AASK;AAPDA;;AACAC;;;AACWC;AAAgBC;AAAa;;AACxCC;;;;AAOAC;AACAC;AACAC;AACAC;AACAC;;AAGOC;AAAeC;AAAeC;;AAENZ;;AAC9B;AACY;AAGjB;;"}

package/dist/src/Avatars/Avatar/styles.cjs.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var styled = require('styled-components');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var avatarSize = {
+  xxlarge: 64,
+  xlarge: 56,
+  large: 48,
+  medium: 40,
+  small: 32,
+  xsmall: 24,
+  xxsmall: 20
+};
+var StyledAvatar = styled__default.default.div(function (_ref) {
+  var $size = _ref.$size,
+    $border = _ref.$border,
+    $backgroundColor = _ref.$backgroundColor,
+    $rounded = _ref.$rounded;
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: "".concat(avatarSize[$size], "px"),
+    maxWidth: "".concat(avatarSize[$size], "px"),
+    maxHeight: "".concat(avatarSize[$size], "px"),
+    aspectRatio: '1 / 1',
+    boxSizing: 'border-box',
+    border: $border ? "".concat($border.width, " solid ").concat($border.color) : 'none',
+    borderRadius: $rounded ? '50%' : 'none',
+    backgroundColor: $backgroundColor,
+    contain: 'strict',
+    img: {
+      width: '100%',
+      height: '100%'
+    }
+  };
+});
+
+exports.StyledAvatar = StyledAvatar;
+exports.avatarSize = avatarSize;
+//# sourceMappingURL=styles.cjs.js.map

package/dist/src/Avatars/Avatar/styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Avatars/Avatar/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { CSSProperties } from 'react';\n\nexport const avatarSize = {\n  xxlarge: 64,\n  xlarge: 56,\n  large: 48,\n  medium: 40,\n  small: 32,\n  xsmall: 24,\n  xxsmall: 20,\n};\n\nexport interface StyledAvatarProps {\n  $size: keyof typeof avatarSize;\n  $border?: {\n    width?: NonNullable<CSSProperties['borderWidth']>;\n    color?: NonNullable<CSSProperties['borderColor']>;\n  };\n  $rounded?: boolean;\n  $imageUrl?: string;\n  $backgroundColor?: CSSProperties['backgroundColor'];\n}\n\nexport const StyledAvatar = styled.div<StyledAvatarProps>(\n  ({ $size, $border, $backgroundColor, $rounded }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: `${avatarSize[$size]}px`,\n    maxWidth: `${avatarSize[$size]}px`,\n    maxHeight: `${avatarSize[$size]}px`,\n    aspectRatio: '1 / 1',\n    boxSizing: 'border-box',\n    border: $border ? `${$border.width} solid ${$border.color}` : 'none',\n    borderRadius: $rounded ? '50%' : 'none',\n\n    backgroundColor: $backgroundColor,\n\n    contain: 'strict',\n\n    img: {\n      width: '100%',\n      height: '100%',\n    },\n  })\n);\n"],"names":["avatarSize","xxlarge","xlarge","large","medium","small","xsmall","xxsmall","StyledAvatar","styled","div","_ref","$size","$border","$backgroundColor","$rounded","display","alignItems","justifyContent","width","concat","maxWidth","maxHeight","aspectRatio","boxSizing","border","color","borderRadius","backgroundColor","contain","img","height"],"mappings":";;;;;;;;AAGO,IAAMA,UAAU,GAAG;AACxBC,EAAAA,OAAO,EAAE,EAAE;AACXC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,OAAO,EAAE,EAAA;AACX,EAAC;AAaM,IAAMC,YAAY,GAAGC,uBAAM,CAACC,GAAG,CACpC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAAA,OAAQ;AACnDC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,KAAK,KAAAC,MAAA,CAAKpB,UAAU,CAACY,KAAK,CAAC,EAAI,IAAA,CAAA;AAC/BS,IAAAA,QAAQ,KAAAD,MAAA,CAAKpB,UAAU,CAACY,KAAK,CAAC,EAAI,IAAA,CAAA;AAClCU,IAAAA,SAAS,KAAAF,MAAA,CAAKpB,UAAU,CAACY,KAAK,CAAC,EAAI,IAAA,CAAA;AACnCW,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,SAAS,EAAE,YAAY;AACvBC,IAAAA,MAAM,EAAEZ,OAAO,GAAAO,EAAAA,CAAAA,MAAA,CAAMP,OAAO,CAACM,KAAK,EAAA,SAAA,CAAA,CAAAC,MAAA,CAAUP,OAAO,CAACa,KAAK,IAAK,MAAM;AACpEC,IAAAA,YAAY,EAAEZ,QAAQ,GAAG,KAAK,GAAG,MAAM;AAEvCa,IAAAA,eAAe,EAAEd,gBAAgB;AAEjCe,IAAAA,OAAO,EAAE,QAAQ;AAEjBC,IAAAA,GAAG,EAAE;AACHX,MAAAA,KAAK,EAAE,MAAM;AACbY,MAAAA,MAAM,EAAE,MAAA;AACV,KAAA;GACD,CAAA;AAAA,CACH;;;;;"}

package/dist/src/Avatars/Avatar/styles.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties } from 'react';
+export declare const avatarSize: {
+    xxlarge: number;
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    xsmall: number;
+    xxsmall: number;
+};
+export interface StyledAvatarProps {
+    $size: keyof typeof avatarSize;
+    $border?: {
+        width?: NonNullable<CSSProperties['borderWidth']>;
+        color?: NonNullable<CSSProperties['borderColor']>;
+    };
+    $rounded?: boolean;
+    $imageUrl?: string;
+    $backgroundColor?: CSSProperties['backgroundColor'];
+}
+export declare const StyledAvatar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledAvatarProps>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/src/Avatars/Avatar/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Avatars/Avatar/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;QAClD,KAAK,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;KACnD,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,YAAY,8NAsBxB,CAAC"}

package/dist/src/Avatars/Avatar/styles.esm.js

@@ -0,0 +1,38 @@
+import styled from 'styled-components';
+
+var avatarSize = {
+  xxlarge: 64,
+  xlarge: 56,
+  large: 48,
+  medium: 40,
+  small: 32,
+  xsmall: 24,
+  xxsmall: 20
+};
+var StyledAvatar = styled.div(function (_ref) {
+  var $size = _ref.$size,
+    $border = _ref.$border,
+    $backgroundColor = _ref.$backgroundColor,
+    $rounded = _ref.$rounded;
+  return {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: "".concat(avatarSize[$size], "px"),
+    maxWidth: "".concat(avatarSize[$size], "px"),
+    maxHeight: "".concat(avatarSize[$size], "px"),
+    aspectRatio: '1 / 1',
+    boxSizing: 'border-box',
+    border: $border ? "".concat($border.width, " solid ").concat($border.color) : 'none',
+    borderRadius: $rounded ? '50%' : 'none',
+    backgroundColor: $backgroundColor,
+    contain: 'strict',
+    img: {
+      width: '100%',
+      height: '100%'
+    }
+  };
+});
+
+export { StyledAvatar, avatarSize };
+//# sourceMappingURL=styles.esm.js.map

package/dist/src/Avatars/Avatar/styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/Avatars/Avatar/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { CSSProperties } from 'react';\n\nexport const avatarSize = {\n  xxlarge: 64,\n  xlarge: 56,\n  large: 48,\n  medium: 40,\n  small: 32,\n  xsmall: 24,\n  xxsmall: 20,\n};\n\nexport interface StyledAvatarProps {\n  $size: keyof typeof avatarSize;\n  $border?: {\n    width?: NonNullable<CSSProperties['borderWidth']>;\n    color?: NonNullable<CSSProperties['borderColor']>;\n  };\n  $rounded?: boolean;\n  $imageUrl?: string;\n  $backgroundColor?: CSSProperties['backgroundColor'];\n}\n\nexport const StyledAvatar = styled.div<StyledAvatarProps>(\n  ({ $size, $border, $backgroundColor, $rounded }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: `${avatarSize[$size]}px`,\n    maxWidth: `${avatarSize[$size]}px`,\n    maxHeight: `${avatarSize[$size]}px`,\n    aspectRatio: '1 / 1',\n    boxSizing: 'border-box',\n    border: $border ? `${$border.width} solid ${$border.color}` : 'none',\n    borderRadius: $rounded ? '50%' : 'none',\n\n    backgroundColor: $backgroundColor,\n\n    contain: 'strict',\n\n    img: {\n      width: '100%',\n      height: '100%',\n    },\n  })\n);\n"],"names":["avatarSize","xxlarge","xlarge","large","medium","small","xsmall","xxsmall","StyledAvatar","styled","div","_ref","$size","$border","$backgroundColor","$rounded","display","alignItems","justifyContent","width","concat","maxWidth","maxHeight","aspectRatio","boxSizing","border","color","borderRadius","backgroundColor","contain","img","height"],"mappings":";;AAGO,IAAMA,UAAU,GAAG;AACxBC,EAAAA,OAAO,EAAE,EAAE;AACXC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,OAAO,EAAE,EAAA;AACX,EAAC;AAaM,IAAMC,YAAY,GAAGC,MAAM,CAACC,GAAG,CACpC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAAA,OAAQ;AACnDC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,KAAK,KAAAC,MAAA,CAAKpB,UAAU,CAACY,KAAK,CAAC,EAAI,IAAA,CAAA;AAC/BS,IAAAA,QAAQ,KAAAD,MAAA,CAAKpB,UAAU,CAACY,KAAK,CAAC,EAAI,IAAA,CAAA;AAClCU,IAAAA,SAAS,KAAAF,MAAA,CAAKpB,UAAU,CAACY,KAAK,CAAC,EAAI,IAAA,CAAA;AACnCW,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,SAAS,EAAE,YAAY;AACvBC,IAAAA,MAAM,EAAEZ,OAAO,GAAAO,EAAAA,CAAAA,MAAA,CAAMP,OAAO,CAACM,KAAK,EAAA,SAAA,CAAA,CAAAC,MAAA,CAAUP,OAAO,CAACa,KAAK,IAAK,MAAM;AACpEC,IAAAA,YAAY,EAAEZ,QAAQ,GAAG,KAAK,GAAG,MAAM;AAEvCa,IAAAA,eAAe,EAAEd,gBAAgB;AAEjCe,IAAAA,OAAO,EAAE,QAAQ;AAEjBC,IAAAA,GAAG,EAAE;AACHX,MAAAA,KAAK,EAAE,MAAM;AACbY,MAAAA,MAAM,EAAE,MAAA;AACV,KAAA;GACD,CAAA;AAAA,CACH;;;;"}

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

@@ -0,0 +1,4 @@
+export { default as Avatar } from './Avatar';
+/** GNB에서 의존하기 때문에 export */
+export { StyledAvatar } from './Avatar/styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Avatars/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAE7C,4BAA4B;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/Badge/Badge.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var style = require('./style.cjs.js');
+var utils = require('./utils.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Badge(_ref) {
+  var value = _ref.value;
+  return /*#__PURE__*/jsxRuntime.jsx(style.StyledBadge, {
+    children: utils.getBadgeValue(value)
+  });
+}
+
+exports.Badge = Badge;
+//# sourceMappingURL=Badge.cjs.js.map

package/dist/src/Badge/Badge.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.cjs.js","sources":["../../../src/Badge/Badge.tsx"],"sourcesContent":["import { StyledBadge } from '@/Badge/style';\nimport type { BadgeValueProps } from '@/Badge/types';\nimport { getBadgeValue } from '@/Badge/utils';\n\nexport type BadgeProps = { value: BadgeValueProps };\n\nexport function Badge({ value }: BadgeProps) {\n  return <StyledBadge>{getBadgeValue(value)}</StyledBadge>;\n}\n"],"names":["Badge","_ref","value","_jsx","StyledBadge","children","getBadgeValue"],"mappings":";;;;;;AAMO,SAASA,KAAKA,CAAAC,IAAA,EAAwB;AAAA,EAAA,IAArBC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAC3B,oBAAOC,cAAA,CAACC,iBAAW,EAAA;IAAAC,QAAA,EAAEC,mBAAa,CAACJ,KAAK,CAAA;AAAC,GAAc,CAAC,CAAA;AAC1D;;;;"}

package/dist/src/Badge/Badge.d.ts

@@ -0,0 +1,6 @@
+import type { BadgeValueProps } from '../Badge/types';
+export type BadgeProps = {
+    value: BadgeValueProps;
+};
+export declare function Badge({ value }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/src/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE,CAAC;AAEpD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,UAAU,2CAE1C"}

package/dist/src/Badge/Badge.esm.js

@@ -0,0 +1,13 @@
+import { StyledBadge } from './style.esm.js';
+import { getBadgeValue } from './utils.esm.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Badge(_ref) {
+  var value = _ref.value;
+  return /*#__PURE__*/jsx(StyledBadge, {
+    children: getBadgeValue(value)
+  });
+}
+
+export { Badge };
+//# sourceMappingURL=Badge.esm.js.map

package/dist/src/Badge/Badge.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.esm.js","sources":["../../../src/Badge/Badge.tsx"],"sourcesContent":["import { StyledBadge } from '@/Badge/style';\nimport type { BadgeValueProps } from '@/Badge/types';\nimport { getBadgeValue } from '@/Badge/utils';\n\nexport type BadgeProps = { value: BadgeValueProps };\n\nexport function Badge({ value }: BadgeProps) {\n  return <StyledBadge>{getBadgeValue(value)}</StyledBadge>;\n}\n"],"names":["Badge","_ref","value","_jsx","StyledBadge","children","getBadgeValue"],"mappings":";;;;AAMO,SAASA,KAAKA,CAAAC,IAAA,EAAwB;AAAA,EAAA,IAArBC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAC3B,oBAAOC,GAAA,CAACC,WAAW,EAAA;IAAAC,QAAA,EAAEC,aAAa,CAACJ,KAAK,CAAA;AAAC,GAAc,CAAC,CAAA;AAC1D;;;;"}

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

@@ -0,0 +1,6 @@
+export { badgePseudo } from './utils';
+export * from './Badge';
+export * from './types';
+/** GNB에서 의존하기 때문에 export */
+export { getBadgePseudoCss } from './style';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,4BAA4B;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/Badge/style.cjs.js

@@ -0,0 +1,38 @@
+'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;
+
+/**
+ * pseudo로 사용시 data-badge-value attribue가 필요합니다.
+ */
+var badgeCss = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  ", "\n\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ", ";\n  color: ", ";\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n"])), mixin.getTypographyStyles('Subtitle2'), mixin.secondary100, mixin.contents999);
+
+/**
+ * @param pseudo - default: 'after'
+ * @param top - default: 0
+ * @param right - default: 0
+ */
+var getBadgePseudoCss = function getBadgePseudoCss() {
+  var pseudo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'after';
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref$top = _ref.top,
+    top = _ref$top === void 0 ? 0 : _ref$top,
+    _ref$right = _ref.right,
+    right = _ref$right === void 0 ? 0 : _ref$right;
+  return styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  &[data-badge-value]::", " {\n    ", ";\n    content: attr(data-badge-value);\n    position: absolute;\n    top: ", ";\n    right: ", ";\n    transform: translate(50%, -50%);\n  }\n"])), pseudo, badgeCss, top, right);
+};
+var StyledBadge = styled__default.default.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  ", ";\n"])), badgeCss);
+
+exports.StyledBadge = StyledBadge;
+exports.badgeCss = badgeCss;
+exports.getBadgePseudoCss = getBadgePseudoCss;
+//# sourceMappingURL=style.cjs.js.map

package/dist/src/Badge/style.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.cjs.js","sources":["../../../src/Badge/style.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport {\n  contents999,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\n\n/**\n * pseudo로 사용시 data-badge-value attribue가 필요합니다.\n */\nexport const badgeCss = css`\n  ${getTypographyStyles('Subtitle2')}\n\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ${secondary100};\n  color: ${contents999};\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n`;\n\n/**\n * @param pseudo - default: 'after'\n * @param top - default: 0\n * @param right - default: 0\n */\nexport const getBadgePseudoCss = (\n  pseudo: 'after' | 'before' = 'after',\n  { top = 0, right = 0 } = {}\n) => css`\n  &[data-badge-value]::${pseudo} {\n    ${badgeCss};\n    content: attr(data-badge-value);\n    position: absolute;\n    top: ${top};\n    right: ${right};\n    transform: translate(50%, -50%);\n  }\n`;\n\nexport const StyledBadge = styled.span`\n  ${badgeCss};\n`;\n"],"names":["badgeCss","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","secondary100","contents999","getBadgePseudoCss","pseudo","arguments","length","undefined","_ref","_ref$top","top","_ref$right","right","_templateObject2","StyledBadge","styled","span","_templateObject3"],"mappings":";;;;;;;;;;;;;AAOA;AACA;AACA;IACaA,QAAQ,GAAGC,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CACvBC,CAAAA,MAAAA,EAAAA,mHAAAA,EAAAA,cAAAA,EAAAA,uDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAmB,CAAC,WAAW,CAAC,EAMpBC,kBAAY,EACjBC,iBAAW,EAGrB;;AAED;AACA;AACA;AACA;AACA;AACaC,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,EAAA,IAC5BC,MAA0B,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,OAAO,CAAA;AAAA,EAAA,IAAAG,IAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GACX,EAAE;IAAAI,QAAA,GAAAD,IAAA,CAAzBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,QAAA;IAAAE,UAAA,GAAAH,IAAA,CAAEI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA,CAAA;AAAA,EAAA,OACjBd,UAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,uCAAA,CACiBK,CAAAA,2BAAAA,EAAAA,UAAAA,EAAAA,6EAAAA,EAAAA,gBAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAM,EACzBR,QAAQ,EAGHc,GAAG,EACDE,KAAK,CAAA,CAAA;AAAA,EAGjB;AAEYE,IAAAA,WAAW,GAAGC,uBAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlB,uCAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAClCH,QAAQ;;;;;;"}

package/dist/src/Badge/style.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/**
+ * pseudo로 사용시 data-badge-value attribue가 필요합니다.
+ */
+export declare const badgeCss: import("styled-components").RuleSet<object>;
+/**
+ * @param pseudo - default: 'after'
+ * @param top - default: 0
+ * @param right - default: 0
+ */
+export declare const getBadgePseudoCss: (pseudo?: 'after' | 'before', { top, right }?: {
+    top?: number | undefined;
+    right?: number | undefined;
+}) => import("styled-components").RuleSet<object>;
+export declare const StyledBadge: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/src/Badge/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/Badge/style.tsx"],"names":[],"mappings":";AAOA;;GAEG;AACH,eAAO,MAAM,QAAQ,6CAWpB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,YACpB,OAAO,GAAG,QAAQ;;;iDAW3B,CAAC;AAEF,eAAO,MAAM,WAAW,kNAEvB,CAAC"}

package/dist/src/Badge/style.esm.js

@@ -0,0 +1,29 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import styled, { css } from 'styled-components';
+import { getTypographyStyles, secondary100, contents999 } from '@remember-web/mixin';
+
+var _templateObject, _templateObject2, _templateObject3;
+
+/**
+ * pseudo로 사용시 data-badge-value attribue가 필요합니다.
+ */
+var badgeCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ", ";\n  color: ", ";\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n"])), getTypographyStyles('Subtitle2'), secondary100, contents999);
+
+/**
+ * @param pseudo - default: 'after'
+ * @param top - default: 0
+ * @param right - default: 0
+ */
+var getBadgePseudoCss = function getBadgePseudoCss() {
+  var pseudo = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'after';
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    _ref$top = _ref.top,
+    top = _ref$top === void 0 ? 0 : _ref$top,
+    _ref$right = _ref.right,
+    right = _ref$right === void 0 ? 0 : _ref$right;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &[data-badge-value]::", " {\n    ", ";\n    content: attr(data-badge-value);\n    position: absolute;\n    top: ", ";\n    right: ", ";\n    transform: translate(50%, -50%);\n  }\n"])), pseudo, badgeCss, top, right);
+};
+var StyledBadge = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", ";\n"])), badgeCss);
+
+export { StyledBadge, badgeCss, getBadgePseudoCss };
+//# sourceMappingURL=style.esm.js.map

package/dist/src/Badge/style.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.esm.js","sources":["../../../src/Badge/style.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport {\n  contents999,\n  getTypographyStyles,\n  secondary100,\n} from '@remember-web/mixin';\n\n/**\n * pseudo로 사용시 data-badge-value attribue가 필요합니다.\n */\nexport const badgeCss = css`\n  ${getTypographyStyles('Subtitle2')}\n\n  display: inline-block;\n  box-sizing: border-box;\n  line-height: 16px;\n  min-height: 8px;\n  background: ${secondary100};\n  color: ${contents999};\n  border-radius: 8px;\n  padding: 1px 4px 0 4px;\n`;\n\n/**\n * @param pseudo - default: 'after'\n * @param top - default: 0\n * @param right - default: 0\n */\nexport const getBadgePseudoCss = (\n  pseudo: 'after' | 'before' = 'after',\n  { top = 0, right = 0 } = {}\n) => css`\n  &[data-badge-value]::${pseudo} {\n    ${badgeCss};\n    content: attr(data-badge-value);\n    position: absolute;\n    top: ${top};\n    right: ${right};\n    transform: translate(50%, -50%);\n  }\n`;\n\nexport const StyledBadge = styled.span`\n  ${badgeCss};\n`;\n"],"names":["badgeCss","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","secondary100","contents999","getBadgePseudoCss","pseudo","arguments","length","undefined","_ref","_ref$top","top","_ref$right","right","_templateObject2","StyledBadge","styled","span","_templateObject3"],"mappings":";;;;;;AAOA;AACA;AACA;IACaA,QAAQ,GAAGC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CACvBC,CAAAA,MAAAA,EAAAA,mHAAAA,EAAAA,cAAAA,EAAAA,uDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,mBAAmB,CAAC,WAAW,CAAC,EAMpBC,YAAY,EACjBC,WAAW,EAGrB;;AAED;AACA;AACA;AACA;AACA;AACaC,IAAAA,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAA;AAAA,EAAA,IAC5BC,MAA0B,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,OAAO,CAAA;AAAA,EAAA,IAAAG,IAAA,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GACX,EAAE;IAAAI,QAAA,GAAAD,IAAA,CAAzBE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,QAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,QAAA;IAAAE,UAAA,GAAAH,IAAA,CAAEI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,UAAA,CAAA;AAAA,EAAA,OACjBd,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,CACiBK,CAAAA,2BAAAA,EAAAA,UAAAA,EAAAA,6EAAAA,EAAAA,gBAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAM,EACzBR,QAAQ,EAGHc,GAAG,EACDE,KAAK,CAAA,CAAA;AAAA,EAGjB;AAEYE,IAAAA,WAAW,GAAGC,MAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAClCH,QAAQ;;;;"}

package/dist/src/Badge/types.d.ts

@@ -0,0 +1,10 @@
+import type { badgePseudo } from '../Badge/utils';
+export type BadgeValueProps = {
+    /**
+     * @default 99
+     */
+    max?: number;
+    current?: number;
+} | string;
+export type BadgeAttribute = Partial<ReturnType<(typeof badgePseudo)['getBadgeAttr']>>;
+//# sourceMappingURL=types.d.ts.map

package/dist/src/Badge/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,MAAM,eAAe,GACvB;IACE;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GACD,MAAM,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,UAAU,CAAC,CAAC,OAAO,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC,CACjD,CAAC"}

package/dist/src/Badge/utils.cjs.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var style = require('./style.cjs.js');
+
+var getBadgeValue = function getBadgeValue(props) {
+  if (typeof props === 'string') {
+    return props;
+  }
+  var _props$max = props.max,
+    max = _props$max === void 0 ? 99 : _props$max,
+    _props$current = props.current,
+    current = _props$current === void 0 ? 0 : _props$current;
+  return current > max ? "".concat(max, "+") : "".concat(current);
+};
+var badgePseudo = {
+  getBadgePseudoCss: style.getBadgePseudoCss,
+  getBadgeAttr: function getBadgeAttr(props) {
+    return {
+      'data-badge-value': getBadgeValue(props)
+    };
+  }
+};
+
+exports.badgePseudo = badgePseudo;
+exports.getBadgeValue = getBadgeValue;
+//# sourceMappingURL=utils.cjs.js.map

package/dist/src/Badge/utils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs.js","sources":["../../../src/Badge/utils.ts"],"sourcesContent":["import type { BadgeValueProps } from '@/Badge/types';\nimport { getBadgePseudoCss } from '@/Badge/style';\n\nexport const getBadgeValue = (props: BadgeValueProps): string => {\n  if (typeof props === 'string') {\n    return props;\n  }\n\n  const { max = 99, current = 0 } = props;\n\n  return current > max ? `${max}+` : `${current}`;\n};\n\nexport const badgePseudo = {\n  getBadgePseudoCss,\n  getBadgeAttr: (props: BadgeValueProps) => ({\n    'data-badge-value': getBadgeValue(props),\n  }),\n};\n"],"names":["getBadgeValue","props","_props$max","max","_props$current","current","concat","badgePseudo","getBadgePseudoCss","getBadgeAttr"],"mappings":";;;;IAGaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAsB,EAAa;AAC/D,EAAA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;AAC7B,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,IAAAC,UAAA,GAAkCD,KAAK,CAA/BE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAkBH,KAAK,CAArBI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA,CAAA;EAE7B,OAAOC,OAAO,GAAGF,GAAG,GAAAG,EAAAA,CAAAA,MAAA,CAAMH,GAAG,EAAAG,GAAAA,CAAAA,GAAAA,EAAAA,CAAAA,MAAA,CAASD,OAAO,CAAE,CAAA;AACjD,EAAC;AAEM,IAAME,WAAW,GAAG;AACzBC,EAAAA,iBAAiB,EAAjBA,uBAAiB;EACjBC,YAAY,EAAE,SAAAA,YAAAA,CAACR,KAAsB,EAAA;IAAA,OAAM;MACzC,kBAAkB,EAAED,aAAa,CAACC,KAAK,CAAA;KACxC,CAAA;AAAA,GAAA;AACH;;;;;"}

package/dist/src/Badge/utils.d.ts

@@ -0,0 +1,12 @@
+import type { BadgeValueProps } from '../Badge/types';
+export declare const getBadgeValue: (props: BadgeValueProps) => string;
+export declare const badgePseudo: {
+    getBadgePseudoCss: (pseudo?: "after" | "before", { top, right }?: {
+        top?: number | undefined;
+        right?: number | undefined;
+    }) => import("styled-components").RuleSet<object>;
+    getBadgeAttr: (props: BadgeValueProps) => {
+        'data-badge-value': string;
+    };
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/Badge/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/Badge/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,eAAO,MAAM,aAAa,UAAW,eAAe,KAAG,MAQtD,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;0BAEA,eAAe;;;CAGtC,CAAC"}

package/dist/src/Badge/utils.esm.js

@@ -0,0 +1,23 @@
+import { getBadgePseudoCss } from './style.esm.js';
+
+var getBadgeValue = function getBadgeValue(props) {
+  if (typeof props === 'string') {
+    return props;
+  }
+  var _props$max = props.max,
+    max = _props$max === void 0 ? 99 : _props$max,
+    _props$current = props.current,
+    current = _props$current === void 0 ? 0 : _props$current;
+  return current > max ? "".concat(max, "+") : "".concat(current);
+};
+var badgePseudo = {
+  getBadgePseudoCss: getBadgePseudoCss,
+  getBadgeAttr: function getBadgeAttr(props) {
+    return {
+      'data-badge-value': getBadgeValue(props)
+    };
+  }
+};
+
+export { badgePseudo, getBadgeValue };
+//# sourceMappingURL=utils.esm.js.map

package/dist/src/Badge/utils.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.esm.js","sources":["../../../src/Badge/utils.ts"],"sourcesContent":["import type { BadgeValueProps } from '@/Badge/types';\nimport { getBadgePseudoCss } from '@/Badge/style';\n\nexport const getBadgeValue = (props: BadgeValueProps): string => {\n  if (typeof props === 'string') {\n    return props;\n  }\n\n  const { max = 99, current = 0 } = props;\n\n  return current > max ? `${max}+` : `${current}`;\n};\n\nexport const badgePseudo = {\n  getBadgePseudoCss,\n  getBadgeAttr: (props: BadgeValueProps) => ({\n    'data-badge-value': getBadgeValue(props),\n  }),\n};\n"],"names":["getBadgeValue","props","_props$max","max","_props$current","current","concat","badgePseudo","getBadgePseudoCss","getBadgeAttr"],"mappings":";;IAGaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAsB,EAAa;AAC/D,EAAA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;AAC7B,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;AAEA,EAAA,IAAAC,UAAA,GAAkCD,KAAK,CAA/BE,GAAG;AAAHA,IAAAA,GAAG,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAkBH,KAAK,CAArBI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA,CAAA;EAE7B,OAAOC,OAAO,GAAGF,GAAG,GAAAG,EAAAA,CAAAA,MAAA,CAAMH,GAAG,EAAAG,GAAAA,CAAAA,GAAAA,EAAAA,CAAAA,MAAA,CAASD,OAAO,CAAE,CAAA;AACjD,EAAC;AAEM,IAAME,WAAW,GAAG;AACzBC,EAAAA,iBAAiB,EAAjBA,iBAAiB;EACjBC,YAAY,EAAE,SAAAA,YAAAA,CAACR,KAAsB,EAAA;IAAA,OAAM;MACzC,kBAAkB,EAAED,aAAa,CAACC,KAAK,CAAA;KACxC,CAAA;AAAA,GAAA;AACH;;;;"}

package/dist/src/Buttons/Button/const.cjs.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var mixin = require('@remember-web/mixin');
+
+var BUTTON_SIZES = {
+  small: {
+    typography: 'Body2_M',
+    height: '32px',
+    minWidth: '68px',
+    padding: '0 16px'
+  },
+  medium: {
+    typography: 'Body1_M',
+    height: '36px',
+    minWidth: '78px',
+    padding: '0 20px'
+  },
+  large: {
+    typography: 'Headline4_M',
+    height: '44px',
+    minWidth: '108px',
+    padding: '0 20px'
+  },
+  xLarge: {
+    typography: 'Headline4_M',
+    height: '52px',
+    minWidth: '116px',
+    padding: '0 24px'
+  }
+};
+var BUTTON_COLORS = {
+  primary: {
+    backgroundColor: mixin.contents000,
+    color: mixin.contents999
+  },
+  outline: {
+    backgroundColor: 'transparent',
+    color: mixin.contents000,
+    borderColor: mixin.contents300
+  }
+};
+var SPINNER_SIZE_MAP = {
+  small: 'small',
+  medium: 'small',
+  large: 'medium',
+  xLarge: 'medium'
+};
+var ICON_GAP_MAP = {
+  small: '4px',
+  medium: '4px',
+  large: '8px',
+  xLarge: '8px'
+};
+
+exports.BUTTON_COLORS = BUTTON_COLORS;
+exports.BUTTON_SIZES = BUTTON_SIZES;
+exports.ICON_GAP_MAP = ICON_GAP_MAP;
+exports.SPINNER_SIZE_MAP = SPINNER_SIZE_MAP;
+//# sourceMappingURL=const.cjs.js.map

package/dist/src/Buttons/Button/const.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.cjs.js","sources":["../../../../src/Buttons/Button/const.ts"],"sourcesContent":["import { contents000, contents300, contents999 } from '@remember-web/mixin';\n\nimport type { SpinnerSize } from '@/Common/Spinner/types';\n\nimport type { ButtonSize, ButtonVariant } from './types';\n\nexport const BUTTON_SIZES = {\n  small: {\n    typography: 'Body2_M',\n    height: '32px',\n    minWidth: '68px',\n    padding: '0 16px',\n  },\n  medium: {\n    typography: 'Body1_M',\n    height: '36px',\n    minWidth: '78px',\n    padding: '0 20px',\n  },\n  large: {\n    typography: 'Headline4_M',\n    height: '44px',\n    minWidth: '108px',\n    padding: '0 20px',\n  },\n  xLarge: {\n    typography: 'Headline4_M',\n    height: '52px',\n    minWidth: '116px',\n    padding: '0 24px',\n  },\n} as const satisfies Record<ButtonSize, unknown>;\n\nexport const BUTTON_COLORS = {\n  primary: {\n    backgroundColor: contents000,\n    color: contents999,\n  },\n  outline: {\n    backgroundColor: 'transparent',\n    color: contents000,\n    borderColor: contents300,\n  },\n} as const satisfies Record<ButtonVariant, unknown>;\n\nexport const SPINNER_SIZE_MAP = {\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n  xLarge: 'medium',\n} as const satisfies Record<ButtonSize, SpinnerSize>;\n\nexport const ICON_GAP_MAP = {\n  small: '4px',\n  medium: '4px',\n  large: '8px',\n  xLarge: '8px',\n} as const satisfies Record<ButtonSize, string>;\n"],"names":["BUTTON_SIZES","small","typography","height","minWidth","padding","medium","large","xLarge","BUTTON_COLORS","primary","backgroundColor","contents000","color","contents999","outline","borderColor","contents300","SPINNER_SIZE_MAP","ICON_GAP_MAP"],"mappings":";;;;AAMO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,UAAU,EAAE,SAAS;AACrBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDE,EAAAA,KAAK,EAAE;AACLL,IAAAA,UAAU,EAAE,aAAa;AACzBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;GACV;AACDG,EAAAA,MAAM,EAAE;AACNN,IAAAA,UAAU,EAAE,aAAa;AACzBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,QAAQ,EAAE,OAAO;AACjBC,IAAAA,OAAO,EAAE,QAAA;AACX,GAAA;AACF,EAAgD;AAEzC,IAAMI,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAEC,iBAAW;AAC5BC,IAAAA,KAAK,EAAEC,iBAAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,eAAe,EAAE,aAAa;AAC9BE,IAAAA,KAAK,EAAED,iBAAW;AAClBI,IAAAA,WAAW,EAAEC,iBAAAA;AACf,GAAA;AACF,EAAmD;AAE5C,IAAMC,gBAAgB,GAAG;AAC9BjB,EAAAA,KAAK,EAAE,OAAO;AACdK,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAoD;AAE7C,IAAMW,YAAY,GAAG;AAC1BlB,EAAAA,KAAK,EAAE,KAAK;AACZK,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,MAAM,EAAE,KAAA;AACV;;;;;;;"}