@ds-autonomie/web-components 1.0.1

package/dist/chunks/chunk.Z6TBD2AC.js

@@ -0,0 +1,125 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/alert/alert.styles.ts
+import { css } from "lit";
+var alert_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: contents;
+
+    /* For better DX, we'll reset the margin here so the base part can inherit it */
+    margin: 0;
+  }
+
+  .alert {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    border: solid var(--dsa-wc-alert-border-width)
+      var(--dsa-wc-alert-border-color);
+    border-top-width: calc(var(--dsa-wc-alert-border-width) * 3);
+    border-radius: var(--dsa-wc-alert-border-radius);
+    font: var(--dsa-wc-alert-message-font);
+    line-height: 1.6;
+    color: var(--dsa-wc-alert-message-color);
+    padding: var(--dsa-wc-alert-padding);
+    margin: inherit;
+  }
+
+  .alert:not(.alert--closable) .alert__close-button {
+    display: none;
+  }
+
+  .alert--primary {
+    border-top-color: var(--dsa-wc-alert-primary-icon-color);
+    background-color: var(--dsa-wc-alert-primary-background-color);
+  }
+
+  .alert--primary .alert__icon {
+    color: var(--dsa-wc-alert-primary-icon-color);
+  }
+
+  .alert--success {
+    border-top-color: var(--dsa-wc-alert-success-icon-color);
+    background-color: var(--dsa-wc-alert-success-background-color);
+  }
+
+  .alert--success .alert__icon {
+    color: var(--dsa-wc-alert-success-icon-color);
+  }
+
+  .alert--neutral {
+    border-top-color: var(--dsa-wc-alert-neutral-icon-color);
+    background-color: var(--dsa-wc-alert-neutral-background-color);
+  }
+
+  .alert--neutral .alert__icon {
+    color: var(--dsa-wc-alert-neutral-icon-color);
+  }
+
+  .alert--warning {
+    border-top-color: var(--dsa-wc-alert-warning-icon-color);
+    background-color: var(--dsa-wc-alert-warning-background-color);
+  }
+
+  .alert--warning .alert__icon {
+    color: var(--dsa-wc-alert-warning-icon-color);
+  }
+
+  .alert--danger {
+    border-top-color: var(--dsa-wc-alert-danger-icon-color);
+    background-color: var(--dsa-wc-alert-danger-background-color);
+  }
+
+  .alert--danger .alert__icon {
+    color: var(--dsa-wc-alert-danger-icon-color);
+  }
+  .alert__title {
+    font: var(--dsa-wc-alert-title-font);
+    word-wrap: break-word;
+    color: var(--dsa-wc-alert-title-color);
+    padding-top: var(--dsa-wc-alert-title-padding-top);
+  }
+
+  .alert__message {
+    padding: var(--dsa-wc-alert-message-padding);
+    overflow: hidden;
+    word-wrap: break-word;
+  }
+
+  .alert__text {
+    display: inline-grid;
+    align-items: flex-start;
+    gap: var(--dsa-wc-alert-text-gap);
+    flex: 1 0 0;
+  }
+
+  .alert__icon,
+  .alert__close-button {
+    font-size: var(--dsa-wc-alert-icon-size);
+  }
+
+  .alert__icon {
+    margin-inline-end: var(--dsa-wc-alert-icon-margin-inline);
+  }
+
+  .alert__close-button,
+  .alert__action {
+    margin-inline-start: var(--dsa-wc-alert-icon-margin-inline);
+  }
+
+  .alert__action {
+    display: flex;
+    align-items: flex-start;
+  }
+  dsa-icon-button {
+    --padding: 0;
+  }
+`;
+
+export {
+  alert_styles_default
+};

package/dist/chunks/chunk.ZKYSHEVZ.js

@@ -0,0 +1,22 @@
+// src/components/input-mask/input-mask.configs.ts
+var IBANConfig = {
+  placeholder: "____ ____ ____ ____ ____ ____ ____ ___",
+  pattern: "^(?:((?:IT|SM)\\d{2}[A-Z]{1}\\d{22})|(NL\\d{2}[A-Z]{4}\\d{10})|(LV\\d{2}[A-Z]{4}\\d{13})|((?:BG|GB|IE)\\d{2}[A-Z]{4}\\d{14})|(GI\\d{2}[A-Z]{4}\\d{15})|(RO\\d{2}[A-Z]{4}\\d{16})|(MT\\d{2}[A-Z]{4}\\d{23})|(NO\\d{13})|((?:DK|FI)\\d{16})|((?:SI)\\d{17})|((?:AT|EE|LU|LT)\\d{18})|((?:HR|LI|CH)\\d{19})|((?:DE|VA)\\d{20})|((?:AD|CZ|ES|MD|SK|SE)\\d{22})|(PT\\d{23})|((?:IS)\\d{24})|((?:BE)\\d{14})|((?:FR|MC|GR)\\d{25})|((?:PL|HU|CY)\\d{26}))$",
+  "help-text": `Indicaficatif pays en 2 lettres majuscules suivi de 10 \xE0 31 charact\xE8res num\xE9riques`
+};
+var BICConfig = {
+  placeholder: "____ __ __ ___",
+  pattern: `([a-zA-Z]{4})([a-zA-Z]{2})(([2-9a-zA-Z]{1})([0-9a-np-zA-NP-Z]{1}))((([0-9a-wy-zA-WY-Z]{1})([0-9a-zA-Z]{2}))|([xX]{3})|)`,
+  "help-text": "8 ou 11 charact\xE8res"
+};
+var NIRConfig = {
+  placeholder: "_ __ __ __ ___ ___ __",
+  pattern: `[12][0-9]{2}(0[1-9]|1[0-2])(2[AB]|[0-9]{2})[0-9]{3}[0-9]{3}([0-9]{2})`,
+  "help-text": "15 charact\xE8res"
+};
+
+export {
+  IBANConfig,
+  BICConfig,
+  NIRConfig
+};

package/dist/chunks/chunk.ZVGZDTBF.js

@@ -0,0 +1,104 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/badge/badge.styles.ts
+import { css } from "lit";
+var badge_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: inline-flex;
+  }
+
+  .badge {
+    display: inline-flex;
+    font: var(--dsa-wc-badge-font);
+    line-height: 1;
+    border-radius: var(--dsa-wc-badge-border-radius);
+    white-space: nowrap;
+    padding: 0.5rem;
+    user-select: none;
+    cursor: inherit;
+  }
+
+  .badge__slot-dot {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    white-space: pre;
+  }
+  /* Variant modifiers */
+  .badge--primary {
+    background-color: var(--dsa-wc-badge-background-color-primary);
+    color: var(--dsa-wc-badge-text-color-primary);
+  }
+
+  .badge--success {
+    background-color: var(--dsa-wc-badge-background-color-success);
+    color: var(--dsa-wc-badge-text-color-success);
+  }
+
+  .badge--neutral {
+    background-color: var(--dsa-wc-badge-background-color-neutral);
+    color: var(--dsa-wc-badge-text-color-neutral);
+  }
+
+  .badge--warning {
+    background-color: var(--dsa-wc-badge-background-color-warning);
+    color: var(--dsa-wc-badge-text-color-warning);
+  }
+
+  .badge--danger {
+    background-color: var(--dsa-wc-badge-background-color-danger);
+    color: var(--dsa-wc-badge-text-color-danger);
+  }
+
+  /* Dot modifier */
+  .badge--dot {
+    font: var(--dsa-wc-badge-dot-font);
+    padding: var(--dsa-wc-badge-dot-padding);
+  }
+
+  /* Pulse modifier */
+  .badge--pulse {
+    animation: pulse 1.5s var(--dsa-wc-no-animations-duration, infinite);
+  }
+
+  .badge--pulse.badge--primary {
+    --pulse-color: var(--dsa-wc-badge-background-color-primary);
+  }
+
+  .badge--pulse.badge--success {
+    --pulse-color: var(--dsa-wc-badge-background-color-success);
+  }
+
+  .badge--pulse.badge--neutral {
+    --pulse-color: var(--dsa-wc-badge-background-color-neutral);
+  }
+
+  .badge--pulse.badge--warning {
+    --pulse-color: var(--dsa-wc-badge-background-color-warning);
+  }
+
+  .badge--pulse.badge--danger {
+    --pulse-color: var(--dsa-wc-badge-background-color-danger);
+  }
+
+  @keyframes pulse {
+    0% {
+      box-shadow: 0 0 0 0 var(--pulse-color);
+    }
+    70% {
+      box-shadow: 0 0 0 0.5rem transparent;
+    }
+    100% {
+      box-shadow: 0 0 0 0 transparent;
+    }
+  }
+`;
+
+export {
+  badge_styles_default
+};

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,49 @@
+import type { CSSResultGroup } from 'lit';
+import { ShoelaceElement } from '../../internal/shoelace-element';
+import '../icon/icon';
+/**
+ * @summary Accordion show a brief summary and expand to show additional content.
+ * @documentation https://dsa.service-public-autonomie.fr/062dac5f6/p/79c73e-accordion
+ *
+ * @dependency dsa-icon
+ *
+ * @slot - The accordion's main content.
+ * @slot summary - The accordion's summary. Alternatively, you can use the `summary` attribute.
+ *
+ * @event dsa-show - Emitted when the accordion opens.
+ * @event dsa-after-show - Emitted after the accordion opens and all animations are complete.
+ * @event dsa-hide - Emitted when the accordion closes.
+ * @event dsa-after-hide - Emitted after the accordion closes and all animations are complete.
+ */
+export default class DSAAccordion extends ShoelaceElement {
+    static styles: CSSResultGroup;
+    private readonly localize;
+    accordion: HTMLElement;
+    header: HTMLElement;
+    body: HTMLElement;
+    /**
+     * Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you
+     * can use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.
+     */
+    open: boolean;
+    /** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */
+    summary: string;
+    /** Disables the accordion so it can't be toggled. */
+    disabled: boolean;
+    /** The accordion's expand/collapse icon variant */
+    icon: 'chevron' | 'box';
+    firstUpdated(): void;
+    private handleSummaryClick;
+    private handleSummaryKeyDown;
+    handleOpenChange(): Promise<void>;
+    /** Shows the accordion. */
+    show(): Promise<void>;
+    /** Hides the accordion */
+    hide(): Promise<void>;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dsa-accordion': DSAAccordion;
+    }
+}

package/dist/components/accordion/accordion.js

@@ -0,0 +1,23 @@
+import {
+  DSAAccordion
+} from "../../chunks/chunk.UA32LJYW.js";
+import "../../chunks/chunk.LC54322H.js";
+import "../../chunks/chunk.B4BZKR24.js";
+import "../../chunks/chunk.2FK6USFR.js";
+import "../../chunks/chunk.V7RJROLH.js";
+import "../../chunks/chunk.5XL2LZLC.js";
+import "../../chunks/chunk.G7AELPSO.js";
+import "../../chunks/chunk.LMJPQPQT.js";
+import "../../chunks/chunk.7J7CS3BK.js";
+import "../../chunks/chunk.RDGMZ5XB.js";
+import "../../chunks/chunk.I33L3NO6.js";
+import "../../chunks/chunk.23TOS4ZE.js";
+import "../../chunks/chunk.XNEONNEJ.js";
+import "../../chunks/chunk.FDYFSRSX.js";
+import "../../chunks/chunk.D7CATJYB.js";
+import "../../chunks/chunk.YCXTCVAZ.js";
+import "../../chunks/chunk.TUVJKY7S.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  DSAAccordion as default
+};

package/dist/components/accordion/accordion.styles.d.ts

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

package/dist/components/accordion/accordion.styles.js

@@ -0,0 +1,8 @@
+import {
+  accordion_styles_default
+} from "../../chunks/chunk.LC54322H.js";
+import "../../chunks/chunk.TUVJKY7S.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  accordion_styles_default as default
+};

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

@@ -0,0 +1,52 @@
+import type { CSSResultGroup } from 'lit';
+import { ShoelaceElement } from '../../internal/shoelace-element';
+import '../icon-button/icon-button';
+/**
+ * @summary Alerts are used to display important messages inline or as toast notifications.
+ * @documentation https://dsa.service-public-autonomie.fr/062dac5f6/p/100a68-alert
+ *
+ * @dependency dsa-icon-button
+ *
+ * @slot - The alert's main content.
+ * @slot action - An optional slot action, usually a `dsa-button` or `dsa-button-group`.
+ *
+ * @event dsa-show - Emitted when the alert opens.
+ * @event dsa-after-show - Emitted after the alert opens and all animations are complete.
+ * @event dsa-hide - Emitted when the alert closes.
+ * @event dsa-after-hide - Emitted after the alert closes and all animations are complete.
+ */
+export default class DSAAlert extends ShoelaceElement {
+    static styles: CSSResultGroup;
+    private autoHideTimeout;
+    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';
+    firstUpdated(): void;
+    private handleCloseClick;
+    private getPrefixIconName;
+    handleOpenChange(): Promise<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 {
+        'dsa-alert': DSAAlert;
+    }
+}

package/dist/components/alert/alert.js

@@ -0,0 +1,25 @@
+import {
+  DSAAlert
+} from "../../chunks/chunk.A2PAK6VF.js";
+import "../../chunks/chunk.XSCX6TC5.js";
+import "../../chunks/chunk.QFJA3MTV.js";
+import "../../chunks/chunk.B4BZKR24.js";
+import "../../chunks/chunk.2FK6USFR.js";
+import "../../chunks/chunk.V7RJROLH.js";
+import "../../chunks/chunk.5XL2LZLC.js";
+import "../../chunks/chunk.G7AELPSO.js";
+import "../../chunks/chunk.LMJPQPQT.js";
+import "../../chunks/chunk.7J7CS3BK.js";
+import "../../chunks/chunk.RDGMZ5XB.js";
+import "../../chunks/chunk.I33L3NO6.js";
+import "../../chunks/chunk.23TOS4ZE.js";
+import "../../chunks/chunk.XNEONNEJ.js";
+import "../../chunks/chunk.FDYFSRSX.js";
+import "../../chunks/chunk.Z6TBD2AC.js";
+import "../../chunks/chunk.D7CATJYB.js";
+import "../../chunks/chunk.YCXTCVAZ.js";
+import "../../chunks/chunk.TUVJKY7S.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  DSAAlert as default
+};

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

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

package/dist/components/alert/alert.styles.js

@@ -0,0 +1,8 @@
+import {
+  alert_styles_default
+} from "../../chunks/chunk.Z6TBD2AC.js";
+import "../../chunks/chunk.TUVJKY7S.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  alert_styles_default as default
+};

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

@@ -0,0 +1,81 @@
+import type { CSSResultGroup } from 'lit';
+import { ShoelaceElement } from '../../internal/shoelace-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://shoelace.style/components/animation
+ * @status stable
+ * @since 2.0
+ *
+ * @event dsa-cancel - Emitted when the animation is canceled.
+ * @event dsa-finish - Emitted when the animation finishes.
+ * @event dsa-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 `<dsa-animation>` elements.
+ */
+export default class DSAAnimation extends ShoelaceElement {
+    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 Shoelace 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 {
+        'dsa-animation': DSAAnimation;
+    }
+}

package/dist/components/animation/animation.js

@@ -0,0 +1,12 @@
+import {
+  DSAAnimation
+} from "../../chunks/chunk.EHVJT7BH.js";
+import "../../chunks/chunk.TJOP7HQP.js";
+import "../../chunks/chunk.D7CATJYB.js";
+import "../../chunks/chunk.YCXTCVAZ.js";
+import "../../chunks/chunk.YL3TSWVM.js";
+import "../../chunks/chunk.TUVJKY7S.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  DSAAnimation as default
+};

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

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

package/dist/components/animation/animation.styles.js

@@ -0,0 +1,8 @@
+import {
+  animation_styles_default
+} from "../../chunks/chunk.YL3TSWVM.js";
+import "../../chunks/chunk.TUVJKY7S.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  animation_styles_default as default
+};

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

@@ -0,0 +1,6 @@
+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/components/animation/animations.js

@@ -0,0 +1,11 @@
+import {
+  animations,
+  getAnimationNames,
+  getEasingNames
+} from "../../chunks/chunk.TJOP7HQP.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  animations,
+  getAnimationNames,
+  getEasingNames
+};

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

@@ -0,0 +1,42 @@
+import type { CSSResultGroup } from 'lit';
+import { ShoelaceElement } from '../../internal/shoelace-element.js';
+import DSAIcon from '../icon/icon';
+/**
+ * @summary Avatars are used to represent a person or object.
+ * @documentation https://shoelace.style/components/avatar
+ *
+ * @dependency dsa-icon
+ *
+ * @slot icon - The default icon to use when no image or initials are present. Works best with `<dsa-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 DSAAvatar extends ShoelaceElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'dsa-icon': typeof DSAIcon;
+    };
+    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 avatar's size. */
+    size: 'small' | 'medium' | 'large' | 'x-large';
+    handleImageChange(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dsa-avatar': DSAAvatar;
+    }
+}

package/dist/components/avatar/avatar.js

@@ -0,0 +1,19 @@
+import {
+  DSAAvatar
+} from "../../chunks/chunk.RIJQGADY.js";
+import "../../chunks/chunk.NHRDZGLI.js";
+import "../../chunks/chunk.G7AELPSO.js";
+import "../../chunks/chunk.LMJPQPQT.js";
+import "../../chunks/chunk.7J7CS3BK.js";
+import "../../chunks/chunk.RDGMZ5XB.js";
+import "../../chunks/chunk.I33L3NO6.js";
+import "../../chunks/chunk.23TOS4ZE.js";
+import "../../chunks/chunk.XNEONNEJ.js";
+import "../../chunks/chunk.FDYFSRSX.js";
+import "../../chunks/chunk.D7CATJYB.js";
+import "../../chunks/chunk.YCXTCVAZ.js";
+import "../../chunks/chunk.TUVJKY7S.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  DSAAvatar as default
+};

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

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

package/dist/components/avatar/avatar.styles.js

@@ -0,0 +1,8 @@
+import {
+  avatar_styles_default
+} from "../../chunks/chunk.NHRDZGLI.js";
+import "../../chunks/chunk.TUVJKY7S.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  avatar_styles_default as default
+};

package/dist/components/avatar-group/avatar-group.d.ts

@@ -0,0 +1,21 @@
+import type { CSSResultGroup } from 'lit';
+import { ShoelaceElement } from '../../internal/shoelace-element';
+/**
+ * @summary The avatar-group displays avatars in a grouped style
+ * @documentation https://shoelace.style/components/avatar
+
+ *
+ * @slot - The avatar group's content - only works with `dsa-avatar`
+ *
+
+ */
+export default class DSAAvatarGroup extends ShoelaceElement {
+    static styles: CSSResultGroup;
+    defaultSlot: HTMLSlotElement;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dsa-avatar-group': DSAAvatarGroup;
+    }
+}

package/dist/components/avatar-group/avatar-group.js

@@ -0,0 +1,9 @@
+import {
+  DSAAvatarGroup
+} from "../../chunks/chunk.KHIMMW3T.js";
+import "../../chunks/chunk.XWUQFDIN.js";
+import "../../chunks/chunk.YCXTCVAZ.js";
+import "../../chunks/chunk.6M63UXML.js";
+export {
+  DSAAvatarGroup as default
+};