@orion-ds/react 4.6.0 → 4.6.2
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/dist/blocks/sections/Gallery/Gallery.module.css +1 -1
- package/dist/blocks/sections/Gallery/Gallery.module.css.cjs +1 -1
- package/dist/blocks/sections/Gallery/Gallery.module.css.mjs +20 -20
- package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css +1 -1
- package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css.cjs +1 -1
- package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css.mjs +59 -59
- package/dist/blocks.css +2 -2
- package/dist/components/Avatar/Avatar.cjs +1 -1
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.mjs +54 -35
- package/dist/components/Avatar/Avatar.module.css +1 -1
- package/dist/components/Avatar/Avatar.module.css.cjs +1 -1
- package/dist/components/Avatar/Avatar.module.css.mjs +44 -30
- package/dist/components/Avatar/Avatar.types.d.ts +18 -0
- package/dist/components/Avatar/Avatar.types.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.cjs +1 -0
- package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/dist/components/EmptyState/EmptyState.mjs +1 -0
- package/dist/components/Select/Select.cjs +1 -1
- package/dist/components/Select/Select.d.ts +18 -2
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.mjs +37 -31
- package/dist/components/Select/Select.stories.d.ts +3 -1
- package/dist/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/Select/Select.types.d.ts +18 -1
- package/dist/components/Select/Select.types.d.ts.map +1 -1
- package/dist/components/Stack/Stack.cjs +2 -0
- package/dist/components/Stack/Stack.d.ts +5 -0
- package/dist/components/Stack/Stack.d.ts.map +1 -0
- package/dist/components/Stack/Stack.mjs +32 -0
- package/dist/components/Stack/Stack.module.css +1 -0
- package/dist/components/Stack/Stack.module.css.cjs +1 -0
- package/dist/components/Stack/Stack.module.css.mjs +30 -0
- package/dist/components/Stack/Stack.stories.d.ts +52 -0
- package/dist/components/Stack/Stack.stories.d.ts.map +1 -0
- package/dist/components/Stack/Stack.types.d.ts +82 -0
- package/dist/components/Stack/Stack.types.d.ts.map +1 -0
- package/dist/components/Stack/index.d.ts +3 -0
- package/dist/components/Stack/index.d.ts.map +1 -0
- package/dist/components/ThemeController/ThemeController.cjs +1 -1
- package/dist/components/ThemeController/ThemeController.mjs +20 -20
- package/dist/components/Toast/Toast.cjs +1 -1
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toast/Toast.mjs +48 -48
- package/dist/components/Toast/Toast.types.d.ts +5 -0
- package/dist/components/Toast/Toast.types.d.ts.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/hooks/useDisclosure.cjs +1 -1
- package/dist/hooks/useDisclosure.d.ts +12 -0
- package/dist/hooks/useDisclosure.d.ts.map +1 -1
- package/dist/hooks/useDisclosure.mjs +21 -17
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +86 -84
- package/dist/styles.css +3 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._section_1m2sg_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_1m2sg_7{max-width:1200px;margin:0 auto}._title_1m2sg_12{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-8) 0;text-align:center}._grid_1m2sg_21{display:grid;gap:var(--spacing-4)}._cols2_1m2sg_26{grid-template-columns:repeat(2,1fr)}._cols3_1m2sg_30{grid-template-columns:repeat(3,1fr)}._cols4_1m2sg_34{grid-template-columns:repeat(4,1fr)}._item_1m2sg_38{position:relative;border-radius:var(--radius-container);overflow:hidden}._image_1m2sg_44{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .25s ease}._item_1m2sg_38:hover ._image_1m2sg_44{transform:scale(1.03)}._caption_1m2sg_56{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(transparent,var(--surface-overlay));font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-on-brand-primary);margin:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_1m2sg_1",s="_container_1m2sg_7",o="_title_1m2sg_12",c="_grid_1m2sg_21",e="_cols2_1m2sg_26",i="_cols3_1m2sg_30",_="_cols4_1m2sg_34",n="_item_1m2sg_38",l="_image_1m2sg_44",g="_caption_1m2sg_56",m={section:t,container:s,title:o,grid:c,cols2:e,cols3:i,cols4:_,item:n,image:l,caption:g};exports.caption=g;exports.cols2=e;exports.cols3=i;exports.cols4=_;exports.container=s;exports.default=m;exports.grid=c;exports.image=l;exports.item=n;exports.section=t;exports.title=o;
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
const
|
|
2
|
-
section:
|
|
3
|
-
container:
|
|
4
|
-
title:
|
|
5
|
-
grid:
|
|
6
|
-
cols2:
|
|
7
|
-
cols3:
|
|
8
|
-
cols4:
|
|
9
|
-
item:
|
|
10
|
-
image:
|
|
1
|
+
const s = "_section_1m2sg_1", t = "_container_1m2sg_7", o = "_title_1m2sg_12", _ = "_grid_1m2sg_21", c = "_cols2_1m2sg_26", n = "_cols3_1m2sg_30", i = "_cols4_1m2sg_34", e = "_item_1m2sg_38", g = "_image_1m2sg_44", m = "_caption_1m2sg_56", l = {
|
|
2
|
+
section: s,
|
|
3
|
+
container: t,
|
|
4
|
+
title: o,
|
|
5
|
+
grid: _,
|
|
6
|
+
cols2: c,
|
|
7
|
+
cols3: n,
|
|
8
|
+
cols4: i,
|
|
9
|
+
item: e,
|
|
10
|
+
image: g,
|
|
11
11
|
caption: m
|
|
12
12
|
};
|
|
13
13
|
export {
|
|
14
14
|
m as caption,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
c as cols2,
|
|
16
|
+
n as cols3,
|
|
17
|
+
i as cols4,
|
|
18
|
+
t as container,
|
|
19
|
+
l as default,
|
|
20
|
+
_ as grid,
|
|
21
|
+
g as image,
|
|
22
|
+
e as item,
|
|
23
|
+
s as section,
|
|
24
|
+
o as title
|
|
25
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_nzwdx_3{display:flex;height:100%;width:100%;background:var(--surface-base);overflow:hidden}._sidebar_nzwdx_11{width:280px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;background:var(--surface-subtle);overflow-y:auto}@media(max-width:768px){._sidebar_nzwdx_11{display:none}}._sidebarTitle_nzwdx_26{margin:var(--spacing-4);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}._participantsList_nzwdx_35{display:flex;flex-direction:column}._participant_nzwdx_35{padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;transition:background-color .15s ease;border-left:3px solid transparent}._participant_nzwdx_35:hover{background:var(--surface-layer)}._participantActive_nzwdx_54{background:var(--surface-base);border-left-color:var(--border-primary)}._participantAvatar_nzwdx_59{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}._participantInfo_nzwdx_66{flex:1;min-width:0}._participantName_nzwdx_71{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._participantStatus_nzwdx_80{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:capitalize}._statusonline_nzwdx_86{color:var(--text-success)}._statusaway_nzwdx_90{color:var(--text-warning)}._statusoffline_nzwdx_94{color:var(--text-tertiary)}._mainArea_nzwdx_98{flex:1;display:flex;flex-direction:column;overflow:hidden}._header_nzwdx_105{padding:var(--spacing-4);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--surface-base)}._title_nzwdx_114{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._errorBadge_nzwdx_121{padding:var(--spacing-2) var(--spacing-3);background:var(--surface-danger-subtle);color:var(--text-danger);border-radius:var(--radius-control);font-size:var(--font-size-xs);font-weight:500}._messagesContainer_nzwdx_130{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}._emptyState_nzwdx_139{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-3);text-align:center}._emptyStateIcon_nzwdx_149{font-size:48px}._emptyStateTitle_nzwdx_153{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._emptyStateText_nzwdx_160{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._messageWrapper_nzwdx_166{display:flex;align-items:flex-end;gap:var(--spacing-2)}._messageuser_nzwdx_172{justify-content:flex-end}._messageassistant_nzwdx_176{justify-content:flex-start}._messageBubble_nzwdx_180{max-width:60%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);overflow-wrap:break-word}._messageuser_nzwdx_172 ._messageBubble_nzwdx_180{background:var(--interactive-primary);color:var(--interactive-primary-text);border-bottom-right-radius:4px}._messageassistant_nzwdx_176 ._messageBubble_nzwdx_180{background:var(--surface-layer);color:var(--text-primary);border-bottom-left-radius:4px}._messageContent_nzwdx_199{margin:0;font-size:var(--font-size-base);line-height:1.5}._messageTime_nzwdx_205{display:block;font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-1)}._messageStatus_nzwdx_212{font-size:var(--font-size-xs);opacity:.7}._statussending_nzwdx_217{color:var(--text-warning)}._statussent_nzwdx_221{color:var(--text-success)}._statuserror_nzwdx_225{color:var(--text-danger)}._typingIndicator_nzwdx_229{display:flex;gap:4px;align-items:center;padding:var(--spacing-1) 0}._typingIndicator_nzwdx_229 span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-secondary);animation:_typing_nzwdx_229 1.4s infinite}._typingIndicator_nzwdx_229 span:nth-child(2){animation-delay:.2s}._typingIndicator_nzwdx_229 span:nth-child(3){animation-delay:.4s}@keyframes _typing_nzwdx_229{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}._inputArea_nzwdx_265{padding:var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-base)}._inputGroup_nzwdx_271{display:flex;align-items:flex-end;gap:var(--spacing-2)}._input_nzwdx_265{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-secondary);font-size:var(--font-size-base);resize:none;max-height:120px;transition:border-color .15s ease}._input_nzwdx_265:hover{border-color:var(--border-base)}._input_nzwdx_265:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._input_nzwdx_265:disabled{background:var(--surface-subtle);color:var(--text-tertiary)}._actionButton_nzwdx_306{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background-color .15s ease}._actionButton_nzwdx_306:hover:not(:disabled){color:var(--text-primary);background:var(--surface-subtle)}._actionButton_nzwdx_306:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){._messageBubble_nzwdx_180{max-width:85%}._inputArea_nzwdx_265{padding:var(--spacing-3)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_root_nzwdx_3",a="_sidebar_nzwdx_11",e="_sidebarTitle_nzwdx_26",s="_participantsList_nzwdx_35",n="_participant_nzwdx_35",i="_participantActive_nzwdx_54",_="_participantAvatar_nzwdx_59",r="_participantInfo_nzwdx_66",p="_participantName_nzwdx_71",o="_participantStatus_nzwdx_80",c="_statusonline_nzwdx_86",u="_statusaway_nzwdx_90",d="_statusoffline_nzwdx_94",m="_mainArea_nzwdx_98",g="_header_nzwdx_105",w="_title_nzwdx_114",x="_errorBadge_nzwdx_121",z="_messagesContainer_nzwdx_130",l="_emptyState_nzwdx_139",y="_emptyStateIcon_nzwdx_149",S="_emptyStateTitle_nzwdx_153",b="_emptyStateText_nzwdx_160",T="_messageWrapper_nzwdx_166",A="_messageuser_nzwdx_172",f="_messageassistant_nzwdx_176",B="_messageBubble_nzwdx_180",I="_messageContent_nzwdx_199",v="_messageTime_nzwdx_205",C="_messageStatus_nzwdx_212",h="_statussending_nzwdx_217",G="_statussent_nzwdx_221",L="_statuserror_nzwdx_225",N="_typingIndicator_nzwdx_229",W="_typing_nzwdx_229",M="_inputArea_nzwdx_265",j="_inputGroup_nzwdx_271",O="_input_nzwdx_265",P="_actionButton_nzwdx_306",k={root:t,sidebar:a,sidebarTitle:e,participantsList:s,participant:n,participantActive:i,participantAvatar:_,participantInfo:r,participantName:p,participantStatus:o,statusonline:c,statusaway:u,statusoffline:d,mainArea:m,header:g,title:w,errorBadge:x,messagesContainer:z,emptyState:l,emptyStateIcon:y,emptyStateTitle:S,emptyStateText:b,messageWrapper:T,messageuser:A,messageassistant:f,messageBubble:B,messageContent:I,messageTime:v,messageStatus:C,statussending:h,statussent:G,statuserror:L,typingIndicator:N,typing:W,inputArea:M,inputGroup:j,input:O,actionButton:P};exports.actionButton=P;exports.default=k;exports.emptyState=l;exports.emptyStateIcon=y;exports.emptyStateText=b;exports.emptyStateTitle=S;exports.errorBadge=x;exports.header=g;exports.input=O;exports.inputArea=M;exports.inputGroup=j;exports.mainArea=m;exports.messageBubble=B;exports.messageContent=I;exports.messageStatus=C;exports.messageTime=v;exports.messageWrapper=T;exports.messageassistant=f;exports.messagesContainer=z;exports.messageuser=A;exports.participant=n;exports.participantActive=i;exports.participantAvatar=_;exports.participantInfo=r;exports.participantName=p;exports.participantStatus=o;exports.participantsList=s;exports.root=t;exports.sidebar=a;exports.sidebarTitle=e;exports.statusaway=u;exports.statuserror=L;exports.statusoffline=d;exports.statusonline=c;exports.statussending=h;exports.statussent=G;exports.title=w;exports.typing=W;exports.typingIndicator=N;
|
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
const t = "
|
|
1
|
+
const t = "_root_nzwdx_3", s = "_sidebar_nzwdx_11", n = "_sidebarTitle_nzwdx_26", a = "_participantsList_nzwdx_35", e = "_participant_nzwdx_35", _ = "_participantActive_nzwdx_54", i = "_participantAvatar_nzwdx_59", o = "_participantInfo_nzwdx_66", p = "_participantName_nzwdx_71", r = "_participantStatus_nzwdx_80", c = "_statusonline_nzwdx_86", d = "_statusaway_nzwdx_90", u = "_statusoffline_nzwdx_94", m = "_mainArea_nzwdx_98", x = "_header_nzwdx_105", w = "_title_nzwdx_114", z = "_errorBadge_nzwdx_121", g = "_messagesContainer_nzwdx_130", y = "_emptyState_nzwdx_139", l = "_emptyStateIcon_nzwdx_149", S = "_emptyStateTitle_nzwdx_153", b = "_emptyStateText_nzwdx_160", A = "_messageWrapper_nzwdx_166", T = "_messageuser_nzwdx_172", f = "_messageassistant_nzwdx_176", B = "_messageBubble_nzwdx_180", I = "_messageContent_nzwdx_199", v = "_messageTime_nzwdx_205", C = "_messageStatus_nzwdx_212", h = "_statussending_nzwdx_217", G = "_statussent_nzwdx_221", L = "_statuserror_nzwdx_225", N = "_typingIndicator_nzwdx_229", W = "_typing_nzwdx_229", j = "_inputArea_nzwdx_265", k = "_inputGroup_nzwdx_271", q = "_input_nzwdx_265", D = "_actionButton_nzwdx_306", E = {
|
|
2
2
|
root: t,
|
|
3
3
|
sidebar: s,
|
|
4
|
-
sidebarTitle:
|
|
5
|
-
participantsList:
|
|
4
|
+
sidebarTitle: n,
|
|
5
|
+
participantsList: a,
|
|
6
6
|
participant: e,
|
|
7
|
-
participantActive:
|
|
8
|
-
participantAvatar:
|
|
9
|
-
participantInfo:
|
|
7
|
+
participantActive: _,
|
|
8
|
+
participantAvatar: i,
|
|
9
|
+
participantInfo: o,
|
|
10
10
|
participantName: p,
|
|
11
11
|
participantStatus: r,
|
|
12
12
|
statusonline: c,
|
|
13
|
-
statusaway:
|
|
13
|
+
statusaway: d,
|
|
14
14
|
statusoffline: u,
|
|
15
15
|
mainArea: m,
|
|
16
|
-
header:
|
|
17
|
-
title:
|
|
18
|
-
errorBadge:
|
|
19
|
-
messagesContainer:
|
|
20
|
-
emptyState:
|
|
21
|
-
emptyStateIcon:
|
|
22
|
-
emptyStateTitle:
|
|
23
|
-
emptyStateText:
|
|
24
|
-
messageWrapper:
|
|
25
|
-
messageuser:
|
|
26
|
-
messageassistant:
|
|
27
|
-
messageBubble:
|
|
28
|
-
messageContent:
|
|
29
|
-
messageTime:
|
|
30
|
-
messageStatus:
|
|
31
|
-
statussending:
|
|
32
|
-
statussent:
|
|
33
|
-
statuserror:
|
|
34
|
-
typingIndicator:
|
|
35
|
-
typing:
|
|
36
|
-
inputArea:
|
|
37
|
-
inputGroup:
|
|
38
|
-
input:
|
|
16
|
+
header: x,
|
|
17
|
+
title: w,
|
|
18
|
+
errorBadge: z,
|
|
19
|
+
messagesContainer: g,
|
|
20
|
+
emptyState: y,
|
|
21
|
+
emptyStateIcon: l,
|
|
22
|
+
emptyStateTitle: S,
|
|
23
|
+
emptyStateText: b,
|
|
24
|
+
messageWrapper: A,
|
|
25
|
+
messageuser: T,
|
|
26
|
+
messageassistant: f,
|
|
27
|
+
messageBubble: B,
|
|
28
|
+
messageContent: I,
|
|
29
|
+
messageTime: v,
|
|
30
|
+
messageStatus: C,
|
|
31
|
+
statussending: h,
|
|
32
|
+
statussent: G,
|
|
33
|
+
statuserror: L,
|
|
34
|
+
typingIndicator: N,
|
|
35
|
+
typing: W,
|
|
36
|
+
inputArea: j,
|
|
37
|
+
inputGroup: k,
|
|
38
|
+
input: q,
|
|
39
39
|
actionButton: D
|
|
40
40
|
};
|
|
41
41
|
export {
|
|
42
42
|
D as actionButton,
|
|
43
43
|
E as default,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
44
|
+
y as emptyState,
|
|
45
|
+
l as emptyStateIcon,
|
|
46
|
+
b as emptyStateText,
|
|
47
|
+
S as emptyStateTitle,
|
|
48
|
+
z as errorBadge,
|
|
49
|
+
x as header,
|
|
50
|
+
q as input,
|
|
51
|
+
j as inputArea,
|
|
52
|
+
k as inputGroup,
|
|
53
53
|
m as mainArea,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
54
|
+
B as messageBubble,
|
|
55
|
+
I as messageContent,
|
|
56
|
+
C as messageStatus,
|
|
57
|
+
v as messageTime,
|
|
58
|
+
A as messageWrapper,
|
|
59
|
+
f as messageassistant,
|
|
60
|
+
g as messagesContainer,
|
|
61
|
+
T as messageuser,
|
|
62
62
|
e as participant,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
_ as participantActive,
|
|
64
|
+
i as participantAvatar,
|
|
65
|
+
o as participantInfo,
|
|
66
66
|
p as participantName,
|
|
67
67
|
r as participantStatus,
|
|
68
|
-
|
|
68
|
+
a as participantsList,
|
|
69
69
|
t as root,
|
|
70
70
|
s as sidebar,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
71
|
+
n as sidebarTitle,
|
|
72
|
+
d as statusaway,
|
|
73
|
+
L as statuserror,
|
|
74
74
|
u as statusoffline,
|
|
75
75
|
c as statusonline,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
76
|
+
h as statussending,
|
|
77
|
+
G as statussent,
|
|
78
|
+
w as title,
|
|
79
|
+
W as typing,
|
|
80
|
+
N as typingIndicator
|
|
81
81
|
};
|
package/dist/blocks.css
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
|
|
36
36
|
._footer_1fj4o_1{padding:var(--spacing-12) var(--spacing-6) var(--spacing-6);background:var(--surface-subtle);border-top:1px solid var(--border-subtle)}._container_1fj4o_7{max-width:1200px;margin:0 auto}._defaultLayout_1fj4o_13{display:grid;grid-template-columns:1.5fr repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-8)}._centeredLayout_1fj4o_20{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-6)}._minimalLayout_1fj4o_29{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4)}._brandBlock_1fj4o_37{display:flex;flex-direction:column;gap:var(--spacing-2)}._brandName_1fj4o_43{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}._brandDescription_1fj4o_51{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;max-width:280px}._linkGroup_1fj4o_59{display:flex;flex-direction:column;gap:var(--spacing-2)}._linkGroupTitle_1fj4o_65{font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-1) 0;text-transform:uppercase;letter-spacing:.05em}._link_1fj4o_59{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:color .15s ease}._link_1fj4o_59:hover{color:var(--text-primary)}._socialLinks_1fj4o_87{display:flex;gap:var(--spacing-3);align-items:center}._socialLink_1fj4o_87{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .15s ease}._socialLink_1fj4o_87:hover{color:var(--text-primary)}._bottom_1fj4o_105{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-8);padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:var(--spacing-3)}._copyright_1fj4o_116{font-family:var(--font-secondary);font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}._centeredLayout_1fj4o_20 ._linkGroupsRow_1fj4o_124{display:flex;gap:var(--spacing-8);flex-wrap:wrap;justify-content:center}._linkGroupsRow_1fj4o_124{display:flex;gap:var(--spacing-8);flex-wrap:wrap}@media(max-width:768px){._defaultLayout_1fj4o_13{grid-template-columns:1fr}._minimalLayout_1fj4o_29,._bottom_1fj4o_105{flex-direction:column;align-items:flex-start}}
|
|
37
37
|
|
|
38
|
-
.
|
|
38
|
+
._section_1m2sg_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_1m2sg_7{max-width:1200px;margin:0 auto}._title_1m2sg_12{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-8) 0;text-align:center}._grid_1m2sg_21{display:grid;gap:var(--spacing-4)}._cols2_1m2sg_26{grid-template-columns:repeat(2,1fr)}._cols3_1m2sg_30{grid-template-columns:repeat(3,1fr)}._cols4_1m2sg_34{grid-template-columns:repeat(4,1fr)}._item_1m2sg_38{position:relative;border-radius:var(--radius-container);overflow:hidden}._image_1m2sg_44{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .25s ease}._item_1m2sg_38:hover ._image_1m2sg_44{transform:scale(1.03)}._caption_1m2sg_56{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(transparent,var(--surface-overlay));font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-on-brand-primary);margin:0}
|
|
39
39
|
|
|
40
40
|
._section_1nowi_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-6);background:var(--surface-base);text-align:center;min-height:400px}._left_1nowi_12{align-items:flex-start;text-align:left}._sm_1nowi_17{padding:var(--spacing-8) var(--spacing-6);min-height:auto}._lg_1nowi_22{padding:var(--spacing-32) var(--spacing-6);min-height:560px}._container_1nowi_27{max-width:800px;width:100%}._title_1nowi_32{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-4) 0;line-height:1.15}._lg_1nowi_22 ._title_1nowi_32{font-size:48px}._sm_1nowi_17 ._title_1nowi_32{font-size:var(--font-size-2xl)}._description_1nowi_49{font-family:var(--font-secondary);font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--spacing-8) 0;line-height:1.6;max-width:600px}._left_1nowi_12 ._description_1nowi_49{margin-left:0;margin-right:0}._actions_1nowi_63{display:flex;gap:var(--spacing-3);flex-wrap:wrap}._left_1nowi_12 ._actions_1nowi_63{justify-content:flex-start}._section_1nowi_1:not(._left_1nowi_12) ._actions_1nowi_63{justify-content:center}._section_1nowi_1:not(._left_1nowi_12) ._description_1nowi_49{margin-left:auto;margin-right:auto}._highlight_1nowi_83{background:linear-gradient(135deg,var(--color-brand-400),var(--color-brand-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){._title_1nowi_32{font-size:var(--font-size-2xl)}._lg_1nowi_22 ._title_1nowi_32{font-size:var(--font-size-3xl)}._actions_1nowi_63{flex-direction:column;align-items:stretch}}
|
|
41
41
|
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
|
|
64
64
|
._root_1g0dl_3{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6)}._header_1g0dl_12{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}._headerContent_1g0dl_19{flex:1}._title_1g0dl_23{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._subtitle_1g0dl_30{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._error_1g0dl_36{padding:var(--spacing-3);border-radius:var(--radius-control);background:var(--surface-danger-subtle);color:var(--text-danger);font-size:var(--font-size-sm);border-left:4px solid var(--border-danger)}._grid_1g0dl_45{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4);flex:1}@media(max-width:768px){._grid_1g0dl_45{grid-template-columns:1fr}._header_1g0dl_12{flex-direction:column}._root_1g0dl_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._emptyState_1g0dl_67{grid-column:1 / -1}._emptyStateBody_1g0dl_71{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;gap:var(--spacing-4)}._emptyStateIcon_1g0dl_81{font-size:48px}._emptyStateTitle_1g0dl_85{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._emptyStateText_1g0dl_92{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._agentCard_1g0dl_98{cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;border:2px solid transparent}._agentCard_1g0dl_98:hover{box-shadow:var(--shadow-md)}._agentCardSelected_1g0dl_108{border-color:var(--border-primary);box-shadow:var(--shadow-lg)}._agentCardBody_1g0dl_113{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}._agentHeader_1g0dl_120{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}._agentInfo_1g0dl_127{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}._agentName_1g0dl_134{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._agentActions_1g0dl_141{display:flex;gap:var(--spacing-2);flex-shrink:0}._actionButton_1g0dl_147{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;border-radius:var(--radius-control);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}._actionButton_1g0dl_147:hover{background:var(--surface-layer);color:var(--text-primary)}._actionButtonDanger_1g0dl_165:hover{background:var(--surface-danger-subtle);color:var(--text-danger)}._agentDescription_1g0dl_170{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}._agentMeta_1g0dl_177{display:flex;gap:var(--spacing-3);padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}._metaItem_1g0dl_184{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--text-tertiary)}._metaLabel_1g0dl_192{white-space:nowrap}
|
|
65
65
|
|
|
66
|
-
.
|
|
66
|
+
._root_nzwdx_3{display:flex;height:100%;width:100%;background:var(--surface-base);overflow:hidden}._sidebar_nzwdx_11{width:280px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;background:var(--surface-subtle);overflow-y:auto}@media(max-width:768px){._sidebar_nzwdx_11{display:none}}._sidebarTitle_nzwdx_26{margin:var(--spacing-4);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}._participantsList_nzwdx_35{display:flex;flex-direction:column}._participant_nzwdx_35{padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;transition:background-color .15s ease;border-left:3px solid transparent}._participant_nzwdx_35:hover{background:var(--surface-layer)}._participantActive_nzwdx_54{background:var(--surface-base);border-left-color:var(--border-primary)}._participantAvatar_nzwdx_59{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}._participantInfo_nzwdx_66{flex:1;min-width:0}._participantName_nzwdx_71{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._participantStatus_nzwdx_80{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:capitalize}._statusonline_nzwdx_86{color:var(--text-success)}._statusaway_nzwdx_90{color:var(--text-warning)}._statusoffline_nzwdx_94{color:var(--text-tertiary)}._mainArea_nzwdx_98{flex:1;display:flex;flex-direction:column;overflow:hidden}._header_nzwdx_105{padding:var(--spacing-4);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background:var(--surface-base)}._title_nzwdx_114{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._errorBadge_nzwdx_121{padding:var(--spacing-2) var(--spacing-3);background:var(--surface-danger-subtle);color:var(--text-danger);border-radius:var(--radius-control);font-size:var(--font-size-xs);font-weight:500}._messagesContainer_nzwdx_130{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}._emptyState_nzwdx_139{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-3);text-align:center}._emptyStateIcon_nzwdx_149{font-size:48px}._emptyStateTitle_nzwdx_153{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._emptyStateText_nzwdx_160{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._messageWrapper_nzwdx_166{display:flex;align-items:flex-end;gap:var(--spacing-2)}._messageuser_nzwdx_172{justify-content:flex-end}._messageassistant_nzwdx_176{justify-content:flex-start}._messageBubble_nzwdx_180{max-width:60%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);overflow-wrap:break-word}._messageuser_nzwdx_172 ._messageBubble_nzwdx_180{background:var(--interactive-primary);color:var(--interactive-primary-text);border-bottom-right-radius:4px}._messageassistant_nzwdx_176 ._messageBubble_nzwdx_180{background:var(--surface-layer);color:var(--text-primary);border-bottom-left-radius:4px}._messageContent_nzwdx_199{margin:0;font-size:var(--font-size-base);line-height:1.5}._messageTime_nzwdx_205{display:block;font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-1)}._messageStatus_nzwdx_212{font-size:var(--font-size-xs);opacity:.7}._statussending_nzwdx_217{color:var(--text-warning)}._statussent_nzwdx_221{color:var(--text-success)}._statuserror_nzwdx_225{color:var(--text-danger)}._typingIndicator_nzwdx_229{display:flex;gap:4px;align-items:center;padding:var(--spacing-1) 0}._typingIndicator_nzwdx_229 span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-secondary);animation:_typing_nzwdx_229 1.4s infinite}._typingIndicator_nzwdx_229 span:nth-child(2){animation-delay:.2s}._typingIndicator_nzwdx_229 span:nth-child(3){animation-delay:.4s}@keyframes _typing_nzwdx_229{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}._inputArea_nzwdx_265{padding:var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-base)}._inputGroup_nzwdx_271{display:flex;align-items:flex-end;gap:var(--spacing-2)}._input_nzwdx_265{flex:1;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-base);color:var(--text-primary);font-family:var(--font-secondary);font-size:var(--font-size-base);resize:none;max-height:120px;transition:border-color .15s ease}._input_nzwdx_265:hover{border-color:var(--border-base)}._input_nzwdx_265:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._input_nzwdx_265:disabled{background:var(--surface-subtle);color:var(--text-tertiary)}._actionButton_nzwdx_306{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border:none;border-radius:var(--radius-control);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background-color .15s ease}._actionButton_nzwdx_306:hover:not(:disabled){color:var(--text-primary);background:var(--surface-subtle)}._actionButton_nzwdx_306:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){._messageBubble_nzwdx_180{max-width:85%}._inputArea_nzwdx_265{padding:var(--spacing-3)}}
|
|
67
67
|
|
|
68
68
|
._root_ewl5v_3{width:100%;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--surface-base)}@media(max-width:768px){._root_ewl5v_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._header_ewl5v_19{display:flex;justify-content:space-between;align-items:flex-start}._title_ewl5v_25{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._subtitle_ewl5v_32{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._metricsGrid_ewl5v_38{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}@media(max-width:768px){._metricsGrid_ewl5v_38{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}._metricCard_ewl5v_50{transition:box-shadow .15s ease,transform .15s ease}._metricCard_ewl5v_50:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}._metricBody_ewl5v_59{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4)}._metricHeader_ewl5v_66{display:flex;justify-content:space-between;align-items:flex-start}._metricLabel_ewl5v_72{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}._metricIcon_ewl5v_80{font-size:24px;opacity:.6}._metricValue_ewl5v_85{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}._metricChange_ewl5v_91{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:500}._changeUp_ewl5v_99{color:var(--text-success)}._changeDown_ewl5v_103{color:var(--text-danger)}._changeNeutral_ewl5v_107{color:var(--text-secondary)}._contentGrid_ewl5v_111{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6)}@media(max-width:1024px){._contentGrid_ewl5v_111{grid-template-columns:1fr}}._chartsSection_ewl5v_123{display:flex;flex-direction:column;gap:var(--spacing-4)}._chartCard_ewl5v_129{height:100%}._chartBody_ewl5v_133{padding:var(--spacing-4)}._chartTitle_ewl5v_137{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._chartPlaceholder_ewl5v_144{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--surface-subtle);border-radius:var(--radius-control);color:var(--text-tertiary);font-size:var(--font-size-sm)}._activityCard_ewl5v_155{height:fit-content}._activityBody_ewl5v_159{padding:0}._activityTitle_ewl5v_163{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._activityList_ewl5v_170{display:flex;flex-direction:column;divide-y:1px solid var(--border-subtle)}._activityItem_ewl5v_176{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:background-color .15s ease}._activityItem_ewl5v_176:hover{background:var(--surface-subtle)}._activityDot_ewl5v_187{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0;margin-top:4px}._typesuccess_ewl5v_195{background:var(--border-success)}._typewarning_ewl5v_199{background:var(--border-warning)}._typeerror_ewl5v_203{background:var(--border-danger)}._typeinfo_ewl5v_207{background:var(--border-base)}._activityContent_ewl5v_211{flex:1;min-width:0}._activityTitle_ewl5v_163{margin:0;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}._activityDescription_ewl5v_223{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}._activityTime_ewl5v_229{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-2)}
|
|
69
69
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),C=require("lucide-react"),e=require("./Avatar.module.css.cjs"),S={xs:"xs",sm:"sm",md:"md",lg:"lg",xl:"xl","2xl":"xxl","3xl":"xxxl","4xl":"xxxxl","5xl":"xxxxxl",profile:"profile"},m=["blue","green","purple","orange","red","teal","pink"],I=l=>{if(!l)return"blue";let a=0;for(let r=0;r<l.length;r++){const n=l.charCodeAt(r);a=(a<<5)-a+n,a=a&a}const s=Math.abs(a)%m.length;return m[s]},f=({src:l,alt:a="",initials:s,icon:r,size:n="md",status:c,interactive:g=!1,color:u,className:h,...p})=>{const[j,v]=i.useState(!1),A=S[n]||n,N=i.useMemo(()=>u||(s?I(s):"blue"),[u,s]),b=[e.default.avatar,e.default[A],e.default[N],g&&e.default.interactive,h].filter(Boolean).join(" "),o=l&&!j,x=!o&&s,d=!o&&!x&&r;return t.jsxs("div",{className:b,...p,children:[o&&t.jsx("img",{src:l,alt:a,className:e.default.image,onError:()=>v(!0)}),x&&t.jsx("span",{className:e.default.initials,children:s}),d&&t.jsx("span",{className:e.default.icon,children:r}),!o&&!x&&!d&&t.jsx("span",{className:e.default.icon,children:t.jsx(C.User,{})}),c&&t.jsx("span",{className:`${e.default.statusIndicator} ${e.default[c]}`,"aria-label":`Status: ${c}`})]})};f.displayName="Avatar";exports.Avatar=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,gBAAgB,CAAC;AAgD/D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwExC,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useState as I } from "react";
|
|
4
|
-
import { User as
|
|
5
|
-
import
|
|
6
|
-
const
|
|
2
|
+
import { jsxs as C, jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { useState as b, useMemo as I } from "react";
|
|
4
|
+
import { User as S } from "lucide-react";
|
|
5
|
+
import e from "./Avatar.module.css.mjs";
|
|
6
|
+
const j = {
|
|
7
7
|
xs: "xs",
|
|
8
8
|
sm: "sm",
|
|
9
9
|
md: "md",
|
|
@@ -14,46 +14,65 @@ const u = {
|
|
|
14
14
|
"4xl": "xxxxl",
|
|
15
15
|
"5xl": "xxxxxl",
|
|
16
16
|
profile: "profile"
|
|
17
|
-
},
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
17
|
+
}, p = [
|
|
18
|
+
"blue",
|
|
19
|
+
"green",
|
|
20
|
+
"purple",
|
|
21
|
+
"orange",
|
|
22
|
+
"red",
|
|
23
|
+
"teal",
|
|
24
|
+
"pink"
|
|
25
|
+
], w = (a) => {
|
|
26
|
+
if (!a) return "blue";
|
|
27
|
+
let s = 0;
|
|
28
|
+
for (let l = 0; l < a.length; l++) {
|
|
29
|
+
const t = a.charCodeAt(l);
|
|
30
|
+
s = (s << 5) - s + t, s = s & s;
|
|
31
|
+
}
|
|
32
|
+
const r = Math.abs(s) % p.length;
|
|
33
|
+
return p[r];
|
|
34
|
+
}, E = ({
|
|
35
|
+
src: a,
|
|
36
|
+
alt: s = "",
|
|
37
|
+
initials: r,
|
|
38
|
+
icon: l,
|
|
39
|
+
size: t = "md",
|
|
40
|
+
status: m,
|
|
41
|
+
interactive: d = !1,
|
|
42
|
+
color: c,
|
|
43
|
+
className: h,
|
|
44
|
+
...f
|
|
27
45
|
}) => {
|
|
28
|
-
const [
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
46
|
+
const [g, u] = b(!1), N = j[t] || t, v = I(() => c || (r ? w(r) : "blue"), [c, r]), A = [
|
|
47
|
+
e.avatar,
|
|
48
|
+
e[N],
|
|
49
|
+
e[v],
|
|
50
|
+
d && e.interactive,
|
|
51
|
+
h
|
|
52
|
+
].filter(Boolean).join(" "), n = a && !g, x = !n && r, i = !n && !x && l;
|
|
53
|
+
return /* @__PURE__ */ C("div", { className: A, ...f, children: [
|
|
54
|
+
n && /* @__PURE__ */ o(
|
|
36
55
|
"img",
|
|
37
56
|
{
|
|
38
|
-
src:
|
|
39
|
-
alt:
|
|
40
|
-
className:
|
|
41
|
-
onError: () =>
|
|
57
|
+
src: a,
|
|
58
|
+
alt: s,
|
|
59
|
+
className: e.image,
|
|
60
|
+
onError: () => u(!0)
|
|
42
61
|
}
|
|
43
62
|
),
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
!
|
|
47
|
-
|
|
63
|
+
x && /* @__PURE__ */ o("span", { className: e.initials, children: r }),
|
|
64
|
+
i && /* @__PURE__ */ o("span", { className: e.icon, children: l }),
|
|
65
|
+
!n && !x && !i && /* @__PURE__ */ o("span", { className: e.icon, children: /* @__PURE__ */ o(S, {}) }),
|
|
66
|
+
m && /* @__PURE__ */ o(
|
|
48
67
|
"span",
|
|
49
68
|
{
|
|
50
|
-
className: `${
|
|
51
|
-
"aria-label": `Status: ${
|
|
69
|
+
className: `${e.statusIndicator} ${e[m]}`,
|
|
70
|
+
"aria-label": `Status: ${m}`
|
|
52
71
|
}
|
|
53
72
|
)
|
|
54
73
|
] });
|
|
55
74
|
};
|
|
56
|
-
|
|
75
|
+
E.displayName = "Avatar";
|
|
57
76
|
export {
|
|
58
|
-
|
|
77
|
+
E as Avatar
|
|
59
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._avatar_mufx3_8{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-layer);border-radius:50%;-webkit-user-select:none;user-select:none;font-family:var(--font-secondary);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:all var(--transition-fast)}._image_mufx3_30{width:100%;height:100%;object-fit:cover;border-radius:50%}._initials_mufx3_38{text-transform:uppercase;line-height:1;display:flex;align-items:center;justify-content:center;height:100%}._icon_mufx3_48{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}._icon_mufx3_48 svg{width:100%;height:100%}._xs_mufx3_64{width:24px;height:24px;font-size:var(--font-size-10)}._xs_mufx3_64 ._icon_mufx3_48{width:12px;height:12px}._sm_mufx3_75{width:32px;height:32px;font-size:var(--font-size-12)}._sm_mufx3_75 ._icon_mufx3_48{width:16px;height:16px}._md_mufx3_86{width:40px;height:40px;font-size:var(--font-size-14)}._md_mufx3_86 ._icon_mufx3_48{width:20px;height:20px}._lg_mufx3_97{width:48px;height:48px;font-size:var(--font-size-16)}._lg_mufx3_97 ._icon_mufx3_48{width:24px;height:24px}._xl_mufx3_108{width:64px;height:64px;font-size:var(--font-size-20)}._xl_mufx3_108 ._icon_mufx3_48{width:32px;height:32px}._xxl_mufx3_119{width:96px;height:96px;font-size:var(--font-size-32)}._xxl_mufx3_119 ._icon_mufx3_48{width:48px;height:48px}._profile_mufx3_130{width:120px;height:120px;font-size:var(--font-size-48)}._profile_mufx3_130 ._icon_mufx3_48{width:56px;height:56px}._xxxl_mufx3_141{width:120px;height:120px;font-size:var(--font-size-48)}._xxxl_mufx3_141 ._icon_mufx3_48{width:56px;height:56px}._xxxxl_mufx3_152{width:160px;height:160px;font-size:var(--font-size-64)}._xxxxl_mufx3_152 ._icon_mufx3_48{width:72px;height:72px}._xxxxxl_mufx3_163{width:200px;height:200px;font-size:var(--font-size-80)}._xxxxxl_mufx3_163 ._icon_mufx3_48{width:96px;height:96px}._interactive_mufx3_178{cursor:pointer}._interactive_mufx3_178:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}._interactive_mufx3_178:active{transform:scale(.98)}._interactive_mufx3_178:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._statusIndicator_mufx3_200{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--surface-base)}._online_mufx3_212{background:var(--status-success)}._offline_mufx3_216{background:var(--text-tertiary)}._away_mufx3_220{background:var(--status-warning)}._busy_mufx3_224{background:var(--status-error)}._blue_mufx3_232{background:var(--color-brand-100);color:var(--color-brand-700)}._green_mufx3_237{background:var(--color-success-100);color:var(--color-success-700)}._purple_mufx3_242{background:var(--color-info-100);color:var(--color-info-700)}._orange_mufx3_247{background:var(--color-warning-100);color:var(--color-warning-700)}._red_mufx3_252{background:var(--color-error-100);color:var(--color-error-700)}._teal_mufx3_257{background:#d0f0eb;color:#0d6e67}._pink_mufx3_262{background:#f8d7e8;color:#ae3366}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x="_avatar_mufx3_8",_="_image_mufx3_30",n="_initials_mufx3_38",t="_icon_mufx3_48",e="_xs_mufx3_64",l="_sm_mufx3_75",s="_md_mufx3_86",o="_lg_mufx3_97",a="_xl_mufx3_108",i="_xxl_mufx3_119",u="_profile_mufx3_130",c="_xxxl_mufx3_141",f="_xxxxl_mufx3_152",m="_xxxxxl_mufx3_163",r="_interactive_mufx3_178",g="_statusIndicator_mufx3_200",p="_online_mufx3_212",d="_offline_mufx3_216",b="_away_mufx3_220",v="_busy_mufx3_224",y="_blue_mufx3_232",k="_green_mufx3_237",w="_purple_mufx3_242",I="_orange_mufx3_247",M="_red_mufx3_252",S="_teal_mufx3_257",j="_pink_mufx3_262",O={avatar:x,image:_,initials:n,icon:t,xs:e,sm:l,md:s,lg:o,xl:a,xxl:i,profile:u,xxxl:c,xxxxl:f,xxxxxl:m,interactive:r,statusIndicator:g,online:p,offline:d,away:b,busy:v,blue:y,green:k,purple:w,orange:I,red:M,teal:S,pink:j};exports.avatar=x;exports.away=b;exports.blue=y;exports.busy=v;exports.default=O;exports.green=k;exports.icon=t;exports.image=_;exports.initials=n;exports.interactive=r;exports.lg=o;exports.md=s;exports.offline=d;exports.online=p;exports.orange=I;exports.pink=j;exports.profile=u;exports.purple=w;exports.red=M;exports.sm=l;exports.statusIndicator=g;exports.teal=S;exports.xl=a;exports.xs=e;exports.xxl=i;exports.xxxl=c;exports.xxxxl=f;exports.xxxxxl=m;
|
|
@@ -1,45 +1,59 @@
|
|
|
1
|
-
const _ = "
|
|
1
|
+
const _ = "_avatar_mufx3_8", x = "_image_mufx3_30", n = "_initials_mufx3_38", t = "_icon_mufx3_48", s = "_xs_mufx3_64", o = "_sm_mufx3_75", e = "_md_mufx3_86", l = "_lg_mufx3_97", u = "_xl_mufx3_108", a = "_xxl_mufx3_119", c = "_profile_mufx3_130", f = "_xxxl_mufx3_141", i = "_xxxxl_mufx3_152", m = "_xxxxxl_mufx3_163", r = "_interactive_mufx3_178", p = "_statusIndicator_mufx3_200", g = "_online_mufx3_212", d = "_offline_mufx3_216", y = "_away_mufx3_220", b = "_busy_mufx3_224", v = "_blue_mufx3_232", k = "_green_mufx3_237", w = "_purple_mufx3_242", I = "_orange_mufx3_247", h = "_red_mufx3_252", j = "_teal_mufx3_257", q = "_pink_mufx3_262", z = {
|
|
2
2
|
avatar: _,
|
|
3
3
|
image: x,
|
|
4
|
-
initials:
|
|
5
|
-
icon:
|
|
4
|
+
initials: n,
|
|
5
|
+
icon: t,
|
|
6
6
|
xs: s,
|
|
7
7
|
sm: o,
|
|
8
|
-
md:
|
|
9
|
-
lg:
|
|
10
|
-
xl:
|
|
11
|
-
xxl:
|
|
8
|
+
md: e,
|
|
9
|
+
lg: l,
|
|
10
|
+
xl: u,
|
|
11
|
+
xxl: a,
|
|
12
12
|
profile: c,
|
|
13
|
-
xxxl:
|
|
14
|
-
xxxxl:
|
|
15
|
-
xxxxxl:
|
|
16
|
-
interactive:
|
|
17
|
-
statusIndicator:
|
|
18
|
-
online:
|
|
13
|
+
xxxl: f,
|
|
14
|
+
xxxxl: i,
|
|
15
|
+
xxxxxl: m,
|
|
16
|
+
interactive: r,
|
|
17
|
+
statusIndicator: p,
|
|
18
|
+
online: g,
|
|
19
19
|
offline: d,
|
|
20
|
-
away:
|
|
21
|
-
busy:
|
|
20
|
+
away: y,
|
|
21
|
+
busy: b,
|
|
22
|
+
blue: v,
|
|
23
|
+
green: k,
|
|
24
|
+
purple: w,
|
|
25
|
+
orange: I,
|
|
26
|
+
red: h,
|
|
27
|
+
teal: j,
|
|
28
|
+
pink: q
|
|
22
29
|
};
|
|
23
30
|
export {
|
|
24
31
|
_ as avatar,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
32
|
+
y as away,
|
|
33
|
+
v as blue,
|
|
34
|
+
b as busy,
|
|
35
|
+
z as default,
|
|
36
|
+
k as green,
|
|
37
|
+
t as icon,
|
|
29
38
|
x as image,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
39
|
+
n as initials,
|
|
40
|
+
r as interactive,
|
|
41
|
+
l as lg,
|
|
42
|
+
e as md,
|
|
34
43
|
d as offline,
|
|
35
|
-
|
|
44
|
+
g as online,
|
|
45
|
+
I as orange,
|
|
46
|
+
q as pink,
|
|
36
47
|
c as profile,
|
|
48
|
+
w as purple,
|
|
49
|
+
h as red,
|
|
37
50
|
o as sm,
|
|
38
|
-
|
|
39
|
-
|
|
51
|
+
p as statusIndicator,
|
|
52
|
+
j as teal,
|
|
53
|
+
u as xl,
|
|
40
54
|
s as xs,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
55
|
+
a as xxl,
|
|
56
|
+
f as xxxl,
|
|
57
|
+
i as xxxxl,
|
|
58
|
+
m as xxxxxl
|
|
45
59
|
};
|
|
@@ -4,13 +4,25 @@ import { HTMLAttributes, ReactNode } from 'react';
|
|
|
4
4
|
* Avatar sizes
|
|
5
5
|
*/
|
|
6
6
|
export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "profile";
|
|
7
|
+
/**
|
|
8
|
+
* Avatar colors
|
|
9
|
+
*/
|
|
10
|
+
export type AvatarColor = "blue" | "green" | "purple" | "orange" | "red" | "teal" | "pink";
|
|
7
11
|
/**
|
|
8
12
|
* Avatar component props
|
|
9
13
|
*
|
|
10
14
|
* @example
|
|
11
15
|
* ```tsx
|
|
16
|
+
* // With image
|
|
12
17
|
* <Avatar src="/user.jpg" alt="John Doe" />
|
|
18
|
+
*
|
|
19
|
+
* // With initials and explicit color
|
|
20
|
+
* <Avatar initials="JD" color="blue" />
|
|
21
|
+
*
|
|
22
|
+
* // With initials and auto-derived color (deterministic from initials)
|
|
13
23
|
* <Avatar initials="JD" />
|
|
24
|
+
*
|
|
25
|
+
* // With icon
|
|
14
26
|
* <Avatar icon={<UserIcon />} />
|
|
15
27
|
* ```
|
|
16
28
|
*/
|
|
@@ -36,6 +48,12 @@ export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
36
48
|
* @default 'md'
|
|
37
49
|
*/
|
|
38
50
|
size?: AvatarSize;
|
|
51
|
+
/**
|
|
52
|
+
* Avatar background color
|
|
53
|
+
* When not provided, auto-derived from initials using a deterministic hash
|
|
54
|
+
* (same initials always get the same color)
|
|
55
|
+
*/
|
|
56
|
+
color?: AvatarColor;
|
|
39
57
|
/**
|
|
40
58
|
* Show online status indicator
|
|
41
59
|
* @default false
|