@stacksjs/iconify-core 0.2.27 → 0.2.89

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Generate SVG string from icon data
+ */
+export declare function renderIcon(iconData: IconData, props?: IconProps): string;
+/**
+ * Generate icon component CSS
+ */
+export declare function generateIconCSS(prefix: string): string;
+export declare interface IconProps {
+  name?: string
+  size?: string | number
+  width?: string | number
+  height?: string | number
+  color?: string
+  hFlip?: boolean
+  vFlip?: boolean
+  rotate?: 0 | 90 | 180 | 270 | 1 | 2 | 3
+  class?: string
+  style?: string
+}
+export declare interface IconData {
+  body: string
+  width?: number
+  height?: number
+  viewBox?: string
+  currentColor?: boolean
+}
+export { type IconData as Icon };

package/dist/index.js

@@ -0,0 +1,62 @@
+// @bun
+// src/index.ts
+function renderIcon(iconData, props = {}) {
+  const {
+    size,
+    width: propWidth,
+    height: propHeight,
+    color = "currentColor",
+    hFlip = false,
+    vFlip = false,
+    rotate = 0,
+    class: className = "",
+    style: customStyle = ""
+  } = props;
+  const width = propWidth || size || iconData.width || 24;
+  const height = propHeight || size || iconData.height || 24;
+  const viewBox = iconData.viewBox || `0 0 ${iconData.width || 24} ${iconData.height || 24}`;
+  const transforms = [];
+  if (hFlip)
+    transforms.push("scaleX(-1)");
+  if (vFlip)
+    transforms.push("scaleY(-1)");
+  if (rotate) {
+    const deg = typeof rotate === "number" && rotate < 4 ? rotate * 90 : rotate;
+    transforms.push(`rotate(${deg}deg)`);
+  }
+  const transform = transforms.length > 0 ? transforms.join(" ") : "";
+  const transformStyle = transform ? `transform: ${transform};` : "";
+  const styles = [];
+  if (transformStyle)
+    styles.push(transformStyle);
+  if (customStyle)
+    styles.push(customStyle);
+  const style = styles.length > 0 ? ` style="${styles.join(" ")}"` : "";
+  const classAttr = className ? ` class="${className}"` : "";
+  let body = iconData.body;
+  if (color && color !== "currentColor") {
+    body = body.replace(/currentColor/g, color);
+  }
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="${viewBox}"${classAttr}${style}>${body}</svg>`;
+}
+function generateIconCSS(prefix) {
+  return `
+.icon-${prefix} {
+  display: inline-block;
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+}
+
+.icon-${prefix} svg {
+  width: 100%;
+  height: 100%;
+}
+`.trim();
+}
+export {
+  renderIcon,
+  generateIconCSS
+};
+
+//# debugId=71DF486A723758B064756E2164756E21

package/dist/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": [
+    "export interface IconProps {\n  /**\n   * Icon name\n   */\n  name?: string\n  /**\n   * Icon size (width and height)\n   * @default \"1em\"\n   */\n  size?: string | number\n  /**\n   * Icon width\n   */\n  width?: string | number\n  /**\n   * Icon height\n   */\n  height?: string | number\n  /**\n   * Icon color\n   * @default \"currentColor\"\n   */\n  color?: string\n  /**\n   * Horizontal flip\n   */\n  hFlip?: boolean\n  /**\n   * Vertical flip\n   */\n  vFlip?: boolean\n  /**\n   * Rotation in degrees\n   */\n  rotate?: 0 | 90 | 180 | 270 | 1 | 2 | 3\n  /**\n   * Additional CSS classes\n   */\n  class?: string\n  /**\n   * Additional inline styles\n   */\n  style?: string\n}\n\nexport interface IconData {\n  /**\n   * Icon body (SVG path data)\n   */\n  body: string\n  /**\n   * Icon width (default: 24)\n   */\n  width?: number\n  /**\n   * Icon height (default: 24)\n   */\n  height?: number\n  /**\n   * Icon viewBox\n   */\n  viewBox?: string\n  /**\n   * Whether the icon uses currentColor\n   */\n  currentColor?: boolean\n}\n\n/**\n * Generate SVG string from icon data\n */\nexport function renderIcon(iconData: IconData, props: IconProps = {}): string {\n  const {\n    size,\n    width: propWidth,\n    height: propHeight,\n    color = 'currentColor',\n    hFlip = false,\n    vFlip = false,\n    rotate = 0,\n    class: className = '',\n    style: customStyle = '',\n  } = props\n\n  const width = propWidth || size || iconData.width || 24\n  const height = propHeight || size || iconData.height || 24\n  const viewBox = iconData.viewBox || `0 0 ${iconData.width || 24} ${iconData.height || 24}`\n\n  // Build transform\n  const transforms: string[] = []\n  if (hFlip)\n    transforms.push('scaleX(-1)')\n  if (vFlip)\n    transforms.push('scaleY(-1)')\n  if (rotate) {\n    const deg = typeof rotate === 'number' && rotate < 4 ? rotate * 90 : rotate\n    transforms.push(`rotate(${deg}deg)`)\n  }\n\n  const transform = transforms.length > 0 ? transforms.join(' ') : ''\n  const transformStyle = transform ? `transform: ${transform};` : ''\n\n  // Build style\n  const styles: string[] = []\n  if (transformStyle)\n    styles.push(transformStyle)\n  if (customStyle)\n    styles.push(customStyle)\n\n  const style = styles.length > 0 ? ` style=\"${styles.join(' ')}\"` : ''\n  const classAttr = className ? ` class=\"${className}\"` : ''\n\n  // Replace currentColor in body if color is specified\n  let body = iconData.body\n  if (color && color !== 'currentColor') {\n    body = body.replace(/currentColor/g, color)\n  }\n\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"${viewBox}\"${classAttr}${style}>${body}</svg>`\n}\n\n/**\n * Generate icon component CSS\n */\nexport function generateIconCSS(prefix: string): string {\n  return `\n.icon-${prefix} {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  vertical-align: -0.125em;\n}\n\n.icon-${prefix} svg {\n  width: 100%;\n  height: 100%;\n}\n`.trim()\n}\n\nexport { type IconData as Icon }\n"
+  ],
+  "mappings": ";;AAuEO,SAAS,UAAU,CAAC,UAAoB,QAAmB,CAAC,GAAW;AAAA,EAC5E;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO,YAAY;AAAA,IACnB,OAAO,cAAc;AAAA,MACnB;AAAA,EAEJ,MAAM,QAAQ,aAAa,QAAQ,SAAS,SAAS;AAAA,EACrD,MAAM,SAAS,cAAc,QAAQ,SAAS,UAAU;AAAA,EACxD,MAAM,UAAU,SAAS,WAAW,OAAO,SAAS,SAAS,MAAM,SAAS,UAAU;AAAA,EAGtF,MAAM,aAAuB,CAAC;AAAA,EAC9B,IAAI;AAAA,IACF,WAAW,KAAK,YAAY;AAAA,EAC9B,IAAI;AAAA,IACF,WAAW,KAAK,YAAY;AAAA,EAC9B,IAAI,QAAQ;AAAA,IACV,MAAM,MAAM,OAAO,WAAW,YAAY,SAAS,IAAI,SAAS,KAAK;AAAA,IACrE,WAAW,KAAK,UAAU,SAAS;AAAA,EACrC;AAAA,EAEA,MAAM,YAAY,WAAW,SAAS,IAAI,WAAW,KAAK,GAAG,IAAI;AAAA,EACjE,MAAM,iBAAiB,YAAY,cAAc,eAAe;AAAA,EAGhE,MAAM,SAAmB,CAAC;AAAA,EAC1B,IAAI;AAAA,IACF,OAAO,KAAK,cAAc;AAAA,EAC5B,IAAI;AAAA,IACF,OAAO,KAAK,WAAW;AAAA,EAEzB,MAAM,QAAQ,OAAO,SAAS,IAAI,WAAW,OAAO,KAAK,GAAG,OAAO;AAAA,EACnE,MAAM,YAAY,YAAY,WAAW,eAAe;AAAA,EAGxD,IAAI,OAAO,SAAS;AAAA,EACpB,IAAI,SAAS,UAAU,gBAAgB;AAAA,IACrC,OAAO,KAAK,QAAQ,iBAAiB,KAAK;AAAA,EAC5C;AAAA,EAEA,OAAO,kDAAkD,kBAAkB,oBAAoB,WAAW,YAAY,SAAS;AAAA;AAM1H,SAAS,eAAe,CAAC,QAAwB;AAAA,EACtD,OAAO;AAAA,QACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOA;AAAA;AAAA;AAAA;AAAA,EAIN,KAAK;AAAA;",
+  "debugId": "71DF486A723758B064756E2164756E21",
+  "names": []
+}

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@stacksjs/iconify-core",
   "type": "module",
-  "version": "0.2.27",
+  "version": "0.2.89",
   "description": "Core utilities for Iconify SVG icons in stx",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",
+  "homepage": "https://github.com/stacksjs/stx#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stacksjs/stx.git"
+  },
+  "bugs": {
+    "url": "https://github.com/stacksjs/stx/issues"
+  },
   "keywords": [
     "iconify",
     "icons",
@@ -27,6 +35,7 @@
   ],
   "scripts": {
     "build": "bun build.ts",
-    "dev": "bun build.ts --watch"
+    "dev": "bun build.ts --watch",
+    "prepublishOnly": "bun run build"
   }
 }