@openreachtech/furo-vue 1.3.1

package/types/generated/components/molecules/FuroSelect/FuroSelectContext.d.ts

@@ -0,0 +1,402 @@
+/**
+ * Context class for managing FuroSelect component.
+ *
+ * @extends {BaseFuroContext<null, Props, EmitEventName>}
+ */
+export default class FuroSelectContext extends BaseFuroContext<null, Props, "CHANGE_VALUE" | "UPDATE_VALUE" | "COMMIT_VALUE"> {
+    /**
+     * Factory method.
+     *
+     * @template {X extends typeof FuroSelectContext ? X : never} T, X
+     * @override
+     * @param {FuroSelectContextFactoryParams} params - Parameters of this factory method.
+     * @returns {InstanceType<T>} An instance of this class.
+     * @this {T}
+     */
+    static override create<T extends X extends typeof FuroSelectContext ? X : never, X>(this: T, { props, componentContext, refHash, }: FuroSelectContextFactoryParams): InstanceType<T>;
+    /**
+     * Build ref hash.
+     *
+     * @override
+     * @returns {FuroSelectContextParams['refHash']}
+     */
+    static override buildRefHash(): FuroSelectContextParams["refHash"];
+    /**
+     * Get emit event name.
+     *
+     * @override
+     * @returns {Readonly<{
+     *   CHANGE_VALUE: 'change-value'
+     *   COMMIT_VALUE: 'commit-value'
+     *   UPDATE_VALUE: 'update:value'
+     * }>}
+     */
+    static override get EMIT_EVENT_NAME(): Readonly<{
+        CHANGE_VALUE: "change-value";
+        COMMIT_VALUE: "commit-value";
+        UPDATE_VALUE: "update:value";
+    }>;
+    /**
+     * Get emit options.
+     *
+     * @returns {{
+     *   'change-value': (payload: import('./SelectEmitPayload.js').default) => void
+     *   'commit-value': (payload: import('./SelectEmitPayload.js').default) => void
+     *   'update:value': (value: FuroSelectValue | Array<FuroSelectValue> | null) => void
+     * }}
+     */
+    static get EMIT_EVENT_HASH(): {
+        "change-value": (payload: import("./SelectEmitPayload.js").default) => void;
+        "commit-value": (payload: import("./SelectEmitPayload.js").default) => void;
+        "update:value": (value: FuroSelectValue | Array<FuroSelectValue> | null) => void;
+    };
+    /**
+     * get: Constructor of `EmitPayload`.
+     *
+     * @returns {typeof SelectEmitPayload}
+     */
+    static get EmitPayloadCtor(): typeof SelectEmitPayload;
+    /**
+     * Constructor.
+     *
+     * @param {FuroSelectContextParams} params - Parameters of this constructor.
+     */
+    constructor({ props, componentContext, refHash, }: FuroSelectContextParams);
+    refHash: {
+        triggerElementRef: import("vue").Ref<HTMLElement | null>;
+        internalValueRef: import("vue").Ref<FuroSelectValue | Array<FuroSelectValue>>;
+    };
+    /**
+     * get: Constructor of this class.
+     *
+     * @override
+     * @returns {typeof FuroSelectContext}
+     */
+    override get Ctor(): typeof FuroSelectContext;
+    /**
+     * Get trigger element ref.
+     *
+     * @returns {import('vue').Ref<HTMLElement | null>}
+     */
+    get triggerElementRef(): import("vue").Ref<HTMLElement | null>;
+    /**
+     * Get internal value ref.
+     *
+     * @returns {import('vue').Ref<FuroSelectValue | Array<FuroSelectValue>>}
+     */
+    get internalValueRef(): import("vue").Ref<FuroSelectValue | Array<FuroSelectValue>>;
+    /**
+     * Get trigger attributes.
+     *
+     * @returns {Props['triggerParcel']}
+     */
+    get triggerParcel(): Props["triggerParcel"];
+    /**
+     * Get portal attributes.
+     *
+     * @returns {Props['portalParcel']}
+     */
+    get portalParcel(): Props["portalParcel"];
+    /**
+     * Get content attributes.
+     *
+     * @returns {Props['contentParcel']}
+     */
+    get contentParcel(): Props["contentParcel"];
+    /**
+     * Get loading.
+     *
+     * @returns {boolean}
+     */
+    get loading(): boolean;
+    /**
+     * Whether the select is invalid.
+     *
+     * @returns {boolean}
+     */
+    get isInvalid(): boolean;
+    /**
+     * Whether the select is multiple.
+     *
+     * @returns {boolean}
+     */
+    get isMultiple(): boolean;
+    /**
+     * @returns {Array<import('./SelectEmitPayload.js').FuroSelectOption>}
+     */
+    get options(): Array<import("./SelectEmitPayload.js").FuroSelectOption>;
+    /**
+     * get: how to derive an option's display label — a key name or a function.
+     *
+     * @returns {string | ((option: FuroSelectOption) => string) | null}
+     */
+    get optionLabel(): string | ((option: FuroSelectOption) => string) | null;
+    /**
+     * get: how to derive an option's model value — a key name or a function.
+     *
+     * @returns {string | ((option: FuroSelectOption) => FuroSelectValue) | null}
+     */
+    get optionValue(): string | ((option: FuroSelectOption) => FuroSelectValue) | null;
+    /**
+     * Resolve an option's display label.
+     *
+     * Uses `optionLabel` when set (function or key name); otherwise falls back to
+     * the option's own `label` (the historical default).
+     *
+     * @param {{
+     *   option: FuroSelectOption
+     * }} params - Parameters of this method.
+     * @returns {string | null} Display label.
+     */
+    resolveOptionLabel({ option, }: {
+        option: FuroSelectOption;
+    }): string | null;
+    /**
+     * Resolve an option's model value.
+     *
+     * Uses `optionValue` when set (function or key name); otherwise falls back to
+     * the option's own `value` (the historical default for FuroSelect).
+     *
+     * @param {{
+     *   option: FuroSelectOption
+     * }} params - Parameters of this method.
+     * @returns {FuroSelectValue} Model value.
+     */
+    resolveOptionValue({ option, }: {
+        option: FuroSelectOption;
+    }): FuroSelectValue;
+    /**
+     * Setup component context.
+     *
+     * @template {X extends FuroSelectContext ? X : never} T, X
+     * @override
+     * @returns {T} - For method chaining.
+     * @this {T}
+     */
+    override setupComponent<T extends X extends FuroSelectContext ? X : never, X>(this: T): T;
+    /**
+     * Extract root attributes.
+     *
+     * @returns {Props['parcel']}
+     */
+    extractRootAttributes(): Props["parcel"];
+    /**
+     * Extract trigger attributes.
+     *
+     * @returns {Props['triggerParcel']}
+     */
+    extractTriggerAttributes(): Props["triggerParcel"];
+    /**
+     * Extract content attributes.
+     *
+     * @returns {Props['contentParcel']}
+     */
+    extractContentAttributes(): Props["contentParcel"];
+    /**
+     * Extract placeholder.
+     *
+     * @returns {string}
+     */
+    extractPlaceholder(): string;
+    /**
+     * Whether to show the group option.
+     *
+     * @param {{
+     *   option: FuroSelectOption | null
+     * }} params - Parameters of this method.
+     * @returns {boolean}
+     */
+    shouldShowGroupOption({ option, }: {
+        option: FuroSelectOption | null;
+    }): boolean;
+    /**
+     * Whether the select has empty options.
+     *
+     * @returns {boolean}
+     */
+    hasEmptyOptions(): boolean;
+    /**
+     * Extract group options.
+     *
+     * @param {{
+     *   option: FuroSelectOption | null
+     * }} params - Parameters of this method.
+     * @returns {Array<import('./SelectEmitPayload.js').FuroSelectOption>}
+     */
+    extractGroupOptions({ option, }: {
+        option: FuroSelectOption | null;
+    }): Array<import("./SelectEmitPayload.js").FuroSelectOption>;
+    /**
+     * Build a custom event for emit payload construction.
+     *
+     * @param {{
+     *   name: string
+     *   selectedOption: FuroSelectOption | null
+     *   selectedOptions: Array<FuroSelectOption> | null
+     *   selectedIndex: number | null
+     *   selectedGroupIndex: number | null
+     *   selectedIndices: Array<number | null>
+     *   selectedGroupIndices: Array<number | null>
+     * }} params - Parameters of this method.
+     * @returns {CustomEvent<{
+     *   target: HTMLElement | null
+     *   selectedOption: FuroSelectOption | null
+     *   selectedOptions: Array<FuroSelectOption> | null
+     *   selectedIndex: number | null
+     *   selectedGroupIndex: number | null
+     *   selectedIndices: Array<number | null>
+     *   selectedGroupIndices: Array<number | null>
+     * }>}
+     */
+    buildCustomEvent({ name, selectedOption, selectedOptions, selectedIndex, selectedGroupIndex, selectedIndices, selectedGroupIndices, }: {
+        name: string;
+        selectedOption: FuroSelectOption | null;
+        selectedOptions: Array<FuroSelectOption> | null;
+        selectedIndex: number | null;
+        selectedGroupIndex: number | null;
+        selectedIndices: Array<number | null>;
+        selectedGroupIndices: Array<number | null>;
+    }): CustomEvent<{
+        target: HTMLElement | null;
+        selectedOption: FuroSelectOption | null;
+        selectedOptions: Array<FuroSelectOption> | null;
+        selectedIndex: number | null;
+        selectedGroupIndex: number | null;
+        selectedIndices: Array<number | null>;
+        selectedGroupIndices: Array<number | null>;
+    }>;
+    /**
+     * @param {{
+     *   options?: Array<FuroSelectOption>
+     * }} params - Parameters of this method.
+     * @returns {Array<FuroSelectOption & {
+     *   groupIndex: number | null
+     *   optionIndex: number
+     * }>}
+     */
+    generateFlattenedOptions({ options, }?: {
+        options?: Array<FuroSelectOption>;
+    }): Array<FuroSelectOption & {
+        groupIndex: number | null;
+        optionIndex: number;
+    }>;
+    /**
+     * Handle `update:model-value` from Reka `SelectRoot`.
+     *
+     * @param {{
+     *   selectedValue: FuroSelectValue | Array<FuroSelectValue>
+     * }} params - Parameters of this method.
+     */
+    onChangeValue({ selectedValue, }: {
+        selectedValue: FuroSelectValue | Array<FuroSelectValue>;
+    }): void;
+    /**
+     * Resolve the value emitted via `update:value`.
+     *
+     * In multiple mode this is the full array of selected model values (the
+     * underlying model array, already in `optionValue` space); otherwise it is the
+     * single resolved value of the matched option.
+     *
+     * @param {{
+     *   selectedValue: FuroSelectValue | Array<FuroSelectValue>
+     *   selectedOption: FuroSelectOption | null
+     * }} params - Parameters of this method.
+     * @returns {FuroSelectValue | Array<FuroSelectValue>}
+     */
+    extractUpdateValue({ selectedValue, selectedOption, }: {
+        selectedValue: FuroSelectValue | Array<FuroSelectValue>;
+        selectedOption: FuroSelectOption | null;
+    }): FuroSelectValue | Array<FuroSelectValue>;
+}
+export type FuroSelectContextParams = import("../../../contexts/BaseFuroContext.js").BaseFuroContextParams & {
+    props: Props;
+    componentContext: ComponentContext;
+    refHash: {
+        triggerElementRef: import("vue").Ref<HTMLElement | null>;
+        internalValueRef: import("vue").Ref<FuroSelectValue | Array<FuroSelectValue>>;
+    };
+};
+export type FuroSelectContextFactoryParams = Omit<FuroSelectContextParams, "refHash"> & {
+    refHash?: {
+        triggerElementRef: import("vue").Ref<HTMLElement | null>;
+        internalValueRef: import("vue").Ref<FuroSelectValue>;
+    };
+};
+export type EmitEventName = keyof typeof FuroSelectContext.EMIT_EVENT_NAME;
+/**
+ * A value FuroSelect can bind — a primitive, a whole option object, or null.
+ * Self-defined so the public value contract does not depend on the internal
+ * headless library.
+ */
+export type FuroSelectValue = string | number | bigint | Record<string, unknown> | null;
+/**
+ * Text-flow direction resolved for the control.
+ */
+export type FuroSelectTextDirectionValue = "ltr" | "rtl";
+export type FuroSelectRootParcelBase = Reka.SelectRootProps;
+export type FuroSelectTriggerParcel = Reka.SelectTriggerProps;
+export type FuroSelectPortalParcel = Reka.SelectPortalProps;
+export type FuroSelectContentParcel = Reka.SelectContentProps;
+export type Props = import("vue").HTMLAttributes & {
+    parcel?: (FuroSelectRootParcelBase & ExtraRootParcel) | null;
+    triggerParcel?: FuroSelectTriggerParcel | null;
+    portalParcel?: FuroSelectPortalParcel | null;
+    contentParcel?: FuroSelectContentParcel | null;
+};
+export type ExtraRootParcel = Record<string, unknown> & {
+    placeholder?: string | null;
+    loading?: boolean;
+    invalid?: boolean;
+    textDirection?: "toRight" | "toLeft";
+    options?: Array<FuroSelectOption>;
+    optionLabel?: string | ((option: FuroSelectOption) => string);
+    optionValue?: string | ((option: FuroSelectOption) => FuroSelectValue);
+};
+export type ComponentContext = import("vue").SetupContext<FuroSelectEmitHash, FuroSelectSlots>;
+export type FuroSelectSlots = import("vue").SlotsType<{
+    "trigger-content": {};
+    "trigger-text": {};
+    "trigger-icon": {};
+    "trigger-loading-icon": {};
+    "scroll-up-button": {};
+    "scroll-down-button": {};
+    "content-before": {};
+    "content-after": {};
+    group: {
+        group: FuroSelectOption;
+        groupIndex: number;
+    };
+    "group-label": {
+        group: FuroSelectOption;
+        groupIndex: number;
+    };
+    option: {
+        option: FuroSelectOption;
+        optionIndex: number;
+        group?: FuroSelectOption;
+        groupIndex?: number;
+    };
+    "option-text": {
+        option: FuroSelectOption;
+        optionIndex: number;
+    };
+    "option-indicator": {
+        option: FuroSelectOption;
+        optionIndex: number;
+    };
+    "separator": {
+        option: FuroSelectOption;
+        optionIndex: number;
+    };
+    empty: {
+        loading: boolean;
+    };
+}>;
+export type FuroSelectEmitHash = typeof FuroSelectContext.EMIT_EVENT_HASH;
+export type FuroSelectSetup = (props: Props, componentContext: ComponentContext) => {
+    context: FuroSelectContext;
+};
+export type FuroSelectOption = import("./SelectEmitPayload.js").FuroSelectOption;
+import BaseFuroContext from '../../../contexts/BaseFuroContext.js';
+import SelectEmitPayload from './SelectEmitPayload.js';
+import type * as Reka from 'reka-ui';

package/types/generated/components/molecules/FuroSelect/SelectEmitPayload.d.ts

@@ -0,0 +1,102 @@
+/**
+ * SelectEmitPayload.
+ *
+ * @extends {BaseEmitPayload<SelectRawEvent, HTMLElement>}
+ */
+export default class SelectEmitPayload extends BaseEmitPayload<SelectRawEvent, HTMLElement> {
+    constructor({ rawEvent, }: import("../../../emit-payload/BaseEmitPayload.js").BaseEmitPayloadParams<SelectRawEvent>);
+    /**
+     * Get the event detail.
+     *
+     * @returns {SelectRawEvent['detail'] | null}
+     */
+    get eventDetail(): SelectRawEvent["detail"] | null;
+    /**
+     * Selected value of the select.
+     *
+     * @returns {FuroSelectValue}
+     */
+    get value(): FuroSelectValue;
+    /**
+     * Selected values of the select.
+     *
+     * @returns {Array<FuroSelectValue> | null}
+     */
+    get values(): Array<FuroSelectValue> | null;
+    /**
+     * Matched option for the selected value.
+     *
+     * @returns {import('./FuroSelectContext.js').FuroSelectOption | null}
+     */
+    get selectedOption(): import("./FuroSelectContext.js").FuroSelectOption | null;
+    /**
+     * Zero-based selected option index.
+     *
+     * @returns {number | null}
+     */
+    get selectedIndex(): number | null;
+    /**
+     * Selected options for multi-select mode.
+     *
+     * @returns {Array<FuroSelectOption> | null}
+     */
+    get selectedOptions(): Array<FuroSelectOption> | null;
+    /**
+     * Zero-based selected option indices for multi-select mode.
+     *
+     * @returns {Array<number> | null}
+     */
+    get selectedIndices(): Array<number> | null;
+    /**
+     * Whether the select value is empty.
+     *
+     * @returns {boolean}
+     */
+    hasEmptyValue(): boolean;
+    /**
+     * Whether the select has a selected value.
+     *
+     * @returns {boolean}
+     */
+    hasSelectedValue(): boolean;
+    /**
+     * Whether the selected value matches the given option value.
+     *
+     * @param {{
+     *   value: FuroSelectValue
+     * }} params - Parameters of this method.
+     * @returns {boolean}
+     */
+    matchesOption({ value, }: {
+        value: FuroSelectValue;
+    }): boolean;
+}
+/**
+ * A value FuroSelect can bind — shared with FuroSelectContext so the value
+ * contract stays defined in one place, independent of the headless library.
+ */
+export type FuroSelectValue = import("./FuroSelectContext.js").FuroSelectValue;
+export type FuroSelectOption = FuroSelectOptionPropsBase & {
+    label: string | null;
+    value: FuroSelectValue;
+    disabled?: boolean;
+    separator?: boolean;
+    options?: Array<FuroSelectOption> | null;
+    [key: string]: any;
+};
+export type FuroSelectOptionPropsBase = Reka.SelectItemProps & Reka.SelectItemTextProps & Reka.SelectItemIndicatorProps;
+export type SelectRawEvent = CustomEvent<{
+    target: HTMLElement | null;
+    selectedOption: FuroSelectOption | null;
+    selectedOptions: Array<FuroSelectOption>;
+    selectedIndex: number;
+    selectedGroupIndex: number | null;
+    selectedIndices: Array<number>;
+    selectedGroupIndices: Array<number>;
+}>;
+export type SelectEmitPayloadParams = {
+    rawEvent: SelectRawEvent;
+};
+export type SelectEmitPayloadFactoryParams = SelectEmitPayloadParams;
+import BaseEmitPayload from '../../../emit-payload/BaseEmitPayload.js';
+import type * as Reka from 'reka-ui';

package/types/generated/components/molecules/FuroSeparator/FuroSeparator.vue.d.ts

@@ -0,0 +1,39 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    parcel: {
+        orientation?: "horizontal" | "vertical";
+        decorative?: boolean;
+    } | null;
+}, {
+    context: FuroSeparatorContext;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    parcel: {
+        orientation?: "horizontal" | "vertical";
+        decorative?: boolean;
+    } | null;
+}> & Readonly<{}>, {
+    parcel: {
+        orientation?: "horizontal" | "vertical";
+        decorative?: boolean;
+    };
+}, {}, {
+    RekaSeparator: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").SeparatorProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("reka-ui").SeparatorProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").SeparatorProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import FuroSeparatorContext from './FuroSeparatorContext.js';

package/types/generated/components/molecules/FuroSeparator/FuroSeparatorContext.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Context class for FuroSeparator molecule.
+ *
+ * Presentational divider between sibling content (toolbar groups, section
+ * boundaries). Emits nothing — it carries no value and reacts to no events.
+ *
+ * @extends {BaseFuroContext<null, Props, null>}
+ */
+export default class FuroSeparatorContext extends BaseFuroContext<null, Props, null> {
+    constructor({ props, componentContext, reactiveHash, refHash, shallowRefHash, modelRefHash, }: import("../../../contexts/BaseFuroContext.js").BaseFuroContextParams<Props, null, {}, {}, {}, {}>);
+    /**
+     * get: layout orientation of the divider.
+     *
+     * @returns {'horizontal' | 'vertical'} Orientation; defaults to horizontal.
+     */
+    get orientation(): "horizontal" | "vertical";
+    /**
+     * Whether the divider is purely visual (no semantic meaning for assistive
+     * tech). When true the underlying primitive drops its `separator` role.
+     *
+     * @returns {boolean} true when the divider is decorative.
+     */
+    isDecorative(): boolean;
+}
+export type Props = {
+    parcel: {
+        orientation?: "horizontal" | "vertical";
+        decorative?: boolean;
+    } | null;
+};
+import BaseFuroContext from '../../../contexts/BaseFuroContext.js';

package/types/generated/components/molecules/FuroSkeleton/FuroSkeleton.vue.d.ts

@@ -0,0 +1,27 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    parcel: {
+        variant?: "text" | "circle" | "rectangle";
+        width?: string;
+        height?: string;
+        animated?: boolean;
+    } | null;
+}, {
+    context: FuroSkeletonContext;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    parcel: {
+        variant?: "text" | "circle" | "rectangle";
+        width?: string;
+        height?: string;
+        animated?: boolean;
+    } | null;
+}> & Readonly<{}>, {
+    parcel: {
+        variant?: "text" | "circle" | "rectangle";
+        width?: string;
+        height?: string;
+        animated?: boolean;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import FuroSkeletonContext from './FuroSkeletonContext.js';

package/types/generated/components/molecules/FuroSkeleton/FuroSkeletonContext.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Context class for FuroSkeleton molecule.
+ *
+ * Presentational loading placeholder shown while real content is fetching.
+ * Carries no value and emits nothing — shape comes from the variant, size from
+ * optional width / height, and a pulse animation signals the loading state.
+ *
+ * @extends {BaseFuroContext<null, Props, null>}
+ */
+export default class FuroSkeletonContext extends BaseFuroContext<null, Props, null> {
+    constructor({ props, componentContext, reactiveHash, refHash, shallowRefHash, modelRefHash, }: import("../../../contexts/BaseFuroContext.js").BaseFuroContextParams<Props, null, {}, {}, {}, {}>);
+    /**
+     * get: placeholder shape variant.
+     *
+     * @returns {'text' | 'circle' | 'rectangle'} Variant; defaults to text.
+     */
+    get variant(): "text" | "circle" | "rectangle";
+    /**
+     * get: explicit width override (any CSS length).
+     *
+     * @returns {string | null} Width, or null to use the variant default.
+     */
+    get width(): string | null;
+    /**
+     * get: explicit height override (any CSS length).
+     *
+     * @returns {string | null} Height, or null to use the variant default.
+     */
+    get height(): string | null;
+    /**
+     * get: inline custom properties feeding the size overrides.
+     *
+     * Null entries are dropped by Vue, so the CSS fallback keeps the variant
+     * default when no override is supplied.
+     *
+     * @returns {{
+     *   '--furo-skeleton-width': string | null
+     *   '--furo-skeleton-height': string | null
+     * }} Style hash.
+     */
+    get inlineStyle(): {
+        "--furo-skeleton-width": string | null;
+        "--furo-skeleton-height": string | null;
+    };
+    /**
+     * Whether the pulse animation runs. Reduced-motion users still get a static
+     * placeholder via the CSS media query.
+     *
+     * @returns {boolean} true when animated; defaults to true.
+     */
+    isAnimated(): boolean;
+}
+export type Props = {
+    parcel: {
+        variant?: "text" | "circle" | "rectangle";
+        width?: string;
+        height?: string;
+        animated?: boolean;
+    } | null;
+};
+import BaseFuroContext from '../../../contexts/BaseFuroContext.js';