@orion-ds/react 4.6.1 → 4.6.3

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 (105) hide show
  1. package/README.md +125 -77
  2. package/dist/blocks/sections/ActivityFeed/ActivityFeed.types.d.ts.map +1 -1
  3. package/dist/blocks/sections/AppDownload/AppDownload.stories.d.ts.map +1 -1
  4. package/dist/blocks/sections/Blog/Blog.d.ts.map +1 -1
  5. package/dist/blocks/sections/Blog/Blog.stories.d.ts.map +1 -1
  6. package/dist/blocks/sections/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -1
  7. package/dist/blocks/sections/CTA/CTA.d.ts.map +1 -1
  8. package/dist/blocks/sections/CTA/CTA.mjs +1 -7
  9. package/dist/blocks/sections/CTA/CTA.stories.d.ts.map +1 -1
  10. package/dist/blocks/sections/CarouselSection/CarouselCard.d.ts.map +1 -1
  11. package/dist/blocks/sections/CarouselSection/CarouselSection.d.ts.map +1 -1
  12. package/dist/blocks/sections/CarouselSection/CarouselSection.stories.d.ts.map +1 -1
  13. package/dist/blocks/sections/Chat/Chat.stories.d.ts.map +1 -1
  14. package/dist/blocks/sections/Comparison/Comparison.stories.d.ts.map +1 -1
  15. package/dist/blocks/sections/Contact/Contact.d.ts.map +1 -1
  16. package/dist/blocks/sections/Contact/Contact.stories.d.ts.map +1 -1
  17. package/dist/blocks/sections/EmptyState/EmptyState.d.ts.map +1 -1
  18. package/dist/blocks/sections/EmptyState/EmptyState.mjs +1 -7
  19. package/dist/blocks/sections/EmptyState/EmptyState.stories.d.ts.map +1 -1
  20. package/dist/blocks/sections/FAQ/FAQ.stories.d.ts.map +1 -1
  21. package/dist/blocks/sections/Features/Features.d.ts.map +1 -1
  22. package/dist/blocks/sections/Features/Features.mjs +7 -14
  23. package/dist/blocks/sections/Features/Features.stories.d.ts.map +1 -1
  24. package/dist/blocks/sections/Features/index.d.ts +1 -1
  25. package/dist/blocks/sections/Features/index.d.ts.map +1 -1
  26. package/dist/blocks/sections/Footer/Footer.d.ts.map +1 -1
  27. package/dist/blocks/sections/Footer/Footer.mjs +1 -9
  28. package/dist/blocks/sections/Gallery/Gallery.d.ts.map +1 -1
  29. package/dist/blocks/sections/Gallery/Gallery.mjs +1 -8
  30. package/dist/blocks/sections/Gallery/Gallery.module.css +1 -1
  31. package/dist/blocks/sections/Gallery/Gallery.module.css.cjs +1 -1
  32. package/dist/blocks/sections/Gallery/Gallery.module.css.mjs +20 -20
  33. package/dist/blocks/sections/Gallery/Gallery.stories.d.ts.map +1 -1
  34. package/dist/blocks/sections/Hero/Hero.d.ts.map +1 -1
  35. package/dist/blocks/sections/Hero/Hero.stories.d.ts.map +1 -1
  36. package/dist/blocks/sections/Hero/HeroHighlight.d.ts.map +1 -1
  37. package/dist/blocks/sections/LogoCloud/LogoCloud.stories.d.ts.map +1 -1
  38. package/dist/blocks/sections/Newsletter/Newsletter.d.ts.map +1 -1
  39. package/dist/blocks/sections/Newsletter/Newsletter.stories.d.ts.map +1 -1
  40. package/dist/blocks/sections/Pricing/Pricing.stories.d.ts.map +1 -1
  41. package/dist/blocks/sections/Pricing/PricingCard.d.ts.map +1 -1
  42. package/dist/blocks/sections/Pricing/index.d.ts +1 -1
  43. package/dist/blocks/sections/Pricing/index.d.ts.map +1 -1
  44. package/dist/blocks/sections/SettingsLayout/SettingsLayout.d.ts.map +1 -1
  45. package/dist/blocks/sections/SettingsLayout/SettingsLayout.stories.d.ts.map +1 -1
  46. package/dist/blocks/sections/SocialProof/SocialProof.stories.d.ts.map +1 -1
  47. package/dist/blocks/sections/Stats/Stats.d.ts.map +1 -1
  48. package/dist/blocks/sections/Stats/Stats.stories.d.ts.map +1 -1
  49. package/dist/blocks/sections/Stepper/Stepper.d.ts.map +1 -1
  50. package/dist/blocks/sections/Stepper/Stepper.stories.d.ts.map +1 -1
  51. package/dist/blocks/sections/Team/Team.stories.d.ts.map +1 -1
  52. package/dist/blocks/sections/Testimonials/Testimonials.d.ts.map +1 -1
  53. package/dist/blocks/sections/Testimonials/Testimonials.mjs +9 -9
  54. package/dist/blocks/sections/Testimonials/Testimonials.stories.d.ts.map +1 -1
  55. package/dist/blocks/sections/Timeline/Timeline.d.ts.map +1 -1
  56. package/dist/blocks/sections/Timeline/Timeline.stories.d.ts.map +1 -1
  57. package/dist/blocks/templates/app/AgentEditor/AgentEditor.d.ts.map +1 -1
  58. package/dist/blocks/templates/app/AgentEditor/AgentEditor.mjs +1 -9
  59. package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.module.css +1 -1
  60. package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.module.css.cjs +1 -1
  61. package/dist/blocks/templates/app/AgentWorkspace/AgentWorkspace.module.css.mjs +28 -28
  62. package/dist/blocks/templates/app/AgentWorkspace/index.d.ts +1 -1
  63. package/dist/blocks/templates/app/AgentWorkspace/index.d.ts.map +1 -1
  64. package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css +1 -1
  65. package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css.cjs +1 -1
  66. package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.module.css.mjs +41 -41
  67. package/dist/blocks/templates/app/ChatPageTemplate/ChatPageTemplate.stories.d.ts.map +1 -1
  68. package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.module.css +1 -1
  69. package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.module.css.cjs +1 -1
  70. package/dist/blocks/templates/app/DashboardTemplate/DashboardTemplate.module.css.mjs +45 -45
  71. package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.module.css +1 -1
  72. package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.module.css.cjs +1 -1
  73. package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.module.css.mjs +52 -52
  74. package/dist/blocks/templates/app/KanbanPageTemplate/KanbanPageTemplate.stories.d.ts.map +1 -1
  75. package/dist/blocks/templates/app/LoginTemplate/LoginTemplate.d.ts.map +1 -1
  76. package/dist/blocks/templates/app/ProfilePageTemplate/ProfilePageTemplate.module.css +1 -1
  77. package/dist/blocks/templates/app/ProfilePageTemplate/ProfilePageTemplate.module.css.cjs +1 -1
  78. package/dist/blocks/templates/app/ProfilePageTemplate/ProfilePageTemplate.module.css.mjs +30 -30
  79. package/dist/blocks/templates/app/ProfilePageTemplate/index.d.ts +1 -1
  80. package/dist/blocks/templates/app/ProfilePageTemplate/index.d.ts.map +1 -1
  81. package/dist/blocks/templates/app/SettingsTemplate/SettingsTemplate.module.css +1 -1
  82. package/dist/blocks/templates/app/SettingsTemplate/SettingsTemplate.module.css.cjs +1 -1
  83. package/dist/blocks/templates/app/SettingsTemplate/SettingsTemplate.module.css.mjs +37 -37
  84. package/dist/blocks/templates/app/SettingsTemplate/index.d.ts +1 -1
  85. package/dist/blocks/templates/app/SettingsTemplate/index.d.ts.map +1 -1
  86. package/dist/blocks.css +7 -7
  87. package/dist/components/EmptyState/EmptyState.cjs +1 -0
  88. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  89. package/dist/components/EmptyState/EmptyState.mjs +1 -0
  90. package/dist/components/FontLoader/FontLoader.stories.d.ts.map +1 -1
  91. package/dist/components/Icon/Icon.cjs +1 -0
  92. package/dist/components/Icon/Icon.d.ts.map +1 -1
  93. package/dist/components/Icon/Icon.mjs +1 -0
  94. package/dist/components/Select/Select.cjs +1 -0
  95. package/dist/components/Select/Select.d.ts.map +1 -1
  96. package/dist/components/Select/Select.mjs +1 -0
  97. package/dist/components/Stack/Stack.cjs +1 -0
  98. package/dist/components/Stack/Stack.d.ts.map +1 -1
  99. package/dist/components/Stack/Stack.mjs +1 -0
  100. package/dist/components/Stack/Stack.stories.d.ts +52 -0
  101. package/dist/components/Stack/Stack.stories.d.ts.map +1 -0
  102. package/dist/components/ThemeController/ThemeController.cjs +1 -1
  103. package/dist/components/ThemeController/ThemeController.mjs +20 -20
  104. package/dist/components/WorkspaceSwitcher/WorkspaceSwitcher.stories.d.ts.map +1 -1
  105. package/package.json +1 -1
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
 
@@ -61,16 +61,16 @@
61
61
 
62
62
  ._root_w9d85_3{width:100%;max-width:800px;margin:0 auto}._title_w9d85_9{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}._body_w9d85_16{display:flex;flex-direction:column;gap:var(--spacing-4)}._error_w9d85_22{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)}._formGroup_w9d85_31{display:flex;flex-direction:column;gap:var(--spacing-2)}._label_w9d85_37{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}._formRow_w9d85_43{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media(max-width:640px){._formRow_w9d85_43{grid-template-columns:1fr}}._select_w9d85_55{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-size:var(--font-size-base);font-family:var(--font-secondary);transition:border-color .15s ease}._select_w9d85_55:hover{border-color:var(--border-base)}._select_w9d85_55:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._select_w9d85_55:disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed}._textarea_w9d85_82{padding:var(--spacing-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-base);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-secondary);resize:vertical;transition:border-color .15s ease}._textarea_w9d85_82:hover{border-color:var(--border-base)}._textarea_w9d85_82:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._textarea_w9d85_82:disabled{background:var(--surface-subtle);color:var(--text-tertiary);cursor:not-allowed}._footer_w9d85_110{display:flex;gap:var(--spacing-3);justify-content:flex-end}@media(max-width:640px){._footer_w9d85_110{flex-direction:column-reverse}._footer_w9d85_110 button{width:100%}}
63
63
 
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}
64
+ ._root_g6y6k_3{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6)}._header_g6y6k_12{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}._headerContent_g6y6k_19{flex:1}._title_g6y6k_23{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._subtitle_g6y6k_30{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._error_g6y6k_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_g6y6k_45{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4);flex:1}@media(max-width:768px){._grid_g6y6k_45{grid-template-columns:1fr}._header_g6y6k_12{flex-direction:column}._root_g6y6k_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._emptyState_g6y6k_67{grid-column:1 / -1}._emptyStateBody_g6y6k_71{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center;gap:var(--spacing-4)}._emptyStateIcon_g6y6k_81{font-size:48px}._emptyStateTitle_g6y6k_85{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._emptyStateText_g6y6k_92{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._agentCard_g6y6k_98{cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;border:2px solid transparent}._agentCard_g6y6k_98:hover{box-shadow:var(--shadow-md)}._agentCardSelected_g6y6k_110{border-color:var(--border-primary);box-shadow:var(--shadow-lg)}._agentCardBody_g6y6k_115{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}._agentHeader_g6y6k_122{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}._agentInfo_g6y6k_129{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}._agentName_g6y6k_136{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._agentActions_g6y6k_143{display:flex;gap:var(--spacing-2);flex-shrink:0}._actionButton_g6y6k_149{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_g6y6k_149:hover{background:var(--surface-layer);color:var(--text-primary)}._actionButtonDanger_g6y6k_169:hover{background:var(--surface-danger-subtle);color:var(--text-danger)}._agentDescription_g6y6k_174{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}._agentMeta_g6y6k_181{display:flex;gap:var(--spacing-3);padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}._metaItem_g6y6k_188{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--text-tertiary)}._metaLabel_g6y6k_196{white-space:nowrap}
65
65
 
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)}}
66
+ ._root_z5x1z_3{display:flex;height:100%;width:100%;background:var(--surface-base);overflow:hidden}._sidebar_z5x1z_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_z5x1z_11{display:none}}._sidebarTitle_z5x1z_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_z5x1z_35{display:flex;flex-direction:column}._participant_z5x1z_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_z5x1z_35:hover{background:var(--surface-layer)}._participantActive_z5x1z_54{background:var(--surface-base);border-left-color:var(--border-primary)}._participantAvatar_z5x1z_59{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}._participantInfo_z5x1z_66{flex:1;min-width:0}._participantName_z5x1z_71{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._participantStatus_z5x1z_80{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:capitalize}._statusonline_z5x1z_86{color:var(--text-success)}._statusaway_z5x1z_90{color:var(--text-warning)}._statusoffline_z5x1z_94{color:var(--text-tertiary)}._mainArea_z5x1z_98{flex:1;display:flex;flex-direction:column;overflow:hidden}._header_z5x1z_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_z5x1z_114{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._errorBadge_z5x1z_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_z5x1z_130{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}._emptyState_z5x1z_139{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-3);text-align:center}._emptyStateIcon_z5x1z_149{font-size:48px}._emptyStateTitle_z5x1z_153{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._emptyStateText_z5x1z_160{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._messageWrapper_z5x1z_166{display:flex;align-items:flex-end;gap:var(--spacing-2)}._messageuser_z5x1z_172{justify-content:flex-end}._messageassistant_z5x1z_176{justify-content:flex-start}._messageBubble_z5x1z_180{max-width:60%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-control);overflow-wrap:break-word}._messageuser_z5x1z_172 ._messageBubble_z5x1z_180{background:var(--interactive-primary);color:var(--interactive-primary-text);border-bottom-right-radius:4px}._messageassistant_z5x1z_176 ._messageBubble_z5x1z_180{background:var(--surface-layer);color:var(--text-primary);border-bottom-left-radius:4px}._messageContent_z5x1z_199{margin:0;font-size:var(--font-size-base);line-height:1.5}._messageTime_z5x1z_205{display:block;font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-1)}._messageStatus_z5x1z_212{font-size:var(--font-size-xs);opacity:.7}._statussending_z5x1z_217{color:var(--text-warning)}._statussent_z5x1z_221{color:var(--text-success)}._statuserror_z5x1z_225{color:var(--text-danger)}._typingIndicator_z5x1z_229{display:flex;gap:4px;align-items:center;padding:var(--spacing-1) 0}._typingIndicator_z5x1z_229 span{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-secondary);animation:_typing_z5x1z_229 1.4s infinite}._typingIndicator_z5x1z_229 span:nth-child(2){animation-delay:.2s}._typingIndicator_z5x1z_229 span:nth-child(3){animation-delay:.4s}@keyframes _typing_z5x1z_229{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}._inputArea_z5x1z_265{padding:var(--spacing-4);border-top:1px solid var(--border-subtle);background:var(--surface-base)}._inputGroup_z5x1z_271{display:flex;align-items:flex-end;gap:var(--spacing-2)}._input_z5x1z_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_z5x1z_265:hover{border-color:var(--border-base)}._input_z5x1z_265:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._input_z5x1z_265:disabled{background:var(--surface-subtle);color:var(--text-tertiary)}._actionButton_z5x1z_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_z5x1z_306:hover:not(:disabled){color:var(--text-primary);background:var(--surface-subtle)}._actionButton_z5x1z_306:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){._messageBubble_z5x1z_180{max-width:85%}._inputArea_z5x1z_265{padding:var(--spacing-3)}}
67
67
 
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)}
68
+ ._root_smadt_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_smadt_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._header_smadt_19{display:flex;justify-content:space-between;align-items:flex-start}._title_smadt_25{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._subtitle_smadt_32{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._metricsGrid_smadt_38{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}@media(max-width:768px){._metricsGrid_smadt_38{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}._metricCard_smadt_50{transition:box-shadow .15s ease,transform .15s ease}._metricCard_smadt_50:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}._metricBody_smadt_61{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4)}._metricHeader_smadt_68{display:flex;justify-content:space-between;align-items:flex-start}._metricLabel_smadt_74{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}._metricIcon_smadt_82{font-size:24px;opacity:.6}._metricValue_smadt_87{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}._metricChange_smadt_93{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:500}._changeUp_smadt_101{color:var(--text-success)}._changeDown_smadt_105{color:var(--text-danger)}._changeNeutral_smadt_109{color:var(--text-secondary)}._contentGrid_smadt_113{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-6)}@media(max-width:1024px){._contentGrid_smadt_113{grid-template-columns:1fr}}._chartsSection_smadt_125{display:flex;flex-direction:column;gap:var(--spacing-4)}._chartCard_smadt_131{height:100%}._chartBody_smadt_135{padding:var(--spacing-4)}._chartTitle_smadt_139{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._chartPlaceholder_smadt_146{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_smadt_157{height:fit-content}._activityBody_smadt_161{padding:0}._activityTitle_smadt_165{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._activityList_smadt_172{display:flex;flex-direction:column;divide-y:1px solid var(--border-subtle)}._activityItem_smadt_178{display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:background-color .15s ease}._activityItem_smadt_178:hover{background:var(--surface-subtle)}._activityDot_smadt_189{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0;margin-top:4px}._typesuccess_smadt_197{background:var(--border-success)}._typewarning_smadt_201{background:var(--border-warning)}._typeerror_smadt_205{background:var(--border-danger)}._typeinfo_smadt_209{background:var(--border-base)}._activityContent_smadt_213{flex:1;min-width:0}._activityTitle_smadt_165{margin:0;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}._activityDescription_smadt_225{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}._activityTime_smadt_231{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
 
70
- ._root_1bn5t_3{width:100%;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--surface-base);height:100%;overflow:hidden}@media(max-width:768px){._root_1bn5t_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._header_1bn5t_21{display:flex;justify-content:space-between;align-items:center}._title_1bn5t_27{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._error_1bn5t_34{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-sm);border-left:4px solid var(--border-danger)}._board_1bn5t_43{display:flex;gap:var(--spacing-4);overflow-x:auto;flex:1;padding-bottom:var(--spacing-2)}@media(max-width:768px){._board_1bn5t_43{flex-wrap:wrap;gap:var(--spacing-3)}}._emptyState_1bn5t_58{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px}._emptyStateText_1bn5t_66{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._column_1bn5t_72{display:flex;flex-direction:column;min-width:300px;max-width:300px;background:var(--surface-subtle);border-radius:var(--radius-control);overflow:hidden;flex-shrink:0}@media(max-width:768px){._column_1bn5t_72{min-width:280px;max-width:280px}}._columnHeader_1bn5t_90{padding:var(--spacing-3) var(--spacing-4);background:var(--surface-layer);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}._columnTitle_1bn5t_99{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}._columnCount_1bn5t_106{display:inline-block;margin-left:var(--spacing-2);padding:0 var(--spacing-2);background:var(--surface-base);border-radius:12px;font-size:var(--font-size-xs);color:var(--text-secondary)}._tasks_1bn5t_116{flex:1;overflow-y:auto;padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-3)}._emptyColumn_1bn5t_125{display:flex;align-items:center;justify-content:center;min-height:200px;flex:1}._emptyColumnText_1bn5t_133{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary)}._taskCard_1bn5t_139{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:var(--spacing-3);cursor:grab;transition:box-shadow .15s ease,border-color .15s ease}._taskCard_1bn5t_139:hover{border-color:var(--border-base);box-shadow:var(--shadow-sm)}._taskCard_1bn5t_139:active{cursor:grabbing}._taskHeader_1bn5t_157{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}._taskTitle_1bn5t_165{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);flex:1;word-break:break-word}._taskActions_1bn5t_174{display:flex;gap:var(--spacing-1);opacity:0;transition:opacity .15s ease}._taskCard_1bn5t_139:hover ._taskActions_1bn5t_174{opacity:1}._taskActionButton_1bn5t_185{display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background-color .15s ease}._taskActionButton_1bn5t_185:hover{background:var(--surface-subtle);color:var(--text-primary)}._taskActionButtonDanger_1bn5t_203:hover{background:var(--surface-danger-subtle);color:var(--text-danger)}._taskDescription_1bn5t_208{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._taskMeta_1bn5t_219{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap}._dueDateBadge_1bn5t_226{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--surface-subtle);border-radius:6px;font-size:var(--font-size-xs);color:var(--text-secondary)}._labels_1bn5t_237{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:var(--spacing-2)}._label_1bn5t_237{display:inline-block;padding:2px 8px;background:var(--surface-subtle);border-radius:4px;font-size:var(--font-size-xs);color:var(--text-secondary)}._assignee_1bn5t_253{display:flex;align-items:center;gap:8px;margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}._assigneeAvatar_1bn5t_262{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}._assigneeName_1bn5t_269{font-size:var(--font-size-xs);color:var(--text-secondary)}
70
+ ._root_zg1rh_3{width:100%;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--surface-base);height:100%;overflow:hidden}@media(max-width:768px){._root_zg1rh_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._header_zg1rh_21{display:flex;justify-content:space-between;align-items:center}._title_zg1rh_27{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._error_zg1rh_34{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-sm);border-left:4px solid var(--border-danger)}._board_zg1rh_43{display:flex;gap:var(--spacing-4);overflow-x:auto;flex:1;padding-bottom:var(--spacing-2)}@media(max-width:768px){._board_zg1rh_43{flex-wrap:wrap;gap:var(--spacing-3)}}._emptyState_zg1rh_58{display:flex;align-items:center;justify-content:center;width:100%;min-height:400px}._emptyStateText_zg1rh_66{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}._column_zg1rh_72{display:flex;flex-direction:column;min-width:300px;max-width:300px;background:var(--surface-subtle);border-radius:var(--radius-control);overflow:hidden;flex-shrink:0}@media(max-width:768px){._column_zg1rh_72{min-width:280px;max-width:280px}}._columnHeader_zg1rh_90{padding:var(--spacing-3) var(--spacing-4);background:var(--surface-layer);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}._columnTitle_zg1rh_99{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}._columnCount_zg1rh_106{display:inline-block;margin-left:var(--spacing-2);padding:0 var(--spacing-2);background:var(--surface-base);border-radius:12px;font-size:var(--font-size-xs);color:var(--text-secondary)}._tasks_zg1rh_116{flex:1;overflow-y:auto;padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-3)}._emptyColumn_zg1rh_125{display:flex;align-items:center;justify-content:center;min-height:200px;flex:1}._emptyColumnText_zg1rh_133{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary)}._taskCard_zg1rh_139{background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);padding:var(--spacing-3);cursor:grab;transition:box-shadow .15s ease,border-color .15s ease}._taskCard_zg1rh_139:hover{border-color:var(--border-base);box-shadow:var(--shadow-sm)}._taskCard_zg1rh_139:active{cursor:grabbing}._taskHeader_zg1rh_159{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}._taskTitle_zg1rh_167{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);flex:1;word-break:break-word}._taskActions_zg1rh_176{display:flex;gap:var(--spacing-1);opacity:0;transition:opacity .15s ease}._taskCard_zg1rh_139:hover ._taskActions_zg1rh_176{opacity:1}._taskActionButton_zg1rh_187{display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background-color .15s ease}._taskActionButton_zg1rh_187:hover{background:var(--surface-subtle);color:var(--text-primary)}._taskActionButtonDanger_zg1rh_207:hover{background:var(--surface-danger-subtle);color:var(--text-danger)}._taskDescription_zg1rh_212{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._taskMeta_zg1rh_223{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap}._dueDateBadge_zg1rh_230{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--surface-subtle);border-radius:6px;font-size:var(--font-size-xs);color:var(--text-secondary)}._labels_zg1rh_241{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:var(--spacing-2)}._label_zg1rh_241{display:inline-block;padding:2px 8px;background:var(--surface-subtle);border-radius:4px;font-size:var(--font-size-xs);color:var(--text-secondary)}._assignee_zg1rh_257{display:flex;align-items:center;gap:8px;margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--border-subtle)}._assigneeAvatar_zg1rh_266{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}._assigneeName_zg1rh_273{font-size:var(--font-size-xs);color:var(--text-secondary)}
71
71
 
72
72
  ._root_rigz5_3{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:var(--spacing-4);background:var(--surface-base)}._card_rigz5_13{width:100%;max-width:420px}._body_rigz5_18{padding:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}._logo_rigz5_25{display:flex;justify-content:center;font-size:48px;margin-bottom:var(--spacing-2)}._header_rigz5_32{text-align:center}._title_rigz5_36{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._subtitle_rigz5_43{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-base);color:var(--text-secondary)}._error_rigz5_49{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)}._success_rigz5_58{padding:var(--spacing-3);border-radius:var(--radius-control);background:var(--surface-success-subtle);color:var(--text-success);font-size:var(--font-size-sm);border-left:4px solid var(--border-success)}._form_rigz5_67{display:flex;flex-direction:column;gap:var(--spacing-4)}._formGroup_rigz5_73{display:flex;flex-direction:column;gap:var(--spacing-2)}._label_rigz5_79{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}._passwordLabel_rigz5_85{display:flex;justify-content:space-between;align-items:center}._showPasswordButton_rigz5_91{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-1);display:flex;align-items:center;justify-content:center;transition:color .15s ease}._showPasswordButton_rigz5_91:hover:not(:disabled){color:var(--text-primary)}._showPasswordButton_rigz5_91:disabled{opacity:.5;cursor:not-allowed}._input_rigz5_112{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-size:var(--font-size-base);font-family:var(--font-secondary);transition:border-color .15s ease}._input_rigz5_112:hover{border-color:var(--border-base)}._input_rigz5_112:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 2px var(--surface-primary-subtle)}._input_rigz5_112:disabled{background:var(--surface-subtle);color:var(--text-tertiary)}._optionsRow_rigz5_138{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}._checkbox_rigz5_145{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);-webkit-user-select:none;user-select:none}._checkbox_rigz5_145 input{width:18px;height:18px;cursor:pointer;accent-color:var(--interactive-primary)}._checkbox_rigz5_145 input:disabled{opacity:.5;cursor:not-allowed}._link_rigz5_167{background:none;border:none;color:var(--text-brand);cursor:pointer;padding:0;font-size:var(--font-size-sm);font-weight:500;transition:opacity .15s ease;text-decoration:none}._link_rigz5_167:hover:not(:disabled){text-decoration:underline}._link_rigz5_167:disabled{opacity:.5;cursor:not-allowed}._signupText_rigz5_188{text-align:center;margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:640px){._body_rigz5_18{padding:var(--spacing-6)}}
73
73
 
74
- ._root_19njy_3{width:100%;max-width:1000px;margin:0 auto;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}@media(max-width:768px){._root_19njy_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._headerCard_19njy_20{background:linear-gradient(135deg,var(--surface-layer),var(--surface-base))}._headerBody_19njy_24{padding:var(--spacing-6);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6)}@media(max-width:768px){._headerBody_19njy_24{flex-direction:column;align-items:flex-start}}._headerContent_19njy_39{display:flex;align-items:center;gap:var(--spacing-4);flex:1}._avatar_19njy_46{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover}._avatarPlaceholder_19njy_53{width:100px;height:100px;border-radius:var(--radius-full);background:var(--interactive-primary);color:var(--interactive-primary-text);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:600}._userInfo_19njy_66{flex:1}._userName_19njy_70{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}._userEmail_19njy_77{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._userBio_19njy_83{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}._headerActions_19njy_90{display:flex;gap:var(--spacing-3)}@media(max-width:768px){._headerActions_19njy_90{width:100%;flex-direction:column}._headerActions_19njy_90 button{width:100%}}._error_19njy_106{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)}._tabsContainer_19njy_115{display:flex;flex-direction:column;gap:var(--spacing-4)}._tabs_19njy_115{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--border-subtle)}@media(max-width:640px){._tabs_19njy_115{overflow-x:auto}}._tabButton_19njy_133{padding:var(--spacing-3) var(--spacing-4);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:color .15s ease,border-color .15s ease;white-space:nowrap}._tabButton_19njy_133:hover{color:var(--text-primary)}._tabButtonActive_19njy_150{color:var(--text-primary);border-bottom-color:var(--border-primary)}._tabContent_19njy_155{animation:_fadeIn_19njy_1 .15s ease}@keyframes _fadeIn_19njy_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._sectionTitle_19njy_170{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._sectionBody_19njy_177{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}._infoGrid_19njy_184{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}._infoItem_19njy_190{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-control);background:var(--surface-subtle);flex-wrap:wrap}._infoLabel_19njy_200{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;min-width:100px}._infoValue_19njy_209{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;flex:1}._securityItem_19njy_216{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control)}@media(max-width:768px){._securityItem_19njy_216{flex-direction:column;align-items:flex-start}._securityItem_19njy_216 button{width:100%}}._securityItemTitle_19njy_237{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._securityItemDescription_19njy_244{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._settingItem_19njy_250{padding:var(--spacing-3) 0;border-bottom:1px solid var(--border-subtle)}._settingItem_19njy_250:last-child{border-bottom:none}._checkbox_19njy_259{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_19njy_259 input{width:18px;height:18px;cursor:pointer;accent-color:var(--interactive-primary)}._checkbox_19njy_259 input:disabled{opacity:.5;cursor:not-allowed}._checkbox_19njy_259 span{font-size:var(--font-size-sm);color:var(--text-primary)}
74
+ ._root_9b4jw_3{width:100%;max-width:1000px;margin:0 auto;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}@media(max-width:768px){._root_9b4jw_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._headerCard_9b4jw_20{background:linear-gradient(135deg,var(--surface-layer),var(--surface-base))}._headerBody_9b4jw_28{padding:var(--spacing-6);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6)}@media(max-width:768px){._headerBody_9b4jw_28{flex-direction:column;align-items:flex-start}}._headerContent_9b4jw_43{display:flex;align-items:center;gap:var(--spacing-4);flex:1}._avatar_9b4jw_50{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover}._avatarPlaceholder_9b4jw_57{width:100px;height:100px;border-radius:var(--radius-full);background:var(--interactive-primary);color:var(--interactive-primary-text);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:600}._userInfo_9b4jw_70{flex:1}._userName_9b4jw_74{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}._userEmail_9b4jw_81{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._userBio_9b4jw_87{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}._headerActions_9b4jw_94{display:flex;gap:var(--spacing-3)}@media(max-width:768px){._headerActions_9b4jw_94{width:100%;flex-direction:column}._headerActions_9b4jw_94 button{width:100%}}._error_9b4jw_110{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)}._tabsContainer_9b4jw_119{display:flex;flex-direction:column;gap:var(--spacing-4)}._tabs_9b4jw_119{display:flex;gap:var(--spacing-1);border-bottom:1px solid var(--border-subtle)}@media(max-width:640px){._tabs_9b4jw_119{overflow-x:auto}}._tabButton_9b4jw_137{padding:var(--spacing-3) var(--spacing-4);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);transition:color .15s ease,border-color .15s ease;white-space:nowrap}._tabButton_9b4jw_137:hover{color:var(--text-primary)}._tabButtonActive_9b4jw_156{color:var(--text-primary);border-bottom-color:var(--border-primary)}._tabContent_9b4jw_161{animation:_fadeIn_9b4jw_1 .15s ease}@keyframes _fadeIn_9b4jw_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._sectionTitle_9b4jw_176{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._sectionBody_9b4jw_183{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}._infoGrid_9b4jw_190{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}._infoItem_9b4jw_196{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-control);background:var(--surface-subtle);flex-wrap:wrap}._infoLabel_9b4jw_206{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;min-width:100px}._infoValue_9b4jw_215{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;flex:1}._securityItem_9b4jw_222{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--border-subtle);border-radius:var(--radius-control)}@media(max-width:768px){._securityItem_9b4jw_222{flex-direction:column;align-items:flex-start}._securityItem_9b4jw_222 button{width:100%}}._securityItemTitle_9b4jw_243{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}._securityItemDescription_9b4jw_250{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._settingItem_9b4jw_256{padding:var(--spacing-3) 0;border-bottom:1px solid var(--border-subtle)}._settingItem_9b4jw_256:last-child{border-bottom:none}._checkbox_9b4jw_265{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox_9b4jw_265 input{width:18px;height:18px;cursor:pointer;accent-color:var(--interactive-primary)}._checkbox_9b4jw_265 input:disabled{opacity:.5;cursor:not-allowed}._checkbox_9b4jw_265 span{font-size:var(--font-size-sm);color:var(--text-primary)}
75
75
 
76
- ._root_1tv2v_3{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--surface-base)}@media(max-width:768px){._root_1tv2v_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._header_1tv2v_20{display:flex;justify-content:space-between;align-items:center}._title_1tv2v_26{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._unsavedBadge_1tv2v_33{padding:var(--spacing-2) var(--spacing-3);background:var(--surface-warning-subtle);color:var(--text-warning);border-radius:var(--radius-control);font-size:var(--font-size-xs);font-weight:500}._container_1tv2v_42{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-6);flex:1}@media(max-width:1024px){._container_1tv2v_42{grid-template-columns:200px 1fr;gap:var(--spacing-4)}}@media(max-width:768px){._container_1tv2v_42{grid-template-columns:1fr;gap:var(--spacing-4)}}._sidebar_1tv2v_63{display:flex;flex-direction:column;background:var(--surface-subtle);border-radius:var(--radius-control);overflow:hidden;border:1px solid var(--border-subtle)}@media(max-width:768px){._sidebar_1tv2v_63{display:none}}._sidebarContent_1tv2v_78{display:flex;flex-direction:column;padding:var(--spacing-2)}._navItem_1tv2v_84{padding:var(--spacing-3) var(--spacing-4);background:none;border:none;text-align:left;cursor:pointer;border-radius:var(--radius-control);transition:background-color .15s ease,border-color .15s ease;border-left:3px solid transparent;margin:var(--spacing-1) 0}._navItem_1tv2v_84:hover{background:var(--surface-layer)}._navItemActive_1tv2v_100{background:var(--surface-base);border-left-color:var(--border-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}._navItemLabel_1tv2v_106{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}._navItemDescription_1tv2v_112{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}._navItem_1tv2v_84:disabled{opacity:.5;cursor:not-allowed}._content_1tv2v_123{display:flex;flex-direction:column;gap:var(--spacing-4);overflow-y:auto}._errorMessage_1tv2v_130{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--surface-danger-subtle);color:var(--text-danger);border-radius:var(--radius-control);font-size:var(--font-size-sm);border-left:4px solid var(--border-danger)}._successMessage_1tv2v_142{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--surface-success-subtle);color:var(--text-success);border-radius:var(--radius-control);font-size:var(--font-size-sm);border-left:4px solid var(--border-success)}._sectionCard_1tv2v_154{flex:1}._sectionTitle_1tv2v_158{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._sectionDescription_1tv2v_165{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._sectionBody_1tv2v_171{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}@media(max-width:640px){._sectionBody_1tv2v_171{padding:var(--spacing-4)}}._emptyState_1tv2v_184{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-size:var(--font-size-sm)}._actions_1tv2v_193{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}@media(max-width:640px){._actions_1tv2v_193{flex-direction:column-reverse}._actions_1tv2v_193 button{width:100%}}
76
+ ._root_1cdub_3{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);background:var(--surface-base)}@media(max-width:768px){._root_1cdub_3{padding:var(--spacing-4);gap:var(--spacing-4)}}._header_1cdub_20{display:flex;justify-content:space-between;align-items:center}._title_1cdub_26{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}._unsavedBadge_1cdub_33{padding:var(--spacing-2) var(--spacing-3);background:var(--surface-warning-subtle);color:var(--text-warning);border-radius:var(--radius-control);font-size:var(--font-size-xs);font-weight:500}._container_1cdub_42{display:grid;grid-template-columns:250px 1fr;gap:var(--spacing-6);flex:1}@media(max-width:1024px){._container_1cdub_42{grid-template-columns:200px 1fr;gap:var(--spacing-4)}}@media(max-width:768px){._container_1cdub_42{grid-template-columns:1fr;gap:var(--spacing-4)}}._sidebar_1cdub_63{display:flex;flex-direction:column;background:var(--surface-subtle);border-radius:var(--radius-control);overflow:hidden;border:1px solid var(--border-subtle)}@media(max-width:768px){._sidebar_1cdub_63{display:none}}._sidebarContent_1cdub_78{display:flex;flex-direction:column;padding:var(--spacing-2)}._navItem_1cdub_84{padding:var(--spacing-3) var(--spacing-4);background:none;border:none;text-align:left;cursor:pointer;border-radius:var(--radius-control);transition:background-color .15s ease,border-color .15s ease;border-left:3px solid transparent;margin:var(--spacing-1) 0}._navItem_1cdub_84:hover{background:var(--surface-layer)}._navItemActive_1cdub_102{background:var(--surface-base);border-left-color:var(--border-primary);box-shadow:inset 0 0 0 1px var(--border-subtle)}._navItemLabel_1cdub_108{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}._navItemDescription_1cdub_114{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}._navItem_1cdub_84:disabled{opacity:.5;cursor:not-allowed}._content_1cdub_125{display:flex;flex-direction:column;gap:var(--spacing-4);overflow-y:auto}._errorMessage_1cdub_132{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--surface-danger-subtle);color:var(--text-danger);border-radius:var(--radius-control);font-size:var(--font-size-sm);border-left:4px solid var(--border-danger)}._successMessage_1cdub_144{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--surface-success-subtle);color:var(--text-success);border-radius:var(--radius-control);font-size:var(--font-size-sm);border-left:4px solid var(--border-success)}._sectionCard_1cdub_156{flex:1}._sectionTitle_1cdub_160{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}._sectionDescription_1cdub_167{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}._sectionBody_1cdub_173{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4)}@media(max-width:640px){._sectionBody_1cdub_173{padding:var(--spacing-4)}}._emptyState_1cdub_186{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-size:var(--font-size-sm)}._actions_1cdub_195{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--border-subtle)}@media(max-width:640px){._actions_1cdub_195{flex-direction:column-reverse}._actions_1cdub_195 button{width:100%}}
@@ -1 +1,2 @@
1
+ "use client";
1
2
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("react"),e=require("./EmptyState.module.css.cjs"),r=f.forwardRef(({icon:a,title:i,description:s,action:l,secondaryAction:d,size:c="md",className:m,...u},n)=>{const o=[e.default.emptyState,e.default[c],m].filter(Boolean).join(" ");return t.jsxs("div",{ref:n,className:o,...u,children:[a&&t.jsx("div",{className:e.default.icon,"aria-hidden":"true",children:a}),t.jsx("h3",{className:e.default.title,children:i}),s&&t.jsx("p",{className:e.default.description,children:s}),(l||d)&&t.jsxs("div",{className:e.default.actions,children:[l,d]})]})});r.displayName="EmptyState";exports.EmptyState=r;
@@ -1 +1 @@
1
- {"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GAuCtB,CAAC"}
1
+ {"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GAuCtB,CAAC"}
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs as i, jsx as s } from "react/jsx-runtime";
2
3
  import { forwardRef as h } from "react";
3
4
  import e from "./EmptyState.module.css.mjs";
@@ -1 +1 @@
1
- {"version":3,"file":"FontLoader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/FontLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAmByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA4CrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgE9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAsG3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAmG5B,CAAC"}
1
+ {"version":3,"file":"FontLoader.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FontLoader/FontLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAmByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KA4CrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgE9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAwG3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAyG5B,CAAC"}
@@ -1 +1,2 @@
1
+ "use client";
1
2
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),t=require("react"),n=require("./Icon.module.css.cjs"),S={xs:12,sm:16,md:20,lg:24,xl:32},l=t.forwardRef(({icon:i,size:e="md",color:s="current",strokeWidth:d=2,label:a,decorative:c=!1,disabled:f=!1,className:o,style:u,...m},p)=>{const h=t.useMemo(()=>typeof e=="number"?e:S[e],[e]),g=t.useMemo(()=>{const r=[n.default.icon];return typeof e=="string"&&r.push(n.default[e]),r.push(n.default[s]),f&&r.push(n.default.disabled),o&&r.push(o),r.filter(Boolean).join(" ")},[e,s,f,o]),y=t.useMemo(()=>c?{"aria-hidden":!0,role:"presentation"}:{"aria-label":a,role:"img"},[c,a]),M=t.useMemo(()=>typeof e=="number"?{width:e,height:e,...u}:u,[e,u]);return I.jsx(i,{ref:p,className:g,size:h,strokeWidth:d,style:M,...y,...m})});l.displayName="Icon";exports.Icon=l;
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAexD,eAAO,MAAM,IAAI,qGA0FhB,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAexD,eAAO,MAAM,IAAI,qGA0FhB,CAAC"}
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx as x } from "react/jsx-runtime";
2
3
  import { forwardRef as I, useMemo as n } from "react";
3
4
  import o from "./Icon.module.css.mjs";
@@ -1 +1,2 @@
1
+ "use client";
1
2
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),e=require("./Select.module.css.cjs"),u=o.forwardRef(({value:d,disabled:a,children:t,...c},i)=>l.jsx("option",{ref:i,value:d,disabled:a,...c,children:t}));u.displayName="Select.Option";const f=o.forwardRef(({label:d,error:a,helperText:t,options:c,placeholder:i="Select an option...",fullWidth:p=!1,size:h="md",optional:j=!1,className:x,id:b,disabled:N,required:r,children:S,...v},y)=>{const s=b||`select-${Math.random().toString(36).substr(2,9)}`,$=[e.default.selectContainer,p&&e.default.fullWidth,a&&e.default.error,x].filter(Boolean).join(" "),g=[e.default.select,e.default[h]].filter(Boolean).join(" ");return l.jsxs("div",{className:$,children:[d&&l.jsxs("label",{htmlFor:s,className:e.default.label,children:[d,j&&l.jsx("span",{className:e.default.optional,children:"(optional)"}),r&&l.jsx("span",{"aria-label":"required",children:"*"})]}),l.jsx("div",{className:e.default.selectWrapper,children:l.jsxs("select",{ref:y,id:s,className:g,disabled:N,required:r,"aria-invalid":a?"true":"false","aria-describedby":a?`${s}-error`:t?`${s}-helper`:void 0,...v,children:[i&&l.jsx("option",{value:"",disabled:!0,className:e.default.placeholder,children:i}),c?.map(n=>l.jsx("option",{value:n.value,disabled:n.disabled,children:n.label},n.value)),S]})}),t&&!a&&l.jsx("span",{id:`${s}-helper`,className:e.default.helperText,children:t}),a&&l.jsxs("span",{id:`${s}-error`,className:e.default.errorMessage,role:"alert",children:[l.jsx("span",{className:e.default.errorIcon,"aria-hidden":"true",children:"⚠"}),a]})]})});f.displayName="Select";const m=f;m.Option=u;exports.Select=m;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGrE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,iHAMjB,CAAC;AAIF,QAAA,MAAM,eAAe,2GAgHpB,CAAC;AAKF,eAAO,MAAM,MAAM,EAAsB,OAAO,eAAe,GAAG;IAChE,MAAM,EAAE,OAAO,YAAY,CAAC;CAC7B,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGrE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,YAAY,iHAMjB,CAAC;AAIF,QAAA,MAAM,eAAe,2GAgHpB,CAAC;AAKF,eAAO,MAAM,MAAM,EAAsB,OAAO,eAAe,GAAG;IAChE,MAAM,EAAE,OAAO,YAAY,CAAC;CAC7B,CAAC"}
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsxs as c, jsx as a } from "react/jsx-runtime";
2
3
  import { forwardRef as m } from "react";
3
4
  import e from "./Select.module.css.mjs";
@@ -1 +1,2 @@
1
+ "use client";
1
2
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),S=require("react"),e=require("./Stack.module.css.cjs"),t=S.forwardRef(({direction:a="vertical",gap:r="md",align:s="stretch",justify:l="flex-start",wrap:c="nowrap",as:u="div",className:o,children:i,...d},n)=>{const f=[e.default.stack,e.default[a],e.default[`gap-${r}`],e.default[`align-${s}`],e.default[`justify-${l}`],e.default[`wrap-${c}`],o].filter(Boolean).join(" ");return m.jsx(u,{ref:n,className:f,...d,children:i})});t.displayName="Stack";exports.Stack=t;
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,gFAiCjB,CAAC"}
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,eAAO,MAAM,KAAK,gFAiCjB,CAAC"}
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { jsx as n } from "react/jsx-runtime";
2
3
  import d from "react";
3
4
  import a from "./Stack.module.css.mjs";
@@ -0,0 +1,52 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('./Stack.types').StackProps & import('react').RefAttributes<HTMLElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ direction: {
12
+ control: "select";
13
+ options: string[];
14
+ };
15
+ gap: {
16
+ control: "select";
17
+ options: string[];
18
+ };
19
+ align: {
20
+ control: "select";
21
+ options: string[];
22
+ };
23
+ justify: {
24
+ control: "select";
25
+ options: string[];
26
+ };
27
+ wrap: {
28
+ control: "select";
29
+ options: string[];
30
+ };
31
+ as: {
32
+ control: "select";
33
+ options: string[];
34
+ };
35
+ };
36
+ };
37
+ export default meta;
38
+ type Story = StoryObj<typeof meta>;
39
+ export declare const Vertical: Story;
40
+ export declare const Horizontal: Story;
41
+ export declare const GapXs: Story;
42
+ export declare const GapSm: Story;
43
+ export declare const GapMd: Story;
44
+ export declare const GapLg: Story;
45
+ export declare const GapXl: Story;
46
+ export declare const AllGaps: Story;
47
+ export declare const AlignVariants: Story;
48
+ export declare const JustifyVariants: Story;
49
+ export declare const ButtonGroup: Story;
50
+ export declare const FormLayout: Story;
51
+ export declare const CardGrid: Story;
52
+ //# sourceMappingURL=Stack.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAMF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KA8GrB,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAyG3B,CAAC;AAMF,eAAO,MAAM,eAAe,EAAE,KAkG7B,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgEtB,CAAC"}
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../contexts/ThemeContext.cjs"),S=require("../../hooks/useTheme.cjs"),x=require("../Switch/Switch.cjs"),l=require("../Button/Button.cjs"),d=require("../Card/Card.cjs"),i=require("../Badge/Badge.cjs"),z=require("../Radio/Radio.cjs"),w=require("../Alert/Alert.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},ember:{accent:"#F15D22",radius:"12px",description:"Orange accent • Black buttons • 12px radius"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:u=!1,className:g,style:m,onThemeChange:j,onBrandChange:f})=>{const k=S.useTheme();let h=null;try{h=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:B,setBrand:C}=h??k,s=r=>{B(r),j?.(r)},c=r=>{C(r),f?.(r)};return u?e.jsxs("div",{className:g,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(x.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(l.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>c(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:g,style:{background:"var(--interactive-primary)",color:"white",...m},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"white"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"white"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(x.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(l.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(l.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>c(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(z.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>c(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(w.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("../../contexts/ThemeContext.cjs"),S=require("../../hooks/useTheme.cjs"),h=require("../Switch/Switch.cjs"),l=require("../Button/Button.cjs"),d=require("../Card/Card.cjs"),i=require("../Badge/Badge.cjs"),z=require("../Radio/Radio.cjs"),T=require("../Alert/Alert.cjs"),n={orion:{accent:"#1B5BFF",radius:"12px",description:"Blue accent • 12px radius"},red:{accent:"#D7282F",radius:"9999px",description:"Red accent • Pill buttons"},deepblue:{accent:"#006FBA",radius:"12px",description:"Deep Blue accent • 12px radius"},orange:{accent:"#F15D22",radius:"9999px",description:"Red-Orange accent • Pill buttons"},ember:{accent:"#F15D22",radius:"12px",description:"Orange accent • Black buttons • 12px radius"},lemon:{accent:"#72FF43",radius:"9999px",description:"Lime green accent • Highly rounded"}},v=({showBrandSelector:o=!0,showThemeToggle:p=!0,showSummary:y=!0,compact:m=!1,className:x,style:u,onThemeChange:j,onBrandChange:f})=>{const k=S.useTheme();let g=null;try{g=b.useThemeContext()}catch{}const{theme:t,brand:a,setTheme:B,setBrand:C}=g??k,s=r=>{B(r),j?.(r)},c=r=>{C(r),f?.(r)};return m?e.jsxs("div",{className:x,style:{display:"flex",gap:"var(--spacing-3)",alignItems:"center",flexWrap:"wrap"},children:[p&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"20px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light")}),e.jsx("span",{style:{fontSize:"20px"},children:"🌙"})]}),o&&e.jsx("div",{style:{display:"flex",gap:"var(--spacing-2)"},children:Object.keys(n).map(r=>e.jsx(l.Button,{variant:a===r?"primary":"secondary",size:"sm",onClick:()=>c(r),children:r.charAt(0).toUpperCase()+r.slice(1)},r))})]}):e.jsxs(d.Card,{variant:"elevated",className:x,style:{background:"var(--interactive-primary)",color:"var(--interactive-primary-text)",...u},children:[e.jsx(d.Card.Header,{children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-2)"},children:[e.jsx("span",{style:{fontSize:"24px"},children:"🎨"}),e.jsxs("div",{children:[e.jsx("h3",{style:{margin:0,color:"var(--interactive-primary-text)"},children:"Theme & Brand Settings"}),e.jsx("p",{style:{margin:0,fontSize:"var(--text-sm)",opacity:.9,color:"var(--interactive-primary-text)"},children:"Customize the appearance in real-time"})]})]})}),e.jsx(d.Card.Body,{style:{background:"var(--surface-base)",color:"var(--text-primary)"},children:e.jsxs("div",{style:{display:"grid",gap:"var(--spacing-6)"},children:[p&&e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-3)"},children:[e.jsxs("div",{children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Color Mode"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Switch between light and dark themes"})]}),e.jsx(i.Badge,{variant:t==="light"?"warning":"primary",size:"lg",children:t==="light"?"☀️ Light":"🌙 Dark"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"var(--spacing-3)",padding:"var(--spacing-4)",background:"var(--surface-subtle)",borderRadius:"var(--radius-control)",border:"2px solid var(--border-subtle)"},children:[e.jsx("span",{style:{fontSize:"32px"},children:"☀️"}),e.jsx(h.Switch,{checked:t==="dark",onChange:r=>s(r.target.checked?"dark":"light"),size:"lg"}),e.jsx("span",{style:{fontSize:"32px"},children:"🌙"}),e.jsxs("div",{style:{marginLeft:"auto",display:"flex",gap:"var(--spacing-2)"},children:[e.jsx(l.Button,{variant:t==="light"?"primary":"ghost",size:"sm",onClick:()=>s("light"),children:"Light"}),e.jsx(l.Button,{variant:t==="dark"?"primary":"ghost",size:"sm",onClick:()=>s("dark"),children:"Dark"})]})]})]}),o&&e.jsxs("div",{children:[e.jsxs("div",{style:{marginBottom:"var(--spacing-3)"},children:[e.jsx("label",{style:{display:"block",fontSize:"var(--text-lg)",fontWeight:"var(--font-weight-bold)",color:"var(--text-primary)",marginBottom:"var(--spacing-1)"},children:"Brand Identity"}),e.jsx("p",{style:{fontSize:"var(--text-sm)",color:"var(--text-secondary)",margin:0},children:"Select a brand to see different accent colors and styling"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(250px, 1fr))",gap:"var(--spacing-3)"},children:Object.keys(n).map(r=>e.jsxs("div",{onClick:()=>c(r),style:{padding:"var(--spacing-4)",background:a===r?"var(--interactive-primary)":"var(--surface-subtle)",color:a===r?"white":"var(--text-primary)",borderRadius:"var(--radius-control)",border:`2px solid ${a===r?"var(--interactive-primary)":"var(--border-subtle)"}`,cursor:"pointer",transition:"all 150ms ease"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--spacing-2)"},children:[e.jsx(z.Radio,{name:"brand",value:r,checked:a===r,onChange:()=>c(r),label:r.charAt(0).toUpperCase()+r.slice(1),size:"lg"}),a===r&&e.jsx(i.Badge,{variant:"success",children:"Active"})]}),e.jsx("p",{style:{fontSize:"var(--text-sm)",margin:0,opacity:.8},children:n[r].description})]},r))})]}),y&&e.jsx(T.Alert,{variant:"info",title:"Current Settings",children:e.jsxs("div",{style:{display:"flex",gap:"var(--spacing-2)",flexWrap:"wrap"},children:[e.jsxs(i.Badge,{variant:"primary",children:["Theme: ",t]}),e.jsxs(i.Badge,{variant:"secondary",children:["Brand: ",a]}),e.jsxs(i.Badge,{variant:"secondary",children:["Accent: ",n[a].accent]}),e.jsxs(i.Badge,{variant:"secondary",children:["Radius:"," ",n[a].radius==="9999px"?"9999px (pills)":n[a].radius]})]})})]})})]})};v.displayName="ThemeController";exports.ThemeController=v;
@@ -6,8 +6,8 @@ import { Switch as v } from "../Switch/Switch.mjs";
6
6
  import { Button as d } from "../Button/Button.mjs";
7
7
  import { Card as o } from "../Card/Card.mjs";
8
8
  import { Badge as n } from "../Badge/Badge.mjs";
9
- import { Radio as w } from "../Radio/Radio.mjs";
10
- import { Alert as F } from "../Alert/Alert.mjs";
9
+ import { Radio as F } from "../Radio/Radio.mjs";
10
+ import { Alert as I } from "../Alert/Alert.mjs";
11
11
  const l = {
12
12
  orion: {
13
13
  accent: "#1B5BFF",
@@ -39,14 +39,14 @@ const l = {
39
39
  radius: "9999px",
40
40
  description: "Lime green accent • Highly rounded"
41
41
  }
42
- }, I = ({
42
+ }, T = ({
43
43
  showBrandSelector: p = !0,
44
- showThemeToggle: h = !0,
44
+ showThemeToggle: g = !0,
45
45
  showSummary: y = !0,
46
46
  compact: u = !1,
47
- className: g,
48
- style: f,
49
- onThemeChange: x,
47
+ className: h,
48
+ style: x,
49
+ onThemeChange: f,
50
50
  onBrandChange: k
51
51
  }) => {
52
52
  const C = S();
@@ -56,14 +56,14 @@ const l = {
56
56
  } catch {
57
57
  }
58
58
  const { theme: t, brand: i, setTheme: b, setBrand: z } = m ?? C, c = (e) => {
59
- b(e), x?.(e);
59
+ b(e), f?.(e);
60
60
  }, s = (e) => {
61
61
  z(e), k?.(e);
62
62
  };
63
63
  return u ? /* @__PURE__ */ a(
64
64
  "div",
65
65
  {
66
- className: g,
66
+ className: h,
67
67
  style: {
68
68
  display: "flex",
69
69
  gap: "var(--spacing-3)",
@@ -71,7 +71,7 @@ const l = {
71
71
  flexWrap: "wrap"
72
72
  },
73
73
  children: [
74
- h && /* @__PURE__ */ a(
74
+ g && /* @__PURE__ */ a(
75
75
  "div",
76
76
  {
77
77
  style: {
@@ -108,11 +108,11 @@ const l = {
108
108
  o,
109
109
  {
110
110
  variant: "elevated",
111
- className: g,
111
+ className: h,
112
112
  style: {
113
113
  background: "var(--interactive-primary)",
114
- color: "white",
115
- ...f
114
+ color: "var(--interactive-primary-text)",
115
+ ...x
116
116
  },
117
117
  children: [
118
118
  /* @__PURE__ */ r(o.Header, { children: /* @__PURE__ */ a(
@@ -126,7 +126,7 @@ const l = {
126
126
  children: [
127
127
  /* @__PURE__ */ r("span", { style: { fontSize: "24px" }, children: "🎨" }),
128
128
  /* @__PURE__ */ a("div", { children: [
129
- /* @__PURE__ */ r("h3", { style: { margin: 0, color: "white" }, children: "Theme & Brand Settings" }),
129
+ /* @__PURE__ */ r("h3", { style: { margin: 0, color: "var(--interactive-primary-text)" }, children: "Theme & Brand Settings" }),
130
130
  /* @__PURE__ */ r(
131
131
  "p",
132
132
  {
@@ -134,7 +134,7 @@ const l = {
134
134
  margin: 0,
135
135
  fontSize: "var(--text-sm)",
136
136
  opacity: 0.9,
137
- color: "white"
137
+ color: "var(--interactive-primary-text)"
138
138
  },
139
139
  children: "Customize the appearance in real-time"
140
140
  }
@@ -151,7 +151,7 @@ const l = {
151
151
  color: "var(--text-primary)"
152
152
  },
153
153
  children: /* @__PURE__ */ a("div", { style: { display: "grid", gap: "var(--spacing-6)" }, children: [
154
- h && /* @__PURE__ */ a("div", { children: [
154
+ g && /* @__PURE__ */ a("div", { children: [
155
155
  /* @__PURE__ */ a(
156
156
  "div",
157
157
  {
@@ -316,7 +316,7 @@ const l = {
316
316
  },
317
317
  children: [
318
318
  /* @__PURE__ */ r(
319
- w,
319
+ F,
320
320
  {
321
321
  name: "brand",
322
322
  value: e,
@@ -348,7 +348,7 @@ const l = {
348
348
  }
349
349
  )
350
350
  ] }),
351
- y && /* @__PURE__ */ r(F, { variant: "info", title: "Current Settings", children: /* @__PURE__ */ a(
351
+ y && /* @__PURE__ */ r(I, { variant: "info", title: "Current Settings", children: /* @__PURE__ */ a(
352
352
  "div",
353
353
  {
354
354
  style: {
@@ -384,7 +384,7 @@ const l = {
384
384
  }
385
385
  );
386
386
  };
387
- I.displayName = "ThemeController";
387
+ T.displayName = "ThemeController";
388
388
  export {
389
- I as ThemeController
389
+ T as ThemeController
390
390
  };
@@ -1 +1 @@
1
- {"version":3,"file":"WorkspaceSwitcher.stories.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceSwitcher/WorkspaceSwitcher.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;CAOgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}
1
+ {"version":3,"file":"WorkspaceSwitcher.stories.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceSwitcher/WorkspaceSwitcher.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,QAAA,MAAM,IAAI;;;;;;;CAOgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orion-ds/react",
3
- "version": "4.6.1",
3
+ "version": "4.6.3",
4
4
  "type": "module",
5
5
  "description": "Orion Design System - React component library with 40+ AI-ready components and 9 templates",
6
6
  "author": "Orion Design System Team",