@lotte-innovate/ui-component-test 0.1.52 → 0.1.53

package/dist/cjs/lib/constants.js

@@ -1,12 +1,38 @@
-import { ColorStyle, DarkColorStyle, colorOptions, chartColorOptions } from 'lib/color/constants';
-import * as lightColors from 'lib/color/light';
-export var radiusOptions = ['none', 'small', 'medium', 'large', 'full'];
-export var typoSizeOptions = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
-export var scalingOptions = ['90%', '95%', '100%', '105%', '110%'];
-export var sizeOptions = ['x-small', 'small', 'medium', 'large', 'x-large'];
-export var weightOptions = ['regular', 'medium', 'semibold', 'bold'];
-export var themeOptions = ['light', 'dark'];
-export var appearanceOptions = [
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectAppearanceStyle = exports.checkboxAppearanceStyle = exports.switchCheckedApperanceStyle = exports.menuItemAppearanceStyle = exports.toggleAppearanceStyle = exports.appearanceStyle = exports.textColorStyle = exports.bgColorStyle = exports.primaryColorStyle = exports.blackText = exports.chartDatalabelsArgsTypes = exports.chartDatasetsArgsTypes = exports.chartLegendArgTypes = exports.chartTitleArgTypes = exports.chartColorStyle = exports.commonArgTypes = exports.scalingVariants = exports.weightVariants = exports.radiusVariants = exports.pointStyleList = exports.labelPositionList = exports.appearanceOptions = exports.themeOptions = exports.weightOptions = exports.sizeOptions = exports.scalingOptions = exports.typoSizeOptions = exports.radiusOptions = void 0;
+var constants_1 = require("lib/color/constants");
+var lightColors = __importStar(require("lib/color/light"));
+exports.radiusOptions = ['none', 'small', 'medium', 'large', 'full'];
+exports.typoSizeOptions = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
+exports.scalingOptions = ['90%', '95%', '100%', '105%', '110%'];
+exports.sizeOptions = ['x-small', 'small', 'medium', 'large', 'x-large'];
+exports.weightOptions = ['regular', 'medium', 'semibold', 'bold'];
+exports.themeOptions = ['light', 'dark'];
+exports.appearanceOptions = [
     'classic',
     'ghost',
     'outline',
@@ -15,8 +41,8 @@ export var appearanceOptions = [
     'surface',
 ];
 //차트
-export var labelPositionList = ['top', 'bottom', 'left', 'right'];
-export var pointStyleList = [
+exports.labelPositionList = ['top', 'bottom', 'left', 'right'];
+exports.pointStyleList = [
     'circle',
     'cross',
     'crossRot',
@@ -29,7 +55,7 @@ export var pointStyleList = [
     'triangle',
     false,
 ];
-export var radiusVariants = {
+exports.radiusVariants = {
     // 체크박스
     small: {
         none: 'rounded-none',
@@ -71,13 +97,13 @@ export var radiusVariants = {
         full: 'rounded',
     },
 };
-export var weightVariants = {
+exports.weightVariants = {
     regular: 'font-normal', // 400
     medium: 'font-medium', // 500
     semibold: 'font-semibold', // 600
     bold: 'font-bold', // 700
 };
-export var scalingVariants = {
+exports.scalingVariants = {
     '90%': 'scale-90',
     '95%': 'scale-95',
     '100%': 'scale-100',
@@ -85,40 +111,40 @@ export var scalingVariants = {
     '110%': 'scale-110',
 };
 // 스토리북 공통 argTypes 설정
-export var commonArgTypes = {
+exports.commonArgTypes = {
     typoSize: {
         table: {
             category: 'Theme Props',
             type: { summary: '1 ~ 9' },
         },
         control: { type: 'select' },
-        options: typoSizeOptions,
+        options: exports.typoSizeOptions,
         defaultValue: { summary: '3' },
     },
     scaling: {
         table: {
             category: 'Theme Props',
-            type: { summary: scalingOptions.join(' | ') },
+            type: { summary: exports.scalingOptions.join(' | ') },
         },
         control: { type: 'select' },
-        options: scalingOptions,
+        options: exports.scalingOptions,
         defaultValue: { summary: '100%' },
     },
     weight: {
         table: {
             category: 'Theme Props',
-            type: { summary: weightOptions.join(' | ') },
+            type: { summary: exports.weightOptions.join(' | ') },
         },
-        options: weightOptions,
+        options: exports.weightOptions,
         control: { type: 'select' },
         defaultValue: { summary: 'medium' },
     },
     radius: {
         table: {
             category: 'Theme Props',
-            type: { summary: radiusOptions.join(' | ') },
+            type: { summary: exports.radiusOptions.join(' | ') },
         },
-        options: radiusOptions,
+        options: exports.radiusOptions,
         control: { type: 'select' },
         defaultValue: { summary: 'medium' },
     },
@@ -127,7 +153,7 @@ export var commonArgTypes = {
             category: 'Theme Props',
             type: { summary: 'colorVariants' },
         },
-        options: colorOptions,
+        options: constants_1.colorOptions,
         control: { type: 'select' },
         defaultValue: { summary: 'red' },
     },
@@ -141,19 +167,19 @@ export var commonArgTypes = {
     appearance: {
         table: {
             category: 'Props',
-            type: { summary: appearanceOptions.join(' | ') },
+            type: { summary: exports.appearanceOptions.join(' | ') },
         },
-        options: appearanceOptions,
+        options: exports.appearanceOptions,
         control: { type: 'select' },
         defaultValue: { summary: 'solid' },
     },
     size: {
         table: {
             category: 'Props',
-            type: { summary: sizeOptions.join(' | ') },
+            type: { summary: exports.sizeOptions.join(' | ') },
         },
         control: { type: 'select' },
-        options: sizeOptions,
+        options: exports.sizeOptions,
         defaultValue: { summary: 'medium' },
     },
     isColorMixed: {
@@ -191,15 +217,16 @@ export var commonArgTypes = {
         },
     },
 };
-export var chartColorStyle = function () {
+var chartColorStyle = function () {
     var colorValues = lightColors;
     var colorMappings = {};
-    chartColorOptions.forEach(function (color) {
+    constants_1.chartColorOptions.forEach(function (color) {
         colorMappings[color] = colorValues[color][9];
     });
     return colorMappings;
 };
-export var chartTitleArgTypes = {
+exports.chartColorStyle = chartColorStyle;
+exports.chartTitleArgTypes = {
     title: {
         description: '차트 타이틀',
         table: {
@@ -255,7 +282,7 @@ export var chartTitleArgTypes = {
         defaultValue: { summary: 12 },
     },
 };
-export var chartLegendArgTypes = {
+exports.chartLegendArgTypes = {
     legend: {
         description: '차트 범례',
         table: {
@@ -341,14 +368,14 @@ export var chartLegendArgTypes = {
         description: "- \uB77C\uBCA8 \uD3EC\uC778\uD2B8 \uC2A4\uD0C0\uC77C\n      - usePointStyle\uAC00 true\uC778 \uACBD\uC6B0 \uC801\uC6A9",
         table: {
             category: 'Legend Props',
-            type: { summary: pointStyleList.join(' | ') },
+            type: { summary: exports.pointStyleList.join(' | ') },
         },
         control: { type: 'select' },
-        options: pointStyleList,
+        options: exports.pointStyleList,
         defaultValue: { summary: 'false' },
     },
 };
-export var chartDatasetsArgsTypes = {
+exports.chartDatasetsArgsTypes = {
     'datasets[n].data': {
         description: '데이터셋 데이터',
         table: {
@@ -462,7 +489,7 @@ export var chartDatasetsArgsTypes = {
         },
     },
 };
-export var chartDatalabelsArgsTypes = {
+exports.chartDatalabelsArgsTypes = {
     datalabels: {
         table: {
             disable: true,
@@ -488,33 +515,36 @@ export var chartDatalabelsArgsTypes = {
         defaultValue: { summary: 'gray' },
     },
 };
-export var blackText = ['sky', 'mint', 'lime', 'yellow', 'amber', 'orange', 'white'];
-export var primaryColorStyle = function () {
+exports.blackText = ['sky', 'mint', 'lime', 'yellow', 'amber', 'orange', 'white'];
+var primaryColorStyle = function () {
     var color = {};
-    for (var i in ColorStyle) {
+    for (var i in constants_1.ColorStyle) {
         var darkColor = "".concat(i, "Dark");
-        color[i] = blackText.includes(i)
-            ? "bg-".concat(ColorStyle[i], " text-slate-12 dark:bg-").concat(DarkColorStyle[darkColor], " dark:text-slateDark-12")
-            : "bg-".concat(ColorStyle[i], " text-white dark:bg-").concat(DarkColorStyle[darkColor], " dark:text-slateDark-1");
+        color[i] = exports.blackText.includes(i)
+            ? "bg-".concat(constants_1.ColorStyle[i], " text-slate-12 dark:bg-").concat(constants_1.DarkColorStyle[darkColor], " dark:text-slateDark-12")
+            : "bg-".concat(constants_1.ColorStyle[i], " text-white dark:bg-").concat(constants_1.DarkColorStyle[darkColor], " dark:text-slateDark-1");
     }
     return color;
 };
-export var bgColorStyle = function () {
+exports.primaryColorStyle = primaryColorStyle;
+var bgColorStyle = function () {
     var color = {};
-    for (var i in ColorStyle) {
+    for (var i in constants_1.ColorStyle) {
         var darkColor = "".concat(i, "Dark");
-        color[i] = "bg-".concat(ColorStyle[i], " dark:bg-").concat(DarkColorStyle[darkColor]);
+        color[i] = "bg-".concat(constants_1.ColorStyle[i], " dark:bg-").concat(constants_1.DarkColorStyle[darkColor]);
     }
     return color;
 };
-export var textColorStyle = function () {
+exports.bgColorStyle = bgColorStyle;
+var textColorStyle = function () {
     var color = {};
-    for (var i in ColorStyle) {
+    for (var i in constants_1.ColorStyle) {
         var darkColor = "".concat(i, "Dark");
-        color[i] = "text-".concat(ColorStyle[i], " dark:text-").concat(DarkColorStyle[darkColor]);
+        color[i] = "text-".concat(constants_1.ColorStyle[i], " dark:text-").concat(constants_1.DarkColorStyle[darkColor]);
     }
     return color;
 };
+exports.textColorStyle = textColorStyle;
 var makeClassName = function (type, isClickable) {
     var className = '';
     className += "".concat(type.light.default, " ").concat(type.dark.default);
@@ -523,7 +553,7 @@ var makeClassName = function (type, isClickable) {
     }
     return className;
 };
-export var appearanceStyle = function (type, color, isClickable) {
+var appearanceStyle = function (type, color, isClickable) {
     if (isClickable === void 0) { isClickable = true; }
     var darkColor = "".concat(color, "Dark");
     var classic = {
@@ -627,7 +657,8 @@ export var appearanceStyle = function (type, color, isClickable) {
             return '';
     }
 };
-export var toggleAppearanceStyle = function (type, color, isClickable, stateOn) {
+exports.appearanceStyle = appearanceStyle;
+var toggleAppearanceStyle = function (type, color, isClickable, stateOn) {
     if (isClickable === void 0) { isClickable = true; }
     if (stateOn === void 0) { stateOn = ''; }
     var darkColor = "".concat(color, "Dark");
@@ -732,11 +763,12 @@ export var toggleAppearanceStyle = function (type, color, isClickable, stateOn)
             return '';
     }
 };
-export var menuItemAppearanceStyle = function (type, color) {
+exports.toggleAppearanceStyle = toggleAppearanceStyle;
+var menuItemAppearanceStyle = function (type, color) {
     var appearanceStyle = '';
     if (type === 'solid') {
         appearanceStyle = "hover:bg-".concat(color, "-9 dark:hover:bg-").concat(color, "Dark-9 ");
-        appearanceStyle += blackText.includes(color)
+        appearanceStyle += exports.blackText.includes(color)
             ? "hover:text-slateA-11 dark:hover:text-white"
             : "hover:text-white dark:hover:text-white";
     }
@@ -748,7 +780,8 @@ export var menuItemAppearanceStyle = function (type, color) {
     }
     return appearanceStyle;
 };
-export var switchCheckedApperanceStyle = function (type, color) {
+exports.menuItemAppearanceStyle = menuItemAppearanceStyle;
+var switchCheckedApperanceStyle = function (type, color) {
     var softStyle = "data-[state=checked]:bg-".concat(color, "A-3  data-[state=unchecked]:bg-").concat(color, "A-2 ");
     var surfaceStyle = "data-[state=checked]:bg-".concat(color, "A-2 border border-solid border-").concat(color, "A-7 data-[state=unchecked]:bg-slateA-2 data-[state=unchecked]:bg-slateA-6 ");
     var classicStyle = "data-[state=checked]:bg-".concat(color, "-9 text-white border border-solid border-").concat(color, "-9 shadow-custom-1 shadow-custom-2 shadow-custom-3 data-[state=unchecked]:border-slate-4 data-[state=unchecked]:bg-slateA-3 data-[state=unchecked]:text-slateA-8");
@@ -763,7 +796,8 @@ export var switchCheckedApperanceStyle = function (type, color) {
             return '';
     }
 };
-export var checkboxAppearanceStyle = function (type, color, indeterminate) {
+exports.switchCheckedApperanceStyle = switchCheckedApperanceStyle;
+var checkboxAppearanceStyle = function (type, color, indeterminate) {
     var darkColor = "".concat(color, "Dark");
     var surface = {
         light: {
@@ -836,7 +870,8 @@ export var checkboxAppearanceStyle = function (type, color, indeterminate) {
             return makeClassName(surface, true);
     }
 };
-export var selectAppearanceStyle = function (type, color) {
+exports.checkboxAppearanceStyle = checkboxAppearanceStyle;
+var selectAppearanceStyle = function (type, color) {
     var darkColor = "".concat(color, "Dark");
     var surface = {
         light: {
@@ -912,3 +947,4 @@ export var selectAppearanceStyle = function (type, color) {
             return '';
     }
 };
+exports.selectAppearanceStyle = selectAppearanceStyle;

package/dist/cjs/lib/index.js

@@ -1,2 +1,18 @@
-export * from './components';
-export * from './Typography';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./Typography"), exports);

package/dist/cjs/lib/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/lib/utils/useDarkMode.js

@@ -1,35 +1,38 @@
-import { slateA, slateDarkA } from 'lib/color/alpha';
-import { useEffect, useState } from 'react';
-export var useDarkMode = function (isRAxes) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDarkMode = void 0;
+var alpha_1 = require("lib/color/alpha");
+var react_1 = require("react");
+var useDarkMode = function (isRAxes) {
     if (isRAxes === void 0) { isRAxes = false; }
     var lightmode = {};
     var darkmode = {};
     if (isRAxes === true) {
         lightmode = {
-            r: { grid: { color: slateA[8] } },
+            r: { grid: { color: alpha_1.slateA[8] } },
         };
         darkmode = {
-            r: { grid: { color: slateDarkA[8] }, ticks: { backdropColor: 'rgba(0, 0, 0, 0)' } },
+            r: { grid: { color: alpha_1.slateDarkA[8] }, ticks: { backdropColor: 'rgba(0, 0, 0, 0)' } },
         };
     }
     else {
         lightmode = {
-            x: { grid: { color: slateA[8] } },
-            y: { grid: { color: slateA[8] } },
+            x: { grid: { color: alpha_1.slateA[8] } },
+            y: { grid: { color: alpha_1.slateA[8] } },
         };
         darkmode = {
-            x: { grid: { color: slateDarkA[8] } },
-            y: { grid: { color: slateDarkA[8] } },
+            x: { grid: { color: alpha_1.slateDarkA[8] } },
+            y: { grid: { color: alpha_1.slateDarkA[8] } },
         };
     }
-    var _a = useState(checkDarkMode()), isDarkMode = _a[0], setIsDarkMode = _a[1];
-    var _b = useState({
+    var _a = (0, react_1.useState)(checkDarkMode()), isDarkMode = _a[0], setIsDarkMode = _a[1];
+    var _b = (0, react_1.useState)({
         linescale: {},
     }), defaultOptions = _b[0], setDefaultOptions = _b[1];
     function checkDarkMode() {
         return document.body.classList.contains('dark');
     }
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setIsDarkMode(checkDarkMode());
         setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });
         var mutationObserver = new MutationObserver(function (mutations) {
@@ -47,3 +50,4 @@ export var useDarkMode = function (isRAxes) {
     }, []);
     return [isDarkMode, defaultOptions];
 };
+exports.useDarkMode = useDarkMode;

package/dist/cjs/lib/utils/utils.js

@@ -1,10 +1,14 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = void 0;
+var clsx_1 = require("clsx");
+var tailwind_merge_1 = require("tailwind-merge");
 // tailwind를 merge할 때 발생할 수 있는 클래스 충돌 문제 해결
-export function cn() {
+function cn() {
     var inputs = [];
     for (var _i = 0; _i < arguments.length; _i++) {
         inputs[_i] = arguments[_i];
     }
-    return twMerge(clsx(inputs));
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
 }
+exports.cn = cn;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.1.52",
+  "version": "0.1.53",
   "private": false,
   "files": [
     "dist/cjs",
@@ -52,8 +52,8 @@
     "build": "next build && npm run compile",
     "build:css": "npx tailwindcss -i src/app/globals.css -o dist/globals.css --minify",
     "build-storybook": "storybook build",
-    "build:cjs": "tsc --p ./cjs/tsconfig.json --outDir ./dist/cjs",
-    "build:esm": "tsc --p ./esm/tsconfig.json --outDir ./dist/esm",
+    "build:cjs": "tsc --p ./cjs/tsconfig.json --outDir ./dist",
+    "build:esm": "tsc --p ./esm/tsconfig.json --outDir ./dist",
     "clean": "rimraf dist && mkdir dist",
     "update-tailwind": "node update-tailwind-import.mjs",
     "build:all": "npm run clean && npm run compile && npm run build:cjs && node src/utils/move-cjs.mjs && npm run build:esm && node src/utils/move-esm.mjs && npm run build:css && tsc-alias && npm run update-tailwind",

package/dist/cjs/.storybook/main.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var config = {
-    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-    addons: [
-        '@storybook/addon-links',
-        '@storybook/addon-essentials',
-        '@chromatic-com/storybook',
-        '@storybook/addon-interactions',
-        '@storybook/addon-styling-webpack',
-        '@storybook/addon-a11y',
-        'storybook-dark-mode',
-        'storybook-addon-deep-controls',
-    ],
-    framework: {
-        name: '@storybook/nextjs',
-        options: {},
-    },
-    docs: {
-        autodocs: 'tag',
-    },
-    staticDirs: ['../public'],
-};
-exports.default = config;

package/dist/cjs/.storybook/manager.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var addons_1 = require("@storybook/addons");
-var theming_1 = require("@storybook/theming");
-var logo_png_1 = __importDefault(require("../src/stories/assets/logo.png"));
-var lightTheme = (0, theming_1.create)({
-    base: 'light', // 밝은 테마 설정
-    brandImage: logo_png_1.default,
-    brandTitle: '롯데이노베이트',
-    brandUrl: '../src/stories/assets/logo.png', //로고 적용
-});
-addons_1.addons.setConfig({
-    theme: lightTheme,
-});

package/dist/cjs/.storybook/preview.jsx

@@ -1,106 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.decorators = void 0;
-var react_1 = __importStar(require("react"));
-var theming_1 = require("@storybook/theming");
-var storybook_dark_mode_1 = require("storybook-dark-mode");
-require("../src/app/globals.css");
-require("../src/app/styles.css");
-require("../src/app/stories.css");
-require("tailwindcss/tailwind.css");
-var preview = {
-    parameters: {
-        controls: {
-            matchers: {
-                color: /(background|color)$/i,
-                date: /Date$/i,
-            },
-        },
-        options: {
-            storySort: {
-                method: 'alphabetical',
-                order: [
-                    'Welcome',
-                    'Typography',
-                    'Component',
-                    'Chart',
-                    'Light Color',
-                    'Dark Color',
-                    'Light Alpha Color',
-                    'Dark Alpha Color',
-                ],
-            },
-        },
-        docs: {
-            theme: theming_1.themes.light,
-        },
-        darkMode: {
-            dark: __assign(__assign({}, theming_1.themes.dark), { appBg: '#272a2d', textColor: '#edeef0' }),
-            light: __assign(__assign({}, theming_1.themes.light), { appBg: 'white', textColor: '#2E3438' }),
-        },
-        backgrounds: { disable: true },
-        deepControls: { enabled: true },
-    },
-};
-exports.default = preview;
-var changeClassOnBody = function (oldClassName, newClassName) {
-    var classList = document.body.classList;
-    if (classList.contains(oldClassName)) {
-        classList.replace(oldClassName, newClassName);
-    }
-};
-var withBackground = function (Story, context) {
-    var isDarkMode = (0, storybook_dark_mode_1.useDarkMode)();
-    (0, react_1.useEffect)(function () {
-        if (isDarkMode) {
-            changeClassOnBody('light', 'dark');
-        }
-        else {
-            changeClassOnBody('dark', 'light');
-        }
-        var docsStoryElements = document.querySelectorAll('.docs-story');
-        docsStoryElements.forEach(function (element) {
-            element.style.backgroundColor = isDarkMode ? '#111113' : 'white';
-        });
-        docsStoryElements = document.querySelectorAll('.sb-show-main');
-        docsStoryElements.forEach(function (element) {
-            element.style.backgroundColor = isDarkMode ? '#111113' : 'white';
-        });
-    }, [isDarkMode]);
-    return <Story {...context}/>;
-};
-exports.decorators = [withBackground];

package/dist/cjs/src/app/layout.jsx

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.metadata = void 0;
-// import { Inter } from 'next/font/google';
-require("./globals.css");
-// const inter = Inter({ subsets: ['latin'] });
-exports.metadata = {
-    title: 'Create Next App',
-    description: 'Generated by create next app',
-};
-function RootLayout(_a) {
-    var children = _a.children;
-    return (<html lang="en">
-      <body>{children}</body>
-    </html>);
-}
-exports.default = RootLayout;