npm - vadivam-astro - Versions diffs - 0.0.75 → 0.0.77 - Mend

@@ -1,6 +1,6 @@
 # vadivam-astro
-Tree-shakeable 24px outline SVG icons for Astro.
+Tree-shakeable 24px outline and solid SVG icons for Astro.
 [Browse icons](https://vadivam.praveenjuge.com) · [Astro docs](https://vadivam.praveenjuge.com/docs/astro) · [Source](https://github.com/praveenjuge/vadivam/tree/main/packages/vadivam-astro) · [GitHub](https://github.com/praveenjuge/vadivam)
@@ -8,7 +8,7 @@ Tree-shakeable 24px outline SVG icons for Astro.
 [![downloads](https://img.shields.io/npm/dw/vadivam-astro?style=flat-square&color=666)](https://www.npmjs.com/package/vadivam-astro)
 [![license](https://img.shields.io/npm/l/vadivam-astro?style=flat-square&color=111)](https://github.com/praveenjuge/vadivam/blob/main/LICENSE)
-![All Vadivam icons](https://raw.githubusercontent.com/praveenjuge/vadivam/main/apps/docs/public/preview.png?v=0.0.75)
+![All Vadivam icons](https://raw.githubusercontent.com/praveenjuge/vadivam/main/apps/docs/public/preview.png?v=0.0.77)
 ```sh
 npm install vadivam-astro
@@ -25,6 +25,12 @@ import { Activity } from "vadivam-astro";
 - Tree-shakeable named and per-icon imports
 - Static components and typed dynamic icon APIs
+Every icon also has a solid twin with the same name in `vadivam-astro/solid`. Solid icons fill their shapes with `color` and take no stroke props:
+```js
+import { Activity } from "vadivam-astro/solid";
+```
 Package family: [SVG and JavaScript](https://www.npmjs.com/package/vadivam) · [React](https://www.npmjs.com/package/vadivam-react) · [React Native](https://www.npmjs.com/package/vadivam-react-native) · [Vue](https://www.npmjs.com/package/vadivam-vue) · [Svelte](https://www.npmjs.com/package/vadivam-svelte) · [Solid](https://www.npmjs.com/package/vadivam-solid) · [Angular](https://www.npmjs.com/package/vadivam-angular) · [Preact](https://www.npmjs.com/package/vadivam-preact) · [Qwik](https://www.npmjs.com/package/vadivam-qwik) · [Lit](https://www.npmjs.com/package/vadivam-lit) · [Flutter](https://pub.dev/packages/vadivam) · [Jetpack Compose](https://central.sonatype.com/artifact/com.praveenjuge/vadivam-compose) · [MCP server](https://www.npmjs.com/package/vadivam-mcp)
 [Issues](https://github.com/praveenjuge/vadivam/issues)

@@ -0,0 +1,8 @@
+---
+import dynamicIconImports from "./dynamicIconImports.js";
+import type { IconName, VadivamProps } from "./types.js";
+const { name, ...props } = Astro.props as VadivamProps & { name: IconName };
+const importer = Object.prototype.hasOwnProperty.call(dynamicIconImports, name) ? dynamicIconImports[name] : undefined;
+const Loaded = importer ? (await importer()).default : null;
+---
+{Loaded ? <Loaded {...props}><slot /></Loaded> : <slot name="fallback" />}

@@ -0,0 +1,3 @@
+import type { AstroComponentFactory } from "astro/runtime/server/index.js";
+declare const DynamicIcon: AstroComponentFactory;
+export default DynamicIcon;

@@ -0,0 +1,17 @@
+---
+import defaultAttributes from "./defaultAttributes.js";
+import { sanitizeIconNode, sanitizePaint, sanitizeRootAttributes } from "../runtimePolicy.js";
+import { trustedIconNodes } from "./trustedIconNodes.js";
+import type { VadivamProps } from "./types.js";
+const { name, size = 24, color = "currentColor", strokeWidth, "stroke-width": kebabStrokeWidth, absoluteStrokeWidth = false, title, iconNode = [], class: className, ...rest } = Astro.props as VadivamProps & { strokeWidth?: unknown; "stroke-width"?: unknown; absoluteStrokeWidth?: unknown };
+const safeRest = sanitizeRootAttributes(rest);
+const safeIconNode = trustedIconNodes.has(iconNode) ? iconNode : sanitizeIconNode(iconNode);
+const labelled = Boolean(title) || Object.keys(safeRest).some((key) => key.startsWith("aria-") || key === "role");
+const mergedClass = Array.from(new Set(["vadivam", name && `vadivam-${name}`, className].flatMap((value) => typeof value === "string" ? value.split(/\s+/) : []).filter(Boolean))).join(" ");
+const svgAttributes = { ...defaultAttributes, width: size, height: size, fill: sanitizePaint(color), class: mergedClass, ...(!labelled ? { "aria-hidden": "true" } : {}), ...(title ? { role: "img" } : {}), ...safeRest };
+---
+<svg {...svgAttributes}>
+  {title && <title>{title}</title>}
+  {safeIconNode.map(([Tag, attrs]) => <Tag {...attrs} />)}
+  <slot />
+</svg>

@@ -0,0 +1,3 @@
+import type { AstroComponentFactory } from "astro/runtime/server/index.js";
+declare const Icon: AstroComponentFactory;
+export default Icon;

@@ -0,0 +1,3 @@
+import type { IconDefinition, IconNode } from "./types.js";
+export declare function createVadivamIcon(name: string, iconNode: IconNode): IconDefinition;
+export default createVadivamIcon;

	@@ -0,0 +1,2 @@
1	+ export function createVadivamIcon(name, iconNode) { return Object.freeze({ name, iconNode }); }
2	+ export default createVadivamIcon;

	@@ -0,0 +1 @@
1	+ export default { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "currentColor", "fill-rule": "evenodd" };

vadivam-astro 0.0.75 → 0.0.77