@lotte-innovate/ui-component-test 0.1.54 → 0.1.56

package/package.json

@@ -1,24 +1,16 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.1.54",
+  "version": "0.1.56",
   "private": false,
+  "type": "module",
   "files": [
-    "dist/cjs",
-    "dist/esm",
-    "dist/tailwind.config.d.ts",
-    "dist/tailwind.config.js",
+    "dist",
     "dist/globals.css"
   ],
-  "main": "dist/cjs/lib/index.js",
-  "module": "dist/esm/lib/index.js",
-  "types": "dist/esm/lib/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/esm/lib/index.js",
-      "require": "./dist/cjs/lib/index.js"
-    }
-  },
+  "main": "dist/lib/index.js",
+  "module": "dist/lib/index.mjs",
+  "types": "dist/lib/index.d.ts",
   "publishConfig": {
     "access": "public"
   },
@@ -49,21 +41,18 @@
     "storybook": "cross-env NODE_OPTIONS='--max-old-space-size=8192' storybook dev -p 6006",
     "chromatic": "cross-env npx chromatic --project-token=$CHROMATIC_PROJECT_TOKEN",
     "compile": "tsc --jsx react-jsx",
+    "clean": "rimraf dist && mkdir dist && rimraf .rollup.cache",
+    "update-tailwind": "node update-tailwind-import.js",
     "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",
-    "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",
-    "publish:npm": "npm run build:all && npm publish && node src/utils/post-publish.mjs"
+    "build:css": "npx tailwindcss -i src/app/globals.css -o dist/globals.css --minify",
+    "build:esm": "rollup -c && node src/utils/post-rollup.js",
+    "build:all": "npm run clean && npm run compile && node src/utils/post-build.js && npm run build:css && tsc-alias && npm run update-tailwind",
+    "publish:npm": "npm run build:all && npm run build:esm && npm publish && node src/utils/post-publish.js"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@babel/runtime-corejs3": "^7.24.7",
-    "@lotte-innovate/lui": "^0.1.7",
-    "@lotte-innovate/ui-component-test": "^0.1.49",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-checkbox": "^1.0.4",
@@ -87,7 +76,7 @@
     "@stitches/core": "^1.2.8",
     "@stitches/react": "^1.2.8",
     "@storybook/addon-a11y": "^8.3.5",
-    "@storybook/addons": "^7.6.17",
+    "@storybook/manager-api": "^8.3.5",
     "chart.js": "^4.4.4",
     "chartjs-plugin-datalabels": "^2.2.0",
     "class-variance-authority": "^0.7.0",
@@ -108,10 +97,14 @@
     "@babel/cli": "^7.24.7",
     "@babel/core": "^7.24.7",
     "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.25.4",
-    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-env": "^7.25.8",
+    "@babel/preset-react": "^7.25.7",
     "@babel/preset-typescript": "^7.24.7",
     "@chromatic-com/storybook": "^1.2.25",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.0",
     "@storybook/addon-essentials": "^8.3.5",
     "@storybook/addon-interactions": "^8.3.5",
     "@storybook/addon-links": "^8.0.4",
@@ -133,6 +126,7 @@
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.6",
     "rimraf": "^6.0.1",
+    "rollup-plugin-terser": "^7.0.2",
     "storybook": "^8.3.5",
     "tailwindcss": "^3.3.0",
     "tsc-alias": "^1.8.10",

package/dist/cjs/lib/Typography/Header/index.d.ts

@@ -1,13 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import React from 'react';
-import { IColor } from 'lib/types';
-export interface HeaderProps extends VariantProps<typeof headerVariants> {
-    color?: IColor;
-}
-declare let headerVariants: (props?: ({
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
-    headers?: "h2" | "h3" | "h1" | "h4" | "h5" | "h6" | null | undefined;
-    color?: string | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Header: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & HeaderProps & React.RefAttributes<HTMLHeadingElement>>;
-export default Header;

package/dist/cjs/lib/Typography/Header/index.js

@@ -1,61 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Header = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var utils_1 = require("lib/utils/utils");
-var class_variance_authority_1 = require("class-variance-authority");
-var constants_1 = require("lib/constants");
-var themes_1 = require("@radix-ui/themes");
-var react_1 = __importDefault(require("react"));
-var weights = __assign({}, constants_1.weightVariants);
-var headers = {
-    h1: 'h1',
-    h2: 'h2',
-    h3: 'h3',
-    h4: 'h4',
-    h5: 'h5',
-    h6: 'h6',
-};
-var headerVariants = (0, class_variance_authority_1.cva)('', {
-    variants: {
-        weight: weights,
-        headers: headers,
-        color: (0, constants_1.textColorStyle)(),
-    },
-    defaultVariants: {
-        color: 'black',
-    },
-});
-exports.Header = react_1.default.forwardRef(function (_a, ref) {
-    var className = _a.className, children = _a.children, size = _a.size, weight = _a.weight, color = _a.color, headers = _a.headers, align = _a.align, rootProps = __rest(_a, ["className", "children", "size", "weight", "color", "headers", "align"]);
-    if (!headers)
-        headers = 'h1';
-    return ((0, jsx_runtime_1.jsx)(themes_1.Theme, { children: (0, jsx_runtime_1.jsx)(themes_1.Heading, __assign({ ref: ref, as: headers, size: size, align: align, className: (0, utils_1.cn)('leading-normal', headerVariants({ weight: weight, color: color }), className) }, rootProps, { children: children })) }));
-});
-exports.Header.displayName = 'Header';
-exports.default = exports.Header;

package/dist/cjs/lib/Typography/Text/index.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { IColor, ITypoSize } from 'lib/types';
-export interface TextProps extends VariantProps<typeof textVariants> {
-    color?: IColor;
-    size?: ITypoSize;
-    as?: 'span' | 'div' | 'label' | 'p';
-    align?: 'left' | 'center' | 'right';
-}
-declare const textVariants: (props?: ({
-    weight?: "bold" | "medium" | "regular" | "semibold" | "light" | null | undefined;
-    color?: string | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export declare const Text: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & TextProps & React.RefAttributes<HTMLSpanElement>>;
-export default Text;

package/dist/cjs/lib/Typography/Text/index.js

@@ -1,47 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var class_variance_authority_1 = require("class-variance-authority");
-var themes_1 = require("@radix-ui/themes");
-var constants_1 = require("lib/constants");
-var utils_1 = require("lib/utils/utils");
-var textVariants = (0, class_variance_authority_1.cva)('', {
-    variants: {
-        weight: __assign({ light: 'font-light' }, constants_1.weightVariants),
-        color: (0, constants_1.textColorStyle)(),
-    },
-    defaultVariants: {
-        weight: 'medium',
-        color: 'black',
-    },
-});
-exports.Text = (0, react_1.forwardRef)(function (_a, ref) {
-    var className = _a.className, children = _a.children, as = _a.as, align = _a.align, weight = _a.weight, color = _a.color, size = _a.size, props = __rest(_a, ["className", "children", "as", "align", "weight", "color", "size"]);
-    return ((0, jsx_runtime_1.jsx)(themes_1.Theme, { children: (0, jsx_runtime_1.jsx)(themes_1.Text, __assign({ as: as, ref: ref, size: size, align: align, className: (0, utils_1.cn)(textVariants({ weight: weight, color: color }), className) }, props, { children: children })) }));
-});
-exports.Text.displayName = 'Text';
-exports.default = exports.Text;

package/dist/cjs/lib/Typography/index.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.Header = void 0;
-var Header_1 = require("./Header");
-Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
-var Text_1 = require("./Text");
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });