@kimdw-rtk/ui 0.0.7 → 0.0.9

package/dist/node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.production.min.js

@@ -0,0 +1,24 @@
+import { __exports as reactJsxRuntime_production_min } from '../../../../../../_virtual/react-jsx-runtime.production.min.js';
+import require$$0 from 'react';
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReactJsxRuntime_production_min;
+
+function requireReactJsxRuntime_production_min () {
+	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
+	hasRequiredReactJsxRuntime_production_min = 1;
+var f=require$$0,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
+	function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
+	return reactJsxRuntime_production_min;
+}
+
+export { requireReactJsxRuntime_production_min as __require };

package/dist/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js

@@ -0,0 +1,19 @@
+import { __module as jsxRuntime } from '../../../../../_virtual/jsx-runtime2.js';
+import { __require as requireReactJsxRuntime_production_min } from './cjs/react-jsx-runtime.production.min.js';
+import { __require as requireReactJsxRuntime_development } from './cjs/react-jsx-runtime.development.js';
+
+var hasRequiredJsxRuntime;
+
+function requireJsxRuntime () {
+	if (hasRequiredJsxRuntime) return jsxRuntime.exports;
+	hasRequiredJsxRuntime = 1;
+
+	if (process.env.NODE_ENV === 'production') {
+	  jsxRuntime.exports = requireReactJsxRuntime_production_min();
+	} else {
+	  jsxRuntime.exports = requireReactJsxRuntime_development();
+	}
+	return jsxRuntime.exports;
+}
+
+export { requireJsxRuntime as __require };

package/dist/styles/globalStyle.css.js

@@ -1,5 +1,8 @@
-import { assignVars, globalStyle } from '@vanilla-extract/css';
-import { darkThemeVars, lightThemeVars, theme } from '#themes';
+import { globalStyle, assignVars } from '../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import { darkThemeVars } from '../themes/darkTheme.css.js';
+import { lightThemeVars } from '../themes/lightTheme.css.js';
+import { theme } from '../themes/theme.css.js';
+
 globalStyle('*', {
     boxSizing: 'border-box',
     overscrollBehavior: 'none',

package/dist/styles/layers.css.js

@@ -1,3 +1,6 @@
-import { globalLayer } from '@vanilla-extract/css';
-export const componentsLayer = globalLayer('components');
-export const sprinklesLayer = globalLayer('utilities');
+import { globalLayer } from '../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+
+const componentsLayer = globalLayer('components');
+const sprinklesLayer = globalLayer('utilities');
+
+export { componentsLayer, sprinklesLayer };

package/dist/styles/overlay.css.js

@@ -1,9 +1,10 @@
-import { globalStyle, style } from '@vanilla-extract/css';
-export const enter = style({
+import { style, globalStyle } from '../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+
+const enter = style({
     opacity: '1 !important',
     transition: 'all 0.2s ease',
 });
-export const base = style({
+const base = style({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
@@ -13,7 +14,7 @@ export const base = style({
     backgroundColor: '#00000080',
     opacity: '0',
 });
-export const exit = style({
+const exit = style({
     opacity: '0 !important',
     transition: 'all 0.2s ease',
     pointerEvents: 'none',
@@ -29,3 +30,5 @@ globalStyle(`${exit} > div`, {
     transform: 'scale(0.9) !important',
     transition: 'all 0.2s ease',
 });
+
+export { base, enter, exit };

package/dist/styles/sprinkles.css.js

@@ -1,7 +1,12 @@
-import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
-import { sprinklesLayer } from '#styles';
-import { theme } from '#themes';
-import { breakpoint, lightColor, spacing, typography } from '#tokens';
+import { createAtomicStyles as defineProperties, createAtomsFn as createSprinkles } from '../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0_/node_modules/@vanilla-extract/sprinkles/dist/vanilla-extract-sprinkles.esm.js';
+import { sprinklesLayer } from './layers.css.js';
+import './globalStyle.css.js';
+import { lightColor } from '../tokens/scale/color.js';
+import { theme } from '../themes/theme.css.js';
+import { breakpoint } from '../tokens/semantic/breakpoint.js';
+import { spacing } from '../tokens/semantic/spacing.js';
+import { typography } from '../tokens/semantic/typography.js';
+
 const colors = Object.assign({}, ...[
     ...Object.entries(lightColor).reduce((prev, [name, scales]) => [
         ...prev,
@@ -9,7 +14,7 @@ const colors = Object.assign({}, ...[
     ], []),
     ...Object.entries(theme.color).map(([name, value]) => ({ [name]: `rgb(${value})` })),
 ]);
-export const colorProperties = defineProperties({
+const colorProperties = defineProperties({
     '@layer': sprinklesLayer,
     properties: {
         color: colors,
@@ -27,7 +32,7 @@ const size = {
     '20em': '20em',
     '25em': '25em',
 };
-export const boxProperties = defineProperties({
+const boxProperties = defineProperties({
     '@layer': sprinklesLayer,
     conditions: {
         mobile: {},
@@ -91,7 +96,7 @@ export const boxProperties = defineProperties({
         marginY: ['marginTop', 'marginBottom'],
     },
 });
-export const typographyProperties = defineProperties({
+const typographyProperties = defineProperties({
     '@layer': sprinklesLayer,
     conditions: {
         mobile: {},
@@ -105,7 +110,7 @@ export const typographyProperties = defineProperties({
         wordBreak: ['break-all', 'break-word', 'keep-all'],
     },
 });
-export const miscProperties = defineProperties({
+const miscProperties = defineProperties({
     '@layer': sprinklesLayer,
     properties: {
         cursor: {
@@ -115,4 +120,6 @@ export const miscProperties = defineProperties({
         },
     },
 });
-export const sprinkles = createSprinkles(boxProperties, colorProperties, typographyProperties, miscProperties);
+const sprinkles = createSprinkles(boxProperties, colorProperties, typographyProperties, miscProperties);
+
+export { boxProperties, colorProperties, miscProperties, sprinkles, typographyProperties };

package/dist/styles/sx.js

@@ -1,5 +1,8 @@
-import { sprinkles } from '#styles';
-export const sx = (param) => {
+import './layers.css.js';
+import { sprinkles } from './sprinkles.css.js';
+import './globalStyle.css.js';
+
+const sx = (param) => {
     if (param === undefined) {
         return '';
     }
@@ -8,3 +11,5 @@ export const sx = (param) => {
     }
     return sprinkles(param);
 };
+
+export { sx };

package/dist/themes/darkTheme.css.js

@@ -1,5 +1,6 @@
-import { darkColor } from '../tokens/scale/color';
-export const darkThemeVars = {
+import { darkColor } from '../tokens/scale/color.js';
+
+const darkThemeVars = {
     borderRadius: '6px',
     color: {
         background: '12, 12, 14',
@@ -27,3 +28,5 @@ export const darkThemeVars = {
         ...darkColor,
     },
 };
+
+export { darkThemeVars };

package/dist/themes/lightTheme.css.js

@@ -1,5 +1,6 @@
-import { lightColor } from '../tokens/scale/color';
-export const lightThemeVars = {
+import { lightColor } from '../tokens/scale/color.js';
+
+const lightThemeVars = {
     borderRadius: '6px',
     color: {
         background: '255, 255, 255',
@@ -27,3 +28,5 @@ export const lightThemeVars = {
         ...lightColor,
     },
 };
+
+export { lightThemeVars };

package/dist/themes/theme.css.js

@@ -1,12 +1,13 @@
-import { createThemeContract } from '@vanilla-extract/css';
-import { semanticColor } from '#tokens';
-import { lightColor } from '../tokens/scale/color';
+import { createThemeContract } from '../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import { lightColor } from '../tokens/scale/color.js';
+import { semanticColor } from '../tokens/semantic/color.js';
+
 const semanticColors = semanticColor.reduce((prev, current) => ({
     ...prev,
     [current]: null,
     [`${current}-foreground`]: null,
 }), {});
-export const theme = createThemeContract({
+const theme = createThemeContract({
     borderRadius: null,
     color: {
         background: null,
@@ -19,3 +20,5 @@ export const theme = createThemeContract({
         ...lightColor,
     },
 });
+
+export { theme };

package/dist/tokens/scale/color.js

@@ -1,4 +1,4 @@
-export const SCALE_COLOR = [
+const SCALE_COLOR = [
     'red',
     'orange',
     'amber',
@@ -22,7 +22,7 @@ export const SCALE_COLOR = [
     'neutral',
     'stone',
 ];
-export const darkColor = {
+const darkColor = {
     red: {
         50: '238, 224, 224',
         100: '232, 210, 210',
@@ -310,7 +310,7 @@ export const darkColor = {
         950: '12, 10, 8',
     },
 };
-export const lightColor = {
+const lightColor = {
     red: {
         50: '254, 242, 242',
         100: '254, 226, 226',
@@ -598,3 +598,5 @@ export const lightColor = {
         950: '12, 10, 9',
     },
 };
+
+export { SCALE_COLOR, darkColor, lightColor };

package/dist/tokens/semantic/breakpoint.js

@@ -1,6 +1,4 @@
-export const breakpoint = {
-    sm: 768,
-    md: 1024,
-    lg: 1440,
-    desktop: 1024,
-};
+const breakpoint = {
+    md: 1024};
+
+export { breakpoint };

package/dist/tokens/semantic/color.js

@@ -1,4 +1,4 @@
-export const semanticColor = [
+const semanticColor = [
     'primary',
     'secondary',
     'muted',
@@ -8,3 +8,5 @@ export const semanticColor = [
     'warning',
     'success',
 ];
+
+export { semanticColor };

package/dist/tokens/semantic/spacing.js

@@ -1,4 +1,4 @@
-export const spacing = {
+const spacing = {
     none: '0',
     sm: '0.25em',
     md: '0.5em',
@@ -7,3 +7,5 @@ export const spacing = {
     '2xl': '1.5em',
     '3xl': '2em',
 };
+
+export { spacing };

package/dist/tokens/semantic/typography.js

@@ -1,4 +1,4 @@
-export const typography = {
+const typography = {
     size: {
         xs: '0.75em',
         sm: '0.875em',
@@ -30,3 +30,5 @@ export const typography = {
         xl: 2,
     },
 };
+
+export { typography };

package/dist/utils/sprinklesUtils.js

@@ -1,5 +1,8 @@
-import { sprinkles } from '#styles';
-export const filterSprinkles = (props) => {
+import '../styles/layers.css.js';
+import { sprinkles } from '../styles/sprinkles.css.js';
+import '../styles/globalStyle.css.js';
+
+const filterSprinkles = (props) => {
     const result = {};
     for (const key in props) {
         if (sprinkles.properties.has(key)) {
@@ -8,7 +11,7 @@ export const filterSprinkles = (props) => {
     }
     return result;
 };
-export const omitSprinkles = (props) => {
+const omitSprinkles = (props) => {
     const result = {};
     for (const key in props) {
         if (!sprinkles.properties.has(key)) {
@@ -17,3 +20,5 @@ export const omitSprinkles = (props) => {
     }
     return result;
 };
+
+export { filterSprinkles, omitSprinkles };

package/dist/utils/styleUtils.css.js

@@ -1,7 +1,10 @@
-import { style } from '@vanilla-extract/css';
-import { recipe } from '@vanilla-extract/recipes';
-import { componentsLayer } from '#styles';
-export const styleWithLayer = (rule, layer = componentsLayer) => {
+import { style } from '../node_modules/.pnpm/@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import { recipe } from '../node_modules/.pnpm/@vanilla-extract_recipes@0.5.7_@vanilla-extract_css@1.17.4_babel-plugin-macros@3.1.0_/node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.esm.js';
+import { componentsLayer } from '../styles/layers.css.js';
+import '../styles/sprinkles.css.js';
+import '../styles/globalStyle.css.js';
+
+const styleWithLayer = (rule, layer = componentsLayer) => {
     if (Array.isArray(rule)) {
         return rule
             .map((ruleItem) => {
@@ -17,7 +20,7 @@ export const styleWithLayer = (rule, layer = componentsLayer) => {
     }
     return style({ '@layer': { [layer]: rule } });
 };
-export const recipeWithLayer = (options, layer = componentsLayer) => {
+const recipeWithLayer = (options, layer = componentsLayer) => {
     const { base, compoundVariants, defaultVariants, variants } = options;
     let layeredBase;
     if (base) {
@@ -59,3 +62,5 @@ export const recipeWithLayer = (options, layer = componentsLayer) => {
         variants: layeredVariants,
     });
 };
+
+export { recipeWithLayer, styleWithLayer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kimdw-rtk/ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -27,12 +27,15 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@kimdw-rtk/utils": "0.0.11"
+    "@kimdw-rtk/utils": "0.0.20"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.2",
+    "@rollup/plugin-typescript": "^12.1.4",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@turbo/gen": "^2.4.4",
@@ -42,12 +45,14 @@
     "@types/react-dom": "^18.0.0 || ^19.0.0",
     "@vanilla-extract/jest-transform": "^1.1.14",
     "eslint": "^9.22.0",
+    "fs": "0.0.1-security",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "rollup": "^4.52.4",
     "ts-jest": "^29.3.4",
     "typescript": "5.8.2",
-    "@repo/typescript-config": "0.0.0",
-    "@repo/eslint-config": "0.0.0"
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -57,7 +62,7 @@
     "generate:component": "turbo gen react-component",
     "check-types": "tsc --noEmit",
     "test": "jest --verbose",
-    "build": "tsc"
+    "build": "rollup -c rollup.config.js"
   },
   "types": "./dist/index.d.ts"
 }

package/dist/components/Accordion/Accordion.spec.js

@@ -1,5 +0,0 @@
-import { Accordion } from '.';
-import { uiTest } from '../../tests/uiTest';
-describe('Accordion 컴포넌트', () => {
-    uiTest(Accordion, 'Accordion');
-});

package/dist/components/Accordion/index.js

@@ -1,3 +0,0 @@
-export * from './Accordion';
-export * from './AccordionContent';
-export * from './AccordionTrigger';

package/dist/components/Box/Box.spec.js

@@ -1,5 +0,0 @@
-import { Box } from '.';
-import { uiTest } from '../../tests/uiTest';
-describe('Box 컴포넌트', () => {
-    uiTest(Box, 'Box');
-});

package/dist/components/Button/Button.spec.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen, fireEvent } from '@testing-library/react';
-import { uiTest } from '../../tests/uiTest';
-import { Button } from './';
-describe('Button 컴포넌트', () => {
-    uiTest(Button, 'Button');
-    it('Button을 클릭하면 onClick이 호출되어야 한다', () => {
-        const handleClick = jest.fn();
-        render(_jsx(Button, { onClick: handleClick, children: "Click" }));
-        fireEvent.click(screen.getByRole('button', { name: 'Click' }));
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    it('disabled Button을 클릭하면 onClick이 호출되지 않아야 한다', () => {
-        const handleClick = jest.fn();
-        render(_jsx(Button, { onClick: handleClick, disabled: true, children: "Click" }));
-        fireEvent.click(screen.getByRole('button', { name: 'Click' }));
-        expect(handleClick).not.toHaveBeenCalledTimes(1);
-    });
-});

package/dist/components/Card/Card.spec.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen, fireEvent } from '@testing-library/react';
-import { uiTest } from '../../tests/uiTest';
-import { Card, CardContent, CardInteraction, CardThumbnail } from './';
-describe('Card 컴포넌트', () => {
-    uiTest(Card, 'Card');
-    uiTest(CardContent, 'CardContent');
-    uiTest(CardInteraction, 'CardInteraction');
-    uiTest(CardThumbnail, 'CardThumbnail');
-    it('CardInteraction을 클릭하면 onClick이 호출되어야 한다', () => {
-        const handleClick = jest.fn();
-        render(_jsx(Card, { onClick: handleClick, children: _jsx(CardInteraction, { children: "Click" }) }));
-        fireEvent.click(screen.getByText('Click'));
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-});

package/dist/components/Card/index.js

@@ -1,4 +0,0 @@
-export * from './Card';
-export * from './CardContent';
-export * from './CardInteraction';
-export * from './CardThumbnail';

package/dist/components/Chip/Chip.spec.js

@@ -1,5 +0,0 @@
-import { uiTest } from '../../tests/uiTest';
-import { Chip } from './Chip';
-describe('Chip 컴포넌트', () => {
-    uiTest(Chip, 'Chip');
-});

package/dist/components/Chip/index.js

@@ -1 +0,0 @@
-export * from './Chip';

package/dist/components/Dialog/Dialog.spec.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { render, screen, fireEvent } from '@testing-library/react';
-import { Dialog, DialogContent, DialogFooter, DialogHeader } from '#components';
-import { uiTest } from '../../tests/uiTest';
-describe('Dialog 컴포넌트', () => {
-    uiTest(Dialog, 'Dialog');
-    uiTest(DialogHeader, 'DialogHeader');
-    uiTest(DialogContent, 'DialogContent');
-    uiTest(DialogFooter, 'DialogFooter');
-    it('DialogHeader의 닫기 버튼을 클릭하면 onCloseClick이 호출되어야 한다', () => {
-        const handleCloseClick = jest.fn();
-        render(_jsxs(Dialog, { children: [_jsx(DialogHeader, { onCloseClick: handleCloseClick, children: "Header" }), _jsx(DialogContent, { children: "Content" })] }));
-        fireEvent.click(screen.getByRole('button', { name: '닫기' }));
-        expect(handleCloseClick).toHaveBeenCalledTimes(1);
-    });
-});

package/dist/components/Dialog/DialogFooter.css.js

@@ -1,15 +0,0 @@
-import { styleWithLayer } from '#styleUtils';
-export const container = styleWithLayer({
-    maxWidth: 'calc(100vw - 2rem)',
-    minWidth: 'min(20rem, calc(100vw - 2rem))',
-    padding: '1rem',
-    borderRadius: '0.25rem',
-    boxSizing: 'border-box',
-    backgroundColor: '#fff',
-    userSelect: 'none',
-});
-export const message = styleWithLayer({
-    marginBottom: '1rem',
-    lineHeight: '150%',
-    wordBreak: 'break-all',
-});

package/dist/components/Dialog/index.js

@@ -1,4 +0,0 @@
-export * from './Dialog';
-export * from './DialogContent';
-export * from './DialogFooter';
-export * from './DialogHeader';

package/dist/components/Navigation/Navigation.spec.js

@@ -1,11 +0,0 @@
-import { NavigationAside, NavigationBar, NavigationItem, NavigationLogo, NavigationMenu, } from '#components';
-import { uiTest } from '../../tests/uiTest';
-import { NavigationContainer } from './NavigationContainer';
-describe('Navigation 컴포넌트', () => {
-    uiTest(NavigationAside, 'NavigationAside');
-    uiTest(NavigationBar, 'NavigationBar');
-    uiTest(NavigationItem, 'NavigationItem');
-    uiTest(NavigationLogo, 'NavigationLogo');
-    uiTest(NavigationMenu, 'NavigationMenu');
-    uiTest(NavigationContainer, 'NavigationContainer');
-});

package/dist/components/Navigation/index.js

@@ -1,7 +0,0 @@
-export * from './NavigationAside';
-export * from './NavigationBar';
-export * from './NavigationContainer';
-export * from './NavigationDrawer';
-export * from './NavigationItem';
-export * from './NavigationLogo';
-export * from './NavigationMenu';

package/dist/components/Range/Range.spec.js

@@ -1,5 +0,0 @@
-import { uiTest } from '../../tests/uiTest';
-import { Range } from './Range';
-describe('Range 컴포넌트', () => {
-    uiTest(Range, 'Range');
-});

package/dist/components/Range/index.js

@@ -1 +0,0 @@
-export * from './Range';

package/dist/components/ScrollArea/ScrollArea.spec.js

@@ -1,5 +0,0 @@
-import { uiTest } from '../../tests/uiTest';
-import { ScrollArea } from './ScrollArea';
-describe('ScrollArea 컴포넌트', () => {
-    uiTest(ScrollArea, 'ScrollArea');
-});

package/dist/components/ScrollArea/index.js

@@ -1 +0,0 @@
-export * from './ScrollArea';

package/dist/components/Select/Select.spec.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { fireEvent, render, screen } from '@testing-library/react';
-import { Select, SelectOption } from '.';
-import { uiTest } from '../../tests/uiTest';
-describe('Select 컴포넌트', () => {
-    uiTest(Select, 'Select');
-    it('클릭한 option의 내용이 Select에 보인다.', () => {
-        render(_jsxs(Select, { "data-testid": "select", children: [_jsx(SelectOption, { value: "1", children: "1\uBC88" }), _jsx(SelectOption, { value: "2", children: "2\uBC88" })] }));
-        const select = screen.getByTestId('select');
-        fireEvent.click(screen.getByText('2번'));
-        expect(select).toHaveTextContent('2번');
-    });
-    it('새로운 option을 클릭하면 onChange 이벤트가 발생하고, form value, ref.value의 값이 바뀐다.', () => {
-        const handleChange = jest.fn();
-        render(_jsx("form", { "data-testid": "form", children: _jsxs(Select, { "data-testid": "select", name: "select", onChange: handleChange, children: [_jsx(SelectOption, { value: "1", children: "1\uBC88" }), _jsx(SelectOption, { value: "2", children: "2\uBC88" })] }) }));
-        const option2 = screen.getByText('2번');
-        const form = screen.getByTestId('form');
-        fireEvent.click(option2);
-        expect(handleChange).toHaveBeenCalledTimes(1);
-        expect(handleChange.mock.calls[0][0]).toBe('2');
-        expect(new FormData(form).get('select')).toBe('2');
-        fireEvent.click(option2);
-        expect(handleChange).toHaveBeenCalledTimes(1);
-        expect(new FormData(form).get('select')).toBe('2');
-        fireEvent.click(screen.getByText('1번'));
-        expect(handleChange).toHaveBeenCalledTimes(2);
-        expect(handleChange.mock.calls[1][0]).toBe('1');
-        expect(new FormData(form).get('select')).toBe('1');
-    });
-    it('defaultValue의 값이 기본으로 보인다.', () => {
-        render(_jsxs(Select, { "data-testid": "select", defaultValue: "2", children: [_jsx(SelectOption, { value: "1", children: "1\uBC88" }), _jsx(SelectOption, { value: "2", children: "2\uBC88" })] }));
-        const select = screen.getByTestId('select');
-        expect(select).toHaveTextContent('2번');
-    });
-});

package/dist/components/Select/index.js

@@ -1,2 +0,0 @@
-export * from './Select';
-export * from './SelectOption';

package/dist/components/Skeleton/Skeleton.spec.js

@@ -1,5 +0,0 @@
-import { Skeleton } from '.';
-import { uiTest } from '../../tests/uiTest';
-describe('Skeleton 컴포넌트', () => {
-    uiTest(Skeleton, 'Skeleton');
-});

package/dist/components/Table/Table.spec.js

@@ -1,10 +0,0 @@
-import { Table } from '#components';
-import { uiTest } from '../../tests/uiTest';
-describe('Table 컴포넌트', () => {
-    uiTest(Table, 'Table');
-    // uiTest(TableBody, 'TableBody');
-    // uiTest(TableCell, 'TableCell');
-    // uiTest(TableHead, 'TableHead');
-    // uiTest(TableHeader, 'TableHeader');
-    // uiTest(TableRow, 'TableRow');
-});

package/dist/components/Table/index.js

@@ -1,6 +0,0 @@
-export * from './Table';
-export * from './TableBody';
-export * from './TableCell';
-export * from './TableHead';
-export * from './TableHeader';
-export * from './TableRow';