@emuanalytics/flow-rdf-ui 0.0.2 → 0.0.4

package/dist/types/components/popup/popup.d.ts

@@ -1,140 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Popup is a utility that lets you declaratively anchor "popup" containers to another element.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/popup
- * @status stable
- * @since 2.0
- *
- * @event flow-ui-reposition - Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive
- *  operations in your listener or consider debouncing it.
- *
- * @slot - The popup's content.
- * @slot anchor - The element the popup will be anchored to. If the anchor lives outside of the popup, you can use the
- *  `anchor` attribute or property instead.
- *
- * @csspart arrow - The arrow's container. Avoid setting `top|bottom|left|right` properties, as these values are
- *  assigned dynamically as the popup moves. This is most useful for applying a background color to match the popup, and
- *  maybe a border or box shadow.
- * @csspart popup - The popup's container. Useful for setting a background color, box shadow, etc.
- *
- * @cssproperty [--arrow-size=6px] - The size of the arrow. Note that an arrow won't be shown unless the `arrow`
- *  attribute is used.
- * @cssproperty [--arrow-color=var(--flow-ui-color-neutral-0)] - The color of the arrow.
- * @cssproperty [--auto-size-available-width] - A read-only custom property that determines the amount of width the
- *  popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
- *  available when using `auto-size`.
- * @cssproperty [--auto-size-available-height] - A read-only custom property that determines the amount of height the
- *  popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only
- *  available when using `auto-size`.
- */
-export default class FlowPopup extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private anchorEl;
-    private cleanup;
-    /** A reference to the internal popup container. Useful for animating and styling the popup with JavaScript. */
-    popup: HTMLElement;
-    private arrowEl;
-    /**
-     * The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a
-     * reference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.
-     */
-    anchor: Element | string;
-    /**
-     * Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn
-     * down and the popup will be hidden.
-     */
-    active: boolean;
-    /**
-     * The preferred placement of the popup. Note that the actual placement will vary as configured to keep the
-     * panel inside of the viewport.
-     */
-    placement: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-    /**
-     * Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is
-     * clipped, using a `fixed` position strategy can often workaround it.
-     */
-    strategy: 'absolute' | 'fixed';
-    /** The distance in pixels from which to offset the panel away from its anchor. */
-    distance: number;
-    /** The distance in pixels from which to offset the panel along its anchor. */
-    skidding: number;
-    /**
-     * Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
-     * `--arrow-color` custom properties. For additional customizations, you can also target the arrow using
-     * `::part(arrow)` in your stylesheet.
-     */
-    arrow: boolean;
-    /**
-     * The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
-     * anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
-     * align the arrow to the start, end, or center of the popover instead.
-     */
-    arrowPlacement: 'start' | 'end' | 'center' | 'anchor';
-    /**
-     * The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,
-     * this will prevent it from overflowing the corners.
-     */
-    arrowPadding: number;
-    /**
-     * When set, placement of the popup will flip to the opposite site to keep it in view. You can use
-     * `flipFallbackPlacements` to further configure how the fallback placement is determined.
-     */
-    flip: boolean;
-    /**
-     * If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a
-     * string of any number of placements separated by a space, e.g. "top bottom left". If no placement fits, the flip
-     * fallback strategy will be used instead.
-     * */
-    flipFallbackPlacements: string;
-    /**
-     * When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether
-     * the popup should be positioned using the best available fit based on available space or as it was initially
-     * preferred.
-     */
-    flipFallbackStrategy: 'best-fit' | 'initial';
-    /**
-     * The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By
-     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
-     * change the boundary by passing a reference to one or more elements to this property.
-     */
-    flipBoundary: Element | Element[];
-    /** The amount of padding, in pixels, to exceed before the flip behavior will occur. */
-    flipPadding: number;
-    /** Moves the popup along the axis to keep it in view when clipped. */
-    shift: boolean;
-    /**
-     * The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By
-     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
-     * change the boundary by passing a reference to one or more elements to this property.
-     */
-    shiftBoundary: Element | Element[];
-    /** The amount of padding, in pixels, to exceed before the shift behavior will occur. */
-    shiftPadding: number;
-    /** When set, this will cause the popup to automatically resize itself to prevent it from overflowing. */
-    autoSize: 'horizontal' | 'vertical' | 'both';
-    /** Syncs the popup's width or height to that of the anchor element. */
-    sync: 'width' | 'height' | 'both';
-    /**
-     * The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By
-     * default, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can
-     * change the boundary by passing a reference to one or more elements to this property.
-     */
-    autoSizeBoundary: Element | Element[];
-    /** The amount of padding, in pixels, to exceed before the auto-size behavior will occur. */
-    autoSizePadding: number;
-    connectedCallback(): Promise<void>;
-    disconnectedCallback(): void;
-    updated(changedProps: Map<string, unknown>): Promise<void>;
-    private handleAnchorChange;
-    private start;
-    private stop;
-    /** Forces the popup to recalculate and reposition itself. */
-    reposition(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-popup': FlowPopup;
-    }
-}

package/dist/types/components/popup/popup.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

package/dist/types/components/popup/popup.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/progress-bar/progress-bar.d.ts

@@ -1,35 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Progress bars are used to show the status of an ongoing operation.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/progress-bar
- * @status stable
- * @since 2.0
- *
- * @slot - A label to show inside the progress indicator.
- *
- * @csspart base - The component's base wrapper.
- * @csspart indicator - The progress bar's indicator.
- * @csspart label - The progress bar's label.
- *
- * @cssproperty --height - The progress bar's height.
- * @cssproperty --track-color - The color of the track.
- * @cssproperty --indicator-color - The color of the indicator.
- * @cssproperty --label-color - The color of the label.
- */
-export default class FlowProgressBar extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    /** The current progress as a percentage, 0 to 100. */
-    value: number;
-    /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
-    indeterminate: boolean;
-    /** A custom label for assistive devices. */
-    label: string;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-progress-bar': FlowProgressBar;
-    }
-}

package/dist/types/components/progress-bar/progress-bar.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/progress-ring/progress-ring.d.ts

@@ -1,37 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Progress rings are used to show the progress of a determinate operation in a circular fashion.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/progress-ring
- * @status stable
- * @since 2.0
- *
- * @slot - A label to show inside the ring.
- *
- * @csspart base - The component's base wrapper.
- * @csspart label - The progress ring label.
- *
- * @cssproperty --size - The diameter of the progress ring (cannot be a percentage).
- * @cssproperty --track-width - The width of the track.
- * @cssproperty --track-color - The color of the track.
- * @cssproperty --indicator-width - The width of the indicator. Defaults to the track width.
- * @cssproperty --indicator-color - The color of the indicator.
- * @cssproperty --indicator-transition-duration - The duration of the indicator's transition when the value changes.
- */
-export default class FlowProgressRing extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    indicator: SVGCircleElement;
-    indicatorOffset: string;
-    /** The current progress as a percentage, 0 to 100. */
-    value: number;
-    /** A custom label for assistive devices. */
-    label: string;
-    updated(changedProps: Map<string, unknown>): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-progress-ring': FlowProgressRing;
-    }
-}

package/dist/types/components/progress-ring/progress-ring.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/radio/radio.d.ts

@@ -1,53 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * fdfd
- *
- * @summary Radios allow the user to select a single option from a group.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon
- *
- * @slot - The radio's label.
- *
- * @event flow-ui-blur - Emitted when the control loses focus.
- * @event flow-ui-focus - Emitted when the control gains focus.
- *
- * @csspart base - The component's base wrapper.
- * @csspart control - The circular container that wraps the radio's checked state.
- * @csspart control--checked - The radio control when the radio is checked.
- * @csspart checked-icon - The checked icon, an `<flow-ui-icon>` element.
- * @csspart label - The container that wraps the radio's label.
- */
-export default class FlowRadio extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    checked: boolean;
-    protected hasFocus: boolean;
-    /** The radio's value. When selected, the radio group will receive this value. */
-    value: string;
-    /**
-     * The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this
-     * attribute can typically be omitted.
-     */
-    size: 'small' | 'medium' | 'large';
-    /** Disables the radio. */
-    disabled: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private addEventListeners;
-    private removeEventListeners;
-    private handleBlur;
-    private handleClick;
-    private handleFocus;
-    private setInitialAttributes;
-    handleCheckedChange(): void;
-    handleDisabledChange(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-radio': FlowRadio;
-    }
-}

package/dist/types/components/radio/radio.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Default: Story;

package/dist/types/components/radio/radio.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/radio-button/radio-button.d.ts

@@ -1,60 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Radios buttons allow the user to select a single option from a group using a button-like control.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-button
- * @status stable
- * @since 2.0
- *
- * @slot - The radio button's label.
- * @slot prefix - A presentational prefix icon or similar element.
- * @slot suffix - A presentational suffix icon or similar element.
- *
- * @event flow-ui-blur - Emitted when the button loses focus.
- * @event flow-ui-focus - Emitted when the button gains focus.
- *
- * @csspart base - The component's base wrapper.
- * @csspart button - The internal `<button>` element.
- * @csspart button--checked - The internal button element when the radio button is checked.
- * @csspart prefix - The container that wraps the prefix.
- * @csspart label - The container that wraps the radio button's label.
- * @csspart suffix - The container that wraps the suffix.
- */
-export default class FlowRadioButton extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly hasSlotController;
-    input: HTMLInputElement;
-    hiddenInput: HTMLInputElement;
-    protected hasFocus: boolean;
-    /**
-     * @internal The radio button's checked state. This is exposed as an "internal" attribute so we can reflect it, making
-     * it easier to style in button groups.
-     */
-    checked: boolean;
-    /** The radio's value. When selected, the radio group will receive this value. */
-    value: string;
-    /** Disables the radio button. */
-    disabled: boolean;
-    /**
-     * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so
-     * this attribute can typically be omitted.
-     */
-    size: 'small' | 'medium' | 'large';
-    /** Draws a pill-style radio button with rounded edges. */
-    pill: boolean;
-    connectedCallback(): void;
-    private handleBlur;
-    private handleClick;
-    private handleFocus;
-    handleDisabledChange(): void;
-    /** Sets focus on the radio button. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the radio button. */
-    blur(): void;
-    render(): import("lit").TemplateResult;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-radio-button': FlowRadioButton;
-    }
-}

package/dist/types/components/radio-button/radio-button.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Primary: Story;

package/dist/types/components/radio-button/radio-button.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/radio-group/radio-group.d.ts

@@ -1,89 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import type { FlowRdfFormControl } from '../../internal/flow-ui-rdf-element';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-import { FormControlController } from '../../internal/form';
-/**
- * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-group
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-button-group
- *
- * @slot - The default slot where `<flow-ui-radio>` or `<flow-ui-radio-button>` elements are placed.
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
- *  attribute.
- *
- * @event flow-ui-change - Emitted when the radio group's selected value changes.
- * @event flow-ui-input - Emitted when the radio group receives user input.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart form-control - The form control that wraps the label, input, and help text.
- * @csspart form-control-label - The label's wrapper.
- * @csspart form-control-input - The input's wrapper.
- * @csspart form-control-help-text - The help text's wrapper.
- * @csspart button-group - The button group that wraps radio buttons.
- * @csspart button-group__base - The button group's `base` part.
- */
-export default class FlowRadioGroup extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    protected readonly formControlController: FormControlController;
-    private readonly hasSlotController;
-    private customValidityMessage;
-    private validationTimeout;
-    defaultSlot: HTMLSlotElement;
-    validationInput: HTMLInputElement;
-    private hasButtonGroup;
-    private errorMessage;
-    defaultValue: string;
-    /**
-     * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
-     * instead.
-     */
-    label: string;
-    /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
-    helpText: string;
-    /** The name of the radio group, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the radio group, submitted as a name/value pair with form data. */
-    value: string;
-    /** The radio group's size. This size will be applied to all child radios and radio buttons. */
-    size: 'small' | 'medium' | 'large';
-    /**
-     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-     * the same document or shadow root for this to work.
-     */
-    form: string;
-    /** Ensures a child radio is checked before allowing the containing form to submit. */
-    required: boolean;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    firstUpdated(): void;
-    private getAllRadios;
-    private handleRadioClick;
-    private handleKeyDown;
-    private handleLabelClick;
-    private handleInvalid;
-    private syncRadios;
-    private updateCheckedRadio;
-    handleSizeChange(): void;
-    handleValueChange(): void;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message?: string): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-radio-group': FlowRadioGroup;
-    }
-}

package/dist/types/components/radio-group/radio-group.stories.d.ts

@@ -1,5 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const Primary: Story;

package/dist/types/components/radio-group/radio-group.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/range/range.d.ts

@@ -1,116 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import type { FlowRdfFormControl } from '../../internal/flow-ui-rdf-element';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Ranges allow the user to select a single value within a given range using a slider.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/range
- * @status stable
- * @since 2.0
- *
- * @slot label - The range's label. Alternatively, you can use the `label` attribute.
- * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
- *
- * @event flow-ui-blur - Emitted when the control loses focus.
- * @event flow-ui-change - Emitted when an alteration to the control's value is committed by the user.
- * @event flow-ui-focus - Emitted when the control gains focus.
- * @event flow-ui-input - Emitted when the control receives input.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart form-control - The form control that wraps the label, input, and help text.
- * @csspart form-control-label - The label's wrapper.
- * @csspart form-control-input - The range's wrapper.
- * @csspart form-control-help-text - The help text's wrapper.
- * @csspart base - The component's base wrapper.
- * @csspart input - The internal `<input>` element.
- * @csspart tooltip - The range's tooltip.
- *
- * @cssproperty --thumb-size - The size of the thumb.
- * @cssproperty --tooltip-offset - The vertical distance the tooltip is offset from the track.
- * @cssproperty --track-color-active - The color of the portion of the track that represents the current value.
- * @cssproperty --track-color-inactive - The of the portion of the track that represents the remaining value.
- * @cssproperty --track-height - The height of the track.
- * @cssproperty --track-active-offset - The point of origin of the active track.
- */
-export default class FlowRange extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    private readonly hasSlotController;
-    private readonly localize;
-    private resizeObserver;
-    input: HTMLInputElement;
-    output: HTMLOutputElement | null;
-    private hasFocus;
-    private hasTooltip;
-    title: string;
-    /** The name of the range, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the range, submitted as a name/value pair with form data. */
-    value: number;
-    /** The range's label. If you need to display HTML, use the `label` slot instead. */
-    label: string;
-    /** The range's help text. If you need to display HTML, use the help-text slot instead. */
-    helpText: string;
-    /** Disables the range. */
-    disabled: boolean;
-    /** The minimum acceptable value of the range. */
-    min: number;
-    /** The maximum acceptable value of the range. */
-    max: number;
-    /** The interval at which the range will increase and decrease. */
-    step: number;
-    /** The preferred placement of the range's tooltip. */
-    tooltip: 'top' | 'bottom' | 'none';
-    /**
-     * A function used to format the tooltip's value. The range's value is passed as the first and only argument. The
-     * function should return a string to display in the tooltip.
-     */
-    tooltipFormatter: (value: number) => string;
-    /**
-     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-     * the same document or shadow root for this to work.
-     */
-    form: string;
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: number;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleChange;
-    private handleInput;
-    private handleBlur;
-    private handleFocus;
-    private handleThumbDragStart;
-    private handleThumbDragEnd;
-    private syncProgress;
-    private syncTooltip;
-    handleValueChange(): void;
-    handleDisabledChange(): void;
-    syncRange(): void;
-    private handleInvalid;
-    /** Sets focus on the range. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the range. */
-    blur(): void;
-    /** Increments the value of the range by the value of the step attribute. */
-    stepUp(): void;
-    /** Decrements the value of the range by the value of the step attribute. */
-    stepDown(): void;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message: string): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-range': FlowRange;
-    }
-}

package/dist/types/components/range/range.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/types/components/resize-observer/resize-observer.d.ts

@@ -1,31 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/resize-observer
- * @status stable
- * @since 2.0
- *
- * @slot - One or more elements to watch for resizing.
- *
- * @event {{ entries: ResizeObserverEntry[] }} flow-ui-resize - Emitted when the element is resized.
- */
-export default class FlowResizeObserver extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private resizeObserver;
-    private observedElements;
-    /** Disables the observer. */
-    disabled: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleSlotChange;
-    private startObserver;
-    private stopObserver;
-    handleDisabledChange(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-resize-observer': FlowResizeObserver;
-    }
-}

package/dist/types/components/resize-observer/resize-observer.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;