@luzmo/lucero 1.0.3-alpha.12 → 1.0.3-alpha.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/avatar/avatar.d.ts +17 -1
- package/components/avatar/index.cjs +1 -1
- package/components/avatar/index.js +1 -1
- package/components/avatar-CCe82byP.js +98 -0
- package/components/avatar-CwAC72MX.cjs +34 -0
- package/components/index.cjs +1 -1
- package/components/index.js +1 -1
- package/custom-elements.json +1 -1
- package/package.json +1 -1
- package/components/avatar-79Zd9NiA.js +0 -65
- package/components/avatar-BRfwsoBh.cjs +0 -24
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSResultArray, TemplateResult } from 'lit';
|
|
1
|
+
import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
|
|
2
2
|
import { Focusable } from '../../utils/focusable';
|
|
3
3
|
declare const LuzmoAvatar_base: typeof Focusable & {
|
|
4
4
|
new (...args: any[]): import("../..").SizedElementInterface;
|
|
@@ -26,11 +26,27 @@ export declare class LuzmoAvatar extends LuzmoAvatar_base {
|
|
|
26
26
|
* The src of the avatar image.
|
|
27
27
|
*/
|
|
28
28
|
src: string;
|
|
29
|
+
/**
|
|
30
|
+
* The letter to show when no image is available. Pass a single character;
|
|
31
|
+
* the host decides what to display (for example the first letter of a name).
|
|
32
|
+
*/
|
|
33
|
+
letter: string;
|
|
34
|
+
/**
|
|
35
|
+
* When true, the letter fallback derives its background color from the letter
|
|
36
|
+
* instead of using the neutral default.
|
|
37
|
+
*/
|
|
38
|
+
colorFromLetter: boolean;
|
|
29
39
|
/**
|
|
30
40
|
* When true, marks the avatar image as decorative (sets alt="").
|
|
31
41
|
* Use when the avatar does not convey meaningful information.
|
|
32
42
|
*/
|
|
33
43
|
isDecorative: boolean;
|
|
44
|
+
private _imageFailed;
|
|
45
|
+
private get displayLetter();
|
|
46
|
+
private get colorIndex();
|
|
47
|
+
protected willUpdate(changes: PropertyValues): void;
|
|
48
|
+
private handleImageError;
|
|
49
|
+
private renderFallback;
|
|
34
50
|
protected render(): TemplateResult;
|
|
35
51
|
}
|
|
36
52
|
export {};
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../avatar-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../avatar-CwAC72MX.cjs");exports.LuzmoAvatar=e.t;
|
|
@@ -21,5 +21,5 @@
|
|
|
21
21
|
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-informative-color: #1670dd;--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
|
|
22
22
|
}
|
|
23
23
|
})();
|
|
24
|
-
import { t as e } from "../avatar-
|
|
24
|
+
import { t as e } from "../avatar-CCe82byP.js";
|
|
25
25
|
export { e as LuzmoAvatar };
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
import { t as e } from "./decorate-CkCg3wfh.js";
|
|
19
|
+
import { n as t, t as n } from "./sized-mixin-DzQTebN-.js";
|
|
20
|
+
import { t as r } from "./focusable-DuP0-Kuy.js";
|
|
21
|
+
import { t as i } from "./like-anchor-DXCaEv7O.js";
|
|
22
|
+
import { html as a, unsafeCSS as o } from "lit";
|
|
23
|
+
import { property as s, query as c, state as l } from "lit/decorators.js";
|
|
24
|
+
import { luzmoIcon as u, luzmoUser as d } from "@luzmo/icons";
|
|
25
|
+
import { ifDefined as f } from "lit/directives/if-defined.js";
|
|
26
|
+
//#region src/components/avatar/avatar.module.scss?inline
|
|
27
|
+
var p = "@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{--avatar-border-radius:var(--luzmo-avatar-border-radius,var(--luzmo-avatar-size,var(--avatar-size)));inline-size:var(--luzmo-avatar-size,var(--avatar-size));block-size:var(--luzmo-avatar-size,var(--avatar-size));border-radius:var(--avatar-border-radius);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--luzmo-avatar-color-opacity,var(--avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--highcontrast-avatar-color-opacity-disabled,var(--luzmo-avatar-color-opacity-disabled,var(--avatar-color-opacity-disabled)))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:\"\";inline-size:calc(var(--luzmo-avatar-custom-size,var(--luzmo-avatar-size,var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) * 2);block-size:calc(var(--luzmo-avatar-custom-size,var(--luzmo-avatar-size,var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) * 2);border-style:solid;border-width:var(--luzmo-avatar-focus-indicator-width,var(--avatar-focus-indicator-width));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--luzmo-avatar-focus-indicator-color,var(--avatar-focus-indicator-color)));border-radius:var(--avatar-border-radius);position:absolute;inset-block-start:calc((var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width,var(--avatar-focus-indicator-width))) * -1);inset-inline-start:calc((var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width,var(--avatar-focus-indicator-width))) * -1)}.link{outline:0}.image{inline-size:var(--luzmo-avatar-size,var(--avatar-size));block-size:var(--luzmo-avatar-size,var(--avatar-size));border-radius:var(--avatar-border-radius)}.fallback{inline-size:var(--luzmo-avatar-size,var(--avatar-size));block-size:var(--luzmo-avatar-size,var(--avatar-size));border-radius:var(--avatar-border-radius);box-sizing:border-box;background-color:var(--luzmo-avatar-fallback-background-color,var(--avatar-fallback-background-color));color:var(--luzmo-avatar-fallback-color,var(--avatar-fallback-color));font-family:var(--luzmo-font-family);font-size:var(--luzmo-avatar-letter-font-size,var(--avatar-letter-font-size));font-weight:var(--luzmo-avatar-letter-font-weight,var(--avatar-letter-font-weight));text-transform:uppercase;justify-content:center;align-items:center;line-height:1;display:flex;overflow:hidden}.fallback svg{font-size:var(--luzmo-avatar-icon-size,var(--avatar-icon-size))}:host([rounding=none]),:host([rounding=none]) img,:host([rounding=none]) .fallback{border-radius:0}:host([rounding=full]),:host([rounding=full]) img,:host([rounding=full]) .fallback{border-radius:100%}:host([border=light]){border:var(--luzmo-avatar-border-width,var(--avatar-border-width)) solid var(--luzmo-avatar-border-color,var(--avatar-border-color))}:host([border=none]){border:0}:host{--avatar-color-opacity:1;--avatar-border-width:var(--luzmo-border-width);--avatar-border-color:var(--luzmo-border-color);--avatar-size:32px;--avatar-focus-indicator-width:var(--luzmo-indicator-width);--avatar-focus-indicator-gap:var(--luzmo-indicator-gap);--avatar-focus-indicator-color:var(--luzmo-indicator-color);--avatar-color-opacity-disabled:.3;--avatar-fallback-background-color:var(--luzmo-background-color-highlight);--avatar-fallback-color:var(--luzmo-font-color);--avatar-letter-font-weight:var(--luzmo-font-weight-semibold)}:host([size=xxs]){--avatar-size:var(--luzmo-component-height-xxs);--avatar-letter-font-size:var(--luzmo-font-size-xs);--avatar-icon-size:var(--luzmo-icon-size-xxs)}:host([size=xs]){--avatar-size:var(--luzmo-component-height-xs);--avatar-letter-font-size:var(--luzmo-font-size-xs);--avatar-icon-size:var(--luzmo-icon-size-xs)}:host([size=s]){--avatar-size:var(--luzmo-component-height-s);--avatar-letter-font-size:var(--luzmo-font-size-s);--avatar-icon-size:var(--luzmo-icon-size-s)}:host{--avatar-size:var(--luzmo-component-height);--avatar-letter-font-size:var(--luzmo-font-size);--avatar-icon-size:var(--luzmo-icon-size-m)}:host([size=l]){--avatar-size:var(--luzmo-component-height-l);--avatar-letter-font-size:var(--luzmo-font-size-l);--avatar-icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--avatar-size:var(--luzmo-component-height-xl);--avatar-letter-font-size:var(--luzmo-font-size-xl);--avatar-icon-size:var(--luzmo-icon-size-xl)}:host([size=xxl]){--avatar-size:var(--luzmo-component-height-xxl);--avatar-letter-font-size:var(--luzmo-font-size-xxl);--avatar-icon-size:var(--luzmo-icon-size-xxl)}:host([color-from-letter][data-color=\"0\"]){--avatar-fallback-background-color:var(--luzmo-seafoam-color);--avatar-fallback-color:black}:host([color-from-letter][data-color=\"1\"]){--avatar-fallback-background-color:var(--luzmo-indigo-color);--avatar-fallback-color:white}:host([color-from-letter][data-color=\"2\"]){--avatar-fallback-background-color:var(--luzmo-purple-color);--avatar-fallback-color:white}:host([color-from-letter][data-color=\"3\"]){--avatar-fallback-background-color:var(--luzmo-fuchsia-color);--avatar-fallback-color:white}:host([color-from-letter][data-color=\"4\"]){--avatar-fallback-background-color:var(--luzmo-magenta-color);--avatar-fallback-color:white}:host([color-from-letter][data-color=\"5\"]){--avatar-fallback-background-color:var(--luzmo-yellow-color);--avatar-fallback-color:black}:host([color-from-letter][data-color=\"6\"]){--avatar-fallback-background-color:var(--luzmo-red-color);--avatar-fallback-color:white}:host([color-from-letter][data-color=\"7\"]){--avatar-fallback-background-color:var(--luzmo-orange-color);--avatar-fallback-color:black}:host([color-from-letter][data-color=\"8\"]){--avatar-fallback-background-color:var(--luzmo-chartreuse-color);--avatar-fallback-color:black}:host([color-from-letter][data-color=\"9\"]){--avatar-fallback-background-color:var(--luzmo-celery-color);--avatar-fallback-color:white}:host([color-from-letter][data-color=\"10\"]){--avatar-fallback-background-color:var(--luzmo-green-color);--avatar-fallback-color:white}:host([color-from-letter][data-color=\"11\"]){--avatar-fallback-background-color:var(--luzmo-cyan-color);--avatar-fallback-color:black}:host([color-from-letter][data-color=\"12\"]){--avatar-fallback-background-color:var(--luzmo-blue-color);--avatar-fallback-color:white}img{vertical-align:top}", m = 13, h = class extends i(t(r, { validSizes: Object.values(n) })) {
|
|
28
|
+
constructor(...e) {
|
|
29
|
+
super(...e), this.src = "", this.letter = "", this.colorFromLetter = !1, this.isDecorative = !1, this._imageFailed = !1;
|
|
30
|
+
}
|
|
31
|
+
static get styles() {
|
|
32
|
+
return [o(p)];
|
|
33
|
+
}
|
|
34
|
+
get focusElement() {
|
|
35
|
+
return this.anchorElement || this;
|
|
36
|
+
}
|
|
37
|
+
get displayLetter() {
|
|
38
|
+
return this.letter?.trim().slice(0, 1).toUpperCase() ?? "";
|
|
39
|
+
}
|
|
40
|
+
get colorIndex() {
|
|
41
|
+
if (!(!this.colorFromLetter || !this.displayLetter)) return this.displayLetter.charCodeAt(0) % m;
|
|
42
|
+
}
|
|
43
|
+
willUpdate(e) {
|
|
44
|
+
super.willUpdate(e), e.has("src") && (this._imageFailed = !1);
|
|
45
|
+
let t = this.colorIndex;
|
|
46
|
+
t === void 0 ? delete this.dataset.color : this.dataset.color = String(t);
|
|
47
|
+
}
|
|
48
|
+
handleImageError() {
|
|
49
|
+
this._imageFailed = !0;
|
|
50
|
+
}
|
|
51
|
+
renderFallback() {
|
|
52
|
+
let e = this.isDecorative ? void 0 : this.label || void 0;
|
|
53
|
+
return a`
|
|
54
|
+
<div
|
|
55
|
+
class="fallback"
|
|
56
|
+
role=${f(e ? "img" : void 0)}
|
|
57
|
+
aria-label=${f(e)}
|
|
58
|
+
aria-hidden=${f(e ? void 0 : "true")}
|
|
59
|
+
>
|
|
60
|
+
${this.displayLetter || u(d)}
|
|
61
|
+
</div>
|
|
62
|
+
`;
|
|
63
|
+
}
|
|
64
|
+
render() {
|
|
65
|
+
let e = this.isDecorative ? "" : this.label || "", t = this.src && !this._imageFailed ? a`
|
|
66
|
+
<img
|
|
67
|
+
class="image"
|
|
68
|
+
alt=${e}
|
|
69
|
+
src=${this.src}
|
|
70
|
+
@error=${this.handleImageError}
|
|
71
|
+
/>
|
|
72
|
+
` : this.renderFallback();
|
|
73
|
+
return this.href ? this.renderAnchor({
|
|
74
|
+
id: "link",
|
|
75
|
+
className: "link",
|
|
76
|
+
anchorContent: t
|
|
77
|
+
}) : t;
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
//#endregion
|
|
81
|
+
//#region src/components/avatar/index.ts
|
|
82
|
+
e([s({
|
|
83
|
+
type: String,
|
|
84
|
+
reflect: !0
|
|
85
|
+
})], h.prototype, "border", void 0), e([s({
|
|
86
|
+
type: String,
|
|
87
|
+
reflect: !0
|
|
88
|
+
})], h.prototype, "rounding", void 0), e([c("#link")], h.prototype, "anchorElement", void 0), e([s()], h.prototype, "src", void 0), e([s({ type: String })], h.prototype, "letter", void 0), e([s({
|
|
89
|
+
type: Boolean,
|
|
90
|
+
reflect: !0,
|
|
91
|
+
attribute: "color-from-letter"
|
|
92
|
+
})], h.prototype, "colorFromLetter", void 0), e([s({
|
|
93
|
+
type: Boolean,
|
|
94
|
+
reflect: !0,
|
|
95
|
+
attribute: "is-decorative"
|
|
96
|
+
})], h.prototype, "isDecorative", void 0), e([l()], h.prototype, "_imageFailed", void 0), customElements.get("luzmo-avatar") || customElements.define("luzmo-avatar", h);
|
|
97
|
+
//#endregion
|
|
98
|
+
export { h as t };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-DTxxQ3yJ.cjs"),r=require("./like-anchor-BX4PSB3d.cjs");let i=require("lit"),a=require("lit/decorators.js"),o=require("@luzmo/icons"),s=require("lit/directives/if-defined.js");var c=`@media (forced-colors:active){:host{--highcontrast-avatar-focus-indicator-color:CanvasText}}:host{--avatar-border-radius:var(--luzmo-avatar-border-radius,var(--luzmo-avatar-size,var(--avatar-size)));inline-size:var(--luzmo-avatar-size,var(--avatar-size));block-size:var(--luzmo-avatar-size,var(--avatar-size));border-radius:var(--avatar-border-radius);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--luzmo-avatar-color-opacity,var(--avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--highcontrast-avatar-color-opacity-disabled,var(--luzmo-avatar-color-opacity-disabled,var(--avatar-color-opacity-disabled)))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:"";inline-size:calc(var(--luzmo-avatar-custom-size,var(--luzmo-avatar-size,var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) * 2);block-size:calc(var(--luzmo-avatar-custom-size,var(--luzmo-avatar-size,var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) * 2);border-style:solid;border-width:var(--luzmo-avatar-focus-indicator-width,var(--avatar-focus-indicator-width));border-color:var(--highcontrast-avatar-focus-indicator-color,var(--luzmo-avatar-focus-indicator-color,var(--avatar-focus-indicator-color)));border-radius:var(--avatar-border-radius);position:absolute;inset-block-start:calc((var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width,var(--avatar-focus-indicator-width))) * -1);inset-inline-start:calc((var(--luzmo-avatar-focus-indicator-gap,var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width,var(--avatar-focus-indicator-width))) * -1)}.link{outline:0}.image{inline-size:var(--luzmo-avatar-size,var(--avatar-size));block-size:var(--luzmo-avatar-size,var(--avatar-size));border-radius:var(--avatar-border-radius)}.fallback{inline-size:var(--luzmo-avatar-size,var(--avatar-size));block-size:var(--luzmo-avatar-size,var(--avatar-size));border-radius:var(--avatar-border-radius);box-sizing:border-box;background-color:var(--luzmo-avatar-fallback-background-color,var(--avatar-fallback-background-color));color:var(--luzmo-avatar-fallback-color,var(--avatar-fallback-color));font-family:var(--luzmo-font-family);font-size:var(--luzmo-avatar-letter-font-size,var(--avatar-letter-font-size));font-weight:var(--luzmo-avatar-letter-font-weight,var(--avatar-letter-font-weight));text-transform:uppercase;justify-content:center;align-items:center;line-height:1;display:flex;overflow:hidden}.fallback svg{font-size:var(--luzmo-avatar-icon-size,var(--avatar-icon-size))}:host([rounding=none]),:host([rounding=none]) img,:host([rounding=none]) .fallback{border-radius:0}:host([rounding=full]),:host([rounding=full]) img,:host([rounding=full]) .fallback{border-radius:100%}:host([border=light]){border:var(--luzmo-avatar-border-width,var(--avatar-border-width)) solid var(--luzmo-avatar-border-color,var(--avatar-border-color))}:host([border=none]){border:0}:host{--avatar-color-opacity:1;--avatar-border-width:var(--luzmo-border-width);--avatar-border-color:var(--luzmo-border-color);--avatar-size:32px;--avatar-focus-indicator-width:var(--luzmo-indicator-width);--avatar-focus-indicator-gap:var(--luzmo-indicator-gap);--avatar-focus-indicator-color:var(--luzmo-indicator-color);--avatar-color-opacity-disabled:.3;--avatar-fallback-background-color:var(--luzmo-background-color-highlight);--avatar-fallback-color:var(--luzmo-font-color);--avatar-letter-font-weight:var(--luzmo-font-weight-semibold)}:host([size=xxs]){--avatar-size:var(--luzmo-component-height-xxs);--avatar-letter-font-size:var(--luzmo-font-size-xs);--avatar-icon-size:var(--luzmo-icon-size-xxs)}:host([size=xs]){--avatar-size:var(--luzmo-component-height-xs);--avatar-letter-font-size:var(--luzmo-font-size-xs);--avatar-icon-size:var(--luzmo-icon-size-xs)}:host([size=s]){--avatar-size:var(--luzmo-component-height-s);--avatar-letter-font-size:var(--luzmo-font-size-s);--avatar-icon-size:var(--luzmo-icon-size-s)}:host{--avatar-size:var(--luzmo-component-height);--avatar-letter-font-size:var(--luzmo-font-size);--avatar-icon-size:var(--luzmo-icon-size-m)}:host([size=l]){--avatar-size:var(--luzmo-component-height-l);--avatar-letter-font-size:var(--luzmo-font-size-l);--avatar-icon-size:var(--luzmo-icon-size-l)}:host([size=xl]){--avatar-size:var(--luzmo-component-height-xl);--avatar-letter-font-size:var(--luzmo-font-size-xl);--avatar-icon-size:var(--luzmo-icon-size-xl)}:host([size=xxl]){--avatar-size:var(--luzmo-component-height-xxl);--avatar-letter-font-size:var(--luzmo-font-size-xxl);--avatar-icon-size:var(--luzmo-icon-size-xxl)}:host([color-from-letter][data-color="0"]){--avatar-fallback-background-color:var(--luzmo-seafoam-color);--avatar-fallback-color:black}:host([color-from-letter][data-color="1"]){--avatar-fallback-background-color:var(--luzmo-indigo-color);--avatar-fallback-color:white}:host([color-from-letter][data-color="2"]){--avatar-fallback-background-color:var(--luzmo-purple-color);--avatar-fallback-color:white}:host([color-from-letter][data-color="3"]){--avatar-fallback-background-color:var(--luzmo-fuchsia-color);--avatar-fallback-color:white}:host([color-from-letter][data-color="4"]){--avatar-fallback-background-color:var(--luzmo-magenta-color);--avatar-fallback-color:white}:host([color-from-letter][data-color="5"]){--avatar-fallback-background-color:var(--luzmo-yellow-color);--avatar-fallback-color:black}:host([color-from-letter][data-color="6"]){--avatar-fallback-background-color:var(--luzmo-red-color);--avatar-fallback-color:white}:host([color-from-letter][data-color="7"]){--avatar-fallback-background-color:var(--luzmo-orange-color);--avatar-fallback-color:black}:host([color-from-letter][data-color="8"]){--avatar-fallback-background-color:var(--luzmo-chartreuse-color);--avatar-fallback-color:black}:host([color-from-letter][data-color="9"]){--avatar-fallback-background-color:var(--luzmo-celery-color);--avatar-fallback-color:white}:host([color-from-letter][data-color="10"]){--avatar-fallback-background-color:var(--luzmo-green-color);--avatar-fallback-color:white}:host([color-from-letter][data-color="11"]){--avatar-fallback-background-color:var(--luzmo-cyan-color);--avatar-fallback-color:black}:host([color-from-letter][data-color="12"]){--avatar-fallback-background-color:var(--luzmo-blue-color);--avatar-fallback-color:white}img{vertical-align:top}`,l=13,u=class extends r.t(t.n(n.t,{validSizes:Object.values(t.t)})){constructor(...e){super(...e),this.src=``,this.letter=``,this.colorFromLetter=!1,this.isDecorative=!1,this._imageFailed=!1}static get styles(){return[(0,i.unsafeCSS)(c)]}get focusElement(){return this.anchorElement||this}get displayLetter(){return this.letter?.trim().slice(0,1).toUpperCase()??``}get colorIndex(){if(!(!this.colorFromLetter||!this.displayLetter))return this.displayLetter.charCodeAt(0)%l}willUpdate(e){super.willUpdate(e),e.has(`src`)&&(this._imageFailed=!1);let t=this.colorIndex;t===void 0?delete this.dataset.color:this.dataset.color=String(t)}handleImageError(){this._imageFailed=!0}renderFallback(){let e=this.isDecorative?void 0:this.label||void 0;return i.html`
|
|
19
|
+
<div
|
|
20
|
+
class="fallback"
|
|
21
|
+
role=${(0,s.ifDefined)(e?`img`:void 0)}
|
|
22
|
+
aria-label=${(0,s.ifDefined)(e)}
|
|
23
|
+
aria-hidden=${(0,s.ifDefined)(e?void 0:`true`)}
|
|
24
|
+
>
|
|
25
|
+
${this.displayLetter||(0,o.luzmoIcon)(o.luzmoUser)}
|
|
26
|
+
</div>
|
|
27
|
+
`}render(){let e=this.isDecorative?``:this.label||``,t=this.src&&!this._imageFailed?i.html`
|
|
28
|
+
<img
|
|
29
|
+
class="image"
|
|
30
|
+
alt=${e}
|
|
31
|
+
src=${this.src}
|
|
32
|
+
@error=${this.handleImageError}
|
|
33
|
+
/>
|
|
34
|
+
`:this.renderFallback();return this.href?this.renderAnchor({id:`link`,className:`link`,anchorContent:t}):t}};e.t([(0,a.property)({type:String,reflect:!0})],u.prototype,`border`,void 0),e.t([(0,a.property)({type:String,reflect:!0})],u.prototype,`rounding`,void 0),e.t([(0,a.query)(`#link`)],u.prototype,`anchorElement`,void 0),e.t([(0,a.property)()],u.prototype,`src`,void 0),e.t([(0,a.property)({type:String})],u.prototype,`letter`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`color-from-letter`})],u.prototype,`colorFromLetter`,void 0),e.t([(0,a.property)({type:Boolean,reflect:!0,attribute:`is-decorative`})],u.prototype,`isDecorative`,void 0),e.t([(0,a.state)()],u.prototype,`_imageFailed`,void 0),customElements.get(`luzmo-avatar`)||customElements.define(`luzmo-avatar`,u),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
|
package/components/index.cjs
CHANGED
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-CW7xAsId.cjs"),r=require("./focus-visible-eQdwUM9k.cjs"),ee=require("./focusable-DTxxQ3yJ.cjs"),te=require("./action-group-D1G30Iir.cjs"),ne=require("./icon-xwNfYSkj.cjs"),re=require("./close-button-BQUJeFCq.cjs"),i=require("./field-label-C5vdJ1ys.cjs"),a=require("./popover-R-fdNBvR.cjs"),o=require("./action-bar-CSf3qi0f.cjs"),s=require("./action-button-CMRoRRWo.cjs");require("./action-group/index.cjs");const c=require("./slottable-request-event-C6eb7Ch3.cjs"),ie=require("./progress-circle-DyApSKdm.cjs"),l=require("./menu-BS_hemfn.cjs"),u=require("./overlay-duS52Rsb.cjs"),d=require("./platform-BAjeJp2W.cjs"),f=require("./overlay-CO_JAhWD.cjs");require("./progress-circle/index.cjs");const p=require("./tooltip-Sm0pruxL.cjs"),m=require("./picker-Ddf255cd.cjs");require("./popover/index.cjs");const h=require("./action-menu-FzLrW87L.cjs"),g=require("./avatar-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-CW7xAsId.cjs"),r=require("./focus-visible-eQdwUM9k.cjs"),ee=require("./focusable-DTxxQ3yJ.cjs"),te=require("./action-group-D1G30Iir.cjs"),ne=require("./icon-xwNfYSkj.cjs"),re=require("./close-button-BQUJeFCq.cjs"),i=require("./field-label-C5vdJ1ys.cjs"),a=require("./popover-R-fdNBvR.cjs"),o=require("./action-bar-CSf3qi0f.cjs"),s=require("./action-button-CMRoRRWo.cjs");require("./action-group/index.cjs");const c=require("./slottable-request-event-C6eb7Ch3.cjs"),ie=require("./progress-circle-DyApSKdm.cjs"),l=require("./menu-BS_hemfn.cjs"),u=require("./overlay-duS52Rsb.cjs"),d=require("./platform-BAjeJp2W.cjs"),f=require("./overlay-CO_JAhWD.cjs");require("./progress-circle/index.cjs");const p=require("./tooltip-Sm0pruxL.cjs"),m=require("./picker-Ddf255cd.cjs");require("./popover/index.cjs");const h=require("./action-menu-FzLrW87L.cjs"),g=require("./avatar-CwAC72MX.cjs"),_=require("./badge-BjusWIAn.cjs"),v=require("./button-D7RUI_x1.cjs"),y=require("./button-group-6M8M-TUI.cjs"),b=require("./calendar-9tmSkAp2.cjs"),x=require("./chat-message-SBnm0ITB.cjs"),S=require("./chat-message-group-CzCwyW7F.cjs"),C=require("./checkbox-C-HC6f2c.cjs"),w=require("./color-loupe-C_C2hy-m.cjs"),T=require("./color-handle-BwV3Nia5.cjs"),E=require("./streaming-listener-Bfyk6Fsx.cjs"),D=require("./color-area-B5OHLqtm.cjs"),O=require("./text-field-COHW36-x.cjs"),k=require("./color-field-BKBpEfot.cjs");require("./color-loupe/index.cjs");const A=require("./color-slider-CVSEpLOP.cjs"),j=require("./divider-wana0uPI.cjs"),M=require("./swatch-DcUK5qDv.cjs"),N=require("./color-menu-etodAPbs.cjs"),P=require("./color-palette-C6G0Tdla.cjs"),F=require("./color-palette-group-B4r4tPfY.cjs"),I=require("./color-picker-D6k8Vmaj.cjs"),ae=require("./picker-button-COrTSUL5.cjs"),L=require("./date-range-picker-LrWdEyeh.cjs"),R=require("./date-time-picker-DOaTFsqF.cjs"),z=require("./field-group-aWhlzhoj.cjs");require("./field-group/index.cjs"),require("./field-label/index.cjs");const B=require("./infield-button-DKlrlNuX.cjs"),V=require("./label-DPG13Ib0.cjs"),H=require("./text-field-BzZ4jEr6.cjs"),U=require("./multi-language-field-CpDYvREK.cjs"),W=require("./number-field-BiTzYPdP.cjs"),G=require("./options-B2n3Z0hu.cjs");require("./picker/index.cjs");const K=require("./progress-bar-DHmthnzp.cjs"),q=require("./progress-steps-BgRH7KAn.cjs"),J=require("./skeleton-loader-Cm50Ztzk.cjs"),Y=require("./prompt-box-TXcnvkET.cjs"),oe=require("./voice-recorder-B1tBrGTV.cjs"),X=require("./radio-Ch4iR6e1.cjs"),se=require("./search-DkSM6A2a.cjs"),ce=require("./select-bmAvqF7N.cjs"),le=require("./slider-CfZ2IRgC.cjs"),ue=require("./status-light-Bu0G8-lH.cjs"),de=require("./switch-BKDJ3dZ9.cjs"),Z=require("./tabs-C07QGZbj.cjs"),Q=require("./top-nav-Dqa5pB4f.cjs"),$=require("./tags-CX8xqWyH.cjs"),fe=require("./toast-BzIN9rHc.cjs");require("./utils.cjs"),exports.ClickController=u.s,exports.DEFAULT_FILE_ICONS=Y.n,exports.DESCRIPTION_ID=m.t,exports.ELEMENT_MIME_TYPE=Y.r,exports.ElementSizes=t.t,exports.FocusVisiblePolyfillMixin=r.t,exports.Focusable=ee.t,exports.HoverController=u.o,exports.InteractionController=u.c,exports.InteractionTypes=u.l,exports.LONGPRESS_INSTRUCTIONS=u.i,exports.LongpressController=u.a,exports.LuzmoAbstractOverlay=u.h,exports.LuzmoAccordion=n.n,exports.LuzmoAccordionItem=n.t,exports.LuzmoActionBar=o.t,exports.LuzmoActionButton=s.t,exports.LuzmoActionGroup=te.t,exports.LuzmoActionMenu=h.t,exports.LuzmoAvatar=g.t,exports.LuzmoBadge=_.t,exports.LuzmoButton=v.n,exports.LuzmoButtonGroup=y.t,exports.LuzmoCalendar=b.t,exports.LuzmoChatMessage=x.t,exports.LuzmoChatMessageGroup=S.t,exports.LuzmoCheckbox=C.t,exports.LuzmoClearButton=v.t,exports.LuzmoCloseButton=re.t,exports.LuzmoColorArea=D.t,exports.LuzmoColorField=k.t,exports.LuzmoColorHandle=T.t,exports.LuzmoColorLoupe=w.t,exports.LuzmoColorMenu=N.t,exports.LuzmoColorPalette=P.t,exports.LuzmoColorPaletteGroup=F.t,exports.LuzmoColorPicker=I.t,exports.LuzmoColorSlider=A.t,exports.LuzmoDateRangePicker=L.t,exports.LuzmoDateTimePicker=R.t,exports.LuzmoDivider=j.t,exports.LuzmoElement=e.n,exports.LuzmoFieldGroup=z.t,exports.LuzmoFieldLabel=i.t,exports.LuzmoHelpText=H.t,exports.LuzmoIcon=ne.t,exports.LuzmoInfieldButton=B.t,exports.LuzmoLabel=V.t,exports.LuzmoMenu=l.a,exports.LuzmoMenuDivider=l.i,exports.LuzmoMenuGroup=l.r,exports.LuzmoMenuItem=l.t,exports.LuzmoMixin=e.r,exports.LuzmoMultiLangField=U.t,exports.LuzmoNumberField=W.t,exports.LuzmoOption=G.i,exports.LuzmoOptions=G.t,exports.LuzmoOptionsDivider=G.r,exports.LuzmoOverlay=u.t,exports.LuzmoOverlayTrigger=f.o,exports.LuzmoPicker=m.n,exports.LuzmoPickerBase=m.r,exports.LuzmoPickerButton=ae.t,exports.LuzmoPopover=a.t,exports.LuzmoProgressBar=K.t,exports.LuzmoProgressCircle=ie.t,exports.LuzmoProgressSteps=q.t,exports.LuzmoPromptBox=Y.t,exports.LuzmoRadio=X.n,exports.LuzmoRadioGroup=X.t,exports.LuzmoSearch=se.t,exports.LuzmoSelect=ce.t,exports.LuzmoSkeletonLoader=J.t,exports.LuzmoSlider=le.t,exports.LuzmoStatusLight=ue.t,exports.LuzmoSwatch=M.n,exports.LuzmoSwatchGroup=M.t,exports.LuzmoSwitch=de.t,exports.LuzmoTab=Z.i,exports.LuzmoTabPanel=Z.r,exports.LuzmoTabs=Z.n,exports.LuzmoTabsOverflow=Z.t,exports.LuzmoTag=$.n,exports.LuzmoTags=$.t,exports.LuzmoTextField=O.t,exports.LuzmoToast=fe.t,exports.LuzmoTooltip=p.t,exports.LuzmoTopNav=Q.n,exports.LuzmoTopNavItem=Q.t,exports.MenuItemAddedOrUpdatedEvent=l.n,exports.OverlayTriggerDirective=f.t,exports.PlacementController=u.f,exports.SAFARI_FOCUS_RING_CLASS=u.u,exports.SizedMixin=t.n,exports.SlottableRequestDirective=f.r,exports.SlottableRequestEvent=c.t,exports.VIRTUALIZE_AS_OF_NUM_ITEMS=G.n,exports.VirtualTrigger=u.m,exports.VoiceRecorder=oe.t,exports.guaranteedAllTransitionend=u.g,exports.isAndroid=d.t,exports.isAppleDevice=d.n,exports.isChrome=d.r,exports.isFirefox=d.i,exports.isIOS=d.a,exports.isIPad=d.o,exports.isIPhone=d.s,exports.isMac=d.c,exports.isSeamonkey=d.l,exports.isWebKit=d.u,exports.lastInteractionType=u.d,exports.nextFrame=u._,exports.noop=u.v,exports.openOverlay=f.a,exports.overlayTimer=u.y,exports.placementUpdatedSymbol=u.p,exports.removeSlottableRequest=c.n,exports.slottableRequest=f.i,exports.streamingListener=E.t,exports.trigger=f.n;
|
package/components/index.js
CHANGED
|
@@ -45,7 +45,7 @@ import { t as ne } from "./tooltip-Byl1h4nN.js";
|
|
|
45
45
|
import { n as re, r as ie, t as ae } from "./picker-mROuGSHu.js";
|
|
46
46
|
import "./popover/index.js";
|
|
47
47
|
import { t as oe } from "./action-menu-D6RV469H.js";
|
|
48
|
-
import { t as se } from "./avatar-
|
|
48
|
+
import { t as se } from "./avatar-CCe82byP.js";
|
|
49
49
|
import { t as ce } from "./badge-2zAt91bn.js";
|
|
50
50
|
import { n as le, t as ue } from "./button-CPh-7eos.js";
|
|
51
51
|
import { t as de } from "./button-group-DaANSInm.js";
|