@tdm-design/icons 0.0.2

package/lib/utils.js

@@ -0,0 +1,252 @@
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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);
+var utils_exports = {};
+__export(utils_exports, {
+  generate: () => generate,
+  iconStyles: () => iconStyles,
+  isIconDefinition: () => isIconDefinition,
+  normalizeAttrs: () => normalizeAttrs,
+  svgBaseProps: () => svgBaseProps,
+  svgToIconDefinition: () => svgToIconDefinition,
+  useInsertStyles: () => useInsertStyles
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+var import_dynamicCSS = require("@rc-component/util/lib/Dom/dynamicCSS");
+var import_shadow = require("@rc-component/util/lib/Dom/shadow");
+var import_Context = __toESM(require("./components/Context"));
+function camelCase(input) {
+  return input.replace(/-(.)/g, (match, g) => g.toUpperCase());
+}
+function isIconDefinition(target) {
+  return typeof target === "object" && typeof target.name === "string" && (typeof target.icon === "object" || typeof target.icon === "function");
+}
+function normalizeAttrs(attrs = {}) {
+  return Object.keys(attrs).reduce((acc, key) => {
+    const val = attrs[key];
+    switch (key) {
+      case "class":
+        acc.className = val;
+        delete acc.class;
+        break;
+      default:
+        delete acc[key];
+        acc[camelCase(key)] = val;
+    }
+    return acc;
+  }, {});
+}
+function generate(node, key, rootProps) {
+  if (!rootProps) {
+    return import_react.default.createElement(
+      node.tag,
+      __spreadValues({ key }, normalizeAttrs(node.attrs)),
+      (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`))
+    );
+  }
+  return import_react.default.createElement(
+    node.tag,
+    __spreadValues(__spreadValues({
+      key
+    }, normalizeAttrs(node.attrs)), rootProps),
+    (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`))
+  );
+}
+const svgBaseProps = {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+const iconStyles = `
+.smicon {
+  display: inline-flex;
+  align-items: center;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.smicon > * {
+  line-height: 1;
+}
+
+.smicon svg {
+  display: inline-block;
+  vertical-align: inherit;
+}
+
+.smicon::before {
+  display: none;
+}
+
+.smicon .smicon-icon {
+  display: block;
+}
+
+.smicon[tabindex] {
+  cursor: pointer;
+}
+
+.smicon-spin::before,
+.smicon-spin {
+  display: inline-block;
+  -webkit-animation: loadingCircle 1s infinite linear;
+  animation: loadingCircle 1s infinite linear;
+}
+
+@-webkit-keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+`;
+const useInsertStyles = (eleRef) => {
+  const { csp, prefixCls, layer } = (0, import_react.useContext)(import_Context.default);
+  let mergedStyleStr = iconStyles;
+  if (prefixCls) {
+    mergedStyleStr = mergedStyleStr.replace(/smicon/g, prefixCls);
+  }
+  if (layer) {
+    mergedStyleStr = `@layer ${layer} {
+${mergedStyleStr}
+}`;
+  }
+  (0, import_react.useEffect)(() => {
+    const ele = eleRef.current;
+    const shadowRoot = (0, import_shadow.getShadowRoot)(ele);
+    (0, import_dynamicCSS.updateCSS)(mergedStyleStr, "@sigma-ui-icons", {
+      prepend: !layer,
+      csp,
+      attachTo: shadowRoot
+    });
+  }, []);
+};
+function svgToIconDefinition(svgElement, iconName) {
+  const _a = svgElement.props, { children } = _a, svgProps = __objRest(_a, ["children"]);
+  const sanitizeAttrs = (input) => {
+    const attrs = {};
+    Object.keys(input).forEach((key) => {
+      const val = input[key];
+      if (val == null) return;
+      const t = typeof val;
+      if (t === "string" || t === "number") {
+        attrs[key] = String(val);
+      }
+    });
+    return attrs;
+  };
+  const svgNode = {
+    tag: "svg",
+    attrs: __spreadProps(__spreadValues({}, sanitizeAttrs(svgProps)), {
+      viewBox: String(svgProps.viewBox || "0 0 24 24"),
+      fill: String(svgProps.fill || "none"),
+      xmlns: String(svgProps.xmlns || "http://www.w3.org/2000/svg")
+    }),
+    children: []
+  };
+  if (children) {
+    const processChildren = (children2) => {
+      return import_react.default.Children.toArray(children2).map((child) => {
+        if (import_react.default.isValidElement(child)) {
+          const _a2 = child.props, { children: childChildren } = _a2, childProps = __objRest(_a2, ["children"]);
+          const node = {
+            tag: child.type,
+            attrs: sanitizeAttrs(childProps),
+            children: childChildren ? processChildren(childChildren) : void 0
+          };
+          return node;
+        }
+        return null;
+      }).filter(Boolean);
+    };
+    svgNode.children = processChildren(children);
+  }
+  return {
+    name: iconName,
+    icon: svgNode
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generate,
+  iconStyles,
+  isIconDefinition,
+  normalizeAttrs,
+  svgBaseProps,
+  svgToIconDefinition,
+  useInsertStyles
+});
+//# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["'use client';\r\n\r\nimport React, { useContext, useEffect } from 'react';\r\nimport type { CSSProperties, MouseEventHandler, MutableRefObject, ReactNode } from 'react';\r\nimport { updateCSS } from '@rc-component/util/lib/Dom/dynamicCSS';\r\nimport { getShadowRoot } from '@rc-component/util/lib/Dom/shadow';\r\n\r\nimport IconContext from './components/Context';\r\n\r\nexport interface AbstractNode {\r\n  tag: string;\r\n  attrs: {\r\n    [key: string]: string;\r\n  };\r\n  children?: AbstractNode[];\r\n}\r\nexport interface IconDefinition {\r\n  name: string;\r\n  icon: AbstractNode;\r\n}\r\n\r\nfunction camelCase(input: string) {\r\n  return input.replace(/-(.)/g, (match, g) => g.toUpperCase());\r\n}\r\n\r\nexport function isIconDefinition(target: any): target is IconDefinition {\r\n  return (\r\n    typeof target === 'object' &&\r\n    typeof target.name === 'string' &&\r\n    (typeof target.icon === 'object' || typeof target.icon === 'function')\r\n  );\r\n}\r\n\r\nexport function normalizeAttrs(attrs: Attrs = {}): Attrs {\r\n  return Object.keys(attrs).reduce((acc: Attrs, key) => {\r\n    const val = attrs[key];\r\n    switch (key) {\r\n      case 'class':\r\n        acc.className = val;\r\n        delete acc.class;\r\n        break;\r\n      default:\r\n        delete acc[key];\r\n        acc[camelCase(key)] = val;\r\n    }\r\n    return acc;\r\n  }, {});\r\n}\r\n\r\nexport type Attrs = Record<string, string>;\r\ninterface RootProps {\r\n  onClick?: MouseEventHandler<Element>;\r\n  style?: CSSProperties;\r\n  ref: MutableRefObject<any>;\r\n  [props: string]:\r\n    | string\r\n    | number\r\n    | ReactNode\r\n    | MouseEventHandler<Element>\r\n    | CSSProperties\r\n    | MutableRefObject<any>;\r\n}\r\n\r\nexport function generate(node: AbstractNode, key: string, rootProps?: RootProps | false): any {\r\n  if (!rootProps) {\r\n    return React.createElement(\r\n      node.tag,\r\n      { key, ...normalizeAttrs(node.attrs) },\r\n      (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`))\r\n    );\r\n  }\r\n\r\n  return React.createElement(\r\n    node.tag,\r\n    {\r\n      key,\r\n      ...normalizeAttrs(node.attrs),\r\n      ...rootProps,\r\n    },\r\n    (node.children || []).map((child, index) => generate(child, `${key}-${node.tag}-${index}`))\r\n  );\r\n}\r\n\r\nexport const svgBaseProps = {\r\n  width: '1em',\r\n  height: '1em',\r\n  fill: 'currentColor',\r\n  'aria-hidden': 'true',\r\n  focusable: 'false',\r\n};\r\n\r\nexport const iconStyles = `\r\n.smicon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  color: inherit;\r\n  font-style: normal;\r\n  line-height: 0;\r\n  text-align: center;\r\n  text-transform: none;\r\n  vertical-align: -0.125em;\r\n  text-rendering: optimizeLegibility;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.smicon > * {\r\n  line-height: 1;\r\n}\r\n\r\n.smicon svg {\r\n  display: inline-block;\r\n  vertical-align: inherit;\r\n}\r\n\r\n.smicon::before {\r\n  display: none;\r\n}\r\n\r\n.smicon .smicon-icon {\r\n  display: block;\r\n}\r\n\r\n.smicon[tabindex] {\r\n  cursor: pointer;\r\n}\r\n\r\n.smicon-spin::before,\r\n.smicon-spin {\r\n  display: inline-block;\r\n  -webkit-animation: loadingCircle 1s infinite linear;\r\n  animation: loadingCircle 1s infinite linear;\r\n}\r\n\r\n@-webkit-keyframes loadingCircle {\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes loadingCircle {\r\n  100% {\r\n    -webkit-transform: rotate(360deg);\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n`;\r\n\r\nexport const useInsertStyles = (eleRef: React.RefObject<HTMLElement>) => {\r\n  const { csp, prefixCls, layer } = useContext(IconContext);\r\n  let mergedStyleStr = iconStyles;\r\n\r\n  if (prefixCls) {\r\n    mergedStyleStr = mergedStyleStr.replace(/smicon/g, prefixCls);\r\n  }\r\n\r\n  if (layer) {\r\n    mergedStyleStr = `@layer ${layer} {\\n${mergedStyleStr}\\n}`;\r\n  }\r\n\r\n  useEffect(() => {\r\n    const ele = eleRef.current;\r\n    const shadowRoot = getShadowRoot(ele as Node);\r\n\r\n    updateCSS(mergedStyleStr, '@sigma-ui-icons', {\r\n      prepend: !layer,\r\n      csp,\r\n      attachTo: shadowRoot,\r\n    });\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n};\r\n\r\n/**\r\n * Convert from SVG JSX to IconDefinition\r\n * @param svgElement - React element SVG\r\n * @param iconName - Icon name\r\n * @returns IconDefinition object\r\n */\r\nexport function svgToIconDefinition(\r\n  svgElement: React.ReactElement<React.SVGProps<SVGSVGElement>>,\r\n  iconName: string\r\n): IconDefinition {\r\n  const { children, ...svgProps } = svgElement.props;\r\n\r\n  const sanitizeAttrs = (input: Record<string, any>): Attrs => {\r\n    const attrs: Attrs = {};\r\n    Object.keys(input).forEach(key => {\r\n      const val = (input as any)[key];\r\n      if (val == null) return;\r\n      const t = typeof val;\r\n      if (t === 'string' || t === 'number') {\r\n        attrs[key] = String(val);\r\n      }\r\n      // ignore booleans, objects, functions (React-specific or non-serializable)\r\n    });\r\n    return attrs;\r\n  };\r\n\r\n  const svgNode: AbstractNode = {\r\n    tag: 'svg',\r\n    attrs: {\r\n      ...sanitizeAttrs(svgProps),\r\n      viewBox: String(svgProps.viewBox || '0 0 24 24'),\r\n      fill: String(svgProps.fill || 'none'),\r\n      xmlns: String(svgProps.xmlns || 'http://www.w3.org/2000/svg'),\r\n    },\r\n    children: [],\r\n  };\r\n\r\n  if (children) {\r\n    const processChildren = (children: React.ReactNode): AbstractNode[] => {\r\n      return React.Children.toArray(children)\r\n        .map(child => {\r\n          if (React.isValidElement(child)) {\r\n            const { children: childChildren, ...childProps } = child.props;\r\n\r\n            const node: AbstractNode = {\r\n              tag: child.type as string,\r\n              attrs: sanitizeAttrs(childProps),\r\n              children: childChildren ? processChildren(childChildren) : undefined,\r\n            };\r\n\r\n            return node;\r\n          }\r\n          return null;\r\n        })\r\n        .filter(Boolean) as AbstractNode[];\r\n    };\r\n\r\n    svgNode.children = processChildren(children);\r\n  }\r\n\r\n  return {\r\n    name: iconName,\r\n    icon: svgNode,\r\n  };\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA6C;AAE7C,wBAA0B;AAC1B,oBAA8B;AAE9B,qBAAwB;AAcxB,SAAS,UAAU,OAAe;AAChC,SAAO,MAAM,QAAQ,SAAS,CAAC,OAAO,MAAM,EAAE,YAAY,CAAC;AAC7D;AAEO,SAAS,iBAAiB,QAAuC;AACtE,SACE,OAAO,WAAW,YAClB,OAAO,OAAO,SAAS,aACtB,OAAO,OAAO,SAAS,YAAY,OAAO,OAAO,SAAS;AAE/D;AAEO,SAAS,eAAe,QAAe,CAAC,GAAU;AACvD,SAAO,OAAO,KAAK,KAAK,EAAE,OAAO,CAAC,KAAY,QAAQ;AACpD,UAAM,MAAM,MAAM,GAAG;AACrB,YAAQ,KAAK;AAAA,MACX,KAAK;AACH,YAAI,YAAY;AAChB,eAAO,IAAI;AACX;AAAA,MACF;AACE,eAAO,IAAI,GAAG;AACd,YAAI,UAAU,GAAG,CAAC,IAAI;AAAA,IAC1B;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACP;AAgBO,SAAS,SAAS,MAAoB,KAAa,WAAoC;AAC5F,MAAI,CAAC,WAAW;AACd,WAAO,aAAAA,QAAM;AAAA,MACX,KAAK;AAAA,MACL,iBAAE,OAAQ,eAAe,KAAK,KAAK;AAAA,OAClC,KAAK,YAAY,CAAC,GAAG,IAAI,CAAC,OAAO,UAAU,SAAS,OAAO,GAAG,GAAG,IAAI,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;AAAA,IAC5F;AAAA,EACF;AAEA,SAAO,aAAAA,QAAM;AAAA,IACX,KAAK;AAAA,IACL;AAAA,MACE;AAAA,OACG,eAAe,KAAK,KAAK,IACzB;AAAA,KAEJ,KAAK,YAAY,CAAC,GAAG,IAAI,CAAC,OAAO,UAAU,SAAS,OAAO,GAAG,GAAG,IAAI,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;AAAA,EAC5F;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,eAAe;AAAA,EACf,WAAW;AACb;AAEO,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DnB,MAAM,kBAAkB,CAAC,WAAyC;AACvE,QAAM,EAAE,KAAK,WAAW,MAAM,QAAI,yBAAW,eAAAC,OAAW;AACxD,MAAI,iBAAiB;AAErB,MAAI,WAAW;AACb,qBAAiB,eAAe,QAAQ,WAAW,SAAS;AAAA,EAC9D;AAEA,MAAI,OAAO;AACT,qBAAiB,UAAU,KAAK;AAAA,EAAO,cAAc;AAAA;AAAA,EACvD;AAEA,8BAAU,MAAM;AACd,UAAM,MAAM,OAAO;AACnB,UAAM,iBAAa,6BAAc,GAAW;AAE5C,qCAAU,gBAAgB,mBAAmB;AAAA,MAC3C,SAAS,CAAC;AAAA,MACV;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAAA,EAEH,GAAG,CAAC,CAAC;AACP;AAQO,SAAS,oBACd,YACA,UACgB;AAChB,QAAkC,gBAAW,OAArC,WAxLV,IAwLoC,IAAb,qBAAa,IAAb,CAAb;AAER,QAAM,gBAAgB,CAAC,UAAsC;AAC3D,UAAM,QAAe,CAAC;AACtB,WAAO,KAAK,KAAK,EAAE,QAAQ,SAAO;AAChC,YAAM,MAAO,MAAc,GAAG;AAC9B,UAAI,OAAO,KAAM;AACjB,YAAM,IAAI,OAAO;AACjB,UAAI,MAAM,YAAY,MAAM,UAAU;AACpC,cAAM,GAAG,IAAI,OAAO,GAAG;AAAA,MACzB;AAAA,IAEF,CAAC;AACD,WAAO;AAAA,EACT;AAEA,QAAM,UAAwB;AAAA,IAC5B,KAAK;AAAA,IACL,OAAO,iCACF,cAAc,QAAQ,IADpB;AAAA,MAEL,SAAS,OAAO,SAAS,WAAW,WAAW;AAAA,MAC/C,MAAM,OAAO,SAAS,QAAQ,MAAM;AAAA,MACpC,OAAO,OAAO,SAAS,SAAS,4BAA4B;AAAA,IAC9D;AAAA,IACA,UAAU,CAAC;AAAA,EACb;AAEA,MAAI,UAAU;AACZ,UAAM,kBAAkB,CAACC,cAA8C;AACrE,aAAO,aAAAF,QAAM,SAAS,QAAQE,SAAQ,EACnC,IAAI,WAAS;AACZ,YAAI,aAAAF,QAAM,eAAe,KAAK,GAAG;AAC/B,gBAAmDG,MAAA,MAAM,OAAjD,YAAU,cAxN9B,IAwN+DA,KAAf,uBAAeA,KAAf,CAA5B;AAER,gBAAM,OAAqB;AAAA,YACzB,KAAK,MAAM;AAAA,YACX,OAAO,cAAc,UAAU;AAAA,YAC/B,UAAU,gBAAgB,gBAAgB,aAAa,IAAI;AAAA,UAC7D;AAEA,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,CAAC,EACA,OAAO,OAAO;AAAA,IACnB;AAEA,YAAQ,WAAW,gBAAgB,QAAQ;AAAA,EAC7C;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;","names":["React","IconContext","children","_a"]}

package/package.json

@@ -0,0 +1,116 @@
+{
+  "name": "@tdm-design/icons",
+  "version": "0.0.2",
+  "description": "TDM Design Icon Library - React icon components with tree-shaking support",
+  "main": "./lib/index.js",
+  "module": "./es/index.js",
+  "unpkg": "./dist/index.umd.js",
+  "types": "./es/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./es/index.d.ts",
+        "default": "./es/index.js"
+      },
+      "require": {
+        "types": "./lib/index.d.ts",
+        "default": "./lib/index.js"
+      }
+    },
+    "./utils": {
+      "import": {
+        "types": "./es/utils.d.ts",
+        "default": "./es/utils.js"
+      },
+      "require": {
+        "types": "./lib/utils.d.ts",
+        "default": "./lib/utils.js"
+      }
+    },
+    "./components/*": {
+      "import": {
+        "types": "./es/components/*.d.ts",
+        "default": "./es/components/*.js"
+      },
+      "require": {
+        "types": "./lib/components/*.d.ts",
+        "default": "./lib/components/*.js"
+      }
+    },
+    "./icons/*": {
+      "import": {
+        "types": "./es/icons/*.d.ts",
+        "default": "./es/icons/*.js"
+      },
+      "require": {
+        "types": "./lib/icons/*.d.ts",
+        "default": "./lib/icons/*.js"
+      }
+    },
+    "./*": {
+      "import": {
+        "types": "./es/icons/*.d.ts",
+        "default": "./es/icons/*.js"
+      },
+      "require": {
+        "types": "./lib/icons/*.d.ts",
+        "default": "./lib/icons/*.js"
+      }
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "es",
+    "lib",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hongnv1107/tdm-design-icons.git"
+  },
+  "keywords": [
+    "react",
+    "icons",
+    "svg",
+    "typescript",
+    "component-library",
+    "tree-shaking"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.29.8",
+    "@types/node": "^25.0.3",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^5.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "dependencies": {
+    "@rc-component/util": "^1.0.0",
+    "clsx": "^2.1.1"
+  },
+  "scripts": {
+    "build": "npm run clean && tsup && npm run build:types",
+    "build:types": "tsc --emitDeclarationOnly --outDir es && tsc --emitDeclarationOnly --outDir lib",
+    "build:watch": "tsup --watch",
+    "generate": "node scripts/generate-icons.js",
+    "generate:force": "node scripts/generate-icons.js --force",
+    "clean": "rimraf dist es lib",
+    "changeset": "changeset",
+    "version": "changeset version",
+    "release": "npm run build && changeset publish"
+  }
+}