@remember-web/primitive 0.1.8 → 0.1.10

package/src/Buttons/Button/types.ts

@@ -1,5 +1,5 @@
 import type { ElementType } from 'react';
-import type { ConvertTransientProps } from '@remember-web/shared/types';
+import type { ConvertTransientProps } from '@remember-web/shared';
 import type { ColorVariable } from '@remember-web/mixin';
 
 export type ButtonSize = 'small' | 'medium' | 'large' | 'xLarge';

package/src/Common/Divider/Divider.stories.tsx

@@ -6,7 +6,7 @@ import { Divider } from './index';
 type Story = StoryObj<typeof Divider>;
 
 const meta = {
-  title: 'Common/Divider',
+  title: 'Primitive/Common/Divider',
   component: Divider,
 } satisfies Meta<typeof Divider>;
 

package/src/Common/Flex/index.tsx

@@ -2,7 +2,7 @@
 
 import type { CSSProperties, ElementType, HTMLAttributes } from 'react';
 import styled, { css } from 'styled-components';
-import type { ConvertTransientProps } from '@remember-web/shared/types/styles';
+import type { ConvertTransientProps } from '@remember-web/shared';
 
 export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
   as?: ElementType;

package/src/Common/Spinner/Spinner.stories.tsx

@@ -6,7 +6,7 @@ import { Spinner } from './index';
 type Story = StoryObj<typeof Spinner>;
 
 const meta = {
-  title: 'Common/Spinner',
+  title: 'Primitive/Common/Spinner',
   component: Spinner,
   args: {},
 } satisfies Meta<typeof Spinner>;

package/src/Common/Spinner/types.ts

@@ -1,4 +1,4 @@
-import type { ConvertTransientProps } from '@remember-web/shared/types/styles';
+import type { ConvertTransientProps } from '@remember-web/shared';
 import type { ColorVariable } from '@remember-web/mixin';
 
 export type SpinnerLayout = 'full' | 'block';

package/src/Common/Typography/Typography.stories.tsx

@@ -18,7 +18,7 @@ import Typography from '.';
 type Story = StoryObj<typeof Typography>;
 
 const meta = {
-  title: 'Typography/Typography',
+  title: 'Primitive/Typography/Typography',
   component: Typography,
 } satisfies Meta<typeof Typography>;
 

package/src/Control/Checkbox.stories.tsx

@@ -6,7 +6,7 @@ import { Checkbox } from './Checkbox';
 type Story = StoryObj<typeof Checkbox>;
 
 const meta = {
-  title: 'Control/Checkbox',
+  title: 'Primitive/Control/Checkbox',
   component: Checkbox,
   argTypes: {
     onToggle: { table: { disable: true } },

package/src/Control/Radio.stories.tsx

@@ -5,7 +5,7 @@ import { Radio } from './Radio';
 type Story = StoryObj<typeof Radio>;
 
 const meta = {
-  title: 'Control/Radio',
+  title: 'Primitive/Control/Radio',
   component: Radio,
   argTypes: {
     inputClassName: { table: { disable: true } },

package/src/Control/Switch/Switch.stories.tsx

@@ -6,7 +6,7 @@ import { Switch } from '.';
 type Story = StoryObj<typeof Switch>;
 
 const meta = {
-  title: 'Control/Switch',
+  title: 'Primitive/Control/Switch',
   component: Switch,
 } satisfies Meta<typeof Switch>;
 

package/src/Control/Toggle.stories.tsx

@@ -6,7 +6,7 @@ import { Toggle } from './Toggle';
 type Story = StoryObj<typeof Toggle>;
 
 const meta = {
-  title: 'Control/Toggle',
+  title: 'Primitive/Control/Toggle',
   component: Toggle,
   argTypes: {
     onToggle: { table: { disable: true } },

package/src/Floating/DropdownMenu/DropdownMenu.stories.tsx

@@ -11,7 +11,7 @@ import { Button } from '@';
 type Story = StoryObj<typeof DropdownMenu>;
 
 const meta = {
-  title: 'Floating/DropdownMenu',
+  title: 'Primitive/Floating/DropdownMenu',
   component: DropdownMenu,
 } satisfies Meta<typeof DropdownMenu>;
 

package/src/Floating/DropdownMenu/DropdownMenuSection.tsx

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
+import type { GetStyledComponentProps } from '@remember-web/shared';
 
 import {
   StyledDropdownMenuSectionTitle,

package/src/Floating/DropdownMenu/styles.tsx

@@ -6,7 +6,7 @@ import {
   divider,
   getTypographyStyles,
 } from '@remember-web/mixin';
-import type { ConvertTransientProps } from '@remember-web/shared/types/styles';
+import type { ConvertTransientProps } from '@remember-web/shared';
 
 import { StyledPopoverContent } from '../Popover/styles';
 

package/src/Floating/Popover/Popover.stories.tsx

@@ -7,7 +7,7 @@ import { Flex } from '@/Common';
 type Story = StoryObj<typeof Popover>;
 
 const meta = {
-  title: 'Floating/Popover',
+  title: 'Primitive/Floating/Popover',
   component: Popover,
 } satisfies Meta<typeof Popover>;
 

package/src/Floating/Tooltip/Tooltip.stories.tsx

@@ -9,7 +9,7 @@ import Tooltip from '.';
 type Story = StoryObj<typeof Tooltip>;
 
 const meta = {
-  title: 'Floating/Tooltip',
+  title: 'Primitive/Floating/Tooltip',
   component: Tooltip,
   argTypes: {
     content: {

package/src/Floating/Tooltip/index.tsx

@@ -2,7 +2,7 @@
 
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { useState, type PropsWithChildren } from 'react';
-import { isSSR } from '@remember-web/shared/utils/common';
+import { isSSR } from '@remember-web/shared';
 import { IconCloseS } from '@remember-web/icon';
 import { contents000, contents999 } from '@remember-web/mixin';
 
@@ -21,7 +21,7 @@ const hoverable = isSSR()
 
 export default function Tooltip<
   Type extends TooltipType = 'hover',
-  Size extends TooltipSize = 'small'
+  Size extends TooltipSize = 'small',
 >({
   children,
   content,
@@ -55,8 +55,8 @@ export default function Tooltip<
   const isOpen = isStaticTypeProps(props)
     ? props.open
     : isHoverType
-    ? undefined
-    : _open;
+      ? undefined
+      : _open;
 
   return (
     <RadixTooltip.Provider>

package/src/Inputs/Select/Select.stories.tsx

@@ -8,7 +8,7 @@ import Select from '.';
 type Story = StoryObj<typeof Select>;
 
 const meta = {
-  title: 'Inputs/Select',
+  title: 'Primitive/Inputs/Select',
   component: Select,
   argTypes: {
     label: { type: 'string' },

package/src/Inputs/TextInput/TextInput.stories.tsx

@@ -12,7 +12,7 @@ import TextInput from '.';
 type Story = StoryObj<typeof TextInput>;
 
 const meta = {
-  title: 'Inputs/TextInput',
+  title: 'Primitive/Inputs/TextInput',
   component: TextInput,
   argTypes: {
     type: {

package/src/Inputs/TextInput/styles.ts

@@ -11,7 +11,7 @@ import {
   ellipsis,
   getTypographyStyles,
 } from '@remember-web/mixin';
-import { formatUnit } from '@remember-web/shared/utils/style';
+import { formatUnit } from '@remember-web/shared';
 
 export const InputWrapper = styled.div<{ $width?: string | number }>`
   ${({ $width }) =>
@@ -32,7 +32,9 @@ export const InputContainer = styled.div<{
   padding: 0 12px;
   gap: 8px;
 
-  transition: border-color 0.2s, background-color 0.2s;
+  transition:
+    border-color 0.2s,
+    background-color 0.2s;
 
   ${({ hasError, disabled }) => [
     hasError

package/src/Logos/RememberLogo/RememberLogo.stories.tsx

@@ -5,7 +5,7 @@ import { RememberLogo } from './index';
 type Story = StoryObj<typeof RememberLogo>;
 
 const meta = {
-  title: 'Logos/RememberLogo',
+  title: 'Primitive/Logos/RememberLogo',
   component: RememberLogo,
   args: {
     color: 'black',

package/src/Logos/RememberMobileLogo/RememberMobileLogo.stories.tsx

@@ -5,7 +5,7 @@ import { RememberMobileLogo } from '.';
 type Story = StoryObj<typeof RememberMobileLogo>;
 
 const meta = {
-  title: 'Logos/RememberMobileLogo',
+  title: 'Primitive/Logos/RememberMobileLogo',
   component: RememberMobileLogo,
   args: {
     color: 'black',

package/src/Logos/RememberServiceLogo/RememberServiceLogo.stories.tsx

@@ -5,7 +5,7 @@ import { RememberServiceLogo } from '.';
 type Story = StoryObj<typeof RememberServiceLogo>;
 
 const meta = {
-  title: 'Logos/RememberServiceLogo',
+  title: 'Primitive/Logos/RememberServiceLogo',
   component: RememberServiceLogo,
   args: {
     label: '채용솔루션',

package/src/Logos/RememberServiceLogo/index.tsx

@@ -1,4 +1,4 @@
-import type { GetStyledComponentProps } from '@remember-web/shared/types';
+import type { GetStyledComponentProps } from '@remember-web/shared';
 
 import type { RememberLogoProps } from '@/Logos/types';
 import { Divider } from '@/Common';

package/src/Logos/RememberSquareLogo/RememberSquareLogo.stories.tsx

@@ -5,7 +5,7 @@ import { RememberSquareLogo } from '.';
 type Story = StoryObj<typeof RememberSquareLogo>;
 
 const meta = {
-  title: 'Logos/RememberSquareLogo',
+  title: 'Primitive/Logos/RememberSquareLogo',
   component: RememberSquareLogo,
   args: {
     color: 'black',

package/src/Modals/Dialog/Dialog.stories.tsx

@@ -9,7 +9,7 @@ import { Dialog } from '.';
 type Story = StoryObj<typeof Dialog>;
 
 const meta = {
-  title: 'Modals/Dialog',
+  title: 'Primitive/Modals/Dialog',
   component: DialogComponent,
 } satisfies Meta<typeof DialogComponent>;
 

package/src/Paginations/CompactPagination/CompactPagination.stories.tsx

@@ -6,7 +6,7 @@ import { CompactPagination } from '.';
 type Story = StoryObj<typeof CompactPagination>;
 
 const meta = {
-  title: 'Common/CompactPagination',
+  title: 'Primitive/Paginations/CompactPagination',
   component: CompactPagination,
   args: {
     totalItemCount: 100,

package/src/Paginations/Pagination/Pagination.stories.tsx

@@ -6,7 +6,7 @@ import { Pagination } from '.';
 type Story = StoryObj<typeof Pagination>;
 
 const meta = {
-  title: 'Common/Pagination',
+  title: 'Primitive/Paginations/Pagination',
   component: Pagination,
   args: {
     totalItemCount: 100,

package/src/Paginations/Pagination/index.tsx

@@ -7,7 +7,7 @@ import {
   IconArrowDoubleRight,
 } from '@remember-web/icon';
 import { contents000, contents300 } from '@remember-web/mixin';
-import { range } from '@remember-web/shared/utils/common';
+import { range } from '@remember-web/shared';
 
 import {
   ArrowButton,

package/dist/primitive/src/Avatars/Avatar/Avatar.stories.d.ts

@@ -1,42 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
-import Avatar from '.';
-type Story = StoryObj<typeof Avatar>;
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Partial<import("@remember-web/shared/types").ConvertTransientProps<import("../../Avatars/Avatar/styles").StyledAvatarProps>> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    argTypes: {
-        rounded: {
-            options: boolean[];
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            options: string[];
-            control: {
-                type: string;
-            };
-        };
-        imageUrl: {
-            options: (string | undefined)[];
-            control: {
-                type: string;
-            };
-        };
-        children: {
-            options: (string | undefined)[];
-            control: {
-                type: string;
-            };
-        };
-        backgroundColor: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export declare const Default: Story;
-export default meta;
-//# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/primitive/src/Avatars/Avatar/Avatar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Avatars/Avatar/Avatar.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,MAAM,MAAM,GAAG,CAAC;AAEvB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BqB,CAAC;AAEhC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AACF,eAAe,IAAI,CAAC"}

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

@@ -1 +0,0 @@
-{"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/types/styles';\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/primitive/src/Avatars/Avatar/index.d.ts.map

@@ -1 +0,0 @@
-{"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,mCAAmC,CAAC;AAE/E,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/primitive/src/Avatars/Avatar/index.esm.js.map

@@ -1 +0,0 @@
-{"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/types/styles';\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/primitive/src/Avatars/Avatar/styles.cjs.js.map

@@ -1 +0,0 @@
-{"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/primitive/src/Avatars/Avatar/styles.d.ts.map

@@ -1 +0,0 @@
-{"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/primitive/src/Avatars/Avatar/styles.esm.js.map

@@ -1 +0,0 @@
-{"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/primitive/src/Avatars/index.d.ts.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/Badge.cjs.js.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/Badge.d.ts.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/Badge.esm.js.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/Badge.stories.d.ts

@@ -1,49 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { Badge } from '../Badge/Badge';
-type Story = StoryObj<typeof Badge>;
-declare const meta: {
-    readonly title: "Badge/Badge";
-};
-type Args = {
-    type: 'string' | 'number';
-    value_max?: number;
-    value_current?: number;
-    value_string?: string;
-};
-export declare const Default: {
-    argTypes: {
-        type: {
-            control: string;
-            options: string[];
-        };
-        value_max: {
-            if: {
-                arg: string;
-                eq: string;
-            };
-            control: string;
-        };
-        value_current: {
-            if: {
-                arg: string;
-                eq: string;
-            };
-            control: string;
-        };
-        value_string: {
-            if: {
-                arg: string;
-                eq: string;
-            };
-            control: string;
-        };
-    };
-    args: {
-        type: string;
-        value_current: number;
-    };
-    render: (props: Args) => import("react/jsx-runtime").JSX.Element;
-};
-export declare const PseudoBadge: Story;
-export default meta;
-//# sourceMappingURL=Badge.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../../src/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,IAAI;;CAEA,CAAC;AAEX,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAuBF,IAAI;CAQrB,CAAC;AAIF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC;AAWF,eAAe,IAAI,CAAC"}

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

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/style.cjs.js.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/style.d.ts.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/style.esm.js.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/types.d.ts.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/utils.cjs.js.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/utils.d.ts.map

@@ -1 +0,0 @@
-{"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/primitive/src/Badge/utils.esm.js.map

@@ -1 +0,0 @@
-{"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/primitive/src/Buttons/Button/Button.stories.d.ts

@@ -1,56 +0,0 @@
-/// <reference types="react" />
-import type { StoryObj } from '@storybook/react';
-import Button from '.';
-type Story = StoryObj<typeof Button>;
-declare const meta: {
-    title: string;
-    component: <T extends import("react").ElementType = "button">(props: {
-        as?: T | null | undefined;
-    } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "icon" | keyof import("./types").ButtonStyleProps | "iconPosition"> & import("@remember-web/shared/types").ConvertTransientProps<Partial<import("./types").ButtonStyleProps>> & {
-        icon?: import("react").ReactNode;
-        iconPosition?: "right" | "left" | undefined;
-    } & {
-        ref?: import("react").ComponentPropsWithRef<T>["ref"] | undefined;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
-    argTypes: {
-        icon: {
-            control: string;
-            options: ("none" | import("../../stories/util").IconWithSizeNameType)[];
-        };
-        color: {
-            control: string;
-        };
-        variant: {
-            control: string;
-            options: string[];
-        };
-        size: {
-            control: string;
-            options: string[];
-        };
-        children: {
-            control: string;
-        };
-        layout: {
-            control: string;
-            options: string[];
-        };
-        type: {
-            control: string;
-            options: string[];
-        };
-        isLoading: {
-            control: string;
-        };
-        disabled: {
-            control: string;
-        };
-    };
-    args: {
-        children: string;
-    };
-};
-export declare const Default: Story;
-export declare const AnchorButton: Story;
-export default meta;
-//# sourceMappingURL=Button.stories.d.ts.map

package/dist/primitive/src/Buttons/Button/Button.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Buttons/Button/Button.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,MAAM,MAAM,GAAG,CAAC;AAEvB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBqB,CAAC;AAEhC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1 +0,0 @@
-{"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;;;;;;;"}

package/dist/primitive/src/Buttons/Button/const.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../../src/Buttons/Button/const.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;CAyBuB,CAAC;AAEjD,eAAO,MAAM,aAAa;;;;;;;;;;CAUyB,CAAC;AAEpD,eAAO,MAAM,gBAAgB;;;;;CAKuB,CAAC;AAErD,eAAO,MAAM,YAAY;;;;;CAKsB,CAAC"}

package/dist/primitive/src/Buttons/Button/const.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"const.esm.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,WAAW;AAC5BC,IAAAA,KAAK,EAAEC,WAAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPJ,IAAAA,eAAe,EAAE,aAAa;AAC9BE,IAAAA,KAAK,EAAED,WAAW;AAClBI,IAAAA,WAAW,EAAEC,WAAAA;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;;;;"}

package/dist/primitive/src/Buttons/Button/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../src/Buttons/Button/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ElementType, ForwardRefRenderFunction } from 'react';\nimport { forwardRef } from 'react';\nimport type { As } from '@remember-web/shared/types';\n\nimport { Spinner } from '@/Common';\n\nimport { SPINNER_SIZE_MAP } from './const';\nimport { StyledButton } from './styles';\nimport type { ButtonProps } from './types';\n\nconst Button: ForwardRefRenderFunction<\n  HTMLButtonElement,\n  ButtonProps<'button'> & As<ElementType>\n> = (\n  {\n    children,\n    color,\n    size = 'small',\n    variant = 'primary',\n    layout = 'block',\n    isLoading = false,\n    filled = variant === 'primary',\n    icon,\n    iconPosition = 'left',\n    ...props\n  },\n  ref\n) => (\n  <StyledButton\n    $color={color}\n    $size={size}\n    $variant={variant}\n    $layout={layout}\n    $isLoading={isLoading}\n    $filled={filled}\n    aria-live=\"polite\"\n    aria-busy={isLoading}\n    ref={ref}\n    {...props}\n  >\n    {isLoading ? (\n      <Spinner size={SPINNER_SIZE_MAP[size]} />\n    ) : (\n      <>\n        {iconPosition === 'left' && icon}\n        {children}\n        {iconPosition === 'right' && icon}\n      </>\n    )}\n  </StyledButton>\n);\n\ntype ButtonComponentWithRef = <T extends ElementType = 'button'>(\n  props: { as?: T | null } & ButtonProps<T> & {\n      ref?: React.ComponentPropsWithRef<T>['ref'];\n    }\n) => React.ReactElement | null;\n\nexport default forwardRef(Button) as ButtonComponentWithRef;\n"],"names":["size","variant","layout","isLoading","filled","iconPosition","props","$color","$size","$variant","$layout","$isLoading","$filled","ref","children"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAYb;AAgBK;;;AATDA;;AACAC;;AACAC;;AACAC;;AACAC;;;AAEAC;AACGC;AAAK;AAKRC;AACAC;AACAC;AACAC;AACAC;AACAC;AACA;AACA;AACAC;AAAS;AACAC;;AAG+B;AAEtCA;;AAKD;AACY;AASjB;;"}

package/dist/primitive/src/Buttons/Button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Buttons/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAA4B,MAAM,OAAO,CAAC;AAQnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA4C3C,KAAK,sBAAsB,GAAG,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAC7D,KAAK,EAAE;IAAE,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CAC7C,KACA,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;;AAE/B,wBAA4D"}