@frontmcp/ui 0.12.2 → 1.0.0-beta.2

package/web-components/elements/fmcp-input.d.ts

@@ -1,96 +0,0 @@
-/**
- * @file fmcp-input.ts
- * @description FrontMCP Input Web Component.
- *
- * A custom element wrapper around the input() HTML function.
- *
- * @example Basic usage
- * ```html
- * <fmcp-input name="email" type="email" label="Email Address"></fmcp-input>
- * <fmcp-input name="password" type="password" label="Password" required></fmcp-input>
- * ```
- *
- * @example With validation
- * ```html
- * <fmcp-input
- *   name="username"
- *   label="Username"
- *   helper="Choose a unique username"
- *   pattern="[a-z0-9]+"
- * ></fmcp-input>
- * ```
- *
- * @module @frontmcp/ui/web-components/elements/fmcp-input
- */
-import { FmcpElement, type FmcpElementConfig } from '../core';
-import { type InputOptions } from '../../components/form';
-/**
- * FmcpInput Web Component
- */
-export declare class FmcpInput extends FmcpElement<InputOptions> {
-    protected readonly config: FmcpElementConfig<InputOptions>;
-    static get observedAttributes(): string[];
-    protected renderHtml(options: InputOptions, _content: string): string;
-    set name(value: string);
-    get name(): string;
-    set type(value: InputOptions['type']);
-    get type(): InputOptions['type'];
-    set label(value: string | undefined);
-    get label(): string | undefined;
-    set placeholder(value: string | undefined);
-    get placeholder(): string | undefined;
-    set helper(value: string | undefined);
-    get helper(): string | undefined;
-    set error(value: string | undefined);
-    get error(): string | undefined;
-    set size(value: InputOptions['size']);
-    get size(): InputOptions['size'];
-    set state(value: InputOptions['state']);
-    get state(): InputOptions['state'];
-    set required(value: boolean);
-    get required(): boolean;
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    set readonly(value: boolean);
-    get readonly(): boolean;
-    connectedCallback(): void;
-    private _handleInput;
-    private _handleChange;
-    /**
-     * Get current input value.
-     */
-    get value(): string;
-    /**
-     * Set input value.
-     */
-    set value(val: string);
-    /**
-     * Get validity state.
-     */
-    get validity(): ValidityState | undefined;
-    /**
-     * Check validity.
-     */
-    checkValidity(): boolean;
-    /**
-     * Report validity.
-     */
-    reportValidity(): boolean;
-    /**
-     * Focus the input.
-     */
-    focus(): void;
-    /**
-     * Blur the input.
-     */
-    blur(): void;
-    /**
-     * Select all text.
-     */
-    select(): void;
-}
-/**
- * Register the fmcp-input custom element.
- */
-export declare function registerFmcpInput(): void;
-//# sourceMappingURL=fmcp-input.d.ts.map

package/web-components/elements/fmcp-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fmcp-input.d.ts","sourceRoot":"","sources":["../../../src/web-components/elements/fmcp-input.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAS,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGjE;;GAEG;AACH,qBAAa,SAAU,SAAQ,WAAW,CAAC,YAAY,CAAC;IACtD,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAQxD;IAEF,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAwBxC;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IAQrE,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAGrB;IACD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,EAGnC;IACD,IAAI,IAAI,IAAI,YAAY,CAAC,MAAM,CAAC,CAE/B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGlC;IACD,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGxC;IACD,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGnC;IACD,IAAI,MAAM,IAAI,MAAM,GAAG,SAAS,CAE/B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGlC;IACD,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,EAGnC;IACD,IAAI,IAAI,IAAI,YAAY,CAAC,MAAM,CAAC,CAE/B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,EAGrC;IACD,IAAI,KAAK,IAAI,YAAY,CAAC,OAAO,CAAC,CAEjC;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAMQ,iBAAiB,IAAI,IAAI;IAQlC,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,aAAa;IAYrB;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IAED;;OAEG;IACH,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAMpB;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,aAAa,GAAG,SAAS,CAExC;IAED;;OAEG;IACH,aAAa,IAAI,OAAO;IAIxB;;OAEG;IACH,cAAc,IAAI,OAAO;IAIzB;;OAEG;IACM,KAAK,IAAI,IAAI;IAItB;;OAEG;IACM,IAAI,IAAI,IAAI;IAIrB;;OAEG;IACH,MAAM,IAAI,IAAI;CAGf;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC"}

package/web-components/elements/fmcp-select.d.ts

@@ -1,100 +0,0 @@
-/**
- * @file fmcp-select.ts
- * @description FrontMCP Select Web Component.
- *
- * A custom element wrapper around the select() HTML function.
- *
- * @example Basic usage
- * ```html
- * <fmcp-select name="country" label="Country" placeholder="Select a country">
- * </fmcp-select>
- * ```
- *
- * @example With options via property
- * ```tsx
- * const selectEl = document.querySelector('fmcp-select');
- * selectEl.selectOptions = [
- *   { value: 'us', label: 'United States' },
- *   { value: 'uk', label: 'United Kingdom' },
- * ];
- * ```
- *
- * @module @frontmcp/ui/web-components/elements/fmcp-select
- */
-import { FmcpElement, type FmcpElementConfig } from '../core';
-import { type SelectOptions } from '../../components/form';
-import { type SelectOptionItem } from '../../components/form.schema';
-/**
- * FmcpSelect Web Component
- */
-export declare class FmcpSelect extends FmcpElement<SelectOptions> {
-    protected readonly config: FmcpElementConfig<SelectOptions>;
-    /** Select options stored separately since they're complex objects */
-    private _selectOptions;
-    static get observedAttributes(): string[];
-    protected renderHtml(options: SelectOptions, _content: string): string;
-    set name(value: string);
-    get name(): string;
-    set label(value: string | undefined);
-    get label(): string | undefined;
-    set placeholder(value: string | undefined);
-    get placeholder(): string | undefined;
-    set helper(value: string | undefined);
-    get helper(): string | undefined;
-    set error(value: string | undefined);
-    get error(): string | undefined;
-    set size(value: SelectOptions['size']);
-    get size(): SelectOptions['size'];
-    set state(value: SelectOptions['state']);
-    get state(): SelectOptions['state'];
-    set required(value: boolean);
-    get required(): boolean;
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    set multiple(value: boolean);
-    get multiple(): boolean;
-    /**
-     * Set select options (array of { value, label, disabled?, selected? })
-     */
-    set selectOptions(value: SelectOptionItem[]);
-    get selectOptions(): SelectOptionItem[];
-    connectedCallback(): void;
-    private _handleChange;
-    /**
-     * Get current select value.
-     */
-    get value(): string;
-    /**
-     * Set select value.
-     */
-    set value(val: string);
-    /**
-     * Get selected options (for multiple select).
-     */
-    get selectedOptions(): string[];
-    /**
-     * Get validity state.
-     */
-    get validity(): ValidityState | undefined;
-    /**
-     * Check validity.
-     */
-    checkValidity(): boolean;
-    /**
-     * Report validity.
-     */
-    reportValidity(): boolean;
-    /**
-     * Focus the select.
-     */
-    focus(): void;
-    /**
-     * Blur the select.
-     */
-    blur(): void;
-}
-/**
- * Register the fmcp-select custom element.
- */
-export declare function registerFmcpSelect(): void;
-//# sourceMappingURL=fmcp-select.d.ts.map

package/web-components/elements/fmcp-select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fmcp-select.d.ts","sourceRoot":"","sources":["../../../src/web-components/elements/fmcp-select.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE1F;;GAEG;AACH,qBAAa,UAAW,SAAQ,WAAW,CAAC,aAAa,CAAC;IACxD,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAOzD;IAEF,qEAAqE;IACrE,OAAO,CAAC,cAAc,CAA0B;IAEhD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAgBxC;IAED,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IAatE,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAGrB;IACD,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGlC;IACD,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGxC;IACD,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGnC;IACD,IAAI,MAAM,IAAI,MAAM,GAAG,SAAS,CAE/B;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAGlC;IACD,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,CAAC,EAGpC;IACD,IAAI,IAAI,IAAI,aAAa,CAAC,MAAM,CAAC,CAEhC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,EAGtC;IACD,IAAI,KAAK,IAAI,aAAa,CAAC,OAAO,CAAC,CAElC;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1B;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;OAEG;IACH,IAAI,aAAa,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAG1C;IACD,IAAI,aAAa,IAAI,gBAAgB,EAAE,CAEtC;IAMQ,iBAAiB,IAAI,IAAI;IAOlC,OAAO,CAAC,aAAa;IAgBrB;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAGlB;IAED;;OAEG;IACH,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAMpB;IAED;;OAEG;IACH,IAAI,eAAe,IAAI,MAAM,EAAE,CAG9B;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,aAAa,GAAG,SAAS,CAExC;IAED;;OAEG;IACH,aAAa,IAAI,OAAO;IAIxB;;OAEG;IACH,cAAc,IAAI,OAAO;IAIzB;;OAEG;IACM,KAAK,IAAI,IAAI;IAItB;;OAEG;IACM,IAAI,IAAI,IAAI;CAGtB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CAIzC"}

package/web-components/elements/index.d.ts

@@ -1,13 +0,0 @@
-/**
- * @file elements/index.ts
- * @description Barrel exports for FrontMCP Web Component elements.
- *
- * @module @frontmcp/ui/web-components/elements
- */
-export { FmcpButton, registerFmcpButton } from './fmcp-button';
-export { FmcpCard, registerFmcpCard } from './fmcp-card';
-export { FmcpAlert, registerFmcpAlert } from './fmcp-alert';
-export { FmcpBadge, registerFmcpBadge } from './fmcp-badge';
-export { FmcpInput, registerFmcpInput } from './fmcp-input';
-export { FmcpSelect, registerFmcpSelect } from './fmcp-select';
-//# sourceMappingURL=index.d.ts.map

package/web-components/elements/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web-components/elements/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAG/D,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG5D,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG5D,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAG5D,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC"}

package/web-components/index.d.ts

@@ -1,49 +0,0 @@
-/**
- * @file index.ts
- * @description FrontMCP Web Components - Custom Elements for React/Vue/HTML.
- *
- * This module provides Web Components (Custom Elements) that wrap the
- * FrontMCP UI HTML functions, allowing native usage in any framework.
- *
- * @example Basic usage
- * ```typescript
- * import { registerAllComponents } from '@frontmcp/ui/web-components';
- *
- * // Register all components
- * registerAllComponents();
- *
- * // Use in HTML
- * // <fmcp-button variant="primary">Click Me</fmcp-button>
- * ```
- *
- * @example React usage
- * ```tsx
- * import { registerFmcpButton } from '@frontmcp/ui/web-components';
- *
- * registerFmcpButton();
- *
- * function App() {
- *   return (
- *     <fmcp-button variant="primary" onClick={handleClick}>
- *       Click Me
- *     </fmcp-button>
- *   );
- * }
- * ```
- *
- * @example Tree-shakeable imports
- * ```typescript
- * import { registerFmcpButton, registerFmcpCard } from '@frontmcp/ui/web-components';
- *
- * // Only register the components you need
- * registerFmcpButton();
- * registerFmcpCard();
- * ```
- *
- * @module @frontmcp/ui/web-components
- */
-export { FmcpElement, type FmcpElementConfig, type FmcpRenderEventDetail, parseAttributeValue, kebabToCamel, camelToKebab, getObservedAttributesFromSchema, mergeAttributeIntoOptions, type ParsedAttribute, } from './core';
-export { FmcpButton, FmcpCard, FmcpAlert, FmcpBadge, FmcpInput, FmcpSelect } from './elements';
-export { registerAllComponents, registerFmcpButton, registerFmcpCard, registerFmcpAlert, registerFmcpBadge, registerFmcpInput, registerFmcpSelect, } from './register';
-export type { FmcpButtonProps, FmcpCardProps, FmcpAlertProps, FmcpBadgeProps, FmcpInputProps, FmcpSelectProps, } from './types';
-//# sourceMappingURL=index.d.ts.map

package/web-components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web-components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAGH,OAAO,EACL,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,+BAA+B,EAC/B,yBAAyB,EACzB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG/F,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,YAAY,CAAC;AAGpB,YAAY,EACV,eAAe,EACf,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,EACd,eAAe,GAChB,MAAM,SAAS,CAAC"}