@emuanalytics/flow-rdf-ui 0.0.2 → 0.0.3

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

@@ -1,174 +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 type FlowOption from '../option/option';
-import type FlowPopup from '../popup/popup';
-/**
- * @summary Selects allow you to choose items from a menu of predefined options.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/select
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon
- * @dependency flow-ui-popup
- * @dependency flow-ui-tag
- *
- * @slot - The listbox options. Must be `<flow-ui-option>` elements. You can use `<flow-ui-divider>` to group items visually.
- * @slot label - The input's label. Alternatively, you can use the `label` attribute.
- * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.
- * @slot clear-icon - An icon to use in lieu of the default clear icon.
- * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.
- * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
- *
- * @event flow-ui-change - Emitted when the control's value changes.
- * @event flow-ui-clear - Emitted when the control's value is cleared.
- * @event flow-ui-input - Emitted when the control receives input.
- * @event flow-ui-focus - Emitted when the control gains focus.
- * @event flow-ui-blur - Emitted when the control loses focus.
- * @event flow-ui-show - Emitted when the select's menu opens.
- * @event flow-ui-after-show - Emitted after the select's menu opens and all animations are complete.
- * @event flow-ui-hide - Emitted when the select's menu closes.
- * @event flow-ui-after-hide - Emitted after the select's menu closes and all animations are complete.
- * @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 select's wrapper.
- * @csspart form-control-help-text - The help text's wrapper.
- * @csspart combobox - The container the wraps the prefix, combobox, clear icon, and expand button.
- * @csspart prefix - The container that wraps the prefix slot.
- * @csspart display-input - The element that displays the selected option's label, an `<input>` element.
- * @csspart listbox - The listbox container where options are slotted.
- * @csspart tags - The container that houses option tags when `multiselect` is used.
- * @csspart tag - The individual tags that represent each multiselect option.
- * @csspart tag__base - The tag's base part.
- * @csspart tag__content - The tag's content part.
- * @csspart tag__remove-button - The tag's remove button.
- * @csspart tag__remove-button__base - The tag's remove button base part.
- * @csspart clear-button - The clear button.
- * @csspart expand-icon - The container that wraps the expand icon.
- */
-export default class FlowSelect extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    private readonly hasSlotController;
-    private readonly localize;
-    private typeToSelectString;
-    private typeToSelectTimeout;
-    popup: FlowPopup;
-    combobox: HTMLSlotElement;
-    displayInput: HTMLInputElement;
-    valueInput: HTMLInputElement;
-    listbox: HTMLSlotElement;
-    private hasFocus;
-    displayLabel: string;
-    currentOption: FlowOption;
-    selectedOptions: FlowOption[];
-    /** The name of the select, submitted as a name/value pair with form data. */
-    name: string;
-    /**
-     * The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the
-     * value will be a space-delimited list of values based on the options selected.
-     */
-    value: string | string[];
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string | string[];
-    /** The select's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Placeholder text to show as a hint when the select is empty. */
-    placeholder: string;
-    /** Allows more than one option to be selected. */
-    multiple: boolean;
-    /**
-     * The maximum number of selected options to show when `multiple` is true. After the maximum, "+n" will be shown to
-     * indicate the number of additional items that are selected. Set to 0 to remove the limit.
-     */
-    maxOptionsVisible: number;
-    /** Disables the select control. */
-    disabled: boolean;
-    /** Adds a clear button when the select is not empty. */
-    clearable: boolean;
-    /**
-     * Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can
-     * use the `show()` and `hide()` methods and this attribute will reflect the select's open state.
-     */
-    open: boolean;
-    /**
-     * Enable this option to prevent the listbox from being clipped when the component is placed inside a container with
-     * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
-     */
-    hoist: boolean;
-    /** Draws a filled select. */
-    filled: boolean;
-    /** Draws a pill-style select with rounded edges. */
-    pill: boolean;
-    /** The select's label. If you need to display HTML, use the `label` slot instead. */
-    label: string;
-    /**
-     * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox
-     * inside of the viewport.
-     */
-    placement: 'top' | 'bottom';
-    /** The select's help text. If you need to display HTML, use the `help-text` slot instead. */
-    helpText: 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 select's required attribute. */
-    required: boolean;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    private addOpenListeners;
-    private removeOpenListeners;
-    private handleFocus;
-    private handleBlur;
-    private handleDocumentFocusIn;
-    private handleDocumentKeyDown;
-    private handleDocumentMouseDown;
-    private handleLabelClick;
-    private handleComboboxMouseDown;
-    private handleComboboxKeyDown;
-    private handleClearClick;
-    private handleClearMouseDown;
-    private handleOptionClick;
-    private handleDefaultSlotChange;
-    private handleTagRemove;
-    private getAllOptions;
-    private getFirstOption;
-    private setCurrentOption;
-    private setSelectedOptions;
-    private toggleOptionSelection;
-    private selectionChanged;
-    private handleInvalid;
-    handleDisabledChange(): void;
-    handleValueChange(): void;
-    handleOpenChange(): Promise<void>;
-    /** Shows the listbox. */
-    show(): Promise<void>;
-    /** Hides the listbox. */
-    hide(): Promise<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;
-    /** Sets focus on the control. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the control. */
-    blur(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-select': FlowSelect;
-    }
-}

package/dist/types/components/select/select.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/select/select.styles.d.ts

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

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

@@ -1,25 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Spinners are used to show the progress of an indeterminate operation.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/spinner
- * @status stable
- * @since 2.0
- *
- * @csspart base - The component's base wrapper.
- *
- * @cssproperty --track-width - The width of the track.
- * @cssproperty --track-color - The color of the track.
- * @cssproperty --indicator-color - The color of the spinner's indicator.
- * @cssproperty --speed - The time it takes for the spinner to complete one animation cycle.
- */
-export default class FlowSpinner extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-spinner': FlowSpinner;
-    }
-}

package/dist/types/components/spinner/spinner.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/spinner/spinner.styles.d.ts

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

package/dist/types/components/split-panel/split-panel.d.ts

@@ -1,74 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Split panels display two adjacent panels, allowing the user to reposition them.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel
- * @status stable
- * @since 2.0
- *
- * @event flow-ui-reposition - Emitted when the divider's position changes.
- *
- * @slot start - Content to place in the start panel.
- * @slot end - Content to place in the end panel.
- * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.
- *
- * @csspart start - The start panel.
- * @csspart end - The end panel.
- * @csspart panel - Targets both the start and end panels.
- * @csspart divider - The divider that separates the start and end panels.
- *
- * @cssproperty [--divider-width=4px] - The width of the visible divider.
- * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is
- *  usually wider than the divider to facilitate easier dragging.
- * @cssproperty [--min=0] - The minimum allowed size of the primary panel.
- * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.
- */
-export default class FlowSplitPanel extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private cachedPositionInPixels;
-    private readonly localize;
-    private resizeObserver;
-    private size;
-    divider: HTMLElement;
-    /**
-     * The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the
-     * container's initial size.
-     */
-    position: number;
-    /** The current position of the divider from the primary panel's edge in pixels. */
-    positionInPixels: number;
-    /** Draws the split panel in a vertical orientation with the start and end panels stacked. */
-    vertical: boolean;
-    /** Disables resizing. Note that the position may still change as a result of resizing the host element. */
-    disabled: boolean;
-    /**
-     * If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a
-     * primary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the
-     * host element is resized.
-     */
-    primary?: 'start' | 'end';
-    /**
-     * One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.
-     * `"100px 50%"`.
-     */
-    snap?: string;
-    /** How close the divider must be to a snap point until snapping occurs. */
-    snapThreshold: number;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private detectSize;
-    private percentageToPixels;
-    private pixelsToPercentage;
-    private handleDrag;
-    private handleKeyDown;
-    private handleResize;
-    handlePositionChange(): void;
-    handlePositionInPixelsChange(): void;
-    handleVerticalChange(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-split-panel': FlowSplitPanel;
-    }
-}

package/dist/types/components/split-panel/split-panel.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/split-panel/split-panel.styles.d.ts

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

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

@@ -1,86 +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 Switches allow the user to toggle an option on or off.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/switch
- * @status stable
- * @since 2.0
- *
- * @slot - The switch's label.
- *
- * @event flow-ui-blur - Emitted when the control loses focus.
- * @event flow-ui-change - Emitted when the control's checked state changes.
- * @event flow-ui-input - Emitted when the control receives input.
- * @event flow-ui-focus - Emitted when the control gains focus.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @csspart base - The component's base wrapper.
- * @csspart control - The control that houses the switch's thumb.
- * @csspart thumb - The switch's thumb.
- * @csspart label - The switch's label.
- *
- * @cssproperty --width - The width of the switch.
- * @cssproperty --height - The height of the switch.
- * @cssproperty --thumb-size - The size of the thumb.
- */
-export default class FlowSwitch extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    input: HTMLInputElement;
-    private hasFocus;
-    title: string;
-    /** The name of the switch, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the switch, submitted as a name/value pair with form data. */
-    value: string;
-    /** The switch's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Disables the switch. */
-    disabled: boolean;
-    /** Draws the switch in a checked state. */
-    checked: boolean;
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultChecked: boolean;
-    /**
-     * 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;
-    /** Makes the switch a required field. */
-    required: boolean;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    firstUpdated(): void;
-    private handleBlur;
-    private handleInput;
-    private handleInvalid;
-    private handleClick;
-    private handleFocus;
-    private handleKeyDown;
-    handleCheckedChange(): void;
-    handleDisabledChange(): void;
-    /** Simulates a click on the switch. */
-    click(): void;
-    /** Sets focus on the switch. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the switch. */
-    blur(): 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-switch': FlowSwitch;
-    }
-}

package/dist/types/components/switch/switch.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/switch/switch.styles.d.ts

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

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

@@ -1,47 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon-button
- *
- * @slot - The tab's label.
- *
- * @event flow-ui-close - Emitted when the tab is closable and the close button is activated.
- *
- * @csspart base - The component's base wrapper.
- * @csspart close-button - The close button, an `<flow-ui-icon-button>`.
- * @csspart close-button__base - The close button's exported `base` part.
- */
-export default class FlowTab extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    private readonly attrId;
-    private readonly componentId;
-    tab: HTMLElement;
-    /** The name of the tab panel this tab is associated with. The panel must be located in the same tab group. */
-    panel: string;
-    /** Draws the tab in an active state. */
-    active: boolean;
-    /** Makes the tab closable and shows a close button. */
-    closable: boolean;
-    /** Disables the tab and prevents selection. */
-    disabled: boolean;
-    connectedCallback(): void;
-    private handleCloseClick;
-    handleActiveChange(): void;
-    handleDisabledChange(): void;
-    /** Sets focus to the tab. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the tab. */
-    blur(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-tab': FlowTab;
-    }
-}

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

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

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

@@ -1,76 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Tab groups organize content into a container that shows one section at a time.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-group
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon-button
- *
- * @slot - Used for grouping tab panels in the tab group. Must be `<flow-ui-tab-panel>` elements.
- * @slot nav - Used for grouping tabs in the tab group. Must be `<flow-ui-tab>` elements.
- *
- * @event {{ name: String }} flow-ui-tab-show - Emitted when a tab is shown.
- * @event {{ name: String }} flow-ui-tab-hide - Emitted when a tab is hidden.
- *
- * @csspart base - The component's base wrapper.
- * @csspart nav - The tab group's navigation container where tabs are slotted in.
- * @csspart tabs - The container that wraps the tabs.
- * @csspart active-tab-indicator - The line that highlights the currently selected tab.
- * @csspart body - The tab group's body where tab panels are slotted in.
- * @csspart scroll-button - The previous/next scroll buttons that show when tabs are scrollable, an `<flow-ui-icon-button>`.
- * @csspart scroll-button--start - The starting scroll button.
- * @csspart scroll-button--end - The ending scroll button.
- * @csspart scroll-button__base - The scroll button's exported `base` part.
- *
- * @cssproperty --indicator-color - The color of the active tab indicator.
- * @cssproperty --track-color - The color of the indicator's track (the line that separates tabs from panels).
- * @cssproperty --track-width - The width of the indicator's track (the line that separates tabs from panels).
- */
-export default class FlowTabGroup extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    private activeTab?;
-    private mutationObserver;
-    private resizeObserver;
-    private tabs;
-    private panels;
-    tabGroup: HTMLElement;
-    body: HTMLSlotElement;
-    nav: HTMLElement;
-    indicator: HTMLElement;
-    private hasScrollControls;
-    /** The placement of the tabs. */
-    placement: 'top' | 'bottom' | 'start' | 'end';
-    /**
-     * When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to
-     * manual, the tab will receive focus but will not show until the user presses spacebar or enter.
-     */
-    activation: 'auto' | 'manual';
-    /** Disables the scroll arrows that appear when tabs overflow. */
-    noScrollControls: boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private getAllTabs;
-    private getAllPanels;
-    private getActiveTab;
-    private handleClick;
-    private handleKeyDown;
-    private handleScrollToStart;
-    private handleScrollToEnd;
-    private setActiveTab;
-    private setAriaLabels;
-    private repositionIndicator;
-    private syncTabsAndPanels;
-    updateScrollControls(): void;
-    syncIndicator(): void;
-    /** Shows the specified tab panel. */
-    show(panel: string): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-tab-group': FlowTabGroup;
-    }
-}

package/dist/types/components/tab-group/tab-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/tab-group/tab-group.styles.d.ts

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

package/dist/types/components/tab-panel/tab-panel.d.ts

@@ -1,31 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tab-panel
- * @status stable
- * @since 2.0
- *
- * @slot - The tab panel's content.
- *
- * @csspart base - The component's base wrapper.
- *
- * @cssproperty --padding - The tab panel's padding.
- */
-export default class FlowTabPanel extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly attrId;
-    private readonly componentId;
-    /** The tab panel's name. */
-    name: string;
-    /** When true, the tab panel will be shown. */
-    active: boolean;
-    connectedCallback(): void;
-    handleActiveChange(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-tab-panel': FlowTabPanel;
-    }
-}

package/dist/types/components/tab-panel/tab-panel.styles.d.ts

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

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

@@ -1,38 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Tags are used as labels to organize things or to indicate a selection.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/tag
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon-button
- *
- * @slot - The tag's content.
- *
- * @event flow-ui-remove - Emitted when the remove button is activated.
- *
- * @csspart base - The component's base wrapper.
- * @csspart content - The tag's content.
- * @csspart remove-button - The tag's remove button, an `<flow-ui-icon-button>`.
- * @csspart remove-button__base - The remove button's exported `base` part.
- */
-export default class FlowTag extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    /** The tag's theme variant. */
-    variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
-    /** The tag's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Draws a pill-style tag with rounded edges. */
-    pill: boolean;
-    /** Makes the tag removable and shows a remove button. */
-    removable: boolean;
-    private handleRemoveClick;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-tag': FlowTag;
-    }
-}

package/dist/types/components/tag/tag.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/tag/tag.styles.d.ts

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