@easemate/web-kit 0.1.0

package/build/internal/component-loaders.cjs

@@ -0,0 +1,206 @@
+"use strict";
+/**
+ * Component loader map for dynamic imports.
+ * Maps tag names to their module paths for selective/lazy loading.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMPONENT_LOADERS = exports.WEB_KIT_INTERNAL_TAGS = exports.WEB_KIT_ALL_TAGS = exports.WEB_KIT_COMPONENT_TAGS = exports.WEB_KIT_ELEMENT_TAGS = void 0;
+exports.loadComponents = loadComponents;
+exports.loadAllComponents = loadAllComponents;
+exports.resolveTags = resolveTags;
+/**
+ * All root-level web-kit element tags (excludes internal sub-components).
+ */
+exports.WEB_KIT_ELEMENT_TAGS = [
+    // Controls
+    'ease-button',
+    'ease-checkbox',
+    'ease-color-input',
+    'ease-color-picker',
+    'ease-dropdown',
+    'ease-input',
+    'ease-number-input',
+    'ease-origin',
+    'ease-radio-group',
+    'ease-radio-input',
+    'ease-slider',
+    'ease-toggle',
+    // Layout
+    'ease-field',
+    'ease-popover',
+    'ease-state',
+    'ease-tooltip',
+    // Display
+    'ease-logo-loader',
+    'ease-monitor',
+    'ease-monitor-fps',
+    // Icons
+    'ease-icon-anchor-add',
+    'ease-icon-anchor-remove',
+    'ease-icon-arrow-up',
+    'ease-icon-arrows-vertical',
+    'ease-icon-bezier',
+    'ease-icon-bezier-angle',
+    'ease-icon-bezier-distribute',
+    'ease-icon-bezier-length',
+    'ease-icon-bezier-mirror',
+    'ease-icon-check',
+    'ease-icon-chevron',
+    'ease-icon-circle-arrow-left',
+    'ease-icon-circle-arrow-right',
+    'ease-icon-clear',
+    'ease-icon-code',
+    'ease-icon-dots',
+    'ease-icon-grid',
+    'ease-icon-loading',
+    'ease-icon-mention',
+    'ease-icon-minus',
+    'ease-icon-picker',
+    'ease-icon-plus',
+    'ease-icon-settings',
+    'ease-icon-snap'
+];
+/**
+ * Advanced component tags (curve, code editor, etc.)
+ */
+exports.WEB_KIT_COMPONENT_TAGS = ['ease-curve', 'ease-code'];
+/**
+ * All public web-kit tags.
+ */
+exports.WEB_KIT_ALL_TAGS = [...exports.WEB_KIT_ELEMENT_TAGS, ...exports.WEB_KIT_COMPONENT_TAGS];
+/**
+ * Internal/sub-component tags that are auto-registered with their parents.
+ */
+exports.WEB_KIT_INTERNAL_TAGS = [
+    'ease-curve-canvas',
+    'ease-curve-canvas-controls',
+    'ease-curve-controls',
+    'ease-curve-output',
+    'ease-curve-toolbar',
+    'radio-option'
+];
+/**
+ * Map of tag names to their loader functions.
+ * These use dynamic imports so we only load what's needed.
+ */
+exports.COMPONENT_LOADERS = {
+    // Controls
+    'ease-button': () => Promise.resolve().then(() => __importStar(require("../elements/button/index.cjs"))),
+    'ease-checkbox': () => Promise.resolve().then(() => __importStar(require("../elements/checkbox/index.cjs"))),
+    'ease-color-input': () => Promise.resolve().then(() => __importStar(require("../elements/color/index.cjs"))),
+    'ease-color-picker': () => Promise.resolve().then(() => __importStar(require("../elements/color/picker.cjs"))),
+    'ease-dropdown': () => Promise.resolve().then(() => __importStar(require("../elements/dropdown/index.cjs"))),
+    'ease-input': () => Promise.resolve().then(() => __importStar(require("../elements/input/index.cjs"))),
+    'ease-number-input': () => Promise.resolve().then(() => __importStar(require("../elements/number/index.cjs"))),
+    'ease-origin': () => Promise.resolve().then(() => __importStar(require("../elements/origin/index.cjs"))),
+    'ease-radio-group': () => Promise.resolve().then(() => __importStar(require("../elements/radio/index.cjs"))),
+    'ease-radio-input': () => Promise.resolve().then(() => __importStar(require("../elements/radio/input.cjs"))),
+    'ease-slider': () => Promise.resolve().then(() => __importStar(require("../elements/slider/index.cjs"))),
+    'ease-toggle': () => Promise.resolve().then(() => __importStar(require("../elements/toggle/index.cjs"))),
+    // Layout
+    'ease-field': () => Promise.resolve().then(() => __importStar(require("../elements/field/index.cjs"))),
+    'ease-popover': () => Promise.resolve().then(() => __importStar(require("../elements/popover/index.cjs"))),
+    'ease-state': () => Promise.resolve().then(() => __importStar(require("../elements/state/index.cjs"))),
+    'ease-tooltip': () => Promise.resolve().then(() => __importStar(require("../elements/tooltip/index.cjs"))),
+    // Display
+    'ease-logo-loader': () => Promise.resolve().then(() => __importStar(require("../elements/logo/index.cjs"))),
+    'ease-monitor': () => Promise.resolve().then(() => __importStar(require("../elements/monitor/index.cjs"))),
+    'ease-monitor-fps': () => Promise.resolve().then(() => __importStar(require("../elements/monitor/fps.cjs"))),
+    // Icons
+    'ease-icon-anchor-add': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/anchor-add.cjs"))),
+    'ease-icon-anchor-remove': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/anchor-remove.cjs"))),
+    'ease-icon-arrow-up': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/arrow-up.cjs"))),
+    'ease-icon-arrows-vertical': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/arrows-vertical.cjs"))),
+    'ease-icon-bezier': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/bezier.cjs"))),
+    'ease-icon-bezier-angle': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/bezier-angle.cjs"))),
+    'ease-icon-bezier-distribute': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/bezier-distribute.cjs"))),
+    'ease-icon-bezier-length': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/bezier-length.cjs"))),
+    'ease-icon-bezier-mirror': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/bezier-mirror.cjs"))),
+    'ease-icon-check': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/check.cjs"))),
+    'ease-icon-chevron': () => Promise.resolve().then(() => __importStar(require("../elements/icons/animation/chevron.cjs"))),
+    'ease-icon-circle-arrow-left': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/circle-arrow-left.cjs"))),
+    'ease-icon-circle-arrow-right': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/circle-arrow-right.cjs"))),
+    'ease-icon-clear': () => Promise.resolve().then(() => __importStar(require("../elements/icons/animation/clear.cjs"))),
+    'ease-icon-code': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/code.cjs"))),
+    'ease-icon-dots': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/dots.cjs"))),
+    'ease-icon-grid': () => Promise.resolve().then(() => __importStar(require("../elements/icons/animation/grid.cjs"))),
+    'ease-icon-loading': () => Promise.resolve().then(() => __importStar(require("../elements/icons/animation/loading.cjs"))),
+    'ease-icon-mention': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/mention.cjs"))),
+    'ease-icon-minus': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/minus.cjs"))),
+    'ease-icon-picker': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/picker.cjs"))),
+    'ease-icon-plus': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/plus.cjs"))),
+    'ease-icon-settings': () => Promise.resolve().then(() => __importStar(require("../elements/icons/interface/settings.cjs"))),
+    'ease-icon-snap': () => Promise.resolve().then(() => __importStar(require("../elements/icons/animation/snap.cjs"))),
+    // Advanced components
+    'ease-curve': () => Promise.resolve().then(() => __importStar(require("../components/curve/index.cjs"))),
+    'ease-code': () => Promise.resolve().then(() => __importStar(require("../components/code/index.cjs")))
+};
+/**
+ * Load specific components by tag name.
+ */
+async function loadComponents(tags) {
+    const promises = tags.map((tag) => {
+        const loader = exports.COMPONENT_LOADERS[tag];
+        if (loader) {
+            return loader();
+        }
+        return Promise.resolve();
+    });
+    await Promise.all(promises);
+}
+/**
+ * Load all components (equivalent to importing register.ts).
+ */
+async function loadAllComponents() {
+    await Promise.resolve().then(() => __importStar(require("../register.cjs")));
+}
+/**
+ * Resolve which tags to load based on include/exclude options.
+ */
+function resolveTags(options) {
+    const { include, exclude } = options;
+    // If include is specified, use those (filtered to valid tags)
+    if (include && include.length > 0) {
+        return include.filter((tag) => exports.WEB_KIT_ALL_TAGS.includes(tag));
+    }
+    // Otherwise, start with all tags and remove excluded ones
+    let tags = [...exports.WEB_KIT_ALL_TAGS];
+    if (exclude && exclude.length > 0) {
+        const excludeSet = new Set(exclude);
+        tags = tags.filter((tag) => !excludeSet.has(tag));
+    }
+    return tags;
+}

package/build/internal/component-loaders.d.cts

@@ -0,0 +1,52 @@
+/**
+ * Component loader map for dynamic imports.
+ * Maps tag names to their module paths for selective/lazy loading.
+ */
+/**
+ * All root-level web-kit element tags (excludes internal sub-components).
+ */
+export declare const WEB_KIT_ELEMENT_TAGS: readonly ["ease-button", "ease-checkbox", "ease-color-input", "ease-color-picker", "ease-dropdown", "ease-input", "ease-number-input", "ease-origin", "ease-radio-group", "ease-radio-input", "ease-slider", "ease-toggle", "ease-field", "ease-popover", "ease-state", "ease-tooltip", "ease-logo-loader", "ease-monitor", "ease-monitor-fps", "ease-icon-anchor-add", "ease-icon-anchor-remove", "ease-icon-arrow-up", "ease-icon-arrows-vertical", "ease-icon-bezier", "ease-icon-bezier-angle", "ease-icon-bezier-distribute", "ease-icon-bezier-length", "ease-icon-bezier-mirror", "ease-icon-check", "ease-icon-chevron", "ease-icon-circle-arrow-left", "ease-icon-circle-arrow-right", "ease-icon-clear", "ease-icon-code", "ease-icon-dots", "ease-icon-grid", "ease-icon-loading", "ease-icon-mention", "ease-icon-minus", "ease-icon-picker", "ease-icon-plus", "ease-icon-settings", "ease-icon-snap"];
+/**
+ * Advanced component tags (curve, code editor, etc.)
+ */
+export declare const WEB_KIT_COMPONENT_TAGS: readonly ["ease-curve", "ease-code"];
+/**
+ * All public web-kit tags.
+ */
+export declare const WEB_KIT_ALL_TAGS: readonly ["ease-button", "ease-checkbox", "ease-color-input", "ease-color-picker", "ease-dropdown", "ease-input", "ease-number-input", "ease-origin", "ease-radio-group", "ease-radio-input", "ease-slider", "ease-toggle", "ease-field", "ease-popover", "ease-state", "ease-tooltip", "ease-logo-loader", "ease-monitor", "ease-monitor-fps", "ease-icon-anchor-add", "ease-icon-anchor-remove", "ease-icon-arrow-up", "ease-icon-arrows-vertical", "ease-icon-bezier", "ease-icon-bezier-angle", "ease-icon-bezier-distribute", "ease-icon-bezier-length", "ease-icon-bezier-mirror", "ease-icon-check", "ease-icon-chevron", "ease-icon-circle-arrow-left", "ease-icon-circle-arrow-right", "ease-icon-clear", "ease-icon-code", "ease-icon-dots", "ease-icon-grid", "ease-icon-loading", "ease-icon-mention", "ease-icon-minus", "ease-icon-picker", "ease-icon-plus", "ease-icon-settings", "ease-icon-snap", "ease-curve", "ease-code"];
+/**
+ * Union type of all element tag names.
+ */
+export type WebKitElementTag = (typeof WEB_KIT_ELEMENT_TAGS)[number];
+/**
+ * Union type of all component tag names.
+ */
+export type WebKitComponentTag = (typeof WEB_KIT_COMPONENT_TAGS)[number];
+/**
+ * Union type of all public tag names.
+ */
+export type WebKitTag = (typeof WEB_KIT_ALL_TAGS)[number];
+/**
+ * Internal/sub-component tags that are auto-registered with their parents.
+ */
+export declare const WEB_KIT_INTERNAL_TAGS: readonly ["ease-curve-canvas", "ease-curve-canvas-controls", "ease-curve-controls", "ease-curve-output", "ease-curve-toolbar", "radio-option"];
+/**
+ * Map of tag names to their loader functions.
+ * These use dynamic imports so we only load what's needed.
+ */
+export declare const COMPONENT_LOADERS: Record<WebKitTag, () => Promise<unknown>>;
+/**
+ * Load specific components by tag name.
+ */
+export declare function loadComponents(tags: readonly WebKitTag[]): Promise<void>;
+/**
+ * Load all components (equivalent to importing register.ts).
+ */
+export declare function loadAllComponents(): Promise<void>;
+/**
+ * Resolve which tags to load based on include/exclude options.
+ */
+export declare function resolveTags(options: {
+    include?: readonly string[];
+    exclude?: readonly string[];
+}): WebKitTag[];

package/build/internal/component-loaders.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Component loader map for dynamic imports.
+ * Maps tag names to their module paths for selective/lazy loading.
+ */
+/**
+ * All root-level web-kit element tags (excludes internal sub-components).
+ */
+export declare const WEB_KIT_ELEMENT_TAGS: readonly ["ease-button", "ease-checkbox", "ease-color-input", "ease-color-picker", "ease-dropdown", "ease-input", "ease-number-input", "ease-origin", "ease-radio-group", "ease-radio-input", "ease-slider", "ease-toggle", "ease-field", "ease-popover", "ease-state", "ease-tooltip", "ease-logo-loader", "ease-monitor", "ease-monitor-fps", "ease-icon-anchor-add", "ease-icon-anchor-remove", "ease-icon-arrow-up", "ease-icon-arrows-vertical", "ease-icon-bezier", "ease-icon-bezier-angle", "ease-icon-bezier-distribute", "ease-icon-bezier-length", "ease-icon-bezier-mirror", "ease-icon-check", "ease-icon-chevron", "ease-icon-circle-arrow-left", "ease-icon-circle-arrow-right", "ease-icon-clear", "ease-icon-code", "ease-icon-dots", "ease-icon-grid", "ease-icon-loading", "ease-icon-mention", "ease-icon-minus", "ease-icon-picker", "ease-icon-plus", "ease-icon-settings", "ease-icon-snap"];
+/**
+ * Advanced component tags (curve, code editor, etc.)
+ */
+export declare const WEB_KIT_COMPONENT_TAGS: readonly ["ease-curve", "ease-code"];
+/**
+ * All public web-kit tags.
+ */
+export declare const WEB_KIT_ALL_TAGS: readonly ["ease-button", "ease-checkbox", "ease-color-input", "ease-color-picker", "ease-dropdown", "ease-input", "ease-number-input", "ease-origin", "ease-radio-group", "ease-radio-input", "ease-slider", "ease-toggle", "ease-field", "ease-popover", "ease-state", "ease-tooltip", "ease-logo-loader", "ease-monitor", "ease-monitor-fps", "ease-icon-anchor-add", "ease-icon-anchor-remove", "ease-icon-arrow-up", "ease-icon-arrows-vertical", "ease-icon-bezier", "ease-icon-bezier-angle", "ease-icon-bezier-distribute", "ease-icon-bezier-length", "ease-icon-bezier-mirror", "ease-icon-check", "ease-icon-chevron", "ease-icon-circle-arrow-left", "ease-icon-circle-arrow-right", "ease-icon-clear", "ease-icon-code", "ease-icon-dots", "ease-icon-grid", "ease-icon-loading", "ease-icon-mention", "ease-icon-minus", "ease-icon-picker", "ease-icon-plus", "ease-icon-settings", "ease-icon-snap", "ease-curve", "ease-code"];
+/**
+ * Union type of all element tag names.
+ */
+export type WebKitElementTag = (typeof WEB_KIT_ELEMENT_TAGS)[number];
+/**
+ * Union type of all component tag names.
+ */
+export type WebKitComponentTag = (typeof WEB_KIT_COMPONENT_TAGS)[number];
+/**
+ * Union type of all public tag names.
+ */
+export type WebKitTag = (typeof WEB_KIT_ALL_TAGS)[number];
+/**
+ * Internal/sub-component tags that are auto-registered with their parents.
+ */
+export declare const WEB_KIT_INTERNAL_TAGS: readonly ["ease-curve-canvas", "ease-curve-canvas-controls", "ease-curve-controls", "ease-curve-output", "ease-curve-toolbar", "radio-option"];
+/**
+ * Map of tag names to their loader functions.
+ * These use dynamic imports so we only load what's needed.
+ */
+export declare const COMPONENT_LOADERS: Record<WebKitTag, () => Promise<unknown>>;
+/**
+ * Load specific components by tag name.
+ */
+export declare function loadComponents(tags: readonly WebKitTag[]): Promise<void>;
+/**
+ * Load all components (equivalent to importing register.ts).
+ */
+export declare function loadAllComponents(): Promise<void>;
+/**
+ * Resolve which tags to load based on include/exclude options.
+ */
+export declare function resolveTags(options: {
+    include?: readonly string[];
+    exclude?: readonly string[];
+}): WebKitTag[];

package/build/internal/component-loaders.js

@@ -0,0 +1,167 @@
+/**
+ * Component loader map for dynamic imports.
+ * Maps tag names to their module paths for selective/lazy loading.
+ */
+/**
+ * All root-level web-kit element tags (excludes internal sub-components).
+ */
+export const WEB_KIT_ELEMENT_TAGS = [
+    // Controls
+    'ease-button',
+    'ease-checkbox',
+    'ease-color-input',
+    'ease-color-picker',
+    'ease-dropdown',
+    'ease-input',
+    'ease-number-input',
+    'ease-origin',
+    'ease-radio-group',
+    'ease-radio-input',
+    'ease-slider',
+    'ease-toggle',
+    // Layout
+    'ease-field',
+    'ease-popover',
+    'ease-state',
+    'ease-tooltip',
+    // Display
+    'ease-logo-loader',
+    'ease-monitor',
+    'ease-monitor-fps',
+    // Icons
+    'ease-icon-anchor-add',
+    'ease-icon-anchor-remove',
+    'ease-icon-arrow-up',
+    'ease-icon-arrows-vertical',
+    'ease-icon-bezier',
+    'ease-icon-bezier-angle',
+    'ease-icon-bezier-distribute',
+    'ease-icon-bezier-length',
+    'ease-icon-bezier-mirror',
+    'ease-icon-check',
+    'ease-icon-chevron',
+    'ease-icon-circle-arrow-left',
+    'ease-icon-circle-arrow-right',
+    'ease-icon-clear',
+    'ease-icon-code',
+    'ease-icon-dots',
+    'ease-icon-grid',
+    'ease-icon-loading',
+    'ease-icon-mention',
+    'ease-icon-minus',
+    'ease-icon-picker',
+    'ease-icon-plus',
+    'ease-icon-settings',
+    'ease-icon-snap'
+];
+/**
+ * Advanced component tags (curve, code editor, etc.)
+ */
+export const WEB_KIT_COMPONENT_TAGS = ['ease-curve', 'ease-code'];
+/**
+ * All public web-kit tags.
+ */
+export const WEB_KIT_ALL_TAGS = [...WEB_KIT_ELEMENT_TAGS, ...WEB_KIT_COMPONENT_TAGS];
+/**
+ * Internal/sub-component tags that are auto-registered with their parents.
+ */
+export const WEB_KIT_INTERNAL_TAGS = [
+    'ease-curve-canvas',
+    'ease-curve-canvas-controls',
+    'ease-curve-controls',
+    'ease-curve-output',
+    'ease-curve-toolbar',
+    'radio-option'
+];
+/**
+ * Map of tag names to their loader functions.
+ * These use dynamic imports so we only load what's needed.
+ */
+export const COMPONENT_LOADERS = {
+    // Controls
+    'ease-button': () => import("../elements/button/index.js"),
+    'ease-checkbox': () => import("../elements/checkbox/index.js"),
+    'ease-color-input': () => import("../elements/color/index.js"),
+    'ease-color-picker': () => import("../elements/color/picker.js"),
+    'ease-dropdown': () => import("../elements/dropdown/index.js"),
+    'ease-input': () => import("../elements/input/index.js"),
+    'ease-number-input': () => import("../elements/number/index.js"),
+    'ease-origin': () => import("../elements/origin/index.js"),
+    'ease-radio-group': () => import("../elements/radio/index.js"),
+    'ease-radio-input': () => import("../elements/radio/input.js"),
+    'ease-slider': () => import("../elements/slider/index.js"),
+    'ease-toggle': () => import("../elements/toggle/index.js"),
+    // Layout
+    'ease-field': () => import("../elements/field/index.js"),
+    'ease-popover': () => import("../elements/popover/index.js"),
+    'ease-state': () => import("../elements/state/index.js"),
+    'ease-tooltip': () => import("../elements/tooltip/index.js"),
+    // Display
+    'ease-logo-loader': () => import("../elements/logo/index.js"),
+    'ease-monitor': () => import("../elements/monitor/index.js"),
+    'ease-monitor-fps': () => import("../elements/monitor/fps.js"),
+    // Icons
+    'ease-icon-anchor-add': () => import("../elements/icons/interface/anchor-add.js"),
+    'ease-icon-anchor-remove': () => import("../elements/icons/interface/anchor-remove.js"),
+    'ease-icon-arrow-up': () => import("../elements/icons/interface/arrow-up.js"),
+    'ease-icon-arrows-vertical': () => import("../elements/icons/interface/arrows-vertical.js"),
+    'ease-icon-bezier': () => import("../elements/icons/interface/bezier.js"),
+    'ease-icon-bezier-angle': () => import("../elements/icons/interface/bezier-angle.js"),
+    'ease-icon-bezier-distribute': () => import("../elements/icons/interface/bezier-distribute.js"),
+    'ease-icon-bezier-length': () => import("../elements/icons/interface/bezier-length.js"),
+    'ease-icon-bezier-mirror': () => import("../elements/icons/interface/bezier-mirror.js"),
+    'ease-icon-check': () => import("../elements/icons/interface/check.js"),
+    'ease-icon-chevron': () => import("../elements/icons/animation/chevron.js"),
+    'ease-icon-circle-arrow-left': () => import("../elements/icons/interface/circle-arrow-left.js"),
+    'ease-icon-circle-arrow-right': () => import("../elements/icons/interface/circle-arrow-right.js"),
+    'ease-icon-clear': () => import("../elements/icons/animation/clear.js"),
+    'ease-icon-code': () => import("../elements/icons/interface/code.js"),
+    'ease-icon-dots': () => import("../elements/icons/interface/dots.js"),
+    'ease-icon-grid': () => import("../elements/icons/animation/grid.js"),
+    'ease-icon-loading': () => import("../elements/icons/animation/loading.js"),
+    'ease-icon-mention': () => import("../elements/icons/interface/mention.js"),
+    'ease-icon-minus': () => import("../elements/icons/interface/minus.js"),
+    'ease-icon-picker': () => import("../elements/icons/interface/picker.js"),
+    'ease-icon-plus': () => import("../elements/icons/interface/plus.js"),
+    'ease-icon-settings': () => import("../elements/icons/interface/settings.js"),
+    'ease-icon-snap': () => import("../elements/icons/animation/snap.js"),
+    // Advanced components
+    'ease-curve': () => import("../components/curve/index.js"),
+    'ease-code': () => import("../components/code/index.js")
+};
+/**
+ * Load specific components by tag name.
+ */
+export async function loadComponents(tags) {
+    const promises = tags.map((tag) => {
+        const loader = COMPONENT_LOADERS[tag];
+        if (loader) {
+            return loader();
+        }
+        return Promise.resolve();
+    });
+    await Promise.all(promises);
+}
+/**
+ * Load all components (equivalent to importing register.ts).
+ */
+export async function loadAllComponents() {
+    await import("../register.js");
+}
+/**
+ * Resolve which tags to load based on include/exclude options.
+ */
+export function resolveTags(options) {
+    const { include, exclude } = options;
+    // If include is specified, use those (filtered to valid tags)
+    if (include && include.length > 0) {
+        return include.filter((tag) => WEB_KIT_ALL_TAGS.includes(tag));
+    }
+    // Otherwise, start with all tags and remove excluded ones
+    let tags = [...WEB_KIT_ALL_TAGS];
+    if (exclude && exclude.length > 0) {
+        const excludeSet = new Set(exclude);
+        tags = tags.filter((tag) => !excludeSet.has(tag));
+    }
+    return tags;
+}

package/build/internal/fonts.cjs

@@ -0,0 +1,128 @@
+"use strict";
+/**
+ * Font loading utilities.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_FONTS = void 0;
+exports.injectFonts = injectFonts;
+exports.removeFonts = removeFonts;
+const style_inject_1 = require("./style-inject.cjs");
+const FONT_LINK_ID_PREFIX = 'ease-webkit-font-';
+const PRECONNECT_ID = 'ease-webkit-preconnect-google';
+/**
+ * Default fonts used by the kit.
+ */
+exports.DEFAULT_FONTS = {
+    'Instrument Sans': {
+        source: 'google',
+        family: 'Instrument Sans',
+        css2: 'opsz,wght@14..32,400..700'
+    },
+    'Geist Mono': {
+        source: 'google',
+        family: 'Geist Mono',
+        css2: 'wght@100..900'
+    }
+};
+/**
+ * Generate a Google Fonts URL.
+ */
+function buildGoogleFontUrl(family, css2) {
+    const encodedFamily = encodeURIComponent(family).replace(/%20/g, '+');
+    const params = css2 ? `:${css2}` : '';
+    return `https://fonts.googleapis.com/css2?family=${encodedFamily}${params}&display=swap`;
+}
+/**
+ * Inject preconnect links for Google Fonts.
+ */
+function injectPreconnect() {
+    if (!(0, style_inject_1.isBrowser)()) {
+        return;
+    }
+    // Check if already added
+    if (document.getElementById(PRECONNECT_ID)) {
+        return;
+    }
+    const head = document.head;
+    // preconnect to fonts.googleapis.com
+    const preconnect1 = document.createElement('link');
+    preconnect1.id = PRECONNECT_ID;
+    preconnect1.rel = 'preconnect';
+    preconnect1.href = 'https://fonts.googleapis.com';
+    head.appendChild(preconnect1);
+    // preconnect to fonts.gstatic.com
+    const preconnect2 = document.createElement('link');
+    preconnect2.rel = 'preconnect';
+    preconnect2.href = 'https://fonts.gstatic.com';
+    preconnect2.crossOrigin = 'anonymous';
+    head.appendChild(preconnect2);
+}
+/**
+ * Inject a font link.
+ */
+function injectFontLink(id, url) {
+    if (!(0, style_inject_1.isBrowser)()) {
+        return null;
+    }
+    const fullId = FONT_LINK_ID_PREFIX + id;
+    // Check if already injected
+    let link = document.getElementById(fullId);
+    if (link) {
+        return link;
+    }
+    link = document.createElement('link');
+    link.id = fullId;
+    link.rel = 'stylesheet';
+    link.href = url;
+    document.head.appendChild(link);
+    return link;
+}
+/**
+ * Remove a font link.
+ */
+function removeFontLink(id) {
+    if (!(0, style_inject_1.isBrowser)()) {
+        return;
+    }
+    const fullId = FONT_LINK_ID_PREFIX + id;
+    const link = document.getElementById(fullId);
+    if (link) {
+        link.remove();
+    }
+}
+/**
+ * Inject fonts based on configuration.
+ */
+function injectFonts(config, preconnect = true) {
+    if (config === false) {
+        return;
+    }
+    const fonts = config === 'default' ? exports.DEFAULT_FONTS : config;
+    if (preconnect) {
+        // Check if any Google fonts are being loaded
+        const hasGoogleFonts = Object.values(fonts).some((f) => f.source === 'google');
+        if (hasGoogleFonts) {
+            injectPreconnect();
+        }
+    }
+    for (const [name, source] of Object.entries(fonts)) {
+        const id = name.toLowerCase().replace(/\s+/g, '-');
+        if (source.source === 'google' && source.family) {
+            const url = buildGoogleFontUrl(source.family, source.css2);
+            injectFontLink(id, url);
+        }
+        else if (source.source === 'css' && source.url) {
+            injectFontLink(id, source.url);
+        }
+    }
+}
+/**
+ * Remove all injected fonts.
+ */
+function removeFonts(config) {
+    const fonts = config === 'default' ? exports.DEFAULT_FONTS : config;
+    for (const name of Object.keys(fonts)) {
+        const id = name.toLowerCase().replace(/\s+/g, '-');
+        removeFontLink(id);
+    }
+}

package/build/internal/fonts.d.cts

@@ -0,0 +1,32 @@
+/**
+ * Font loading utilities.
+ */
+/**
+ * Font source configuration.
+ */
+export interface FontSource {
+    /** Source type */
+    source: 'google' | 'css';
+    /** For Google fonts: the family name */
+    family?: string;
+    /** For Google fonts: the css2 query params (e.g., 'wght@400..700') */
+    css2?: string;
+    /** For CSS source: the URL to the CSS file */
+    url?: string;
+}
+/**
+ * Font configuration map.
+ */
+export type FontConfig = Record<string, FontSource>;
+/**
+ * Default fonts used by the kit.
+ */
+export declare const DEFAULT_FONTS: FontConfig;
+/**
+ * Inject fonts based on configuration.
+ */
+export declare function injectFonts(config: FontConfig | 'default' | false, preconnect?: boolean): void;
+/**
+ * Remove all injected fonts.
+ */
+export declare function removeFonts(config: FontConfig | 'default'): void;