@karrotmarket/react-multicolor-icon 1.22.0 → 1.23.0

package/lib/loader.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentType, type LazyExoticComponent, type SVGProps } from "react";
+type IconComponent = ComponentType<SVGProps<SVGSVGElement> & {
+    size?: number | string;
+}>;
+/**
+ * SDUI 토큰 문자열(예: "icon_heart_fill")을 지연 로딩 아이콘 컴포넌트로 변환합니다.
+ * 존재하지 않는 토큰이면 null 을 반환합니다.
+ *
+ * @example
+ * const Icon = getIcon(serverToken);
+ * return Icon ? (
+ *   <Suspense fallback={null}>
+ *     <Icon size={24} />
+ *   </Suspense>
+ * ) : null;
+ */
+export declare function getIcon(token: string): LazyExoticComponent<IconComponent> | null;
+/** 사용 가능한 전체 토큰 목록 (예: 아이콘 브라우저 UI). */
+export declare const iconTokens: string[];
+export {};

package/lib/loader.js

@@ -0,0 +1,117 @@
+import {
+  lazy
+} from "react";
+const loaders = {
+  "icon_animal_face": () => import("./IconAnimalFace.js"),
+  "icon_apple": () => import("./IconApple.js"),
+  "icon_arrow_up_right_shoppingbag_tilted": () => import("./IconArrowUpRightShoppingbagTilted.js"),
+  "icon_arrowshape_circle2": () => import("./IconArrowshapeCircle2.js"),
+  "icon_asterisk_horizrectangle_coolwave3": () => import("./IconAsteriskHorizrectangleCoolwave3.js"),
+  "icon_bell": () => import("./IconBell.js"),
+  "icon_book": () => import("./IconBook.js"),
+  "icon_box_flap": () => import("./IconBoxFlap.js"),
+  "icon_building2": () => import("./IconBuilding2.js"),
+  "icon_building2_twosize": () => import("./IconBuilding2Twosize.js"),
+  "icon_camcorder": () => import("./IconCamcorder.js"),
+  "icon_camera": () => import("./IconCamera.js"),
+  "icon_car_frontside": () => import("./IconCarFrontside.js"),
+  "icon_car_frontside_bubble": () => import("./IconCarFrontsideBubble.js"),
+  "icon_card": () => import("./IconCard.js"),
+  "icon_cart": () => import("./IconCart.js"),
+  "icon_cart_items": () => import("./IconCartItems.js"),
+  "icon_cart_load": () => import("./IconCartLoad.js"),
+  "icon_chatbubble2": () => import("./IconChatbubble2.js"),
+  "icon_checkmark_calendar": () => import("./IconCheckmarkCalendar.js"),
+  "icon_clapperboard_star": () => import("./IconClapperboardStar.js"),
+  "icon_clover4": () => import("./IconClover4.js"),
+  "icon_cup_heatwave": () => import("./IconCupHeatwave.js"),
+  "icon_cup_takeout": () => import("./IconCupTakeout.js"),
+  "icon_cupcake": () => import("./IconCupcake.js"),
+  "icon_daangn_house": () => import("./IconDaangnHouse.js"),
+  "icon_diamond": () => import("./IconDiamond.js"),
+  "icon_document_seal": () => import("./IconDocumentSeal.js"),
+  "icon_dome_pillar3": () => import("./IconDomePillar3.js"),
+  "icon_donut": () => import("./IconDonut.js"),
+  "icon_duck_leftside": () => import("./IconDuckLeftside.js"),
+  "icon_dumbbell": () => import("./IconDumbbell.js"),
+  "icon_envelope": () => import("./IconEnvelope.js"),
+  "icon_exclamationmark_triangle": () => import("./IconExclamationmarkTriangle.js"),
+  "icon_eyebrow": () => import("./IconEyebrow.js"),
+  "icon_face_laughing_circle": () => import("./IconFaceLaughingCircle.js"),
+  "icon_face_smile_circle": () => import("./IconFaceSmileCircle.js"),
+  "icon_figure_walk": () => import("./IconFigureWalk.js"),
+  "icon_fish_wave2": () => import("./IconFishWave2.js"),
+  "icon_flower": () => import("./IconFlower.js"),
+  "icon_fork_spoon": () => import("./IconForkSpoon.js"),
+  "icon_fork_spoon_bag": () => import("./IconForkSpoonBag.js"),
+  "icon_fraction_1_n_uppercase": () => import("./IconFraction_1NUppercase.js"),
+  "icon_gamepad": () => import("./IconGamepad.js"),
+  "icon_gift": () => import("./IconGift.js"),
+  "icon_glasses": () => import("./IconGlasses.js"),
+  "icon_grid_dot5": () => import("./IconGridDot5.js"),
+  "icon_hand_drop": () => import("./IconHandDrop.js"),
+  "icon_horizline_viewfinder": () => import("./IconHorizlineViewfinder.js"),
+  "icon_hospital": () => import("./IconHospital.js"),
+  "icon_house_card": () => import("./IconHouseCard.js"),
+  "icon_icecreamcone": () => import("./IconIcecreamcone.js"),
+  "icon_linechart_up_xaxis": () => import("./IconLinechartUpXaxis.js"),
+  "icon_magnifyingglass": () => import("./IconMagnifyingglass.js"),
+  "icon_mask2_smile_stacked": () => import("./IconMask2SmileStacked.js"),
+  "icon_megaphone_tilted": () => import("./IconMegaphoneTilted.js"),
+  "icon_monitor": () => import("./IconMonitor.js"),
+  "icon_nailpolish": () => import("./IconNailpolish.js"),
+  "icon_paintroller": () => import("./IconPaintroller.js"),
+  "icon_palette": () => import("./IconPalette.js"),
+  "icon_pencil": () => import("./IconPencil.js"),
+  "icon_percent_arrowshape_down": () => import("./IconPercentArrowshapeDown.js"),
+  "icon_person2_openarms": () => import("./IconPerson2Openarms.js"),
+  "icon_person_magnifyingglass": () => import("./IconPersonMagnifyingglass.js"),
+  "icon_picture2_stacked": () => import("./IconPicture2Stacked.js"),
+  "icon_pizza_slice": () => import("./IconPizzaSlice.js"),
+  "icon_plate_covered": () => import("./IconPlateCovered.js"),
+  "icon_post": () => import("./IconPost.js"),
+  "icon_rocket": () => import("./IconRocket.js"),
+  "icon_roundmeat_bottombone": () => import("./IconRoundmeatBottombone.js"),
+  "icon_scissors": () => import("./IconScissors.js"),
+  "icon_shoppingbag2_stacked": () => import("./IconShoppingbag2Stacked.js"),
+  "icon_shoppingbag_items": () => import("./IconShoppingbagItems.js"),
+  "icon_sneaker_lifted_leftside": () => import("./IconSneakerLiftedLeftside.js"),
+  "icon_sofa": () => import("./IconSofa.js"),
+  "icon_sparkle2": () => import("./IconSparkle2.js"),
+  "icon_sparkle_arrow_up": () => import("./IconSparkleArrowUp.js"),
+  "icon_spraybottle_sponge": () => import("./IconSpraybottleSponge.js"),
+  "icon_squareline2_vertical": () => import("./IconSquareline2Vertical.js"),
+  "icon_star_calendar": () => import("./IconStarCalendar.js"),
+  "icon_treasure_chest": () => import("./IconTreasureChest.js"),
+  "icon_tree": () => import("./IconTree.js"),
+  "icon_triangle_right_chatbubble_left": () => import("./IconTriangleRightChatbubbleLeft.js"),
+  "icon_trophy": () => import("./IconTrophy.js"),
+  "icon_truck": () => import("./IconTruck.js"),
+  "icon_tshirt_bubble2": () => import("./IconTshirtBubble2.js"),
+  "icon_vertrectangle_tiltedstacked": () => import("./IconVertrectangleTiltedstacked.js"),
+  "icon_vest_horizstripe": () => import("./IconVestHorizstripe.js"),
+  "icon_wand_plus_circle": () => import("./IconWandPlusCircle.js"),
+  "icon_warninglight": () => import("./IconWarninglight.js"),
+  "icon_window2_store": () => import("./IconWindow2Store.js"),
+  "icon_window2_store_doubleband": () => import("./IconWindow2StoreDoubleband.js"),
+  "icon_window4_house": () => import("./IconWindow4House.js"),
+  "icon_won_circle": () => import("./IconWonCircle.js"),
+  "icon_won_shield": () => import("./IconWonShield.js"),
+  "icon_wrench": () => import("./IconWrench.js")
+};
+const cache = /* @__PURE__ */ new Map();
+function getIcon(token) {
+  const loader = loaders[token];
+  if (!loader) return null;
+  let comp = cache.get(token);
+  if (!comp) {
+    comp = lazy(loader);
+    cache.set(token, comp);
+  }
+  return comp;
+}
+const iconTokens = Object.keys(loaders);
+export {
+  getIcon,
+  iconTokens
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@karrotmarket/react-multicolor-icon",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-icon-v3.git",
@@ -23,6 +23,10 @@
       "import": "./lib/index.js",
       "require": "./lib/index.cjs"
     },
+    "./loader": {
+      "types": "./lib/loader.d.ts",
+      "import": "./lib/loader.js"
+    },
     "./*": {
       "types": "./lib/*.d.ts",
       "import": "./lib/*.js",