@cfasim-ui/components 0.4.15 → 0.5.0

package/dist/{Icon → src/Icon}/Icon.d.ts

@@ -3,7 +3,9 @@ interface Props {
     icon: string;
     size?: IconSize | number;
     fill?: boolean;
+    /** @deprecated No effect — SVG icons ship at weight 400. */
     weight?: number;
+    /** @deprecated No effect — SVG icons ship at grade 0. */
     grade?: number;
     decorative?: boolean;
     ariaLabel?: string;

package/dist/src/Icon/defaultIcons.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Register the base icon set once. A name already registered by the consumer is
+ * left untouched, so explicit `registerIcons` calls always win over defaults.
+ */
+export declare function registerDefaultIcons(): void;

package/dist/src/Icon/registry.d.ts

@@ -0,0 +1,18 @@
+import { Component } from 'vue';
+/** A registered icon. Provide a bare component (outline only) or both variants. */
+export interface IconVariants {
+    outline: Component;
+    fill?: Component;
+}
+export type IconRegistration = Component | IconVariants;
+/**
+ * Register icons for use with `<Icon icon="name" />`. Call once at app startup.
+ * Re-registering a name overwrites the previous entry.
+ */
+export declare function registerIcons(icons: Record<string, IconRegistration>): void;
+/** Resolve the component for an icon name, preferring the fill variant when asked. */
+export declare function getIconComponent(name: string, fill?: boolean): Component | undefined;
+/** Whether an icon name has been registered. */
+export declare function hasIcon(name: string): boolean;
+/** Warn once per unregistered icon name with copy-pasteable registration code. */
+export declare function warnMissingIcon(name: string): void;

package/dist/src/Toggle/Toggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{index.d.ts → src/index.d.ts}

@@ -8,6 +8,9 @@ export { default as Grid } from './Grid/Grid';
 export type { GridCols, GridGap } from './Grid/Grid';
 export { default as Hint } from './Hint/Hint';
 export { default as Icon } from './Icon/Icon';
+export type { IconSize } from './Icon/Icon';
+export { registerIcons, hasIcon } from './Icon/registry';
+export type { IconRegistration, IconVariants } from './Icon/registry';
 export { default as LightDarkToggle } from './LightDarkToggle/LightDarkToggle';
 export { default as NumberInput } from './NumberInput/NumberInput';
 export type { NumberRange } from './NumberInput/NumberInput';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfasim-ui/components",
-  "version": "0.4.15",
+  "version": "0.5.0",
   "type": "module",
   "description": "Vue 3 UI components for cfasim-ui",
   "license": "Apache-2.0",
@@ -38,16 +38,18 @@
     "smol-toml": "^1.6.1",
     "vue-codemirror": "^6.1.1",
     "yaml": "^2.9.0",
-    "@cfasim-ui/shared": "0.4.15"
+    "@cfasim-ui/shared": "0.5.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"
   },
   "devDependencies": {
+    "@material-symbols/svg-400": "^0.44.10",
     "@vitejs/plugin-vue": "^6.0.5",
     "@vue/test-utils": "^2.4.6",
     "happy-dom": "^20.8.9",
     "vite-plugin-dts": "^4.5.4",
+    "vite-svg-loader": "^5.1.1",
     "vitest": "^4.1.0"
   },
   "scripts": {