@liner-fe/prism 2.8.15 → 2.8.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.8.15",
+  "version": "2.8.17",
   "scripts": {
     "dev": "next dev",
     "start": "next start",
@@ -9,8 +9,7 @@
     "build-storybook": "storybook build",
     "ts-node": "tsx --tsconfig ./tsconfig.build.json",
     "appendCSS": "yarn ts-node ./scripts/index.ts",
-    "build": "yarn build:main && yarn build:illust",
-    "build:illust": "yarn tsup --config ./config/tsup/illust-tsup.config.ts",
+    "build": "yarn build:main",
     "build:main": "yarn tsup --config ./config/tsup/tsup.config.ts",
     "build:package": "yarn build",
     "prepack": "yarn build"
@@ -21,6 +20,7 @@
     "@liner-fe/design-token": "workspace:^",
     "@liner-fe/design-token-primitive": "workspace:^",
     "@liner-fe/icon": "workspace:^",
+    "@liner-fe/illust": "workspace:^",
     "clsx": "^2.1.1",
     "cva": "beta",
     "date-fns": "^4.1.0",
@@ -72,8 +72,21 @@
     "access": "public",
     "main": "./lib/index.js"
   },
-  "main": "./lib/index.js",
+  "main": "./lib/index.cjs",
+  "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/index.d.ts",
+        "default": "./lib/index.js"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./lib/index.cjs"
+      }
+    }
+  },
   "files": [
     "lib"
   ],

package/lib/illust.d.ts

@@ -1,31 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ImageProps } from 'next/image';
-import { Property } from 'csstype';
-
-declare const illustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write", "mini-sign", "mini-pots", "mini-erase", "mini-rocket"];
-declare const darkIllustNames: readonly ["hero-gift", "hero-search", "mini-approve", "mini-documents-2", "mini-documents-3", "mini-documents-4", "mini-documents-5", "mini-documents", "mini-egg", "mini-empty-message", "mini-empty", "mini-gift", "mini-graduation_hat", "mini-not-search", "mini-not-ticket-2", "mini-private", "mini-search", "mini-ticket", "mini-ticket-3", "mini-window", "spot-catch_star", "spot-clap", "spot-empty", "spot-gift", "spot-no_search", "spot-search-2", "spot-search-3", "spot-search-4", "spot-search-5", "spot-search", "spot-sign_up", "spot-team", "spot-write", "mini-sign", "mini-pots", "mini-erase", "mini-rocket"];
-
-type LightIllustType = (typeof illustNames)[number];
-type DarkIllustType = (typeof darkIllustNames)[number];
-type IllustType = DarkIllustType | LightIllustType;
-
-interface Source<T extends false | true = true> {
-    name: IllustType;
-    inverse?: T;
-}
-interface IllustProps extends Omit<ImageProps, 'alt' | 'width' | 'height' | 'fill' | 'src'> {
-    width: number;
-    src: {
-        light: Source<false>;
-        dark?: Source;
-    };
-    margin?: Property.Margin<string>;
-}
-declare const Illust: (props: IllustProps) => react_jsx_runtime.JSX.Element;
-
-declare const prefetchIllust: ({ name, isDark, }: {
-    name: IllustType;
-    isDark?: boolean;
-}) => Promise<Response>;
-
-export { Illust, type IllustProps, type Source, prefetchIllust };

package/lib/illust.js

@@ -1,132 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/illust.ts
-var illust_exports = {};
-__export(illust_exports, {
-  Illust: () => Illust,
-  prefetchIllust: () => prefetchIllust
-});
-module.exports = __toCommonJS(illust_exports);
-
-// src/constants/illust/size.ts
-var ratio = {
-  "4:3": { width: 180, height: 135 },
-  "1:1": { width: 250, height: 250 }
-};
-var illustSize = {
-  "hero-gift": ratio["1:1"],
-  "hero-search": ratio["1:1"],
-  "mini-documents-2": ratio["1:1"],
-  "mini-documents-3": ratio["1:1"],
-  "mini-documents-4": ratio["1:1"],
-  "mini-documents-5": ratio["1:1"],
-  "mini-documents": ratio["1:1"],
-  "mini-egg": ratio["1:1"],
-  "mini-gift": ratio["1:1"],
-  "mini-graduation_hat": ratio["1:1"],
-  "mini-search": ratio["1:1"],
-  "mini-ticket": ratio["1:1"],
-  "mini-window": ratio["1:1"],
-  "spot-catch_star": ratio["4:3"],
-  "spot-clap": ratio["4:3"],
-  "spot-empty": ratio["4:3"],
-  "spot-no_search": ratio["4:3"],
-  "spot-search-2": ratio["4:3"],
-  "spot-search-3": ratio["4:3"],
-  "spot-search-4": ratio["4:3"],
-  "spot-search-5": ratio["4:3"],
-  "spot-search": ratio["4:3"],
-  "spot-write": ratio["4:3"],
-  "spot-gift": ratio["4:3"],
-  "mini-empty": ratio["1:1"],
-  "spot-team": ratio["4:3"]
-};
-
-// src/components/Illust/index.tsx
-var import_image = __toESM(require("next/image"));
-
-// src/constants/illust/path.ts
-var ILLUST = "https://assets.getliner.com/common/illust";
-var DARK_MODE_ILLUST_PREFIX = `${ILLUST}/dark/`;
-var LIGHT_MODE_ILLUST_PREFIX = `${ILLUST}/light/`;
-
-// src/hooks/useIllust.ts
-var import_design_token = require("@liner-fe/design-token");
-var useIllust = /* @__PURE__ */ __name(({ darkSrc, src }) => {
-  const { isDarkMode } = (0, import_design_token.useDarkTheme)();
-  const sourcePrefix = (() => {
-    if (isDarkMode) {
-      if (darkSrc?.inverse) {
-        return LIGHT_MODE_ILLUST_PREFIX;
-      }
-      return DARK_MODE_ILLUST_PREFIX;
-    }
-    if (src.inverse === false) {
-      return DARK_MODE_ILLUST_PREFIX;
-    }
-    return LIGHT_MODE_ILLUST_PREFIX;
-  })();
-  const currentSourceByColorTheme = isDarkMode ? darkSrc?.name || src.name : src.name;
-  return { sourcePrefix, currentSourceByColorTheme, isDarkMode };
-}, "useIllust");
-
-// src/components/Illust/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Illust = /* @__PURE__ */ __name((props) => {
-  const { src, width, margin } = props;
-  const { sourcePrefix, currentSourceByColorTheme } = useIllust({
-    darkSrc: src.dark,
-    src: src.light
-  });
-  const aspectRatio = illustSize[currentSourceByColorTheme] ? illustSize[currentSourceByColorTheme].width / illustSize[currentSourceByColorTheme].height : void 0;
-  const css = {
-    width,
-    margin
-  };
-  const source = `${sourcePrefix}${currentSourceByColorTheme}.webp`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: css, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_image.default,
-    {
-      ...props,
-      alt: currentSourceByColorTheme,
-      src: source,
-      width,
-      height: aspectRatio ? width / aspectRatio : width,
-      unoptimized: true
-    }
-  ) });
-}, "Illust");
-
-// src/utils/illust.ts
-var prefetchIllust = /* @__PURE__ */ __name(async ({
-  name,
-  isDark = false
-}) => await fetch(`${ILLUST}${isDark ? "/dark/" : "/light/"}${name}.webp`), "prefetchIllust");