@remember-web/primitive 0.1.4 → 0.1.6

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/primitive/src/index.esm.js

@@ -1,4 +1,5 @@
 export { default as Avatar } from './Avatars/Avatar/index.esm.js';
+export { StyledAvatar } from './Avatars/Avatar/styles.esm.js';
 export { default as Button } from './Buttons/Button/index.esm.js';
 export { badgePseudo } from './Badge/utils.esm.js';
 export { Badge } from './Badge/Badge.esm.js';
@@ -22,9 +23,9 @@ export { Pagination } from './Paginations/Pagination/index.esm.js';
 export { CompactPagination } from './Paginations/CompactPagination/index.esm.js';
 export { default as TextInput } from './Inputs/TextInput/index.esm.js';
 export { default as Select } from './Inputs/Select/index.esm.js';
-export { default as Tooltip } from './Floating/Tooltip/index.esm.js';
-export { default as Popover } from './Floating/Popover/index.esm.js';
 export { default as DropdownMenu } from './Floating/DropdownMenu/index.esm.js';
+export { default as Popover } from './Floating/Popover/index.esm.js';
+export { default as Tooltip } from './Floating/Tooltip/index.esm.js';
+export { StyledDropdownMenuContent, StyledDropdownMenuSection, StyledDropdownMenuSectionTitle, dropdownMenuItemCSS, getDropdownMenuItemCss } from './Floating/DropdownMenu/styles.esm.js';
 export { StyledPopoverContent } from './Floating/Popover/styles.esm.js';
-export { StyledDropdownMenuContent, StyledDropdownMenuItem, dropdownMenuItemCSS, getDropdownMenuItemCss } from './Floating/DropdownMenu/styles.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/primitive/src/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/primitive/src/stories/common.styles.d.ts

@@ -9,8 +9,8 @@ export declare const Table: import("styled-components").IStyledComponent<"web",
 export declare const TableHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>>;
 export declare const TableBody: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, never>>;
 export declare const TableColumn: ({ isHeader, align, children, }: {
-    isHeader?: boolean | undefined;
-    align?: TextAlign | undefined;
+    isHeader?: boolean;
+    align?: TextAlign;
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>>;

package/dist/primitive/src/stories/common.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.styles.d.ts","sourceRoot":"","sources":["../../../../src/stories/common.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C,eAAO,MAAM,KAAK;;;GAmBjB,CAAC;AAEF,eAAO,MAAM,cAAc,gNAE1B,CAAC;AAEF,eAAO,MAAM,KAAK,yNAIjB,CAAC;AAEF,eAAO,MAAM,WAAW,kOAAiB,CAAC;AAE1C,eAAO,MAAM,SAAS,kOAAiB,CAAC;AAkBxC,eAAO,MAAM,WAAW;;;cAOZ,SAAS;6CAMlB,CAAC;AAEJ,eAAO,MAAM,QAAQ,0NAAc,CAAC"}
+{"version":3,"file":"common.styles.d.ts","sourceRoot":"","sources":["../../../../src/stories/common.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C,eAAO,MAAM,KAAK;;;GAmBjB,CAAC;AAEF,eAAO,MAAM,cAAc,gNAE1B,CAAC;AAEF,eAAO,MAAM,KAAK,yNAIjB,CAAC;AAEF,eAAO,MAAM,WAAW,kOAAiB,CAAC;AAE1C,eAAO,MAAM,SAAS,kOAAiB,CAAC;AAkBxC,eAAO,MAAM,WAAW,mCAIrB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAKE,CAAC;AAEJ,eAAO,MAAM,QAAQ,0NAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remember-web/primitive",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "RUI Primitive Components",
   "homepage": "https://dramancompany.github.io/rui/",
   "author": "Remember",
@@ -17,7 +17,7 @@
     "build": "rollup -c && yarn fix:dts-alias",
     "fix:dts-alias": "yarn tsc-alias -p tsconfig.alias.json",
     "type-check": "tsc -p ./tsconfig.json",
-    "lint": "eslint src --fix --ext .js,.jsx,.ts,.tsx"
+    "lint": "eslint src --fix --ext .js,.jsx,.ts,.tsx --cache"
   },
   "files": [
     "dist",
@@ -35,45 +35,47 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7",
-    "@radix-ui/react-dialog": "^1",
-    "@radix-ui/react-label": "^2",
-    "@radix-ui/react-popover": "^1",
-    "@radix-ui/react-separator": "^1",
-    "@radix-ui/react-switch": "^1",
+    "@babel/runtime": "^7.24.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@remember-web/icon": "^0.1.2",
     "@remember-web/mixin": "^0.1.8"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/plugin-transform-runtime": "^7.19.6",
-    "@babel/preset-env": "^7.22.9",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
+    "@babel/core": "^7.24.4",
+    "@babel/plugin-transform-runtime": "^7.24.3",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
     "@remember-web/shared": "workspace:^",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@storybook/react": "^7",
-    "@types/react": "^18.2.39",
-    "@types/react-dom": "^18.2.17",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@storybook/client-api": "^7.6.17",
+    "@storybook/react": "^7.6.17",
+    "@types/react": "^18.2.75",
+    "@types/react-dom": "^18.2.24",
+    "eslint": "^8.57.0",
     "eslint-config-rui": "workspace:*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^4.13.0",
+    "rollup": "^4.14.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-typescript2": "^0.36.0",
-    "rollup-plugin-visualizer": "^5.9.0",
-    "styled-components": ">=6",
-    "tsc-alias": "^1.8.6",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "styled-components": "^6.1.8",
+    "tsc-alias": "^1.8.8",
     "tsconfig": "workspace:*",
-    "tslib": "^2.5.0",
-    "typescript": "^5.4.2"
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.5"
   },
   "peerDependencies": {
-    "@remember-web/icon": "^0.1.1",
+    "@remember-web/icon": "^0.1.2",
     "@remember-web/mixin": "^0.1.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

package/src/Avatars/index.ts

@@ -1 +1,4 @@
 export { default as Avatar } from './Avatar';
+
+/** GNB에서 의존하기 때문에 export */
+export { StyledAvatar } from './Avatar/styles';

package/src/Badge/utils.ts

@@ -1,5 +1,4 @@
 import type { BadgeValueProps } from '@/Badge/types';
-
 import { getBadgePseudoCss } from '@/Badge/style';
 
 export const getBadgeValue = (props: BadgeValueProps): string => {

package/src/Buttons/Button/const.ts

@@ -1,6 +1,7 @@
-import type { SpinnerSize } from '@/Common/Spinner/types';
 import { contents000, contents300, contents999 } from '@remember-web/mixin';
 
+import type { SpinnerSize } from '@/Common/Spinner/types';
+
 import type { ButtonSize, ButtonVariant } from './types';
 
 export const BUTTON_SIZES = {

package/src/Buttons/Button/index.tsx

@@ -2,13 +2,13 @@
 
 import type { ElementType, ForwardRefRenderFunction } from 'react';
 import { forwardRef } from 'react';
-
 import type { As } from '@remember-web/shared/types';
+
 import { Spinner } from '@/Common';
 
 import { SPINNER_SIZE_MAP } from './const';
 import { StyledButton } from './styles';
-import type { ButtonProps, ButtonSize } from './types';
+import type { ButtonProps } from './types';
 
 const Button: ForwardRefRenderFunction<
   HTMLButtonElement,

package/src/Buttons/Button/styles.ts

@@ -2,7 +2,6 @@
 
 import type { DataAttributes } from 'styled-components';
 import styled, { css } from 'styled-components';
-
 import {
   bg100,
   disabled,

package/src/Buttons/Button/types.ts

@@ -1,5 +1,4 @@
 import type { ElementType } from 'react';
-
 import type { ConvertTransientProps } from '@remember-web/shared/types';
 import type { ColorVariable } from '@remember-web/mixin';
 

package/src/Common/Divider/index.tsx

@@ -2,7 +2,6 @@
 
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import styled from 'styled-components';
-
 import { divider } from '@remember-web/mixin';
 
 export interface DividerProps extends SeparatorPrimitive.SeparatorProps {

package/src/Common/Flex/index.tsx

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

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

@@ -1,5 +1,4 @@
 import type { Meta, StoryObj } from '@storybook/react';
-
 import { divider } from '@remember-web/mixin';
 
 import { Spinner } from './index';

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

@@ -1,5 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { renderToStaticMarkup } from 'react-dom/server';
+import type { TypographyStyle } from '@remember-web/mixin';
+import { TYPOGRAPHY_STYLES } from '@remember-web/mixin';
 
 import {
   Paper,
@@ -10,8 +12,6 @@ import {
   TableRow,
   TitleContainer,
 } from '@/stories/common.styles';
-import type { TypographyStyle } from '@remember-web/mixin';
-import { TYPOGRAPHY_STYLES } from '@remember-web/mixin';
 
 import Typography from '.';
 

package/src/Control/BaseToggle/ToggleIcon/index.tsx

@@ -12,7 +12,6 @@ import {
   ControlRadioOff,
   ControlRadioOn,
 } from '@remember-web/icon';
-
 import {
   SVG_SIZES,
   isSvgRegularSize,

package/src/Control/Switch/styles.ts

@@ -2,7 +2,6 @@
 
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import styled, { css } from 'styled-components';
-
 import { contents300, contents999, secondary100 } from '@remember-web/mixin';
 
 import type { SwitchProps } from './types';

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

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
+import { IconAlarm } from '@remember-web/icon';
 
 import { Button } from '@/Buttons';
 import { Flex } from '@/Common';
-import { IconAlarm } from '@remember-web/icon';
 
 import Tooltip from '.';
 

package/src/Floating/Tooltip/index.tsx

@@ -2,7 +2,6 @@
 
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { useState, type PropsWithChildren } from 'react';
-
 import { isSSR } from '@remember-web/shared/utils/common';
 import { IconCloseS } from '@remember-web/icon';
 import { contents000, contents999 } from '@remember-web/mixin';

package/src/Floating/Tooltip/styles.ts

@@ -2,7 +2,6 @@
 
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import styled, { css, keyframes } from 'styled-components';
-
 import type { TypographyStyle } from '@remember-web/mixin';
 import {
   contents000,

package/src/Floating/index.ts

@@ -1,12 +1,14 @@
-export { default as Tooltip } from './Tooltip';
-export { default as Popover } from './Popover';
 export { default as DropdownMenu } from './DropdownMenu';
+export { default as Popover } from './Popover';
+export { default as Tooltip } from './Tooltip';
 
 /** GNB에서 의존하기 때문에 export */
-export { StyledPopoverContent } from './Popover/styles';
+export type { StyledDropdownMenuItemProps } from './DropdownMenu/styles';
 export {
   StyledDropdownMenuContent,
-  StyledDropdownMenuItem,
-  getDropdownMenuItemCss,
+  StyledDropdownMenuSection,
+  StyledDropdownMenuSectionTitle,
   dropdownMenuItemCSS,
+  getDropdownMenuItemCss,
 } from './DropdownMenu/styles';
+export { StyledPopoverContent } from './Popover/styles';

package/src/Inputs/Select/DesignedSelect/index.tsx

@@ -10,11 +10,11 @@ import {
   useState,
   useId,
 } from 'react';
+import { IconArrow2Down, IconArrow2Up } from '@remember-web/icon';
 
-import { focusSibling } from '../utils';
 import useMouseEventAway from '@/hooks/useMouseEventAway';
-import { IconArrow2Down, IconArrow2Up } from '@remember-web/icon';
 
+import { focusSibling } from '../utils';
 import { OptionHolder } from '../Option';
 import { SelectContainer } from '../styles';
 import type { OptionElementType, SelectValue } from '../types';

package/src/Inputs/Select/NativeSelect/index.tsx

@@ -2,7 +2,6 @@
 
 import type { ForwardRefRenderFunction } from 'react';
 import { forwardRef } from 'react';
-
 import { IconArrow2Down } from '@remember-web/icon';
 
 import { SelectDownIcon, StyledSelect } from './styles';

package/src/Inputs/TextInput/index.tsx

@@ -2,7 +2,6 @@
 
 import type { ForwardRefRenderFunction } from 'react';
 import { forwardRef, useId, useState } from 'react';
-
 import { IconHidden, IconVisible } from '@remember-web/icon';
 
 import {

package/src/Inputs/TextInput/styles.ts

@@ -1,17 +1,17 @@
 'use client';
 
 import styled, { css } from 'styled-components';
-
+import type { ColorVariable } from '@remember-web/mixin';
 import {
   bg200,
   contents000,
   contents200,
   contents300,
   roleRed,
+  ellipsis,
+  getTypographyStyles,
 } from '@remember-web/mixin';
-import { ellipsis, getTypographyStyles } from '@remember-web/mixin';
 import { formatUnit } from '@remember-web/shared/utils/style';
-import { ColorVariable } from '@remember-web/mixin';
 
 export const InputWrapper = styled.div<{ $width?: string | number }>`
   ${({ $width }) =>

package/src/Inputs/TextInput/types.ts

@@ -1,5 +1,4 @@
 import type { InputHTMLAttributes, ReactNode } from 'react';
-
 import type { ColorVariable } from '@remember-web/mixin';
 
 type BaseInputProps = Omit<

package/src/Logos/RememberServiceLogo/index.tsx

@@ -1,7 +1,8 @@
-import type { RememberLogoProps } from '@/Logos/types';
+import type { GetStyledComponentProps } from '@remember-web/shared/types';
 
+import type { RememberLogoProps } from '@/Logos/types';
 import { Divider } from '@/Common';
-import { GetStyledComponentProps } from '@remember-web/shared/types';
+
 import { RememberLogo } from '../RememberLogo';
 import { StyledServiceLogoRoot } from './style';
 

package/src/Logos/RememberServiceLogo/style.ts

@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-
 import { contents000, getTypographyStyles } from '@remember-web/mixin';
 
 export const StyledServiceLogoRoot = styled.a`

package/src/Modals/Dialog/index.tsx

@@ -2,9 +2,9 @@
 
 import type { DialogContentProps, DialogProps } from '@radix-ui/react-dialog';
 import { Root, Trigger, Close, Portal } from '@radix-ui/react-dialog';
+import { IconClose, PictogramAlert, PictogramCheck } from '@remember-web/icon';
 
 import { Flex } from '@/Common/Flex';
-import { IconClose, PictogramAlert, PictogramCheck } from '@remember-web/icon';
 
 import {
   DialogContent,

package/src/Modals/Dialog/styles.ts

@@ -2,9 +2,12 @@
 
 import styled, { keyframes } from 'styled-components';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-
-import { primary200, contents000, contents100 } from '@remember-web/mixin';
-import { getTypographyStyles } from '@remember-web/mixin';
+import {
+  primary200,
+  contents000,
+  contents100,
+  getTypographyStyles,
+} from '@remember-web/mixin';
 
 export const overlayShow = keyframes`
   0% { opacity: 0; }

package/src/Paginations/CompactPagination/index.tsx

@@ -1,9 +1,10 @@
 'use client';
 
 import { IconArrow2Left, IconArrow2Right } from '@remember-web/icon';
-import { Flex } from '@/Common/Flex';
 import { contents000, contents300 } from '@remember-web/mixin';
 
+import { Flex } from '@/Common/Flex';
+
 import {
   ArrowButton,
   CompactPaginationContainer,

package/src/Paginations/styles.ts

@@ -8,10 +8,10 @@ import {
   contents000,
   contents300,
   getTypographyStyles,
+  mobileOnly,
+  desktopOnly,
 } from '@remember-web/mixin';
 
-import { mobileOnly, desktopOnly } from '@remember-web/mixin';
-
 export const PaginationContainer = styled.nav`
   all: unset;
   display: inline-flex;

package/src/stories/common.styles.tsx

@@ -1,6 +1,5 @@
 import type { ReactNode } from 'react';
 import styled, { css } from 'styled-components';
-
 import {
   bg100,
   contents000,