@melodicdev/components 1.6.0 → 1.6.1

package/lib/components/general/icon/icon.registry.d.ts

@@ -1,32 +0,0 @@
-import type { IconWeight, IconDefinition } from './icon.types.js';
-/**
- * Icon registry for storing and retrieving icon SVG content.
- * Icons are keyed by "name:weight" (e.g., "check:regular", "x:bold")
- */
-declare class IconRegistry {
-    private readonly _icons;
-    private getKey;
-    /**
-     * Register a single icon
-     */
-    register(name: string, svg: string, weight?: IconWeight): void;
-    /**
-     * Register multiple icons at once
-     */
-    registerMany(icons: IconDefinition[]): void;
-    /**
-     * Get an icon's SVG content
-     */
-    get(name: string, weight?: IconWeight): string | undefined;
-    /**
-     * Check if an icon is registered
-     */
-    has(name: string, weight?: IconWeight): boolean;
-    /**
-     * Get all registered icon keys
-     */
-    list(): string[];
-}
-export declare const iconRegistry: IconRegistry;
-export {};
-//# sourceMappingURL=icon.registry.d.ts.map

package/lib/components/general/icon/icon.registry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.registry.d.ts","sourceRoot":"","sources":["../../../../src/components/general/icon/icon.registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAElE;;;GAGG;AACH,cAAM,YAAY;IACjB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA6B;IAEpD,OAAO,CAAC,MAAM;IAId;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,GAAE,UAAsB,GAAG,IAAI;IAIzE;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,IAAI;IAM3C;;OAEG;IACH,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,GAAE,UAAsB,GAAG,MAAM,GAAG,SAAS;IAIrE;;OAEG;IACH,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,GAAE,UAAsB,GAAG,OAAO;IAI1D;;OAEG;IACH,IAAI,IAAI,MAAM,EAAE;CAGhB;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC"}

package/lib/components/general/icon/icon.registry.js

@@ -1,45 +0,0 @@
-/**
- * Icon registry for storing and retrieving icon SVG content.
- * Icons are keyed by "name:weight" (e.g., "check:regular", "x:bold")
- */
-class IconRegistry {
-    constructor() {
-        this._icons = new Map();
-    }
-    getKey(name, weight = 'regular') {
-        return `${name}:${weight}`;
-    }
-    /**
-     * Register a single icon
-     */
-    register(name, svg, weight = 'regular') {
-        this._icons.set(this.getKey(name, weight), svg);
-    }
-    /**
-     * Register multiple icons at once
-     */
-    registerMany(icons) {
-        for (const icon of icons) {
-            this.register(icon.name, icon.svg, icon.weight ?? 'regular');
-        }
-    }
-    /**
-     * Get an icon's SVG content
-     */
-    get(name, weight = 'regular') {
-        return this._icons.get(this.getKey(name, weight));
-    }
-    /**
-     * Check if an icon is registered
-     */
-    has(name, weight = 'regular') {
-        return this._icons.has(this.getKey(name, weight));
-    }
-    /**
-     * Get all registered icon keys
-     */
-    list() {
-        return Array.from(this._icons.keys());
-    }
-}
-export const iconRegistry = new IconRegistry();

package/lib/components/general/icon/icon.types.d.ts

@@ -1,8 +0,0 @@
-export type IconWeight = 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
-export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-export interface IconDefinition {
-    name: string;
-    svg: string;
-    weight?: IconWeight;
-}
-//# sourceMappingURL=icon.types.d.ts.map

package/lib/components/general/icon/icon.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../../src/components/general/icon/icon.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEhE,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,UAAU,CAAC;CACpB"}

package/lib/components/general/icon/icon.types.js

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

package/lib/components/general/icon/phosphor-fonts.d.ts

@@ -1,12 +0,0 @@
-import type { IconWeight } from './icon.types.js';
-/**
- * Get the URL for a Phosphor font weight stylesheet.
- */
-export declare function getPhosphorFontUrl(weight?: IconWeight): string;
-/**
- * Ensure Phosphor font styles are available in a shadow root.
- * Injects a <link> element that the browser loads natively.
- */
-export declare function ensurePhosphorFontStyles(weight?: IconWeight): void;
-export declare function getPhosphorFontClass(weight?: IconWeight): string;
-//# sourceMappingURL=phosphor-fonts.d.ts.map

package/lib/components/general/icon/phosphor-fonts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"phosphor-fonts.d.ts","sourceRoot":"","sources":["../../../../src/components/general/icon/phosphor-fonts.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA+ClD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,UAAsB,GAAG,MAAM,CAEzE;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,GAAE,UAAsB,GAAG,IAAI,CA8B7E;AAED,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,UAAsB,GAAG,MAAM,CAE3E"}

package/lib/components/general/icon/phosphor-fonts.js

@@ -1,77 +0,0 @@
-import { registerGlobalStyles } from '@melodicdev/core';
-const phosphorWeightCss = {
-    thin: './fonts/phosphor/thin/style.css',
-    light: './fonts/phosphor/light/style.css',
-    regular: './fonts/phosphor/regular/style.css',
-    bold: './fonts/phosphor/bold/style.css',
-    fill: './fonts/phosphor/fill/style.css',
-    duotone: './fonts/phosphor/duotone/style.css'
-};
-const phosphorWeightClass = {
-    thin: 'ph-thin',
-    light: 'ph-light',
-    regular: 'ph',
-    bold: 'ph-bold',
-    fill: 'ph-fill',
-    duotone: 'ph-duotone'
-};
-const weightStates = new Map();
-const supportsConstructableStylesheets = () => 'adoptedStyleSheets' in Document.prototype && 'replaceSync' in CSSStyleSheet.prototype;
-const ensureWeightState = (weight) => {
-    let state = weightStates.get(weight);
-    if (!state) {
-        state = { loaded: false };
-        weightStates.set(weight, state);
-    }
-    return state;
-};
-const absolutizeFontUrls = (cssText, cssUrl) => {
-    const baseUrl = new URL('.', cssUrl).href;
-    return cssText.replace(/url\((['"]?)\.\/(.*?)\1\)/g, (_match, quote, file) => {
-        const url = `${baseUrl}${file}`;
-        return `url(${quote}${url}${quote})`;
-    });
-};
-/**
- * Get the URL for a Phosphor font weight stylesheet.
- */
-export function getPhosphorFontUrl(weight = 'regular') {
-    return new URL(phosphorWeightCss[weight], import.meta.url).href;
-}
-/**
- * Ensure Phosphor font styles are available in a shadow root.
- * Injects a <link> element that the browser loads natively.
- */
-export function ensurePhosphorFontStyles(weight = 'regular') {
-    if (typeof document === 'undefined') {
-        return;
-    }
-    const state = ensureWeightState(weight);
-    if (state.loaded || state.loading) {
-        return;
-    }
-    const cssUrl = getPhosphorFontUrl(weight);
-    state.loading = fetch(cssUrl)
-        .then((response) => response.text())
-        .then((cssText) => {
-        const resolvedCss = absolutizeFontUrls(cssText, cssUrl);
-        if (supportsConstructableStylesheets()) {
-            const sheet = new CSSStyleSheet();
-            sheet.replaceSync(resolvedCss);
-            registerGlobalStyles(sheet);
-        }
-        else {
-            registerGlobalStyles(resolvedCss);
-        }
-        state.loaded = true;
-    })
-        .catch((error) => {
-        console.warn(`Failed to load Phosphor font styles: ${weight}`, error);
-    })
-        .finally(() => {
-        state.loading = undefined;
-    });
-}
-export function getPhosphorFontClass(weight = 'regular') {
-    return phosphorWeightClass[weight] ?? phosphorWeightClass.regular;
-}

package/lib/components/general/icon/phosphor.d.ts

@@ -1,41 +0,0 @@
-import type { IconWeight } from './icon.types.js';
-/**
- * Register a Phosphor icon with pre-loaded SVG content.
- *
- * @example
- * ```typescript
- * // With Vite's ?raw imports (bundles SVG at build time):
- * import checkSvg from '@phosphor-icons/core/regular/check.svg?raw';
- * import checkBoldSvg from '@phosphor-icons/core/bold/check.svg?raw';
- *
- * registerPhosphorIcon('check', checkSvg);
- * registerPhosphorIcon('check', checkBoldSvg, 'bold');
- * ```
- */
-export declare function registerPhosphorIcon(name: string, svg: string, weight?: IconWeight): void;
-/**
- * Register multiple Phosphor icons at once.
- *
- * @example
- * ```typescript
- * import checkSvg from '@phosphor-icons/core/regular/check.svg?raw';
- * import xSvg from '@phosphor-icons/core/regular/x.svg?raw';
- * import warningSvg from '@phosphor-icons/core/fill/warning.svg?raw';
- *
- * registerPhosphorIcons([
- *   { name: 'check', svg: checkSvg },
- *   { name: 'x', svg: xSvg },
- *   { name: 'warning', svg: warningSvg, weight: 'fill' }
- * ]);
- * ```
- */
-export declare function registerPhosphorIcons(icons: Array<{
-    name: string;
-    svg: string;
-    weight?: IconWeight;
-}>): void;
-/**
- * @deprecated Use registerPhosphorIcon instead
- */
-export declare const registerPhosphorIconSync: typeof registerPhosphorIcon;
-//# sourceMappingURL=phosphor.d.ts.map

package/lib/components/general/icon/phosphor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"phosphor.d.ts","sourceRoot":"","sources":["../../../../src/components/general/icon/phosphor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CACnC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,MAAM,GAAE,UAAsB,GAC5B,IAAI,CAEN;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,qBAAqB,CACpC,KAAK,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC,GAC9D,IAAI,CAIN;AAED;;GAEG;AACH,eAAO,MAAM,wBAAwB,6BAAuB,CAAC"}

package/lib/components/general/icon/phosphor.js

@@ -1,42 +0,0 @@
-import { iconRegistry } from './icon.registry.js';
-/**
- * Register a Phosphor icon with pre-loaded SVG content.
- *
- * @example
- * ```typescript
- * // With Vite's ?raw imports (bundles SVG at build time):
- * import checkSvg from '@phosphor-icons/core/regular/check.svg?raw';
- * import checkBoldSvg from '@phosphor-icons/core/bold/check.svg?raw';
- *
- * registerPhosphorIcon('check', checkSvg);
- * registerPhosphorIcon('check', checkBoldSvg, 'bold');
- * ```
- */
-export function registerPhosphorIcon(name, svg, weight = 'regular') {
-    iconRegistry.register(name, svg, weight);
-}
-/**
- * Register multiple Phosphor icons at once.
- *
- * @example
- * ```typescript
- * import checkSvg from '@phosphor-icons/core/regular/check.svg?raw';
- * import xSvg from '@phosphor-icons/core/regular/x.svg?raw';
- * import warningSvg from '@phosphor-icons/core/fill/warning.svg?raw';
- *
- * registerPhosphorIcons([
- *   { name: 'check', svg: checkSvg },
- *   { name: 'x', svg: xSvg },
- *   { name: 'warning', svg: warningSvg, weight: 'fill' }
- * ]);
- * ```
- */
-export function registerPhosphorIcons(icons) {
-    for (const icon of icons) {
-        iconRegistry.register(icon.name, icon.svg, icon.weight ?? 'regular');
-    }
-}
-/**
- * @deprecated Use registerPhosphorIcon instead
- */
-export const registerPhosphorIconSync = registerPhosphorIcon;

package/lib/components/overlays/modal/index.d.ts

@@ -1,2 +0,0 @@
-export declare const Modal: {};
-//# sourceMappingURL=index.d.ts.map

package/lib/components/overlays/modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/modal/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,KAAK,IAAK,CAAC"}

package/lib/components/overlays/modal/index.js

@@ -1,2 +0,0 @@
-// TODO: Implement modal component
-export const Modal = {};

package/lib/forms-adapters.d.ts

@@ -1,2 +0,0 @@
-export declare function registerMelodicFormAdapters(): void;
-//# sourceMappingURL=forms-adapters.d.ts.map

package/lib/forms-adapters.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"forms-adapters.d.ts","sourceRoot":"","sources":["../src/forms-adapters.ts"],"names":[],"mappings":"AA+FA,wBAAgB,2BAA2B,IAAI,IAAI,CAiBlD"}

package/lib/forms-adapters.js

@@ -1,105 +0,0 @@
-import { registerAdapter } from '@melodicdev/core/forms';
-const valueTextInputAdapter = {
-    inputEvent: 'ml:input',
-    blurEvent: 'focusout',
-    getValue(element) {
-        return element.value ?? '';
-    },
-    setValue(element, value) {
-        element.value = value !== null && value !== undefined ? String(value) : '';
-    },
-    setDisabled(element, disabled) {
-        element.disabled = disabled;
-    }
-};
-const valueChangeInputAdapter = {
-    inputEvent: 'ml:change',
-    blurEvent: 'focusout',
-    getValue(element) {
-        return element.value ?? '';
-    },
-    setValue(element, value) {
-        element.value = value !== null && value !== undefined ? String(value) : '';
-    },
-    setDisabled(element, disabled) {
-        element.disabled = disabled;
-    }
-};
-const selectInputAdapter = {
-    inputEvent: 'ml:change',
-    blurEvent: 'focusout',
-    getValue(element) {
-        const el = element;
-        return el.multiple ? (el.values ?? []) : (el.value ?? '');
-    },
-    setValue(element, value) {
-        const el = element;
-        if (Array.isArray(value)) {
-            el.values = value;
-        }
-        else {
-            el.value = value !== null && value !== undefined ? String(value) : '';
-        }
-    },
-    setDisabled(element, disabled) {
-        element.disabled = disabled;
-    }
-};
-const booleanCheckedAdapter = {
-    inputEvent: 'ml:change',
-    blurEvent: 'focusout',
-    getValue(element) {
-        return Boolean(element.checked);
-    },
-    setValue(element, value) {
-        element.checked = Boolean(value);
-    },
-    setDisabled(element, disabled) {
-        element.disabled = disabled;
-    }
-};
-const numberValueAdapter = {
-    inputEvent: 'ml:input',
-    blurEvent: 'focusout',
-    getValue(element) {
-        return Number(element.value) || 0;
-    },
-    setValue(element, value) {
-        element.value = Number(value) || 0;
-    },
-    setDisabled(element, disabled) {
-        element.disabled = disabled;
-    }
-};
-const datePickerAdapter = {
-    inputEvent: 'ml:select',
-    blurEvent: 'focusout',
-    getValue(element) {
-        return element.value ?? '';
-    },
-    setValue(element, value) {
-        element.value = value !== null && value !== undefined ? String(value) : '';
-    },
-    setDisabled(element, disabled) {
-        element.disabled = disabled;
-    }
-};
-let registered = false;
-export function registerMelodicFormAdapters() {
-    if (registered)
-        return;
-    registered = true;
-    const tagMatcher = (tag) => (el) => el.tagName === tag;
-    registerAdapter(tagMatcher('ML-INPUT'), valueTextInputAdapter);
-    registerAdapter(tagMatcher('ML-TEXTAREA'), valueTextInputAdapter);
-    registerAdapter(tagMatcher('ML-SLIDER'), numberValueAdapter);
-    registerAdapter(tagMatcher('ML-SELECT'), selectInputAdapter);
-    registerAdapter(tagMatcher('ML-AUTOCOMPLETE'), selectInputAdapter);
-    registerAdapter(tagMatcher('ML-CHECKBOX'), booleanCheckedAdapter);
-    registerAdapter(tagMatcher('ML-TOGGLE'), booleanCheckedAdapter);
-    registerAdapter(tagMatcher('ML-RADIO-GROUP'), valueChangeInputAdapter);
-    registerAdapter(tagMatcher('ML-DATE-PICKER'), datePickerAdapter);
-    registerAdapter(tagMatcher('ML-TIME-PICKER'), valueChangeInputAdapter);
-    registerAdapter(tagMatcher('ML-DATE-TIME-PICKER'), valueChangeInputAdapter);
-}
-registerMelodicFormAdapters();