@emuanalytics/flow-rdf-ui 0.0.2 → 0.0.3

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@emuanalytics/flow-rdf-ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/flow-rdf-ui.umd.cjs",
   "module": "dist/flow-rdf-ui.js",
-  "types": "dist/types/index.d.ts",
+  "types": "dist/flow-rdf-ui.d.ts",
   "files": [
     "dist"
   ],
@@ -17,14 +17,18 @@
   "dependencies": {
     "@ctrl/tinycolor": "^3.6.0",
     "@floating-ui/dom": "^1.2.9",
+    "@lit-labs/motion": "^1.0.4",
     "@shoelace-style/animations": "^1.1.0",
     "@shoelace-style/localize": "^3.1.1",
     "@turf/great-circle": "^6.5.0",
     "composed-offset-position": "^0.0.4",
-    "lit": "^2.7.2"
+    "lit": "^2.7.2",
+    "ora": "^7.0.1",
+    "s3-node-client": "^4.4.4"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.8.3",
+    "@fortawesome/fontawesome-free": "^6.4.2",
     "@open-wc/lit-helpers": "^0.5.1",
     "@open-wc/testing": "^3.2.0",
     "@remcovaes/web-test-runner-vite-plugin": "^1.2.0",

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

@@ -1,71 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Alerts are used to display important messages inline or as toast notifications.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/alert
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon-button
- *
- * @slot - The alert's main content.
- * @slot icon - An icon to show in the alert. Works best with `<flow-ui-icon>`.
- *
- * @event flow-ui-show - Emitted when the alert opens.
- * @event flow-ui-after-show - Emitted after the alert opens and all animations are complete.
- * @event flow-ui-hide - Emitted when the alert closes.
- * @event flow-ui-after-hide - Emitted after the alert closes and all animations are complete.
- *
- * @csspart base - The component's base wrapper.
- * @csspart icon - The container that wraps the optional icon.
- * @csspart message - The container that wraps the alert's main content.
- * @csspart close-button - The close button, an `<flow-ui-icon-button>`.
- * @csspart close-button__base - The close button's exported `base` part.
- *
- * @animation alert.show - The animation to use when showing the alert.
- * @animation alert.hide - The animation to use when hiding the alert.
- */
-export default class FlowAlert extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private autoHideTimeout;
-    private readonly hasSlotController;
-    private readonly localize;
-    base: HTMLElement;
-    /**
-     * Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can
-     * use the `show()` and `hide()` methods and this attribute will reflect the alert's open state.
-     */
-    open: boolean;
-    /** Enables a close button that allows the user to dismiss the alert. */
-    closable: boolean;
-    /** The alert's theme variant. */
-    variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger';
-    /**
-     * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with
-     * the alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning
-     * the alert will not close on its own.
-     */
-    duration: number;
-    firstUpdated(): void;
-    private restartAutoHide;
-    private handleCloseClick;
-    private handleMouseMove;
-    handleOpenChange(): Promise<void>;
-    handleDurationChange(): void;
-    /** Shows the alert. */
-    show(): Promise<void>;
-    /** Hides the alert */
-    hide(): Promise<void>;
-    /**
-     * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
-     * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
-     * calling this method again. The returned promise will resolve after the alert is hidden.
-     */
-    toast(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-alert': FlowAlert;
-    }
-}

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

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

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

@@ -1,81 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/animation
- * @status stable
- * @since 2.0
- *
- * @event flow-ui-cancel - Emitted when the animation is canceled.
- * @event flow-ui-finish - Emitted when the animation finishes.
- * @event flow-ui-start - Emitted when the animation starts or restarts.
- *
- * @slot - The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To
- *  animate multiple elements, either wrap them in a single container or use multiple `<flow-ui-animation>` elements.
- */
-export default class FlowAnimation extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private animation?;
-    private hasStarted;
-    defaultSlot: Promise<HTMLSlotElement>;
-    /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */
-    name: string;
-    /**
-     * Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when
-     * the animation finishes or gets canceled.
-     */
-    play: boolean;
-    /** The number of milliseconds to delay the start of the animation. */
-    delay: number;
-    /**
-     * Determines the direction of playback as well as the behavior when reaching the end of an iteration.
-     * [Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)
-     */
-    direction: PlaybackDirection;
-    /** The number of milliseconds each iteration of the animation takes to complete. */
-    duration: number;
-    /**
-     * The easing function to use for the animation. This can be a Flo.w RDF UI easing function or a custom easing function
-     * such as `cubic-bezier(0, 1, .76, 1.14)`.
-     */
-    easing: string;
-    /** The number of milliseconds to delay after the active period of an animation sequence. */
-    endDelay: number;
-    /** Sets how the animation applies styles to its target before and after its execution. */
-    fill: FillMode;
-    /** The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops. */
-    iterations: number;
-    /** The offset at which to start the animation, usually between 0 (start) and 1 (end). */
-    iterationStart: number;
-    /** The keyframes to use for the animation. If this is set, `name` will be ignored. */
-    keyframes?: Keyframe[];
-    /**
-     * Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this
-     * to `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This
-     * value can be changed without causing the animation to restart.
-     */
-    playbackRate: number;
-    /** Gets and sets the current animation time. */
-    get currentTime(): number;
-    set currentTime(time: number);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private handleAnimationFinish;
-    private handleAnimationCancel;
-    private handleSlotChange;
-    private createAnimation;
-    private destroyAnimation;
-    handleAnimationChange(): void;
-    handlePlayChange(): boolean;
-    handlePlaybackRateChange(): void;
-    /** Clears all keyframe effects caused by this animation and aborts its playback. */
-    cancel(): void;
-    /** Sets the playback time to the end of the animation corresponding to the current playback direction. */
-    finish(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-animation': FlowAnimation;
-    }
-}

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

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

package/dist/types/components/animation/animations.d.ts

@@ -1,6 +0,0 @@
-import * as animations from '@shoelace-style/animations';
-export { animations };
-/** Gets a list of all supported animation names. */
-export declare function getAnimationNames(): string[];
-/** Gets a list of all supported easing function names. */
-export declare function getEasingNames(): string[];

package/dist/types/components/animation/index.d.ts

@@ -1 +0,0 @@
-export { default as FlowAnimation } from './animation';

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

@@ -1,40 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Avatars are used to represent a person or object.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon
- *
- * @slot icon - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.
- *
- * @csspart base - The component's base wrapper.
- * @csspart icon - The container that wraps the avatar's icon.
- * @csspart initials - The container that wraps the avatar's initials.
- * @csspart image - The avatar image. Only shown when the `image` attribute is set.
- *
- * @cssproperty --size - The size of the avatar.
- */
-export default class FlowAvatar extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private hasError;
-    /** The image source to use for the avatar. */
-    image: string;
-    /** A label to use to describe the avatar to assistive devices. */
-    label: string;
-    /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */
-    initials: string;
-    /** Indicates how the browser should load the image. */
-    loading: 'eager' | 'lazy';
-    /** The shape of the avatar. */
-    shape: 'circle' | 'square' | 'rounded';
-    handleImageChange(): void;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-avatar': FlowAvatar;
-    }
-}

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

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

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

@@ -1,27 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Badges are used to draw attention and display statuses or counts.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge
- * @status stable
- * @since 2.0
- *
- * @slot - The badge's content.
- *
- * @csspart base - The component's base wrapper.
- */
-export default class FlowBadge extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    /** The badge's theme variant. */
-    variant: 'primary' | 'success' | 'neutral' | 'warning' | 'danger';
-    /** Draws a pill-style badge with rounded edges. */
-    pill: boolean;
-    /** Makes the badge pulsate to draw attention. */
-    pulse: boolean;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-badge': FlowBadge;
-    }
-}

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

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

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

@@ -1,35 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb
- * @status stable
- * @since 2.0
- *
- * @slot - One or more breadcrumb items to display.
- * @slot separator - The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.
- *
- * @dependency flow-ui-icon
- *
- * @csspart base - The component's base wrapper.
- */
-export default class FlowBreadcrumb extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly localize;
-    private separatorDir;
-    defaultSlot: HTMLSlotElement;
-    separatorSlot: HTMLSlotElement;
-    /**
-     * The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by
-     * screen readers and other assistive devices to provide more context for users.
-     */
-    label: string;
-    private getSeparator;
-    private handleSlotChange;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-breadcrumb': FlowBreadcrumb;
-    }
-}

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

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

package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts

@@ -1,39 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item
- * @status stable
- * @since 2.0
- *
- * @slot - The breadcrumb item's label.
- * @slot prefix - An optional prefix, usually an icon or icon button.
- * @slot suffix - An optional suffix, usually an icon or icon button.
- * @slot separator - The separator to use for the breadcrumb item. This will only change the separator for this item. If
- * you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.
- *
- * @csspart base - The component's base wrapper.
- * @csspart label - The breadcrumb item's label.
- * @csspart prefix - The container that wraps the prefix.
- * @csspart suffix - The container that wraps the suffix.
- * @csspart separator - The container that wraps the separator.
- */
-export default class FlowBreadcrumbItem extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly hasSlotController;
-    /**
-     * Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered
-     * internally. When unset, a button will be rendered instead.
-     */
-    href?: string;
-    /** Tells the browser where to open the link. Only used when `href` is set. */
-    target?: '_blank' | '_parent' | '_self' | '_top';
-    /** The `rel` attribute to use on the link. Only used when `href` is set. */
-    rel: string;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-breadcrumb-item': FlowBreadcrumbItem;
-    }
-}

package/dist/types/components/breadcrumb-item/breadcrumb-item.styles.d.ts

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

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

@@ -1,133 +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 Buttons represent actions that are available to the user.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button
- * @status stable
- * @since 2.0
- *
- * @dependency flow-ui-icon
- * @dependency flow-ui-spinner
- *
- * @event flow-ui-blur - Emitted when the button loses focus.
- * @event flow-ui-focus - Emitted when the button gains focus.
- * @event flow-ui-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- *
- * @slot - The button's label.
- * @slot prefix - A presentational prefix icon or similar element.
- * @slot suffix - A presentational suffix icon or similar element.
- *
- * @csspart base - The component's base wrapper.
- * @csspart prefix - The container that wraps the prefix.
- * @csspart label - The button's label.
- * @csspart suffix - The container that wraps the suffix.
- * @csspart caret - The button's caret icon, an `<flow-ui-icon>` element.
- */
-export default class FlowButton extends FlowRdfElement implements FlowRdfFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    private readonly hasSlotController;
-    private readonly localize;
-    button: HTMLButtonElement | HTMLLinkElement;
-    private hasFocus;
-    invalid: boolean;
-    title: string;
-    /** The button's theme variant. */
-    variant: 'default' | 'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger' | 'text';
-    /** The button's size. */
-    size: 'small' | 'medium' | 'large';
-    /** Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. */
-    caret: boolean;
-    /** Disables the button. */
-    disabled: boolean;
-    /** Draws the button in a loading state. */
-    loading: boolean;
-    /** Draws an outlined button. */
-    outline: boolean;
-    /** Draws a pill-style button with rounded edges. */
-    pill: boolean;
-    /**
-     * Draws a circular icon button. When this attribute is present, the button expects a single `<flow-ui-icon>` in the
-     * default slot.
-     */
-    circle: boolean;
-    /**
-     * The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native
-     * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.
-     */
-    type: 'button' | 'submit' | 'reset';
-    /**
-     * The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.
-     * This attribute is ignored when `href` is present.
-     */
-    name: string;
-    /**
-     * The value of the button, submitted as a pair with the button's name as part of the form data, but only when this
-     * button is the submitter. This attribute is ignored when `href` is present.
-     */
-    value: string;
-    /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
-    href: string;
-    /** Tells the browser where to open the link. Only used when `href` is present. */
-    target: '_blank' | '_parent' | '_self' | '_top';
-    /**
-     * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the
-     * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a
-     * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by
-     * setting the attribute to an empty string or a value of your choice, respectively.
-     */
-    rel: string;
-    /** Tells the browser to download the linked file as this filename. Only used when `href` is present. */
-    download?: string;
-    /**
-     * The "form owner" to associate the button with. If omitted, the closest containing form will be used instead. The
-     * value of this attribute must be an id of a form in the same document or shadow root as the button.
-     */
-    form: string;
-    /** Used to override the form owner's `action` attribute. */
-    formAction: string;
-    /** Used to override the form owner's `enctype` attribute.  */
-    formEnctype: 'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain';
-    /** Used to override the form owner's `method` attribute.  */
-    formMethod: 'post' | 'get';
-    /** Used to override the form owner's `novalidate` attribute. */
-    formNoValidate: boolean;
-    /** Used to override the form owner's `target` attribute. */
-    formTarget: '_self' | '_blank' | '_parent' | '_top' | string;
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    private handleBlur;
-    private handleFocus;
-    private handleClick;
-    private handleHostClick;
-    private handleInvalid;
-    private isButton;
-    private isLink;
-    handleDisabledChange(): void;
-    /** Simulates a click on the button. */
-    click(): void;
-    /** Sets focus on the button. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the button. */
-    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;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-button': FlowButton;
-    }
-}

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

@@ -1,6 +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;
-export declare const Variants: Story;

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

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

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

@@ -1,33 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Button groups can be used to group related buttons into sections.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group
- * @status stable
- * @since 2.0
- *
- * @slot - One or more `<flow-ui-button>` elements to display in the button group.
- *
- * @csspart base - The component's base wrapper.
- */
-export default class FlowButtonGroup extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    defaultSlot: HTMLSlotElement;
-    disableRole: boolean;
-    /**
-     * A label to use for the button group. This won't be displayed on the screen, but it will be announced by assistive
-     * devices when interacting with the control and is strongly recommended.
-     */
-    label: string;
-    private handleFocus;
-    private handleBlur;
-    private handleMouseOver;
-    private handleMouseOut;
-    private handleSlotChange;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-button-group': FlowButtonGroup;
-    }
-}

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

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

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

@@ -1,34 +0,0 @@
-import type { CSSResultGroup } from 'lit';
-import FlowRdfElement from '../../internal/flow-ui-rdf-element';
-/**
- * @summary Cards can be used to group related subjects in a container.
- * @documentation https://developer.emu-analytics.net/docs/flow-ui-rdf/components/card
- * @status stable
- * @since 2.0
- *
- * @slot - The card's main content.
- * @slot header - An optional header for the card.
- * @slot footer - An optional footer for the card.
- * @slot image - An optional image to render at the start of the card.
- *
- * @csspart base - The component's base wrapper.
- * @csspart image - The container that wraps the card's image.
- * @csspart header - The container that wraps the card's header.
- * @csspart body - The container that wraps the card's main content.
- * @csspart footer - The container that wraps the card's footer.
- *
- * @cssproperty --border-color - The card's border color, including borders that occur inside the card.
- * @cssproperty --border-radius - The border radius for the card's edges.
- * @cssproperty --border-width - The width of the card's borders.
- * @cssproperty --padding - The padding to use for the card's sections.
- */
-export default class FlowCard extends FlowRdfElement {
-    static styles: CSSResultGroup;
-    private readonly hasSlotController;
-    render(): import("lit").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'flow-ui-card': FlowCard;
-    }
-}

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

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