@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.
Files changed (58) hide show
  1. package/dist/blocks/sections/Gallery/Gallery.module.css +1 -1
  2. package/dist/blocks/sections/Gallery/Gallery.module.css.cjs +1 -1
  3. package/dist/blocks/sections/Gallery/Gallery.module.css.mjs +20 -20
  4. package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css +1 -1
  5. package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css.cjs +1 -1
  6. package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css.mjs +59 -59
  7. package/dist/blocks.css +2 -2
  8. package/dist/components/Avatar/Avatar.cjs +1 -1
  9. package/dist/components/Avatar/Avatar.d.ts.map +1 -1
  10. package/dist/components/Avatar/Avatar.mjs +54 -35
  11. package/dist/components/Avatar/Avatar.module.css +1 -1
  12. package/dist/components/Avatar/Avatar.module.css.cjs +1 -1
  13. package/dist/components/Avatar/Avatar.module.css.mjs +44 -30
  14. package/dist/components/Avatar/Avatar.types.d.ts +18 -0
  15. package/dist/components/Avatar/Avatar.types.d.ts.map +1 -1
  16. package/dist/components/EmptyState/EmptyState.cjs +1 -0
  17. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  18. package/dist/components/EmptyState/EmptyState.mjs +1 -0
  19. package/dist/components/Select/Select.cjs +1 -1
  20. package/dist/components/Select/Select.d.ts +18 -2
  21. package/dist/components/Select/Select.d.ts.map +1 -1
  22. package/dist/components/Select/Select.mjs +37 -31
  23. package/dist/components/Select/Select.stories.d.ts +3 -1
  24. package/dist/components/Select/Select.stories.d.ts.map +1 -1
  25. package/dist/components/Select/Select.types.d.ts +18 -1
  26. package/dist/components/Select/Select.types.d.ts.map +1 -1
  27. package/dist/components/Stack/Stack.cjs +2 -0
  28. package/dist/components/Stack/Stack.d.ts +5 -0
  29. package/dist/components/Stack/Stack.d.ts.map +1 -0
  30. package/dist/components/Stack/Stack.mjs +32 -0
  31. package/dist/components/Stack/Stack.module.css +1 -0
  32. package/dist/components/Stack/Stack.module.css.cjs +1 -0
  33. package/dist/components/Stack/Stack.module.css.mjs +30 -0
  34. package/dist/components/Stack/Stack.stories.d.ts +52 -0
  35. package/dist/components/Stack/Stack.stories.d.ts.map +1 -0
  36. package/dist/components/Stack/Stack.types.d.ts +82 -0
  37. package/dist/components/Stack/Stack.types.d.ts.map +1 -0
  38. package/dist/components/Stack/index.d.ts +3 -0
  39. package/dist/components/Stack/index.d.ts.map +1 -0
  40. package/dist/components/ThemeController/ThemeController.cjs +1 -1
  41. package/dist/components/ThemeController/ThemeController.mjs +20 -20
  42. package/dist/components/Toast/Toast.cjs +1 -1
  43. package/dist/components/Toast/Toast.d.ts.map +1 -1
  44. package/dist/components/Toast/Toast.mjs +48 -48
  45. package/dist/components/Toast/Toast.types.d.ts +5 -0
  46. package/dist/components/Toast/Toast.types.d.ts.map +1 -1
  47. package/dist/components/index.d.ts +2 -0
  48. package/dist/components/index.d.ts.map +1 -1
  49. package/dist/hooks/useDisclosure.cjs +1 -1
  50. package/dist/hooks/useDisclosure.d.ts +12 -0
  51. package/dist/hooks/useDisclosure.d.ts.map +1 -1
  52. package/dist/hooks/useDisclosure.mjs +21 -17
  53. package/dist/index.cjs +1 -1
  54. package/dist/index.d.ts +2 -0
  55. package/dist/index.d.ts.map +1 -1
  56. package/dist/index.mjs +86 -84
  57. package/dist/styles.css +3 -1
  58. package/package.json +1 -1
@@ -1 +1 @@
1
- ._section_11eml_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_11eml_7{max-width:1200px;margin:0 auto}._title_11eml_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_11eml_21{display:grid;gap:var(--spacing-4)}._cols2_11eml_26{grid-template-columns:repeat(2,1fr)}._cols3_11eml_30{grid-template-columns:repeat(3,1fr)}._cols4_11eml_34{grid-template-columns:repeat(4,1fr)}._item_11eml_38{position:relative;border-radius:var(--radius-container);overflow:hidden}._image_11eml_44{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .25s ease}._item_11eml_38:hover ._image_11eml_44{transform:scale(1.03)}._caption_11eml_56{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(transparent,#0009);font-family:var(--font-secondary);font-size:var(--font-size-sm);color:#fff;margin:0}
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 e="_section_11eml_1",t="_container_11eml_7",o="_title_11eml_12",c="_grid_11eml_21",l="_cols2_11eml_26",s="_cols3_11eml_30",i="_cols4_11eml_34",_="_item_11eml_38",n="_image_11eml_44",m="_caption_11eml_56",a={section:e,container:t,title:o,grid:c,cols2:l,cols3:s,cols4:i,item:_,image:n,caption:m};exports.caption=m;exports.cols2=l;exports.cols3=s;exports.cols4=i;exports.container=t;exports.default=a;exports.grid=c;exports.image=n;exports.item=_;exports.section=e;exports.title=o;
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 t = "_section_11eml_1", o = "_container_11eml_7", _ = "_title_11eml_12", c = "_grid_11eml_21", e = "_cols2_11eml_26", s = "_cols3_11eml_30", l = "_cols4_11eml_34", n = "_item_11eml_38", i = "_image_11eml_44", m = "_caption_11eml_56", a = {
2
- section: t,
3
- container: o,
4
- title: _,
5
- grid: c,
6
- cols2: e,
7
- cols3: s,
8
- cols4: l,
9
- item: n,
10
- image: i,
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
- e as cols2,
16
- s as cols3,
17
- l as cols4,
18
- o as container,
19
- a as default,
20
- c as grid,
21
- i as image,
22
- n as item,
23
- t as section,
24
- _ as title
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
- ._root_olo79_3{display:flex;height:100%;width:100%;background:var(--surface-base);overflow:hidden}._sidebar_olo79_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_olo79_11{display:none}}._sidebarTitle_olo79_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_olo79_35{display:flex;flex-direction:column}._participant_olo79_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_olo79_35:hover{background:var(--surface-layer)}._participantActive_olo79_54{background:var(--surface-base);border-left-color:var(--border-primary)}._participantAvatar_olo79_59{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}._participantInfo_olo79_66{flex:1;min-width:0}._participantName_olo79_71{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._participantStatus_olo79_80{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:capitalize}._statusonline_olo79_86{color:var(--text-success)}._statusaway_olo79_90{color:var(--text-warning)}._statusoffline_olo79_94{color:var(--text-tertiary)}._mainArea_olo79_98{flex:1;display:flex;flex-direction:column;overflow:hidden}._header_olo79_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_olo79_114{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._errorBadge_olo79_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_olo79_130{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}._emptyState_olo79_139{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-3);text-align:center}._emptyStateIcon_olo79_149{font-size:48px}._emptyStateTitle_olo79_153{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._emptyStateText_olo79_160{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._messageWrapper_olo79_166{display:flex;align-items:flex-end;gap:var(--spacing-2)}._messageuser_olo79_172{justify-content:flex-end}._messageassistant_olo79_176{justify-content:flex-start}._messageBubble_olo79_180{max-width:60%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);word-wrap:break-word}._messageuser_olo79_172 ._messageBubble_olo79_180{background:var(--interactive-primary);color:var(--interactive-primary-text);border-bottom-right-radius:4px}._messageassistant_olo79_176 ._messageBubble_olo79_180{background:var(--surface-layer);color:var(--text-primary);border-bottom-left-radius:4px}._messageContent_olo79_199{margin:0;font-size:var(--font-size-base);line-height:1.5}._messageTime_olo79_205{display:block;font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-1)}._messageStatus_olo79_212{font-size:var(--font-size-xs);opacity:.7}._statussending_olo79_217{color:var(--text-warning)}._statussent_olo79_221{color:var(--text-success)}._statuserror_olo79_225{color:var(--text-danger)}._typingIndicator_olo79_229{display:flex;gap:4px;align-items:center;padding:var(--spacing-1) 0}._typingIndicator_olo79_229 span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-secondary);animation:_typing_olo79_229 1.4s infinite}._typingIndicator_olo79_229 span:nth-child(2){animation-delay:.2s}._typingIndicator_olo79_229 span:nth-child(3){animation-delay:.4s}@keyframes _typing_olo79_229{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}._inputArea_olo79_265{padding:var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-base)}._inputGroup_olo79_271{display:flex;align-items:flex-end;gap:var(--spacing-2)}._input_olo79_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_olo79_265:hover{border-color:var(--border-base)}._input_olo79_265:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._input_olo79_265:disabled{background:var(--surface-subtle);color:var(--text-tertiary)}._actionButton_olo79_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_olo79_306:hover:not(:disabled){color:var(--text-primary);background:var(--surface-subtle)}._actionButton_olo79_306:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){._messageBubble_olo79_180{max-width:85%}._inputArea_olo79_265{padding:var(--spacing-3)}}
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="_root_olo79_3",a="_sidebar_olo79_11",e="_sidebarTitle_olo79_26",s="_participantsList_olo79_35",o="_participant_olo79_35",n="_participantActive_olo79_54",i="_participantAvatar_olo79_59",_="_participantInfo_olo79_66",r="_participantName_olo79_71",p="_participantStatus_olo79_80",c="_statusonline_olo79_86",l="_statusaway_olo79_90",u="_statusoffline_olo79_94",m="_mainArea_olo79_98",g="_header_olo79_105",y="_title_olo79_114",d="_errorBadge_olo79_121",S="_messagesContainer_olo79_130",b="_emptyState_olo79_139",T="_emptyStateIcon_olo79_149",A="_emptyStateTitle_olo79_153",f="_emptyStateText_olo79_160",B="_messageWrapper_olo79_166",I="_messageuser_olo79_172",v="_messageassistant_olo79_176",C="_messageBubble_olo79_180",h="_messageContent_olo79_199",w="_messageTime_olo79_205",x="_messageStatus_olo79_212",G="_statussending_olo79_217",L="_statussent_olo79_221",N="_statuserror_olo79_225",W="_typingIndicator_olo79_229",M="_typing_olo79_229",j="_inputArea_olo79_265",O="_inputGroup_olo79_271",P="_input_olo79_265",k="_actionButton_olo79_306",q={root:t,sidebar:a,sidebarTitle:e,participantsList:s,participant:o,participantActive:n,participantAvatar:i,participantInfo:_,participantName:r,participantStatus:p,statusonline:c,statusaway:l,statusoffline:u,mainArea:m,header:g,title:y,errorBadge:d,messagesContainer:S,emptyState:b,emptyStateIcon:T,emptyStateTitle:A,emptyStateText:f,messageWrapper:B,messageuser:I,messageassistant:v,messageBubble:C,messageContent:h,messageTime:w,messageStatus:x,statussending:G,statussent:L,statuserror:N,typingIndicator:W,typing:M,inputArea:j,inputGroup:O,input:P,actionButton:k};exports.actionButton=k;exports.default=q;exports.emptyState=b;exports.emptyStateIcon=T;exports.emptyStateText=f;exports.emptyStateTitle=A;exports.errorBadge=d;exports.header=g;exports.input=P;exports.inputArea=j;exports.inputGroup=O;exports.mainArea=m;exports.messageBubble=C;exports.messageContent=h;exports.messageStatus=x;exports.messageTime=w;exports.messageWrapper=B;exports.messageassistant=v;exports.messagesContainer=S;exports.messageuser=I;exports.participant=o;exports.participantActive=n;exports.participantAvatar=i;exports.participantInfo=_;exports.participantName=r;exports.participantStatus=p;exports.participantsList=s;exports.root=t;exports.sidebar=a;exports.sidebarTitle=e;exports.statusaway=l;exports.statuserror=N;exports.statusoffline=u;exports.statusonline=c;exports.statussending=G;exports.statussent=L;exports.title=y;exports.typing=M;exports.typingIndicator=W;
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 = "_root_olo79_3", s = "_sidebar_olo79_11", a = "_sidebarTitle_olo79_26", o = "_participantsList_olo79_35", e = "_participant_olo79_35", n = "_participantActive_olo79_54", _ = "_participantAvatar_olo79_59", i = "_participantInfo_olo79_66", p = "_participantName_olo79_71", r = "_participantStatus_olo79_80", c = "_statusonline_olo79_86", l = "_statusaway_olo79_90", u = "_statusoffline_olo79_94", m = "_mainArea_olo79_98", g = "_header_olo79_105", y = "_title_olo79_114", d = "_errorBadge_olo79_121", S = "_messagesContainer_olo79_130", b = "_emptyState_olo79_139", A = "_emptyStateIcon_olo79_149", T = "_emptyStateTitle_olo79_153", f = "_emptyStateText_olo79_160", B = "_messageWrapper_olo79_166", I = "_messageuser_olo79_172", v = "_messageassistant_olo79_176", C = "_messageBubble_olo79_180", x = "_messageContent_olo79_199", h = "_messageTime_olo79_205", w = "_messageStatus_olo79_212", G = "_statussending_olo79_217", L = "_statussent_olo79_221", N = "_statuserror_olo79_225", W = "_typingIndicator_olo79_229", j = "_typing_olo79_229", k = "_inputArea_olo79_265", q = "_inputGroup_olo79_271", z = "_input_olo79_265", D = "_actionButton_olo79_306", E = {
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: a,
5
- participantsList: o,
4
+ sidebarTitle: n,
5
+ participantsList: a,
6
6
  participant: e,
7
- participantActive: n,
8
- participantAvatar: _,
9
- participantInfo: i,
7
+ participantActive: _,
8
+ participantAvatar: i,
9
+ participantInfo: o,
10
10
  participantName: p,
11
11
  participantStatus: r,
12
12
  statusonline: c,
13
- statusaway: l,
13
+ statusaway: d,
14
14
  statusoffline: u,
15
15
  mainArea: m,
16
- header: g,
17
- title: y,
18
- errorBadge: d,
19
- messagesContainer: S,
20
- emptyState: b,
21
- emptyStateIcon: A,
22
- emptyStateTitle: T,
23
- emptyStateText: f,
24
- messageWrapper: B,
25
- messageuser: I,
26
- messageassistant: v,
27
- messageBubble: C,
28
- messageContent: x,
29
- messageTime: h,
30
- messageStatus: w,
31
- statussending: G,
32
- statussent: L,
33
- statuserror: N,
34
- typingIndicator: W,
35
- typing: j,
36
- inputArea: k,
37
- inputGroup: q,
38
- input: z,
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
- b as emptyState,
45
- A as emptyStateIcon,
46
- f as emptyStateText,
47
- T as emptyStateTitle,
48
- d as errorBadge,
49
- g as header,
50
- z as input,
51
- k as inputArea,
52
- q as inputGroup,
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
- C as messageBubble,
55
- x as messageContent,
56
- w as messageStatus,
57
- h as messageTime,
58
- B as messageWrapper,
59
- v as messageassistant,
60
- S as messagesContainer,
61
- I as messageuser,
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
- n as participantActive,
64
- _ as participantAvatar,
65
- i as participantInfo,
63
+ _ as participantActive,
64
+ i as participantAvatar,
65
+ o as participantInfo,
66
66
  p as participantName,
67
67
  r as participantStatus,
68
- o as participantsList,
68
+ a as participantsList,
69
69
  t as root,
70
70
  s as sidebar,
71
- a as sidebarTitle,
72
- l as statusaway,
73
- N as statuserror,
71
+ n as sidebarTitle,
72
+ d as statusaway,
73
+ L as statuserror,
74
74
  u as statusoffline,
75
75
  c as statusonline,
76
- G as statussending,
77
- L as statussent,
78
- y as title,
79
- j as typing,
80
- W as typingIndicator
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
- ._section_11eml_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_11eml_7{max-width:1200px;margin:0 auto}._title_11eml_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_11eml_21{display:grid;gap:var(--spacing-4)}._cols2_11eml_26{grid-template-columns:repeat(2,1fr)}._cols3_11eml_30{grid-template-columns:repeat(3,1fr)}._cols4_11eml_34{grid-template-columns:repeat(4,1fr)}._item_11eml_38{position:relative;border-radius:var(--radius-container);overflow:hidden}._image_11eml_44{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .25s ease}._item_11eml_38:hover ._image_11eml_44{transform:scale(1.03)}._caption_11eml_56{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(transparent,#0009);font-family:var(--font-secondary);font-size:var(--font-size-sm);color:#fff;margin:0}
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
- ._root_olo79_3{display:flex;height:100%;width:100%;background:var(--surface-base);overflow:hidden}._sidebar_olo79_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_olo79_11{display:none}}._sidebarTitle_olo79_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_olo79_35{display:flex;flex-direction:column}._participant_olo79_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_olo79_35:hover{background:var(--surface-layer)}._participantActive_olo79_54{background:var(--surface-base);border-left-color:var(--border-primary)}._participantAvatar_olo79_59{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}._participantInfo_olo79_66{flex:1;min-width:0}._participantName_olo79_71{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._participantStatus_olo79_80{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:capitalize}._statusonline_olo79_86{color:var(--text-success)}._statusaway_olo79_90{color:var(--text-warning)}._statusoffline_olo79_94{color:var(--text-tertiary)}._mainArea_olo79_98{flex:1;display:flex;flex-direction:column;overflow:hidden}._header_olo79_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_olo79_114{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._errorBadge_olo79_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_olo79_130{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}._emptyState_olo79_139{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-3);text-align:center}._emptyStateIcon_olo79_149{font-size:48px}._emptyStateTitle_olo79_153{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._emptyStateText_olo79_160{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._messageWrapper_olo79_166{display:flex;align-items:flex-end;gap:var(--spacing-2)}._messageuser_olo79_172{justify-content:flex-end}._messageassistant_olo79_176{justify-content:flex-start}._messageBubble_olo79_180{max-width:60%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);word-wrap:break-word}._messageuser_olo79_172 ._messageBubble_olo79_180{background:var(--interactive-primary);color:var(--interactive-primary-text);border-bottom-right-radius:4px}._messageassistant_olo79_176 ._messageBubble_olo79_180{background:var(--surface-layer);color:var(--text-primary);border-bottom-left-radius:4px}._messageContent_olo79_199{margin:0;font-size:var(--font-size-base);line-height:1.5}._messageTime_olo79_205{display:block;font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-1)}._messageStatus_olo79_212{font-size:var(--font-size-xs);opacity:.7}._statussending_olo79_217{color:var(--text-warning)}._statussent_olo79_221{color:var(--text-success)}._statuserror_olo79_225{color:var(--text-danger)}._typingIndicator_olo79_229{display:flex;gap:4px;align-items:center;padding:var(--spacing-1) 0}._typingIndicator_olo79_229 span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-secondary);animation:_typing_olo79_229 1.4s infinite}._typingIndicator_olo79_229 span:nth-child(2){animation-delay:.2s}._typingIndicator_olo79_229 span:nth-child(3){animation-delay:.4s}@keyframes _typing_olo79_229{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}._inputArea_olo79_265{padding:var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-base)}._inputGroup_olo79_271{display:flex;align-items:flex-end;gap:var(--spacing-2)}._input_olo79_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_olo79_265:hover{border-color:var(--border-base)}._input_olo79_265:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._input_olo79_265:disabled{background:var(--surface-subtle);color:var(--text-tertiary)}._actionButton_olo79_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_olo79_306:hover:not(:disabled){color:var(--text-primary);background:var(--surface-subtle)}._actionButton_olo79_306:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){._messageBubble_olo79_180{max-width:85%}._inputArea_olo79_265{padding:var(--spacing-3)}}
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 e=require("react/jsx-runtime"),N=require("react"),h=require("lucide-react"),a=require("./Avatar.module.css.cjs"),I={xs:"xs",sm:"sm",md:"md",lg:"lg",xl:"xl","2xl":"xxl","3xl":"xxxl","4xl":"xxxxl","5xl":"xxxxxl",profile:"profile"},x=({src:r,alt:d="",initials:n,icon:o,size:c="md",status:l,interactive:u=!1,className:m,...f})=>{const[j,g]=N.useState(!1),p=I[c]||c,v=[a.default.avatar,a.default[p],u&&a.default.interactive,m].filter(Boolean).join(" "),s=r&&!j,t=!s&&n,i=!s&&!t&&o;return e.jsxs("div",{className:v,...f,children:[s&&e.jsx("img",{src:r,alt:d,className:a.default.image,onError:()=>g(!0)}),t&&e.jsx("span",{className:a.default.initials,children:n}),i&&e.jsx("span",{className:a.default.icon,children:o}),!s&&!t&&!i&&e.jsx("span",{className:a.default.icon,children:e.jsx(h.User,{})}),l&&e.jsx("span",{className:`${a.default.statusIndicator} ${a.default[l]}`,"aria-label":`Status: ${l}`})]})};x.displayName="Avatar";exports.Avatar=x;
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,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiBlD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+DxC,CAAC"}
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 v, jsx as a } from "react/jsx-runtime";
3
- import { useState as I } from "react";
4
- import { User as j } from "lucide-react";
5
- import s from "./Avatar.module.css.mjs";
6
- const u = {
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
- }, w = ({
18
- src: o,
19
- alt: x = "",
20
- initials: t,
21
- icon: m,
22
- size: i = "md",
23
- status: e,
24
- interactive: c = !1,
25
- className: p,
26
- ...d
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 [f, N] = I(!1), g = u[i] || i, h = [
29
- s.avatar,
30
- s[g],
31
- c && s.interactive,
32
- p
33
- ].filter(Boolean).join(" "), l = o && !f, r = !l && t, n = !l && !r && m;
34
- return /* @__PURE__ */ v("div", { className: h, ...d, children: [
35
- l && /* @__PURE__ */ a(
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: o,
39
- alt: x,
40
- className: s.image,
41
- onError: () => N(!0)
57
+ src: a,
58
+ alt: s,
59
+ className: e.image,
60
+ onError: () => u(!0)
42
61
  }
43
62
  ),
44
- r && /* @__PURE__ */ a("span", { className: s.initials, children: t }),
45
- n && /* @__PURE__ */ a("span", { className: s.icon, children: m }),
46
- !l && !r && !n && /* @__PURE__ */ a("span", { className: s.icon, children: /* @__PURE__ */ a(j, {}) }),
47
- e && /* @__PURE__ */ a(
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: `${s.statusIndicator} ${s[e]}`,
51
- "aria-label": `Status: ${e}`
69
+ className: `${e.statusIndicator} ${e[m]}`,
70
+ "aria-label": `Status: ${m}`
52
71
  }
53
72
  )
54
73
  ] });
55
74
  };
56
- w.displayName = "Avatar";
75
+ E.displayName = "Avatar";
57
76
  export {
58
- w as Avatar
77
+ E as Avatar
59
78
  };
@@ -1 +1 @@
1
- ._avatar_zbymr_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_zbymr_30{width:100%;height:100%;object-fit:cover;border-radius:50%}._initials_zbymr_38{text-transform:uppercase;line-height:1;display:flex;align-items:center;justify-content:center;height:100%}._icon_zbymr_48{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}._icon_zbymr_48 svg{width:100%;height:100%}._xs_zbymr_64{width:24px;height:24px;font-size:var(--font-size-10)}._xs_zbymr_64 ._icon_zbymr_48{width:12px;height:12px}._sm_zbymr_75{width:32px;height:32px;font-size:var(--font-size-12)}._sm_zbymr_75 ._icon_zbymr_48{width:16px;height:16px}._md_zbymr_86{width:40px;height:40px;font-size:var(--font-size-14)}._md_zbymr_86 ._icon_zbymr_48{width:20px;height:20px}._lg_zbymr_97{width:48px;height:48px;font-size:var(--font-size-16)}._lg_zbymr_97 ._icon_zbymr_48{width:24px;height:24px}._xl_zbymr_108{width:64px;height:64px;font-size:var(--font-size-20)}._xl_zbymr_108 ._icon_zbymr_48{width:32px;height:32px}._xxl_zbymr_119{width:96px;height:96px;font-size:var(--font-size-32)}._xxl_zbymr_119 ._icon_zbymr_48{width:48px;height:48px}._profile_zbymr_130{width:120px;height:120px;font-size:var(--font-size-48)}._profile_zbymr_130 ._icon_zbymr_48{width:56px;height:56px}._xxxl_zbymr_141{width:120px;height:120px;font-size:var(--font-size-48)}._xxxl_zbymr_141 ._icon_zbymr_48{width:56px;height:56px}._xxxxl_zbymr_152{width:160px;height:160px;font-size:var(--font-size-64)}._xxxxl_zbymr_152 ._icon_zbymr_48{width:72px;height:72px}._xxxxxl_zbymr_163{width:200px;height:200px;font-size:var(--font-size-80)}._xxxxxl_zbymr_163 ._icon_zbymr_48{width:96px;height:96px}._interactive_zbymr_178{cursor:pointer}._interactive_zbymr_178:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}._interactive_zbymr_178:active{transform:scale(.98)}._interactive_zbymr_178:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}._statusIndicator_zbymr_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_zbymr_212{background:var(--status-success)}._offline_zbymr_216{background:var(--text-tertiary)}._away_zbymr_220{background:var(--status-warning)}._busy_zbymr_224{background:var(--status-error)}
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="_avatar_zbymr_8",_="_image_zbymr_30",t="_initials_zbymr_38",n="_icon_zbymr_48",s="_xs_zbymr_64",i="_sm_zbymr_75",l="_md_zbymr_86",o="_lg_zbymr_97",a="_xl_zbymr_108",r="_xxl_zbymr_119",e="_profile_zbymr_130",c="_xxxl_zbymr_141",m="_xxxxl_zbymr_152",y="_xxxxxl_zbymr_163",b="_interactive_zbymr_178",z="_statusIndicator_zbymr_200",u="_online_zbymr_212",f="_offline_zbymr_216",d="_away_zbymr_220",g="_busy_zbymr_224",v={avatar:x,image:_,initials:t,icon:n,xs:s,sm:i,md:l,lg:o,xl:a,xxl:r,profile:e,xxxl:c,xxxxl:m,xxxxxl:y,interactive:b,statusIndicator:z,online:u,offline:f,away:d,busy:g};exports.avatar=x;exports.away=d;exports.busy=g;exports.default=v;exports.icon=n;exports.image=_;exports.initials=t;exports.interactive=b;exports.lg=o;exports.md=l;exports.offline=f;exports.online=u;exports.profile=e;exports.sm=i;exports.statusIndicator=z;exports.xl=a;exports.xs=s;exports.xxl=r;exports.xxxl=c;exports.xxxxl=m;exports.xxxxxl=y;
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 _ = "_avatar_zbymr_8", x = "_image_zbymr_30", t = "_initials_zbymr_38", n = "_icon_zbymr_48", s = "_xs_zbymr_64", o = "_sm_zbymr_75", i = "_md_zbymr_86", r = "_lg_zbymr_97", a = "_xl_zbymr_108", l = "_xxl_zbymr_119", c = "_profile_zbymr_130", m = "_xxxl_zbymr_141", y = "_xxxxl_zbymr_152", b = "_xxxxxl_zbymr_163", e = "_interactive_zbymr_178", z = "_statusIndicator_zbymr_200", f = "_online_zbymr_212", d = "_offline_zbymr_216", u = "_away_zbymr_220", g = "_busy_zbymr_224", v = {
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: t,
5
- icon: n,
4
+ initials: n,
5
+ icon: t,
6
6
  xs: s,
7
7
  sm: o,
8
- md: i,
9
- lg: r,
10
- xl: a,
11
- xxl: l,
8
+ md: e,
9
+ lg: l,
10
+ xl: u,
11
+ xxl: a,
12
12
  profile: c,
13
- xxxl: m,
14
- xxxxl: y,
15
- xxxxxl: b,
16
- interactive: e,
17
- statusIndicator: z,
18
- online: f,
13
+ xxxl: f,
14
+ xxxxl: i,
15
+ xxxxxl: m,
16
+ interactive: r,
17
+ statusIndicator: p,
18
+ online: g,
19
19
  offline: d,
20
- away: u,
21
- busy: g
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
- u as away,
26
- g as busy,
27
- v as default,
28
- n as icon,
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
- t as initials,
31
- e as interactive,
32
- r as lg,
33
- i as md,
39
+ n as initials,
40
+ r as interactive,
41
+ l as lg,
42
+ e as md,
34
43
  d as offline,
35
- f as online,
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
- z as statusIndicator,
39
- a as xl,
51
+ p as statusIndicator,
52
+ j as teal,
53
+ u as xl,
40
54
  s as xs,
41
- l as xxl,
42
- m as xxxl,
43
- y as xxxxl,
44
- b as xxxxxl
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