@lotte-innovate/ui-component-test 0.1.72 → 0.1.73

package/dist/lib/utils/useDarkMode.js

@@ -1,49 +1,2 @@
-import { slateA, slateDarkA } from '../../lib/color/alpha';
-import { useEffect, useState } from 'react';
-export var useDarkMode = function (isRAxes) {
-    if (isRAxes === void 0) { isRAxes = false; }
-    var lightmode = {};
-    var darkmode = {};
-    if (isRAxes === true) {
-        lightmode = {
-            r: { grid: { color: slateA[8] } },
-        };
-        darkmode = {
-            r: { grid: { color: slateDarkA[8] }, ticks: { backdropColor: 'rgba(0, 0, 0, 0)' } },
-        };
-    }
-    else {
-        lightmode = {
-            x: { grid: { color: slateA[8] } },
-            y: { grid: { color: slateA[8] } },
-        };
-        darkmode = {
-            x: { grid: { color: slateDarkA[8] } },
-            y: { grid: { color: slateDarkA[8] } },
-        };
-    }
-    var _a = useState(checkDarkMode()), isDarkMode = _a[0], setIsDarkMode = _a[1];
-    var _b = useState({
-        linescale: {},
-    }), defaultOptions = _b[0], setDefaultOptions = _b[1];
-    function checkDarkMode() {
-        return document.body.classList.contains('dark');
-    }
-    useEffect(function () {
-        setIsDarkMode(checkDarkMode());
-        setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });
-        var mutationObserver = new MutationObserver(function (mutations) {
-            mutations.forEach(function (mutation) {
-                if (mutation.attributeName === 'class') {
-                    setIsDarkMode(checkDarkMode());
-                    setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });
-                }
-            });
-        });
-        mutationObserver.observe(document.body, { attributes: true });
-        return function () {
-            mutationObserver.disconnect();
-        };
-    }, []);
-    return [isDarkMode, defaultOptions];
-};
+import{slateA as r,slateDarkA as o}from"../color/alpha.js";import{useState as c,useEffect as t}from"react";var n=function(n){void 0===n&&(n=!1);var i={},e={};!0===n?(i={r:{grid:{color:r[8]}}},e={r:{grid:{color:o[8]},ticks:{backdropColor:"rgba(0, 0, 0, 0)"}}}):(i={x:{grid:{color:r[8]}},y:{grid:{color:r[8]}}},e={x:{grid:{color:o[8]}},y:{grid:{color:o[8]}}});var a=c(b()),l=a[0],s=a[1],d=c({linescale:{}}),u=d[0],f=d[1];function b(){return document.body.classList.contains("dark")}return t((function(){s(b()),f({linescale:b()?e:i});var r=new MutationObserver((function(r){r.forEach((function(r){"class"===r.attributeName&&(s(b()),f({linescale:b()?e:i}))}))}));return r.observe(document.body,{attributes:!0}),function(){r.disconnect()}}),[]),[l,u]};export{n as useDarkMode};
+//# sourceMappingURL=useDarkMode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkMode.js","sources":["../../../lib/utils/useDarkMode.js"],"sourcesContent":["import { slateA, slateDarkA } from '../../lib/color/alpha';\nimport { useEffect, useState } from 'react';\nexport var useDarkMode = function (isRAxes) {\n    if (isRAxes === void 0) { isRAxes = false; }\n    var lightmode = {};\n    var darkmode = {};\n    if (isRAxes === true) {\n        lightmode = {\n            r: { grid: { color: slateA[8] } },\n        };\n        darkmode = {\n            r: { grid: { color: slateDarkA[8] }, ticks: { backdropColor: 'rgba(0, 0, 0, 0)' } },\n        };\n    }\n    else {\n        lightmode = {\n            x: { grid: { color: slateA[8] } },\n            y: { grid: { color: slateA[8] } },\n        };\n        darkmode = {\n            x: { grid: { color: slateDarkA[8] } },\n            y: { grid: { color: slateDarkA[8] } },\n        };\n    }\n    var _a = useState(checkDarkMode()), isDarkMode = _a[0], setIsDarkMode = _a[1];\n    var _b = useState({\n        linescale: {},\n    }), defaultOptions = _b[0], setDefaultOptions = _b[1];\n    function checkDarkMode() {\n        return document.body.classList.contains('dark');\n    }\n    useEffect(function () {\n        setIsDarkMode(checkDarkMode());\n        setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });\n        var mutationObserver = new MutationObserver(function (mutations) {\n            mutations.forEach(function (mutation) {\n                if (mutation.attributeName === 'class') {\n                    setIsDarkMode(checkDarkMode());\n                    setDefaultOptions({ linescale: !checkDarkMode() ? lightmode : darkmode });\n                }\n            });\n        });\n        mutationObserver.observe(document.body, { attributes: true });\n        return function () {\n            mutationObserver.disconnect();\n        };\n    }, []);\n    return [isDarkMode, defaultOptions];\n};\n"],"names":["useDarkMode","isRAxes","lightmode","darkmode","r","grid","color","slateA","slateDarkA","ticks","backdropColor","x","y","_a","useState","checkDarkMode","isDarkMode","setIsDarkMode","_b","linescale","defaultOptions","setDefaultOptions","document","body","classList","contains","useEffect","mutationObserver","MutationObserver","mutations","forEach","mutation","attributeName","observe","attributes","disconnect"],"mappings":"2GAEU,IAACA,EAAc,SAAUC,QACf,IAAZA,IAAsBA,GAAU,GACpC,IAAIC,EAAY,CAAA,EACZC,EAAW,CAAA,GACC,IAAZF,GACAC,EAAY,CACRE,EAAG,CAAEC,KAAM,CAAEC,MAAOC,EAAO,MAE/BJ,EAAW,CACPC,EAAG,CAAEC,KAAM,CAAEC,MAAOE,EAAW,IAAMC,MAAO,CAAEC,cAAe,wBAIjER,EAAY,CACRS,EAAG,CAAEN,KAAM,CAAEC,MAAOC,EAAO,KAC3BK,EAAG,CAAEP,KAAM,CAAEC,MAAOC,EAAO,MAE/BJ,EAAW,CACPQ,EAAG,CAAEN,KAAM,CAAEC,MAAOE,EAAW,KAC/BI,EAAG,CAAEP,KAAM,CAAEC,MAAOE,EAAW,OAGvC,IAAIK,EAAKC,EAASC,KAAkBC,EAAaH,EAAG,GAAII,EAAgBJ,EAAG,GACvEK,EAAKJ,EAAS,CACdK,UAAW,CAAE,IACbC,EAAiBF,EAAG,GAAIG,EAAoBH,EAAG,GACnD,SAASH,IACL,OAAOO,SAASC,KAAKC,UAAUC,SAAS,OAC3C,CAiBD,OAhBAC,GAAU,WACNT,EAAcF,KACdM,EAAkB,CAAEF,UAAYJ,IAA8BZ,EAAZD,IAClD,IAAIyB,EAAmB,IAAIC,kBAAiB,SAAUC,GAClDA,EAAUC,SAAQ,SAAUC,GACO,UAA3BA,EAASC,gBACTf,EAAcF,KACdM,EAAkB,CAAEF,UAAYJ,IAA8BZ,EAAZD,IAEtE,GACA,IAEQ,OADAyB,EAAiBM,QAAQX,SAASC,KAAM,CAAEW,YAAY,IAC/C,WACHP,EAAiBQ,YAC7B,CACK,GAAE,IACI,CAACnB,EAAYI,EACxB"}

package/dist/lib/utils/utils.js

@@ -1,10 +1,2 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-// tailwind를 merge할 때 발생할 수 있는 클래스 충돌 문제 해결
-export function cn() {
-    var inputs = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        inputs[_i] = arguments[_i];
-    }
-    return twMerge(clsx(inputs));
-}
+import{clsx as o}from"../../../node_modules/clsx/dist/clsx.mjs.js";import{twMerge as s}from"../../../node_modules/tailwind-merge/dist/bundle-mjs.mjs.js";function e(){for(var e=[],m=0;m<arguments.length;m++)e[m]=arguments[m];return s(o(e))}export{e as cn};
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../lib/utils/utils.js"],"sourcesContent":["import { clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n// tailwind를 merge할 때 발생할 수 있는 클래스 충돌 문제 해결\nexport function cn() {\n    var inputs = [];\n    for (var _i = 0; _i < arguments.length; _i++) {\n        inputs[_i] = arguments[_i];\n    }\n    return twMerge(clsx(inputs));\n}\n"],"names":["cn","inputs","_i","arguments","length","twMerge","clsx"],"mappings":"yJAGO,SAASA,IAEZ,IADA,IAAIC,EAAS,GACJC,EAAK,EAAGA,EAAKC,UAAUC,OAAQF,IACpCD,EAAOC,GAAMC,UAAUD,GAE3B,OAAOG,EAAQC,EAAKL,GACxB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.1.72",
+  "version": "0.1.73",
   "private": false,
   "type": "module",
   "files": [
@@ -40,10 +40,6 @@
       "import": {
         "types": "./dist/lib/index.d.ts",
         "default": "./dist/lib/index.js"
-      },
-      "require": {
-        "types": "./dist/lib/index.d.ts",
-        "default": "./dist/lib/index.js"
       }
     }
   },
@@ -60,7 +56,7 @@
     "build-storybook": "storybook build",
     "clean": "rimraf dist && mkdir dist",
     "update-tailwind": "node update-tailwind-import.js",
-    "build:all": "npm run clean && npm run compile && node src/utils/move.js && npm run build:css && tsc-alias && npm run update-tailwind",
+    "build:all": "npm run clean && npm run compile && node src/utils/move.js && npm run build:css && tsc-alias && npm run update-tailwind && rollup -c",
     "publish:npm": "npm run build:all && npm publish && node src/utils/post-publish.js"
   },
   "dependencies": {
@@ -114,6 +110,9 @@
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
     "@chromatic-com/storybook": "^1.2.25",
+    "@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",
@@ -135,9 +134,11 @@
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.6",
     "rimraf": "^6.0.1",
+    "rollup": "^2.79.2",
+    "rollup-plugin-terser": "^7.0.2",
     "storybook": "^8.3.5",
     "tailwindcss": "^3.3.0",
     "tsc-alias": "^1.8.10",
-    "typescript": "^5"
+    "typescript": "^5.6.3"
   }
 }

package/dist/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?: "h1" | "h2" | "h3" | "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/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/lib/Typography/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Header } from './Header';
-export { default as Text } from './Text';

package/dist/lib/Typography/index.js

@@ -1,2 +0,0 @@
-export { default as Header } from './Header';
-export { default as Text } from './Text';